@splunk/react-ui 5.6.0 → 5.7.1

package/ButtonSimple.js

@@ -61,8 +61,8 @@
         r.r(e);
     // EXPORTS
         r.d(e, {
-        buttonMixin: () => /* reexport */ f,
-        default: () => /* reexport */ A
+        buttonMixin: () => /* reexport */ C,
+        default: () => /* reexport */ $
     });
     // CONCATENATED MODULE: external "react"
     const o = require("react");
@@ -75,23 +75,23 @@
     var c =  r.n(i);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
     const l = require("@splunk/react-ui/Clickable");
-    var d =  r.n(l);
+    var s =  r.n(l);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const s = require("@splunk/themes");
+    const d = require("@splunk/themes");
     // CONCATENATED MODULE: external "lodash/merge"
     const b = require("lodash/merge");
-    var v =  r.n(b);
+    var u =  r.n(b);
     // CONCATENATED MODULE: ./src/ButtonSimple/mixin.ts
-    function u(r) {
+    function v(r) {
         "@babel/helpers - typeof";
-        return u = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(r) {
+        return v = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(r) {
             return typeof r;
         } : function(r) {
             return r && "function" == typeof Symbol && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-        }, u(r);
+        }, v(r);
     }
-    var p = [ "primary", "secondary", "destructive", "destructiveSecondary", "subtle", "standalone" ];
-    function y(r) {
+    var y = [ "primary", "secondary", "destructive", "destructiveSecondary", "subtle", "standalone" ];
+    function p(r) {
         var e = "transparent";
         var o = "transparent";
         var a = "transparent";
@@ -100,78 +100,78 @@
         var i;
         var c;
         var l;
-        var d = s.variables.actionColorContentSecondary;
+        var s = d.variables.actionColorContentSecondary;
         var b;
-        var v = s.variables.actionColorContentSecondaryDisabled;
-        var u;
+        var u = d.variables.actionColorContentSecondaryDisabled;
+        var v;
         switch (r) {
           case "primary":
             {
-                e = s.variables.actionColorBackgroundPrimary;
-                o = s.variables.actionColorBackgroundPrimaryActive;
-                a = s.variables.actionColorBackgroundPrimaryDisabled;
-                t = s.variables.actionColorBackgroundPrimaryHover;
-                d = s.variables.actionColorContentPrimary;
-                v = s.variables.actionColorContentPrimaryDisabled;
+                e = d.variables.actionColorBackgroundPrimary;
+                o = d.variables.actionColorBackgroundPrimaryActive;
+                a = d.variables.actionColorBackgroundPrimaryDisabled;
+                t = d.variables.actionColorBackgroundPrimaryHover;
+                s = d.variables.actionColorContentPrimary;
+                u = d.variables.actionColorContentPrimaryDisabled;
                 break;
             }
 
           case "destructive":
             {
-                e = s.variables.actionColorBackgroundDestructive;
-                o = s.variables.actionColorBackgroundDestructiveActive;
-                a = s.variables.actionColorBackgroundDestructiveDisabled;
-                t = s.variables.actionColorBackgroundDestructiveHover;
-                d = s.variables.actionColorContentDestructive;
-                v = s.variables.actionColorContentDestructiveDisabled;
+                e = d.variables.actionColorBackgroundDestructive;
+                o = d.variables.actionColorBackgroundDestructiveActive;
+                a = d.variables.actionColorBackgroundDestructiveDisabled;
+                t = d.variables.actionColorBackgroundDestructiveHover;
+                s = d.variables.actionColorContentDestructive;
+                u = d.variables.actionColorContentDestructiveDisabled;
                 break;
             }
 
           case "destructiveSecondary":
             {
-                n = s.variables.actionColorBorderDestructiveSecondary;
-                i = s.variables.actionColorBorderDestructiveSecondaryActive;
-                c = s.variables.actionColorBorderDestructiveSecondaryDisabled;
-                l = s.variables.actionColorBorderDestructiveSecondaryHover;
-                e = s.variables.actionColorBackgroundDestructiveSecondary;
-                o = s.variables.actionColorBackgroundDestructiveSecondaryActive;
-                a = s.variables.actionColorBackgroundDestructiveSecondaryDisabled;
-                t = s.variables.actionColorBackgroundDestructiveSecondaryHover;
-                d = s.variables.actionColorContentDestructiveSecondary;
-                v = s.variables.actionColorContentDestructiveSecondaryDisabled;
+                n = d.variables.actionColorBorderDestructiveSecondary;
+                i = d.variables.actionColorBorderDestructiveSecondaryActive;
+                c = d.variables.actionColorBorderDestructiveSecondaryDisabled;
+                l = d.variables.actionColorBorderDestructiveSecondaryHover;
+                e = d.variables.actionColorBackgroundDestructiveSecondary;
+                o = d.variables.actionColorBackgroundDestructiveSecondaryActive;
+                a = d.variables.actionColorBackgroundDestructiveSecondaryDisabled;
+                t = d.variables.actionColorBackgroundDestructiveSecondaryHover;
+                s = d.variables.actionColorContentDestructiveSecondary;
+                u = d.variables.actionColorContentDestructiveSecondaryDisabled;
                 break;
             }
 
           case "secondary":
-            n = s.variables.actionColorBorderSecondary;
-            i = s.variables.actionColorBorderSecondaryActive;
-            c = s.variables.actionColorBorderSecondaryDisabled;
-            l = s.variables.actionColorBorderSecondaryHover;
-            e = s.variables.actionColorBackgroundSecondary;
-            o = s.variables.actionColorBackgroundSecondaryActive;
-            t = s.variables.actionColorBackgroundSecondaryHover;
+            n = d.variables.actionColorBorderSecondary;
+            i = d.variables.actionColorBorderSecondaryActive;
+            c = d.variables.actionColorBorderSecondaryDisabled;
+            l = d.variables.actionColorBorderSecondaryHover;
+            e = d.variables.actionColorBackgroundSecondary;
+            o = d.variables.actionColorBackgroundSecondaryActive;
+            t = d.variables.actionColorBackgroundSecondaryHover;
             break;
 
           case "subtle":
-            o = s.variables.actionColorBackgroundSubtleActive;
-            t = s.variables.actionColorBackgroundSubtleHover;
-            b = s.variables.actionColorContentSubtleActive;
-            u = s.variables.actionColorContentSubtleHover;
+            o = d.variables.actionColorBackgroundSubtleActive;
+            t = d.variables.actionColorBackgroundSubtleHover;
+            b = d.variables.actionColorContentSubtleActive;
+            v = d.variables.actionColorContentSubtleHover;
             break;
 
           case "standalone":
-            e = s.variables.actionColorBackgroundSubtle;
-            o = s.variables.actionColorBackgroundSubtleActive;
-            t = s.variables.actionColorBackgroundSubtleHover;
-            d = s.variables.actionColorContentStandalone;
-            b = s.variables.actionColorContentStandaloneActive;
-            v = s.variables.actionColorContentStandaloneDisabled;
-            u = s.variables.actionColorContentStandaloneHover;
+            e = d.variables.actionColorBackgroundSubtle;
+            o = d.variables.actionColorBackgroundSubtleActive;
+            t = d.variables.actionColorBackgroundSubtleHover;
+            s = d.variables.actionColorContentStandalone;
+            b = d.variables.actionColorContentStandaloneActive;
+            u = d.variables.actionColorContentStandaloneDisabled;
+            v = d.variables.actionColorContentStandaloneHover;
             break;
 
           default:
         }
-        var p = {
+        var y = {
             background: e,
             backgroundActive: o,
             backgroundDisabled: a,
@@ -180,66 +180,130 @@
             borderColorActive: i,
             borderColorDisabled: c,
             borderColorHover: l,
-            color: d,
+            color: s,
             colorActive: b,
-            colorDisabled: v,
-            colorHover: u
+            colorDisabled: u,
+            colorHover: v
         };
-        return p;
+        return y;
     }
-    function C(r, e) {
-        var o = typeof r === "string" && p.includes(r) ? r : undefined;
+    function f(r, e) {
+        var o = typeof r === "string" && y.includes(r) ? r : undefined;
         var a = {};
         if (o && e !== undefined) {
             a = e;
-        } else if (o === undefined && u(r) === "object" && e === undefined) {
+        } else if (o === undefined && v(r) === "object" && e === undefined) {
             a = r;
         }
-        var t = y(o);
-        var n = v()(t, a), c = n.background, l = n.backgroundActive, d = n.backgroundDisabled, b = n.backgroundDisabledSelected, C = n.backgroundHover, f = n.borderColor, g = n.borderColorActive, S = n.borderColorDisabled, k = n.borderColorHover, m = n.color, D = n.colorActive, B = n.colorDisabled, h = n.colorHover;
-        var A = c != null && c !== "transparent";
+        var t = p(o);
+        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;
+        var h = c != null && c !== "transparent";
         return function() {
-            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:", ";", "}" ], s.variables.inputBorderWidth, f, s.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;" ]);
-            }), s.variables.fontWeightSemiBold, s.variables.focusShadow, c, m, C, k, h, l, g, D, S, B, (function(r) {
+            }), d.variables.fontWeightSemiBold, d.variables.focusShadow, c, k, f, m, B, l, g, D, S, O, (function(r) {
                 var e = r.$selected;
-                return A && (0, i.css)([ "background-color:", ";" ], e ? b : d);
+                return h && (0, i.css)([ "background-color:", ";" ], e ? b : s);
             }));
         };
     }
