@backstage/ui 0.0.0-nightly-20251111024437 → 0.0.0-nightly-20251113024512
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +56 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @backstage/ui
|
|
2
2
|
|
|
3
|
-
## 0.0.0-nightly-
|
|
3
|
+
## 0.0.0-nightly-20251113024512
|
|
4
4
|
|
|
5
5
|
### Minor Changes
|
|
6
6
|
|
|
@@ -163,6 +163,61 @@
|
|
|
163
163
|
- 1ef3ca4: Added new VisuallyHidden component for hiding content visually while keeping it accessible to screen readers.
|
|
164
164
|
- 00bfb83: Fix default font wight and font family in Backstage UI.
|
|
165
165
|
|
|
166
|
+
## 0.9.0-next.3
|
|
167
|
+
|
|
168
|
+
### Minor Changes
|
|
169
|
+
|
|
170
|
+
- 83c100e: **BREAKING**: Removed `Collapsible` component. Migrate to `Accordion` or use React Aria `Disclosure`.
|
|
171
|
+
|
|
172
|
+
## Migration Path 1: Accordion (Opinionated Styled Component)
|
|
173
|
+
|
|
174
|
+
Accordion provides preset styling with a similar component structure.
|
|
175
|
+
|
|
176
|
+
```diff
|
|
177
|
+
- import { Collapsible } from '@backstage/ui';
|
|
178
|
+
+ import { Accordion, AccordionTrigger, AccordionPanel } from '@backstage/ui';
|
|
179
|
+
|
|
180
|
+
- <Collapsible.Root>
|
|
181
|
+
- <Collapsible.Trigger render={(props) => <Button {...props}>Toggle</Button>} />
|
|
182
|
+
- <Collapsible.Panel>Content</Collapsible.Panel>
|
|
183
|
+
- </Collapsible.Root>
|
|
184
|
+
|
|
185
|
+
+ <Accordion>
|
|
186
|
+
+ <AccordionTrigger title="Toggle" />
|
|
187
|
+
+ <AccordionPanel>Content</AccordionPanel>
|
|
188
|
+
+ </Accordion>
|
|
189
|
+
```
|
|
190
|
+
|
|
191
|
+
CSS classes: `.bui-CollapsibleRoot` → `.bui-Accordion`, `.bui-CollapsibleTrigger` → `.bui-AccordionTrigger` (now on heading element), `.bui-CollapsiblePanel` → `.bui-AccordionPanel`
|
|
192
|
+
|
|
193
|
+
## Migration Path 2: React Aria Disclosure (Full Customization)
|
|
194
|
+
|
|
195
|
+
For custom styling without preset styles:
|
|
196
|
+
|
|
197
|
+
```tsx
|
|
198
|
+
import { Disclosure, Button, DisclosurePanel } from 'react-aria-components';
|
|
199
|
+
|
|
200
|
+
<Disclosure>
|
|
201
|
+
<Button slot="trigger">Toggle</Button>
|
|
202
|
+
<DisclosurePanel>Content</DisclosurePanel>
|
|
203
|
+
</Disclosure>;
|
|
204
|
+
```
|
|
205
|
+
|
|
206
|
+
- 816af0f: **BREAKING**: The `SelectProps` interface now accepts a generic type parameter for selection mode.
|
|
207
|
+
|
|
208
|
+
Added searchable and multiple selection support to Select component. The component now accepts `searchable`, `selectionMode`, and `searchPlaceholder` props to enable filtering and multi-selection modes.
|
|
209
|
+
|
|
210
|
+
Migration: If you're using `SelectProps` type directly, update from `SelectProps` to `SelectProps<'single' | 'multiple'>`. Component usage remains backward compatible.
|
|
211
|
+
|
|
212
|
+
### Patch Changes
|
|
213
|
+
|
|
214
|
+
- 35a3614: Fixed CSS issues in Select component including popover width constraints, focus outline behavior, and overflow handling.
|
|
215
|
+
- 01476f0: Improved visual consistency of PasswordField, SearchField, and MenuAutocomplete components.
|
|
216
|
+
- 836b0c7: Fixed dialog backdrop appearance in dark mode.
|
|
217
|
+
- 6d35a6b: Removed `@base-ui-components/react` dependency as all components now use React Aria Components.
|
|
218
|
+
- 7839e7b: Added `loading` prop to Button and ButtonIcon components for displaying spinner during async operations.
|
|
219
|
+
- a00fb88: Fixed Table Row component to properly support opening links in new tabs via right-click or Cmd+Click when using the href prop.
|
|
220
|
+
|
|
166
221
|
## 0.9.0-next.2
|
|
167
222
|
|
|
168
223
|
### Minor Changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@backstage/ui",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20251113024512",
|
|
4
4
|
"backstage": {
|
|
5
5
|
"role": "web-library"
|
|
6
6
|
},
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"react-aria-components": "^1.13.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@backstage/cli": "0.0.0-nightly-
|
|
49
|
+
"@backstage/cli": "0.0.0-nightly-20251113024512",
|
|
50
50
|
"@types/react": "^18.0.0",
|
|
51
51
|
"@types/react-dom": "^18.0.0",
|
|
52
52
|
"chalk": "^5.4.1",
|