newskit 6.6.0 → 6.8.0

package/esm/menu/menu.js

@@ -20,12 +20,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import React, { useEffect, useRef, useState } from 'react';
+import composeRefs from '@seznam/compose-react-refs';
 import { MenuContextProvider } from './context';
 import { StyledMenu } from './styled';
 import defaults from './defaults';
 import stylePresets from './style-presets';
 import { withOwnTheme } from '../utils/with-own-theme';
+import { getParentId, isDescendant } from './utils';
 var getAlign = function (align, vertical) {
     if (!align) {
         return vertical ? 'start' : 'center';
@@ -35,8 +37,49 @@ var getAlign = function (align, vertical) {
 var ThemelessMenu = React.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.createElement(MenuContextProvider, { value: { vertical: vertical, size: size, align: align, overrides: overrides } },
-        React.createElement(StyledMenu, __assign({ role: "navigation", "data-testid": "menu-container", overrides: overrides, vertical: vertical, ref: ref }, rest),
+    var _d = 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(getParentId(id));
+        }
+        else if (isDescendant(id, expandedMenuSubId)) {
+            // the parent of the currently expanded sub menu has been clicked
+            setExpandedMenuSubId(getParentId(id));
+        }
+        else {
+            // any other sub menu has been clicked
+            setExpandedMenuSubId(id);
+        }
+    };
+    var menuRef = useRef(null);
+    useEffect(function () {
+        document.addEventListener("click", function (_a) {
+            var target = _a.target;
+            if (menuRef.current &&
+                !menuRef.current.contains(target) &&
+                !vertical) {
+                setExpandedMenuSubId(null);
+            }
+        });
+    }, [vertical]);
+    return (React.createElement(MenuContextProvider, { value: {
+            vertical: vertical,
+            size: size,
+            align: align,
+            overrides: overrides,
+            updateExpandedMenuSubId: updateExpandedMenuSubId,
+            expandedMenuSubId: expandedMenuSubId,
+            parentSubMenuId: null,
+        } },
+        React.createElement(StyledMenu, __assign({ role: "navigation", "data-testid": "menu-container", overrides: overrides, vertical: vertical, ref: composeRefs(ref, menuRef) }, rest),
             React.createElement("ul", { role: "list" }, children))));
 });
 export var Menu = withOwnTheme(ThemelessMenu)({ defaults: defaults, stylePresets: stylePresets });

package/esm/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAE9C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;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,KAAK,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,oBAAC,mBAAmB,IAAC,KAAK,EAAE,EAAC,QAAQ,UAAA,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC;QAC5D,oBAAC,UAAU,aACT,IAAI,EAAC,YAAY,iBACL,gBAAgB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,IAAI;YAGR,4BAAI,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAM,CACpB,CACO,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAE,YAAY,cAAA,EAAC,CAAC,CAAC"}
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"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"}

package/esm/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/esm/menu/style-presets.js

@@ -106,5 +106,81 @@ export default {
         },
         'focus-visible': 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': 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': defaultFocusVisible,
+    },
+    menuSub: {
+        base: {
+            backgroundColor: '{{colors.interface020}}',
+        },
+    },
 };
 //# sourceMappingURL=style-presets.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/menu/style-presets.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;AAEnE,eAAe;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,mBAAmB;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,mBAAmB;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,mBAAmB;KACrC;CAC6B,CAAC"}
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/menu/style-presets.ts"],"names":[],"mappings":"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"}

package/esm/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/esm/menu/styled.js

@@ -64,13 +64,19 @@ export var StyledMenuDivider = styled.li(templateObject_6 || (templateObject_6 =
     var vertical = _a.vertical;
     return getResponsiveSpace(vertical ? 'marginBottom' : 'marginRight', "menu", '', 'spaceInline');
 });
