@splunk/react-ui 5.0.0-rc.2 → 5.1.0
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/Accordion.js +59 -59
- package/Avatar.js +20 -20
- package/Breadcrumbs.js +46 -46
- package/Button.js +24 -24
- package/CHANGELOG.md +380 -0
- package/Calendar.js +69 -69
- package/Card.js +68 -68
- package/Chip.js +16 -16
- package/Clickable.js +29 -29
- package/Code.js +654 -519
- package/CollapsiblePanel.js +112 -112
- package/Color.js +107 -107
- package/ColumnLayout.js +35 -35
- package/ComboBox.js +190 -206
- package/ControlGroup.js +129 -121
- package/Date.js +148 -146
- package/DefinitionList.js +26 -26
- package/Dropdown.js +9 -9
- package/DualListbox.js +701 -717
- package/File.js +403 -403
- package/FormRows.js +66 -63
- package/Image.js +15 -15
- package/JSONTree.js +458 -357
- package/Layer.js +60 -72
- package/MIGRATION.md +550 -1
- package/Markdown.js +66 -66
- package/Menu.js +44 -44
- package/Message.js +47 -43
- package/Modal.js +49 -49
- package/ModalLayer.js +21 -17
- package/Monogram.js +16 -16
- package/Multiselect.js +673 -669
- package/Number.js +100 -100
- package/Paginator.js +7 -7
- package/Popover.js +473 -424
- package/Progress.js +12 -12
- package/Prose.js +6 -6
- package/README.md +6 -6
- package/RadioBar.js +180 -166
- package/RadioList.js +80 -79
- package/ResultsMenu.js +129 -128
- package/Scroll.js +50 -50
- package/Search.js +148 -164
- package/Select.js +674 -674
- package/Slider.js +30 -30
- package/SlidingPanels.js +24 -24
- package/SplitButton.js +50 -50
- package/StepBar.js +100 -100
- package/Switch.js +45 -45
- package/TabBar.js +196 -196
- package/TabLayout.js +16 -16
- package/Table.js +1207 -1193
- package/Text.js +65 -65
- package/TextArea.js +108 -93
- package/Tooltip.js +203 -197
- package/TransitionOpen.js +4 -1
- package/Tree.js +464 -366
- package/package.json +11 -11
- package/stubs-dependencies.d.ts +0 -70
- package/stubs-splunkui.d.ts +4 -0
- package/types/src/Code/Code.d.ts +17 -1
- package/types/src/Code/LineHighlights.d.ts +11 -0
- package/types/src/Code/LineNumbers.d.ts +6 -0
- package/types/src/Code/docs/examples/LineHighlights.d.ts +3 -0
- package/types/src/Code/docs/examples/LineNumbers.d.ts +3 -0
- package/types/src/Code/docs/examples/LineNumbersCustomStart.d.ts +3 -0
- package/types/src/Date/Date.d.ts +6 -1
- package/types/src/DefinitionList/DefinitionList.d.ts +6 -6
- package/types/src/Dropdown/Dropdown.d.ts +1 -0
- package/types/src/FormRows/FormRows.d.ts +1 -1
- package/types/src/JSONTree/JSONTreeItem.d.ts +5 -2
- package/types/src/Markdown/Markdown.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownBlockquote.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +1 -1
- package/types/src/Markdown/renderers/index.d.ts +1 -1
- package/types/src/Popover/Popover.d.ts +8 -2
- package/types/src/RadioBar/Option.d.ts +1 -1
- package/types/src/RadioBar/RadioBar.d.ts +13 -6
- package/types/src/RadioBar/RadioBarContext.d.ts +4 -2
- package/types/src/RadioList/RadioList.d.ts +2 -1
- package/types/src/ResultsMenu/ResultsMenu.d.ts +2 -1
- package/types/src/ScreenReaderContent/docs/examples/SkipLink.d.ts +3 -0
- package/types/src/Scroll/Inner.d.ts +1 -1
- package/types/src/Select/Option.d.ts +1 -1
- package/types/src/Select/Select.d.ts +1 -1
- package/types/src/Slider/docs/examples/Controlled.d.ts +1 -1
- package/types/src/TabLayout/Panel.d.ts +0 -1
- package/types/src/Table/Head.d.ts +1 -0
- package/types/src/Table/HeadCell.d.ts +2 -3
- package/types/src/Table/HeadDropdownCell.d.ts +2 -2
- package/types/src/Table/HeadInner.d.ts +4 -4
- package/types/src/Table/KeyboardSensor.d.ts +1 -1
- package/types/src/Table/RowDragCell.d.ts +1 -1
- package/types/src/Tooltip/Tooltip.d.ts +10 -5
- package/types/src/Tree/Item.d.ts +63 -0
- package/types/src/Tree/Tree.d.ts +13 -6
- package/types/src/Tree/TreeContext.d.ts +1 -1
- package/types/src/Tree/index.d.ts +1 -1
- package/types/src/useControlled/useControlled.d.ts +3 -1
- package/useControlled.js +29 -13
- package/CHANGELOG.v5.md +0 -354
- package/MIGRATION.v5.md +0 -552
- package/types/src/Button/docs/examples/Truncated.d.ts +0 -3
- package/types/src/Tree/TreeItem.d.ts +0 -44
package/CHANGELOG.v5.md
DELETED
|
@@ -1,354 +0,0 @@
|
|
|
1
|
-
Change Log
|
|
2
|
-
============
|
|
3
|
-
|
|
4
|
-
5.0.0-rc.2 - May 28, 2025
|
|
5
|
-
----------
|
|
6
|
-
New Features:
|
|
7
|
-
* `Code` now supports `language="sql"` (SUI-7614).
|
|
8
|
-
* `Table.HeadCell` now supports the `tooltip` prop (SUI-7734).
|
|
9
|
-
|
|
10
|
-
API Changes:
|
|
11
|
-
* All components now use `KeyboardEvent`'s `key` property instead of the deprecated `keyCode` property (SUI-7352).
|
|
12
|
-
* `Dropdown` now exports type `DropdownPossibleOpenReason` and provides an array of `Dropdown.possibleOpenReasons` (SUI-2422).
|
|
13
|
-
* `Popover` now provides an array of `Popover.possibleCloseReasons` (SUI-2422).
|
|
14
|
-
* `Tooltip` now exports types `TooltipPossibleOpenReason` and `TooltipPossibleCloseReason`, and provides an array `Tooltip.possibleOpenReasons` and `Tooltip.possibleCloseReasons` (SUI-2422).
|
|
15
|
-
|
|
16
|
-
Bug Fixes:
|
|
17
|
-
* `Modal` close button now has correct `subtle` appearance.
|
|
18
|
-
* `Multiselect` no longer incorrectly throws a "defaultValue prop change" error in some scenarios (SUI-7777).
|
|
19
|
-
* `Table.HeadCell` and `Table.HeadDropdownCell` now aligns the topline of icons with multiline content (SUI-7758).
|
|
20
|
-
* `Table`'s cell single and multiline content now are vertically aligned (SUI-7613).
|
|
21
|
-
* `Markdown` now correctly renders code blocks where the language name is hyphenated (SUI-7829).
|
|
22
|
-
|
|
23
|
-
5.0.0-rc.1 - May 14, 2025
|
|
24
|
-
----------
|
|
25
|
-
New Features:
|
|
26
|
-
* `Card` now defaults to a borderless appearance for non-clickable cards (SUI-7651).
|
|
27
|
-
* `Dropdown`, `Search`, and `TabBar` now uses `KeyboardEvent`'s `key` property instead of deprecated `keyCode` property (SUI-7352).
|
|
28
|
-
* `Table` now uses `KeyboardEvent`'s `key` property instead of deprecated `keyCode` property (SUI-7352).
|
|
29
|
-
* `FormRows`, `JSONTree`, `Number`, and `RadioBar` now use `KeyboardEvent`'s `key` property instead of deprecated `keyCode` property (SUI-7352).
|
|
30
|
-
|
|
31
|
-
Bug Fixes:
|
|
32
|
-
* `Table`'s `rowExpansion` button now correctly displays hover styles (SUI-7772).
|
|
33
|
-
* `Text` no longer has border hover effects incorrectly applied when `disabled` or `dimmed` (SUI-7639).
|
|
34
|
-
* `Switch`'s `toggle` appearance now has correct role of `switch` (SUI-7713).
|
|
35
|
-
* `Table.HeadCell`'s and `Table.HeadDropdownCell`'s borders now span the full cell height when content wraps to multiline (SUI-7760)
|
|
36
|
-
* `CollapsiblePanel` no longer flickers on open or close of panel (SUI-7620).
|
|
37
|
-
* `Color` now passes `className` and `elementRef` to the root element instead of an inner component, allowing proper styling with `styled-components` (SUI-6211).
|
|
38
|
-
* `Button`'s now have consistent styling when using `appearance="secondary"` and `isMenu` (SUI-7611).
|
|
39
|
-
|
|
40
|
-
Deprecations:
|
|
41
|
-
* `Popover`'s `"inverted"` value of the `appearance` prop has been deprecated and will be removed in the next major version. See the migration guide for details (SUI-6154).
|
|
42
|
-
|
|
43
|
-
API Changes:
|
|
44
|
-
* `Color`'s test hook `[data-test="color"]` is now on the root component and `[data-test="toggle-swatch"]` is on the toggle swatch. See migration guide for details (SUI-7773).
|
|
45
|
-
|
|
46
|
-
5.0.0-beta.5 - May 7, 2025
|
|
47
|
-
----------
|
|
48
|
-
New Features:
|
|
49
|
-
* `TabBar` supports a new prop `maxTabWidth` prop (SUI-7599).
|
|
50
|
-
* `data-test-disabled` test hook has been added to data entry components for testing (SUI-7575).
|
|
51
|
-
* `Table`'s resize handler now supports hover state (SUI-7302).
|
|
52
|
-
* `Card.Header`'s `truncateTitle` prop now truncates title when a node with text content is passed into `title` prop (SUI-6333).
|
|
53
|
-
* `Typography` has reintroduced the `withReset` prop, which defaults to `true` and removes all browser-default styles while applying theme-specific defaults (SUI-7638).
|
|
54
|
-
|
|
55
|
-
Bug Fixes:
|
|
56
|
-
* `Message` content are now displayed using flow layout instead of flex (SUI-6271).
|
|
57
|
-
* `Progress` performance improved by preventing styled-components from generating excessive classes (SUI-7625).
|
|
58
|
-
* `Tooltip`'s toggletip focus and hover styles now have the correct shape (SUI-6155, SUI-7719).
|
|
59
|
-
* `Card.Header`'s `actions` now center align with the first line of the title (SUI-7657).
|
|
60
|
-
* `Slider` now correctly displays the bar when `minLabel` or `maxLabel` are set to null (SUI-7730).
|
|
61
|
-
* `Slider`'s drag handle no longer covers labels (SUI-7732).
|
|
62
|
-
* `RadioBar` now has improved visual contrast to better differentiate between selected and unselected options (SUI-7654).
|
|
63
|
-
* `Table` now correctly aligns multiline content when it wraps to a new line (SUI-7606).
|
|
64
|
-
* `Prose` should no longer apply margin to the last element (SUI-7227).
|
|
65
|
-
* `Text` now displays the `not-allowed` cursor on adornments when disabled (SUI-7532).
|
|
66
|
-
* `Typography`'s styles are now consistent with equivalent content components (SUI-7638).
|
|
67
|
-
* `Link` will now always render as an `a` tag, even when disabled (SUI-7543).
|
|
68
|
-
|
|
69
|
-
API Changes:
|
|
70
|
-
* `TabBar`'s `tabWidth` prop has been removed. See migration guide for details (SUI-7599).
|
|
71
|
-
* For enforcing a max width of `TabBar.Tab`s use `maxTabWidth` instead.
|
|
72
|
-
* `Multiselect`'s `useClickawayOverlay` prop has been removed (SUI-7722).
|
|
73
|
-
|
|
74
|
-
Deprecations:
|
|
75
|
-
* `TabBar` and `TabLayout`'s `iconPosition` prop has been deprecated and will be removed in the next major version. See the migration guide for details (SUI-7736).
|
|
76
|
-
Bug Fixes:
|
|
77
|
-
* FormRows correctly takes up the full width given (SUI-7716)
|
|
78
|
-
* FormRows no longer reserves extra space for remove button when rows are not removable (SUI-7717)
|
|
79
|
-
* `Card.Header`'s `anchor` prop is deprecated and will be removed in the next major version. See the migration guide for details (SUI-6577).
|
|
80
|
-
|
|
81
|
-
5.0.0-beta.4 - April 22, 2025
|
|
82
|
-
----------
|
|
83
|
-
New Features:
|
|
84
|
-
* `Table.HeadCell` and `Table.HeadDropdownCell` now support `headCellScreenReaderText` prop to improve screen reader usability for column reordering (SUI-7209).
|
|
85
|
-
* `Tootip`'s icon is now the InformationCircle in all themes (SUI-6151).
|
|
86
|
-
* Input components now make use of the new `inputBorderWidth` design token where applicable (SUI-7348).
|
|
87
|
-
* `DualListbox` now supports the `elementRef` prop (SUI-7541).
|
|
88
|
-
* `MessageBar` now supports the `elementRef` prop (SUI-7661).
|
|
89
|
-
|
|
90
|
-
API Changes:
|
|
91
|
-
* `typescript` version is now `^5.8.3` (SUI-7601).
|
|
92
|
-
* `Image`'s preview is now a set size, `maxHeight` prop has been removed (SUI-7137).
|
|
93
|
-
* `react-spring@9.2.4` has been replaced by `@react-spring/web@9.7.5` (SUI-7585).
|
|
94
|
-
* `SplitButton.Item` now supports `icon` prop (SUI-7556).
|
|
95
|
-
|
|
96
|
-
Bug Fixes:
|
|
97
|
-
* `Select` with `filter` no longer loses focus when placed above the toggle (SUI-6973).
|
|
98
|
-
* `Select` could throw an incorrect "defaultValue prop change" error in some scenarios that were preventable. This has been fixed (SUI-7655).
|
|
99
|
-
* `Popover` will now reposition when the anchor moves or is resized (SUI-7558).
|
|
100
|
-
* `FormRows` will now throw an error when a row is sortable and/or removable and required index is not provided (SUI-5639).
|
|
101
|
-
* `Text` now only renders the `aria-disabled` attribute when `disabled="dimmed"` (SUI-7574).
|
|
102
|
-
* Removed usage of `withComponent` improve compatibility with `styled-components@6` (SUI-7602).
|
|
103
|
-
* `Progress` has correct height and `box-sizing` properties (SUI-7626).
|
|
104
|
-
* TabBar correctly maintains focus if child Tabs position is changed (SUI-6135).
|
|
105
|
-
|
|
106
|
-
TypeScript:
|
|
107
|
-
* `Clickable` now exports `ClickablePropsBase`, `ClickableButtonProps`, and `ClickableLinkProps` (SUI-7563).
|
|
108
|
-
* `TableRequestMoveColumnHandler` type no longer provides the `columnId` property (SUI-7209).
|
|
109
|
-
* `TableRequestMoveRowHandler` type no longer provides the `dataId` property (SUI-7209).
|
|
110
|
-
* `SlidingPanel`'s `activePanelId` and `SlidingPanel.Panel`'s `panelId` are now of type string or number (SUI-7005).
|
|
111
|
-
* `File.Item`'s `itemId` prop and the corresponding fields in `FileRequestRemoveHandler` and `FileRequestRetryHandler` are now `string` (SUI-7603).
|
|
112
|
-
* `StepBar`'s `activeStepId` prop and `StepBar.Step`'s `stepId` prop are now `number` (SUI-7603).
|
|
113
|
-
* `Table.HeadCell` and `Table.HeadDropdownCell`'s `columnId` props and the corresponding fields in `TableRequestResizeColumnHandler`, `HeadCellSortHandler`, `HeadDropdownCellRequestOpenHandler`, and `HeadDropdownCellRequestCloseHandler` are now `string` (SUI-7603).
|
|
114
|
-
* `ComboBox` now exports `ComboBoxScrollBottomHandler`.
|
|
115
|
-
* `Layout` now exports type definitions (SUI-7635).
|
|
116
|
-
* `SplitButton.Item` now has exported type `ItemClickHandler` for the `onClick` prop (SUI-7556).
|
|
117
|
-
|
|
118
|
-
5.0.0-beta.3 - April 2, 2025
|
|
119
|
-
----------
|
|
120
|
-
New Features:
|
|
121
|
-
* `Divider` supports a new `appearance` prop that can change the divider's border color (SUI-7132).
|
|
122
|
-
* `File` now renders document type icon when file name has a matching extension (SUI-7363).
|
|
123
|
-
* `Date`'s input now displays the Calendar icon in all themes when `inputOnly={true}` and hides the icon when `inputOnly={false}` (SUI-7130).
|
|
124
|
-
* `SplitButton` now supports appearance `destructiveSecondary` (SUI-7136).
|
|
125
|
-
|
|
126
|
-
API Changes:
|
|
127
|
-
* `File`'s test hook `[data-test="file-link"]` has been removed (SUI-7122).
|
|
128
|
-
* Use `[data-test="file-label"]` instead.
|
|
129
|
-
* `Color`'s uncontrolled mode should no longer call `onChange` on "enter" when the value did not change (SUI-7392).
|
|
130
|
-
* `Color`'s display string for `null` has been updated from "N/A" to "n/a" to align with the Splunk Style Guide (SUI-7392).
|
|
131
|
-
* `Color`'s popover input and system color picker no longer update the on-page input until the input is submitted (SUI-7392).
|
|
132
|
-
* `SidePanel` and `TransitionOpen` now support `elementRef` (SUI-7434).
|
|
133
|
-
* `Date` supports empty-string for `defaultValue` (SUI-7412).
|
|
134
|
-
* `FormRows` now requires reordering rows using the drag handle. Sorting/dragging the row itself is no longer supported (SUI-7036).
|
|
135
|
-
* `SplitButton`'s `appearance` prop now defaults to `secondary` (SUI-7136).
|
|
136
|
-
|
|
137
|
-
Bug Fixes:
|
|
138
|
-
* `Code` no longer applies syntax highlighting when `language` is one of `'plain', 'plaintext', 'text', 'txt'`. (SUI-7266).
|
|
139
|
-
* `RadioBar.Option` no longer shifts horizontally when the focused or active `Option` changes (SUI-7385).
|
|
140
|
-
* `Table`'s `onRequestToggle` now correctly applies `disabled` focus styles when `disabled` (SUI-7308).
|
|
141
|
-
* `Text` now has correct types for `placeholder` prop (SUI-7339).
|
|
142
|
-
* `Color`'s uncontrolled mode should no longer call `onChange` on "enter" when the value did not change.
|
|
143
|
-
* `Color`'s display string for `null` has been updated from "N/A" to "n/a" to align with the Splunk Style Guide.
|
|
144
|
-
* `Button`'s height in compact mode is now 28px, matching the design.
|
|
145
|
-
* `Table`'s header font size defaults to the correct size now (SUI-7383).
|
|
146
|
-
* `Table`'s stripe rows background color has been updated for improved contrast (SUI-7384).
|
|
147
|
-
* `Table` cell content now vertically aligns to the top of the cell (SUI-7269).
|
|
148
|
-
* `Table`'s expand and select icon cells now span the whole height of the row (SUI-7379).
|
|
149
|
-
* `Button` with `appearance="secondary"` and `isMenu` props now renders the correct border color.
|
|
150
|
-
* `Slider`'s controlled mode now correctly updates passed in value on change (SUI-7536).
|
|
151
|
-
* `Button`'s `propTypes` now support the `destructiveSecondary` appearance.
|
|
152
|
-
* `RadioBar.Option`s now grow to fill the space taken by `RadioBar` (SUI-7571).
|
|
153
|
-
* `Select` and other components using `Layer` will now properly be removed from the DOM (SUI-7469).
|
|
154
|
-
|
|
155
|
-
Deprecations:
|
|
156
|
-
* `Multiselect`'s `"buttongroup"` value of the `selectAllAppearance` prop has been deprecated and will be removed in the next major version. See the migration guide for details (SUI-7293).
|
|
157
|
-
* `SplitButton`'s `default` value of the `appearance` prop has been deprecated and will be removed in the next major version. Use `secondary` instead (SUI-7136).
|
|
158
|
-
|
|
159
|
-
TypeScript:
|
|
160
|
-
* `Button` now exports `ButtonProps` (SUI-7250).
|
|
161
|
-
|
|
162
|
-
5.0.0-beta.2 - March 5, 2025
|
|
163
|
-
----------
|
|
164
|
-
API Changes:
|
|
165
|
-
* `Popover` now defaults `hideArrow` to `false` in all themes (SUI-7061).
|
|
166
|
-
* `Select` now supports `defaultPlacement` when `filter` is not set (SUI-7326).
|
|
167
|
-
* `Card`'s `selected` prop has been deprecated. See migration guide for details (SUI-7292).
|
|
168
|
-
* `Code`'s `indentChars` prop has been removed (SUI-5989).
|
|
169
|
-
* `Color` no longer exports method `isValidHex`. Instead use `@splunk/ui-utils/color/isValidHexColor` (SUI-2552).
|
|
170
|
-
* `RadioList`'s `direction` prop has been deprecated. See migration guide for details (SUI-7342).
|
|
171
|
-
* `Dropdown` no longer supports a `focus` method. See migration guide for details (SUI-7364).
|
|
172
|
-
* `ControlGroup` now defaults `labelPosition` to `top` (SUI-7331).
|
|
173
|
-
|
|
174
|
-
Bug Fixes:
|
|
175
|
-
* `Table`'s `actions` now correctly applies focus style in the `HeadCell`(SUI-7310).
|
|
176
|
-
|
|
177
|
-
TypeScript:
|
|
178
|
-
* `Select`'s type now matches component functionality by supporting the `repositionMode` prop (SUI-7326).
|
|
179
|
-
|
|
180
|
-
5.0.0-beta.1 - February 20, 2025
|
|
181
|
-
----------
|
|
182
|
-
`react-ui@5.0.0` is a major release with significant design updates.
|
|
183
|
-
* Many components have been updated to have similar appearance and behaviors across themes.
|
|
184
|
-
* As a result of a unified approach to spacing and layout, layout changes are expected. See the migration guide for specific details and guidance.
|
|
185
|
-
|
|
186
|
-
New Features:
|
|
187
|
-
* `Avatar` is now available to use instead of `Monogram` and supports images (SUI-3227).
|
|
188
|
-
* `CollapsiblePanel` now supports a new `appearance` prop with `"default"` and `"subtle"` values (SUI-5098).
|
|
189
|
-
* `DefinitionList` can configure the separator character used to separate key-value pairs with the new `separatorCharacter` prop (SUI-5557).
|
|
190
|
-
* Enterprise themes no has a default value for the separator character (SUI-5557).
|
|
191
|
-
* `Link` now supports a new `appearance` prop with `"default"` and `"inline"` values (SUI-6003).
|
|
192
|
-
* `Markdown` uses `react-markdown` for rendering markdown content.
|
|
193
|
-
* `Markdown` supports rendering tables (SUI-5624).
|
|
194
|
-
* `Markdown` now can render heading levels 5 and 6.
|
|
195
|
-
* Blockquotes are now rendered by default
|
|
196
|
-
* All types for custom renderers have been adapted to match types of `react-markdown`.
|
|
197
|
-
* Renderers do not support `propTypes` due to an incompatibility with `react-markdown` types.
|
|
198
|
-
* `Modal.Footer` supports a new prop `layout` with `"auto"`(default) and `"none"` values (SUI-6678).
|
|
199
|
-
* `Modal` no longer closes when clicking outside (SUI-5898).
|
|
200
|
-
* `Number` supports a new `onClick` prop (SUI-3418).
|
|
201
|
-
* `Select` now has a consistent visual error design across themes (SUI-6432).
|
|
202
|
-
* `Slider` supports new `thumbRef` prop to target the slider thumb element (SUI-7101).
|
|
203
|
-
* `Switch` supports a new `toggleRef` prop to target the underlying toggle element (SUI-7101).
|
|
204
|
-
* `TabBar.Tab` now generates a `tabId` automatically if `tabId` prop is not passed (SUI-7033).
|
|
205
|
-
* `TabLayout.Panel`s support a new `inset` prop (default `true`) to control padding in the panel (SUI-5705).
|
|
206
|
-
* `Text` now always displays the clear button when the `canClear` prop is present and a value is entered (SUI-6986).
|
|
207
|
-
* `Typography`'s `lineHeight` supports a new scale: `"single"`, `"tight"`, `"snug"`, `
|
|
208
|
-
* `WaitSpinner` now supports prop `size="large"` for Enterprise themes (SUI-6080)."comfortable"`, `"relaxed"`, `"spacious"`, `"normal"`.
|
|
209
|
-
* New `Layout` component can be used to arrange components with standard spacing between them (SUI-6678).
|
|
210
|
-
* New `Prose` component can be used to style content components for long-form text content (SUI-5504).
|
|
211
|
-
|
|
212
|
-
API Changes:
|
|
213
|
-
* `react` and `react-dom` peer dependencies are now `"^16.8.0 || ^17.0.0 || ^18.0.0"`.
|
|
214
|
-
* Adopt `@splunk/themes@1.0.0`
|
|
215
|
-
* `Paragraph`, `Heading`, and `List` no longer have margin outside their border box (SUI-5683).
|
|
216
|
-
* Components that support the `inline` prop no longer add margin-left when a sibling to another `inline` element. See the migration guide for details. (SUI-6678).
|
|
217
|
-
* `Button`, `Clickable`, `CollapsiblePanel`, and `Menu.Item` default behavior for the `disabled` prop is now `"dimmed"` (SUI-7200).
|
|
218
|
-
* The `disabled` prop supports a new `"disabled"` value.
|
|
219
|
-
* A new `data-test-disabled` test hook has been added for testing.
|
|
220
|
-
|
|
221
|
-
* `Accordion`'s `inset` prop now defaults to `true`. Unified `Accordion`'s `inset` padding values to match `CollapsiblePanel` (SUI-2559).
|
|
222
|
-
|
|
223
|
-
* `Button`'s `appearance` prop no longer supports the `"flat"`, `"pill"`, or `"toggle"` values (SUI-6561).
|
|
224
|
-
* `Button`'s `selected` prop has been removed (SUI-6058).
|
|
225
|
-
* `Button` no longer supports the `error` prop.
|
|
226
|
-
* `Button`'s `label` prop no longer sets HTML `label` attribute. See migration guide for details (SUI-6054).
|
|
227
|
-
|
|
228
|
-
* `Card` and `Card.Footer`'s `showBorder` prop has been removed (SUI-6577).
|
|
229
|
-
|
|
230
|
-
* `Clickable`'s `NavigationProvider` `prefix` prop has been removed (SUI-7103).
|
|
231
|
-
|
|
232
|
-
* `CollapsiblePanel`'s `inset` prop now defaults to `true` (SUI-5760).
|
|
233
|
-
* `CollapsiblePanel`'s `onRequestClose` and `onRequestOpen` props have been removed. Use `onChange` instead (SUI-6226).
|
|
234
|
-
* `CollapsiblePanel`'s `titleWithActions` prop has been removed. Use `actions` prop instead (SUI-6355).
|
|
235
|
-
|
|
236
|
-
* `Color`'s `hideInput` prop now defaults to `false` in both Enterprise and Prisma themes, making the input field always visible by default (SUI-6459).
|
|
237
|
-
* `Color`'s `defaultPalette` is now equal to the data viz static colors (SUI-6405).
|
|
238
|
-
|
|
239
|
-
* `ComboBox`, `ControlGroup`, and `StaticContent`'s `size` prop has been removed (SUI-6400).
|
|
240
|
-
|
|
241
|
-
* `Concertina` has been removed (SUI-5741).
|
|
242
|
-
|
|
243
|
-
* `ControlGroup`'s label text is now left aligned in Enterprise theme when `labelPosition="left"` (SUI-6408).
|
|
244
|
-
|
|
245
|
-
* `DefinitionList`'s `termWidth` prop now requires fully qualified style value as a string, eg. `"120px"` (SUI-5557).
|
|
246
|
-
* `DefinitionList.Term` and `DefinitionList.Description` now require the `children` prop.
|
|
247
|
-
|
|
248
|
-
* `Dropdown`'s `toggle` prop no longer accepts React class components or functional components without `React.forwardRef` (SUI-3532).
|
|
249
|
-
|
|
250
|
-
* `Heading`'s `level='s'` and `level='ss'` have been removed. See migration guide for details (SUI-5583).
|
|
251
|
-
* `Heading` now requires the `children` prop (SUI-5665).
|
|
252
|
-
|
|
253
|
-
* `JSONTree`'s `expandChildren="withShiftModifier"` value has been removed. Use the `expandChildrenOnShiftKey` prop instead (SUI-5808).
|
|
254
|
-
* `JSONTree`'s `expandChildrenOnShiftKey` prop now defaults to `true` (SUI-5841).
|
|
255
|
-
* `JSONTree`'s `expandChildren` prop has been renamed to `defaultExpanded` and no longer affects node expansion behavior after the initial render (SUI-5813).
|
|
256
|
-
|
|
257
|
-
* `Link` now renders an `a` element instead of a `button` element when disabled (SUI-6007).
|
|
258
|
-
|
|
259
|
-
* `List`'s `type` prop has been removed. Use CSS to style the `list-style-type` property (SUI-5622).
|
|
260
|
-
|
|
261
|
-
* `Menu`'s `retainFocus` prop has been removed. Use `focusMode` prop instead (SUI-6164).
|
|
262
|
-
* `Menu`'s `focusMode` prop now defaults to `roving` (SUI-6164).
|
|
263
|
-
* `Menu.Item` and `Search.Option`'s `icon` prop has been removed. Use `startAdornment` and/or `endAdornment` instead (SUI-6762).
|
|
264
|
-
|
|
265
|
-
* `Message` no longer supports `appearance="banner"` (SUI-6123).
|
|
266
|
-
* `Message.Link` has been removed. Use `Link` instead (SUI-6124).
|
|
267
|
-
* `Message` now has a maximum width (SUI-6122).
|
|
268
|
-
|
|
269
|
-
* `Modal`'s `returnFocus` prop is now required (SUI-5996).
|
|
270
|
-
* `Modal.Header` no longer supports the `onRequestClose` prop (SUI-5933).
|
|
271
|
-
* The close button in `Modal.Header` now calls the `onRequestClose` handler from `Modal`.
|
|
272
|
-
* If closed with the close button in `Modal.Header`, the `reason` parameter of `Modal`'s `onRequestClose` prop will be set to `"clickCloseButton"`.
|
|
273
|
-
* `Modal` with on `onRequestClose` set will display the close button in the `Modal.Header` by default.
|
|
274
|
-
* This can be hidden by passing the `hideCloseButton` prop to `Modal.Header` (SUI-5933).
|
|
275
|
-
* `Modal.Footer` has updated default styling. This can be reverted by setting `layout="none"` (SUI-6678).
|
|
276
|
-
|
|
277
|
-
* `Monogram`'s `xlarge` option for `size` prop has been removed (SUI-3222).
|
|
278
|
-
|
|
279
|
-
* `Number`'s `placeholder` and `useSyntheticPlaceholder` props have been removed (SUI-7070).
|
|
280
|
-
|
|
281
|
-
* `Popover`'s `anchor` prop now requires a ref to a HTML element and no longer accepts refs to React class component instances (SUI-3532).
|
|
282
|
-
* `Popover` is now center-aligned in both Enterprise and Prisma themes (SUI-7038).
|
|
283
|
-
|
|
284
|
-
* `Progress` has been redesigned:
|
|
285
|
-
* Native HTML `<progress>` element is used
|
|
286
|
-
* New visual design to allow all parts of the component to hit required contrast ratios.
|
|
287
|
-
* `Progress` `type="warning"` has been removed (SUI-6491).
|
|
288
|
-
|
|
289
|
-
* `RadioBar`'s `appearance` prop has been removed (SUI-6386).
|
|
290
|
-
* `RadioBar`'s `icon` prop has been removed (SUI-7104).
|
|
291
|
-
|
|
292
|
-
* `Search`'s icon placement is now at the start of the input in all themes (SUI-6242).
|
|
293
|
-
|
|
294
|
-
* `Select`'s `appearance` prop no longer supports the `"primary"`, `"pill"`, `"flat"`, or `"toggle"` values. (SUI-6440, SUI-6866).
|
|
295
|
-
* The default value of `appearance` is now `"default"`.
|
|
296
|
-
|
|
297
|
-
* `Slider`'s test hook `[data-test="handle"]` has been renamed to `[data-test="thumb"]` (SUI-7101).
|
|
298
|
-
|
|
299
|
-
* `Switch`'s test hook `[data-test="button"]` has been renamed to `[data-test="toggle"]` (SUI-7101).
|
|
300
|
-
|
|
301
|
-
* `Table.HeadDropdownCell`'s `defaultPlacement` prop has been removed (SUI-6742).
|
|
302
|
-
* `Table.HeadDropdownCell` supports a new `buttonRef` prop to target the underlying button (SUI-6843).
|
|
303
|
-
|
|
304
|
-
* `TabBar`'s and `TabLayout`'s `appearance` prop has been removed (SUI-6835).
|
|
305
|
-
* `TabBar`'s and `TabLayout`'s `iconSize` prop has been removed (SUI-6960).
|
|
306
|
-
|
|
307
|
-
* `TabLayout`'s unused `count` prop was removed (SUI-7047).
|
|
308
|
-
|
|
309
|
-
* `Text`'s `appearance` prop has been removed. Use `Search` component instead of `appearance="search"` (SUI-5978).
|
|
310
|
-
* `Text`'s `placeholder` and `useSyntheticPlaceholder` props have been removed (SUI-5979, SUI-5977).
|
|
311
|
-
* `Text`'s `multiline`, `rowsMax`, `rowsMin` props have been removed (SUI-5975).
|
|
312
|
-
* `Text`'s `onInputClick` prop has been renamed to `onClick` (SUI-5952).
|
|
313
|
-
* `Text` and `TextArea` now only apply the `className` prop to the root element (SUI-6214).
|
|
314
|
-
|
|
315
|
-
* `TextArea`'s `canClear` prop has been removed (SUI-6061).
|
|
316
|
-
* `TextArea`'s `placeholder` prop has been removed (SUI-6061).
|
|
317
|
-
|
|
318
|
-
* `Tooltip` prop `defaultPlacement` no longer supports value `"theme"`.
|
|
319
|
-
* `defaultPlacement` now defaults to `"above"` for all themes.
|
|
320
|
-
* `Tooltip` `appearance` is now `"normal"` for all themes.
|
|
321
|
-
|
|
322
|
-
* `Typography`'s `weight` prop no longer supports numeric values. Use the equivalent keyword value instead (SUI-5679).
|
|
323
|
-
* `Typography`'s `withReset` prop has been removed (SUI-5686).
|
|
324
|
-
* `Typography` has been updated to align with the themes mixin:
|
|
325
|
-
* `variant` no longer supports `"title7"` and `"footnote"`.
|
|
326
|
-
* `size` no longer supports `56`, `36`, `32`, and `10`.
|
|
327
|
-
* `lineHeight` no longer supports pixel values.
|
|
328
|
-
|
|
329
|
-
* `WaitSpinner` can now be styled with `styled-components` (SUI-6213).
|
|
330
|
-
* `WaitSpinner`'s `elementRef` is now set to the component's root element (SUI-6213).
|
|
331
|
-
|
|
332
|
-
Bug Fixes:
|
|
333
|
-
* `Modal.Header`'s `icon` prop no longer requires `width="100%" height="100%"` to be set on the icon to render at the correct size (SUI-5931).
|
|
334
|
-
* `Link`s are now underlined on focus and hover to improve accessibility (SUI-2835).
|
|
335
|
-
* `ControlGroup`'s error text now has a new visual style and renders an icon to improve accessibility (SUI-6395).
|
|
336
|
-
* `Color`'s selected swatch checkmark color is now white or black based on the swatch value to have improved contrast (SUI-6404).
|
|
337
|
-
* `Popover`'s arrow border color in Enterprise themes now matches `Popover`'s content background color (SUI-6671).
|
|
338
|
-
* `Number`'s step buttons now show in Enterprise themes when disabled (SUI-7073).
|
|
339
|
-
* `Card.Header` no longer erroneously adds extra padding-bottom when it is the last child within its parent (SUI-6818).
|
|
340
|
-
|
|
341
|
-
Docs:
|
|
342
|
-
* `WaitSpinner`'s `children` prop was improperly documented in PropTypes as being allowed. This has been fixed (SUI-6081).
|
|
343
|
-
|
|
344
|
-
TypeScript:
|
|
345
|
-
* `Color`'s `ExpandClickHandler` type has been removed (SUI-6405).
|
|
346
|
-
* `ComboBox`, `Date`, `Multiselect`, `Number`, `Search`, `Select`, and `Text` no longer use the TypeScript `HTMLTextAreaElement` type in event handlers and refs (SUI-6206).
|
|
347
|
-
* `Date`'s `onClick` prop now uses TypeScript `HTMLInputElement` type (SUI-5952).
|
|
348
|
-
* `TextArea`'s `inputRef` prop is now `HTMLTextAreaElement`.
|
|
349
|
-
* `TextArea`'s `TextAreaChangeHandler` `event` type is now `React.ChangeEvent<HTMLTextAreaElement>`.
|
|
350
|
-
|
|
351
|
-
Deprecations:
|
|
352
|
-
* `Accordion` has been deprecated and will be removed in a future major version. Use `CollapsiblePanel`'s `SingleOpenPanelGroup` API instead (SUI-5827).
|
|
353
|
-
* `Monogram` has been deprecated and will be removed in a future major version. Use `Avatar` instead (SUI-5608).
|
|
354
|
-
* `Select`'s `"link"` value of the `appearance` prop has been deprecated and will be removed in the next major version. See the migration guide for details (SUI-6724).
|