@splunk/react-ui 5.8.0 → 5.9.1

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.
Files changed (69) hide show
  1. package/Anchor.js +2 -1
  2. package/ButtonSimple.js +1 -1
  3. package/CHANGELOG.md +38 -0
  4. package/Calendar.js +134 -134
  5. package/Clickable.js +131 -94
  6. package/Code.js +177 -170
  7. package/CollapsiblePanel.js +173 -135
  8. package/ColumnLayout.js +69 -45
  9. package/ComboBox.js +1 -0
  10. package/Dropdown.js +87 -72
  11. package/File.js +35 -35
  12. package/LICENSE +1 -1
  13. package/MIGRATION.md +40 -0
  14. package/Markdown.js +331 -306
  15. package/Menu.js +259 -215
  16. package/Modal.js +174 -181
  17. package/Monogram.js +2 -2
  18. package/Multiselect.js +414 -334
  19. package/Number.js +237 -242
  20. package/Search.js +15 -14
  21. package/SelectBase.js +777 -719
  22. package/SimpleTable.d.ts +2 -0
  23. package/SimpleTable.js +433 -0
  24. package/SlidingPanels.js +224 -153
  25. package/SpotLight.d.ts +2 -0
  26. package/SpotLight.js +687 -0
  27. package/Table.js +1232 -1238
  28. package/Text.js +26 -26
  29. package/docker-compose.yml +12 -18
  30. package/docs-llm/Avatar.md +2 -8
  31. package/docs-llm/Collapsible Panel.md +11 -57
  32. package/docs-llm/Column Layout.md +2 -2
  33. package/docs-llm/Divider.md +33 -0
  34. package/docs-llm/Message Bar.md +4 -1
  35. package/docs-llm/Multiselect.md +185 -162
  36. package/docs-llm/Notifications.md +46 -0
  37. package/docs-llm/Table.md +7 -7
  38. package/docs-llm/Tree.md +7 -2
  39. package/docs-llm/Typography.md +1 -1
  40. package/docs-llm/llms.txt +7 -3
  41. package/package.json +9 -11
  42. package/test-runner-jest.config.js +4 -53
  43. package/types/src/CollapsiblePanel/docs/examples/Actions.d.ts +1 -1
  44. package/types/src/ColumnLayout/ColumnLayout.d.ts +2 -2
  45. package/types/src/Divider/docs/examples/VerticalWithAlignItems.d.ts +8 -0
  46. package/types/src/Markdown/Markdown.d.ts +14 -2
  47. package/types/src/Markdown/renderers/MarkdownTable.d.ts +2 -22
  48. package/types/src/Markdown/renderers/MarkdownWrapper.d.ts +11 -0
  49. package/types/src/Markdown/renderers/index.d.ts +3 -1
  50. package/types/src/Multiselect/Compact.d.ts +12 -3
  51. package/types/src/Multiselect/Multiselect.d.ts +12 -3
  52. package/types/src/Multiselect/Normal.d.ts +8 -3
  53. package/types/src/Multiselect/Option.d.ts +6 -3
  54. package/types/src/Multiselect/docs/examples/Disabled.d.ts +1 -0
  55. package/types/src/Multiselect/docs/examples/LoadMoreWithSelectAll.d.ts +9 -0
  56. package/types/src/SelectBase/SelectBase.d.ts +5 -1
  57. package/types/src/SimpleTable/Body.d.ts +25 -0
  58. package/types/src/SimpleTable/Cell.d.ts +20 -0
  59. package/types/src/SimpleTable/Head.d.ts +20 -0
  60. package/types/src/SimpleTable/HeadCell.d.ts +20 -0
  61. package/types/src/SimpleTable/Row.d.ts +20 -0
  62. package/types/src/SimpleTable/SimpleTable.d.ts +37 -0
  63. package/types/src/SimpleTable/index.d.ts +3 -0
  64. package/types/src/SpotLight/SpotLight.d.ts +88 -0
  65. package/types/src/SpotLight/index.d.ts +2 -0
  66. package/types/src/Table/Row.d.ts +1 -1
  67. package/types/src/Table/Table.d.ts +1 -1
  68. package/types/src/Typography/Typography.d.ts +1 -1
  69. package/types/src/Multiselect/docs/examples/LoadMoreOnScrollBottom.d.ts +0 -7
package/Anchor.js CHANGED
@@ -127,7 +127,8 @@
127
127
 