-export var StyledUl = 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) {
+export var StyledUl = 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');
-}, logicalProps(), function (_a) {
+}, function (_a) {
+    var vertical = _a.vertical;
+    return getStylePreset("menuSubItem.".concat(vertical ? 'vertical' : 'horizontal', ".list"), 'list');
+}, function (_a) {
+    var vertical = _a.vertical;
+    return logicalProps("menuSubItem.".concat(vertical ? 'vertical' : 'horizontal', ".list"), 'list');
+}, function (_a) {
     var vertical = _a.vertical;
     return vertical
         ? {}

package/esm/menu/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/menu/styled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAC;AACjC,OAAO,EAAC,cAAc,EAAE,kBAAkB,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAE1E,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,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,cAAc,CAAC,MAAM,EAAE,EAAE,CAAC,EAC1B,YAAY,EAAE,CACjB,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,EAAE,oVAEvC,yIAIG,EAAkB,SAElB,EAMC,gHAQC,EAA6C,SAElD,KAlBG,cAAc,CAAC,EAAE,CAAC,EAElB,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,kBAAkB,CAChB,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,CAElD,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,sHAE7C,mCAGG,EAKD,QAEC,EAKD,IACF,KAbG,kBAAkB,CAClB,cAAc,EACd,iBAAiB,EACjB,OAAO,EACP,aAAa,CACd,EAEC,kBAAkB,CAClB,UAAA,KAAK,IAAI,OAAA,CAAC,EAAC,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAC,CAAC,EAA3C,CAA2C,EACpD,iBAAiB,EACjB,OAAO,EACP,YAAY,CACb,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,EAAE,0GAEtC,iCAEG,EAMC,IACJ,KAPG,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,kBAAkB,CAChB,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EACzC,MAAM,EACN,EAAE,EACF,aAAa,CACd;AALD,CAKC,CACJ,CAAC;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;AAEhF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,6HAGxC,sBAEE,EACkE,MAClE,EAIC,oBAEW,EAAyC,IACxD,KATG,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,QAAQ,IAAI,cAAc,CAAC,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,CACxD,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,mLAEzC,6DAIK,EAMC,sCAID,EAMC,SAEN,KAlBK,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,kBAAkB,CAChB,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,kBAAkB,CAChB,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EACzC,MAAM,EACN,EAAE,EACF,aAAa,CACd;AALD,CAKC,CAEN,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,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,YAAY,EAAE,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,CACR,CAAC"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/menu/styled.tsx"],"names":[],"mappings":"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"}

package/esm/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/esm/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":";AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AACzD,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAC5B,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAE5C,oBAAY,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACxD,oBAAY,aAAa,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,cAAc,CAAC;AAExE,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,GAAG,YAAY,CAAC;CAClB;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc;IAC1D,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,KAAK,CAAC,EAAE;YACN,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACzB,CAAC;KACH,CAAC;CACH;AAED,aAAK,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;AACrE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,EACvD,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,SAAS;IACX,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,oBAAY,gBAAgB,GAAG,gBAAgB,GAAG;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAC,CAAC;AAEtE,oBAAY,YAAY,GAAG,IAAI,CAC7B,aAAa,EACb,OAAO,GAAG,WAAW,GAAG,MAAM,CAC/B,GAAG;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE;QACV,aAAa,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;QAC3C,IAAI,CAAC,EAAE;YACL,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,GAAG,YAAY,CAAC;KAClB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,gBAAgB,GAAG;QAC7B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH"}

package/esm/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/esm/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/esm/menu/utils.js

@@ -0,0 +1,19 @@
+// 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.
+export var buildNestedId = function (id, parentId) {
+    return parentId ? "".concat(parentId, "|").concat(id) : id;
+};
+export var getIdDepth = function (id) {
+    return id.length - id.replace(/\|/g, '').length + 1;
+};
+export var isDescendant = function (id, descendantId) {
+    return id === descendantId.split('|').slice(0, getIdDepth(id)).join('|');
+};
+export var getParentId = function (id) {
+    return id
+        .split('|')
+        .slice(0, getIdDepth(id) - 1)
+        .join('|') || null;
+};
+//# sourceMappingURL=utils.js.map

