@splunk/react-ui 4.33.0 → 4.35.0

package/Monogram.js

@@ -61,21 +61,21 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ R,
-        getInitials: () => /* reexport */ P
+        default: () => /* reexport */ N,
+        getInitials: () => /* reexport */ $
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
     const i = require("prop-types");
-    var a =  e.n(i);
+    var o =  e.n(i);
     // CONCATENATED MODULE: external "lodash/omit"
-    const o = require("lodash/omit");
-    var s =  e.n(o);
+    const a = require("lodash/omit");
+    var c =  e.n(a);
     // CONCATENATED MODULE: external "styled-components"
-    const c = require("styled-components");
-    var l =  e.n(c);
+    const s = require("styled-components");
+    var l =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
     const u = require("@splunk/react-ui/Clickable");
     var f =  e.n(u);
@@ -91,13 +91,10 @@
                 }
         return t;
     };
-    var m = [ "#006d9c", "#ec9960", "#af575a", "#62b3b2", "#4fa484", "#f8be34", "#5a4575", "#708794", "#294e70", "#b6c75a", "#5cc05c", "#007abd", "#dc4e41", "#f1813f", "#f8be34", "#53a051", "#006d9c", "#77d6d8", "#f589ad", "#6a2c5d" ];
-    var b = l().div.withConfig({
-        displayName: "MonogramStyles__Styled",
-        componentId: "r5ud6k-0"
-    })([ "", ";align-items:center;justify-content:center;border-radius:50%;font-weight:normal;", " background-color:", ";", ";& + &{margin-left:4px;}" ], p.mixins.reset("inline-flex"), (0, 
+    var b = [ "#006d9c", "#ec9960", "#af575a", "#62b3b2", "#4fa484", "#f8be34", "#5a4575", "#708794", "#294e70", "#b6c75a", "#5cc05c", "#007abd", "#dc4e41", "#f1813f", "#f8be34", "#53a051", "#006d9c", "#77d6d8", "#f589ad", "#6a2c5d" ];
+    var m = (0, s.css)([ "", ";align-items:center;justify-content:center;border-radius:50%;font-weight:normal;", " background-color:", ";", ";& + &{margin-left:4px;}" ], p.mixins.reset("inline-flex"), (0, 
     p.pick)({
-        prisma: (0, c.css)([ "color:", ";" ], p.variables.contentColorActive)
+        prisma: (0, s.css)([ "color:", ";" ], p.variables.contentColorActive)
     }), (function(e) {
         var r = e.$backgroundColor, t = e.$initials;
         if (r === "theme") {
@@ -110,49 +107,97 @@
             });
         }
         if (r === "auto") {
-            return m[d(t) % m.length];
+            return b[d(t) % b.length];
         }
         return r;
     }), (function(e) {
         var r = e.$size;
         if (typeof r === "number") {
-            return (0, c.css)([ "height:", "px;width:", "px;" ], r, r);
+            return (0, s.css)([ "height:", "px;width:", "px;" ], r, r);
         }
         if (typeof r === "string") {
             return (0, p.pickVariant)("$size", {
-                small: (0, c.css)([ "font-size:", ";", "" ], p.variables.fontSize, (0, p.pick)({
-                    enterprise: (0, c.css)([ "height:32px;width:32px;" ]),
-                    prisma: (0, c.css)([ "height:24px;width:24px;" ])
+                small: (0, s.css)([ "font-size:", ";", "" ], p.variables.fontSize, (0, p.pick)({
+                    enterprise: (0, s.css)([ "height:32px;width:32px;" ]),
+                    prisma: (0, s.css)([ "height:24px;width:24px;" ])
                 })),
-                medium: (0, c.css)([ "height:48px;width:48px;font-size:", ";" ], p.variables.fontSize),
-                large: (0, c.css)([ "height:80px;width:80px;font-size:", ";" ], p.variables.fontSizeXXLarge),
-                xlarge: (0, c.css)([ "width:144px;height:144px;font-size:36px;font-weight:700;" ])
+                medium: (0, s.css)([ "height:48px;width:48px;font-size:", ";" ], p.variables.fontSize),
+                large: (0, s.css)([ "height:80px;width:80px;font-size:", ";" ], p.variables.fontSizeXXLarge),
+                xlarge: (0, s.css)([ "width:144px;height:144px;font-size:36px;font-weight:700;" ])
             });
         }
-        return (0, c.css)([ "height:48px;width:48px;font-size:", ";" ], p.variables.fontSize);
+        return (0, s.css)([ "height:48px;width:48px;font-size:", ";" ], p.variables.fontSize);
     }));
-    var v = b.withComponent(f());
-    var h = l()(v).withConfig({
-        displayName: "MonogramStyles__StyledClickable",
+    var v = l().div.withConfig({
+        displayName: "MonogramStyles__Styled",
+        componentId: "r5ud6k-0"
+    })([ "", "" ], m);
+    var y = l()(f()).withConfig({
+        displayName: "MonogramStyles__StyledClickableComponent",
         componentId: "r5ud6k-1"
+    })([ "", "" ], m);
+    var g = l()(y).withConfig({
+        displayName: "MonogramStyles__StyledClickable",
+        componentId: "r5ud6k-2"
     })([ "cursor:pointer;position:relative;:focus,:hover{", "}:focus{box-shadow:", ";z-index:1;}:active{", "}" ], (0, 
     p.pick)({
-        enterprise: (0, c.css)([ "box-shadow:", ";" ], p.variables.focusShadowInset),
-        prisma: (0, c.css)([ "border:1px solid transparent;background-color:", ";" ], p.variables.neutral200)
+        enterprise: (0, s.css)([ "box-shadow:", ";" ], p.variables.focusShadowInset),
+        prisma: (0, s.css)([ "border:1px solid transparent;background-color:", ";" ], p.variables.neutral200)
     }), (0, p.pick)({
         enterprise: p.variables.focusShadowInset,
         prisma: p.variables.focusShadow
     }), (0, p.pick)({
-        enterprise: (0, c.css)([ "opacity:0.85;" ]),
-        prisma: (0, c.css)([ "border:1px solid transparent;background-color:", ";opacity:1;" ], p.variables.neutral200)
+        enterprise: (0, s.css)([ "opacity:0.85;" ]),
+        prisma: (0, s.css)([ "border:1px solid transparent;background-color:", ";opacity:1;" ], p.variables.neutral200)
     }));
-    var g = l().span.withConfig({
+    var h = l().span.withConfig({
         displayName: "MonogramStyles__Initials",
-        componentId: "r5ud6k-2"
+        componentId: "r5ud6k-3"
     })([ "opacity:0.8;text-transform:capitalize;" ]);
     // CONCATENATED MODULE: ./src/Monogram/Monogram.tsx
-    function y() {
-        y = Object.assign || function(e) {
+    function O(e, r) {
+        var t = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var n = Object.getOwnPropertySymbols(e);
+            if (r) n = n.filter((function(r) {
+                return Object.getOwnPropertyDescriptor(e, r).enumerable;
+            }));
+            t.push.apply(t, n);
+        }
+        return t;
+    }
+    function k(e) {
+        for (var r = 1; r < arguments.length; r++) {
+            var t = arguments[r] != null ? arguments[r] : {};
+            if (r % 2) {
+                O(Object(t), true).forEach((function(r) {
+                    w(e, r, t[r]);
+                }));
+            } else if (Object.getOwnPropertyDescriptors) {
+                Object.defineProperties(e, Object.getOwnPropertyDescriptors(t));
+            } else {
+                O(Object(t)).forEach((function(r) {
+                    Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+                }));
+            }
+        }
+        return 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;
+        }
+        return e;
+    }
+    function j() {
+        j = Object.assign || function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -163,63 +208,63 @@
             }
             return e;
         };
-        return y.apply(this, arguments);
+        return j.apply(this, arguments);
     }
-    function k(e, r) {
-        return C(e) || O(e, r) || w(e, r) || x();
+    function x(e, r) {
+        return I(e) || P(e, r) || C(e, r) || S();
     }
-    function x() {
+    function S() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function w(e, r) {
+    function C(e, r) {
         if (!e) return;
-        if (typeof e === "string") return S(e, r);
+        if (typeof e === "string") return z(e, r);
         var t = Object.prototype.toString.call(e).slice(8, -1);
         if (t === "Object" && e.constructor) t = e.constructor.name;
         if (t === "Map" || t === "Set") return Array.from(e);
-        if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return S(e, r);
+        if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return z(e, r);
     }
-    function S(e, r) {
+    function z(e, r) {
         if (r == null || r > e.length) r = e.length;
         for (var t = 0, n = new Array(r); t < r; t++) {
             n[t] = e[t];
         }
         return n;
     }
-    function O(e, r) {
+    function P(e, r) {
         if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
         var t = [];
         var n = true;
         var i = false;
-        var a = undefined;
+        var o = undefined;
         try {
-            for (var o = e[Symbol.iterator](), s; !(n = (s = o.next()).done); n = true) {
-                t.push(s.value);
+            for (var a = e[Symbol.iterator](), c; !(n = (c = a.next()).done); n = true) {
+                t.push(c.value);
                 if (r && t.length === r) break;
             }
         } catch (e) {
             i = true;
-            a = e;
+            o = e;
         } finally {
             try {
-                if (!n && o["return"] != null) o["return"]();
+                if (!n && a["return"] != null) a["return"]();
             } finally {
-                if (i) throw a;
+                if (i) throw o;
             }
         }
         return t;
     }
-    function C(e) {
+    function I(e) {
         if (Array.isArray(e)) return e;
     }
-    function j(e, r) {
+    function _(e, r) {
         if (e == null) return {};
-        var t = z(e, r);
+        var t = E(e, r);
         var n, i;
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (i = 0; i < a.length; i++) {
-                n = a[i];
+            var o = Object.getOwnPropertySymbols(e);
+            for (i = 0; i < o.length; i++) {
+                n = o[i];
                 if (r.indexOf(n) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
                 t[n] = e[n];
@@ -227,31 +272,27 @@
         }
         return t;
     }
-    function z(e, r) {
+    function E(e, r) {
         if (e == null) return {};
         var t = {};
         var n = Object.keys(e);
-        var i, a;
-        for (a = 0; a < n.length; a++) {
-            i = n[a];
+        var i, o;
+        for (o = 0; o < n.length; o++) {
+            i = n[o];
             if (r.indexOf(i) >= 0) continue;
             t[i] = e[i];
         }
         return t;
     }
-    var I = {
-        backgroundColor: a().string,
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        initials: a().string.isRequired,
-        name: a().string,
-        onClick: a().func,
-        size: a().oneOfType([ a().oneOf([ "small", "medium", "large", "xlarge" ]), a().number ])
-    };
-    var _ = {
-        backgroundColor: "theme",
-        size: "medium"
+    var A = {
+        backgroundColor: o().string,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        initials: o().string.isRequired,
+        name: o().string,
+        onClick: o().func,
+        size: o().oneOfType([ o().oneOf([ "small", "medium", "large", "xlarge" ]), o().number ])
     };
-    function A(e) {
+    function M(e) {
         return !!e.onClick;
     }
     /**
@@ -260,55 +301,60 @@
  * @param {string} name - The full name.
  * @returns {string} Limited to three characters. Empty if `name` is empty.
  * @public
- */    function P(e) {
+ */    function $(e) {
         var r = (e.match(/[^\s-]+/g) || []).map((function(e) {
             return e[0];
         })).join("");
         return r.length > 3 ? "".concat(r[0]).concat(r[r.length - 1]) : r;
     }
-    function $(e) {
-        var r = e.backgroundColor, t = e.initials, n = e.size, i = j(e, [ "backgroundColor", "initials", "size" ]);
-        var a = {
+    function q(e) {
+        var r = e.backgroundColor, t = e.initials, n = e.size, i = _(e, [ "backgroundColor", "initials", "size" ]);
+        var o = {
             "data-test": "monogram",
             $backgroundColor: r,
             $initials: t,
             $size: n
         };
-        return [ a, i ];
+        return [ o, i ];
     }
-    function q(e) {
-        var r = $(e), i = k(r, 2), a = i[0], o = i[1];
-        var c = o.children, l = o.elementRef, u = o.name, f = o.onClick, p = j(o, [ "children", "elementRef", "name", "onClick" ]);
+    function R(e) {
+        var r = q(e), i = x(r, 2), o = i[0], a = i[1];
+        var s = a.children, l = a.elementRef, u = a.name, f = a.onClick, p = _(a, [ "children", "elementRef", "name", "onClick" ]);
         var d = (0, t.useCallback)((function(e) {
             f(e, {
                 name: u
             });
         }), [ f, u ]);
         
-        return n().createElement(h, y({
+        return n().createElement(g, j({
             elementRef: l,
             onClick: d
-        }, a, s()(p, Object.keys(I))), c);
+        }, o, c()(p, Object.keys(A))), s);
     }
-    function E(e) {
-        var r = $(e), t = k(r, 2), i = t[0], a = t[1];
-        var o = a.children, c = a.elementRef, l = j(a, [ "children", "elementRef" ]);
+    function T(e) {
+        var r = q(e), t = x(r, 2), i = t[0], o = t[1];
+        var a = o.children, s = o.elementRef, l = _(o, [ "children", "elementRef" ]);
         
-        return n().createElement(b, y({
-            ref: c
-        }, i, s()(l, Object.keys(I))), o);
+        return n().createElement(v, j({
+            ref: s
+        }, i, c()(l, Object.keys(A))), a);
     }
-    function M(e) {
+    function D(e) {
+        var r = e.backgroundColor, t = r === void 0 ? "theme" : r, i = e.initials, o = e.size, a = o === void 0 ? "medium" : o, c = _(e, [ "backgroundColor", "initials", "size" ]);
         // @docs-props-type MonogramPropsBase
-        if (false) {}
-        var r =  n().createElement(g, {
+                if (false) {}
+        var s =  n().createElement(h, {
             "data-test": "initials"
-        }, e.initials);
-        return A(e) ?  n().createElement(q, e, r) :  n().createElement(E, e, r);
+        }, i);
+        var l = k({
+            backgroundColor: t,
+            size: a,
+            initials: i
+        }, c);
+        return M(l) ?  n().createElement(R, l, s) :  n().createElement(T, l, s);
     }
-    M.propTypes = I;
-    M.defaultProps = _;
-    /* harmony default export */    const R = M;
+    D.propTypes = A;
+    /* harmony default export */    const N = D;
     // CONCATENATED MODULE: ./src/Monogram/index.ts
     module.exports = r;
     /******/})();

package/Multiselect.js

@@ -565,11 +565,11 @@
     z(G, "defaultProps", U);
     /* harmony default export */    const J = G;
     // CONCATENATED MODULE: external "lodash/castArray"
-    const Q = require("lodash/castArray");
-    var X =  e.n(Q);
+    const X = require("lodash/castArray");
+    var Y =  e.n(X);
     // CONCATENATED MODULE: external "lodash/find"
-    const Y = require("lodash/find");
-    var Z =  e.n(Y);
+    const Q = require("lodash/find");
+    var Z =  e.n(Q);
     // CONCATENATED MODULE: external "lodash/forEachRight"
     const ee = require("lodash/forEachRight");
     var te =  e.n(ee);
@@ -680,7 +680,10 @@
     var Ge = Fe().span.withConfig({
         displayName: "ItemStyles__StyledItemDescriptionRight",
         componentId: "sc-4kc053-1"
-    })([ "", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;" ], We, Ae.variables.spacing);
+    })([ "", ";float:right;", " max-width:50%;text-align:right;box-sizing:border-box;" ], We, (0, 
+    Ae.pick)({
+        enterprise: (0, Le.css)([ "padding-left:", ";" ], Ae.variables.spacingLarge)
+    }));
     var Je = Fe().div.withConfig({
         displayName: "ItemStyles__StyledItemSelectedIcon",
         componentId: "sc-4kc053-2"
@@ -691,7 +694,7 @@
         prisma: Ae.variables.contentColorActive,
         enterprise: Ae.variables.accentColorL10
     }));
-    var Qe = Fe().span.withConfig({
+    var Xe = Fe().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, 
@@ -705,10 +708,10 @@
         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 = Fe()($e()).withConfig({
+    var Ye = Fe()($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, 
+    })([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled],[aria-disabled='true']){&:hover{background:", ";", "}", " ", "}&:focus{outline:0;box-shadow:", ";", "}&[disabled],&[aria-disabled='true']{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", "" ], (0, 
     Ae.pick)({
         prisma: Ae.variables.contentColorActive,
         enterprise: {
@@ -751,8 +754,6 @@
         return t && (0, Ae.pick)({
             prisma: (0, Le.css)([ "background:", ";" ], Ae.mixins.overlayColors(Ae.variables.interactiveColorOverlaySelected, Ae.variables.interactiveColorOverlayHover))
         });
-    }), 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) {
@@ -760,6 +761,8 @@
         return t && (0, Ae.pick)({
             prisma: (0, Le.css)([ "background:", ";&:active{background:", ";}" ], Ae.variables.interactiveColorOverlaySelected, Ae.mixins.overlayColors(Ae.variables.interactiveColorOverlaySelected, Ae.variables.interactiveColorOverlayActive))
         });
+    }), Ae.variables.focusShadowInset, (0, Ae.pick)({
+        prisma: (0, Le.css)([ "background:", ";" ], Ae.variables.interactiveColorOverlayHover)
     }), (0, Ae.pick)({
         enterprise: {
             light: Ae.variables.gray45,
@@ -778,16 +781,16 @@
     }), (0, Ae.pick)({
         prisma: (0, Le.css)([ "& > * > ", "{color:", ";}" ], 
         /* sc-sel */
-        Qe, Ae.variables.contentColorDisabled)
+        Xe, Ae.variables.contentColorDisabled)
     }), (function(e) {
         var t = e.$selected;
         return t && (0, Ae.pick)({
             prisma: (0, Le.css)([ "", "{color:", ";}" ], 
             /* sc-sel */
-            Qe, Ae.variables.contentColorActive)
+            Xe, Ae.variables.contentColorActive)
         });
     }));
-    var Ye = Fe()(ze()).withConfig({
+    var Qe = Fe()(ze()).withConfig({
         displayName: "ItemStyles__StyledSwitch",
         componentId: "sc-4kc053-5"
     })([ "position:absolute;left:", ";top:", ";" ], (0, Ae.pick)({
@@ -877,7 +880,7 @@
             active: n,
             ref: t,
             tabIndex: -1
-        },  r().createElement(Ye, {
+        },  r().createElement(Qe, {
             interactive: false,
             selected: c === "some" && "some" || c,
             key: "main-checkbox",
@@ -944,10 +947,7 @@
     var bt = Fe().span.withConfig({
         displayName: "SelectBaseStyles__StyledCount",
         componentId: "sc-16cj7sk-5"
-    })([ "padding-right:", ";" ], (0, Ae.pick)({
-        enterprise: Ae.variables.spacingQuarter,
-        prisma: Ae.variables.spacingXSmall
-    }));
+    })([ "padding-right:", ";" ], Ae.variables.spacingXSmall);
     var yt = Fe()(Se()).withConfig({
         displayName: "SelectBaseStyles__StyledControlsLink",
         componentId: "sc-16cj7sk-6"
@@ -1338,11 +1338,11 @@
         }
         return e;
     }
-    var Qt = {
+    var Xt = {
         allowKeyMatching: a().bool,
         allowNewValues: a().bool,
         animateLoading: a().bool,
-        appearance: a().oneOf([ "default", "link", "primary", "pill", "toggle", "flat" ]),
+        appearance: a().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
         append: a().bool,
         children: a().node,
         defaultPlacement: a().oneOf([ "above", "below", "vertical" ]),
@@ -1385,7 +1385,7 @@
         /** @private. */
         virtualization: a().number
     };
-    var Xt = {
+    var Yt = {
         allowKeyMatching: true,
         allowNewValues: false,
         animateLoading: false,
@@ -1406,7 +1406,7 @@
         tabConfirmsNewValue: false,
         toggleContent: "optionChildren"
     };
-    var Yt = ce()((function(e) {
+    var Qt = ce()((function(e) {
         return [ e ];
     }));
  // preserve separate widths for single vs. multi mode
@@ -1755,9 +1755,9 @@
                                 if (k.length === 0 || !m && k.every((function(e) {
                     return e === "";
                 }))) {
-                    k = Yt(g);
+                    k = Qt(g);
  // placeholder has a default value so will not be undefined
-                                        I = Yt(g);
+                                        I = Qt(g);
                 }
  // If there's more than one item selected, read out the selected total
                 // rather than reading out each selected item
@@ -2037,7 +2037,7 @@
                     o = [ "".concat(t, ": ") ].concat(o);
                 }
                 if (r) {
-                    o = X()(o).concat(" ".concat(r));
+                    o = Y()(o).concat(" ".concat(r));
                 }
                 return o;
             }));
@@ -2236,13 +2236,12 @@
                             placement: i,
                             hasChildren: !!b.length
                         }),
-                        controlledExternally: o.hasFilter(),
-                        placement: i !== null && i !== void 0 ? i : undefined,
-                        onScrollBottom: o.props.onScrollBottom ? o.handleScrollBottom : undefined,
-                        "data-test": "results-menu",
-                        isLoading: o.props.isLoadingOptions,
+                        focusMode: o.hasFilter() ? "never" : undefined,
                         id: o.menuId,
-                        menuId: o.menuListboxId
+                        isLoading: o.props.isLoadingOptions,
+                        menuId: o.menuListboxId,
+                        onScrollBottom: o.props.onScrollBottom ? o.handleScrollBottom : undefined,
+                        placement: i !== null && i !== void 0 ? i : undefined
                     }, pe()(o.props, "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll")), {}, {
                         style: l,
                         tabIndex: s
@@ -2276,8 +2275,8 @@
         } ]);
         return o;
     }(n.Component);
-    Jt(rn, "propTypes", Qt);
-    Jt(rn, "defaultProps", Xt);
+    Jt(rn, "propTypes", Xt);
+    Jt(rn, "defaultProps", Yt);
     Jt(rn, "Option", M);
     Jt(rn, "Divider", p.Divider);
     Jt(rn, "Heading", p.Heading);
@@ -2612,10 +2611,7 @@
     }), (function(e) {
         var t = e.$popoverOpen;
         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
-    }));
+    }), Ae.variables.spacingSmall);
     var Un = Fe().span.withConfig({
         displayName: "NormalStyles__StyledButtonsWrapper",
         componentId: "sc-1uwwpco-1"
@@ -2626,7 +2622,7 @@
     })([ "", ";flex:1 0 auto;max-width:100%;line-height:12px;", "" ], Ae.mixins.reset("block"), (0, 
     Ae.pick)({
         enterprise: {
-            comfortable: (0, Le.css)([ "padding:", ";" ], Ae.variables.spacingQuarter),
+            comfortable: (0, Le.css)([ "padding:", ";" ], Ae.variables.spacingXSmall),
             compact: (0, Le.css)([ "padding:3px;" ])
         },
         prisma: {
@@ -2648,7 +2644,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function Qn(e, t) {
+    function Xn(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -2661,20 +2657,20 @@
         }
     }
     // CONCATENATED MODULE: ./src/Multiselect/Normal.tsx
-    function Xn(e) {
+    function Yn(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            Xn = function e(t) {
+            Yn = function e(t) {
                 return typeof t;
             };
         } else {
-            Xn = function e(t) {
+            Yn = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return Xn(e);
+        return Yn(e);
     }
-    function Yn(e) {
+    function Qn(e) {
         return nr(e) || tr(e) || er(e) || Zn();
     }
     function Zn() {
@@ -2823,7 +2819,7 @@
         };
     }
     function hr(e, t) {
-        if (t && (Xn(t) === "object" || typeof t === "function")) {
+        if (t && (Yn(t) === "object" || typeof t === "function")) {
             return t;
         }
         return br(e);
@@ -3111,11 +3107,11 @@
                 a.setState({
                     el: e
                 });
-                Qn(a.props.elementRef, e);
+                Xn(a.props.elementRef, e);
             }));
             gr(br(a), "handleInputMount", (function(e) {
                 a.input = e;
-                Qn(a.props.inputRef, e);
+                Xn(a.props.inputRef, e);
             }));
             gr(br(a), "handleActiveOptionMount", (function(e) {
                 if (a.previousActiveIndex !== a.state.activeIndex) {
@@ -3131,7 +3127,7 @@
                 });
                 
                 return r().createElement(xe(), sr({
-                    controlledExternally: true,
+                    focusMode: "never",
                     placement: o !== null && o !== void 0 ? o : undefined,
                     isLoading: a.props.isLoadingOptions,
                     onScrollBottom: a.props.onScrollBottom ? a.handleScrollBottom : undefined
@@ -3398,7 +3394,7 @@
                     "data-test-values": JSON.stringify(I),
                     inline: b,
                     $hasfocus: this.state.hasFocus
-                }, c().apply(void 0, [ C, "animateLoading", "controlledFilter", "defaultValues", "footerMessage", "inputRef", "isLoadingOptions", "labelledBy", "menuStyle", "noOptionsMessage", "onChange", "onFilterChange", "onScroll", "onScrollBottom", "onClose", "onOpen", "values", "useClickawayOverlay" ].concat(Yn(le()(x)))), {
+                }, c().apply(void 0, [ C, "animateLoading", "controlledFilter", "defaultValues", "footerMessage", "inputRef", "isLoadingOptions", "labelledBy", "menuStyle", "noOptionsMessage", "onChange", "onFilterChange", "onScroll", "onScrollBottom", "onClose", "onOpen", "values", "useClickawayOverlay" ].concat(Qn(le()(x)))), {
                     onClick: v ? undefined : this.handleClick,
                     $disabled: v,
                     $error: h,