diff --git a/.changeset/plain-cobras-doubt.md b/.changeset/plain-cobras-doubt.md new file mode 100644 index 0000000000..b3f0934487 --- /dev/null +++ b/.changeset/plain-cobras-doubt.md @@ -0,0 +1,5 @@ +--- +'@backstage/canon': patch +--- + +Export Card and Skeleton components. diff --git a/packages/canon/report.api.md b/packages/canon/report.api.md index 237826d704..c12b8a9705 100644 --- a/packages/canon/report.api.md +++ b/packages/canon/report.api.md @@ -219,6 +219,35 @@ export interface ButtonProps extends ButtonProps_2 { | Partial>; } +// @public +export const Card: ForwardRefExoticComponent< + CardProps & RefAttributes +>; + +// @public +export interface CardBodyProps extends React.HTMLAttributes { + // (undocumented) + children?: React.ReactNode; +} + +// @public +export interface CardFooterProps extends React.HTMLAttributes { + // (undocumented) + children?: React.ReactNode; +} + +// @public +export interface CardHeaderProps extends React.HTMLAttributes { + // (undocumented) + children?: React.ReactNode; +} + +// @public +export interface CardProps extends React.HTMLAttributes { + // (undocumented) + children?: React.ReactNode; +} + // @public (undocumented) export const Checkbox: ForwardRefExoticComponent< CheckboxProps & RefAttributes @@ -1516,6 +1545,19 @@ export interface SelectProps { value?: string; } +// @public (undocumented) +export const Skeleton: (props: SkeletonProps) => JSX_2.Element; + +// @public (undocumented) +export interface SkeletonProps extends ComponentProps<'div'> { + // (undocumented) + height?: number | string; + // (undocumented) + rounded?: boolean; + // (undocumented) + width?: number | string; +} + // @public (undocumented) export type Space = | '0.5' diff --git a/packages/canon/src/index.ts b/packages/canon/src/index.ts index 61fdb5e8cd..1dc6aa74c0 100644 --- a/packages/canon/src/index.ts +++ b/packages/canon/src/index.ts @@ -34,6 +34,7 @@ export * from './components/Heading'; // UI components export * from './components/Avatar'; export * from './components/Button'; +export * from './components/Card'; export * from './components/Collapsible'; export * from './components/DataTable'; export * from './components/FieldLabel'; @@ -53,6 +54,7 @@ export * from './components/ScrollArea'; export * from './components/SearchField'; export * from './components/Link'; export * from './components/Select'; +export * from './components/Skeleton'; export * from './components/Switch'; // Types