@splunk/react-ui 4.38.0 → 4.39.0

package/RadioBar.js

@@ -24,11 +24,11 @@
     /******/    (() => {
         /******/ // define getter functions for harmony exports
         /******/ e.d = (r, t) => {
-            /******/ for (var n in t) {
-                /******/ if (e.o(t, n) && !e.o(r, n)) {
-                    /******/ Object.defineProperty(r, n, {
+            /******/ for (var a in t) {
+                /******/ if (e.o(t, a) && !e.o(r, a)) {
+                    /******/ Object.defineProperty(r, a, {
                         enumerable: true,
-                        get: t[n]
+                        get: t[a]
                     });
                     /******/                }
                 /******/            }
@@ -61,111 +61,130 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        Option: () => /* reexport */ P,
-        default: () => /* reexport */ Z
+        Option: () => /* reexport */ T,
+        default: () => /* reexport */ ae
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
-    var n =  e.n(t);
+    var a =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
-    const a = require("prop-types");
-    var o =  e.n(a);
+    const n = require("prop-types");
+    var o =  e.n(n);
     // CONCATENATED MODULE: external "lodash/has"
     const l = require("lodash/has");
     var i =  e.n(l);
     // CONCATENATED MODULE: external "lodash/omit"
-    const u = require("lodash/omit");
-    var s =  e.n(u);
+    const s = require("lodash/omit");
+    var u =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
     const c = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "@splunk/themes"
-    const f = require("@splunk/themes");
+    const d = require("@splunk/themes");
     // CONCATENATED MODULE: external "styled-components"
-    const d = require("styled-components");
-    var p =  e.n(d);
+    const p = require("styled-components");
+    var f =  e.n(p);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
     const v = require("@splunk/react-ui/Button");
     var b =  e.n(v);
     // CONCATENATED MODULE: ./src/RadioBar/OptionStyles.ts
-    var y = p()(b()).withConfig({
+    var y = "inset 0 1px 0 rgba(0, 0, 0, 0.1)";
+    var g = "inset 0 2px 0 rgba(0, 0, 0, 0.1)";
+    var h = f()(b()).withConfig({
         displayName: "OptionStyles__StyledButton",
         componentId: "fyq77p-0"
-    })([ "", "" ], (0, f.pick)({
-        prisma: (0, d.css)([ "border-radius:3px;font-weight:initial;height:calc(", " - 6px);min-height:calc(", " - 6px);padding:2px 12px;> span{gap:", ";}& + &{margin-left:2px;}", " &:not([disabled],[aria-disabled='true']){", "}" ], f.variables.inputHeight, f.variables.inputHeight, f.variables.spacingXSmall, (function(e) {
-            var r = e.selected;
-            return r && (0, d.css)([ "box-shadow:", ";&:not([disabled],[aria-disabled='true']){background-color:", ";}&[disabled],&[aria-disabled='true']{background-color:", ";}" ], f.variables.embossShadow, (0, 
-            f.pick)({
-                dark: f.variables.interactiveColorOverlaySelected,
-                light: f.variables.white
-            }), f.variables.backgroundColorPage);
+    })([ "", "" ], (0, d.pick)({
+        enterprise: (0, p.css)([ "", "" ], (function(e) {
+            var r = e.$optionSelected;
+            return r && (0, p.css)([ "&:not([disabled],[aria-disabled='true']){", "}&[disabled],&[aria-disabled='true']{", "}" ], (0, 
+            d.pickVariant)("appearance", {
+                default: (0, p.css)([ "", ";background-color:", ";border-color:", ";" ], (0, d.pick)({
+                    light: (0, p.css)([ "box-shadow:", ";" ], y),
+                    dark: (0, p.css)([ "box-shadow:inset 0 1px 0 ", ";" ], d.variables.black)
+                }), (0, d.pick)({
+                    light: d.variables.gray92,
+                    dark: d.variables.gray22
+                }), (0, d.pick)({
+                    light: d.variables.gray60,
+                    dark: d.variables.gray20
+                })),
+                destructive: (0, p.css)([ "box-shadow:", ";background-color:", ";" ], g, d.variables.errorColorD30),
+                subtle: (0, p.css)([ "border-color:", ";" ], d.variables.accentColor)
+            }), (0, d.pickVariant)("appearance", {
+                default: {
+                    light: (0, p.css)([ "box-shadow:", ";background-color:", ";border-color:", ";" ], y, d.variables.gray92, d.variables.gray80),
+                    dark: (0, p.css)([ "box-shadow:inset 0 1px 0 ", ";background-color:", ";border-color:", ";" ], d.variables.black, d.variables.gray22, d.variables.gray20)
+                },
+                destructive: (0, p.css)([ "box-shadow:", ";background-color:", ";" ], g, d.variables.errorColorD40),
+                subtle: (0, p.css)([ "border-color:", ";" ], d.variables.borderLightColor)
+            }));
+        })),
+        prisma: (0, p.css)([ "border-radius:3px;font-weight:initial;height:calc(", " - 6px);min-height:calc(", " - 6px);padding:2px 12px;> span{gap:", ";}& + &{margin-left:2px;}", " &:not([disabled],[aria-disabled='true']){", "}" ], d.variables.inputHeight, d.variables.inputHeight, d.variables.spacingXSmall, (function(e) {
+            var r = e.$optionSelected;
+            return r && (0, p.css)([ "box-shadow:", ";&:not([disabled],[aria-disabled='true']){background-color:", ";}&:hover{background-color:", ";}&[disabled],&[aria-disabled='true']{background-color:", ";}" ], d.variables.embossShadow, (0, 
+            d.pick)({
+                dark: d.variables.interactiveColorOverlaySelected,
+                light: d.variables.white
+            }), d.mixins.overlayColors(d.variables.interactiveColorOverlaySelected, d.variables.interactiveColorOverlayHover), d.variables.backgroundColorPage);
         }), (function(e) {
-            var r = e.selected;
-            return !r && (0, d.css)([ "color:", ";" ], f.variables.contentColorDefault);
+            var r = e.$optionSelected;
+            return !r && (0, p.css)([ "color:", ";" ], d.variables.contentColorDefault);
         }))
     }));
-    var h = p().div.withConfig({
+    var m = f().div.withConfig({
         displayName: "OptionStyles__StyledPrismaIconWrapper",
         componentId: "fyq77p-1"
     })([ "flex:0 0 auto;margin-top:-2px;font-size:15px;" ]);
-    var g = p().div.withConfig({
+    var O = f().div.withConfig({
         displayName: "OptionStyles__StyledLabel",
         componentId: "fyq77p-2"
-    })([ "", " flex:0 1 auto;", "" ], f.mixins.ellipsis, (0, f.pick)({
-        enterprise: (0, d.css)([ "&:not(:first-child){margin-left:", ";}" ], f.variables.spacingXSmall)
+    })([ "", " flex:0 1 auto;", "" ], d.mixins.ellipsis, (0, d.pick)({
+        enterprise: (0, p.css)([ "&:not(:first-child){margin-left:", ";}" ], d.variables.spacingXSmall)
     }));
-    var m = p().div.withConfig({
+    var w = f().div.withConfig({
         displayName: "OptionStyles__StyledAdornment",
         componentId: "fyq77p-3"
-    })([ "flex:0 0 auto;", "" ], (0, f.pick)({
-        enterprise: (0, d.css)([ "&:not(:first-child){margin-left:", ";}" ], f.variables.spacingXSmall)
+    })([ "flex:0 0 auto;", "" ], (0, d.pick)({
+        enterprise: (0, p.css)([ "&:not(:first-child){margin-left:", ";}" ], d.variables.spacingXSmall)
     }));
     // CONCATENATED MODULE: ./src/RadioBar/RadioBarContext.tsx
-    var O =  (0, t.createContext)({});
-    O.displayName = "RadioBar";
-    /* harmony default export */    const w = O;
+    var k =  (0, t.createContext)({});
+    k.displayName = "RadioBar";
+    /* harmony default export */    const x = k;
     // CONCATENATED MODULE: ./src/RadioBar/Option.tsx
-    function x() {
-        x = Object.assign || function(e) {
+    function S() {
+        return S = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
-                for (var n in t) {
-                    if (Object.prototype.hasOwnProperty.call(t, n)) {
-                        e[n] = t[n];
-                    }
+                for (var a in t) {
+                    ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
                 }
             }
             return e;
-        };
-        return x.apply(this, arguments);
+        }, S.apply(null, arguments);
     }
-    function k(e, r) {
-        if (e == null) return {};
-        var t = S(e, r);
-        var n, a;
+    function C(e, r) {
+        if (null == e) return {};
+        var t, a, n = j(e, r);
         if (Object.getOwnPropertySymbols) {
             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];
+                t = o[a], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
             }
         }
-        return t;
+        return n;
     }
-    function S(e, r) {
-        if (e == null) return {};
+    function j(e, r) {
+        if (null == e) return {};
         var t = {};
-        var n = Object.keys(e);
-        var a, o;
-        for (o = 0; o < n.length; o++) {
-            a = n[o];
-            if (r.indexOf(a) >= 0) continue;
-            t[a] = e[a];
+        for (var a in e) {
+            if ({}.hasOwnProperty.call(e, a)) {
+                if (r.includes(a)) continue;
+                t[a] = e[a];
+            }
         }
         return t;
     }
-    var j = {
+    var P = {
         /** @private Set by `RadioBar`. */
         append: o().bool,
         disabled: o().bool,
@@ -182,246 +201,223 @@
         /** The value of the `Option`. */
         value: o().any.isRequired
     };
-    function C(e) {
-        var r = e.disabled, a = e.icon, o = e.label, l = e.selected, i = e.startAdornment, u = e.endAdornment, s = e.value, c = e.role, d = c === void 0 ? "radio" : c, p = k(e, [ "disabled", "icon", "label", "selected", "startAdornment", "endAdornment", "value", "role" ]);
+    function E(e) {
+        var r = e.disabled, n = e.icon, o = e.label, l = e.selected, i = e.startAdornment, s = e.endAdornment, u = e.value, c = e.role, p = c === void 0 ? "radio" : c, f = C(e, [ "disabled", "icon", "label", "selected", "startAdornment", "endAdornment", "value", "role" ]);
         // @docs-props-type OptionPropsBase
-                var v = (0, t.useContext)(w), b = v.onClick, O = v.appearance, S = v.error, j = v.onKeyDown, C = v.firstValue, P = v.selectedValue;
-        var E = (0, f.useSplunkTheme)(), _ = E.isPrisma;
+                var v = (0, t.useContext)(x), b = v.onClick, y = v.appearance, g = v.error, k = v.onKeyDown, j = v.firstValue, P = v.selectedValue;
+        var E = (0, d.useSplunkTheme)(), T = E.isEnterprise, _ = E.isPrisma;
         if (false) {}
-        var T = -1;
+        var q = -1;
         if (P) {
-            if (s === P) {
-                T = 0;
+            if (u === P) {
+                q = 0;
             }
-        } else if (s === C) {
-            T = 0;
+        } else if (u === j) {
+            q = 0;
         }
-        var q = T;
+        var D = q;
+        var V = (0, t.useCallback)((function(e) {
+            if (!l) {
+                b === null || b === void 0 ? void 0 : b(e, {
+                    value: u,
+                    label: o
+                });
+            }
+        }), [ o, b, l, u ]);
+        var B = (0, t.useCallback)((function(e) {
+            return k === null || k === void 0 ? void 0 : k(e, {
+                value: u,
+                label: o
+            });
+        }), [ o, k, u ]);
         
-        return n().createElement(y, x({
+        return a().createElement(h, S({
+            "aria-invalid": g,
             "data-test": "option",
-            "data-test-value": s,
-            appearance: O,
+            "data-test-value": u,
+            appearance: T && g ? "destructive" : y,
             disabled: r,
-            icon: !_ ? a : null,
-            selected: l || false,
-            value: s,
-            error: S
-        }, p, {
-            onClick: l ? undefined : function(e) {
-                return b === null || b === void 0 ? void 0 : b(e, {
-                    value: s,
-                    label: o
-                });
-            },
-            role: d,
+            icon: !_ ? n : null,
+            $optionSelected: l,
+            value: u
+        }, f, {
+            onClick: V,
+            role: p,
             "aria-checked": l,
-            tabIndex: q,
-            onKeyDown: function e(r) {
-                return j === null || j === void 0 ? void 0 : j(r, {
-                    value: s,
-                    label: o
-                });
-            }
-        }), _ && a &&  n().createElement(h, null, a), i &&  n().createElement(m, null, i), o &&  n().createElement(g, null, o), u &&  n().createElement(m, null, u));
+            tabIndex: D,
+            onKeyDown: B
+        }), _ && n &&  a().createElement(m, null, n), i &&  a().createElement(w, null, i), o &&  a().createElement(O, null, o), s &&  a().createElement(w, null, s));
     }
-    C.propTypes = j;
-    /* harmony default export */    const P = C;
+    E.propTypes = P;
+    /* harmony default export */    const T = E;
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const E = require("@splunk/react-ui/Box");
-    var _ =  e.n(E);
+    const _ = require("@splunk/react-ui/Box");
+    var q =  e.n(_);
     // CONCATENATED MODULE: ./src/RadioBar/RadioBarStyles.ts
-    var T = p()(_()).withConfig({
+    var D = f()(q()).withConfig({
         displayName: "RadioBarStyles__StyledRadioBar",
         componentId: "gg1b79-0"
-    })([ "height:", ";", " [data-inline] + &{margin-left:", ";}" ], f.variables.inputHeight, (0, 
-    f.pick)({
-        prisma: (0, d.css)([ "padding:2px;border-radius:", ";border:1px solid ", ";background:", ";" ], f.variables.borderRadius, (function(e) {
+    })([ "height:", ";", " [data-inline] + &{margin-left:", ";}" ], d.variables.inputHeight, (0, 
+    d.pick)({
+        prisma: (0, p.css)([ "padding:2px;border-radius:", ";border:1px solid ", ";background:", ";" ], d.variables.borderRadius, (function(e) {
             var r = e.$error;
-            return r ? f.variables.accentColorNegative : "transparent";
+            return r ? d.variables.accentColorNegative : "transparent";
         }), (function(e) {
             var r = e.$disabled;
-            return r ? f.variables.interactiveColorBackgroundDisabled : f.variables.interactiveColorBackground;
+            return r ? d.variables.interactiveColorBackgroundDisabled : d.variables.interactiveColorBackground;
         }))
-    }), f.variables.spacingSmall);
+    }), d.variables.spacingSmall);
     // CONCATENATED MODULE: ./src/RadioBar/RadioBar.tsx
-    function q(e) {
+    function V(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            q = function e(r) {
-                return typeof r;
-            };
-        } else {
-            q = function e(r) {
-                return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-            };
-        }
-        return q(e);
+        return V = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return typeof e;
+        } : function(e) {
+            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+        }, V(e);
     }
-    function R() {
-        R = Object.assign || function(e) {
+    function B() {
+        return B = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
-                for (var n in t) {
-                    if (Object.prototype.hasOwnProperty.call(t, n)) {
-                        e[n] = t[n];
-                    }
+                for (var a in t) {
+                    ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
                 }
             }
             return e;
-        };
-        return R.apply(this, arguments);
+        }, B.apply(null, arguments);
     }
-    function D(e, r) {
-        if (e == null) return {};
-        var t = V(e, r);
-        var n, a;
+    function R(e, r) {
+        if (null == e) return {};
+        var t, a, n = I(e, r);
         if (Object.getOwnPropertySymbols) {
             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];
+                t = o[a], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
             }
         }
-        return t;
+        return n;
     }
-    function V(e, r) {
-        if (e == null) return {};
+    function I(e, r) {
+        if (null == e) return {};
         var t = {};
-        var n = Object.keys(e);
-        var a, o;
-        for (o = 0; o < n.length; o++) {
-            a = n[o];
-            if (r.indexOf(a) >= 0) continue;
-            t[a] = e[a];
+        for (var a in e) {
+            if ({}.hasOwnProperty.call(e, a)) {
+                if (r.includes(a)) continue;
+                t[a] = e[a];
+            }
         }
         return t;
     }
-    function B(e, r) {
+    function N(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
-            var n = Object.getOwnPropertySymbols(e);
-            if (r) n = n.filter((function(r) {
+            var a = Object.getOwnPropertySymbols(e);
+            r && (a = a.filter((function(r) {
                 return Object.getOwnPropertyDescriptor(e, r).enumerable;
-            }));
-            t.push.apply(t, n);
+            }))), t.push.apply(t, a);
         }
         return t;
     }
-    function I(e) {
+    function A(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) {
-                    W(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));
-                }));
-            }
+            var t = null != arguments[r] ? arguments[r] : {};
+            r % 2 ? N(Object(t), !0).forEach((function(r) {
+                G(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : N(Object(t)).forEach((function(r) {
+                Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+            }));
         }
         return e;
     }
-    function N(e, r) {
-        if (!(e instanceof r)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+    function $(e, r) {
+        if (!(e instanceof r)) throw new TypeError("Cannot call a class as a function");
     }
-    function A(e, r) {
+    function K(e, r) {
         for (var t = 0; t < r.length; t++) {
-            var n = r[t];
-            n.enumerable = n.enumerable || false;
-            n.configurable = true;
-            if ("value" in n) n.writable = true;
-            Object.defineProperty(e, n.key, n);
+            var a = r[t];
+            a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), 
+            Object.defineProperty(e, J(a.key), a);
         }
     }
-    function K(e, r, t) {
-        if (r) A(e.prototype, r);
-        if (t) A(e, t);
-        return e;
+    function H(e, r, t) {
+        return r && K(e.prototype, r), t && K(e, t), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
-    function $(e, r) {
-        if (typeof r !== "function" && r !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+    function M(e, r) {
+        if ("function" != typeof r && null !== r) throw new TypeError("Super expression must either be null or a function");
         e.prototype = Object.create(r && r.prototype, {
             constructor: {
                 value: e,
-                writable: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (r) H(e, r);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), r && X(e, r);
     }
-    function H(e, r) {
-        H = Object.setPrototypeOf || function e(r, t) {
-            r.__proto__ = t;
-            return r;
-        };
-        return H(e, r);
+    function X(e, r) {
+        return X = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, r) {
+            return e.__proto__ = r, e;
+        }, X(e, r);
     }
-    function M(e) {
-        var r = L();
-        return function t() {
-            var n = U(e), a;
+    function L(e) {
+        var r = W();
+        return function() {
+            var t, a = F(e);
             if (r) {
-                var o = U(this).constructor;
-                a = Reflect.construct(n, arguments, o);
-            } else {
-                a = n.apply(this, arguments);
-            }
-            return X(this, a);
+                var n = F(this).constructor;
+                t = Reflect.construct(a, arguments, n);
+            } else t = a.apply(this, arguments);
+            return z(this, t);
         };
     }
-    function X(e, r) {
-        if (r && (q(r) === "object" || typeof r === "function")) {
-            return r;
-        }
-        return z(e);
+    function z(e, r) {
+        if (r && ("object" == V(r) || "function" == typeof r)) return r;
+        if (void 0 !== r) throw new TypeError("Derived constructors may only return object or undefined");
+        return U(e);
     }
-    function z(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+    function U(e) {
+        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function L() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
+    function W() {
         try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
+            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+        } catch (e) {}
+        return (W = function r() {
+            return !!e;
+        })();
     }
-    function U(e) {
-        U = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
-            return r.__proto__ || Object.getPrototypeOf(r);
-        };
-        return U(e);
+    function F(e) {
+        return F = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, F(e);
     }
-    function W(e, r, t) {
-        if (r in e) {
-            Object.defineProperty(e, r, {
-                value: t,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[r] = t;
+    function G(e, r, t) {
+        return (r = J(r)) in e ? Object.defineProperty(e, r, {
+            value: t,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[r] = t, e;
+    }
+    function J(e) {
+        var r = Q(e, "string");
+        return "symbol" == V(r) ? r : r + "";
+    }
+    function Q(e, r) {
+        if ("object" != V(e) || !e) return e;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var a = t.call(e, r || "default");
+            if ("object" != V(a)) return a;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === r ? String : Number)(e);
     }
-    /** @public */    var F = {
+    /** @public */    var Y = {
         appearance: o().oneOf([ "default", "pill" ]),
         children: o().node,
         defaultValue: o().any,
@@ -439,7 +435,7 @@
         splunkTheme: o().object,
         value: o().any
     };
-    var G = {
+    var Z = {
         appearance: "default",
         error: false,
         inline: false,
@@ -447,52 +443,52 @@
     };
     /**
  * RadioBar is a form control that provides the ability to select one option out of a group.
- */    var J =  function(e) {
-        $(a, e);
-        var r = M(a);
+ */    var ee =  function(e) {
+        M(n, e);
+        var r = L(n);
         // @docs-props-type RadioBarPropsBase
         // eslint-disable-line @typescript-eslint/no-explicit-any
-                function a(e) {
+                function n(e) {
             var t;
-            N(this, a);
+            $(this, n);
             t = r.call(this, e);
-            W(z(t), "controlledExternally", void 0);
-            W(z(t), "filteredValues", []);
-            W(z(t), "handleClick", (function(e, r) {
+            G(U(t), "controlledExternally", void 0);
+            G(U(t), "filteredValues", []);
+            G(U(t), "handleClick", (function(e, r) {
                 t.handleOnChange(e, r);
             }));
-            W(z(t), "handleOnKeyDown", (function(e, r) {
-                var n = r.value, a = r.label;
+            G(U(t), "handleOnKeyDown", (function(e, r) {
+                var a = r.value, n = r.label;
                 var o = (0, c.keycode)(e.nativeEvent);
                 var l = e.currentTarget;
                 var i = null;
-                var u = 0;
-                var s = t.filteredValues.indexOf(n);
+                var s = 0;
+                var u = t.filteredValues.indexOf(a);
                 if (o === "down" || o === "right") {
                     e.preventDefault();
-                    var f = t.getNextTarget("forward", l, s), d = f.nextTargetRes, p = f.nextIndexRes;
-                    i = d;
-                    u = p;
+                    var d = t.getNextTarget("forward", l, u), p = d.nextTargetRes, f = d.nextIndexRes;
+                    i = p;
+                    s = f;
                 } else if (o === "up" || o === "left") {
                     e.preventDefault();
-                    var v = t.getNextTarget("backward", l, s), b = v.nextTargetRes, y = v.nextIndexRes;
+                    var v = t.getNextTarget("backward", l, u), b = v.nextTargetRes, y = v.nextIndexRes;
                     i = b;
-                    u = y;
+                    s = y;
                 }
                 if (i) {
-                    var h;
-                    (h = i) === null || h === void 0 ? void 0 : h.focus();
-                    var g = t.filteredValues[u];
+                    var g;
+                    (g = i) === null || g === void 0 ? void 0 : g.focus();
+                    var h = t.filteredValues[s];
                     t.handleOnChange(e, {
-                        value: g,
-                        label: a
+                        value: h,
+                        label: n
                     });
                 }
             }));
-            W(z(t), "handleOnChange", (function(e, r) {
+            G(U(t), "handleOnChange", (function(e, r) {
                 if (t.props.value !== r.value) {
-                    var n, a;
-                    (n = (a = t.props).onChange) === null || n === void 0 ? void 0 : n.call(a, e, I({
+                    var a, n;
+                    (a = (n = t.props).onChange) === null || a === void 0 ? void 0 : a.call(n, e, A({
                         name: t.props.name
                     }, r));
                     if (!t.isControlled()) {
@@ -511,7 +507,7 @@
             if (false) {}
             return t;
         }
-        K(a, [ {
+        H(n, [ {
             key: "componentDidUpdate",
             value: function e(r) {
                 if (false) {}
@@ -525,30 +521,30 @@
  // TODO: Once converted to a functional component, this function can be removed and RadioBar should use useRovingFocus hook
                 }, {
             key: "getNextTarget",
-            value: function e(r, t, n) {
-                var a = r === "forward" ? 1 : -1;
+            value: function e(r, t, a) {
+                var n = r === "forward" ? 1 : -1;
                 var o = r === "forward" ? "nextSibling" : "previousSibling";
                 var l = r === "forward" ? "firstElementChild" : "lastElementChild";
                 var i = r === "forward" ? 0 : this.filteredValues.length - 1;
-                var u = t[o];
-                var s = null;
-                var c = n + a;
-                while (u !== t && s === null) {
-                    if (u === null) {
-                        var f;
-                        u = (f = t.parentElement) === null || f === void 0 ? void 0 : f[l];
+                var s = t[o];
+                var u = null;
+                var c = a + n;
+                while (s !== t && u === null) {
+                    if (s === null) {
+                        var d;
+                        s = (d = t.parentElement) === null || d === void 0 ? void 0 : d[l];
                         c = i;
                     }
-                    if (u.disabled) {
-                        var d = u[o];
-                        u = d;
-                        c += a;
+                    if (s.disabled) {
+                        var p = s[o];
+                        s = p;
+                        c += n;
                     } else {
-                        s = u;
+                        u = s;
                     }
                 }
                 return {
-                    nextTargetRes: s,
+                    nextTargetRes: u,
                     nextIndexRes: c
                 };
             }
@@ -556,65 +552,67 @@
             key: "render",
             value: function e() {
                 var r = this;
-                var a = this.props, o = a.appearance, l = a.children, i = a.describedBy, u = a.error, c = a.labelledBy, f = a.splunkTheme, d = a.value, p = a.required, v = a.role, b = D(a, [ "appearance", "children", "describedBy", "error", "labelledBy", "splunkTheme", "value", "required", "role" ]);
+                var n = this.props, o = n.appearance, l = n.children, i = n.describedBy, s = n.error, c = n.labelledBy, d = n.splunkTheme, p = n.value, f = n.required, v = n.role, b = R(n, [ "appearance", "children", "describedBy", "error", "labelledBy", "splunkTheme", "value", "required", "role" ]);
                 if (false) {}
-                var y = this.isControlled() ? d : this.state.value;
-                var h = f.isEnterprise;
-                var g = true;
+                var y = this.isControlled() ? p : this.state.value;
+                var g = d.isEnterprise;
+                var h = true;
                 this.filteredValues = [];
-                var m = t.Children.toArray(l).filter(t.isValidElement).map((function(e, n, a) {
-                    var o = a.length;
+                var m = t.Children.toArray(l).filter(t.isValidElement).map((function(e, a, n) {
+                    var o = n.length;
                     r.filteredValues.push(e.props.value);
                     if (e.props && !e.props.disabled) {
-                        g = false;
+                        h = false;
                     }
                     
                     return (0, t.cloneElement)(e, {
                         selected: e.props.value === y,
-                        key: e.key || n,
-                        append: n < o - 1,
-                        prepend: n > 0,
+                        key: e.key || a,
+                        append: a < o - 1,
+                        prepend: a > 0,
                         role: v === "radiogroup" ? "radio" : "menuitemradio"
                     });
                 }));
                 var O = this.filteredValues[0];
-                var x = d == null || this.filteredValues.includes(y);
+                var w = p == null || this.filteredValues.includes(y);
                 if (false) {}
-                var k = h && o === "default" ? "default" : "subtle";
-                var S = {
+                var k = g && o === "default" ? "default" : "subtle";
+                // eslint-disable-next-line react/jsx-no-constructed-context-values
+                                var S = {
                     appearance: k,
                     onClick: this.handleClick,
-                    error: h ? u : false,
+                    error: s,
                     onKeyDown: this.handleOnKeyDown,
                     firstValue: O,
-                    selectedValue: x ? y : undefined
+                    selectedValue: w ? y : undefined
                 };
                 
-                return n().createElement(T, R({
+                return a().createElement(D, B({
                     flex: true,
-                    $disabled: g,
-                    $error: u,
+                    $disabled: h,
+                    $error: s,
                     "data-test": "radio-bar",
                     "data-test-value": y,
                     role: v,
                     "aria-labelledby": c,
                     "aria-describedby": i,
-                    "aria-required": p
-                }, s()(b, "onChange")),  n().createElement(w.Provider, {
+                    "aria-required": f,
+                    "aria-invalid": v === "radiogroup" ? s : undefined
+                }, u()(b, "onChange")),  a().createElement(x.Provider, {
                     value: S
                 }, m));
             }
         } ]);
-        return a;
+        return n;
     }(t.Component);
-    W(J, "propTypes", F);
-    W(J, "defaultProps", G);
-    W(J, "Option", P);
-    var Q = (0, f.withSplunkTheme)(J);
-    var Y = Q;
-    Y.propTypes = J.propTypes;
-    Y.Option = P;
-    /* harmony default export */    const Z = Y;
+    G(ee, "propTypes", Y);
+    G(ee, "defaultProps", Z);
+    G(ee, "Option", T);
+    var re = (0, d.withSplunkTheme)(ee);
+    var te = re;
+    te.propTypes = ee.propTypes;
+    te.Option = T;
+    /* harmony default export */    const ae = te;
     // only for styled components using RadioBar
         // CONCATENATED MODULE: ./src/RadioBar/index.ts
     module.exports = r;