-    /* harmony default export */    const f = C;
+    /* harmony default export */    const C = f;
     // CONCATENATED MODULE: ./src/ButtonSimple/ButtonSimpleStyles.ts
-    var g = {
-        borderColor: s.variables.interactiveColorAccentError,
-        borderColorActive: s.variables.interactiveColorAccentError,
-        borderColorHover: s.mixins.overlayColors(s.variables.interactiveColorAccentError, s.variables.interactiveColorBorderHover)
+    function g(r) {
+        "@babel/helpers - typeof";
+        return g = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(r) {
+            return typeof r;
+        } : function(r) {
+            return r && "function" == typeof Symbol && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
+        }, g(r);
+    }
+    function S(r, e) {
+        var o = Object.keys(r);
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(r);
+            e && (a = a.filter((function(e) {
+                return Object.getOwnPropertyDescriptor(r, e).enumerable;
+            }))), o.push.apply(o, a);
+        }
+        return o;
+    }
+    function m(r) {
+        for (var e = 1; e < arguments.length; e++) {
+            var o = null != arguments[e] ? arguments[e] : {};
+            e % 2 ? S(Object(o), !0).forEach((function(e) {
+                k(r, e, o[e]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(o)) : S(Object(o)).forEach((function(e) {
+                Object.defineProperty(r, e, Object.getOwnPropertyDescriptor(o, e));
+            }));
+        }
+        return r;
+    }
+    function k(r, e, o) {
+        return (e = D(e)) in r ? Object.defineProperty(r, e, {
+            value: o,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : r[e] = o, r;
+    }
+    function D(r) {
+        var e = O(r, "string");
+        return "symbol" == g(e) ? e : e + "";
+    }
+    function O(r, e) {
+        if ("object" != g(r) || !r) return r;
+        var o = r[Symbol.toPrimitive];
+        if (void 0 !== o) {
+            var a = o.call(r, e || "default");
+            if ("object" != g(a)) return a;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return ("string" === e ? String : Number)(r);
+    }
+    var B = {
+        borderColor: d.variables.interactiveColorAccentError,
+        borderColorActive: d.variables.interactiveColorAccentError,
+        borderColorHover: d.mixins.overlayColors(d.variables.interactiveColorAccentError, d.variables.interactiveColorBorderHover)
     };
-    var S = c()(d()).withConfig({
+    /**
+ * When `isMenu` is true, the button should use interactive tokens (e.g. Select) rather than action tokens (e.g. Button).
+ */    var h = {
+        color: d.variables.contentColorActive,
+        colorDisabled: d.variables.contentColorDisabled,
+        borderColor: d.variables.interactiveColorBorder,
+        borderColorActive: d.variables.interactiveColorBorderActive,
+        borderColorHover: d.variables.interactiveColorBorderHover,
+        borderColorDisabled: d.variables.interactiveColorBorderDisabled
+    };
+    var j = c()(s()).withConfig({
         displayName: "ButtonSimpleStyles__StyledClickable",
         componentId: "vlarwe-0"
-    })([ "", " align-items:center;justify-content:center;&:not([disabled],[aria-disabled='true']){", "}", "" ], s.mixins.reset("flex"), (function(r) {
-        var e = r.$error;
-        return e && (0, i.css)([ "", "" ], (0, s.pickVariant)("$variant", {
-            default: f("secondary", g),
-            secondary: f("secondary", g),
-            subtle: f("subtle", g)
+    })([ "", " 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", m(m({}, h), B)) : C("secondary", B),
+            secondary: o ? C("secondary", m(m({}, h), B)) : C("secondary", B),
+            subtle: C("subtle", B)
         }));
-    }), (0, s.pickVariant)("$variant", {
-        default: f("secondary"),
-        primary: f("primary"),
-        secondary: f("secondary"),
-        subtle: f("subtle"),
-        destructive: f("destructive"),
-        destructiveSecondary: f("destructiveSecondary"),
-        standalone: f("standalone")
+    }), (function(r) {
+        var e = r.$isMenu;
+        return (0, d.pickVariant)("$variant", {
+            default: e ? C("secondary", h) : C("secondary"),
+            primary: C("primary"),
+            secondary: e ? C("secondary", h) : C("secondary"),
+            subtle: C("subtle"),
+            destructive: C("destructive"),
+            destructiveSecondary: C("destructiveSecondary"),
+            standalone: C("standalone")
+        });
     }));
     // CONCATENATED MODULE: ./src/ButtonSimple/ButtonSimple.tsx
-    function k() {
-        return k = Object.assign ? Object.assign.bind() : function(r) {
+    function P() {
+        return P = Object.assign ? Object.assign.bind() : function(r) {
             for (var e = 1; e < arguments.length; e++) {
                 var o = arguments[e];
                 for (var a in o) {
@@ -247,11 +311,11 @@
                 }
             }
             return r;
-        }, k.apply(null, arguments);
+        }, P.apply(null, arguments);
     }
-    function m(r, e) {
+    function w(r, e) {
         if (null == r) return {};
-        var o, a, t = D(r, e);
+        var o, a, t = A(r, e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(r);
             for (a = 0; a < n.length; a++) {
@@ -260,7 +324,7 @@
         }
         return t;
     }
-    function D(r, e) {
+    function A(r, e) {
         if (null == r) return {};
         var o = {};
         for (var a in r) {
@@ -271,7 +335,7 @@
         }
         return o;
     }
-    var B = {
+    var H = {
         action: n().string,
         appearance: n().oneOf([ "default", "secondary", "primary", "destructive", "destructiveSecondary", "subtle", "standalone" ]),
         append: n().bool,
@@ -284,24 +348,24 @@
         prepend: n().bool,
         to: n().string
     };
-    var h =  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, d = r.isMenu, s = r.prepend, b = m(r, [ "appearance", "append", "children", "disabled", "error", "isMenu", "prepend" ]);
+    var x =  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
                 
-        return a().createElement(S, k({
+        return a().createElement(j, P({
             "aria-invalid": l,
             "data-test": "button-simple",
             disabled: c,
             $variant: t,
             $append: n,
-            $prepend: s,
+            $prepend: d,
             $error: l,
-            $isMenu: d,
+            $isMenu: s,
             ref: e
         }, b), i);
     }));
-    h.propTypes = B;
-    /* harmony default export */    const A = h;
+    x.propTypes = H;
+    /* harmony default export */    const $ = x;
     // only for styled-components that wrap ButtonSimple
         // CONCATENATED MODULE: ./src/ButtonSimple/index.ts
     module.exports = e;

package/CHANGELOG.md

@@ -1,11 +1,32 @@
 Change Log
 ============
 
+5.7.1 - January 6, 2026
+----------
+Bug Fixes:
+* `TransitionOpen` now adjusts to change in content size (SUI-8518).
+
+5.7.0 - December 10, 2025
+----------
+New Features:
+* `Card.Header` now supports a new `icon` prop (SUI-8473).
+
+Bug Fixes:
+* `Card.Header`'s text is now aligned properly when it's positioned below `Card.Body`.
+* `Button` uses interactive tokens for styling when `isMenu={true}` (SUI-8354).
+    * Fixes styling for `Select` in magnetic themes.
+* `Menu.Item` no longer reports a `PropTypes` error for `role="link"` (SUI-8393).
+* `AnchorMenu`'s `label` will no longer collapse when the number of items exceeds the page height.
+* `Slider`'s thumb will no longer submit a `form` (SUI-8463).
+
+Docs:
+* `Multiselect.Option`'s unsupported `elementRef` prop was removed from documentation (SUI-8286).
+
 5.6.0 - December 3, 2025
 ----------
 New Features:
 * New `AnchorMenu` component (SUI-8367).
-* `Menu.Item` now supports `role="link" (SUI-8393).
+* `Menu.Item` now supports `role="link"` (SUI-8393).
 
 Bug Fixes:
 * `Multiselect` now retains new values when select all is used (SUI-8402).