diff --git a/packages/canon/report.api.md b/packages/canon/report.api.md index 33efa37c7d..ef59d46f68 100644 --- a/packages/canon/report.api.md +++ b/packages/canon/report.api.md @@ -283,9 +283,57 @@ export const Field: { }) => React_2.JSX.Element; }; +// @public (undocumented) +export const Flex: ForwardRefExoticComponent< + FlexProps & RefAttributes +>; + // @public (undocumented) export type FlexDirection = 'row' | 'column'; +// @public (undocumented) +export type FlexOwnProps = GetPropDefTypes; + +// @public (undocumented) +export const flexPropDefs: { + align: { + type: 'enum'; + className: string; + values: readonly ['start', 'center', 'end', 'baseline', 'stretch']; + responsive: true; + }; + direction: { + type: 'enum'; + className: string; + values: readonly ['row', 'column', 'row-reverse', 'column-reverse']; + responsive: true; + }; + justify: { + type: 'enum'; + className: string; + values: readonly ['start', 'center', 'end', 'between']; + responsive: true; + }; +}; + +// @public (undocumented) +export interface FlexProps extends SpaceProps { + // (undocumented) + align?: FlexOwnProps['align']; + // (undocumented) + children: React.ReactNode; + // (undocumented) + className?: string; + // (undocumented) + direction?: FlexOwnProps['direction']; + // (undocumented) + gap?: GapProps['gap']; + // (undocumented) + justify?: FlexOwnProps['justify']; + // (undocumented) + style?: React.CSSProperties; +} + // @public (undocumented) export type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse'; @@ -589,37 +637,6 @@ export type IconProps = { // @public (undocumented) export const icons: IconMap; -// @public (undocumented) -export const Inline: ForwardRefExoticComponent< - InlineProps & RefAttributes ->; - -// @public (undocumented) -export interface InlineProps extends SpaceProps { - // (undocumented) - align?: - | 'left' - | 'center' - | 'right' - | Partial>; - // (undocumented) - alignY?: - | 'top' - | 'center' - | 'bottom' - | Partial>; - // (undocumented) - as?: AsProps; - // (undocumented) - children: React.ReactNode; - // (undocumented) - className?: string; - // (undocumented) - gap?: UtilityProps['gap']; - // (undocumented) - style?: React.CSSProperties; -} - // @public (undocumented) export const Input: React_2.ForwardRefExoticComponent< InputProps & React_2.RefAttributes @@ -853,39 +870,6 @@ export interface SpaceProps { py?: Responsive; } -// @public (undocumented) -export const Stack: ForwardRefExoticComponent< - StackProps & RefAttributes ->; - -// @public (undocumented) -export type StackOwnProps = GetPropDefTypes; - -// @public (undocumented) -export const stackPropDefs: { - align: { - type: 'enum'; - className: string; - values: readonly ['start', 'center', 'end', 'baseline', 'stretch']; - responsive: true; - default: 'stretch'; - }; -}; - -// @public (undocumented) -export interface StackProps extends SpaceProps { - // (undocumented) - align?: StackOwnProps['align']; - // (undocumented) - children: React.ReactNode; - // (undocumented) - className?: string; - // (undocumented) - gap?: GapProps['gap']; - // (undocumented) - style?: React.CSSProperties; -} - // @public (undocumented) export type StringPropDef = { type: 'string'; diff --git a/packages/canon/src/components/Flex/index.ts b/packages/canon/src/components/Flex/index.ts index 17ae03d1d0..033a9bec42 100644 --- a/packages/canon/src/components/Flex/index.ts +++ b/packages/canon/src/components/Flex/index.ts @@ -14,5 +14,6 @@ * limitations under the License. */ export { Flex } from './Flex'; +export { flexPropDefs } from './Flex.props'; export type { FlexProps } from './types'; export type { FlexOwnProps } from './Flex.props'; diff --git a/packages/canon/src/components/Flex/styles.css b/packages/canon/src/components/Flex/styles.css index 122d0ee57c..094edffca7 100644 --- a/packages/canon/src/components/Flex/styles.css +++ b/packages/canon/src/components/Flex/styles.css @@ -13,7 +13,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -export { Stack } from './Stack'; -export { stackPropDefs } from './Stack.props'; -export type { StackProps } from './types'; -export type { StackOwnProps } from './Stack.props'; + +.canon-Flex { + display: flex; +}