@splunk/react-ui 4.23.0 → 4.25.0

package/Breadcrumbs.js

@@ -61,33 +61,33 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        Item: () => /* reexport */ j,
-        default: () => /* reexport */ I
+        Item: () => /* reexport */ h,
+        default: () => /* reexport */ q
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var a =  e.n(o);
+    const a = require("prop-types");
+    var o =  e.n(a);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const i = require("@splunk/ui-utils/i18n");
+    const l = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "styled-components"
-    const l = require("styled-components");
-    var c =  e.n(l);
+    const i = require("styled-components");
+    var s =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const s = require("@splunk/themes");
+    const u = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-    const u = require("@splunk/react-ui/Link");
-    var f =  e.n(u);
+    const c = require("@splunk/react-ui/Link");
+    var f =  e.n(c);
     // CONCATENATED MODULE: ./src/Breadcrumbs/ItemStyles.ts
-    var p = c()(f()).withConfig({
+    var d = s()(f()).withConfig({
         displayName: "ItemStyles__StyledLink",
         componentId: "sc-1ywtawf-0"
-    })([ "display:flex;align-items:center;gap:", ";white-space:nowrap;color:", ";&:where(:hover,:focus):not([disabled],[aria-disabled='true']){color:", ";}" ], s.variables.spacingXSmall, s.variables.contentColorDefault, s.variables.contentColorActive);
+    })([ "display:flex;align-items:center;gap:", ";white-space:nowrap;color:", ";&:where(:hover,:focus):not([disabled],[aria-disabled='true']){color:", ";}" ], u.variables.spacingXSmall, u.variables.contentColorDefault, u.variables.contentColorActive);
     // CONCATENATED MODULE: ./src/Breadcrumbs/Item.tsx
-    function d() {
-        d = Object.assign || function(e) {
+    function p() {
+        p = Object.assign || function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -98,57 +98,16 @@
             }
             return e;
         };
-        return d.apply(this, arguments);
+        return p.apply(this, arguments);
     }
     function b(e, r) {
-        var t = Object.keys(e);
-        if (Object.getOwnPropertySymbols) {
-            var n = Object.getOwnPropertySymbols(e);
-            if (r) n = n.filter((function(r) {
-                return Object.getOwnPropertyDescriptor(e, r).enumerable;
-            }));
-            t.push.apply(t, n);
-        }
-        return t;
-    }
-    function y(e) {
-        for (var r = 1; r < arguments.length; r++) {
-            var t = arguments[r] != null ? arguments[r] : {};
-            if (r % 2) {
-                b(Object(t), true).forEach((function(r) {
-                    m(e, r, t[r]);
-                }));
-            } else if (Object.getOwnPropertyDescriptors) {
-                Object.defineProperties(e, Object.getOwnPropertyDescriptors(t));
-            } else {
-                b(Object(t)).forEach((function(r) {
-                    Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-                }));
-            }
-        }
-        return e;
-    }
-    function m(e, r, t) {
-        if (r in e) {
-            Object.defineProperty(e, r, {
-                value: t,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[r] = t;
-        }
-        return e;
-    }
-    function v(e, r) {
         if (e == null) return {};
-        var t = O(e, r);
-        var n, o;
+        var t = m(e, r);
+        var n, a;
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                n = a[o];
+            var o = Object.getOwnPropertySymbols(e);
+            for (a = 0; a < o.length; a++) {
+                n = o[a];
                 if (r.indexOf(n) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
                 t[n] = e[n];
@@ -156,62 +115,72 @@
         }
         return t;
     }
-    function O(e, r) {
+    function m(e, r) {
         if (e == null) return {};
         var t = {};
         var n = Object.keys(e);
-        var o, a;
-        for (a = 0; a < n.length; a++) {
-            o = n[a];
-            if (r.indexOf(o) >= 0) continue;
-            t[o] = e[o];
+        var a, o;
+        for (o = 0; o < n.length; o++) {
+            a = n[o];
+            if (r.indexOf(a) >= 0) continue;
+            t[a] = e[a];
         }
         return t;
     }
+    var v = Object.freeze({
+        allowDisabledLink: true,
+        disabled: true,
+        to: ""
+    });
+    var y = {
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        enableCurrentPage: o().bool,
+        endAdornment: o().node,
+        isCurrent: o().bool,
+        label: o().string.isRequired,
+        startAdornment: o().node,
+        to: o().string.isRequired
+    };
     var g = {
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        endAdornment: a().node,
-        isCurrent: a().bool,
-        label: a().string.isRequired,
-        startAdornment: a().node,
-        to: a().string.isRequired
+        enableCurrentPage: false,
+        isCurrent: false
     };
-    function h(e) {
-        var r = e.endAdornment, t = e.isCurrent, o = t === void 0 ? false : t, a = e.label, i = e.startAdornment, l = e.to, c = v(e, [ "endAdornment", "isCurrent", "label", "startAdornment", "to" ]);
+    function O(e) {
+        var r = e.enableCurrentPage, t = e.endAdornment, a = e.isCurrent, o = e.label, l = e.startAdornment, i = e.to, s = b(e, [ "enableCurrentPage", "endAdornment", "isCurrent", "label", "startAdornment", "to" ]);
         // @docs-props-type ItemPropsBase
-                var s = {
-            to: l
+                var u = {
+            to: i
         };
-        var u = {
-            "aria-current": "page",
-            allowDisabledLink: true,
-            disabled: true,
-            to: ""
-        };
-        var f = o ? y(y({}, s), u) : s;
+        if (a) {
+            u["aria-current"] = "page";
+            if (!r) {
+                Object.assign(u, v);
+            }
+        }
         
-        return n().createElement(p, d({
+        return n().createElement(d, p({
             "data-test": "item"
-        }, f, c), i && i, a, r && r);
+        }, u, s), l && l, o, t && t);
     }
-    h.propTypes = g;
-    /* harmony default export */    const j = h;
+    O.propTypes = y;
+    O.defaultProps = g;
+    /* harmony default export */    const h = O;
     // CONCATENATED MODULE: ./src/Breadcrumbs/BreadcrumbsStyles.ts
-    var w = c().ol.withConfig({
+    var C = s().ol.withConfig({
         displayName: "BreadcrumbsStyles__StyledList",
         componentId: "sc-1maeyfk-0"
-    })([ "", " flex-wrap:wrap;" ], s.mixins.reset("flex"));
-    var S = c().li.withConfig({
+    })([ "", " flex-wrap:wrap;" ], u.mixins.reset("flex"));
+    var w = s().li.withConfig({
         displayName: "BreadcrumbsStyles__StyledListItem",
         componentId: "sc-1maeyfk-1"
-    })([ "display:flex;min-width:max-content;a[aria-current]{font-weight:", ";color:", ";cursor:default;}" ], s.variables.fontWeightSemiBold, s.variables.contentColorActive);
-    var P = c().span.withConfig({
+    })([ "display:flex;min-width:max-content;a[aria-current]{font-weight:", ";color:", ";cursor:default;}" ], u.variables.fontWeightSemiBold, u.variables.contentColorActive);
+    var P = s().span.withConfig({
         displayName: "BreadcrumbsStyles__StyledSeparator",
         componentId: "sc-1maeyfk-2"
-    })([ "cursor:default;padding:0 ", ";color:", ";" ], s.variables.spacingSmall, s.variables.contentColorDefault);
+    })([ "cursor:default;padding:0 ", ";color:", ";" ], u.variables.spacingSmall, u.variables.contentColorDefault);
     // CONCATENATED MODULE: ./src/Breadcrumbs/Breadcrumbs.tsx
-    function C() {
-        C = Object.assign || function(e) {
+    function S() {
+        S = Object.assign || function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -222,16 +191,16 @@
             }
             return e;
         };
-        return C.apply(this, arguments);
+        return S.apply(this, arguments);
     }
-    function k(e, r) {
+    function j(e, r) {
         if (e == null) return {};
         var t = _(e, r);
-        var n, o;
+        var n, a;
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                n = a[o];
+            var o = Object.getOwnPropertySymbols(e);
+            for (a = 0; a < o.length; a++) {
+                n = o[a];
                 if (r.indexOf(n) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
                 t[n] = e[n];
@@ -243,47 +212,53 @@
         if (e == null) return {};
         var t = {};
         var n = Object.keys(e);
-        var o, a;
-        for (a = 0; a < n.length; a++) {
-            o = n[a];
-            if (r.indexOf(o) >= 0) continue;
-            t[o] = e[o];
+        var a, o;
+        for (o = 0; o < n.length; o++) {
+            a = n[o];
+            if (r.indexOf(a) >= 0) continue;
+            t[a] = e[a];
         }
         return t;
     }
+    var k = {
+        children: o().node.isRequired,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        enableCurrentPage: o().bool
+    };
     var x = {
-        children: a().node.isRequired,
-        elementRef: a().oneOfType([ a().func, a().object ])
+        enableCurrentPage: false
     };
-    function E(e) {
-        var r = e.children, o = e.elementRef, a = k(e, [ "children", "elementRef" ]);
+    function I(e) {
+        var r = e.children, a = e.elementRef, o = e.enableCurrentPage, i = j(e, [ "children", "elementRef", "enableCurrentPage" ]);
         // @docs-props-type BreadcrumbsPropsBase
-                var l;
-        var c = t.Children.toArray(r).filter(t.isValidElement).map((function(e, o) {
+                var s;
+        var u = t.Children.toArray(r).filter(t.isValidElement).map((function(e, a) {
             if (false) {}
             if (false) {}
  // Set the last child as the current Breadcrumb.Item
-                        var a = o === t.Children.count(r) - 1;
+                        var l = a === t.Children.count(r) - 1;
             var i =  (0, t.cloneElement)(e, {
-                isCurrent: a
+                isCurrent: l,
+                enableCurrentPage: o
             });
             
-            return n().createElement(S, {
+            return n().createElement(w, {
                 key: e.props.to
-            }, i, !a &&  n().createElement(P, {
+            }, i, !l &&  n().createElement(P, {
                 "aria-hidden": "true"
             }, "/"));
         }));
         
-        return n().createElement("nav", C({
+        return n().createElement("nav", S({
             "data-test": "breadcrumbs",
-            "aria-label": (0, i._)("Breadcrumb"),
-            ref: o
-        }, a),  n().createElement(w, null, c));
+            "aria-label": (0, l._)("Breadcrumb"),
+            ref: a
+        }, i),  n().createElement(C, null, u));
     }
-    E.propTypes = x;
-    E.Item = j;
-    /* harmony default export */    const I = E;
+    I.propTypes = k;
+    I.defaultProps = x;
+    I.Item = h;
+    /* harmony default export */    const q = I;
     // CONCATENATED MODULE: ./src/Breadcrumbs/index.ts
     module.exports = r;
     /******/})();

package/Button.js

@@ -211,7 +211,7 @@
     const k = require("@splunk/react-icons/enterprise/Caret");
     var S =  e.n(k);
     // CONCATENATED MODULE: ./src/Button/icons/CaretSmallDown.tsx
-    var C = function e() {
+    var O = function e() {
         var t = (0, m.useSplunkTheme)(), n = t.isEnterprise, i = t.isCompact;
         var a = i ? "20px" : "24px";
         return n ?  r().createElement(S(), {
@@ -223,7 +223,7 @@
             width: a
         });
     };
-    /* harmony default export */    const O = C;
+    /* harmony default export */    const C = O;
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRightInset"
     const q = require("@splunk/react-icons/ArrowSquareTopRightInset");
     var _ =  e.n(q);
@@ -379,7 +379,7 @@
         children: a().node,
         /** @private An additional className to add to the button. */
         classNamePrivate: a().string,
-        disabled: a().bool,
+        disabled: a().oneOfType([ a().bool, a().oneOf([ "dimmed" ]) ]),
         elementRef: a().oneOfType([ a().func, a().object ]),
         error: a().bool,
         icon: a().node,
@@ -440,7 +440,7 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, n = t.action, i = t.appearance, a = t.append, o = t.className, c = t.classNamePrivate, p = t.disabled, u = t.error, f = t.icon, d = t.inline, m = t.isMenu, g = t.onClick, w = t.openInNewContext, k = t.prepend, S = t.to, C = t.value;
+                var t = this.props, n = t.action, i = t.appearance, a = t.append, o = t.className, c = t.classNamePrivate, p = t.disabled, u = t.error, f = t.icon, d = t.inline, m = t.isMenu, g = t.onClick, w = t.openInNewContext, k = t.prepend, S = t.to, O = t.value;
                 var q = this.props, _ = q.children, $ = q.label;
                 if (!$ && l()(_)) {
                     $ = _;
@@ -450,6 +450,7 @@
                 var E = S && w || m || !!f;
                 
                 return r().createElement(y, T({
+                    "aria-disabled": p === "dimmed" || undefined,
                     "aria-haspopup": m || undefined,
                     "aria-invalid": u || undefined,
                     "data-test": "button"
@@ -464,8 +465,8 @@
                     $hasPrismaIcon: E,
                     $isIconOnly: I,
                     $isMenu: m,
-                    value: C,
-                    onClick: g ? this.handleClick : undefined,
+                    value: O,
+                    onClick: g && !p ? this.handleClick : undefined,
                     ref: this.handleMount,
                     openInNewContext: w,
                     appearance: i
@@ -480,7 +481,7 @@
                 }, $), _, m &&  r().createElement(x, {
                     $disabled: p,
                     $primary: i === "primary"
-                },  r().createElement(O, null)), w &&  r().createElement(N, null)));
+                },  r().createElement(C, null)), w &&  r().createElement(N, null)));
             }
         } ]);
         return n;

package/ButtonSimple.js

@@ -70,12 +70,12 @@
     const i = require("prop-types");
     var t =  r.n(i);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const n = require("@splunk/ui-utils/i18n");
+    const s = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/themes"
     const l = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const s = require("@splunk/react-ui/ScreenReaderContent");
-    var c =  r.n(s);
+    const n = require("@splunk/react-ui/ScreenReaderContent");
+    var c =  r.n(n);
     // CONCATENATED MODULE: external "styled-components"
     const d = require("styled-components");
     var b =  r.n(d);
@@ -91,7 +91,7 @@
         var e = r.$prepend;
         return e && (0, d.css)([ "border-top-left-radius:0.1px;border-bottom-left-radius:0.1px;" ]);
     }));
-    var g = (0, d.css)([ "", " ", " ", " &:not([disabled]){color:", ";transition:background-color 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;&:hover{background-color:", ";border-color:", ";", "}", " ", " &:active{background-color:", ";transition:none;}&:focus{background-color:", ";", " &:active{background-color:", ";}}}&[disabled]{border-color:", ";color:", ";cursor:not-allowed;", "}" ], p, (0, 
+    var g = (0, d.css)([ "", " ", " ", " &:not([disabled],[aria-disabled='true']){color:", ";transition:background-color 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;&:hover{background-color:", ";border-color:", ";", "}", " ", " &:active{background-color:", ";transition:none;}&:focus{background-color:", ";&:active{background-color:", ";}}}&[disabled],&[aria-disabled='true']{border-color:", ";color:", ";cursor:not-allowed;", "}&:not([disabled]){&:focus{", "}}" ], p, (0, 
     l.pickVariant)("$variant", {
         prismaSecondary: (0, d.css)([ "font-weight:", ";" ], l.variables.fontWeightSemiBold),
         prismaDefault: (0, d.css)([ "border:1px solid ", ";font-weight:", ";" ], l.variables.interactiveColorBorder, l.variables.fontWeightSemiBold),
@@ -106,19 +106,18 @@
     }), (function(r) {
         var e = r.$error;
         return e && (0, d.css)([ "border-color:", ";&:hover{border-color:", ";}" ], l.variables.accentColorNegative, l.variables.accentColorNegative);
-    }), l.variables.interactiveColorOverlayActive, l.variables.interactiveColorOverlayHover, (0, 
-    l.pickVariant)("$variant", {
+    }), l.variables.interactiveColorOverlayActive, l.variables.interactiveColorOverlayHover, l.variables.interactiveColorOverlayActive, l.variables.interactiveColorBorderDisabled, l.variables.contentColorDisabled, (function(r) {
+        var e = r.$selected;
+        return e && (0, d.css)([ "background-color:", ";" ], l.mixins.overlayColors(l.variables.interactiveColorBackgroundDisabled, l.variables.interactiveColorOverlaySelected));
+    }), (0, l.pickVariant)("$variant", {
         prismaSecondary: (0, d.css)([ "box-shadow:", ";" ], l.variables.focusShadow),
         prismaDefault: (0, d.css)([ "box-shadow:", ";" ], l.variables.focusShadow),
         prismaToggle: (0, d.css)([ "border-color:", ";" ], l.variables.interactiveColorPrimary)
-    }), l.variables.interactiveColorOverlayActive, l.variables.interactiveColorBorderDisabled, l.variables.contentColorDisabled, (function(r) {
-        var e = r.$selected;
-        return e && (0, d.css)([ "background-color:", ";" ], l.mixins.overlayColors(l.variables.interactiveColorBackgroundDisabled, l.variables.interactiveColorOverlaySelected));
     }));
-    var y = (0, d.css)([ "&[disabled]{border-color:", ";color:", ";background-color:", ";cursor:not-allowed;", "}" ], l.variables.interactiveColorBorderDisabled, l.variables.contentColorDisabled, l.variables.interactiveColorBackgroundDisabled, (function(r) {
+    var y = (0, d.css)([ "&[disabled],&[aria-disabled='true']{border-color:", ";color:", ";background-color:", ";cursor:not-allowed;", "}" ], l.variables.interactiveColorBorderDisabled, l.variables.contentColorDisabled, l.variables.interactiveColorBackgroundDisabled, (function(r) {
         return r && (0, d.css)([ "background-color:", ";" ], l.mixins.overlayColors(l.variables.interactiveColorBackgroundDisabled, l.variables.interactiveColorOverlaySelected));
     }));
-    var h = (0, d.css)([ "", " font-weight:", ";border-radius:", ";", " &:not([disabled]){color:", ";transition:background-color 0.2s,box-shadow 0.2s,text-decoration 0.2s;background-color:", ";&:hover,&:focus{background-color:", ";}&:hover{box-shadow:", ";}&:focus{box-shadow:", ";}&:active{background-color:", ";transition:none;}}", "" ], p, l.variables.fontWeightSemiBold, l.variables.borderRadius, f, l.variables.contentColorInverted, (0, 
+    var h = (0, d.css)([ "", " font-weight:", ";border-radius:", ";", " &:not([disabled],[aria-disabled='true']){color:", ";transition:background-color 0.2s,box-shadow 0.2s,text-decoration 0.2s;background-color:", ";&:hover,&:focus{background-color:", ";}&:hover{box-shadow:", ";}&:active{background-color:", ";transition:none;}}&:not([disabled]){&:focus{box-shadow:", ";}}", "" ], p, l.variables.fontWeightSemiBold, l.variables.borderRadius, f, l.variables.contentColorInverted, (0, 
     l.pickVariant)("$selected", {
         false: (0, l.pickVariant)("$variant", {
             prismaPrimary: l.variables.interactiveColorPrimary,
@@ -131,13 +130,13 @@
     }), (0, l.pickVariant)("$variant", {
         prismaPrimary: l.mixins.overlayColors(l.variables.interactiveColorPrimary, l.variables.interactiveColorOverlayHover),
         prismaDestructive: l.mixins.overlayColors(l.variables.accentColorNegative, l.variables.interactiveColorOverlayHover)
-    }), l.variables.hoverShadow, l.variables.focusShadow, (0, l.pickVariant)("$variant", {
+    }), l.variables.hoverShadow, (0, l.pickVariant)("$variant", {
         prismaPrimary: l.mixins.overlayColors(l.variables.interactiveColorPrimary, l.variables.interactiveColorOverlayActive),
         prismaDestructive: l.mixins.overlayColors(l.variables.accentColorNegative, l.variables.interactiveColorOverlayActive)
-    }), y);
-    var k = (0, d.css)([ "", " font-weight:", ";border-radius:", ";", " &:not([disabled]){color:", ";background-color:", ";transition:background-color 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " &:hover{background-color:", ";box-shadow:", ";}&:active{background-color:", ";transition:none;}&:focus{box-shadow:", ";background-color:", ";}}", "" ], p, l.variables.fontWeightSemiBold, l.variables.borderRadius, f, l.variables.contentColorActive, l.variables.interactiveColorBackground, (function(r) {
+    }), l.variables.focusShadow, y);
+    var k = (0, d.css)([ "", " font-weight:", ";border-radius:", ";", " &:not([disabled],[aria-disabled='true']){color:", ";background-color:", ";transition:background-color 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " &:hover{background-color:", ";box-shadow:", ";}&:active{background-color:", ";transition:none;}&:focus{background-color:", ";}}&:not([disabled]){&:focus{box-shadow:", ";}}", "" ], p, l.variables.fontWeightSemiBold, l.variables.borderRadius, f, l.variables.contentColorActive, l.variables.interactiveColorBackground, (function(r) {
         return r && (0, d.css)([ "background-color:", ";" ], l.mixins.overlayColors(l.variables.interactiveColorBackground, l.variables.interactiveColorOverlaySelected));
-    }), l.mixins.overlayColors(l.variables.interactiveColorBackground, l.variables.interactiveColorOverlayHover), l.variables.hoverShadow, l.mixins.overlayColors(l.variables.interactiveColorBackground, l.variables.interactiveColorOverlayActive), l.variables.focusShadow, l.mixins.overlayColors(l.variables.interactiveColorBackground, l.variables.interactiveColorOverlayHover), y);
+    }), l.mixins.overlayColors(l.variables.interactiveColorBackground, l.variables.interactiveColorOverlayHover), l.variables.hoverShadow, l.mixins.overlayColors(l.variables.interactiveColorBackground, l.variables.interactiveColorOverlayActive), l.mixins.overlayColors(l.variables.interactiveColorBackground, l.variables.interactiveColorOverlayHover), l.variables.focusShadow, y);
     // CONCATENATED MODULE: ./src/ButtonSimple/enterpriseStyles.ts
     var m = "#1A8929";
  // SUI-2439 to meet WCAG AA compliance
@@ -153,7 +152,7 @@
     }));
     var S = "inset 0 -1px 0 rgba(0, 0, 0, 0.1)";
     var O = "inset 0 1px 0 rgba(0, 0, 0, 0.1)";
-    var D = (0, d.css)([ "", ";border:", ";", ";font-weight:", ";&:not([disabled]){background-color:", ";color:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", ";", " &:hover{background-color:", ";box-shadow:", ";}&:active{transition:none;background-color:", ";border-color:", ";", ";}&:focus{box-shadow:", ",", ";", " ", "}}&[disabled]{cursor:not-allowed;color:", ";background-color:", ";border-color:", ";", "}" ], x, (0, 
+    var D = (0, d.css)([ "", ";border:", ";", ";font-weight:", ";&:not([disabled],[aria-disabled='true']){background-color:", ";color:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", ";", " &:hover{background-color:", ";box-shadow:", ";}&:active{transition:none;background-color:", ";border-color:", ";", ";}&:focus{", " ", "}}&:not([disabled]){&:focus{box-shadow:", ",", ";}}&[disabled],&[aria-disabled='true']{cursor:not-allowed;color:", ";background-color:", ";border-color:", ";", "}" ], x, (0, 
     l.pick)({
         light: (0, d.css)([ "1px solid ", "" ], l.variables.gray60),
         dark: l.variables.border
@@ -196,10 +195,7 @@
         dark: l.variables.gray20
     }), (0, l.pick)({
         dark: (0, d.css)([ "box-shadow:inset 0 -1px 0 ", ";" ], l.variables.gray22)
-    }), (0, l.pick)({
-        light: S,
-        dark: (0, d.css)([ "inset 0 -1px 0 ", "" ], l.variables.gray30)
-    }), l.variables.focusShadow, (function(r) {
+    }), (function(r) {
         var e = r.$append;
         return e && (0, d.css)([ "box-shadow:", ",", ",inset -1px 0 0 ", ";" ], (0, l.pick)({
             light: S,
@@ -211,7 +207,10 @@
             light: (0, d.css)([ "box-shadow:", ",", ",", ",inset -1px 0 0 ", ";" ], S, O, l.variables.focusShadow, l.variables.borderColor),
             dark: (0, d.css)([ "box-shadow:inset 0 1px 0 ", ",", ",inset -1px 0 0 ", ";" ], l.variables.black, l.variables.focusShadow, l.variables.borderColor)
         });
-    }), l.variables.textDisabledColor, (0, l.pick)({
+    }), (0, l.pick)({
+        light: S,
+        dark: (0, d.css)([ "inset 0 -1px 0 ", "" ], l.variables.gray30)
+    }), l.variables.focusShadow, l.variables.textDisabledColor, (0, l.pick)({
         light: l.variables.gray96,
         dark: l.variables.gray30
     }), (0, l.pick)({
@@ -226,27 +225,27 @@
     }));
     var $ = "inset 0 -2px 0 rgba(0, 0, 0, 0.1)";
     var P = "inset 0 2px 0 rgba(0, 0, 0, 0.1)";
-    var B = (0, d.css)([ "", ";font-weight:", ";", " &:not([disabled]){background-color:", ";color:", ";box-shadow:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " ", " &:hover{background-color:", ";}&:active{background-color:", ";transition:none;}&:focus{box-shadow:", ",", ";&:active{background-color:", ";transition:none;}}}&[disabled]{color:", ";background-color:", ";cursor:not-allowed;", "}" ], x, l.variables.fontWeightSemiBold, w, m, l.variables.white, $, (function(r) {
+    var B = (0, d.css)([ "", ";font-weight:", ";", " &:not([disabled],[aria-disabled='true']){background-color:", ";color:", ";box-shadow:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " ", " &:hover{background-color:", ";}&:active{background-color:", ";transition:none;}&:focus{&:active{background-color:", ";transition:none;}}}&:not([disabled]){&:focus{box-shadow:", ",", ";}}&[disabled],&[aria-disabled='true']{color:", ";background-color:", ";cursor:not-allowed;", "}" ], x, l.variables.fontWeightSemiBold, w, m, l.variables.white, $, (function(r) {
         var e = r.$selected;
         return e && (0, d.css)([ "box-shadow:", ";background-color:", ";" ], P, C);
     }), (function(r) {
         var e = r.$prepend;
         return e && (0, d.css)([ "border-left:1px solid ", ";" ], m);
-    }), l.variables.brandColorD50, l.variables.brandColorD30, $, l.variables.focusShadow, l.variables.brandColorD30, l.variables.brandColorL30, l.variables.brandColorL10, (function(r) {
+    }), l.variables.brandColorD50, l.variables.brandColorD30, l.variables.brandColorD30, $, l.variables.focusShadow, l.variables.brandColorL30, l.variables.brandColorL10, (function(r) {
         var e = r.$selected;
         return e && (0, d.css)([ "box-shadow:", ";background-color:", ";" ], P, l.variables.brandColorD20);
     }));
-    var j = (0, d.css)([ "", ";font-weight:", ";", " &:not([disabled]){background-color:", ";color:", ";box-shadow:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " ", " &:hover{background-color:", ";}&:active{background-color:", ";transition:none;}&:focus{box-shadow:", ",", ";&:active{background-color:", ";transition:none;}}}&[disabled]{color:", ";background-color:", ";cursor:not-allowed;", "}" ], x, l.variables.fontWeightSemiBold, w, l.variables.errorColorD10, l.variables.white, $, (function(r) {
+    var j = (0, d.css)([ "", ";font-weight:", ";", " &:not([disabled],[aria-disabled='true']){background-color:", ";color:", ";box-shadow:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " ", " &:hover{background-color:", ";}&:active{background-color:", ";transition:none;}&:focus{&:active{background-color:", ";transition:none;}}}&:not([disabled]){&:focus{box-shadow:", ",", ";}}&[disabled],&[aria-disabled='true']{color:", ";background-color:", ";cursor:not-allowed;", "}" ], x, l.variables.fontWeightSemiBold, w, l.variables.errorColorD10, l.variables.white, $, (function(r) {
         var e = r.$selected;
         return e && (0, d.css)([ "box-shadow:", ";background-color:", ";" ], P, l.variables.errorColorD30);
     }), (function(r) {
         var e = r.$prepend;
         return e && (0, d.css)([ "border-left:1px solid ", ";" ], l.variables.errorColorD30);
-    }), l.variables.errorColorD30, l.variables.errorColorD40, $, l.variables.focusShadow, l.variables.errorColorD40, l.variables.errorColorL10, l.variables.errorColorD10, (function(r) {
+    }), l.variables.errorColorD30, l.variables.errorColorD40, l.variables.errorColorD40, $, l.variables.focusShadow, l.variables.errorColorL10, l.variables.errorColorD10, (function(r) {
         var e = r.$selected;
         return e && (0, d.css)([ "box-shadow:", ";background-color:", ";" ], P, l.variables.errorColorD40);
     }));
-    var T = (0, d.css)([ "", ";color:", ";border:1px solid transparent;&:not([disabled]){transition:background-color 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " &:hover{color:", ";background-color:", ";border-color:", ";}", " &:focus{color:", ";box-shadow:", ";}&:active,&[aria-expanded='true']{background-color:", ";transition:none;}}&[disabled]{color:", ";cursor:not-allowed;", "}" ], x, (0, 
+    var T = (0, d.css)([ "", ";color:", ";border:1px solid transparent;&:not([disabled],[aria-disabled='true']){transition:background-color 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " &:hover{color:", ";background-color:", ";border-color:", ";}", " &:focus{color:", ";}&:active,&[aria-expanded='true']{background-color:", ";transition:none;}}&:not([disabled]){&:focus{box-shadow:", ";}}&[disabled],&[aria-disabled='true']{color:", ";cursor:not-allowed;", "}" ], x, (0, 
     l.pick)({
         light: l.variables.gray45,
         dark: l.variables.white
@@ -265,10 +264,10 @@
     }), (0, l.pick)({
         light: l.variables.linkColor,
         dark: l.variables.white
-    }), l.variables.focusShadow, (0, l.pick)({
+    }), (0, l.pick)({
         light: l.variables.gray92,
         dark: l.variables.gray22
-    }), l.variables.textDisabledColor, (function(r) {
+    }), l.variables.focusShadow, l.variables.textDisabledColor, (function(r) {
         var e = r.$selected;
         return e && (0, d.css)([ "border-color:", ";" ], l.variables.borderLightColor);
     }));
@@ -444,7 +443,7 @@
         appearance: t().oneOf([ "default", "secondary", "primary", "destructive", "pill", "toggle", "flat" ]),
         append: t().bool,
         children: t().node,
-        disabled: t().bool,
+        disabled: t().oneOfType([ t().bool, t().oneOf([ "dimmed" ]) ]),
         elementRef: t().oneOfType([ t().func, t().object ]),
         error: t().bool,
         inline: t().bool,
@@ -516,22 +515,24 @@
         }, {
             key: "render",
             value: function r() {
-                var e = this.props, o = e.appearance, i = e.append, t = e.children, l = e.error, s = e.prepend, d = e.selected, b = e.splunkTheme, v = A(e, [ "appearance", "append", "children", "error", "prepend", "selected", "splunkTheme" ]);
-                var u = o;
-                if (b.isEnterprise) {
-                    u = l ? "destructive" : o;
+                var e = this.props, o = e.appearance, i = e.append, t = e.children, l = e.disabled, n = e.error, d = e.prepend, b = e.selected, v = e.splunkTheme, u = A(e, [ "appearance", "append", "children", "disabled", "error", "prepend", "selected", "splunkTheme" ]);
+                var p = o;
+                if (v.isEnterprise) {
+                    p = n ? "destructive" : o;
                 }
                 
                 return a().createElement(_, V({
-                    "aria-invalid": l,
+                    "aria-disabled": l === "dimmed" || undefined,
+                    "aria-invalid": n,
                     "data-test": "button-simple",
+                    disabled: l === true,
                     ref: this.handleMount,
-                    $variant: U(u, b.family),
+                    $variant: U(p, v.family),
                     $append: i,
-                    $prepend: s,
-                    $selected: d,
-                    $error: l
-                }, v), t, d &&  a().createElement(c(), null, (0, n._)("Selected")));
+                    $prepend: d,
+                    $selected: b,
+                    $error: n
+                }, u), t, b &&  a().createElement(c(), null, (0, s._)("Selected")));
             }
         } ]);
         return o;

package/CHANGELOG.md

@@ -1,6 +1,27 @@
 Change Log
 ============
 
+4.25.0 - Feb 6, 2024
+----------
+New Features: 
+* Modal supports `subtitle` and `icon` props in Enterprise themes (SUI-5924).
+* `Button` now supports a new `"dimmed"` value for the `disabled` prop (SUI-5819).
+
+Bug Fixes:
+* Modal `subtitle` is used as the accessible description for the dialog (SUI-5264).
+* `Color`'s `required` attribute is correctly applied when inside a `ControlGroup` in Prisma themes (SUI-5386).
+* `RadioList`'s `required` attribute is correctly applied when inside a `ControlGroup` (SUI-5386).
+
+4.24.0 - Jan 9, 2024
+----------
+New Features:
+* `Breadcrumbs` now supports `enableCurrentPage` which enables the current page link (SUI-5910).
+
+Bug Fixes:
+* Disabled `Option`s for `ComboBox` and `Search` are no longer selectable with keyboard navigation (SUI-5905).
+* Fixed a `styled-components` specificity issue where `Table`'s cursor would incorrectly be set to `pointer` in some cases (SUI-5914).
+* `TabBar` no longer shows a duplicate browser tooltip (SUI-5916).
+
 4.23.0 - Dec 5, 2023
 ----------
 New Features:
@@ -8,6 +29,7 @@ New Features:
 
 Bug Fixes:
 * The system color picker for `Color` no longer closes unexpectedly during color selection in Safari (SUI-5831).
+* `ComboBox`'s options are no longer clickable while closing (SUI-5825).
 
 Deprecations:
 * `JSONTree`'s `expandChildren="withShiftModifier"` value has been deprecated and will be removed in a future major version. Use the `expandChildrenOnShiftKey` prop instead (SUI-5771).