@splunk/react-ui 5.0.0-beta.2 → 5.0.0-beta.4

package/ButtonSimple.js

@@ -62,7 +62,7 @@
     // EXPORTS
         r.d(e, {
         buttonMixin: () => /* reexport */ C,
-        default: () => /* reexport */ E
+        default: () => /* reexport */ M
     });
     // CONCATENATED MODULE: external "react"
     const o = require("react");
@@ -79,8 +79,8 @@
     // CONCATENATED MODULE: external "@splunk/themes"
     const d = require("@splunk/themes");
     // CONCATENATED MODULE: external "lodash/merge"
-    const v = require("lodash/merge");
-    var b =  r.n(v);
+    const b = require("lodash/merge");
+    var v =  r.n(b);
     // CONCATENATED MODULE: ./src/ButtonSimple/mixin.ts
     function u(r) {
         "@babel/helpers - typeof";
@@ -90,7 +90,7 @@
             return r && "function" == typeof Symbol && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
         }, u(r);
     }
-    var p = [ "primary", "secondary", "destructive", "destructiveSecondary", "subtle" ];
+    var p = [ "primary", "secondary", "destructive", "destructiveSecondary", "subtle", "standalone" ];
     function y(r) {
         var e = "transparent";
         var o = "transparent";
@@ -101,8 +101,8 @@
         var c;
         var l;
         var s = d.variables.contentColorActive;
-        var v;
-        var b = d.variables.contentColorDisabled;
+        var b;
+        var v = d.variables.contentColorDisabled;
         var u;
         switch (r) {
           case "primary":
@@ -112,7 +112,7 @@
                 a = d.variables.actionColorBackgroundPrimaryDisabled;
                 t = d.variables.actionColorBackgroundPrimaryHover;
                 s = d.variables.contentColorInverted;
-                b = d.variables.contentColorInverted;
+                v = d.variables.contentColorInverted;
                 break;
             }
 
@@ -123,7 +123,7 @@
                 a = d.variables.actionColorBackgroundDestructiveDisabled;
                 t = d.variables.actionColorBackgroundDestructiveHover;
                 s = d.variables.contentColorInverted;
-                b = d.variables.contentColorInverted;
+                v = d.variables.contentColorInverted;
                 break;
             }
 
@@ -138,7 +138,7 @@
                 a = d.variables.actionColorBackgroundDestructiveSecondaryDisabled;
                 t = d.variables.actionColorBackgroundDestructiveSecondaryHover;
                 s = d.variables.contentColorNegative;
-                b = d.variables.contentColorNegativeWeak;
+                v = d.variables.contentColorNegativeWeak;
                 break;
             }
 
@@ -153,9 +153,16 @@
             break;
 
           case "subtle":
+            b = d.variables.contentColorAccentStrong;
+            u = d.variables.contentColorAccentStrong;
+            o = d.variables.actionColorBackgroundSubtleActive;
+            t = d.variables.actionColorBackgroundSubtleHover;
+            break;
+
+          case "standalone":
             s = d.variables.contentColorAccent;
-            v = d.variables.contentColorAccentStrong;
-            b = d.variables.contentColorAccentWeak;
+            b = d.variables.contentColorAccentStrong;
+            v = d.variables.contentColorAccentWeak;
             u = d.variables.contentColorAccentStrong;
             e = d.variables.actionColorBackgroundSubtle;
             o = d.variables.actionColorBackgroundSubtleActive;
@@ -174,8 +181,8 @@
             borderColorDisabled: c,
             borderColorHover: l,
             color: s,
-            colorActive: v,
-            colorDisabled: b,
+            colorActive: b,
+            colorDisabled: v,
             colorHover: u
         };
         return p;
@@ -189,18 +196,18 @@
             a = r;
         }
         var t = y(o);
