paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 47 Packages Projects Releases Wiki Activity

chore(docs-ui): sync changelogs for @backstage/ui v0.1.0-v0.8.2

Browse Source 
Syncs component changelogs from @backstage/ui package using the
automated changelog sync script. Adds missing version changelogs
(v0.1.0, v0.2.1, v0.3.2, v0.7.0-v0.8.2) and updates changelog.ts
to import all versions in descending order.

Affected components for each changelog entry were manually inferred
using AI to categorize changes by component.

Signed-off-by: Johan Persson <johanopersson@gmail.com>
This commit is contained in:
Johan Persson
2025-11-13 14:41:31 +01:00
parent 67f5310557
commit f3ae275cfd
9 changed files with 728 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs-ui/src/utils/changelog.ts
+16
View File
@@ -1,14 +1,30 @@
export * from './types';
import { changelog_0_8_2 } from './changelogs/v0.8.2';
import { changelog_0_8_0 } from './changelogs/v0.8.0';
import { changelog_0_7_2 } from './changelogs/v0.7.2';
import { changelog_0_7_1 } from './changelogs/v0.7.1';
import { changelog_0_7_0 } from './changelogs/v0.7.0';
import { changelog_0_6_0 } from './changelogs/v0.6.0';
import { changelog_0_5_0 } from './changelogs/v0.5.0';
import { changelog_0_4_0 } from './changelogs/v0.4.0';
import { changelog_0_3_2 } from './changelogs/v0.3.2';
import { changelog_0_3_0 } from './changelogs/v0.3.0';
import { changelog_0_2_1 } from './changelogs/v0.2.1';
import { changelog_0_2_0 } from './changelogs/v0.2.0';
import { changelog_0_1_0 } from './changelogs/v0.1.0';
export const changelog = [
...changelog_0_8_2,
...changelog_0_8_0,
...changelog_0_7_2,
...changelog_0_7_1,
...changelog_0_7_0,
...changelog_0_6_0,
...changelog_0_5_0,
...changelog_0_4_0,
...changelog_0_3_2,
...changelog_0_3_0,
...changelog_0_2_1,
...changelog_0_2_0,
...changelog_0_1_0,
];
docs-ui/src/utils/changelogs/v0.1.0.ts
+116
View File
@@ -0,0 +1,116 @@
import type { ChangelogProps } from '../types';
export const changelog_0_1_0: ChangelogProps[] = [
{
components: [],
version: '0.1.0',
description: `**BREAKING**: Merged the Stack and Inline component into a single component called Flex.`,
prs: ['28634'],
type: 'breaking',
commitSha: '72c9800',
},
{
components: [],
version: '0.1.0',
description: `This is the first alpha release for Canon. As part of this release we are introducing 5 layout components and 7 components. All theming is done through CSS variables.`,
prs: ['28562'],
type: 'breaking',
commitSha: '65f4acc',
},
{
components: [],
version: '0.1.0',
description: `**BREAKING**: Fixing css structure and making sure that props are applying the correct styles for all responsive values.`,
prs: ['28630'],
type: 'breaking',
commitSha: '1e4ccce',
},
{
components: [],
version: '0.1.0',
description: `Updated core CSS tokens and fixing the Button component accordingly.`,
prs: ['28789'],
type: 'breaking',
commitSha: '8309bdb',
},
{
components: [],
version: '0.1.0',
description: `Removed client directive as they are not needed in React 18.`,
prs: ['28626'],
type: 'fix',
commitSha: '989af25',
},
{
components: [],
version: '0.1.0',
description: `Fix spacing props not being applied for custom values.`,
prs: ['28770'],
type: 'fix',
commitSha: 'f44e5cf',
},
{
components: [],
version: '0.1.0',
description: `Removed older versions of React packages as a preparatory step for upgrading to React 19. This commit does not introduce any functional changes, but removes dependencies on previous React versions, allowing for a cleaner upgrade path in subsequent commits.`,
prs: ['28579'],
type: 'fix',
commitSha: '58ec9e7',
},
{
components: [],
version: '0.1.0',
description: `Updated core CSS tokens and fixing the Button component accordingly.`,
prs: ['28789'],
type: 'breaking',
commitSha: '8309bdb',
},
{
components: [],
version: '0.1.0',
description: `Fix spacing props not being applied for custom values.`,
prs: ['28770'],
type: 'fix',
commitSha: 'f44e5cf',
},
{
components: [],
version: '0.1.0',
description: `**BREAKING**: Merged the Stack and Inline component into a single component called Flex.`,
prs: ['28634'],
type: 'breaking',
commitSha: '72c9800',
},
{
components: [],
version: '0.1.0',
description: `**BREAKING**: Fixing css structure and making sure that props are applying the correct styles for all responsive values.`,
prs: ['28630'],
type: 'breaking',
commitSha: '1e4ccce',
},
{
components: [],
version: '0.1.0',
description: `Removed client directive as they are not needed in React 18.`,
prs: ['28626'],
type: 'fix',
commitSha: '989af25',
},
{
components: [],
version: '0.1.0',
description: `Removed older versions of React packages as a preparatory step for upgrading to React 19. This commit does not introduce any functional changes, but removes dependencies on previous React versions, allowing for a cleaner upgrade path in subsequent commits.`,
prs: ['28579'],
type: 'fix',
commitSha: '58ec9e7',
},
{
components: [],
version: '0.1.0',
description: `This is the first alpha release for Canon. As part of this release we are introducing 5 layout components and 7 components. All theming is done through CSS variables.`,
prs: ['28562'],
type: 'breaking',
commitSha: '65f4acc',
},
];
docs-ui/src/utils/changelogs/v0.2.1.ts
+44
View File
@@ -0,0 +1,44 @@
import type { ChangelogProps } from '../types';
export const changelog_0_2_1: ChangelogProps[] = [
{
components: [],
version: '0.2.1',
description: `Internal refactor and fixes to the prop extraction logic for layout components.`,
prs: ['29389'],
type: 'fix',
commitSha: 'f7cb538',
},
{
components: [],
version: '0.2.1',
description: `Fix types on the Icon component.`,
prs: ['29306'],
type: 'fix',
commitSha: '5e80f0b',
},
{
components: [],
version: '0.2.1',
description: `Updated styles for the Menu component in Canon.`,
prs: ['29351'],
type: 'fix',
commitSha: '6af7b16',
},
{
components: [],
version: '0.2.1',
description: `Add global CSS reset for anchor tags.`,
prs: ['29357'],
type: 'new',
commitSha: '513477f',
},
{
components: [],
version: '0.2.1',
description: `Fix the Icon component when the name is not found to return null instead of an empty SVG.`,
prs: ['29280'],
type: 'fix',
commitSha: '05a5003',
},
];
docs-ui/src/utils/changelogs/v0.3.2.ts
+12
View File
@@ -0,0 +1,12 @@
import type { ChangelogProps } from '../types';
export const changelog_0_3_2: ChangelogProps[] = [
{
components: [],
version: '0.3.2',
description: `Fix Canon missing dependencies`,
prs: ['29642'],
type: 'fix',
commitSha: 'e996368',
},
];
docs-ui/src/utils/changelogs/v0.7.0.ts
+212
View File
@@ -0,0 +1,212 @@
import type { ChangelogProps } from '../types';
export const changelog_0_7_0: ChangelogProps[] = [
{
components: ['datatable', 'table'],
version: '0.7.0',
description: `We are moving our DataTable component to React Aria. We removed our DataTable to only use Table as a single and opinionated option for tables. This new structure is made possible by using React Aria under the hood.`,
prs: ['30654'],
type: 'breaking',
commitSha: '0615e54',
},
{
components: ['header-page'],
version: '0.7.0',
description: `Backstage UI - HeaderPage - We are updating the breadcrumb to be more visible and accessible.`,
prs: ['30874'],
type: 'breaking',
commitSha: 'b245c9d',
},
{
components: ['menu'],
version: '0.7.0',
description: `**Breaking change** We are updating the Menu component to use React Aria under the hood. The structure and all props are changing to follow React Aria's guidance.`,
prs: ['30908'],
type: 'breaking',
commitSha: '800f593',
},
{
components: ['text', 'heading', 'link'],
version: '0.7.0',
description: `**Breaking** We are upgrading our \`Text\` component to support all font sizes making the \`Heading\` component redundant. The new \`Text\` component introduces 4 sizes for title and 4 sizes for body text. All of these work in multiple colors and font weights. We improved the \`as\` prop to include all possible values. The \`Link\` component has also been updated to match the new \`Text\` component.`,
prs: ['30592'],
type: 'breaking',
commitSha: 'b0e47f3',
},
{
components: ['select'],
version: '0.7.0',
description: `Fixes some styles on the Select component in BUI.`,
prs: ['30642'],
type: 'fix',
commitSha: 'de89a3d',
},
{
components: ['card'],
version: '0.7.0',
description: `Export CardHeader, CardBody and CardFooter from Card component index`,
prs: ['30882'],
type: 'fix',
commitSha: 'a251b3e',
},
{
components: ['tag-group'],
version: '0.7.0',
description: `Add new TagGroup component to Backstage UI.`,
prs: ['30919'],
type: 'new',
commitSha: 'f761306',
},
{
components: ['header', 'header-page'],
version: '0.7.0',
description: `Fixes a couple of small bugs in BUI including setting H1 and H2 correctly on the Header and HeaderPage.`,
prs: ['30636'],
type: 'fix',
commitSha: '75fead9',
},
{
components: ['tooltip'],
version: '0.7.0',
description: `Update styling of Tooltip element`,
prs: ['30591'],
type: 'fix',
commitSha: 'e7ff178',
},
{
components: ['header-page', 'header'],
version: '0.7.0',
description: `**Breaking change** Move breadcrumb to fit in the \`HeaderPage\` instead of the \`Header\` in Backstage UI.`,
prs: ['30701'],
type: 'fix',
commitSha: '230b410',
},
{
components: [],
version: '0.7.0',
description: `We are motion away from \`motion\` to use \`gsap\` instead to make Backstage UI backward compatible with React 17.`,
prs: ['30626'],
type: 'fix',
commitSha: '2f9a084',
},
{
components: ['menu'],
version: '0.7.0',
description: `Updated Menu component in Backstage UI to use useId() from React Aria instead of React to support React 17.`,
prs: ['30675'],
type: 'fix',
commitSha: 'd4e603e',
},
{
components: ['select'],
version: '0.7.0',
description: `Remove stylesheet import from Select component.`,
prs: ['30800'],
type: 'fix',
commitSha: '8bdc491',
},
{
components: ['searchfield'],
version: '0.7.0',
description: `Add \`startCollapsed\` prop on the \`SearchField\` component in BUI.`,
prs: ['30729'],
type: 'new',
commitSha: '404b426',
},
{
components: ['header'],
version: '0.7.0',
description: `Adds onTabSelectionChange to ui header component.`,
prs: ['30588'],
type: 'fix',
commitSha: 'e0e886f',
},
{
components: ['datatable', 'table'],
version: '0.7.0',
description: `We are moving our DataTable component to React Aria. We removed our DataTable to only use Table as a single and opinionated option for tables. This new structure is made possible by using React Aria under the hood.`,
prs: ['30654'],
type: 'breaking',
commitSha: '0615e54',
},
{
components: ['header-page', 'header'],
version: '0.7.0',
description: `**Breaking change** Move breadcrumb to fit in the \`HeaderPage\` instead of the \`Header\` in Backstage UI.`,
prs: ['30701'],
type: 'fix',
commitSha: '230b410',
},
{
components: ['select'],
version: '0.7.0',
description: `Remove stylesheet import from Select component.`,
prs: ['30800'],
type: 'fix',
commitSha: '8bdc491',
},
{
components: ['searchfield'],
version: '0.7.0',
description: `Add \`startCollapsed\` prop on the \`SearchField\` component in BUI.`,
prs: ['30729'],
type: 'new',
commitSha: '404b426',
},
{
components: ['menu'],
version: '0.7.0',
description: `Updated Menu component in Backstage UI to use useId() from React Aria instead of React to support React 17.`,
prs: ['30675'],
type: 'fix',
commitSha: 'd4e603e',
},
{
components: ['select'],
version: '0.7.0',
description: `Fixes some styles on the Select component in BUI.`,
prs: ['30642'],
type: 'fix',
commitSha: 'de89a3d',
},
{
components: ['header', 'header-page'],
version: '0.7.0',
description: `Fixes a couple of small bugs in BUI including setting H1 and H2 correctly on the Header and HeaderPage.`,
prs: ['30636'],
type: 'fix',
commitSha: '75fead9',
},
{
components: [],
version: '0.7.0',
description: `We are motion away from \`motion\` to use \`gsap\` instead to make Backstage UI backward compatible with React 17.`,
prs: ['30626'],
type: 'fix',
commitSha: '2f9a084',
},
{
components: ['text', 'heading', 'link'],
version: '0.7.0',
description: `**Breaking** We are upgrading our \`Text\` component to support all font sizes making the \`Heading\` component redundant. The new \`Text\` component introduces 4 sizes for title and 4 sizes for body text. All of these work in multiple colors and font weights. We improved the \`as\` prop to include all possible values. The \`Link\` component has also been updated to match the new \`Text\` component.`,
prs: ['30592'],
type: 'breaking',
commitSha: 'b0e47f3',
},
{
components: ['tooltip'],
version: '0.7.0',
description: `Update styling of Tooltip element`,
prs: ['30591'],
type: 'fix',
commitSha: 'e7ff178',
},
{
components: ['header'],
version: '0.7.0',
description: `Adds onTabSelectionChange to ui header component.`,
prs: ['30588'],
type: 'fix',
commitSha: 'e0e886f',
},
];
docs-ui/src/utils/changelogs/v0.7.1.ts
+44
View File
@@ -0,0 +1,44 @@
import type { ChangelogProps } from '../types';
export const changelog_0_7_1: ChangelogProps[] = [
{
components: ['flex'],
version: '0.7.1',
description: `Add missing class for flex: baseline`,
prs: ['31013'],
type: 'new',
commitSha: '7307930',
},
{
components: ['select'],
version: '0.7.1',
description: `Fix Select component to properly attach aria-label and aria-labelledby props to the rendered element for improved accessibility.`,
prs: ['31037'],
type: 'fix',
commitSha: '89da341',
},
{
components: [],
version: '0.7.1',
description: `Removed the need to mock \`window.matchMedia\` in tests, falling back to default breakpoint values instead.`,
prs: ['31148'],
type: 'fix',
commitSha: '0ffa4c7',
},
{
components: ['flex'],
version: '0.7.1',
description: `Add missing class for flex: baseline`,
prs: ['31013'],
type: 'new',
commitSha: '7307930',
},
{
components: ['select'],
version: '0.7.1',
description: `Fix Select component to properly attach aria-label and aria-labelledby props to the rendered element for improved accessibility.`,
prs: ['31037'],
type: 'fix',
commitSha: '89da341',
},
];
docs-ui/src/utils/changelogs/v0.7.2.ts
+68
View File
@@ -0,0 +1,68 @@
import type { ChangelogProps } from '../types';
export const changelog_0_7_2: ChangelogProps[] = [
{
components: ['tabs', 'header'],
version: '0.7.2',
description: `Making href mandatory in tabs that are part of a Header component`,
prs: ['31343'],
type: 'fix',
commitSha: '3c921c5',
},
{
components: ['button-link'],
version: '0.7.2',
description: `Add react router for internal routing for ButtonLinks`,
prs: ['31276'],
type: 'new',
commitSha: '5c21e45',
},
{
components: ['tabs'],
version: '0.7.2',
description: `Remove auto selection of tabs for tabs that all have href defined`,
prs: ['31281'],
type: 'fix',
commitSha: '9781815',
},
{
components: ['menu'],
version: '0.7.2',
description: `Using react router for internal links in the Menu component`,
prs: ['31339'],
type: 'fix',
commitSha: 'f6dff5b',
},
{
components: ['button', 'tooltip'],
version: '0.7.2',
description: `Enable tooltips on disabled buttons with automatic wrapper`,
prs: ['31230'],
type: 'fix',
commitSha: 'a9b88be',
},
{
components: [],
version: '0.7.2',
description: `Avoid overriding onChange when spreading props`,
prs: ['31232'],
type: 'fix',
commitSha: '4adbb03',
},
{
components: ['tabs'],
version: '0.7.2',
description: `remove default selection of tab`,
prs: ['31216'],
type: 'fix',
commitSha: '827340f',
},
{
components: ['searchfield', 'header'],
version: '0.7.2',
description: `Improved SearchField component flex layout and animations. Fixed SearchField behavior in Header components by switching from width-based transitions to flex-basis transitions for better responsive behavior. Added new Storybook stories to test SearchField integration with Header component.`,
prs: ['31158'],
type: 'fix',
commitSha: '9a47125',
},
];
docs-ui/src/utils/changelogs/v0.8.0.ts
+172
View File
@@ -0,0 +1,172 @@
import type { ChangelogProps } from '../types';
export const changelog_0_8_0: ChangelogProps[] = [
{
components: ['password-field', 'textfield'],
version: '0.8.0',
description: `**BREAKING**: Added a new \`PasswordField\` component. As part of this change, the \`password\` and \`search\` types have been removed from \`TextField\`.`,
prs: ['31238'],
type: 'breaking',
commitSha: '9acc1d6',
},
{
components: [],
version: '0.8.0',
description: `**BREAKING** Restructure Backstage UI component styling to use CSS Modules instead of pure CSS. We don't expect this to be an issue in practice but it is important to call out that all styles are now loaded through CSS modules with generated class names. We are still providing fixed class names for all components to allow anyone to style their Backstage instance.`,
prs: ['31399'],
type: 'breaking',
commitSha: 'b0d11b5',
},
{
components: ['scrollarea'],
version: '0.8.0',
description: `**BREAKING** The ScrollArea component has been removed from Backstage UI because it did not meet our accessibility standards.`,
prs: ['31409'],
type: 'breaking',
commitSha: '0c53517',
},
{
components: ['icon'],
version: '0.8.0',
description: `**BREAKING** Remove Icon component in Backstage UI. This component was creating issue for tree-shaking. It is recommended to use icons from @remixicon/react until we found a better alternative in Backstage UI.`,
prs: ['31407'],
type: 'breaking',
commitSha: '7b319c5',
},
{
components: ['dialog'],
version: '0.8.0',
description: `Adding a new Dialog component to Backstage UI.`,
prs: ['31371'],
type: 'fix',
commitSha: '2591b42',
},
{
components: ['tabs'],
version: '0.8.0',
description: `remove default selection of tab`,
prs: ['31216'],
type: 'fix',
commitSha: '827340f',
},
{
components: [],
version: '0.8.0',
description: `Fix margin utility classes in Backstage UI.`,
prs: ['31389'],
type: 'fix',
commitSha: '5dc17cc',
},
{
components: ['menu'],
version: '0.8.0',
description: `Fix scroll jumping when opening menu in Backstage UI.`,
prs: ['31394'],
type: 'fix',
commitSha: '85faee0',
},
{
components: ['tabs', 'header'],
version: '0.8.0',
description: `Making href mandatory in tabs that are part of a Header component`,
prs: ['31343'],
type: 'fix',
commitSha: '3c921c5',
},
{
components: [],
version: '0.8.0',
description: `Update react-aria-components to version 1.13.0`,
prs: ['31367'],
type: 'fix',
commitSha: 'df7d2cf',
},
{
components: ['table'],
version: '0.8.0',
description: `Fix table sorting icon position in Backstage UI.`,
prs: ['31393'],
type: 'fix',
commitSha: '507ee55',
},
{
components: ['menu'],
version: '0.8.0',
description: `Add new \`virtualized\`, \`maxWidth\` and \`maxHeight\` props to \`Menu\`, \`MenuListBox\`, \`MenuAutocomplete\` and \`MenuAutocompleteListBox\` to allow for virtalization of long lists inside menus.`,
prs: ['31375'],
type: 'new',
commitSha: '8b7c3c9',
},
{
components: ['box', 'container', 'flex', 'grid'],
version: '0.8.0',
description: `Added support for data attributes in \`<Box />\`, \`<Container />\`, \`<Flex />\`, and \`<Grid />\` components, ensuring they are correctly applied to the rendered elements.`,
prs: ['31374'],
type: 'new',
commitSha: 'b940062',
},
{
components: ['scrollarea', 'card'],
version: '0.8.0',
description: `Cleaning up Backstage UI props definitions as well as removing ScrollArea in Card to improve accessibility.`,
prs: ['31404'],
type: 'fix',
commitSha: '206c801',
},
{
components: ['button-link'],
version: '0.8.0',
description: `Add react router for internal routing for ButtonLinks`,
prs: ['31276'],
type: 'new',
commitSha: '5c21e45',
},
{
components: [],
version: '0.8.0',
description: `Added a background color default on the body`,
prs: ['31365'],
type: 'new',
commitSha: '865bce8',
},
{
components: [],
version: '0.8.0',
description: `We are restructuring our CSS to have a better layer structure.`,
prs: ['31362'],
type: 'fix',
commitSha: 'af4d9b4',
},
{
components: ['searchfield', 'header'],
version: '0.8.0',
description: `Improved SearchField component flex layout and animations. Fixed SearchField behavior in Header components by switching from width-based transitions to flex-basis transitions for better responsive behavior. Added new Storybook stories to test SearchField integration with Header component.`,
prs: ['31158'],
type: 'fix',
commitSha: '9a47125',
},
{
components: ['tabs'],
version: '0.8.0',
description: `Remove auto selection of tabs for tabs that all have href defined`,
prs: ['31281'],
type: 'fix',
commitSha: '9781815',
},
{
components: [],
version: '0.8.0',
description: `Avoid overriding onChange when spreading props`,
prs: ['31232'],
type: 'fix',
commitSha: '4adbb03',
},
{
components: ['menu'],
version: '0.8.0',
description: `Using react router for internal links in the Menu component`,
prs: ['31339'],
type: 'fix',
commitSha: 'f6dff5b',
},
];
docs-ui/src/utils/changelogs/v0.8.2.ts
+44
View File
@@ -0,0 +1,44 @@
import type { ChangelogProps } from '../types';
export const changelog_0_8_2: ChangelogProps[] = [
{
components: ['text'],
version: '0.8.2',
description: `Fix default text color in Backstage UI`,
prs: ['31429'],
type: 'fix',
commitSha: '26c6a78',
},
{
components: ['text'],
version: '0.8.2',
description: `Fix the default font size in Backstage UI.`,
prs: ['31435'],
type: 'fix',
commitSha: 'dac851f',
},
{
components: [],
version: '0.8.2',
description: `Fix CSS layer ordering in Backstage UI to make sure component styles are loaded after tokens and base declarations.`,
prs: ['31448'],
type: 'fix',
commitSha: '3c0ea67',
},
{
components: [],
version: '0.8.2',
description: `Fix font smoothing as default in Backstage UI.`,
prs: ['31444'],
type: 'fix',
commitSha: '4eb455c',
},
{
components: ['text'],
version: '0.8.2',
description: `Fix default font wight and font family in Backstage UI.`,
prs: ['31432'],
type: 'fix',
commitSha: '00bfb83',
},
];