@splunk/react-ui 4.40.0 → 4.41.0

package/RadioBar.js

@@ -118,12 +118,15 @@
                 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) {
+        prisma: (0, p.css)([ "border-radius:3px;font-weight:initial;height:calc(", " - 6px);min-height:calc(", " - 6px);padding:2px 12px;> span{gap:", ";}", " &: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, 
+            return r && (0, p.css)([ "box-shadow:", ";&:not([disabled],[aria-disabled='true']){background-color:", ";&:focus{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
+            }), (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.$optionSelected;
@@ -140,16 +143,16 @@
     })([ "", " flex:0 1 auto;", "" ], d.mixins.ellipsis, (0, d.pick)({
         enterprise: (0, p.css)([ "&:not(:first-child){margin-left:", ";}" ], d.variables.spacingXSmall)
     }));
-    var w = f().div.withConfig({
+    var k = f().div.withConfig({
         displayName: "OptionStyles__StyledAdornment",
         componentId: "fyq77p-3"
     })([ "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 k =  (0, t.createContext)({});
-    k.displayName = "RadioBar";
-    /* harmony default export */    const x = k;
+    var w =  (0, t.createContext)({});
+    w.displayName = "RadioBar";
+    /* harmony default export */    const x = w;
     // CONCATENATED MODULE: ./src/RadioBar/Option.tsx
     function S() {
         return S = Object.assign ? Object.assign.bind() : function(e) {
@@ -204,7 +207,7 @@
     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)(x), b = v.onClick, y = v.appearance, g = v.error, k = v.onKeyDown, j = v.firstValue, P = v.selectedValue;
+                var v = (0, t.useContext)(x), b = v.onClick, y = v.appearance, g = v.error, w = v.onKeyDown, j = v.firstValue, P = v.selectedValue;
         var E = (0, d.useSplunkTheme)(), T = E.isEnterprise, _ = E.isPrisma;
         if (false) {}
         var q = -1;
@@ -225,11 +228,11 @@
             }
         }), [ o, b, l, u ]);
         var B = (0, t.useCallback)((function(e) {
-            return k === null || k === void 0 ? void 0 : k(e, {
+            return w === null || w === void 0 ? void 0 : w(e, {
                 value: u,
                 label: o
             });
-        }), [ o, k, u ]);
+        }), [ o, w, u ]);
         
         return a().createElement(h, S({
             "aria-invalid": g,
@@ -246,7 +249,7 @@
             "aria-checked": l,
             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));
+        }), _ && n &&  a().createElement(m, null, n), i &&  a().createElement(k, null, i), o &&  a().createElement(O, null, o), s &&  a().createElement(k, null, s));
     }
     E.propTypes = P;
     /* harmony default export */    const T = E;
@@ -259,7 +262,7 @@
         componentId: "gg1b79-0"
     })([ "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) {
+        prisma: (0, p.css)([ "padding:2px;gap:2px;border-radius:", ";border:1px solid ", ";background:", ";" ], d.variables.borderRadius, (function(e) {
             var r = e.$error;
             return r ? d.variables.accentColorNegative : "transparent";
         }), (function(e) {
@@ -574,17 +577,17 @@
                     });
                 }));
                 var O = this.filteredValues[0];
-                var w = p == null || this.filteredValues.includes(y);
+                var k = p == null || this.filteredValues.includes(y);
                 if (false) {}
-                var k = g && o === "default" ? "default" : "subtle";
+                var w = g && o === "default" ? "default" : "subtle";
                 // eslint-disable-next-line react/jsx-no-constructed-context-values
                                 var S = {
-                    appearance: k,
+                    appearance: w,
                     onClick: this.handleClick,
                     error: s,
                     onKeyDown: this.handleOnKeyDown,
                     firstValue: O,
-                    selectedValue: w ? y : undefined
+                    selectedValue: k ? y : undefined
                 };
                 
                 return a().createElement(D, B({
@@ -596,6 +599,7 @@
                     role: v,
                     "aria-labelledby": c,
                     "aria-describedby": i,
+                    "aria-disabled": h || undefined,
                     "aria-required": f,
                     "aria-invalid": v === "radiogroup" ? s : undefined
                 }, u()(b, "onChange")),  a().createElement(x.Provider, {