diff --git a/.changeset/open-points-beam.md b/.changeset/open-points-beam.md new file mode 100644 index 0000000000..b58bf2b3d5 --- /dev/null +++ b/.changeset/open-points-beam.md @@ -0,0 +1,37 @@ +--- +'@backstage/ui': minor +--- + +**Breaking change** The `Cell` component has been refactored to be a generic wrapper component that accepts `children` for custom cell content. The text-specific functionality (previously part of `Cell`) has been moved to a new `CellText` component. + +### Migration Guide + +If you were using `Cell` with text-specific props (`title`, `description`, `leadingIcon`, `href`), you need to update your code to use `CellText` instead: + +**Before:** + +```tsx +} + href="/path" +/> +``` + +**After:** + +```tsx +} + href="/path" +/> +``` + +For custom cell content, use the new generic `Cell` component: + +```tsx +{/* Your custom content */} +``` diff --git a/packages/ui/report.api.md b/packages/ui/report.api.md index 2308142d77..0a7e289d0a 100644 --- a/packages/ui/report.api.md +++ b/packages/ui/report.api.md @@ -406,7 +406,16 @@ export interface CellProfileProps extends CellProps_2 { } // @public (undocumented) -export interface CellProps extends CellProps_2 { +export interface CellProps extends CellProps_2 {} + +// @public (undocumented) +export const CellText: { + (props: CellTextProps): JSX_2.Element; + displayName: string; +}; + +// @public (undocumented) +export interface CellTextProps extends CellProps_2 { // (undocumented) color?: TextColors; // (undocumented) @@ -863,12 +872,16 @@ export const LinkDefinition: { // @public (undocumented) export interface LinkProps extends LinkProps_2 { + // (undocumented) + children?: ReactNode; // (undocumented) color?: | TextColors | TextColorStatus | Partial>; // (undocumented) + title?: string; + // (undocumented) truncate?: boolean; // (undocumented) variant?: TextVariants | Partial>;