@splunk/react-ui 5.0.0-beta.3 → 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;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:", ";", "}" ], 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.fontWeightSemiBold, 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,9 +297,9 @@
     })([ "", " 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: o ? C("secondary", k(k({}, h), D)) : 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;
@@ -300,14 +307,15 @@
             default: e ? C("secondary", h) : C("secondary"),
             primary: C("primary"),
             secondary: e ? C("secondary", h) : C("secondary"),
-            subtle: e ? C("secondary", A) : C("subtle"),
+            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,16 @@
 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:
@@ -8,11 +18,11 @@ New Features:
 * `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: 
+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). 
+* `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).

package/CHANGELOG.v5.mdx

@@ -1,6 +1,43 @@
 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:
@@ -36,6 +73,7 @@ Bug Fixes:
 * `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).