@splunk/react-ui 4.37.0 → 4.38.0

package/Menu.js

@@ -62,10 +62,10 @@
     // EXPORTS
         e.d(t, {
         Divider: () => /* reexport */ w,
-        Heading: () => /* reexport */ F,
-        Item: () => /* reexport */ Ke,
+        Heading: () => /* reexport */ H,
+        Item: () => /* reexport */ Be,
         MenuContext: () => /* reexport */ y,
-        default: () => /* reexport */ nt
+        default: () => /* reexport */ at
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -259,7 +259,7 @@
     };
     /**
  * A non-interactive `Menu` item used to separate and label groups of `Menu` items.
- */    function H(e) {
+ */    function F(e) {
         var t = e.children, i = e.outerStyle, a = e.title, o = q(e, [ "children", "outerStyle", "title" ]);
         var l = (0, r.useContext)(y), s = l.role;
         var c = I()(), p = c.family;
@@ -286,11 +286,11 @@
             "aria-hidden": s === "listbox"
         }, f);
     }
-    H.propTypes = N;
-    /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    H.filterConsecutive = true;
-    /* Remove the item if it is the last item after filtering. */    H.filterLast = true;
-    /* Tag the item as a Heading */    H.as = "Heading";
-    /* harmony default export */    const F = H;
+    F.propTypes = N;
+    /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    F.filterConsecutive = true;
+    /* Remove the item if it is the last item after filtering. */    F.filterLast = true;
+    /* Tag the item as a Heading */    F.as = "Heading";
+    /* harmony default export */    const H = F;
     // CONCATENATED MODULE: external "lodash/isString"
     const $ = require("lodash/isString");
     var A =  e.n($);
@@ -306,32 +306,37 @@
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
     const G = require("@splunk/react-icons/enterprise/ChevronRight");
     var V =  e.n(G);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const U = require("@splunk/react-ui/Clickable");
+    // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
+    const U = require("@splunk/react-ui/ScreenReaderContent");
     var X =  e.n(U);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const Y = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
+    const J = require("@splunk/react-ui/Clickable");
+    var Q =  e.n(J);
     // CONCATENATED MODULE: external "@splunk/react-ui/Switch"
-    const Y = require("@splunk/react-ui/Switch");
-    var J =  e.n(Y);
+    const Z = require("@splunk/react-ui/Switch");
+    var ee =  e.n(Z);
     // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
-    var Q = (0, u.css)([ "color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;" ], (0, 
+    var te = (0, u.css)([ "color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;" ], (0, 
     b.pick)({
         prisma: b.variables.contentColorDefault,
         enterprise: b.variables.textGray
     }), b.variables.fontSizeSmall, (0, b.pick)({
         prisma: "16px"
     }));
-    var Z = f().span.withConfig({
+    var re = f().span.withConfig({
         displayName: "ItemStyles__StyledItemDescriptionBottom",
         componentId: "sc-4kc053-0"
-    })([ "", ";display:block;" ], Q);
-    var ee = f().span.withConfig({
+    })([ "", ";display:block;" ], te);
+    var ne = f().span.withConfig({
         displayName: "ItemStyles__StyledItemDescriptionRight",
         componentId: "sc-4kc053-1"
-    })([ "", ";float:right;", " max-width:50%;text-align:right;box-sizing:border-box;" ], Q, (0, 
+    })([ "", ";float:right;", " max-width:50%;text-align:right;box-sizing:border-box;" ], te, (0, 
     b.pick)({
         enterprise: (0, u.css)([ "padding-left:", ";" ], b.variables.spacingLarge)
     }));
-    var te = f().div.withConfig({
+    var ie = f().div.withConfig({
         displayName: "ItemStyles__StyledItemSelectedIcon",
         componentId: "sc-4kc053-2"
     })([ "position:absolute;", " color:", ";" ], (0, b.pick)({
@@ -341,7 +346,7 @@
         prisma: b.variables.contentColorActive,
         enterprise: b.variables.accentColorL10
     }));
-    var re = f().span.withConfig({
+    var ae = f().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, 
@@ -355,7 +360,7 @@
         prisma: (0, u.css)([ "color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}" ], b.variables.contentColorMuted),
         enterprise: (0, u.css)([ "transform:translateY(-1px);" ])
     }));
-    var ne = f()(X()).withConfig({
+    var oe = f()(Q()).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],[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, 
@@ -418,26 +423,26 @@
         prisma: b.variables.contentColorDisabled
     }), 
     /* sc-sel */
-    Z, 
+    re, 
     /* sc-sel */
-    ee, 
+    ne, 
     /* sc-sel */
-    te, (0, b.pick)({
+    ie, (0, b.pick)({
         prisma: b.variables.contentColorDisabled,
         enterprise: b.variables.gray80
     }), (0, b.pick)({
         prisma: (0, u.css)([ "& > * > ", "{color:", ";}" ], 
         /* sc-sel */
-        re, b.variables.contentColorDisabled)
+        ae, b.variables.contentColorDisabled)
     }), (function(e) {
         var t = e.$selected;
         return t && (0, b.pick)({
             prisma: (0, u.css)([ "", "{color:", ";}" ], 
             /* sc-sel */
-            re, b.variables.contentColorActive)
+            ae, b.variables.contentColorActive)
         });
     }));
-    var ie = f()(J()).withConfig({
+    var le = f()(ee()).withConfig({
         displayName: "ItemStyles__StyledSwitch",
         componentId: "sc-4kc053-5"
     })([ "position:absolute;left:", ";top:", ";" ], (0, b.pick)({
@@ -450,25 +455,25 @@
             compact: "2px"
         }
     }));
-    var ae = f().span.withConfig({
+    var se = f().span.withConfig({
         displayName: "ItemStyles__StyledInnerWrapper",
         componentId: "sc-4kc053-6"
     })([ "display:flex;align-items:flex-start;" ]);
-    var oe = f().span.withConfig({
+    var ce = f().span.withConfig({
         displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
         componentId: "sc-4kc053-7"
     })([ "display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", "" ], (function(e) {
         var t = e.$truncate;
         return t && (0, u.css)([ "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" ]);
     }));
-    var le = f().div.withConfig({
+    var pe = f().div.withConfig({
         displayName: "ItemStyles__StyledLabel",
         componentId: "sc-4kc053-8"
     })([ "overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", "" ], (function(e) {
         var t = e.$truncate;
         return t && (0, u.css)([ "display:block;clear:both;" ]);
     }));
-    var se = f().span.withConfig({
+    var ue = f().span.withConfig({
         displayName: "ItemStyles__StyledMatch",
         componentId: "sc-4kc053-9"
     })([ "border-bottom:1px solid ", ";" ], (0, b.pick)({
@@ -478,7 +483,7 @@
             light: b.variables.gray45
         }
     }));
-    var ce = f().span.withConfig({
+    var fe = f().span.withConfig({
         displayName: "ItemStyles__StyledSubmenu",
         componentId: "sc-4kc053-10"
     })([ "float:right;padding-left:", ";color:", ";", "" ], b.variables.spacingSmall, (0, 
@@ -489,36 +494,32 @@
         prisma: (0, u.css)([ "& > svg{width:20px;height:20px;}" ])
     }));
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRight"
-    const pe = require("@splunk/react-icons/ArrowSquareTopRight");
-    var ue =  e.n(pe);
+    const de = require("@splunk/react-icons/ArrowSquareTopRight");
+    var ve =  e.n(de);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/External"
-    const fe = require("@splunk/react-icons/enterprise/External");
-    var de =  e.n(fe);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const ve = require("@splunk/ui-utils/i18n");
+    const be = require("@splunk/react-icons/enterprise/External");
+    var me =  e.n(be);
     // CONCATENATED MODULE: ./src/Menu/icons/External.tsx
-    var be = (0, ve._)("Open externally");
-    var me = (0, u.css)([ "width:0.8em;height:0.8em;vertical-align:baseline;" ]);
-    var he = f()(de()).withConfig({
+    var he = (0, u.css)([ "width:0.8em;height:0.8em;vertical-align:baseline;" ]);
+    var ye = f()(me()).withConfig({
         displayName: "External__StyledEnterprise",
         componentId: "sc-1turs2s-0"
-    })([ "", " margin:0 0 0 3px;" ], me);
-    var ye = f()(ue()).withConfig({
+    })([ "", " margin:0 0 0 3px;" ], he);
+    var ge = f()(ve()).withConfig({
         displayName: "External__StyledPrisma",
         componentId: "sc-1turs2s-1"
-    })([ "", " margin:0 0 0 4px;" ], me);
-    function ge() {
+    })([ "", " margin:0 0 0 4px;" ], he);
+    function ke() {
         var e = (0, b.useSplunkTheme)(), t = e.isEnterprise, r = e.isCompact;
         var i = r ? "20px" : "24px";
-        return t ?  n().createElement(he, {
-            screenReaderText: be
-        }) :  n().createElement(ye, {
-            "aria-label": be,
+        return t ?  n().createElement(ye, {
+            screenReaderText: null
+        }) :  n().createElement(ge, {
             height: i,
             width: i
-        },  n().createElement("title", null, be));
+        });
     }
-    /* harmony default export */    const ke = ge;
+    /* harmony default export */    const xe = ke;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -526,7 +527,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function xe(e, t) {
+    function we(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -540,7 +541,7 @@
     }
     // CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
     // A utility that attempts to move an element into view by scrolling it's derived parent.
-    var we = function e(t) {
+    var Se = function e(t) {
         if (!t) {
             return;
         }
@@ -557,21 +558,21 @@
         }
     };
     // CONCATENATED MODULE: ./src/Menu/Item.tsx
-    function Se(e) {
+    function Oe(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            Se = function e(t) {
+            Oe = function e(t) {
                 return typeof t;
             };
         } else {
-            Se = function e(t) {
+            Oe = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return Se(e);
+        return Oe(e);
     }
-    function Oe() {
-        Oe = Object.assign || function(e) {
+    function Ce() {
+        Ce = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -582,11 +583,11 @@
             }
             return e;
         };
-        return Oe.apply(this, arguments);
+        return Ce.apply(this, arguments);
     }
-    function Ce(e, t) {
+    function Ie(e, t) {
         if (e == null) return {};
-        var r = Ie(e, t);
+        var r = Pe(e, t);
         var n, i;
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
@@ -599,7 +600,7 @@
         }
         return r;
     }
-    function Ie(e, t) {
+    function Pe(e, t) {
         if (e == null) return {};
         var r = {};
         var n = Object.keys(e);
@@ -611,12 +612,12 @@
         }
         return r;
     }
-    function Pe(e, t) {
+    function _e(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function _e(e, t) {
+    function je(e, t) {
         for (var r = 0; r < t.length; r++) {
             var n = t[r];
             n.enumerable = n.enumerable || false;
@@ -625,12 +626,12 @@
             Object.defineProperty(e, n.key, n);
         }
     }
-    function je(e, t, r) {
-        if (t) _e(e.prototype, t);
-        if (r) _e(e, r);
+    function Ee(e, t, r) {
+        if (t) je(e.prototype, t);
+        if (r) je(e, r);
         return e;
     }
-    function Ee(e, t) {
+    function Te(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -641,17 +642,17 @@
                 configurable: true
             }
         });
-        if (t) Te(e, t);
+        if (t) De(e, t);
     }
-    function Te(e, t) {
-        Te = Object.setPrototypeOf || function e(t, r) {
+    function De(e, t) {
+        De = Object.setPrototypeOf || function e(t, r) {
             t.__proto__ = r;
             return t;
         };
-        return Te(e, t);
+        return De(e, t);
     }
-    function De(e) {
-        var t = Ne();
+    function qe(e) {
+        var t = Fe();
         return function r() {
             var n = He(e), i;
             if (t) {
@@ -660,22 +661,22 @@
             } else {
                 i = n.apply(this, arguments);
             }
-            return qe(this, i);
+            return Re(this, i);
         };
     }
-    function qe(e, t) {
-        if (t && (Se(t) === "object" || typeof t === "function")) {
+    function Re(e, t) {
+        if (t && (Oe(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return Re(e);
+        return Ne(e);
     }
-    function Re(e) {
+    function Ne(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function Ne() {
+    function Fe() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -692,7 +693,7 @@
         };
         return He(e);
     }
-    function Fe(e, t, r) {
+    function $e(e, t, r) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: r,
@@ -705,7 +706,7 @@
         }
         return e;
     }
-    var $e = {
+    var Ae = {
         active: a().bool,
         children: a().node,
         description: a().string,
@@ -723,7 +724,7 @@
         onClick: a().func,
         /** @private */
         onFocus: a().func,
-        openInNewContext: a().bool,
+        openInNewContext: a().oneOfType([ a().bool, a().string ]),
         /** @private */
         preventFocus: a().bool,
         role: a().oneOf([ "menuitem", "menuitemradio", "menuitemcheckbox", "listboxitem", "option" ]),
@@ -735,7 +736,7 @@
         to: a().string,
         truncate: a().bool
     };
-    var Ae = {
+    var Me = {
         active: false,
         descriptionPosition: "bottom",
         hasSubmenu: false,
@@ -746,10 +747,11 @@
         selected: false,
         truncate: false
     };
-    var Me =  function(e) {
-        Ee(r, e);
-        var t = De(r);
-        je(r, null, [ {
+    var Le = (0, Y._)("(Opens new window)");
+    var ze =  function(e) {
+        Te(r, e);
+        var t = qe(r);
+        Ee(r, null, [ {
             key: "validateProps",
             // @docs-props-type ItemPropsBase
             value: function e(t) {
@@ -758,23 +760,23 @@
         } ]);
         function r(e) {
             var n;
-            Pe(this, r);
+            _e(this, r);
             n = t.call(this, e);
-            Fe(Re(n), "el", null);
-            Fe(Re(n), "handleFocus", (function(e) {
+            $e(Ne(n), "el", null);
+            $e(Ne(n), "handleFocus", (function(e) {
                 var t = n.props, r = t.onFocus, i = t.itemKey;
                 r === null || r === void 0 ? void 0 : r(e, {
                     itemKey: i
                 });
             }));
-            Fe(Re(n), "handleMount", (function(e) {
+            $e(Ne(n), "handleMount", (function(e) {
                 n.el = e;
-                xe(n.props.elementRef, e);
+                we(n.props.elementRef, e);
             }));
             r.validateProps(e);
             return n;
         }
-        je(r, [ {
+        Ee(r, [ {
             key: "componentDidUpdate",
             value: function e() {
                 r.validateProps(this.props);
@@ -788,7 +790,7 @@
         }, {
             key: "scrollIntoViewIfNeeded",
             value: function e() {
-                we(this.el);
+                Se(this.el);
             }
         }, {
             key: "renderLabel",
@@ -804,7 +806,7 @@
                     a.push(
                     
                     // eslint-disable-next-line react/no-array-index-key
-                    n().createElement(se, {
+                    n().createElement(ue, {
                         key: t,
                         "data-test": "match"
                     }, r.substring(e.start, e.end)));
@@ -819,24 +821,24 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, r = t.active, i = t.children, a = t.hasSubmenu, o = t.selectable, s = t.selectableAppearance, c = t.selected, p = t.icon, u = t.description, f = t.disabled, d = t.onClick, v = t.role, b = t.splunkTheme, m = t.to, h = t.truncate, y = t.descriptionPosition, g = t.openInNewContext, k = Ce(t, [ "active", "children", "hasSubmenu", "selectable", "selectableAppearance", "selected", "icon", "description", "disabled", "onClick", "role", "splunkTheme", "to", "truncate", "descriptionPosition", "openInNewContext" ]);
+                var t = this.props, r = t.active, i = t.children, a = t.hasSubmenu, o = t.selectable, s = t.selectableAppearance, c = t.selected, p = t.icon, u = t.description, f = t.disabled, d = t.onClick, v = t.role, b = t.splunkTheme, m = t.to, h = t.truncate, y = t.descriptionPosition, g = t.openInNewContext, k = Ie(t, [ "active", "children", "hasSubmenu", "selectable", "selectableAppearance", "selected", "icon", "description", "disabled", "onClick", "role", "splunkTheme", "to", "truncate", "descriptionPosition", "openInNewContext" ]);
                 var x = b.isEnterprise, w = b.isPrisma;
                 var S = this.context.preventFocus;
                 var O = o || c;
-                var C = {
+                var C = v || {
                     nonselectable: "menuitem",
                     checkmark: "menuitemradio",
                     checkbox: "menuitemcheckbox"
                 }[O ? s : "nonselectable"];
- // aria-checked updates only with checkmark appearance for now SUI-2578
-                                var I = {
+                var I = {
                     "aria-haspopup": a ? true : undefined,
-                    "aria-checked": s === "checkmark" && c ? true : undefined
+                    "aria-checked": C === "menuitemradio" || C === "menuitemcheckbox" ? c : undefined,
+                    "aria-selected": C === "option" && c ? true : undefined
                 };
                 var P = w ? "right" : "left";
                 var _ = u && y === "right";
                 var j = u && !_;
-                var E = c && s === "checkmark" &&  n().createElement(te, null, w ?  n().createElement(K(), {
+                var E = c && s === "checkmark" &&  n().createElement(ie, null, w ?  n().createElement(K(), {
                     inline: true,
                     height: "16",
                     width: "16"
@@ -846,8 +848,14 @@
                     screenReaderText: null,
                     size: .85
                 }));
+                var T = false;
+                var D;
+                if (g) {
+                    T = true;
+                    D = typeof g === "string" ? g : Le;
+                }
                 
-                return n().createElement(ne, Oe({
+                return n().createElement(oe, Ce({
                     $isSelectable: O,
                     $selectableAppearance: s,
                     $selected: c,
@@ -864,53 +872,53 @@
                             t.preventDefault();
                         }
                     },
-                    role: v || C,
+                    role: C,
                     tabIndex: S ? -1 : undefined,
                     to: m,
                     title: h && A()(i) ? i : undefined,
-                    openInNewContext: g
+                    openInNewContext: T
                 }, I, l()(k, "onFocus"), {
                     elementRef: this.handleMount
-                }), o && s === "checkbox" &&  n().createElement(ie, {
+                }), o && s === "checkbox" &&  n().createElement(le, {
                     interactive: false,
                     selected: c,
                     selectedLabel: "Selected",
                     value: "menu-item"
-                }), a &&  n().createElement(ce, null, x ?  n().createElement(V(), {
+                }), a &&  n().createElement(fe, null, x ?  n().createElement(V(), {
                     hideDefaultTooltip: true,
                     screenReaderText: null
-                }) :  n().createElement(L(), null)), _ &&  n().createElement(ee, {
+                }) :  n().createElement(L(), null)), _ &&  n().createElement(ne, {
                     "data-test": "description"
-                }, u),  n().createElement(ae, null, p &&  n().createElement(re, null, p),  n().createElement(oe, {
+                }, u),  n().createElement(se, null, p &&  n().createElement(ae, null, p),  n().createElement(ce, {
                     $truncate: h
-                }, P === "left" && E,  n().createElement(le, {
+                }, P === "left" && E,  n().createElement(pe, {
                     $truncate: h,
                     "data-test": "label"
-                }, this.renderLabel(), g &&  n().createElement(ke, null)), j &&  n().createElement(Z, {
+                }, this.renderLabel(), g &&  n().createElement(n().Fragment, null,  n().createElement(xe, null),  n().createElement(X(), null, D))), j &&  n().createElement(re, {
                     "data-test": "description"
                 }, u), P === "right" && E)));
             }
         } ]);
         return r;
     }(r.Component);
-    Fe(Me, "propTypes", $e);
-    Fe(Me, "defaultProps", Ae);
-    Fe(Me, "as", void 0);
-    Fe(Me, "contextType", y);
-    var Le = (0, b.withSplunkTheme)(Me);
-    var ze = Le;
-    ze.propTypes = Me.propTypes;
-    ze.as = "Item";
-    /* harmony default export */    const Ke = ze;
+    $e(ze, "propTypes", Ae);
+    $e(ze, "defaultProps", Me);
+    $e(ze, "as", void 0);
+    $e(ze, "contextType", y);
+    var Ke = (0, b.withSplunkTheme)(ze);
+    var We = Ke;
+    We.propTypes = ze.propTypes;
+    We.as = "Item";
+    /* harmony default export */    const Be = We;
     // CONCATENATED MODULE: external "@splunk/react-ui/Scroll"
-    const We = require("@splunk/react-ui/Scroll");
-    var Be =  e.n(We);
+    const Ge = require("@splunk/react-ui/Scroll");
+    var Ve =  e.n(Ge);
     // CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
-    var Ge = (0, u.css)([ "border-top:1px solid ", ";" ], (0, b.pick)({
+    var Ue = (0, u.css)([ "border-top:1px solid ", ";" ], (0, b.pick)({
         enterprise: b.variables.gray60,
         prisma: b.variables.neutral200
     }));
-    var Ve = (0, u.css)([ "", ";background-color:", ";border-radius:", ";min-width:60px;overflow:auto;position:relative;", " &:focus{outline:0;box-shadow:", ";", "}& + &{", "}" ], b.mixins.reset("block"), (0, 
+    var Xe = (0, u.css)([ "", ";background-color:", ";border-radius:", ";min-width:60px;overflow:auto;position:relative;", " &:focus{outline:0;box-shadow:", ";", "}& + &{", "}" ], b.mixins.reset("block"), (0, 
     b.pick)({
         enterprise: b.variables.backgroundColor,
         prisma: b.variables.backgroundColorPopup
@@ -918,22 +926,22 @@
         prisma: (0, u.css)([ "padding:8px 0;" ])
     }), b.variables.focusShadowInset, (0, b.pick)({
         prisma: (0, u.css)([ "background:", ";" ], b.variables.interactiveColorOverlayHover)
-    }), Ge);
-    var Ue = f().div.withConfig({
+    }), Ue);
+    var Ye = f().div.withConfig({
         displayName: "MenuStyles__Styled",
         componentId: "sc-1olffp9-0"
-    })([ "", "" ], Ve);
-    var Xe = f()(Be()).withConfig({
+    })([ "", "" ], Xe);
+    var Je = f()(Ve()).withConfig({
         displayName: "MenuStyles__StyledScroll",
         componentId: "sc-1olffp9-1"
-    })([ "", " ", " + &,& + ", "{", "}" ], Ve, 
+    })([ "", " ", " + &,& + ", "{", "}" ], Xe, 
     /* sc-sel */
-    Ue, 
+    Ye, 
     /* sc-sel */
-    Ue, Ge);
+    Ye, Ue);
     // CONCATENATED MODULE: ./src/Menu/Menu.tsx
-    function Ye() {
-        Ye = Object.assign || function(e) {
+    function Qe() {
+        Qe = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -944,11 +952,11 @@
             }
             return e;
         };
-        return Ye.apply(this, arguments);
+        return Qe.apply(this, arguments);
     }
-    function Je(e, t) {
+    function Ze(e, t) {
         if (e == null) return {};
-        var r = Qe(e, t);
+        var r = et(e, t);
         var n, i;
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
@@ -961,7 +969,7 @@
         }
         return r;
     }
-    function Qe(e, t) {
+    function et(e, t) {
         if (e == null) return {};
         var r = {};
         var n = Object.keys(e);
@@ -973,7 +981,7 @@
         }
         return r;
     }
-    var Ze = {
+    var tt = {
         children: a().node,
         elementRef: a().oneOfType([ a().func, a().object ]),
         focusMode: a().oneOf([ "roving", "normal", "never" ]),
@@ -981,7 +989,7 @@
         stopScrollPropagation: a().bool
     };
     // the default focus control for Menu: loop, verticalArrows(up/down keys), home/end keys
-        var et = function e(t) {
+        var rt = function e(t) {
         return {
             enableLoop: true,
             orientation: "vertical",
@@ -989,7 +997,7 @@
             enableHomeEnd: true
         };
     };
-    var tt = function e(t) {
+    var nt = function e(t) {
         var r = (0, c.keycode)(t.nativeEvent);
  // Handle special case for tab navigation
                 if (r === "tab" && (0, p.isTabKey)(t)) {
@@ -997,8 +1005,8 @@
         }
         return r;
     };
-    function rt(e) {
-        var t = e.children, i = e.elementRef, a = e.focusMode, o = e.retainFocus, c = e.stopScrollPropagation, u = Je(e, [ "children", "elementRef", "focusMode", "retainFocus", "stopScrollPropagation" ]);
+    function it(e) {
+        var t = e.children, i = e.elementRef, a = e.focusMode, o = e.retainFocus, c = e.stopScrollPropagation, u = Ze(e, [ "children", "elementRef", "focusMode", "retainFocus", "stopScrollPropagation" ]);
         // @docs-props-type MenuPropsBase
                 if (false) {}
         var f = (0, r.useContext)(y), d = f.role, v = d === void 0 ? "menu" : d;
@@ -1037,11 +1045,11 @@
         }), []);
         var x = (0, r.useCallback)((function(e) {
             h.current = e;
-            xe(i, e);
+            we(i, e);
         }), [ i ]);
-        var w = et(g);
+        var w = rt(g);
         var S = (0, r.useCallback)((function(e) {
-            var t = tt(e);
+            var t = nt(e);
             var r = t === "tab" || t === "tabShift";
             var n = t === "enter";
  // Allow default behavior for the enter key.
@@ -1075,20 +1083,20 @@
             onKeyDown: C,
             role: v
         };
-        return c ?  n().createElement(Xe, Ye({}, I, {
+        return c ?  n().createElement(Je, Qe({}, I, {
             elementRef: x,
             stopScrollPropagation: true
-        }, l()(u, "tagName")), k) :  n().createElement(Ue, Ye({}, I, {
+        }, l()(u, "tagName")), k) :  n().createElement(Ye, Qe({}, I, {
             ref: x
         }, u),  n().createElement(y.Provider, {
             value: O()
         }, k));
     }
-    rt.propTypes = Ze;
-    rt.Item = Ke;
-    rt.Divider = w;
-    rt.Heading = F;
-    /* harmony default export */    const nt = rt;
+    it.propTypes = tt;
+    it.Item = Be;
+    it.Divider = w;
+    it.Heading = H;
+    /* harmony default export */    const at = it;
     // CONCATENATED MODULE: ./src/Menu/index.ts
     module.exports = t;
     /******/})();