-        var n = b()(t, a), c = n.background, l = n.backgroundActive, s = n.backgroundDisabled, v = n.backgroundDisabledSelected, f = n.backgroundHover, C = n.borderColor, g = n.borderColorActive, m = n.borderColorDisabled, k = n.borderColorHover, S = n.color, O = n.colorActive, B = n.colorDisabled, D = n.colorHover;
-        var A = c != null && c !== "transparent";
+        var n = v()(t, a), c = n.background, l = n.backgroundActive, s = n.backgroundDisabled, b = n.backgroundDisabledSelected, f = n.backgroundHover, C = n.borderColor, g = n.borderColorActive, m = n.borderColorDisabled, k = n.borderColorHover, S = n.color, O = n.colorActive, B = n.colorDisabled, A = n.colorHover;
+        var D = c != null && c !== "transparent";
         return function() {
-            return (0, i.css)([ "border:1px solid ", ";border-radius:", ";", " ", " cursor:pointer;position:relative;&: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:", ";cursor:not-allowed;", "}" ], C, d.variables.borderRadius, (function(r) {
+            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) {
                 var e = r.$append;
                 return e && (0, i.css)([ "border-top-right-radius:0.1px;border-bottom-right-radius:0.1px;border-right:none;" ]);
             }), (function(r) {
                 var e = r.$prepend;
                 return e && (0, i.css)([ "border-top-left-radius:0.1px;border-bottom-left-radius:0.1px;" ]);
-            }), d.variables.focusShadow, c, S, f, k, D, l, g, O, m, B, (function(r) {
+            }), d.variables.fontWeightSemiBold, d.variables.focusShadow, c, S, f, k, A, l, g, O, m, B, (function(r) {
                 var e = r.$selected;
-                return A && (0, i.css)([ "background-color:", ";" ], e ? v : s);
+                return D && (0, i.css)([ "background-color:", ";" ], e ? b : s);
             }));
         };
     }
@@ -257,12 +264,12 @@
         }
         return ("string" === e ? String : Number)(r);
     }
