diff --git a/packages/canon/report.api.md b/packages/canon/report.api.md index b0663b50cf..33efa37c7d 100644 --- a/packages/canon/report.api.md +++ b/packages/canon/report.api.md @@ -283,34 +283,9 @@ 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 interface FlexProps extends SpaceProps { - // Warning: (ae-forgotten-export) The symbol "FlexOwnProps" needs to be exported by the entry point index.d.ts - // - // (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'; @@ -366,6 +341,97 @@ export const Grid: ForwardRefExoticComponent< >; }; +// @public (undocumented) +export type GridItemOwnProps = GetPropDefTypes; + +// @public (undocumented) +export const gridItemPropDefs: { + colSpan: { + type: 'enum | string'; + className: string; + customProperties: '--col-span'[]; + values: readonly [ + '1', + '2', + '3', + '4', + '5', + '6', + '7', + '8', + '9', + '10', + '11', + '12', + 'auto', + ]; + responsive: true; + }; + colEnd: { + type: 'enum | string'; + className: string; + customProperties: '--col-end'[]; + values: readonly [ + '1', + '2', + '3', + '4', + '5', + '6', + '7', + '8', + '9', + '10', + '11', + '12', + 'auto', + ]; + responsive: true; + }; + colStart: { + type: 'enum | string'; + className: string; + customProperties: '--col-start'[]; + values: readonly [ + '1', + '2', + '3', + '4', + '5', + '6', + '7', + '8', + '9', + '10', + '11', + '12', + 'auto', + ]; + responsive: true; + }; + rowSpan: { + type: 'enum | string'; + className: string; + customProperties: '--row-span'[]; + values: readonly [ + '1', + '2', + '3', + '4', + '5', + '6', + '7', + '8', + '9', + '10', + '11', + '12', + 'auto', + ]; + responsive: true; + }; +}; + // @public (undocumented) export interface GridItemProps { // (undocumented) @@ -374,8 +440,6 @@ export interface GridItemProps { className?: string; // (undocumented) colEnd?: GridItemOwnProps['colEnd']; - // Warning: (ae-forgotten-export) The symbol "GridItemOwnProps" needs to be exported by the entry point index.d.ts - // // (undocumented) colSpan?: GridItemOwnProps['colSpan']; // (undocumented) @@ -386,14 +450,41 @@ export interface GridItemProps { style?: React.CSSProperties; } +// @public (undocumented) +export type GridOwnProps = GetPropDefTypes; + +// @public (undocumented) +export const gridPropDefs: { + columns: { + type: 'enum | string'; + className: string; + customProperties: '--columns'[]; + values: readonly [ + '1', + '2', + '3', + '4', + '5', + '6', + '7', + '8', + '9', + '10', + '11', + '12', + 'auto', + ]; + responsive: true; + default: string; + }; +}; + // @public (undocumented) export interface GridProps extends SpaceProps { // (undocumented) children?: React.ReactNode; // (undocumented) className?: string; - // Warning: (ae-forgotten-export) The symbol "GridOwnProps" needs to be exported by the entry point index.d.ts - // // (undocumented) columns?: GridOwnProps['columns']; // (undocumented) @@ -498,6 +589,37 @@ 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 @@ -731,6 +853,39 @@ 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/styles.css b/packages/canon/src/components/Flex/styles.css index 094edffca7..122d0ee57c 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. */ - -.canon-Flex { - display: flex; -} +export { Stack } from './Stack'; +export { stackPropDefs } from './Stack.props'; +export type { StackProps } from './types'; +export type { StackOwnProps } from './Stack.props'; diff --git a/packages/canon/src/components/Grid/index.ts b/packages/canon/src/components/Grid/index.ts index c637375342..fd10e7fe68 100644 --- a/packages/canon/src/components/Grid/index.ts +++ b/packages/canon/src/components/Grid/index.ts @@ -14,5 +14,6 @@ * limitations under the License. */ export { Grid } from './Grid'; +export { gridPropDefs, gridItemPropDefs } from './Grid.props'; export type { GridProps, GridItemProps } from './types'; export type { GridOwnProps, GridItemOwnProps } from './Grid.props';