newskit 6.6.0 → 6.8.0

package/cjs/menu/menu.js

@@ -10,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -26,12 +45,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Menu = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
+var compose_react_refs_1 = __importDefault(require("@seznam/compose-react-refs"));
 var context_1 = require("./context");
 var styled_1 = require("./styled");
 var defaults_1 = __importDefault(require("./defaults"));
 var style_presets_1 = __importDefault(require("./style-presets"));
 var with_own_theme_1 = require("../utils/with-own-theme");
+var utils_1 = require("./utils");
 var getAlign = function (align, vertical) {
     if (!align) {
         return vertical ? 'start' : 'center';
@@ -41,8 +62,49 @@ var getAlign = function (align, vertical) {
 var ThemelessMenu = react_1.default.forwardRef(function (_a, ref) {
     var overrides = _a.overrides, children = _a.children, _b = _a.vertical, vertical = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, passedAlign = _a.align, rest = __rest(_a, ["overrides", "children", "vertical", "size", "align"]);
     var align = getAlign(passedAlign, vertical);
-    return (react_1.default.createElement(context_1.MenuContextProvider, { value: { vertical: vertical, size: size, align: align, overrides: overrides } },
-        react_1.default.createElement(styled_1.StyledMenu, __assign({ role: "navigation", "data-testid": "menu-container", overrides: overrides, vertical: vertical, ref: ref }, rest),
+    var _d = (0, react_1.useState)(null), expandedMenuSubId = _d[0], setExpandedMenuSubId = _d[1];
+    var updateExpandedMenuSubId = function (id) {
+        if (!id) {
+            setExpandedMenuSubId(null);
+        }
+        else if (!expandedMenuSubId) {
+            // no sub menu currently expanded
+            setExpandedMenuSubId(id);
+        }
+        else if (expandedMenuSubId === id) {
+            // the currently expanded sub menu has been clicked
+            setExpandedMenuSubId((0, utils_1.getParentId)(id));
+        }
+        else if ((0, utils_1.isDescendant)(id, expandedMenuSubId)) {
+            // the parent of the currently expanded sub menu has been clicked
+            setExpandedMenuSubId((0, utils_1.getParentId)(id));
+        }
+        else {
+            // any other sub menu has been clicked
+            setExpandedMenuSubId(id);
+        }
+    };
+    var menuRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        document.addEventListener("click", function (_a) {
+            var target = _a.target;
+            if (menuRef.current &&
+                !menuRef.current.contains(target) &&
+                !vertical) {
+                setExpandedMenuSubId(null);
+            }
+        });
+    }, [vertical]);
+    return (react_1.default.createElement(context_1.MenuContextProvider, { value: {
+            vertical: vertical,
+            size: size,
+            align: align,
+            overrides: overrides,
+            updateExpandedMenuSubId: updateExpandedMenuSubId,
+            expandedMenuSubId: expandedMenuSubId,
+            parentSubMenuId: null,
+        } },
+        react_1.default.createElement(styled_1.StyledMenu, __assign({ role: "navigation", "data-testid": "menu-container", overrides: overrides, vertical: vertical, ref: (0, compose_react_refs_1.default)(ref, menuRef) }, rest),
             react_1.default.createElement("ul", { role: "list" }, children))));
 });
 exports.Menu = (0, with_own_theme_1.withOwnTheme)(ThemelessMenu)({ defaults: defaults_1.default, stylePresets: style_presets_1.default });

package/cjs/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qCAA8C;AAE9C,mCAAoC;AACpC,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AAErD,IAAM,QAAQ,GAAG,UAAC,KAAgC,EAAE,QAAiB;IACnE,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;KACtC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,eAAK,CAAC,UAAU,CACpC,UACE,EAOC,EACD,GAAG;IAPD,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACR,WAAW,WAAA,EACf,IAAI,cANT,sDAOC,CADQ;IAIT,IAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,6BAAmB,IAAC,KAAK,EAAE,EAAC,QAAQ,UAAA,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC;QAC5D,8BAAC,mBAAU,aACT,IAAI,EAAC,YAAY,iBACL,gBAAgB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,IAAI;YAGR,sCAAI,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAM,CACpB,CACO,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,IAAI,GAAG,IAAA,6BAAY,EAAC,aAAa,CAAC,CAAC,EAAC,QAAQ,oBAAA,EAAE,YAAY,yBAAA,EAAC,CAAC,CAAC"}
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyD;AACzD,kFAAqD;AACrD,qCAAkE;AAElE,mCAAoC;AACpC,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AACrD,iCAAkD;AAElD,IAAM,QAAQ,GAAG,UAAC,KAAgC,EAAE,QAAiB;IACnE,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;KACtC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,eAAK,CAAC,UAAU,CACpC,UACE,EAOC,EACD,GAAG;IAPD,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACR,WAAW,WAAA,EACf,IAAI,cANT,sDAOC,CADQ;IAIT,IAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAExC,IAAA,KAA4C,IAAA,gBAAQ,EACxD,IAAI,CACL,EAFM,iBAAiB,QAAA,EAAE,oBAAoB,QAE7C,CAAC;IACF,IAAM,uBAAuB,GAAuB,UAAA,EAAE;QACpD,IAAI,CAAC,EAAE,EAAE;YACP,oBAAoB,CAAC,IAAI,CAAC,CAAC;SAC5B;aAAM,IAAI,CAAC,iBAAiB,EAAE;YAC7B,iCAAiC;YACjC,oBAAoB,CAAC,EAAE,CAAC,CAAC;SAC1B;aAAM,IAAI,iBAAiB,KAAK,EAAE,EAAE;YACnC,mDAAmD;YACnD,oBAAoB,CAAC,IAAA,mBAAW,EAAC,EAAE,CAAC,CAAC,CAAC;SACvC;aAAM,IAAI,IAAA,oBAAY,EAAC,EAAE,EAAE,iBAAiB,CAAC,EAAE;YAC9C,iEAAiE;YACjE,oBAAoB,CAAC,IAAA,mBAAW,EAAC,EAAE,CAAC,CAAC,CAAC;SACvC;aAAM;YACL,sCAAsC;YACtC,oBAAoB,CAAC,EAAE,CAAC,CAAC;SAC1B;IACH,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAC,EAAoB;gBAAnB,MAAM,YAAA;YACzC,IACE,OAAO,CAAC,OAAO;gBACf,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAc,CAAC;gBACzC,CAAC,QAAQ,EACT;gBACA,oBAAoB,CAAC,IAAI,CAAC,CAAC;aAC5B;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,8BAAC,6BAAmB,IAClB,KAAK,EAAE;YACL,QAAQ,UAAA;YACR,IAAI,MAAA;YACJ,KAAK,OAAA;YACL,SAAS,WAAA;YACT,uBAAuB,yBAAA;YACvB,iBAAiB,mBAAA;YACjB,eAAe,EAAE,IAAI;SACtB;QAED,8BAAC,mBAAU,aACT,IAAI,EAAC,YAAY,iBACL,gBAAgB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,IAAA,4BAAW,EAAC,GAAG,EAAE,OAAO,CAAC,IAC1B,IAAI;YAGR,sCAAI,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAM,CACpB,CACO,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,IAAI,GAAG,IAAA,6BAAY,EAAC,aAAa,CAAC,CAAC,EAAC,QAAQ,oBAAA,EAAE,YAAY,yBAAA,EAAC,CAAC,CAAC"}

package/cjs/menu/style-presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/menu/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAG3C,wBA8GiC"}
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/menu/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAG3C,wBA4LiC"}

package/cjs/menu/style-presets.js

@@ -108,5 +108,81 @@ exports.default = {
         },
         'focus-visible': default_focus_visible_1.defaultFocusVisible,
     },
+    menuSubItemVertical: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderStyle: 'solid',
+            borderColor: '{{colors.transparent}}',
+            borderWidth: '{{borders.borderWidth000}} {{borders.borderWidth020}} {{borders.borderWidth000}} {{borders.borderWidth000}}',
+            color: '{{colors.inkSubtle}}',
+            iconColor: '{{colors.inkSubtle}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePrimary010}}',
+            color: '{{colors.inkBrand010}}',
+            iconColor: '{{colors.inkBrand010}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePrimary020}}',
+            color: '{{colors.inkBrand010}}',
+            iconColor: '{{colors.inkBrand010}}',
+        },
+        selected: {
+            borderColor: '{{colors.interactivePrimary030}}',
+            color: '{{colors.inkBrand010}}',
+            iconColor: '{{colors.inkBrand010}}',
+        },
+        'selected:hover': {
+            backgroundColor: '{{colors.transparent}}',
+            borderColor: '{{colors.interactivePrimary030}}',
+            color: '{{colors.inkBrand010}}',
+            iconColor: '{{colors.inkBrand010}}',
+        },
+        disabled: {
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        'focus-visible': default_focus_visible_1.defaultFocusVisible,
+    },
+    menuSubItemHorizontal: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderStyle: 'solid',
+            borderColor: '{{colors.transparent}}',
+            borderWidth: '{{borders.borderWidth000}} {{borders.borderWidth000}} {{borders.borderWidth020}} {{borders.borderWidth000}}',
+            color: '{{colors.inkSubtle}}',
+            iconColor: '{{colors.inkSubtle}}',
+        },
+        hover: {
+            borderColor: '{{colors.interactivePrimary030}}',
+            color: '{{colors.inkBase}}',
+            iconColor: '{{colors.inkBase}}',
+        },
+        active: {
+            borderColor: '{{colors.interactivePrimary040}}',
+            color: '{{colors.inkContrast}}',
+            iconColor: '{{colors.inkContrast}}',
+        },
+        selected: {
+            borderColor: '{{colors.interactivePrimary030}}',
+            color: '{{colors.inkBase}}',
+            iconColor: '{{colors.inkBase}}',
+        },
+        'selected:hover': {
+            borderColor: '{{colors.interactivePrimary030}}',
+            color: '{{colors.inkBase}}',
+            iconColor: '{{colors.inkBase}}',
+        },
+        disabled: {
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        'focus-visible': default_focus_visible_1.defaultFocusVisible,
+    },
+    menuSub: {
+        base: {
+            backgroundColor: '{{colors.interface020}}',
+        },
+    },
 };
 //# sourceMappingURL=style-presets.js.map

