@splunk/react-ui 4.39.0 → 4.41.0

package/Number.js

@@ -114,10 +114,10 @@
     }
     // CONCATENATED MODULE: external "styled-components"
     const S = require("styled-components");
-    var O =  e.n(S);
+    var w =  e.n(S);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const w = require("@splunk/react-ui/Button");
-    var x =  e.n(w);
+    const x = require("@splunk/react-ui/Button");
+    var O =  e.n(x);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
     const j = require("@splunk/react-ui/Clickable");
     var P =  e.n(j);
@@ -125,7 +125,7 @@
     const C = require("@splunk/react-ui/Text");
     var T =  e.n(C);
     // CONCATENATED MODULE: ./src/Number/NumberStyles.ts
-    var V = O()(T()).withConfig({
+    var V = w()(T()).withConfig({
         displayName: "NumberStyles__StyledText",
         componentId: "sc-2ekj9s-0"
     })([ "&[data-inline]{", "}" ], (0, v.pick)({
@@ -135,7 +135,7 @@
         },
         prisma: (0, S.css)([ "width:100px;" ])
     }));
-    var E = O().div.withConfig({
+    var E = w().div.withConfig({
         displayName: "NumberStyles__StyledControls",
         componentId: "sc-2ekj9s-1"
     })([ "width:", ";height:100%;", " ", "" ], (0, v.pick)({
@@ -161,7 +161,7 @@
         enterprise: "calc(50% + 1.5px)",
         prisma: "50%"
     }));
-    var N = O()(x()).withConfig({
+    var N = w()(O()).withConfig({
         displayName: "NumberStyles__StyledPlusButton",
         componentId: "sc-2ekj9s-2"
     })([ "", ";top:0;border-bottom-left-radius:0;border-bottom-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ], _, (function(e) {
@@ -177,7 +177,7 @@
             dark: (0, S.css)([ "border-color:", ";" ], v.variables.gray20)
         }
     }));
-    var D = O()(x()).withConfig({
+    var D = w()(O()).withConfig({
         displayName: "NumberStyles__StyledMinusButton",
         componentId: "sc-2ekj9s-3"
     })([ "", ";bottom:1px;border-top-left-radius:0;border-top-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ], _, (function(e) {
@@ -193,7 +193,7 @@
             dark: (0, S.css)([ "border-color:", ";" ], v.variables.gray20)
         }
     }));
-    var B = O()(P()).withConfig({
+    var B = w()(P()).withConfig({
         displayName: "NumberStyles__prismaButton",
         componentId: "sc-2ekj9s-4"
     })([ "", ";display:flex;align-items:center;justify-content:center;", " &:hover:not([disabled]){", "}&:active:not([disabled]){", "}" ], _, (0, 
@@ -204,11 +204,11 @@
     }), (0, v.pick)({
         prisma: (0, S.css)([ "background-color:", ";color:", ";" ], v.variables.interactiveColorOverlayActive, v.variables.contentColorActive)
     }));
-    var I = O()(B).withConfig({
+    var I = w()(B).withConfig({
         displayName: "NumberStyles__StyledPrismaPlusButton",
         componentId: "sc-2ekj9s-5"
     })([ "border-top-right-radius:4px;" ]);
-    var q = O()(B).withConfig({
+    var q = w()(B).withConfig({
         displayName: "NumberStyles__StyledPrismaMinusButton",
         componentId: "sc-2ekj9s-6"
     })([ "border-bottom-right-radius:4px;padding-bottom:5px;" ]);
@@ -651,14 +651,14 @@
                 var r = this.props, o = r.append, i = r.describedBy, a = r.disabled, l = r.error, s = r.hideStepButtons, p = r.inline, c = r.value, d = c === void 0 ? this.state.value : c, v = r.max, b = r.min, h = r.prepend, y = r.splunkTheme;
                 var g = f()(this.props, [ "defaultValue", "hideStepButtons", "max", "min", "roundTo", "spellCheck", "step" ]);
                 var S = y.isPrisma;
-                var O = S ? {} : {
+                var w = S ? {} : {
                     append: o,
                     prepend: !o,
                     error: l,
                     inline: false
                 };
-                var w = d !== undefined && u()(d) && v !== undefined && u()(v) && d >= v;
-                var x = d !== undefined && u()(d) && b !== undefined && u()(b) && d <= b;
+                var x = d !== undefined && u()(d) && v !== undefined && u()(v) && d >= v;
+                var O = d !== undefined && u()(d) && b !== undefined && u()(b) && d <= b;
                 var j =  n().createElement(k, {
                     width: "6px",
                     height: "4px",
@@ -666,10 +666,10 @@
                 });
                 var P = F({
                     "data-test": "increment",
-                    disabled: a || w,
+                    disabled: a || x,
                     onClick: this.handleIncrement,
                     tabIndex: -1
-                }, O);
+                }, w);
                 var C = S ?  n().createElement(I, P, j) :  n().createElement(N, P, j);
                 var T =  n().createElement(k, {
                     width: "6px",
@@ -681,10 +681,10 @@
                 });
                 var _ = F({
                     "data-test": "decrement",
-                    disabled: a || x,
+                    disabled: a || O,
                     onClick: this.handleDecrement,
                     tabIndex: -1
-                }, O);
+                }, w);
                 var B = S ?  n().createElement(q, _, T) :  n().createElement(D, _, T);
                 var K = o && !h;
                 var M = (!a || S) && K && !s &&  n().createElement(E, {
@@ -714,7 +714,12 @@
                     error: l,
                     "data-test-value": d,
                     startAdornment: M,
-                    endAdornment: R
+                    endAdornment: R,
+                    role: "spinbutton",
+                    "aria-valuenow": this.state.value,
+                    "aria-valuemin": b,
+                    "aria-valuemax": v,
+                    "aria-invalid": l
                 }));
             }
         } ]);

package/Popover.js

@@ -1347,7 +1347,8 @@
                     to: C,
                     config: Re({
                         tension: 300,
-                        friction: 40
+                        friction: 20,
+                        clamp: true
                     }, a),
                     onRest: o.handleAnimationEnd
                 }, (function(e) {

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, {