128
128
  return n().createElement(f, s({
129
129
  "data-test": "anchor",
130
- ref: t
130
+ ref: t,
131
+ id: o
131
132
  }, i, {
132
133
  name: o,
133
134
  href: "#".concat(o)
package/ButtonSimple.js CHANGED
@@ -199,7 +199,7 @@
199
199
  var n = u()(t, a), c = n.background, l = n.backgroundActive, s = n.backgroundDisabled, b = n.backgroundDisabledSelected, f = n.backgroundHover, C = n.borderColor, g = n.borderColorActive, S = n.borderColorDisabled, m = n.borderColorHover, k = n.color, D = n.colorActive, O = n.colorDisabled, B = n.colorHover;
200
200
  var h = c != null && c !== "transparent";
201
201
  return function() {
202
- return (0, i.css)([ "border:", " solid ", ";border-radius:", ";", " ", " cursor:pointer;position:relative;font-weight:", ";&:focus,&:hover{z-index:3;}&:focus{box-shadow:", ";}&:not([disabled],[aria-disabled='true']){background-color:", ";color:", ";transition:background-color 0.2s,box-shadow 0.2s,text-decoration 0.2s;&:hover{background-color:", ";border-color:", ";color:", ";}&:active{background-color:", ";border-color:", ";color:", ";transition:none;}}&[disabled],&[aria-disabled='true']{border-color:", ";color:", ";", "}" ], d.variables.inputBorderWidth, C, d.variables.borderRadius, (function(r) {
202
+ return (0, i.css)([ "border:", " solid ", ";border-radius:", ";", " ", " cursor:pointer;position:relative;font-weight:", ";transition:background-color 0.2s,border-color 0.2s,box-shadow 0.2s,color 0.2s,text-decoration 0.2s;&:focus,&:hover{z-index:3;}&:focus{box-shadow:", ";}&:not([disabled],[aria-disabled='true']){background-color:", ";color:", ";&:hover{background-color:", ";border-color:", ";color:", ";}&:active{background-color:", ";border-color:", ";color:", ";transition:none;}}&[disabled],&[aria-disabled='true']{border-color:", ";color:", ";", "}" ], d.variables.inputBorderWidth, C, d.variables.borderRadius, (function(r) {
203
203
  var e = r.$append;
204
204
  return e && (0, i.css)([ "border-top-right-radius:0.1px;border-bottom-right-radius:0.1px;border-right:none;" ]);
205
205
  }), (function(r) {
package/CHANGELOG.md CHANGED
@@ -1,6 +1,44 @@
1
1
  Change Log
2
2
  ============
3
3
 
4
+ 5.9.1 - April 9, 2026
5
+ ----------
6
+ Bug Fixes:
7
+ * `Typography` now supports `'label'` as a valid value for the `as` prop (SUI-8751).
8
+ * `Button` no longer briefly flashes when the `appearance` prop changes (SUI-8682).
9
+ * `SlidingPanels` now restores focus to the first tabbable element of the incoming panel when the active panel changes via keyboard navigation (SUI-8748).
10
+ * `Dropdown` no longer closes when clicking a `disabled` or `"dimmed"` item inside the dropdown content (SUI-8668).
11
+ * `Multiselect` chips no longer touch the container edges when wrapping to multiple lines (SUI-8602).
12
+ * `Number` no longer displays a stale value when the value is updated very quickly (SUI-8746).
13
+ * `Markdown` tables now have the correct bottom margin (SUI-8656).
14
+ * `Code` now uses the new `syntaxBlack` and `syntaxWhite` tokens as fallback syntax highlighting colors for readability (SUI-8584).
15
+ * `Code` now uses updated colors for numbers and booleans to distinguish them from keys in languages like JSON and YAML (SUI-8033).
16
+
17
+ Deprecations:
18
+ * `ColumnLayout` is deprecated and will be removed in a future major version. See the migration guide for details (SUI-8652).
19
+
20
+ 5.9.0 - March 5, 2026
21
+ ----------
22
+ New Features:
23
+ * `Multiselect` now supports `"dimmed"` and `"disabled"` values for the `disabled` prop (SUI-8521).
24
+
25
+ Bug Fixes:
26
+ * `Dropdown` now prevents interaction when the toggle is `disabled` or `dimmed` (SUI-8607).
27
+ * Fixed a bug where unsupported values for the `disabled` prop would cause components to render disabled: e.g. `disabled="foo"`. Unsupported values now cause the `disabled` prop to be ignored.
28
+ * Affects `Clickable`, `CollapsiblePanel`, and `Menu.Item`.
29
+ * `CollapsiblePanel` and `Accordion` now correctly use `backgroundColorSection` in Enterprise themes (SUI-8669).
30
+ * `Number` no longer renders horizontal rule between increment and decrement buttons (SUI-8641).
31
+ * `Table.Cell` and `Table.Row` hover styles use `neutral100` across stripe and non-stripe variants (SUI-8552).
32
+ * `Anchor` will now set `id` from the `name` prop if an `id` has not been provided to resolve scroll-to-anchor not working correctly in Firefox and Safari (SUI-8670).
33
+ * `Calendar` and `File`components now use correct `interactiveColorBorder` tokens instead of generic `borderColor` (SUI-8687).
34
+ * `Text`'s height is now consistent with and without adornments in Magnetic themes (SUI-9695)
35
+ * Affects `ComboBox`, `Date`, `Number`, `PhoneNumber`, `Search` and `Select`.
36
+ * `ComboBox`, `Search`, and `Multiselect` no longer submit parent forms when selecting an option with `Enter` (SUI-8664).
37
+ * `CollapsiblePanel`'s toggle button in actions headers no longer stretches when the title wraps to multiple lines (SUI-8690).
38
+
39
+ Docs:
40
+ * Updated `Tree` ClickableExpansion examples alignment and padding (SUI-8525).
41
+
4
42
  5.8.0 - February 10, 2026
5
43
  ----------
6
44
  New Features: