@splunk/react-ui 4.22.0 → 4.23.0

package/Multiselect.js

@@ -267,7 +267,7 @@
  * An option within a `Multiselect`. This inherits from
  * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
  * so any elements passed to it must also be pure.
- */    var A =  function(e) {
+ */    var E =  function(e) {
         g(n, e);
         var t = w(n);
         function n() {
@@ -326,23 +326,23 @@
         } ]);
         return n;
     }(n.PureComponent);
-    I(A, "propTypes", j);
-    I(A, "defaultProps", _);
-    I(A, "type", p.Item);
-    /* harmony default export */    const E = A;
+    I(E, "propTypes", j);
+    I(E, "defaultProps", _);
+    I(E, "type", p.Item);
+    /* harmony default export */    const M = E;
     // CONCATENATED MODULE: ./src/Multiselect/Option.tsx
-    function M(e) {
+    function A(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            M = function e(t) {
+            A = function e(t) {
                 return typeof t;
             };
         } else {
-            M = function e(t) {
+            A = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return M(e);
+        return A(e);
     }
     function P() {
         P = Object.assign || function(e) {
@@ -438,7 +438,7 @@
         };
     }
     function K(e, t) {
-        if (t && (M(t) === "object" || typeof t === "function")) {
+        if (t && (A(t) === "object" || typeof t === "function")) {
             return t;
         }
         return F(e);
@@ -553,7 +553,7 @@
             value: function e() {
                 var t = this.props, n = t.compact, o = V(t, [ "compact" ]);
                 
-                return r().createElement(E, P({}, o, {
+                return r().createElement(M, P({}, o, {
                     multiple: n,
                     ref: this.handleMount
                 }), this.props.children || this.props.label);
@@ -616,14 +616,14 @@
     const je = require("@splunk/react-icons/CaretSmallDown");
     var _e =  e.n(je);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
-    const Ae = require("@splunk/react-icons/enterprise/Caret");
-    var Ee =  e.n(Ae);
+    const Ee = require("@splunk/react-icons/enterprise/Caret");
+    var Me =  e.n(Ee);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const Me = require("@splunk/themes");
+    const Ae = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
     var Pe = function e() {
-        var t = (0, Me.useSplunkTheme)(), n = t.isEnterprise;
-        var o = n ?  r().createElement(Ee(), {
+        var t = (0, Ae.useSplunkTheme)(), n = t.isEnterprise;
+        var o = n ?  r().createElement(Me(), {
             screenReaderText: null,
             hideDefaultTooltip: true,
             size: .5
@@ -639,7 +639,7 @@
     var qe =  e.n(De);
     // CONCATENATED MODULE: ./src/Select/icons/Search.tsx
     var Ne = function e() {
-        var t = (0, Me.useSplunkTheme)(), n = t.isEnterprise, o = t.isCompact;
+        var t = (0, Ae.useSplunkTheme)(), n = t.isEnterprise, o = t.isCompact;
         var a = (0, u._)("Search");
         var i = o ? "20px" : "24px";
         var l = n ?  r().createElement(Te(), {
@@ -667,10 +667,10 @@
     var We =  e.n(He);
     // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
     var ze = (0, Le.css)([ "color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;" ], (0, 
-    Me.pick)({
-        prisma: Me.variables.contentColorDefault,
-        enterprise: Me.variables.textGray
-    }), Me.variables.fontSizeSmall, (0, Me.pick)({
+    Ae.pick)({
+        prisma: Ae.variables.contentColorDefault,
+        enterprise: Ae.variables.textGray
+    }), Ae.variables.fontSizeSmall, (0, Ae.pick)({
         prisma: "16px"
     }));
     var Ue = Ke().span.withConfig({
@@ -680,42 +680,42 @@
     var Ge = Ke().span.withConfig({
         displayName: "ItemStyles__StyledItemDescriptionRight",
         componentId: "sc-4kc053-1"
-    })([ "", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;" ], ze, Me.variables.spacing);
+    })([ "", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;" ], ze, Ae.variables.spacing);
     var Je = Ke().div.withConfig({
         displayName: "ItemStyles__StyledItemSelectedIcon",
         componentId: "sc-4kc053-2"
-    })([ "position:absolute;", " color:", ";" ], (0, Me.pick)({
+    })([ "position:absolute;", " color:", ";" ], (0, Ae.pick)({
         prisma: (0, Le.css)([ "right:16px;" ]),
         enterprise: (0, Le.css)([ "top:5px;right:3px;left:8px;" ])
-    }), (0, Me.pick)({
-        prisma: Me.variables.contentColorActive,
-        enterprise: Me.variables.accentColorL10
+    }), (0, Ae.pick)({
+        prisma: Ae.variables.contentColorActive,
+        enterprise: Ae.variables.accentColorL10
     }));
     var Qe = Ke().span.withConfig({
         displayName: "ItemStyles__StyledItemIcon",
         componentId: "sc-4kc053-3"
     })([ "flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", "" ], (0, 
-    Me.pick)({
+    Ae.pick)({
         prisma: "8px",
         enterprise: "3px"
-    }), (0, Me.pick)({
+    }), (0, Ae.pick)({
         prisma: "initial",
         enterprise: "middle"
-    }), (0, Me.pick)({
-        prisma: (0, Le.css)([ "color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}" ], Me.variables.contentColorMuted),
+    }), (0, Ae.pick)({
+        prisma: (0, Le.css)([ "color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}" ], Ae.variables.contentColorMuted),
         enterprise: (0, Le.css)([ "transform:translateY(-1px);" ])
     }));
     var Xe = Ke()($e()).withConfig({
         displayName: "ItemStyles__StyledClickable",
         componentId: "sc-4kc053-4"
     })([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}", " ", "}&[disabled]{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", "" ], (0, 
-    Me.pick)({
-        prisma: Me.variables.contentColorActive,
+    Ae.pick)({
+        prisma: Ae.variables.contentColorActive,
         enterprise: {
-            dark: Me.variables.gray96,
-            light: Me.variables.gray22
+            dark: Ae.variables.gray96,
+            light: Ae.variables.gray22
         }
-    }), (0, Me.pick)({
+    }), (0, Ae.pick)({
         prisma: {
             comfortable: "10px 16px",
             compact: "6px 16px"
@@ -723,7 +723,7 @@
         enterprise: "6px 10px"
     }), (function(e) {
         var t = e.$isSelectable, n = e.$selectableAppearance;
-        return t && (0, Me.pick)({
+        return t && (0, Ae.pick)({
             prisma: (0, Le.css)([ "padding-right:44px;", "" ], (function() {
                 return n === "checkbox" && "padding-left: 42px;";
             })),
@@ -733,67 +733,67 @@
         });
     }), (function(e) {
         var t = e.$active, n = e.$preventFocus;
-        return t && !n && (0, Le.css)([ "box-shadow:", ";" ], Me.variables.focusShadowInset);
+        return t && !n && (0, Le.css)([ "box-shadow:", ";" ], Ae.variables.focusShadowInset);
     }), (function(e) {
         var t = e.$active;
-        return t && (0, Le.css)([ "background:", ";font-weight:", ";" ], (0, Me.pick)({
+        return t && (0, Le.css)([ "background:", ";font-weight:", ";" ], (0, Ae.pick)({
             enterprise: {
-                light: Me.variables.gray92,
-                dark: Me.variables.gray22
+                light: Ae.variables.gray92,
+                dark: Ae.variables.gray22
             },
-            prisma: Me.variables.neutral100
-        }), Me.variables.fontWeightBold);
-    }), (0, Me.pick)({
-        prisma: Me.variables.interactiveColorOverlayHover,
-        enterprise: Me.variables.backgroundColorHover
+            prisma: Ae.variables.neutral100
+        }), Ae.variables.fontWeightBold);
+    }), (0, Ae.pick)({
+        prisma: Ae.variables.interactiveColorOverlayHover,
+        enterprise: Ae.variables.backgroundColorHover
     }), (function(e) {
         var t = e.$selected;
-        return t && (0, Me.pick)({
-            prisma: (0, Le.css)([ "background:", ";" ], Me.mixins.overlayColors(Me.variables.interactiveColorOverlaySelected, Me.variables.interactiveColorOverlayHover))
+        return t && (0, Ae.pick)({
+            prisma: (0, Le.css)([ "background:", ";" ], Ae.mixins.overlayColors(Ae.variables.interactiveColorOverlaySelected, Ae.variables.interactiveColorOverlayHover))
         });
-    }), Me.variables.focusShadowInset, (0, Me.pick)({
-        prisma: (0, Le.css)([ "background:", ";" ], Me.variables.interactiveColorOverlayHover)
-    }), (0, Me.pick)({
-        prisma: (0, Le.css)([ "&:active{background:", ";}" ], Me.variables.interactiveColorOverlayActive)
+    }), Ae.variables.focusShadowInset, (0, Ae.pick)({
+        prisma: (0, Le.css)([ "background:", ";" ], Ae.variables.interactiveColorOverlayHover)
+    }), (0, Ae.pick)({
+        prisma: (0, Le.css)([ "&:active{background:", ";}" ], Ae.variables.interactiveColorOverlayActive)
     }), (function(e) {
         var t = e.$selected;
-        return t && (0, Me.pick)({
-            prisma: (0, Le.css)([ "background:", ";&:active{background:", ";}" ], Me.variables.interactiveColorOverlaySelected, Me.mixins.overlayColors(Me.variables.interactiveColorOverlaySelected, Me.variables.interactiveColorOverlayActive))
+        return t && (0, Ae.pick)({
+            prisma: (0, Le.css)([ "background:", ";&:active{background:", ";}" ], Ae.variables.interactiveColorOverlaySelected, Ae.mixins.overlayColors(Ae.variables.interactiveColorOverlaySelected, Ae.variables.interactiveColorOverlayActive))
         });
-    }), (0, Me.pick)({
+    }), (0, Ae.pick)({
         enterprise: {
-            light: Me.variables.gray45,
-            dark: Me.variables.contentColorDisabled
+            light: Ae.variables.gray45,
+            dark: Ae.variables.contentColorDisabled
         },
-        prisma: Me.variables.contentColorDisabled
+        prisma: Ae.variables.contentColorDisabled
     }), 
     /* sc-sel */
     Ue, 
     /* sc-sel */
     Ge, 
     /* sc-sel */
-    Je, (0, Me.pick)({
-        prisma: Me.variables.contentColorDisabled,
-        enterprise: Me.variables.gray80
-    }), (0, Me.pick)({
+    Je, (0, Ae.pick)({
+        prisma: Ae.variables.contentColorDisabled,
+        enterprise: Ae.variables.gray80
+    }), (0, Ae.pick)({
         prisma: (0, Le.css)([ "& > * > ", "{color:", ";}" ], 
         /* sc-sel */
-        Qe, Me.variables.contentColorDisabled)
+        Qe, Ae.variables.contentColorDisabled)
     }), (function(e) {
         var t = e.$selected;
-        return t && (0, Me.pick)({
+        return t && (0, Ae.pick)({
             prisma: (0, Le.css)([ "", "{color:", ";}" ], 
             /* sc-sel */
-            Qe, Me.variables.contentColorActive)
+            Qe, Ae.variables.contentColorActive)
         });
     }));
     var Ye = Ke()(We()).withConfig({
         displayName: "ItemStyles__StyledSwitch",
         componentId: "sc-4kc053-5"
-    })([ "position:absolute;left:", ";top:", ";" ], (0, Me.pick)({
+    })([ "position:absolute;left:", ";top:", ";" ], (0, Ae.pick)({
         prisma: "16px",
         enterprise: "8px"
-    }), (0, Me.pick)({
+    }), (0, Ae.pick)({
         prisma: "0px",
         enterprise: {
             comfortable: "-1px",
@@ -821,32 +821,32 @@
     var nt = Ke().span.withConfig({
         displayName: "ItemStyles__StyledMatch",
         componentId: "sc-4kc053-9"
-    })([ "border-bottom:1px solid ", ";" ], (0, Me.pick)({
-        prisma: Me.variables.contentColorActive,
+    })([ "border-bottom:1px solid ", ";" ], (0, Ae.pick)({
+        prisma: Ae.variables.contentColorActive,
         enterprise: {
-            dark: Me.variables.gray96,
-            light: Me.variables.gray45
+            dark: Ae.variables.gray96,
+            light: Ae.variables.gray45
         }
     }));
     var rt = Ke().span.withConfig({
         displayName: "ItemStyles__StyledSubmenu",
         componentId: "sc-4kc053-10"
-    })([ "float:right;padding-left:", ";color:", ";", "" ], Me.variables.spacingSmall, (0, 
-    Me.pick)({
+    })([ "float:right;padding-left:", ";color:", ";", "" ], Ae.variables.spacingSmall, (0, 
+    Ae.pick)({
         prisma: "inherit",
-        enterprise: Me.variables.textGray
-    }), (0, Me.pick)({
+        enterprise: Ae.variables.textGray
+    }), (0, Ae.pick)({
         prisma: (0, Le.css)([ "& > svg{width:20px;height:20px;}" ])
     }));
     // CONCATENATED MODULE: ./src/Select/SelectAllOptionStyles.ts
     var ot = Ke()(tt).withConfig({
         displayName: "SelectAllOptionStyles__StyledSelectAllLabel",
         componentId: "y6bn08-0"
-    })([ "font-weight:", ";" ], Me.variables.fontWeightBold);
-    var at = Ke()(E).withConfig({
+    })([ "font-weight:", ";" ], Ae.variables.fontWeightBold);
+    var at = Ke()(M).withConfig({
         displayName: "SelectAllOptionStyles__StyledSelectAllOption",
         componentId: "y6bn08-1"
-    })([ "padding-inline-start:", ";box-shadow:none;" ], (0, Me.pick)({
+    })([ "padding-inline-start:", ";box-shadow:none;" ], (0, Ae.pick)({
         prisma: "42px;",
         enterprise: "32px;"
     }));
@@ -863,7 +863,7 @@
     };
     var lt =  r().forwardRef((function(e, t) {
         var n = e.active, o = e.id, a = e.onClick, i = e.selectAllLabel, l = e.totalCount, s = e.changedToggle, c = e.selected;
-        // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select All menu item
+        // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select all menu item
                 var p = s ? " (".concat(l === null || l === void 0 ? void 0 : l.toString(), ")") : "";
         
         return r().createElement(at, {
@@ -924,51 +924,51 @@
     var vt = Ke().div.withConfig({
         displayName: "SelectBaseStyles__StyledFilter",
         componentId: "sc-16cj7sk-3"
-    })([ "padding:", ";min-width:160px;" ], (0, Me.pick)({
+    })([ "padding:", ";min-width:160px;" ], (0, Ae.pick)({
         enterprise: "8px",
         prisma: "10px 16px"
     }));
     var ht = Ke().span.withConfig({
         displayName: "SelectBaseStyles__StyledSearchIconWrapper",
         componentId: "sc-16cj7sk-4"
-    })([ "color:", ";pointer-events:none;padding:", ";" ], (0, Me.pick)({
+    })([ "color:", ";pointer-events:none;padding:", ";" ], (0, Ae.pick)({
         enterprise: {
-            light: Me.variables.gray60,
-            dark: Me.variables.white
+            light: Ae.variables.gray60,
+            dark: Ae.variables.white
         },
-        prisma: Me.variables.contentColorMuted
-    }), (0, Me.pick)({
+        prisma: Ae.variables.contentColorMuted
+    }), (0, Ae.pick)({
         comfortable: "0 8px",
         compact: "0 6px"
     }));
     var bt = Ke().span.withConfig({
         displayName: "SelectBaseStyles__StyledCount",
         componentId: "sc-16cj7sk-5"
-    })([ "padding-right:", ";" ], (0, Me.pick)({
-        enterprise: Me.variables.spacingQuarter,
-        prisma: Me.variables.spacingXSmall
+    })([ "padding-right:", ";" ], (0, Ae.pick)({
+        enterprise: Ae.variables.spacingQuarter,
+        prisma: Ae.variables.spacingXSmall
     }));
     var yt = Ke()(Se()).withConfig({
         displayName: "SelectBaseStyles__StyledControlsLink",
         componentId: "sc-16cj7sk-6"
     })([ "margin-right:20px;", ";" ], (function(e) {
         var t = e.$disabled;
-        return t && (0, Le.css)([ "color:", ";" ], Me.variables.contentColorDisabled);
+        return t && (0, Le.css)([ "color:", ";" ], Ae.variables.contentColorDisabled);
     }));
     var mt = Ke().div.withConfig({
         displayName: "SelectBaseStyles__StyledToggleAllControls",
         componentId: "sc-16cj7sk-7"
-    })([ "padding:", ";", "" ], (0, Me.pick)({
+    })([ "padding:", ";", "" ], (0, Ae.pick)({
         enterprise: "5px 8px",
         prisma: "10px 16px"
-    }), (0, Me.pickVariant)("$placement", {
+    }), (0, Ae.pickVariant)("$placement", {
         above: {
-            enterprise: (0, Le.css)([ "border-top:", ";" ], Me.variables.border),
-            prisma: (0, Le.css)([ "border-top:1px solid ", ";" ], Me.variables.neutral200)
+            enterprise: (0, Le.css)([ "border-top:", ";" ], Ae.variables.border),
+            prisma: (0, Le.css)([ "border-top:1px solid ", ";" ], Ae.variables.neutral200)
         },
         below: {
-            enterprise: (0, Le.css)([ "border-bottom:", ";" ], Me.variables.border),
-            prisma: (0, Le.css)([ "border-bottom:1px solid ", ";" ], Me.variables.neutral200)
+            enterprise: (0, Le.css)([ "border-bottom:", ";" ], Ae.variables.border),
+            prisma: (0, Le.css)([ "border-bottom:1px solid ", ";" ], Ae.variables.neutral200)
         }
     }));
     // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
@@ -1145,7 +1145,7 @@
         return kt.apply(this, arguments);
     }
     function It(e, t) {
-        return At(e) || _t(e, t) || Pt(e, t) || jt();
+        return Et(e) || _t(e, t) || Pt(e, t) || jt();
     }
     function jt() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -1173,13 +1173,13 @@
         }
         return n;
     }
-    function At(e) {
+    function Et(e) {
         if (Array.isArray(e)) return e;
     }
-    function Et(e) {
-        return Rt(e) || Vt(e) || Pt(e) || Mt();
+    function Mt(e) {
+        return Rt(e) || Vt(e) || Pt(e) || At();
     }
-    function Mt() {
+    function At() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
     function Pt(e, t) {
@@ -1495,7 +1495,7 @@
                     return;
                 }
                 var u = (t = a.getCurrentValues()) !== null && t !== void 0 ? t : [];
-                var p = he().apply(void 0, [ u ].concat(Et(a.displayedValues)));
+                var p = he().apply(void 0, [ u ].concat(Mt(a.displayedValues)));
  // this will unselect all selected values unless those values are disabled or hidden by the filter
                                 var f = r().Children.toArray(s).filter((function(e) {
                     return tn(e) && (re()(u, e.props.value) && e.props.disabled || re()(p, e.props.value));
@@ -1757,7 +1757,7 @@
                         suffixLabel: S
                     });
                 }
-                var A = Gt({
+                var E = Gt({
                     "aria-describedby": p,
                     "aria-label": "".concat(y ? "".concat(y, ", ") : "").concat(_),
                     "aria-labelledby": y ? undefined : b,
@@ -1770,23 +1770,23 @@
                     error: v
                 }, c()(a.props, le()(o.propTypes)));
                 if (m) {
-                    A["data-test-values"] = JSON.stringify(k);
+                    E["data-test-values"] = JSON.stringify(k);
                 } else {
-                    var E = It(k, 1), M = E[0];
-                    A["data-test-value"] = M;
+                    var M = It(k, 1), A = M[0];
+                    E["data-test-value"] = A;
                 }
                 if (i) {
                     
-                    return (0, n.cloneElement)(i, A);
+                    return (0, n.cloneElement)(i, E);
                 }
                 if (l === "link") {
                     
-                    return r().createElement(Se(), kt({}, A, {
+                    return r().createElement(Se(), kt({}, E, {
                         "data-select-appearance": "link"
                     }), !!C &&  r().createElement(ft, null, C), x || g,  r().createElement(dt, null,  r().createElement(Ve, null)));
                 }
                 
-                return r().createElement(pt, kt({}, A, {
+                return r().createElement(pt, kt({}, E, {
                     $multiple: m,
                     appearance: l,
                     label: x,
@@ -1888,7 +1888,7 @@
                                 O += 1;
                                 w = true;
                             }
-                            x.splice(n ? 0 : o + 1, 0,  r().createElement(E, {
+                            x.splice(n ? 0 : o + 1, 0,  r().createElement(M, {
                                 label: String(e),
                                 value: e,
                                 key: "missing-value-".concat(e),
@@ -1925,7 +1925,7 @@
  // Add the option to add the new value
                                 if (c && !g && t) {
                     var j = w ? O + 1 : O;
-                    x.splice(j, 0,  r().createElement(E, {
+                    x.splice(j, 0,  r().createElement(M, {
                         label: "".concat(t, " (new value)"),
                         value: t,
                         key: "newValue",
@@ -1935,7 +1935,7 @@
                 }
  // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
                                 var _ = v === "checkbox" && d && x.length > 1 ? 1 : 0;
-                var A = true;
+                var E = true;
  // Highlight the selected Items and remove hidden
                                 x = x.reduce((function(e, t) {
                     // ignore Dividers & Headings
@@ -1955,7 +1955,7 @@
                     a.availableOptionCount += 1;
                     a.selectedOptionCount += t.props.selected ? 1 : 0;
                     if (t.key !== "newValue" && !t.props.disabled && !t.props.selected) {
-                        A = false;
+                        E = false;
                     }
                     if (!r || !o) {
                         e.push(t);
@@ -1972,10 +1972,10 @@
                     e.push(i);
                     return e;
                 }), []);
-                a.optionSelection = a.selectedOptionCount === 0 && "none" || A && "all" || "some";
+                a.optionSelection = a.selectedOptionCount === 0 && "none" || E && "all" || "some";
  // add select all option
                                 if (v === "checkbox" && d && a.availableOptionCount > 0) {
-                    var M;
+                    var A;
                     var P;
                     if (a.optionSelection === "all") {
                         if (t === "") {
@@ -1995,7 +1995,7 @@
                         key: "selectAllOption",
                         selected: a.optionSelection === "all" || a.optionSelection !== "none" && "some",
                         selectAllLabel: P,
-                        totalCount: (M = a.getCurrentValues()) === null || M === void 0 ? void 0 : M.length,
+                        totalCount: (A = a.getCurrentValues()) === null || A === void 0 ? void 0 : A.length,
                         changedToggle: !!a.props.toggle,
                         onClick: a.optionSelection === "all" ? a.handleClearAll : a.handleSelectAll,
                         id: a.state.activeIndex === 0 ? a.activeItemId : undefined,
@@ -2095,7 +2095,7 @@
                 var p;
                 if (u) {
                     if (l >= 0) {
-                        p = [].concat(Et(i.slice(0, l)), Et(i.slice(l + 1)));
+                        p = [].concat(Mt(i.slice(0, l)), Mt(i.slice(l + 1)));
                     } else {
                         p = i.concat([ n ]);
                     }
@@ -2155,12 +2155,12 @@
                     "aria-label": f,
                     onClick: this.handleSelectAll,
                     "data-test": "select-all"
-                }, a ? (0, u._)("Select All Matches") : (0, u._)("Select All")),  r().createElement(yt, {
+                }, a ? (0, u._)("Select all Matches") : (0, u._)("Select all")),  r().createElement(yt, {
                     $disabled: this.optionSelection === "none",
                     "aria-label": d,
                     onClick: this.handleClearAll,
                     "data-test": "clear-all"
-                }, a ? (0, u._)("Clear All Matches") : (0, u._)("Clear All")));
+                }, a ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
                 return this.hasFilter() &&  r().createElement("div", {
                     key: "controls"
                 },  r().createElement(vt, {
@@ -2252,7 +2252,7 @@
     }(n.Component);
     Jt(rn, "propTypes", Qt);
     Jt(rn, "defaultProps", Xt);
-    Jt(rn, "Option", E);
+    Jt(rn, "Option", M);
     Jt(rn, "Divider", p.Divider);
     Jt(rn, "Heading", p.Heading);
     Jt(rn, "invalidLinkAppearanceProps", [ "append", "error", "prepend" ]);
@@ -2478,7 +2478,7 @@
                     children: n.Children.toArray(a).map((function(e) {
                         if (tn(e)) {
                             
-                            return r().createElement(E, ln({}, e.props, {
+                            return r().createElement(M, ln({}, e.props, {
                                 multiple: true
                             }));
                         }
@@ -2513,11 +2513,11 @@
     const jn = require("lodash/extend");
     var _n =  e.n(jn);
     // CONCATENATED MODULE: external "lodash/get"
-    const An = require("lodash/get");
-    var En =  e.n(An);
+    const En = require("lodash/get");
+    var Mn =  e.n(En);
     // CONCATENATED MODULE: external "lodash/isString"
-    const Mn = require("lodash/isString");
-    var Pn =  e.n(Mn);
+    const An = require("lodash/isString");
+    var Pn =  e.n(An);
     // CONCATENATED MODULE: external "lodash/last"
     const Vn = require("lodash/last");
     var Rn =  e.n(Vn);
@@ -2540,51 +2540,51 @@
     var Wn = Ke()(Hn()).withConfig({
         displayName: "NormalStyles__StyledBox",
         componentId: "sc-1uwwpco-0"
-    })([ "border-radius:", ";align-items:", ";flex-wrap:wrap;min-height:", ";max-height:300px;overflow-y:auto;border:1px solid ", ";padding:", ";", " ", " ", " ", " ", " &[data-inline]{width:400px;}[data-inline='true'] + &{margin-left:", "}" ], Me.variables.borderRadius, (0, 
-    Me.pick)({
+    })([ "border-radius:", ";align-items:", ";flex-wrap:wrap;min-height:", ";max-height:300px;overflow-y:auto;border:1px solid ", ";padding:", ";", " ", " ", " ", " ", " &[data-inline]{width:400px;}[data-inline='true'] + &{margin-left:", "}" ], Ae.variables.borderRadius, (0, 
+    Ae.pick)({
         enterprise: "flex-start",
         prisma: "center"
-    }), Me.variables.inputHeight, (0, Me.pick)({
+    }), Ae.variables.inputHeight, (0, Ae.pick)({
         enterprise: {
-            light: Me.variables.gray60,
-            dark: Me.variables.borderColor
+            light: Ae.variables.gray60,
+            dark: Ae.variables.borderColor
         },
-        prisma: Me.variables.interactiveColorBorder
-    }), (0, Me.pick)({
+        prisma: Ae.variables.interactiveColorBorder
+    }), (0, Ae.pick)({
         enterprise: "2px 0 0 2px",
         prisma: "2px"
-    }), (0, Me.pick)({
+    }), (0, Ae.pick)({
         enterprise: {
-            light: (0, Le.css)([ "background-color:", ";" ], Me.variables.white),
-            dark: (0, Le.css)([ "background-color:", ";" ], Me.variables.gray22)
+            light: (0, Le.css)([ "background-color:", ";" ], Ae.variables.white),
+            dark: (0, Le.css)([ "background-color:", ";" ], Ae.variables.gray22)
         }
     }), (function(e) {
         var t = e.$hasfocus;
-        return t && (0, Me.pick)({
-            enterprise: (0, Le.css)([ "box-shadow:", ";" ], Me.variables.focusShadow),
-            prisma: (0, Le.css)([ "border-color:", ";" ], Me.variables.focusColor)
+        return t && (0, Ae.pick)({
+            enterprise: (0, Le.css)([ "box-shadow:", ";" ], Ae.variables.focusShadow),
+            prisma: (0, Le.css)([ "border-color:", ";" ], Ae.variables.focusColor)
         });
     }), (function(e) {
         var t = e.$error;
-        return t && (0, Le.css)([ "border-color:", ";color:", ";" ], Me.variables.accentColorNegative, Me.variables.accentColorNegative);
+        return t && (0, Le.css)([ "border-color:", ";color:", ";" ], Ae.variables.accentColorNegative, Ae.variables.accentColorNegative);
     }), (function(e) {
         var t = e.$disabled, n = e.$hasfocus;
-        return t ? (0, Me.pick)({
+        return t ? (0, Ae.pick)({
             enterprise: {
-                light: (0, Le.css)([ "background-color:", ";border-color:", ";cursor:not-allowed;" ], Me.variables.gray96, Me.variables.gray92),
-                dark: (0, Le.css)([ "background-color:", ";border-color:", ";cursor:not-allowed;" ], Me.variables.gray22, Me.variables.gray30)
+                light: (0, Le.css)([ "background-color:", ";border-color:", ";cursor:not-allowed;" ], Ae.variables.gray96, Ae.variables.gray92),
+                dark: (0, Le.css)([ "background-color:", ";border-color:", ";cursor:not-allowed;" ], Ae.variables.gray22, Ae.variables.gray30)
             },
-            prisma: (0, Le.css)([ "border-color:", ";cursor:not-allowed;" ], Me.variables.interactiveColorBorderDisabled)
-        }) : !n && (0, Le.css)([ "&:hover{border-color:", ";}" ], (0, Me.pick)({
-            enterprise: Me.variables.borderColor,
-            prisma: Me.variables.interactiveColorBorderHover
+            prisma: (0, Le.css)([ "border-color:", ";cursor:not-allowed;" ], Ae.variables.interactiveColorBorderDisabled)
+        }) : !n && (0, Le.css)([ "&:hover{border-color:", ";}" ], (0, Ae.pick)({
+            enterprise: Ae.variables.borderColor,
+            prisma: Ae.variables.interactiveColorBorderHover
         }));
     }), (function(e) {
         var t = e.$popoverOpen;
-        return t && (0, Le.css)([ "position:relative;z-index:calc(", " - 2);" ], Me.variables.zindexFixedNavbar);
-    }), (0, Me.pick)({
-        enterprise: Me.variables.spacingHalf,
-        prisma: Me.variables.spacingSmall
+        return t && (0, Le.css)([ "position:relative;z-index:calc(", " - 2);" ], Ae.variables.zindexFixedNavbar);
+    }), (0, Ae.pick)({
+        enterprise: Ae.variables.spacingHalf,
+        prisma: Ae.variables.spacingSmall
     }));
     var zn = Ke().div.withConfig({
         displayName: "NormalStyles__StyledInputWrapper",
@@ -2593,10 +2593,10 @@
     var Un = Ke().input.withConfig({
         displayName: "NormalStyles__StyledInput",
         componentId: "sc-1uwwpco-2"
-    })([ "", ";min-width:100%;max-width:100%;line-height:12px;", "" ], Me.mixins.reset("block"), (0, 
-    Me.pick)({
+    })([ "", ";min-width:100%;max-width:100%;line-height:12px;", "" ], Ae.mixins.reset("block"), (0, 
+    Ae.pick)({
         enterprise: {
-            comfortable: (0, Le.css)([ "padding:", ";" ], Me.variables.spacingQuarter),
+            comfortable: (0, Le.css)([ "padding:", ";" ], Ae.variables.spacingQuarter),
             compact: (0, Le.css)([ "padding:3px;" ])
         },
         prisma: {
@@ -2609,7 +2609,7 @@
         componentId: "sc-1uwwpco-3"
     })([ "", "" ], (function(e) {
         var t = e.$popoveropen;
-        return t && (0, Le.css)([ "position:fixed;top:0;left:0;width:100%;height:100%;z-index:calc(", " - 2);" ], Me.variables.zindexFixedNavbar);
+        return t && (0, Le.css)([ "position:fixed;top:0;left:0;width:100%;height:100%;z-index:calc(", " - 2);" ], Ae.variables.zindexFixedNavbar);
     }));
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
@@ -3251,18 +3251,18 @@
                     }));
                 }
  // Filter the items
-                                var A = (0, Oe.stringToKeywords)(this.state.filterKeyword);
-                var E = p ? n.Children.toArray(s) : // ensure consistent keys
+                                var E = (0, Oe.stringToKeywords)(this.state.filterKeyword);
+                var M = p ? n.Children.toArray(s) : // ensure consistent keys
                 n.Children.toArray(s).filter((function(e) {
-                    if (En()(e, [ "props", "label" ], false)) {
-                        return (0, Oe.testPhrase)(e.props.label, A);
+                    if (Mn()(e, [ "props", "label" ], false)) {
+                        return (0, Oe.testPhrase)(e.props.label, E);
                     }
                     return true;
  // Keep all headers and non-interactive options
                                 }));
                 this.availableOptionCount = 0;
                 this.activeValue = undefined;
-                this.children = n.Children.map(E, (function(e, t) {
+                this.children = n.Children.map(M, (function(e, t) {
                     if (!e.props || !l()(e.props, "value")) {
                         // ignore Headings and Dividers
                         return e;
@@ -3280,7 +3280,7 @@
  // highlight matched text
                                         var i = r.props, s = i.children, c = i.label, u = i.matchRanges;
                     var f = s === undefined || Pn()(s);
-                    var d = f && !p && !u && A && (0, Oe.keywordLocations)(c, A);
+                    var d = f && !p && !u && E && (0, Oe.keywordLocations)(c, E);
  // clone item
                                         var v =  (0, n.cloneElement)(r, {
                         key: t,
@@ -3326,7 +3326,7 @@
                         return a;
                     }));
                 }
-                var M = wr("".concat(this.state.filterKeyword.length * .8, "em"));
+                var A = wr("".concat(this.state.filterKeyword.length * .8, "em"));
                 
                 return r().createElement(r().Fragment, null,  r().createElement(Wn, lr({
                     key: "control",
@@ -3366,7 +3366,7 @@
                     autoCorrect: "off",
                     spellCheck: false,
                     "aria-autocomplete": "list",
-                    style: M,
+                    style: A,
                     placeholder: I.length ? "" : g,
                     required: O,
                     "aria-activedescendant": this.state.open && this.availableOptionCount > 0 ? this.activeItemId : undefined
@@ -3439,12 +3439,12 @@
             Object.defineProperty(e, r.key, r);
         }
     }
-    function Ar(e, t, n) {
+    function Er(e, t, n) {
         if (t) _r(e.prototype, t);
         if (n) _r(e, n);
         return e;
     }
-    function Er(e, t) {
+    function Mr(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -3455,14 +3455,14 @@
                 configurable: true
             }
         });
-        if (t) Mr(e, t);
+        if (t) Ar(e, t);
     }
-    function Mr(e, t) {
-        Mr = Object.setPrototypeOf || function e(t, n) {
+    function Ar(e, t) {
+        Ar = Object.setPrototypeOf || function e(t, n) {
             t.__proto__ = n;
             return t;
         };
-        return Mr(e, t);
+        return Ar(e, t);
     }
     function Pr(e) {
         var t = Tr();
@@ -3575,13 +3575,13 @@
         return e && e.compact === true;
     }
     var Kr =  function(e) {
-        Er(n, e);
+        Mr(n, e);
         var t = Pr(n);
         function n() {
             jr(this, n);
             return t.apply(this, arguments);
         }
-        Ar(n, [ {
+        Er(n, [ {
             key: "render",
             // @docs-props-type MultiselectPropsBase
             // TODO: SUI-3402, this can be removed when ControlGroup no longer needs to inspect componentType