package/esm/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;AAEpB,MAAM,CAAC,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;AAEtC,MAAM,CAAC,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;AAE/C,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAAU,EAAE,YAAoB;IAC3D,OAAA,EAAE,KAAK,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAAjE,CAAiE,CAAC;AAEpE,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAAU;IACpC,OAAA,EAAE;SACC,KAAK,CAAC,GAAG,CAAC;SACV,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;SAC5B,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI;AAHpB,CAGoB,CAAC"}

package/esm/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/esm/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/esm/select/defaults.js

@@ -31,6 +31,7 @@ export default {
                 stylePreset: 'selectPanel',
                 maxHeight: '184px',
                 spaceInset: 'spaceInset020',
+                zIndex: 'layer',
             },
             modal: {
                 panel: {
@@ -69,6 +70,7 @@ export default {
                 stylePreset: 'selectPanel',
                 maxHeight: '272px',
                 spaceInset: 'spaceInset020',
+                zIndex: 'layer',
             },
             modal: {
                 panel: {
@@ -107,6 +109,7 @@ export default {
                 stylePreset: 'selectPanel',
                 maxHeight: '360px',
                 spaceInset: 'spaceInset020',
+                zIndex: 'layer',
             },
             modal: {
                 panel: {

package/esm/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/esm/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/esm/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/esm/select/select-panel.js

@@ -42,7 +42,7 @@ export var StyledOptionWithPrivateProps = React.forwardRef(function (props, inpu
         $selected && (React.createElement(StyledOptionIcon, { "$size": $size, "$selected": $selected, "$focused": $focused }, selectedIcon || React.createElement(IconFilledCheck, { overrides: { size: iconSize } })))));
 });
 export var SelectPanel = React.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 = useReactKeys(1)[0];
     var theme = useTheme();
     var modalOverrides = getModalOverrides({
@@ -65,20 +65,20 @@ export var SelectPanel = React.forwardRef(function (props, panelRef) {
         }), ModalComponent = _a[0], modalProps = _a[1];
         return (React.createElement(ModalComponent, __assign({}, modalProps),
             screenReaderOnlyMessage,
-            React.createElement(StyledModalPanel, __assign({ "data-testid": "select-panel", "aria-describedby": listDescriptionId, ref: panelRef }, restProps, { onBlur: function (e) {
+            React.createElement(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.createElement(React.Fragment, null,
         screenReaderOnlyMessage,
-        React.createElement(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.createElement(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/esm/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":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AACzC,OAAO,EAAC,KAAK,EAAa,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,qBAAqB,EAAW,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAmB1C,IAAM,YAAY,GAAG,KAAK,CAAC;AAE3B,MAAM,CAAC,IAAM,4BAA4B,GAAG,KAAK,CAAC,UAAU,CAG1D,UAAC,KAAK,EAAE,QAAQ;IACT,IAAA,KAAK,GAAkD,KAAK,MAAvD,EAAE,SAAS,GAAuC,KAAK,UAA5C,EAAE,QAAQ,GAA6B,KAAK,SAAlC,EAAE,YAAY,GAAe,KAAK,aAApB,EAAE,SAAS,GAAI,KAAK,UAAT,CAAU;IAEpE,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,QAAQ,GAAG,QAAQ,CACvB,EAAC,KAAK,OAAA,EAAC,EACP,uBAAgB,KAAK,UAAO,EAC5B,EAAE,EACF,UAAU,CACX,CAAC;IAEF,IAAM,iBAAiB,GAAG,QAAQ,CAChC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,uBAAgB,KAAK,CAAE,EACvB,EAAE,EACF,aAAa,CACd,CAAC;IAEK,IAAA,QAAQ,GAAI,KAAK,SAAT,CAAU;IACzB,OAAO,CACL,oBAAC,YAAY,eAAK,KAAK,IAAE,GAAG,EAAE,QAAQ,kBAAgB,iBAAiB;QACrE,iCAAM,QAAQ,CAAO;QACpB,SAAS,IAAI,CACZ,oBAAC,gBAAgB,aACR,KAAK,eACD,SAAS,cACV,QAAQ,IAEjB,YAAY,IAAI,oBAAC,eAAe,IAAC,SAAS,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,GAAI,CAChD,CACpB,CACY,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,UAAC,KAAK,EAAE,QAAQ;IAEZ,IAAA,MAAM,GAYJ,KAAK,OAZD,EACN,GAAG,GAWD,KAAK,IAXJ,EACH,IAAI,GAUF,KAAK,KAVH,EACJ,IAAI,GASF,KAAK,KATH,EACJ,QAAQ,GAQN,KAAK,SARC,EACR,SAAS,GAOP,KAAK,UAPE,EACT,aAAa,GAMX,KAAK,cANM,EACb,SAAS,GAKP,KAAK,UALE,EACT,SAAS,GAIP,KAAK,UAJE,EACT,QAAQ,GAGN,KAAK,SAHC,EACR,MAAM,GAEJ,KAAK,OAFD,EACH,SAAS,UACV,KAAK,EAbH,2HAaL,CADa,CACJ;IAEV,IAAM,iBAAiB,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7C,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,cAAc,GAAG,iBAAiB,CAAC;QACvC,KAAK,OAAA;QACL,IAAI,MAAA;QACJ,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAsC;KAC7D,CAAC,CAAC;IAEH,IAAM,iBAAiB,GAAG,MAAM,IAAI,QAAQ,CAAC;IAE7C,IAAM,uBAAuB,GAAG,MAAM,IAAI,CACxC,oBAAC,gBAAgB,IAAC,EAAE,EAAE,iBAAiB,yDAEpB,CACpB,CAAC;IAEF,IAAI,aAAa,IAAI,CAAC,MAAM,EAAE;QAC5B,yDAAyD;QACzD,OAAO,6BAAK,GAAG,EAAE,QAAQ,GAAI,CAAC;KAC/B;IACD,IAAI,aAAa,IAAI,MAAM,EAAE;QACrB,IAAA,KAA+B,qBAAqB,CACxD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EAChB,YAAY,EACZ;YACE,SAAS,EAAE,cAAc;YACzB,IAAI,EAAE,MAAM;YACZ,cAAc,EAAE,SAAS,CAAC,OAAQ;YAClC,SAAS,EAAE,SAAS;SACrB,CACF,EATM,cAAc,QAAA,EAAE,UAAU,QAShC,CAAC;QAEF,OAAO,CACL,oBAAC,cAAc,eAAM,UAAyB;YAC3C,uBAAuB;YACxB,oBAAC,gBAAgB,4BACH,cAAc,EAC1B,SAAS,EAAC,aAAa,sBACL,iBAAiB,EACnC,GAAG,EAAE,QAAQ,IACT,SAAS,IACb,MAAM,EAAE,UAAA,CAAC;oBACP,2DAA2D;oBAC3D,8EAA8E;oBAC9E,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;gBACzC,CAAC,KAEA,iBAAiB,CACD,CACJ,CAClB,CAAC;KACH;IAED,OAAO,CACL;QACG,uBAAuB;QACxB,oBAAC,iBAAiB,wBACP,MAAM,iBACH,cAAc,sBACR,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,WACjD,IAAI,EACX,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EAC3B,MAAM,EAAE,MAAM,IACV,SAAS,IACb,KAAK,EAAE;gBACL,iFAAiF;gBACjF,qDAAqD;gBACrD,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;gBACpB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;gBACtB,QAAQ,EAAE,QAAQ;aACnB,KAEA,iBAAiB,CACA,CACnB,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/esm/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/esm/select/select.js

@@ -20,10 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useCallback, useEffect, useRef, useState, } from 'react';
+import React, { useEffect, useRef } from 'react';
 import { useSelect } from 'downshift';
 import composeRefs from '@seznam/compose-react-refs';
-import { getOverflowAncestors } from '@floating-ui/react-dom-interactions';
+import { useFloating, autoUpdate, shift, offset, size as floatingSize, autoPlacement, } from '@floating-ui/react-dom-interactions';
 import { SelectPanel } from './select-panel';
 import { SelectButton } from './select-button';
 import defaults from './defaults';
@@ -32,9 +32,11 @@ import { withOwnTheme } from '../utils/with-own-theme';
 import { checkBreakpointProp } from '../utils/check-breakpoint-prop';
 import { useBreakpointKey } from '../utils/hooks/use-media-query';
 import { useVirtualizedList } from './use-virtualized-list';
-import { Layer } from '../layer';
 import { EventTrigger, useInstrumentation } from '../instrumentation';
 import { get } from '../utils/get';
+import { Layer } from '../layer';
+import { getToken } from '../utils/get-token';
+import { useTheme } from '../theme';
 var ThemelessSelect = React.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 = useRef(null);
@@ -121,67 +123,49 @@ var ThemelessSelect = React.forwardRef(function (props, inputRef) {
         }
         setIsFocused(false);
     }, [allowBlur, onBlur]);
-    var _m = getToggleButtonProps(), downshiftButtonPropsRef = _m.ref, downshiftButtonPropsExceptRef = __rest(_m, ["ref"]);
+    var _m = useFloating({
+        strategy: 'absolute',
+        open: isOpen,
+        placement: 'bottom-start',
+        middleware: [
+            offset(0),
+            shift(),
+            autoPlacement({
+                allowedPlacements: ['top-start', 'bottom-start'],
+            }),
+            floatingSize({
+                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 = 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];
-    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.
-    useEffect(function () {
+    var _p = getMenuProps({ ref: composeRefs(refs.floating, panelRef) }), downshiftMenuPropsRef = _p.ref, downshiftMenuPropsExceptRef = __rest(_p, ["ref"]);
+    // eslint-disable-next-line consistent-return
+    React.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 autoUpdate(refs.reference.current, refs.floating.current, update);
         }
-    }, [isOpen, panelRef]);
-    var onOverflowScroll = useCallback(function () {
-        if (selectRef.current) {
-            setSelectRect(selectRef.current.getBoundingClientRect());
-        }
-    }, [setSelectRect, selectRef]);
-    var parentOverflowNode = 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.
-    useEffect(function () {
-        if (localInputRef.current && isOpen) {
-            var nearest = 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 = useTheme();
+    var zIndex = 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 : React.Fragment;
     return (React.createElement(React.Fragment, null,
-        React.createElement(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: composeRefs(localInputRef, downshiftButtonPropsRef, inputRef), selectRef: selectRef, value: buttonValue, isOpen: isOpen }, downshiftButtonPropsExceptRef, restProps)),
-        React.createElement(Layer, null,
-            React.createElement(SelectPanel, __assign({ isOpen: isOpen, overrides: overrides, width: width, height: height, top: top, left: left, size: size, buttonRef: localInputRef, renderInModal: renderInModal, closeMenu: closeMenu }, downshiftMenuPropsExceptRef, { ref: composeRefs(panelRef, downshiftMenuPropsRef) }), optionsAsChildren))));
+        React.createElement(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: composeRefs(localInputRef, downshiftButtonPropsRef, inputRef), selectRef: composeRefs(selectRef, reference), value: buttonValue, isOpen: isOpen }, downshiftButtonPropsExceptRef, restProps)),
+        React.createElement(LayerElement, null,
+            React.createElement(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';
 export var Select = withOwnTheme(ThemelessSelect)({