Version Packages (next)

packages/ui/CHANGELOG.md

@@ -1,5 +1,83 @@
 # @backstage/ui
 
+## 0.9.0-next.1
+
+### Minor Changes
+
+- 5c614ff: **BREAKING**: Migrated Checkbox component from Base UI to React Aria Components.
+
+  API changes required:
+
+  - `checked` → `isSelected`
+  - `defaultChecked` → `defaultSelected`
+  - `disabled` → `isDisabled`
+  - `required` → `isRequired`
+  - `label` prop removed - use `children` instead
+  - CSS: `bui-CheckboxLabel` class removed
+  - Data attribute: `data-checked` → `data-selected`
+  - Use without label is no longer supported
+
+  Migration examples:
+
+  Before:
+
+  ```tsx
+  <Checkbox label="Accept terms" checked={agreed} onChange={setAgreed} />
+  ```
+
+  After:
+
+  ```tsx
+  <Checkbox isSelected={agreed} onChange={setAgreed}>
+    Accept terms
+  </Checkbox>
+  ```
+
+  Before:
+
+  ```tsx
+  <Checkbox label="Option" disabled />
+  ```
+
+  After:
+
+  ```tsx
+  <Checkbox isDisabled>Option</Checkbox>
+  ```
+
+  Before:
+
+  ```tsx
+  <Checkbox />
+  ```
+
+  After:
+
+  ```tsx
+  <Checkbox>
+    <VisuallyHidden>Accessible label</VisuallyHidden>
+  </Checkbox>
+  ```
+
+- b78fc45: **BREAKING**: Changed className prop behavior to augment default styles instead of being ignored or overriding them.
+
+  Affected components:
+
+  - Menu, MenuListBox, MenuAutocomplete, MenuAutocompleteListbox, MenuItem, MenuListBoxItem, MenuSection, MenuSeparator
+  - Switch
+  - Skeleton
+  - FieldLabel
+  - Header, HeaderToolbar
+  - HeaderPage
+  - Tabs, TabList, Tab, TabPanel
+
+  If you were passing custom className values to any of these components that relied on the previous behavior, you may need to adjust your styles to account for the default classes now being applied alongside your custom classes.
+
+### Patch Changes
+
+- ff9f0c3: Enable tree-shaking of imports other than `*.css`.
+- 1ef3ca4: Added new VisuallyHidden component for hiding content visually while keeping it accessible to screen readers.
+
 ## 0.8.2-next.0
 
 ### Patch Changes