-    var D = {
+    var A = {
         borderColor: d.variables.interactiveColorAccentError,
         borderColorActive: d.variables.interactiveColorAccentError,
         borderColorHover: d.mixins.overlayColors(d.variables.interactiveColorAccentError, d.variables.interactiveColorBorderHover)
     };
-    var A = {
+    var D = {
         background: d.variables.interactiveColorBackground,
         backgroundActive: d.variables.interactiveColorOverlayActive,
         backgroundHover: d.variables.interactiveColorOverlayHover,
@@ -290,24 +297,25 @@
     })([ "", " align-items:center;justify-content:center;&:not([disabled],[aria-disabled='true']){", "}", "" ], d.mixins.reset("flex"), (function(r) {
         var e = r.$error, o = r.$isMenu;
         return e && (0, i.css)([ "", "" ], (0, d.pickVariant)("$variant", {
-            default: o ? C("secondary", k(k({}, h), D)) : C("secondary", D),
-            secondary: C("secondary", D),
-            subtle: o ? C("secondary", k(k({}, A), D)) : C("subtle", D)
+            default: o ? C("secondary", k(k({}, h), A)) : C("secondary", A),
+            secondary: o ? C("secondary", k(k({}, h), A)) : C("secondary", A),
+            subtle: o ? C("secondary", k(k({}, D), A)) : C("subtle", A)
         }));
     }), (function(r) {
         var e = r.$isMenu;
         return (0, d.pickVariant)("$variant", {
             default: e ? C("secondary", h) : C("secondary"),
             primary: C("primary"),
-            secondary: C("secondary"),
-            subtle: e ? C("secondary", A) : C("subtle"),
+            secondary: e ? C("secondary", h) : C("secondary"),
+            subtle: e ? C("secondary", D) : C("subtle"),
             destructive: C("destructive"),
-            destructiveSecondary: C("destructiveSecondary")
+            destructiveSecondary: C("destructiveSecondary"),
+            standalone: C("standalone")
         });
     }));
     // CONCATENATED MODULE: ./src/ButtonSimple/ButtonSimple.tsx
-    function w() {
-        return w = Object.assign ? Object.assign.bind() : function(r) {
+    function H() {
+        return H = Object.assign ? Object.assign.bind() : function(r) {
             for (var e = 1; e < arguments.length; e++) {
                 var o = arguments[e];
                 for (var a in o) {
@@ -315,9 +323,9 @@
                 }
             }
             return r;
-        }, w.apply(null, arguments);
+        }, H.apply(null, arguments);
     }
-    function H(r, e) {
+    function w(r, e) {
         if (null == r) return {};
         var o, a, t = P(r, e);
         if (Object.getOwnPropertySymbols) {
@@ -339,10 +347,9 @@
         }
         return o;
     }
-    var x = [ "default", "secondary", "primary", "destructive", "destructiveSecondary", "subtle" ];
-    var $ = {
+    var x = {
         action: n().string,
-        appearance: n().oneOf([ "default", "secondary", "primary", "destructive", "subtle" ]),
+        appearance: n().oneOf([ "default", "secondary", "primary", "destructive", "destructiveSecondary", "subtle", "standalone" ]),
         append: n().bool,
         children: n().node,
         disabled: n().oneOfType([ n().bool, n().oneOf([ "dimmed", "disabled" ]) ]),
@@ -353,25 +360,24 @@
         prepend: n().bool,
         to: n().string
     };
-    var M =  a().forwardRef((function(r, e) {
-        var o = r.appearance, t = o === void 0 ? "default" : o, n = r.append, i = r.children, c = r.disabled, l = r.error, s = r.isMenu, d = r.prepend, v = H(r, [ "appearance", "append", "children", "disabled", "error", "isMenu", "prepend" ]);
+    var $ =  a().forwardRef((function(r, e) {
+        var o = r.appearance, t = o === void 0 ? "default" : o, n = r.append, i = r.children, c = r.disabled, l = r.error, s = r.isMenu, d = r.prepend, b = w(r, [ "appearance", "append", "children", "disabled", "error", "isMenu", "prepend" ]);
         // @docs-props-type ButtonSimplePropsBase
-                var b = x.includes(t) ? t : "default";
-        
-        return a().createElement(j, w({
+                
+        return a().createElement(j, H({
             "aria-invalid": l,
             "data-test": "button-simple",
             disabled: c,
-            $variant: b,
+            $variant: t,
             $append: n,
             $prepend: d,
             $error: l,
             $isMenu: s,
             ref: e
-        }, v), i);
+        }, b), i);
     }));
-    M.propTypes = $;
-    /* harmony default export */    const E = M;
+    $.propTypes = x;
+    /* harmony default export */    const M = $;
     // only for styled-components that wrap ButtonSimple
         // CONCATENATED MODULE: ./src/ButtonSimple/index.ts
     module.exports = e;

package/CHANGELOG.md

@@ -1,6 +1,32 @@
 Change Log
 ============
 
+4.45.0 - TBD
+----------
+Bug Fixes:
+* `Table` now displays `cursor: default` when a row is not clickable and is an empty action cell (SUI-7232).
+
+4.44.1 - April 10, 2025
+----------
+Bug Fixes:
+* `Combobox` and `Multiselect` no longer call `onOpen` after selecting a value (SUI-7624).
+
+4.44.0 - April 1, 2025
+----------
+New Features:
+* `Number`'s `onChange` handler now includes a `reason` property in callback data (SUI-7401).
+* `Date` does not render 'Invalid value' for empty strings when controlled (SUI-5993).
+* `Date` does not revert value for empty strings when uncontrolled (SUI-5993).
+
+Bug Fixes:
+* `StaticContent` supports new prop `labelledBy` (SUI-5326).
+* `Clickable` now displays the `not-allowed` cursor when disabled (SUI-7297).
+* `Table` now renders dynamically added expansionRows (SUI-7403).
+* `ButtonGroup`'s `role` has changed from `menubar` to `group`. Child `Button`'s `role`s have changed from `menuitem` to `button`. See the migration guide for details (SUI-6551).
+* `Table`'s resize handler no longer triggers sorting or opening dropdown when `enter` key is pressed (SUI-7320).
+* `Slider`'s disabled state now prevents the appearance of thumb focus when active and displays `not-allowed` cursor on the entire input (SUI-7498).
+* `Table`'s stripe rows now extend all the way across the table for rows without actions (SUI-7232).
+
 4.43.0 - March 4, 2025
 ----------
 New Features:

package/CHANGELOG.v5.mdx

@@ -1,6 +1,87 @@
 Change Log
 ============
 
+5.0.0-beta.4 - April 22, 2025
+----------
+New Features:
+* `Table.HeadCell` and `Table.HeadDropdownCell` now support `headCellScreenReaderText` prop to improve screen reader usability for column reordering (SUI-7209).
+* `Tootip`'s icon is now the InformationCircle in all themes (SUI-6151).
+* Input components now make use of the new `inputBorderWidth` design token where applicable (SUI-7348).
+* `DualListbox` now supports the `elementRef` prop (SUI-7541).
+* `MessageBar` now supports the `elementRef` prop (SUI-7661).
+
+API Changes:
+* `typescript` version is now `^5.8.3` (SUI-7601).
+* `Image`'s preview is now a set size, `maxHeight` prop has been removed (SUI-7137).
+* `react-spring@9.2.4` has been replaced by `@react-spring/web@9.7.5` (SUI-7585).
+* `SplitButton.Item` now supports `icon` prop (SUI-7556).
+
+Bug Fixes:
+* `Select` with `filter` no longer loses focus when placed above the toggle (SUI-6973).
+* `Select` could throw an incorrect "defaultValue prop change" error in some scenarios that were preventable. This has been fixed (SUI-7655).
+* `Popover` will now reposition when the anchor moves or is resized (SUI-7558).
+* `FormRows` will now throw an error when a row is sortable and/or removable and required index is not provided (SUI-5639).
+* `Text` now only renders the `aria-disabled` attribute when `disabled="dimmed"` (SUI-7574).
+* Removed usage of `withComponent` improve compatibility with `styled-components@6` (SUI-7602).
+* `Progress` has correct height and `box-sizing` properties (SUI-7626).
+* TabBar correctly maintains focus if child Tabs position is changed (SUI-6135).
+
+TypeScript:
+* `Clickable` now exports `ClickablePropsBase`, `ClickableButtonProps`, and `ClickableLinkProps` (SUI-7563).
+* `TableRequestMoveColumnHandler` type no longer provides the `columnId` property (SUI-7209).
+* `TableRequestMoveRowHandler` type no longer provides the `dataId` property (SUI-7209).
+* `SlidingPanel`'s `activePanelId` and `SlidingPanel.Panel`'s `panelId` are now of type string or number (SUI-7005).
+* `File.Item`'s `itemId` prop and the corresponding fields in `FileRequestRemoveHandler` and `FileRequestRetryHandler` are now `string` (SUI-7603).
+* `StepBar`'s `activeStepId` prop and `StepBar.Step`'s `stepId` prop are now `number` (SUI-7603).
+* `Table.HeadCell` and `Table.HeadDropdownCell`'s `columnId` props and the corresponding fields in `TableRequestResizeColumnHandler`, `HeadCellSortHandler`, `HeadDropdownCellRequestOpenHandler`, and `HeadDropdownCellRequestCloseHandler` are now `string` (SUI-7603).
+* `ComboBox` now exports `ComboBoxScrollBottomHandler`.
+* `Layout` now exports type definitions (SUI-7635).
+* `SplitButton.Item` now has exported type `ItemClickHandler` for the `onClick` prop (SUI-7556).
+
+5.0.0-beta.3 - April 2, 2025
+----------
+New Features:
+* `Divider` supports a new `appearance` prop that can change the divider's border color (SUI-7132).
+* `File` now renders document type icon when file name has a matching extension (SUI-7363).
+* `Date`'s input now displays the Calendar icon in all themes when `inputOnly={true}` and hides the icon when `inputOnly={false}` (SUI-7130).
+* `SplitButton` now supports appearance `destructiveSecondary` (SUI-7136).
+
+API Changes:
+* `File`'s test hook `[data-test="file-link"]` has been removed (SUI-7122).
+    * Use `[data-test="file-label"]` instead.
+* `Color`'s uncontrolled mode should no longer call `onChange` on "enter" when the value did not change (SUI-7392).
+* `Color`'s display string for `null` has been updated from "N/A" to "n/a" to align with the Splunk Style Guide (SUI-7392).
+* `Color`'s popover input and system color picker no longer update the on-page input until the input is submitted (SUI-7392).
+* `SidePanel` and `TransitionOpen` now support `elementRef` (SUI-7434).
+* `Date` supports empty-string for `defaultValue` (SUI-7412).
+* `FormRows` now requires reordering rows using the drag handle. Sorting/dragging the row itself is no longer supported (SUI-7036).
+* `SplitButton`'s `appearance` prop now defaults to `secondary` (SUI-7136).
+
+Bug Fixes:
+* `Code` no longer applies syntax highlighting when `language` is one of `'plain', 'plaintext', 'text', 'txt'`. (SUI-7266).
+* `RadioBar.Option` no longer shifts horizontally when the focused or active `Option` changes (SUI-7385).
+* `Table`'s `onRequestToggle` now correctly applies `disabled` focus styles when `disabled` (SUI-7308).
+* `Text` now has correct types for `placeholder` prop (SUI-7339).
+* `Color`'s uncontrolled mode should no longer call `onChange` on "enter" when the value did not change.
+* `Color`'s display string for `null` has been updated from "N/A" to "n/a" to align with the Splunk Style Guide.
+* `Button`'s height in compact mode is now 28px, matching the design.
+* `Table`'s header font size defaults to the correct size now (SUI-7383).
+* `Table`'s stripe rows background color has been updated for improved contrast (SUI-7384).
+* `Table` cell content now vertically aligns to the top of the cell (SUI-7269).
+* `Table`'s expand and select icon cells now span the whole height of the row (SUI-7379).
+* `Button` with `appearance="secondary"` and `isMenu` props now renders the correct border color.
+* `Slider`'s controlled mode now correctly updates passed in value on change (SUI-7536).
+* `Button`'s `propTypes` now support the `destructiveSecondary` appearance.
+* `RadioBar.Option`s now grow to fill the space taken by `RadioBar` (SUI-7571).
+* `Select` and other components using `Layer` will now properly be removed from the DOM (SUI-7469).
+
+Deprecations:
+* `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).
+* `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).
+
+TypeScript:
+* `Button` now exports `ButtonProps` (SUI-7250).
+
 5.0.0-beta.2 - March 5, 2025
 ----------
 API Changes: