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

package/Progress.js

@@ -68,53 +68,67 @@
     var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
     const o = require("prop-types");
-    var a =  e.n(o);
+    var i =  e.n(o);
     // CONCATENATED MODULE: external "lodash/isNumber"
-    const i = require("lodash/isNumber");
-    var s =  e.n(i);
+    const a = require("lodash/isNumber");
+    var s =  e.n(a);
     // CONCATENATED MODULE: external "@splunk/react-ui/AnimationToggle"
     const l = require("@splunk/react-ui/AnimationToggle");
     // CONCATENATED MODULE: external "styled-components"
-    const u = require("styled-components");
-    var c =  e.n(u);
+    const c = require("styled-components");
+    var u =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
     const f = require("@splunk/react-ui/Tooltip");
     var p =  e.n(f);
     // CONCATENATED MODULE: external "@splunk/themes"
     const d = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Progress/ProgressStyles.ts
-    var b = "8px";
-    var v = (0, u.keyframes)([ "from{background-position:130%;}to{background-position:-30%;}" ]);
-    var y = c().div.withConfig({
+    var v = "8px";
+    var b = (0, c.keyframes)([ "from{background-position:130%;}to{background-position:-30%;}" ]);
+    var y = u().div.attrs((function(e) {
+        var r = e.$percent;
+        /**
+   * Prevents styled-components from generating new classes for each percent value (SUI-7625).
+   * Pseudo-elements can't have inline styles, so width can't be set directly.
+   */        return {
+            style: {
+                "--percent": "".concat(r, "%")
+            }
+        };
+    })).withConfig({
         displayName: "ProgressStyles__StyledProgressWrapper",
         componentId: "csowex-0"
-    })([ "", " height:", ";position:relative;border:1px solid ", ";border-radius:", ";background:", ";&::before{display:block;position:absolute;top:-1px;left:-1px;content:'';border-radius:", ";height:100%;", " ", "}" ], d.mixins.reset("block"), b, d.variables.interactiveColorBorder, d.variables.borderRadius, d.variables.neutral100, d.variables.borderRadius, (function(e) {
+    })([ "", " height:", ";position:relative;border:1px solid ", ";border-radius:", ";background:", ";&::before{display:block;position:absolute;top:-1px;left:-1px;content:'';border-radius:", ";height:100%;", " width:var(--percent);", "}" ], d.mixins.reset("block"), v, d.variables.interactiveColorBorder, d.variables.borderRadius, d.variables.neutral100, d.variables.borderRadius, (function(e) {
         var r = e.$animated, t = e.$type;
         // Animated is only supported for the info type.
         // This is enforced in the component and duplicating here
-                return r && t === "info" ? (0, u.css)([ "background:radial-gradient( circle at center,", ",", " 30% );background-size:200% 100%;animation:", " 2500ms infinite cubic-bezier(0.33,0,0.67,1);" ], d.variables.statusColorInfoWeak, d.variables.statusColorInfo, v) : (0, 
-        u.css)([ "background:", ";" ], (0, d.pickVariant)("$type", {
-            info: d.variables.statusColorInfo,
-            success: d.variables.statusColorNormal,
-            error: d.variables.statusColorHigh
+                return r && t === "info" ? (0, c.css)([ "background:radial-gradient( circle at center,", ",", " 30% );background-size:200% 100%;animation:", " 2500ms infinite cubic-bezier(0.33,0,0.67,1);" ], d.variables.notificationColorInfoWeak, d.variables.notificationColorInfo, b) : (0, 
+        c.css)([ "background:", ";" ], (0, d.pickVariant)("$type", {
+            info: d.variables.notificationColorInfo,
+            success: d.variables.notificationColorPositive,
+            error: d.variables.notificationColorNegative
         }));
     }), (function(e) {
         var r = e.$percent;
-        return (0, u.css)([ "width:", "%;", " ", "" ], r, r > 0 && (0, u.css)([ "border:1px solid ", ";" ], (0, 
+        return (0, c.css)([ "", " ", "" ], r > 0 && (0, c.css)([ "border:1px solid ", ";" ], (0, 
         d.pickVariant)("$type", {
-            info: d.variables.statusColorInfoStrong,
-            success: d.variables.statusColorNormalStrong,
-            error: d.variables.statusColorHighStrong
-        })), r !== 100 && (0, u.css)([ "border-end-end-radius:0;border-start-end-radius:0;border-inline-end:none;" ]));
+            info: d.variables.notificationColorInfoStrong,
+            success: d.variables.notificationColorPositiveStrong,
+            error: d.variables.notificationColorNegativeStrong
+        })), r !== 100 && (0, c.css)([ "border-end-end-radius:0;border-start-end-radius:0;border-inline-end:none;" ]));
     }));
-    var g = c()(p()).withConfig({
+    var g = u()(p()).attrs((function(e) {
+        var r = e.$percent;
+        /* Prevents styled-components from generating new classes for each percent value (SUI-7625). */        return {
+            style: {
+                width: "".concat(r, "%")
+            }
+        };
+    })).withConfig({
         displayName: "ProgressStyles__StyledTooltip",
         componentId: "csowex-1"
-    })([ "width:", ";height:", ";" ], (function(e) {
-        var r = e.$percent;
-        return "".concat(r, "%");
-    }), b);
-    var m = c().progress.withConfig({
+    })([ "height:", ";" ], v);
+    var m = u().progress.withConfig({
         displayName: "ProgressStyles__StyledProgress",
         componentId: "csowex-2"
     })([ "opacity:0;position:absolute;inset:0;" ]);
@@ -131,7 +145,7 @@
         }, h.apply(null, arguments);
     }
     function S(e, r) {
-        return j(e) || C(e, r) || k(e, r) || O();
+        return P(e) || C(e, r) || k(e, r) || O();
     }
     function O() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -153,35 +167,35 @@
     function C(e, r) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
-            var n, o, a, i, s = [], l = !0, u = !1;
+            var n, o, i, a, s = [], l = !0, c = !1;
             try {
-                if (a = (t = t.call(e)).next, 0 === r) {
+                if (i = (t = t.call(e)).next, 0 === r) {
                     if (Object(t) !== t) return;
                     l = !1;
-                } else for (;!(l = (n = a.call(t)).done) && (s.push(n.value), s.length !== r); l = !0) {
+                } else for (;!(l = (n = i.call(t)).done) && (s.push(n.value), s.length !== r); l = !0) {
                 }
             } catch (e) {
-                u = !0, o = e;
+                c = !0, o = e;
             } finally {
                 try {
-                    if (!l && null != t["return"] && (i = t["return"](), Object(i) !== i)) return;
+                    if (!l && null != t["return"] && (a = t["return"](), Object(a) !== a)) return;
                 } finally {
-                    if (u) throw o;
+                    if (c) throw o;
                 }
             }
             return s;
         }
     }
-    function j(e) {
+    function P(e) {
         if (Array.isArray(e)) return e;
     }
-    function P(e, r) {
+    function j(e, r) {
         if (null == e) return {};
         var t, n, o = x(e, r);
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < a.length; n++) {
-                t = a[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+            var i = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < i.length; n++) {
+                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
@@ -197,26 +211,26 @@
         }
         return t;
     }
-    var I = {
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        percentage: a().number,
-        tooltip: a().node,
-        type: a().oneOf([ "info", "success", "error" ])
+    var $ = {
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        percentage: i().number,
+        tooltip: i().node,
+        type: i().oneOf([ "info", "success", "error" ])
     };
-    function $(e) {
-        var r = e.elementRef, o = e.percentage, a = e.tooltip, i = e.type, u = i === void 0 ? "info" : i, c = P(e, [ "elementRef", "percentage", "tooltip", "type" ]);
+    function I(e) {
+        var r = e.elementRef, o = e.percentage, i = e.tooltip, a = e.type, c = a === void 0 ? "info" : a, u = j(e, [ "elementRef", "percentage", "tooltip", "type" ]);
         // @docs-props-type ProgressPropsBase
                 if (false) {}
-        var f = (0, t.useState)(false), p = S(f, 2), d = p[0], b = p[1];
-        var v = (0, l.useAnimationToggle)() === "on" && u === "info";
+        var f = (0, t.useState)(false), p = S(f, 2), d = p[0], v = p[1];
+        var b = (0, l.useAnimationToggle)() === "on" && c === "info";
         var O = (0, t.useCallback)((function() {
-            b(true);
+            v(true);
         }), []);
         var k = (0, t.useCallback)((function() {
-            b(false);
+            v(false);
         }), []);
         var w = s()(o) ? o : 0;
-        var C = a || "".concat(w, "%");
+        var C = i || "".concat(w, "%");
         
         return n().createElement(y, h({
             onMouseEnter: O,
@@ -224,9 +238,9 @@
             ref: r,
             "data-test": "progress",
             $percent: w,
-            $type: u,
-            $animated: v
-        }, c),  n().createElement(g, {
+            $type: c,
+            $animated: b
+        }, u),  n().createElement(g, {
             content: C,
             inline: false,
             $percent: w,
@@ -236,8 +250,8 @@
             max: 100
         })));
     }
-    $.propTypes = I;
-    /* harmony default export */    const _ = $;
+    I.propTypes = $;
+    /* harmony default export */    const _ = I;
     // CONCATENATED MODULE: ./src/Progress/index.ts
     module.exports = r;
     /******/})();

package/RadioBar.js

@@ -93,7 +93,10 @@
         componentId: "fyq77p-0"
     })([ "border:", " solid ", ";border-radius:0;height:", ";min-height:", ";min-width:0;padding:", " ", ";z-index:", ";&&{color:", ";}&:first-child{border-top-left-radius:", ";border-bottom-left-radius:", ";}&:last-child{border-top-right-radius:", ";border-bottom-right-radius:", ";}&:not(:last-child){margin-right:-", ";}&&:focus{background-color:", ";box-shadow:", ";color:", ";z-index:", ";border:0;span{padding:0 ", ";}}&:not([disabled],[aria-disabled='true']){", "}&[disabled],&[aria-disabled='true']{background-color:", ";color:", ";z-index:0;}" ], b.variables.inputBorderWidth, b.variables.borderColor, b.variables.inputHeight, b.variables.inputHeight, b.variables.spacingXSmall, b.variables.spacingSmall, y, b.variables.contentColorDefault, b.variables.borderRadius, b.variables.borderRadius, b.variables.borderRadius, b.variables.borderRadius, b.variables.inputBorderWidth, b.variables.actionColorBackgroundSecondaryActive, b.variables.focusShadowInset, b.variables.contentColorActive, y * 5, b.variables.inputBorderWidth, (0, 
     b.pickVariant)("$optionSelected", {
-        true: (0, s.css)([ "background-color:", ";border-color:", ";border-width:", ";color:", ";z-index:", ";" ], b.variables.actionColorBackgroundSecondaryActive, b.variables.actionColorBorderSecondaryActive, b.variables.inputBorderWidth, b.variables.contentColorActive, y * 4),
+        true: (0, s.css)([ "", ";background-color:", ";border-color:", ";border-width:", ";z-index:", ";" ], b.mixins.typography({
+            weight: "bold",
+            color: "active"
+        }), b.variables.actionColorBackgroundSecondaryActive, b.variables.actionColorBorderSecondaryActive, b.variables.inputBorderWidth, y * 4),
         false: (0, s.css)([ "&:hover{background-color:", ";border-color:", ";color:", ";z-index:", ";}" ], b.variables.actionColorBackgroundSecondaryHover, b.variables.borderColor, b.variables.contentColorActive, y * 3)
     }), b.variables.actionColorBackgroundSecondaryDisabled, b.variables.contentColorDisabled);
     var g = v().div.withConfig({

package/RadioList.js

@@ -24,11 +24,11 @@
     /******/    (() => {
         /******/ // define getter functions for harmony exports
         /******/ e.d = (r, a) => {
-            /******/ for (var o in a) {
-                /******/ if (e.o(a, o) && !e.o(r, o)) {
-                    /******/ Object.defineProperty(r, o, {
+            /******/ for (var n in a) {
+                /******/ if (e.o(a, n) && !e.o(r, n)) {
+                    /******/ Object.defineProperty(r, n, {
                         enumerable: true,
-                        get: a[o]
+                        get: a[n]
                     });
                     /******/                }
                 /******/            }
@@ -66,51 +66,51 @@
     });
     // CONCATENATED MODULE: external "react"
     const a = require("react");
-    var o =  e.n(a);
+    var n =  e.n(a);
     // CONCATENATED MODULE: external "prop-types"
-    const n = require("prop-types");
-    var t =  e.n(n);
+    const o = require("prop-types");
+    var t =  e.n(o);
     // CONCATENATED MODULE: external "lodash/omit"
     const i = require("lodash/omit");
     var l =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const c = require("@splunk/ui-utils/id");
+    const d = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: ./src/RadioList/RadioListContext.ts
-    var d =  (0, a.createContext)({});
-    d.displayName = "RadioList";
-    /* harmony default export */    const s = d;
+    var c =  (0, a.createContext)({});
+    c.displayName = "RadioList";
+    /* harmony default export */    const s = c;
     // CONCATENATED MODULE: external "styled-components"
     const u = require("styled-components");
     var v =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const f = require("@splunk/themes");
+    const b = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/RadioList/OptionStyles.ts
-    var b = v().div.withConfig({
+    var f = v().div.withConfig({
         displayName: "OptionStyles__StyledWrapper",
         componentId: "imaqjt-0"
-    })([ "display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:", ";" ], f.variables.spacingSmall);
+    })([ "display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:", ";" ], b.variables.spacingSmall);
     var p = v().label.withConfig({
         displayName: "OptionStyles__StyledLabel",
         componentId: "imaqjt-1"
     })([ "grid-column:label;color:", ";cursor:pointer;" ], (function(e) {
         var r = e.$disabled;
-        return r ? f.variables.contentColorDisabled : f.variables.contentColorActive;
+        return r ? b.variables.contentColorDisabled : b.variables.contentColorActive;
     }));
     var y = "20px";
     var m = v().input.withConfig({
         displayName: "OptionStyles__StyledRadioInput",
         componentId: "imaqjt-2"
-    })([ "", ";grid-column:input;appearance:none;align-items:center;justify-items:center;height:", ";width:", ";border-radius:50%;border:2px solid ", ";background-color:", ";&::after{display:block;content:'';border-radius:50%;height:0;width:0;opacity:0;border:5px solid transparent;}&:checked::after{opacity:1;}&:hover{border-color:", ";background-color:", ";}&:checked{&,&::after{border-color:", ";}&:hover{border-color:", ";}}&:disabled{cursor:not-allowed;&,&:hover,&:checked,&:checked:hover,&:checked::after{border-color:", ";}&,&:hover{background-color:transparent;}}&:focus{box-shadow:", ";}", "" ], f.mixins.reset("grid"), y, y, f.variables.interactiveColorBorder, f.variables.interactiveColorBackground, f.variables.interactiveColorBorderHover, f.mixins.overlayColors(f.variables.interactiveColorBackground, f.variables.interactiveColorOverlayHover), f.variables.interactiveColorAccent, f.mixins.overlayColors(f.variables.interactiveColorAccent, f.variables.interactiveColorBorderHover), f.variables.interactiveColorBorderDisabled, f.variables.focusShadow, (function(e) {
+    })([ "", ";grid-column:input;appearance:none;align-items:center;justify-items:center;height:", ";width:", ";border-radius:50%;border:2px solid ", ";background-color:", ";&::after{display:block;content:'';border-radius:50%;height:0;width:0;opacity:0;border:5px solid transparent;}&:checked::after{opacity:1;}&:hover{border-color:", ";background-color:", ";}&:checked{&,&::after{border-color:", ";}&:hover{border-color:", ";}}&:disabled{cursor:not-allowed;&,&:hover,&:checked,&:checked:hover,&:checked::after{border-color:", ";}&,&:hover{background-color:transparent;}}&:focus{box-shadow:", ";}", "" ], b.mixins.reset("grid"), y, y, b.variables.interactiveColorBorder, b.variables.interactiveColorBackground, b.variables.interactiveColorBorderHover, b.mixins.overlayColors(b.variables.interactiveColorBackground, b.variables.interactiveColorOverlayHover), b.variables.interactiveColorAccent, b.mixins.overlayColors(b.variables.interactiveColorAccent, b.variables.interactiveColorBorderHover), b.variables.interactiveColorBorderDisabled, b.variables.focusShadow, (function(e) {
         var r = e.$error;
-        return r && (0, u.css)([ "&,&:checked,&:checked::after{border-color:", ";}&:checked:hover{border-color:", ";}&:hover{background-color:", ";border-color:", ";}" ], f.variables.interactiveColorAccentError, f.mixins.overlayColors(f.variables.interactiveColorAccentError, f.variables.interactiveColorBorderHover), f.variables.interactiveColorOverlayHover, f.mixins.overlayColors(f.variables.interactiveColorAccentError, f.variables.interactiveColorBorderHover));
+        return r && (0, u.css)([ "&,&:checked,&:checked::after{border-color:", ";}&:checked:hover{border-color:", ";}&:hover{background-color:", ";border-color:", ";}" ], b.variables.interactiveColorAccentError, b.mixins.overlayColors(b.variables.interactiveColorAccentError, b.variables.interactiveColorBorderHover), b.variables.interactiveColorOverlayHover, b.mixins.overlayColors(b.variables.interactiveColorAccentError, b.variables.interactiveColorBorderHover));
     }));
     // CONCATENATED MODULE: ./src/RadioList/Option.tsx
     function g() {
         return g = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var a = arguments[r];
-                for (var o in a) {
-                    ({}).hasOwnProperty.call(a, o) && (e[o] = a[o]);
+                for (var n in a) {
+                    ({}).hasOwnProperty.call(a, n) && (e[n] = a[n]);
                 }
             }
             return e;
@@ -118,22 +118,22 @@
     }
     function h(e, r) {
         if (null == e) return {};
-        var a, o, n = C(e, r);
+        var a, n, o = C(e, r);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < t.length; o++) {
-                a = t[o], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (n[a] = e[a]);
+            for (n = 0; n < t.length; n++) {
+                a = t[n], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (o[a] = e[a]);
             }
         }
-        return n;
+        return o;
     }
     function C(e, r) {
         if (null == e) return {};
         var a = {};
-        for (var o in e) {
-            if ({}.hasOwnProperty.call(e, o)) {
-                if (r.includes(o)) continue;
-                a[o] = e[o];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                a[n] = e[n];
             }
         }
         return a;
@@ -147,9 +147,9 @@
         value: t().any.isRequired
     };
     function S(e) {
-        var r = e.children, n = e.disabled, t = n === void 0 ? false : n, i = e.error, l = i === void 0 ? false : i, d = e.id, u = e.onChange, v = e.value, f = h(e, [ "children", "disabled", "error", "id", "onChange", "value" ]);
+        var r = e.children, o = e.disabled, t = o === void 0 ? false : o, i = e.error, l = i === void 0 ? false : i, c = e.id, u = e.onChange, v = e.value, b = h(e, [ "children", "disabled", "error", "id", "onChange", "value" ]);
         // @docs-props-type OptionPropsBase
-                var y = (0, a.useRef)(d || (0, c.createDOMID)("radio-option")), C = y.current;
+                var y = (0, a.useRef)(c || (0, d.createDOMID)("radio-option")), C = y.current;
         var O = (0, a.useContext)(s);
         var S = function e(r) {
             var a;
@@ -176,12 +176,13 @@
             k = O.error;
         }
         
-        return o().createElement(b, g({
+        return n().createElement(f, g({
             "data-test": "option",
-            "data-test-value": v
-        }, f, {
+            "data-test-value": v,
+            "data-test-disabled": j ? "disabled" : undefined
+        }, b, {
             "data-checked": w
-        }),  o().createElement(m, {
+        }),  n().createElement(m, {
             id: C,
             type: "radio",
             name: O.name,
@@ -192,7 +193,7 @@
             onChange: S,
             "data-test": "input",
             required: O.required
-        }),  o().createElement(p, {
+        }),  n().createElement(p, {
             htmlFor: C,
             "data-test": "label",
             $disabled: j
@@ -204,16 +205,16 @@
     var j = v().div.withConfig({
         displayName: "RadioListStyles__StyledRadioList",
         componentId: "sc-1qg10hx-0"
-    })([ "", ";grid-template-columns:[input] min-content [label] auto;gap:", " ", ";", "" ], f.mixins.reset("grid"), f.variables.spacingMedium, f.variables.spacingSmall, (function(e) {
-        return e.direction === "row" && (0, u.css)([ "", ";gap:", ";", "{grid-template-columns:[input] min-content [label] auto;gap:", ";}" ], f.mixins.reset("flex"), f.variables.spacingXLarge, /* sc-sel */ b, f.variables.spacingSmall);
+    })([ "", ";grid-template-columns:[input] min-content [label] auto;gap:", " ", ";", "" ], b.mixins.reset("grid"), b.variables.spacingMedium, b.variables.spacingSmall, (function(e) {
+        return e.direction === "row" && (0, u.css)([ "", ";gap:", ";", "{grid-template-columns:[input] min-content [label] auto;gap:", ";}" ], b.mixins.reset("flex"), b.variables.spacingXLarge, /* sc-sel */ f, b.variables.spacingSmall);
     }));
     // CONCATENATED MODULE: ./src/RadioList/RadioList.tsx
     function k() {
         return k = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var a = arguments[r];
-                for (var o in a) {
-                    ({}).hasOwnProperty.call(a, o) && (e[o] = a[o]);
+                for (var n in a) {
+                    ({}).hasOwnProperty.call(a, n) && (e[n] = a[n]);
                 }
             }
             return e;
@@ -234,28 +235,28 @@
     }
     function P(e, r) {
         (null == r || r > e.length) && (r = e.length);
-        for (var a = 0, o = Array(r); a < r; a++) {
-            o[a] = e[a];
+        for (var a = 0, n = Array(r); a < r; a++) {
+            n[a] = e[a];
         }
-        return o;
+        return n;
     }
     function E(e, r) {
         var a = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != a) {
-            var o, n, t, i, l = [], c = !0, d = !1;
+            var n, o, t, i, l = [], d = !0, c = !1;
             try {
                 if (t = (a = a.call(e)).next, 0 === r) {
                     if (Object(a) !== a) return;
-                    c = !1;
-                } else for (;!(c = (o = t.call(a)).done) && (l.push(o.value), l.length !== r); c = !0) {
+                    d = !1;
+                } else for (;!(d = (n = t.call(a)).done) && (l.push(n.value), l.length !== r); d = !0) {
                 }
             } catch (e) {
-                d = !0, n = e;
+                c = !0, o = e;
             } finally {
                 try {
-                    if (!c && null != a["return"] && (i = a["return"](), Object(i) !== i)) return;
+                    if (!d && null != a["return"] && (i = a["return"](), Object(i) !== i)) return;
                 } finally {
-                    if (d) throw n;
+                    if (c) throw o;
                 }
             }
             return l;
@@ -266,22 +267,22 @@
     }
     function I(e, r) {
         if (null == e) return {};
-        var a, o, n = R(e, r);
+        var a, n, o = R(e, r);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < t.length; o++) {
-                a = t[o], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (n[a] = e[a]);
+            for (n = 0; n < t.length; n++) {
+                a = t[n], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (o[a] = e[a]);
             }
         }
-        return n;
+        return o;
     }
     function R(e, r) {
         if (null == e) return {};
         var a = {};
-        for (var o in e) {
-            if ({}.hasOwnProperty.call(e, o)) {
-                if (r.includes(o)) continue;
-                a[o] = e[o];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                a[n] = e[n];
             }
         }
         return a;
@@ -302,15 +303,15 @@
         value: t().any
     };
     function M(e) {
-        var r = e.children, n = e.defaultValue, t = e.describedBy, i = e.direction, d = e.disabled, u = d === void 0 ? false : d, v = e.elementRef, f = e.error, b = f === void 0 ? false : f, p = e.labelledBy, y = e.name, m = e.onChange, g = e.required, h = e.value, C = I(e, [ "children", "defaultValue", "describedBy", "direction", "disabled", "elementRef", "error", "labelledBy", "name", "onChange", "required", "value" ]);
+        var r = e.children, o = e.defaultValue, t = e.describedBy, i = e.direction, c = e.disabled, u = c === void 0 ? false : c, v = e.elementRef, b = e.error, f = b === void 0 ? false : b, p = e.labelledBy, y = e.name, m = e.onChange, g = e.required, h = e.value, C = I(e, [ "children", "defaultValue", "describedBy", "direction", "disabled", "elementRef", "error", "labelledBy", "name", "onChange", "required", "value" ]);
         // @docs-props-type RadioListPropsBase
         // TODO: Implement shared isControlled hook (SUI-5283).
         // See material-ui for similar pattern to handle controlled/un-controlled in functional components w/ hooks
         // https://github.com/mui-org/material-ui/blob/60d99a39836fb82f4da1477a717f642c216fb0b9/packages/material-ui/src/utils/useControlled.js
                 var O = (0, a.useRef)(h !== undefined), S = O.current;
-        var w = (0, a.useState)(n), x = q(w, 2), B = x[0], P = x[1];
+        var w = (0, a.useState)(o), x = q(w, 2), B = x[0], P = x[1];
         var E = S ? h : B;
-        var A = (0, a.useRef)(y || (0, c.createDOMID)("radio-name")), R = A.current;
+        var A = (0, a.useRef)(y || (0, d.createDOMID)("radio-name")), R = A.current;
         var _ = function e(r, a) {
             if (!S) {
                 P(a.value);
@@ -325,35 +326,36 @@
                 (0, a.useEffect)((function() {
             if (false) {}
         }), [ h, S ]);
-        var M = (0, a.useRef)(n), D = M.current;
+        var M = (0, a.useRef)(o), D = M.current;
         (0, a.useEffect)((function() {
             if (false) {}
-        }), [ D, n, S ]);
+        }), [ D, o, S ]);
         var H = (0, a.useMemo)((function() {
             return {
                 disabled: u,
-                error: b,
+                error: f,
                 onChange: _,
                 name: R,
                 required: g,
                 value: E
             };
-        }), [ u, b, _, R, g, E ]);
+        }), [ u, f, _, R, g, E ]);
         var T = C["aria-labelledby"];
         var L = C["aria-describedby"];
         
-        return o().createElement(s.Provider, {
+        return n().createElement(s.Provider, {
             value: H
-        },  o().createElement(j, k({
+        },  n().createElement(j, k({
             direction: i || "column",
             role: "radiogroup",
             "data-test": "radio-list",
             "data-test-value": E,
+            "data-test-disabled": u ? "disabled" : undefined,
             ref: v
         }, l()(C, [ "aria-labelledby", "aria-describedby" ]), {
             "aria-labelledby": T ? "".concat(T, " ").concat(p) : p,
             "aria-describedby": L ? "".concat(L, " ").concat(t) : t,
-            "aria-invalid": b
+            "aria-invalid": f
         }), r));
     }
     M.propTypes = _;