Merge pull request #30492 from backstage/skeleton

Canon - Export Card and Skeleton components

.changeset/plain-cobras-doubt.md

@@ -0,0 +1,5 @@
+---
+'@backstage/canon': patch
+---
+
+Export Card and Skeleton components.

packages/canon/report.api.md

@@ -219,6 +219,35 @@ export interface ButtonProps extends ButtonProps_2 {
     | Partial<Record<Breakpoint, 'primary' | 'secondary' | 'tertiary'>>;
 }
 
+// @public
+export const Card: ForwardRefExoticComponent<
+  CardProps & RefAttributes<HTMLDivElement>
+>;
+
+// @public
+export interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+  // (undocumented)
+  children?: React.ReactNode;
+}
+
+// @public
+export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+  // (undocumented)
+  children?: React.ReactNode;
+}
+
+// @public
+export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+  // (undocumented)
+  children?: React.ReactNode;
+}
+
+// @public
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+  // (undocumented)
+  children?: React.ReactNode;
+}
+
 // @public (undocumented)
 export const Checkbox: ForwardRefExoticComponent<
   CheckboxProps & RefAttributes<HTMLButtonElement>
@@ -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'

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