From 390ea2024ebef2148c1e074bf77d8453d4919b89 Mon Sep 17 00:00:00 2001 From: James Brooks Date: Wed, 9 Jul 2025 23:10:26 +0100 Subject: [PATCH 1/2] Canon - Export Skeleton component Signed-off-by: James Brooks --- .changeset/plain-cobras-doubt.md | 5 +++++ packages/canon/report.api.md | 13 +++++++++++++ packages/canon/src/index.ts | 1 + 3 files changed, 19 insertions(+) create mode 100644 .changeset/plain-cobras-doubt.md diff --git a/.changeset/plain-cobras-doubt.md b/.changeset/plain-cobras-doubt.md new file mode 100644 index 0000000000..bb227cbc04 --- /dev/null +++ b/.changeset/plain-cobras-doubt.md @@ -0,0 +1,5 @@ +--- +'@backstage/canon': patch +--- + +Export Skeleton component from Canon. diff --git a/packages/canon/report.api.md b/packages/canon/report.api.md index 237826d704..2a72813174 100644 --- a/packages/canon/report.api.md +++ b/packages/canon/report.api.md @@ -1516,6 +1516,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..69ecae57ea 100644 --- a/packages/canon/src/index.ts +++ b/packages/canon/src/index.ts @@ -53,6 +53,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 From 33a8591c93180c33856f5eebe2740cd049fdb38a Mon Sep 17 00:00:00 2001 From: James Brooks Date: Wed, 9 Jul 2025 23:12:16 +0100 Subject: [PATCH 2/2] Canon - Export Card component as well Signed-off-by: James Brooks --- .changeset/plain-cobras-doubt.md | 2 +- packages/canon/report.api.md | 29 +++++++++++++++++++++++++++++ packages/canon/src/index.ts | 1 + 3 files changed, 31 insertions(+), 1 deletion(-) diff --git a/.changeset/plain-cobras-doubt.md b/.changeset/plain-cobras-doubt.md index bb227cbc04..b3f0934487 100644 --- a/.changeset/plain-cobras-doubt.md +++ b/.changeset/plain-cobras-doubt.md @@ -2,4 +2,4 @@ '@backstage/canon': patch --- -Export Skeleton component from Canon. +Export Card and Skeleton components. diff --git a/packages/canon/report.api.md b/packages/canon/report.api.md index 2a72813174..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 diff --git a/packages/canon/src/index.ts b/packages/canon/src/index.ts index 69ecae57ea..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';