package/cjs/menu/style-presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/menu/style-presets.ts"],"names":[],"mappings":";;AACA,wEAAmE;AAEnE,kBAAe;IACb,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,wBAAwB;YACrC,WAAW,EACT,6GAA6G;YAC/G,KAAK,EAAE,sBAAsB;YAC7B,SAAS,EAAE,sBAAsB;SAClC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,gBAAgB,EAAE;YAChB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,eAAe,EAAE,2CAAmB;KACrC;IACD,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,wBAAwB;YACrC,WAAW,EACT,6GAA6G;YAC/G,KAAK,EAAE,sBAAsB;YAC7B,SAAS,EAAE,sBAAsB;SAClC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;QACD,MAAM,EAAE;YACN,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,eAAe,EAAE,2CAAmB;KACrC;IACD,yBAAyB,EAAE;QACzB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,wBAAwB;YACrC,WAAW,EACT,6GAA6G;YAC/G,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,MAAM,EAAE;YACN,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;SAC9C;QACD,eAAe,EAAE,2CAAmB;KACrC;CAC6B,CAAC"}
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/menu/style-presets.ts"],"names":[],"mappings":"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"}

package/cjs/menu/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/menu/styled.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAG/E,eAAO,MAAM,UAAU;;;+GAsBtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;wJAwB3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;wJAkBhC,CAAC;AAEF,eAAO,MAAM,cAAc;;;sKAW1B,CAAC;AAkBF,eAAO,MAAM,YAAY;;;YACf,aAAa,GAAG,SAAS;;UAalC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;sKAwB7B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;0LAmBpB,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/menu/styled.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAG/E,eAAO,MAAM,UAAU;;;+GAsBtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;wJAwB3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;wJAkBhC,CAAC;AAEF,eAAO,MAAM,cAAc;;;sKAW1B,CAAC;AAkBF,eAAO,MAAM,YAAY;;;YACf,aAAa,GAAG,SAAS;;UAalC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;sKAwB7B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;0LA8BpB,CAAC"}

package/cjs/menu/styled.js

@@ -67,13 +67,19 @@ exports.StyledMenuDivider = style_1.styled.li(templateObject_6 || (templateObjec
     var vertical = _a.vertical;
     return (0, style_1.getResponsiveSpace)(vertical ? 'marginBottom' : 'marginRight', "menu", '', 'spaceInline');
 });
-exports.StyledUl = style_1.styled.ul(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: ", ";\n  flex-direction: ", ";\n  box-sizing: border-box;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  ", "\n\n  ", ";\n"], ["\n  display: ", ";\n  flex-direction: ", ";\n  box-sizing: border-box;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  ", "\n\n  ", ";\n"])), function (_a) {
+exports.StyledUl = style_1.styled.ul(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: ", ";\n  flex-direction: ", ";\n  box-sizing: border-box;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"], ["\n  display: ", ";\n  flex-direction: ", ";\n  box-sizing: border-box;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"])), function (_a) {
     var expanded = _a.expanded;
     return (expanded ? 'flex' : 'none');
 }, function (_a) {
     var vertical = _a.vertical;
     return (vertical ? 'column' : 'row');
-}, (0, logical_properties_1.logicalProps)(), function (_a) {
+}, function (_a) {
+    var vertical = _a.vertical;
+    return (0, style_1.getStylePreset)("menuSubItem.".concat(vertical ? 'vertical' : 'horizontal', ".list"), 'list');
+}, function (_a) {
+    var vertical = _a.vertical;
+    return (0, logical_properties_1.logicalProps)("menuSubItem.".concat(vertical ? 'vertical' : 'horizontal', ".list"), 'list');
+}, function (_a) {
     var vertical = _a.vertical;
     return vertical
         ? {}

package/cjs/menu/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/menu/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,oCAAiC;AACjC,wCAA0E;AAE1E,kEAAyD;AAE5C,QAAA,UAAU,GAAG,cAAM,CAAC,GAAG,iVAAW,iCAE3C,EAA6D,2JAS3D,EAAqD,UAErD,EAA6D,oCAI7D,EAAmE,aAGrE,EAA0B,OAC1B,EAAc,IACjB,KApBG,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC;AAA7C,CAA6C,EAS3D,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,QAAQ,IAAI,yBAAyB;AAArC,CAAqC,EAErD,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC;AAA7C,CAA6C,EAI7D,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,CAAC;AAAnD,CAAmD,EAGrE,IAAA,sBAAc,EAAC,MAAM,EAAE,EAAE,CAAC,EAC1B,IAAA,iCAAY,GAAE,EAChB;AAEW,QAAA,eAAe,GAAG,cAAM,CAAC,EAAE,oVAEvC,yIAIG,EAAkB,SAElB,EAMC,gHAQC,EAA6C,SAElD,KAlBG,IAAA,sBAAc,EAAC,EAAE,CAAC,EAElB,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,IAAA,0BAAkB,EAChB,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EACzC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAC/B,EAAE,EACF,aAAa,CACd;AALD,CAKC,EAQC,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,CAAC,QAAQ,IAAI,gBAAgB;AAA7B,CAA6B,EAEjD;AAEW,QAAA,oBAAoB,GAAG,cAAM,CAAC,GAAG,sHAE7C,mCAGG,EAKD,QAEC,EAKD,IACF,KAbG,IAAA,0BAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,OAAO,EACP,aAAa,CACd,EAEC,IAAA,0BAAkB,EAClB,UAAA,KAAK,IAAI,OAAA,CAAC,EAAC,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAC,CAAC,EAA3C,CAA2C,EACpD,iBAAiB,EACjB,OAAO,EACP,YAAY,CACb,EACD;AAEW,QAAA,cAAc,GAAG,cAAM,CAAC,EAAE,0GAEtC,iCAEG,EAMC,IACJ,KAPG,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,IAAA,0BAAkB,EAChB,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EACzC,MAAM,EACN,EAAE,EACF,aAAa,CACd;AALD,CAKC,EACH;AAEF,IAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;IACf,YAAY,EAAE,eAAe;CAC9B,CAAC;AAEF,IAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,OAAO;CACb,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,KAAoB;IACxC,OAAA,KAAK,KAAK,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC;AAA7E,CAA6E,CAAC;AAEnE,QAAA,YAAY,GAAG,IAAA,cAAM,EAAC,eAAM,CAAC,6HAGxC,sBAEE,EACkE,MAClE,EAIC,oBAEW,EAAyC,IACxD,KATG,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,QAAQ,IAAI,IAAA,sBAAc,EAAC,UAAU,EAAE,EAAE,EAAE,EAAC,UAAU,EAAE,QAAQ,EAAC,CAAC;AAAlE,CAAkE,EAClE,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,KAAK;QACL,iBAAiB,CAAC,KAAK,CAAC,IAAI;QAC1B,cAAc,EAAE,iBAAiB,CAAC,KAAK,CAAC;KACzC;AAHD,CAGC,EAEW,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC;AAA5B,CAA4B,EACvD;AAEW,QAAA,iBAAiB,GAAG,cAAM,CAAC,EAAE,mLAEzC,6DAIK,EAMC,sCAID,EAMC,SAEN,KAlBK,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,IAAA,0BAAkB,EAChB,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EACzC,WAAW,EACX,EAAE,EACF,aAAa,CACd;AALD,CAKC,EAID,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,IAAA,0BAAkB,EAChB,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EACzC,MAAM,EACN,EAAE,EACF,aAAa,CACd;AALD,CAKC,EAEL;AAEW,QAAA,QAAQ,GAAG,cAAM,CAAC,EAAE,uNAEhC,eACY,EAA4C,uBACrC,EAA6C,yFAK7D,EAAc,QAEd,EAOK,KACR,KAhBY,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;AAA5B,CAA4B,EACrC,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;AAA7B,CAA6B,EAK7D,IAAA,iCAAY,GAAE,EAEd,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,QAAQ;QACN,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACE,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,MAAM;SACd;AANL,CAMK,EACP"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/menu/styled.tsx"],"names":[],"mappings":"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"}

package/cjs/menu/types.d.ts

@@ -43,11 +43,16 @@ export declare type MenuSubIconProps = NewsKitIconProps & {
 };
 export declare type MenuSubProps = Omit<MenuItemProps, 'title' | 'overrides' | 'href'> & {
     title?: React.ReactNode;
+    href?: string;
     expanded?: boolean;
     defaultExpanded?: boolean;
+    align?: MenuItemAlign;
     overrides?: {
         indicatorIcon?: Override<MenuSubIconProps>;
-    } & MenuItemProps['overrides'] & LogicalProps;
+        list?: {
+            stylePreset?: MQ<string>;
+        } & LogicalProps;
+    } & MenuItemProps['overrides'];
 };
 export interface MenuDividerProps {
     overrides?: DividerOverrides & {

package/cjs/menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":"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"}

package/cjs/menu/utils.d.ts

@@ -0,0 +1,5 @@
+export declare const buildNestedId: (id: string, parentId: string | null) => string;
+export declare const getIdDepth: (id: string) => number;
+export declare const isDescendant: (id: string, descendantId: string) => boolean;
+export declare const getParentId: (id: string) => string | null;
+//# sourceMappingURL=utils.d.ts.map

package/cjs/menu/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/menu/utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,OAAQ,MAAM,YAAY,MAAM,GAAG,IAAI,KAAG,MAC/B,CAAC;AAEtC,eAAO,MAAM,UAAU,OAAQ,MAAM,KAAG,MACM,CAAC;AAE/C,eAAO,MAAM,YAAY,OAAQ,MAAM,gBAAgB,MAAM,KAAG,OACG,CAAC;AAEpE,eAAO,MAAM,WAAW,OAAQ,MAAM,KAAG,MAAM,GAAG,IAI5B,CAAC"}

package/cjs/menu/utils.js

@@ -0,0 +1,26 @@
+"use strict";
+// Note: using an immutable concatenated string ID (instead of an array of strings)
+// so that useEffect hooks do not repeatedly fire when ref changes but value
+// remains the same.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getParentId = exports.isDescendant = exports.getIdDepth = exports.buildNestedId = void 0;
+var buildNestedId = function (id, parentId) {
+    return parentId ? "".concat(parentId, "|").concat(id) : id;
+};
+exports.buildNestedId = buildNestedId;
+var getIdDepth = function (id) {
+    return id.length - id.replace(/\|/g, '').length + 1;
+};
+exports.getIdDepth = getIdDepth;
+var isDescendant = function (id, descendantId) {
+    return id === descendantId.split('|').slice(0, (0, exports.getIdDepth)(id)).join('|');
+};
+exports.isDescendant = isDescendant;
+var getParentId = function (id) {
+    return id
+        .split('|')
+        .slice(0, (0, exports.getIdDepth)(id) - 1)
+        .join('|') || null;
+};
+exports.getParentId = getParentId;
+//# sourceMappingURL=utils.js.map

package/cjs/menu/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/menu/utils.ts"],"names":[],"mappings":";AAAA,mFAAmF;AACnF,4EAA4E;AAC5E,oBAAoB;;;AAEb,IAAM,aAAa,GAAG,UAAC,EAAU,EAAE,QAAuB;IAC/D,OAAA,QAAQ,CAAC,CAAC,CAAC,UAAG,QAAQ,cAAI,EAAE,CAAE,CAAC,CAAC,CAAC,EAAE;AAAnC,CAAmC,CAAC;AADzB,QAAA,aAAa,iBACY;AAE/B,IAAM,UAAU,GAAG,UAAC,EAAU;IACnC,OAAA,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC;AAA5C,CAA4C,CAAC;AADlC,QAAA,UAAU,cACwB;AAExC,IAAM,YAAY,GAAG,UAAC,EAAU,EAAE,YAAoB;IAC3D,OAAA,EAAE,KAAK,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,IAAA,kBAAU,EAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAAjE,CAAiE,CAAC;AADvD,QAAA,YAAY,gBAC2C;AAE7D,IAAM,WAAW,GAAG,UAAC,EAAU;IACpC,OAAA,EAAE;SACC,KAAK,CAAC,GAAG,CAAC;SACV,KAAK,CAAC,CAAC,EAAE,IAAA,kBAAU,EAAC,EAAE,CAAC,GAAG,CAAC,CAAC;SAC5B,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI;AAHpB,CAGoB,CAAC;AAJV,QAAA,WAAW,eAID"}

package/cjs/select/defaults.d.ts

@@ -30,6 +30,7 @@ declare const _default: {
                 stylePreset: string;
                 maxHeight: string;
                 spaceInset: string;
+                zIndex: string;
             };
             modal: {
                 panel: {
@@ -67,6 +68,7 @@ declare const _default: {
                 stylePreset: string;
                 maxHeight: string;
                 spaceInset: string;
+                zIndex: string;
             };
             modal: {
                 panel: {
@@ -104,6 +106,7 @@ declare const _default: {
                 stylePreset: string;
                 maxHeight: string;
                 spaceInset: string;
+                zIndex: string;
             };
             modal: {
                 panel: {

package/cjs/select/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAwJE"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA2JE"}

package/cjs/select/defaults.js

@@ -33,6 +33,7 @@ exports.default = {
                 stylePreset: 'selectPanel',
                 maxHeight: '184px',
                 spaceInset: 'spaceInset020',
+                zIndex: 'layer',
             },
             modal: {
                 panel: {
@@ -71,6 +72,7 @@ exports.default = {
                 stylePreset: 'selectPanel',
                 maxHeight: '272px',
                 spaceInset: 'spaceInset020',
+                zIndex: 'layer',
             },
             modal: {
                 panel: {
@@ -109,6 +111,7 @@ exports.default = {
                 stylePreset: 'selectPanel',
                 maxHeight: '360px',
                 spaceInset: 'spaceInset020',
+                zIndex: 'layer',
             },
             modal: {
                 panel: {

package/cjs/select/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":"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"}

package/cjs/select/select-panel.d.ts

@@ -4,8 +4,6 @@ import { ModalProps } from '../modal';
 import { Override } from '../utils/overrides';
 interface SelectPanelProps {
     isOpen: boolean;
-    width: number;
-    height: number;
     top: number;
     left: number;
     size: ButtonSelectSize;
@@ -17,6 +15,8 @@ interface SelectPanelProps {
     renderInModal: boolean;
     buttonRef: React.RefObject<HTMLButtonElement>;
     closeMenu: Function;
+    strategy: 'fixed' | 'absolute';
+    zIndex: string;
 }
 export declare const StyledOptionWithPrivateProps: React.ForwardRefExoticComponent<Pick<SelectOptionProps & StyledOptionPrivateProps, "$size" | "$focused" | "$selected" | keyof SelectOptionProps> & React.RefAttributes<HTMLDivElement>>;
 export declare const SelectPanel: React.ForwardRefExoticComponent<SelectPanelProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/select/select-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-panel.d.ts","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAwB,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAGnE,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;IACvB,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,oBAAoB,CAAC;QAC7B,KAAK,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;KAC9B,CAAC;IACF,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAClD,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,SAAS,EAAE,QAAQ,CAAC;CACrB;AAID,eAAO,MAAM,4BAA4B,yLAoCvC,CAAC;AAEH,eAAO,MAAM,WAAW,yFAgGvB,CAAC;AAEF,UAAU,wBAAwB;IAChC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
+{"version":3,"file":"select-panel.d.ts","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAwB,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAGnE,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;IACvB,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,oBAAoB,CAAC;QAC7B,KAAK,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;KAC9B,CAAC;IACF,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAClD,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,SAAS,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;CAChB;AAID,eAAO,MAAM,4BAA4B,yLAoCvC,CAAC;AAEH,eAAO,MAAM,WAAW,yFAgGvB,CAAC;AAEF,UAAU,wBAAwB;IAChC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/cjs/select/select-panel.js

@@ -48,7 +48,7 @@ exports.StyledOptionWithPrivateProps = react_1.default.forwardRef(function (prop
         $selected && (react_1.default.createElement(styled_1.StyledOptionIcon, { "$size": $size, "$selected": $selected, "$focused": $focused }, selectedIcon || react_1.default.createElement(icons_1.IconFilledCheck, { overrides: { size: iconSize } })))));
 });
 exports.SelectPanel = react_1.default.forwardRef(function (props, panelRef) {
-    var isOpen = props.isOpen, width = props.width, height = props.height, top = props.top, left = props.left, size = props.size, children = props.children, buttonRef = props.buttonRef, renderInModal = props.renderInModal, closeMenu = props.closeMenu, overrides = props.overrides, restProps = __rest(props, ["isOpen", "width", "height", "top", "left", "size", "children", "buttonRef", "renderInModal", "closeMenu", "overrides"]);
+    var isOpen = props.isOpen, top = props.top, left = props.left, size = props.size, children = props.children, buttonRef = props.buttonRef, renderInModal = props.renderInModal, closeMenu = props.closeMenu, overrides = props.overrides, strategy = props.strategy, zIndex = props.zIndex, restProps = __rest(props, ["isOpen", "top", "left", "size", "children", "buttonRef", "renderInModal", "closeMenu", "overrides", "strategy", "zIndex"]);
     var listDescriptionId = (0, hooks_1.useReactKeys)(1)[0];
     var theme = (0, theme_1.useTheme)();
     var modalOverrides = (0, utils_1.getModalOverrides)({
@@ -71,20 +71,20 @@ exports.SelectPanel = react_1.default.forwardRef(function (props, panelRef) {
         }), ModalComponent = _a[0], modalProps = _a[1];
         return (react_1.default.createElement(ModalComponent, __assign({}, modalProps),
             screenReaderOnlyMessage,
-            react_1.default.createElement(styled_1.StyledModalPanel, __assign({ "data-testid": "select-panel", "aria-describedby": listDescriptionId, ref: panelRef }, restProps, { onBlur: function (e) {
+            react_1.default.createElement(styled_1.StyledModalPanel, __assign({ "data-testid": "select-panel", className: "modal-panel", "aria-describedby": listDescriptionId, ref: panelRef }, restProps, { onBlur: function (e) {
                     // set tabIndex to 0 so that user can return to the element
                     // when before that moves to Close / Other focusable elements inside the modal
                     e.target.setAttribute('tabIndex', '0');
                 } }), optionsAsChildren)));
     }
-    var x = Math.floor(left);
-    var y = Math.floor((top || 0) + (height || 0));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         screenReaderOnlyMessage,
-        react_1.default.createElement(styled_1.StyledSelectPanel, __assign({ "$isOpen": isOpen, "data-testid": "select-panel", "aria-describedby": isOpen ? listDescriptionId : undefined, "$width": width, "$size": size, ref: panelRef, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.panel }, restProps, { style: {
+        react_1.default.createElement(styled_1.StyledSelectPanel, __assign({ "$isOpen": isOpen, "data-testid": "select-panel", "aria-describedby": isOpen ? listDescriptionId : undefined, "$size": size, ref: panelRef, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.panel, zIndex: zIndex }, restProps, { style: {
                 // inline styles are faster since emotion does not have to create a new css class
                 // and apply it to the element on every scroll change
-                transform: "translate3d(".concat(x, "px, ").concat(y, "px, 0)"),
+                top: Math.round(top),
+                left: Math.round(left),
+                position: strategy,
             } }), optionsAsChildren)));
 });
 //# sourceMappingURL=select-panel.js.map

package/cjs/select/select-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-panel.js","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"select-panel.js","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"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"}

package/cjs/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAIf,OAAO,EAAC,WAAW,EAAoB,MAAM,SAAS,CAAC;AAoTvD,eAAO,MAAM,MAAM,+GAGjB,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,EAAC,WAAW,EAAoB,MAAM,SAAS,CAAC;AAmSvD,eAAO,MAAM,MAAM,+GAGjB,CAAC"}

package/cjs/select/select.js

@@ -57,9 +57,11 @@ var with_own_theme_1 = require("../utils/with-own-theme");
 var check_breakpoint_prop_1 = require("../utils/check-breakpoint-prop");
 var use_media_query_1 = require("../utils/hooks/use-media-query");
 var use_virtualized_list_1 = require("./use-virtualized-list");
-var layer_1 = require("../layer");
 var instrumentation_1 = require("../instrumentation");
 var get_1 = require("../utils/get");
+var layer_1 = require("../layer");
+var get_token_1 = require("../utils/get-token");
+var theme_1 = require("../theme");
 var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
     var overrides = props.overrides, _a = props.placeholder, placeholder = _a === void 0 ? 'Select Option' : _a, state = props.state, startEnhancer = props.startEnhancer, endEnhancer = props.endEnhancer, validationIcon = props.validationIcon, onBlur = props.onBlur, onFocus = props.onFocus, onChange = props.onChange, _b = props.size, size = _b === void 0 ? 'medium' : _b, loading = props.loading, children = props.children, _c = props.useModal, useModal = _c === void 0 ? {} : _c, _d = props.virtualized, virtualized = _d === void 0 ? 50 : _d, _e = props.eventContext, eventContext = _e === void 0 ? {} : _e, _f = props.eventOriginator, eventOriginator = _f === void 0 ? 'select' : _f, onOpenChange = props.onOpenChange, restProps = __rest(props, ["overrides", "placeholder", "state", "startEnhancer", "endEnhancer", "validationIcon", "onBlur", "onFocus", "onChange", "size", "loading", "children", "useModal", "virtualized", "eventContext", "eventOriginator", "onOpenChange"]);
     var selectRef = (0, react_1.useRef)(null);
@@ -146,67 +148,49 @@ var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
         }
         setIsFocused(false);
     }, [allowBlur, onBlur]);
-    var _m = getToggleButtonProps(), downshiftButtonPropsRef = _m.ref, downshiftButtonPropsExceptRef = __rest(_m, ["ref"]);
+    var _m = (0, react_dom_interactions_1.useFloating)({
+        strategy: 'absolute',
+        open: isOpen,
+        placement: 'bottom-start',
+        middleware: [
+            (0, react_dom_interactions_1.offset)(0),
+            (0, react_dom_interactions_1.shift)(),
+            (0, react_dom_interactions_1.autoPlacement)({
+                allowedPlacements: ['top-start', 'bottom-start'],
+            }),
+            (0, react_dom_interactions_1.size)({
+                apply: function (_a) {
+                    var rects = _a.rects, elements = _a.elements;
+                    Object.assign(elements.floating.style, {
+                        // when the panel is inside a modal we want to be 100%
+                        width: elements.floating.classList.contains('modal-panel')
+                            ? /* istanbul ignore next */
+                                '100%'
+                            : "".concat(rects.reference.width, "px"),
+                    });
+                },
+            }),
+        ],
+    }), x = _m.x, y = _m.y, reference = _m.reference, strategy = _m.strategy, update = _m.update, refs = _m.refs;
+    var _o = getToggleButtonProps(), downshiftButtonPropsRef = _o.ref, downshiftButtonPropsExceptRef = __rest(_o, ["ref"]);
     delete downshiftButtonPropsExceptRef['aria-labelledby']; // deleting because FormInput provides these props
-    var _o = getMenuProps(), downshiftMenuPropsRef = _o.ref, downshiftMenuPropsExceptRef = __rest(_o, ["ref"]);
-    var _p = (0, react_1.useState)({
-        width: 0,
-        top: 0,
-        height: 0,
-        left: 0,
-    }), _q = _p[0], width = _q.width, top = _q.top, height = _q.height, left = _q.left, setSelectRect = _p[1];
-    (0, react_1.useEffect)(function () {
-        if (isOpen && selectRef.current) {
-            // getting width, height, left, top of the select
-            setSelectRect(selectRef.current.getBoundingClientRect());
-        }
-    }, [isOpen, selectRef]);
-    // Chrome does not focus the panel until its in view port,
-    // that's why we need to use scrollIntoView and focus after that.
-    // This does not seems to be a problem in FF and Safari
-    // This part can be removed if Chrome fixes that in the future.
-    (0, react_1.useEffect)(function () {
+    var _p = getMenuProps({ ref: (0, compose_react_refs_1.default)(refs.floating, panelRef) }), downshiftMenuPropsRef = _p.ref, downshiftMenuPropsExceptRef = __rest(_p, ["ref"]);
+    // eslint-disable-next-line consistent-return
+    react_1.default.useLayoutEffect(function () {
         /* istanbul ignore next */
-        if (isOpen &&
-            panelRef.current &&
-            'scrollIntoView' in panelRef.current &&
-            'focus' in panelRef.current) {
-            var callback = function () {
-                var _a, _b;
-                (_a = panelRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
-                (_b = panelRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-            };
-            setTimeout(callback, 0);
+        if (isOpen && refs.reference.current && refs.floating.current) {
+            return (0, react_dom_interactions_1.autoUpdate)(refs.reference.current, refs.floating.current, update);
         }
-    }, [isOpen, panelRef]);
-    var onOverflowScroll = (0, react_1.useCallback)(function () {
-        if (selectRef.current) {
-            setSelectRect(selectRef.current.getBoundingClientRect());
-        }
-    }, [setSelectRect, selectRef]);
-    var parentOverflowNode = (0, react_1.useRef)();
-    // In some cases the parent scroll element is not body/html in that case we need to
-    // adjust the position of the panel according to that parent.
-    // We use getOverflowAncestors from get nearest scollable parent and attach scroll event listener
-    // so that we know when it moves and we re-take the panel position on evert scroll move.
-    (0, react_1.useEffect)(function () {
-        if (localInputRef.current && isOpen) {
-            var nearest = (0, react_dom_interactions_1.getOverflowAncestors)(localInputRef.current)[0];
-            if (nearest instanceof window.HTMLElement) {
-                parentOverflowNode.current = nearest;
-                parentOverflowNode.current.addEventListener('scroll', onOverflowScroll);
-            }
-        }
-        return function () {
-            if (parentOverflowNode.current) {
-                parentOverflowNode.current.removeEventListener('scroll', onOverflowScroll);
-            }
-        };
-    }, [isOpen, onOverflowScroll]);
+    }, [isOpen, update, refs.floating, refs.reference]);
+    var theme = (0, theme_1.useTheme)();
+    var zIndex = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, "select.".concat(size, ".panel.zIndex"), 'panel.zIndex', 'sizing');
+    // by default the select panel renders in layer,
+    // however users can provider zIndex value so that change and adjust according to their use-case
+    var LayerElement = zIndex === 'layer' ? layer_1.Layer : react_1.default.Fragment;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(select_button_1.SelectButton, __assign({ size: size, placeholder: placeholder, isFocused: isFocused, loading: loading, state: state, selectedItem: selectedItem, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.button, startEnhancer: startEnhancer, endEnhancer: endEnhancer, validationIcon: validationIcon, setAllowBlur: setAllowBlur, onSelectButtonBlur: onSelectButtonBlur, onSelectButtonFocus: onSelectButtonFocus, openMenu: openMenu, itemToString: itemToString, ref: (0, compose_react_refs_1.default)(localInputRef, downshiftButtonPropsRef, inputRef), selectRef: selectRef, value: buttonValue, isOpen: isOpen }, downshiftButtonPropsExceptRef, restProps)),
-        react_1.default.createElement(layer_1.Layer, null,
-            react_1.default.createElement(select_panel_1.SelectPanel, __assign({ isOpen: isOpen, overrides: overrides, width: width, height: height, top: top, left: left, size: size, buttonRef: localInputRef, renderInModal: renderInModal, closeMenu: closeMenu }, downshiftMenuPropsExceptRef, { ref: (0, compose_react_refs_1.default)(panelRef, downshiftMenuPropsRef) }), optionsAsChildren))));
+        react_1.default.createElement(select_button_1.SelectButton, __assign({ size: size, placeholder: placeholder, isFocused: isFocused, loading: loading, state: state, selectedItem: selectedItem, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.button, startEnhancer: startEnhancer, endEnhancer: endEnhancer, validationIcon: validationIcon, setAllowBlur: setAllowBlur, onSelectButtonBlur: onSelectButtonBlur, onSelectButtonFocus: onSelectButtonFocus, openMenu: openMenu, itemToString: itemToString, ref: (0, compose_react_refs_1.default)(localInputRef, downshiftButtonPropsRef, inputRef), selectRef: (0, compose_react_refs_1.default)(selectRef, reference), value: buttonValue, isOpen: isOpen }, downshiftButtonPropsExceptRef, restProps)),
+        react_1.default.createElement(LayerElement, null,
+            react_1.default.createElement(select_panel_1.SelectPanel, __assign({ isOpen: isOpen, overrides: overrides, top: y, left: x, size: size, buttonRef: localInputRef, renderInModal: renderInModal, closeMenu: closeMenu }, downshiftMenuPropsExceptRef, { ref: downshiftMenuPropsRef, strategy: strategy, zIndex: zIndex }), optionsAsChildren))));
 });
 ThemelessSelect.displayName = 'Select';
 exports.Select = (0, with_own_theme_1.withOwnTheme)(ThemelessSelect)({