@splunk/react-ui 4.33.0 → 4.34.0

package/Search.js

@@ -202,7 +202,7 @@
         return B(e, r);
     }
     function T(e) {
-        var r = L();
+        var r = V();
         return function t() {
             var n = K(e), o;
             if (r) {
@@ -211,22 +211,22 @@
             } else {
                 o = n.apply(this, arguments);
             }
-            return V(this, o);
+            return H(this, o);
         };
     }
-    function V(e, r) {
+    function H(e, r) {
         if (r && (M(r) === "object" || typeof r === "function")) {
             return r;
         }
-        return H(e);
+        return L(e);
     }
-    function H(e) {
+    function L(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function L() {
+    function V() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -289,8 +289,8 @@
                 o[i] = arguments[i];
             }
             e = r.call.apply(r, [ this ].concat(o));
-            F(H(e), "item", null);
-            F(H(e), "handleClick", (function(r) {
+            F(L(e), "item", null);
+            F(L(e), "handleClick", (function(r) {
                 var t = e.props, n = t.disabled, o = t.onClick, i = t.value;
                 if (!n) {
                     o === null || o === void 0 ? void 0 : o(r, {
@@ -525,7 +525,7 @@
         }, n);
     }));
     function ce(e) {
-        var r = e.animateLoading, o = r === void 0 ? false : r, i = e.children, a = e.defaultPlacement, u = e.defaultValue, l = e.describedBy, f = e.disabled, s = f === void 0 ? false : f, d = e.elementRef, p = e.error, g = p === void 0 ? false : p, O = e.footerMessage, w = e.inline, P = w === void 0 ? false : w, C = e.inputRef, M = e.isLoadingOptions, R = M === void 0 ? false : M, x = e.labelledBy, D = e.loadingMessage, E = e.menuStyle, q = E === void 0 ? {} : E, _ = e.name, A = e.noOptionsMessage, B = e.onChange, T = e.onClose, V = e.onFocus, H = e.onKeyDown, L = e.onOpen, K = e.placeholder, F = K === void 0 ? (0, 
+        var r = e.animateLoading, o = r === void 0 ? false : r, i = e.children, a = e.defaultPlacement, u = e.defaultValue, l = e.describedBy, f = e.disabled, s = f === void 0 ? false : f, d = e.elementRef, p = e.error, g = p === void 0 ? false : p, O = e.footerMessage, w = e.inline, P = w === void 0 ? false : w, C = e.inputRef, M = e.isLoadingOptions, R = M === void 0 ? false : M, x = e.labelledBy, D = e.loadingMessage, E = e.menuStyle, q = E === void 0 ? {} : E, _ = e.name, A = e.noOptionsMessage, B = e.onChange, T = e.onClose, H = e.onFocus, L = e.onKeyDown, V = e.onOpen, K = e.placeholder, F = K === void 0 ? (0, 
         m._)("Search...") : K, W = e.value, N = oe(e, [ "animateLoading", "children", "defaultPlacement", "defaultValue", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFocus", "onKeyDown", "onOpen", "placeholder", "value" ]);
         // @docs-props-type SearchPropsBase
                 var z = !!i || R;
@@ -576,7 +576,7 @@
         var qe = function e() {
             ne(true);
             Z(-1);
-            L === null || L === void 0 ? void 0 : L();
+            V === null || V === void 0 ? void 0 : V();
         };
         var _e = function e() {
             ne(false);
@@ -596,7 +596,7 @@
             } else {
                 qe();
             }
-            V === null || V === void 0 ? void 0 : V(r, t);
+            H === null || H === void 0 ? void 0 : H(r, t);
         };
         var Te = function e(r, t) {
             var n = t.value;
@@ -610,13 +610,13 @@
                 name: _
             });
         };
-        var Ve = function e(r, t) {
+        var He = function e(r, t) {
             Te(r, G({}, t));
             ke.current = true;
             Ae();
             _e();
         };
-        var He = function e(r) {
+        var Le = function e(r) {
             var t = Ce.current.length;
             var n = Me.current;
             var o = (0, h.keycode)(r.nativeEvent);
@@ -625,7 +625,7 @@
                   case "enter":
                     {
                         if (n) {
-                            Ve(r, {
+                            He(r, {
                                 value: n
                             });
                         }
@@ -651,9 +651,9 @@
             o === "enter" || o === "backspace" || o === "down" || o === "up") {
                 qe();
             }
-            H === null || H === void 0 ? void 0 : H(r);
+            L === null || L === void 0 ? void 0 : L(r);
         };
-        var Le = function e() {
+        var Ve = function e() {
             if (document.activeElement !== Se.current) {
                 ke.current = true;
                 Ae();
@@ -695,13 +695,13 @@
                         return (0, t.cloneElement)(e, {
                             ref: Fe,
                             id: Oe,
-                            onClick: Ve,
+                            onClick: He,
                             active: true
                         });
                     }
                     
                     return (0, t.cloneElement)(e, {
-                        onClick: Ve
+                        onClick: He
                     });
                 }));
             }
@@ -726,15 +726,12 @@
         var Ne = De();
         var ze = Ee();
         var Ue = te && !!we.current && z;
-        var Xe = z ? "combobox" : "textbox";
+        var Xe = z ? "combobox" : "searchbox";
         var Ye = {
             "aria-activedescendant": Ue && J > -1 ? Oe : undefined,
             "aria-expanded": z ? te && !!we.current : undefined,
             "aria-controls": Ue ? ge : undefined
         };
-        if (!(x === null || x === void 0 ? void 0 : x.length)) {
-            Ye["aria-label"] = (0, m._)("Value input");
-        }
         
         return n().createElement(I(), Y({
             "data-test": "search"
@@ -756,9 +753,9 @@
             labelledBy: x,
             name: _,
             onFocus: Be,
-            onClick: Le,
+            onClick: Ve,
             onChange: Te,
-            onKeyDown: He,
+            onKeyDown: Le,
             placeholder: F,
             spellCheck: false,
             value: ze,

package/Select.js

@@ -150,17 +150,17 @@
     };
     /* harmony default export */    const J = G;
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
-    const Q = require("@splunk/react-icons/enterprise/Search");
-    var X =  e.n(Q);
+    const X = require("@splunk/react-icons/enterprise/Search");
+    var Y =  e.n(X);
     // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-    const Y = require("@splunk/react-icons/Magnifier");
-    var Z =  e.n(Y);
+    const Q = require("@splunk/react-icons/Magnifier");
+    var Z =  e.n(Q);
     // CONCATENATED MODULE: ./src/Select/icons/Search.tsx
     var ee = function e() {
         var t = (0, U.useSplunkTheme)(), n = t.isEnterprise, o = t.isCompact;
         var i = (0, s._)("Search");
         var a = o ? "20px" : "24px";
-        var l = n ?  r().createElement(X(), {
+        var l = n ?  r().createElement(Y(), {
             role: "presentation",
             size: "16px",
             screenReaderText: i,
@@ -446,7 +446,10 @@
     var je = xe().span.withConfig({
         displayName: "ItemStyles__StyledItemDescriptionRight",
         componentId: "sc-4kc053-1"
-    })([ "", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;" ], _e, U.variables.spacing);
+    })([ "", ";float:right;", " max-width:50%;text-align:right;box-sizing:border-box;" ], _e, (0, 
+    U.pick)({
+        enterprise: (0, Se.css)([ "padding-left:", ";" ], U.variables.spacingLarge)
+    }));
     var Ee = xe().div.withConfig({
         displayName: "ItemStyles__StyledItemSelectedIcon",
         componentId: "sc-4kc053-2"
@@ -694,7 +697,7 @@
         enterprise: "8px",
         prisma: "10px 16px"
     }));
-    var Qe = xe().span.withConfig({
+    var Xe = xe().span.withConfig({
         displayName: "SelectBaseStyles__StyledSearchIconWrapper",
         componentId: "sc-16cj7sk-4"
     })([ "color:", ";pointer-events:none;padding:", ";" ], (0, U.pick)({
@@ -707,14 +710,11 @@
         comfortable: "0 8px",
         compact: "0 6px"
     }));
-    var Xe = xe().span.withConfig({
+    var Ye = xe().span.withConfig({
         displayName: "SelectBaseStyles__StyledCount",
         componentId: "sc-16cj7sk-5"
-    })([ "padding-right:", ";" ], (0, U.pick)({
-        enterprise: U.variables.spacingQuarter,
-        prisma: U.variables.spacingXSmall
-    }));
-    var Ye = xe()(q()).withConfig({
+    })([ "padding-right:", ";" ], U.variables.spacingXSmall);
+    var Qe = xe()(q()).withConfig({
         displayName: "SelectBaseStyles__StyledControlsLink",
         componentId: "sc-16cj7sk-6"
     })([ "margin-right:20px;", ";" ], (function(e) {
@@ -1108,7 +1108,7 @@
         allowKeyMatching: i().bool,
         allowNewValues: i().bool,
         animateLoading: i().bool,
-        appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat" ]),
+        appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
         append: i().bool,
         children: i().node,
         defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
@@ -1579,7 +1579,7 @@
                     "aria-haspopup": "listbox",
                     "aria-owns": i.menuId,
                     onClick: i.props.onClick
-                }, I()(i.props, o.invalidLinkAppearanceProps)), !!E.length && y &&  r().createElement(Xe, {
+                }, I()(i.props, o.invalidLinkAppearanceProps)), !!E.length && y &&  r().createElement(Ye, {
                     "data-role": "count"
                 }, "(", E.length, ")"));
             }));
@@ -1933,12 +1933,12 @@
                                 var v =  r().createElement(Ze, {
                     $placement: o,
                     key: "selectAll"
-                },  r().createElement(Ye, {
+                },  r().createElement(Qe, {
                     $disabled: this.optionSelection === "all",
                     "aria-label": f,
                     onClick: this.handleSelectAll,
                     "data-test": "select-all"
-                }, i ? (0, s._)("Select all Matches") : (0, s._)("Select all")),  r().createElement(Ye, {
+                }, i ? (0, s._)("Select all Matches") : (0, s._)("Select all")),  r().createElement(Qe, {
                     $disabled: this.optionSelection === "none",
                     "aria-label": d,
                     onClick: this.handleClearAll,
@@ -1968,7 +1968,7 @@
                     inputRef: c,
                     inputId: l,
                     canClear: true,
-                    startAdornment:  r().createElement(Qe, null,  r().createElement(te, null))
+                    startAdornment:  r().createElement(Xe, null,  r().createElement(te, null))
                 })), u && n && p === "buttongroup" && v);
             }
         }, {
@@ -2117,11 +2117,11 @@
         return Wt(e, t);
     }
     function Ut(e) {
-        var t = Qt();
+        var t = Xt();
         return function n() {
-            var r = Xt(e), o;
+            var r = Yt(e), o;
             if (t) {
-                var i = Xt(this).constructor;
+                var i = Yt(this).constructor;
                 o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
@@ -2141,7 +2141,7 @@
         }
         return e;
     }
-    function Qt() {
+    function Xt() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -2152,13 +2152,13 @@
             return false;
         }
     }
-    function Xt(e) {
-        Xt = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function Yt(e) {
+        Yt = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return Xt(e);
+        return Yt(e);
     }
-    function Yt(e, t, n) {
+    function Qt(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -2214,8 +2214,8 @@
                 o[i] = arguments[i];
             }
             e = t.call.apply(t, [ this ].concat(o));
-            Yt(Jt(e), "c", null);
-            Yt(Jt(e), "handleMount", (function(t) {
+            Qt(Jt(e), "c", null);
+            Qt(Jt(e), "handleMount", (function(t) {
                 e.c = t;
             }));
             return e;
@@ -2246,8 +2246,8 @@
         } ]);
         return n;
     }(n.PureComponent);
-    Yt(tn, "propTypes", Zt);
-    Yt(tn, "defaultProps", en);
+    Qt(tn, "propTypes", Zt);
+    Qt(tn, "defaultProps", en);
     /* harmony default export */    const nn = tn;
     // CONCATENATED MODULE: ./src/Select/Select.tsx
     function rn(e) {
@@ -2402,7 +2402,7 @@
     /** @public */    var gn = {
         allowKeyMatching: i().bool,
         animateLoading: i().bool,
-        appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat" ]),
+        appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
         append: i().bool,
         children: i().node,
         defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
@@ -2477,6 +2477,9 @@
                 }
             }
             r.state = o;
+ // `this.props.appearance === 'toggle'` is not included here because it is the default value.
+            // Including it would trigger a warning for every instance of using `Select`.
+                        if (false) {}
             return r;
         }
         un(n, [ {

package/Slider.js

@@ -205,7 +205,7 @@
         displayName: "SliderStyles__StyledPopoverContent",
         componentId: "sc-16ooit4-4"
     })([ "padding:", ";font-size:", ";line-height:", ";" ], (0, h.pick)({
-        enterprise: h.variables.spacingHalf,
+        enterprise: h.variables.spacingSmall,
         prisma: "12px 16px"
     }), (0, h.pick)({
         enterprise: h.variables.fontSizeSmall,
@@ -282,7 +282,7 @@
         if (r) A(e, r);
         return e;
     }
-    function H(e, t) {
+    function K(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -293,16 +293,16 @@
                 configurable: true
             }
         });
-        if (t) K(e, t);
+        if (t) U(e, t);
     }
-    function K(e, t) {
-        K = Object.setPrototypeOf || function e(t, r) {
+    function U(e, t) {
+        U = Object.setPrototypeOf || function e(t, r) {
             t.__proto__ = r;
             return t;
         };
-        return K(e, t);
+        return U(e, t);
     }
-    function U(e) {
+    function H(e) {
         var t = J();
         return function r() {
             var n = Q(e), i;
@@ -390,8 +390,8 @@
         stepMarks: "focus"
     };
     var te =  function(e) {
-        H(r, e);
-        var t = U(r);
+        K(r, e);
+        var t = H(r);
         // @docs-props-type SliderPropsBase
                 function r(e) {
             var n;

package/SplitButton.js

@@ -136,10 +136,7 @@
     })([ "", " [data-inline] + &{margin-left:", ";}" ], (function(e) {
         var t = e.$inline;
         return !t && (0, d.css)([ "width:100%;" ]);
-    }), (0, g.pick)({
-        enterprise: g.variables.spacingHalf,
-        prisma: g.variables.spacingSmall
-    }));
+    }), g.variables.spacingSmall);
     // CONCATENATED MODULE: external "lodash/omit"
     const S = require("lodash/omit");
     var j =  e.n(S);

package/StaticContent.js

@@ -92,7 +92,7 @@
             compact: "6px 0"
         }
     }), (0, s.pick)({
-        enterprise: s.variables.spacingQuarter,
+        enterprise: s.variables.spacingXSmall,
         prisma: s.variables.spacingLarge
     }));
     // CONCATENATED MODULE: ./src/StaticContent/StaticContent.tsx

package/StepBar.js

@@ -97,7 +97,7 @@
         enterprise: (0, c.css)([ "position:relative;flex:1 1 0;" ]),
         prisma: (0, c.css)([ "display:flex;align-items:center;flex:0 1 auto;margin:0 12px 0 12px;" ])
     }), (0, m.pick)({
-        enterprise: (0, c.css)([ "25px 15px 0" ]),
+        enterprise: "25px 15px 0",
         prisma: {
             comfortable: "8px 8px 8px 0",
             compact: "4px 8px 4px 0"