newskit 4.3.1 → 5.0.0

package/esm/menu/menu-divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-divider.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAOzC,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmBlD,CAAC"}
+{"version":3,"file":"menu-divider.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAMzC,eAAO,MAAM,WAAW,wFAsBvB,CAAC"}

package/esm/menu/menu-divider.js

@@ -9,19 +9,19 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { useContext } from 'react';
-import { MenuContext } from './context';
+import React from 'react';
+import { useMenuContext } from './context';
 import { StyledMenuDivider } from './styled';
 import { Divider } from '../divider';
 import { useTheme } from '../theme';
 import { filterOutFalsyProperties } from '../utils/filter-object';
-export var MenuDivider = function (_a) {
+export var MenuDivider = React.forwardRef(function (_a, ref) {
     var overrides = _a.overrides;
-    var _b = useContext(MenuContext), vertical = _b.vertical, menuOverrides = _b.overrides;
+    var _b = useMenuContext(), vertical = _b.vertical, menuOverrides = _b.overrides;
     var theme = useTheme();
     var dividerOverrides = __assign(__assign({}, theme.componentDefaults.menuDivider), filterOutFalsyProperties(overrides));
-    return (React.createElement(StyledMenuDivider, { role: "separator", "aria-hidden": "true", overrides: __assign(__assign({}, menuOverrides), overrides), vertical: vertical },
+    return (React.createElement(StyledMenuDivider, { role: "separator", "aria-hidden": "true", overrides: __assign(__assign({}, menuOverrides), overrides), vertical: vertical, ref: ref },
         React.createElement(Divider, { vertical: !vertical, overrides: dividerOverrides })));
-};
+});
 MenuDivider.displayName = 'MenuDivider';
 //# sourceMappingURL=menu-divider.js.map

package/esm/menu/menu-divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-divider.js","sourceRoot":"","sources":["../../../src/menu/menu-divider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAEhE,MAAM,CAAC,IAAM,WAAW,GAA+B,UAAC,EAAW;QAAV,SAAS,eAAA;IAC1D,IAAA,KAAuC,UAAU,CAAC,WAAW,CAAC,EAA7D,QAAQ,cAAA,EAAa,aAAa,eAA2B,CAAC;IAErE,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,gBAAgB,yBACjB,KAAK,CAAC,iBAAiB,CAAC,WAAW,GACnC,wBAAwB,CAAC,SAAS,CAAC,CACvC,CAAC;IAEF,OAAO,CACL,oBAAC,iBAAiB,IAChB,IAAI,EAAC,WAAW,iBACJ,MAAM,EAClB,SAAS,wBAAM,aAAa,GAAK,SAAS,GAC1C,QAAQ,EAAE,QAAQ;QAElB,oBAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,gBAAgB,GAAI,CAC3C,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
+{"version":3,"file":"menu-divider.js","sourceRoot":"","sources":["../../../src/menu/menu-divider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,EAAC,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAEhE,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,UAAC,EAAW,EAAE,GAAG;QAAf,SAAS,eAAA;IACH,IAAA,KAAuC,cAAc,EAAE,EAAtD,QAAQ,cAAA,EAAa,aAAa,eAAoB,CAAC;IAE9D,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,gBAAgB,yBACjB,KAAK,CAAC,iBAAiB,CAAC,WAAW,GACnC,wBAAwB,CAAC,SAAS,CAAC,CACvC,CAAC;IAEF,OAAO,CACL,oBAAC,iBAAiB,IAChB,IAAI,EAAC,WAAW,iBACJ,MAAM,EAClB,SAAS,wBAAM,aAAa,GAAK,SAAS,GAC1C,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG;QAER,oBAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,gBAAgB,GAAI,CAC3C,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/esm/menu/menu-group.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { MenuGroupProps } from './types';
-export declare const MenuGroup: React.FC<MenuGroupProps>;
+export declare const MenuGroup: React.ForwardRefExoticComponent<MenuGroupProps & React.RefAttributes<HTMLLIElement>>;
 //# sourceMappingURL=menu-group.d.ts.map

package/esm/menu/menu-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-group.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AA4CvC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmC9C,CAAC"}
+{"version":3,"file":"menu-group.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AA4CvC,eAAO,MAAM,SAAS,sFAiCrB,CAAC"}

package/esm/menu/menu-group.js

@@ -20,8 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useContext } from 'react';
-import { MenuContext } from './context';
+import React from 'react';
+import { useMenuContext } from './context';
 import { StyledMenuGroup, StyledMenuGroupTitle } from './styled';
 import { TextBlock } from '../text-block';
 import { splitAriaProps } from '../utils/a11y';
@@ -42,16 +42,16 @@ var renderTitle = function (_a, titleID, theme) {
     }
     return renderIfReactComponent(MenuTitle);
 };
-export var MenuGroup = function (_a) {
+export var MenuGroup = React.forwardRef(function (_a, ref) {
     var overrides = _a.overrides, children = _a.children, title = _a.title, restProps = __rest(_a, ["overrides", "children", "title"]);
     var theme = useTheme();
-    var vertical = useContext(MenuContext).vertical;
+    var vertical = useMenuContext().vertical;
     var _b = splitAriaProps(restProps), aria = _b.aria, rest = _b.rest;
     var titleID = useReactKeys(1)[0];
     var shouldRenderTitle = vertical && Boolean(title);
-    return (React.createElement(StyledMenuGroup, __assign({ className: "nk-menu-group" }, rest, { overrides: overrides, vertical: vertical }),
+    return (React.createElement(StyledMenuGroup, __assign({ className: "nk-menu-group" }, rest, { overrides: overrides, vertical: vertical, ref: ref }),
         shouldRenderTitle && (React.createElement(StyledMenuGroupTitle, { overrides: overrides }, renderTitle({ title: title, overrides: overrides }, titleID, theme))),
         React.createElement("ul", __assign({}, (shouldRenderTitle && __assign({ 'aria-labelledby': titleID }, aria))), children)));
-};
+});
 MenuGroup.displayName = 'MenuGroup';
 //# sourceMappingURL=menu-group.js.map

package/esm/menu/menu-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-group.js","sourceRoot":"","sources":["../../../src/menu/menu-group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAC,eAAe,EAAE,oBAAoB,EAAC,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,sBAAsB,EAAC,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAQ,QAAQ,EAAC,MAAM,UAAU,CAAC;AACzC,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5C,IAAM,WAAW,GAAG,UAClB,EAAsD,EACtD,OAAe,EACf,KAAY;QAFJ,SAAS,WAAA,EAAE,SAAS,eAAA;IAI5B,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QACjC,IAAM,WAAW,GAAG,QAAQ,CAC1B,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,iBAAiB,EACjB,OAAO,EACP,aAAa,CACd,CAAC;QAEF,IAAM,gBAAgB,GAAG,QAAQ,CAC/B,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,iBAAiB,EACjB,OAAO,EACP,kBAAkB,CACnB,CAAC;QAEF,IAAM,cAAc,GAAG;YACrB,WAAW,aAAA;YACX,gBAAgB,kBAAA;SACjB,CAAC;QAEF,OAAO,CACL,oBAAC,SAAS,aAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAE,OAAO,IAAM,cAAc,GAC/C,SAAS,CACA,CACb,CAAC;KACH;IAED,OAAO,sBAAsB,CAAC,SAAS,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAA6B,UAAC,EAKnD;IAJC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,SAAS,cAJsC,kCAKnD,CADa;IAEZ,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAClB,IAAA,QAAQ,GAAI,UAAU,CAAC,WAAW,CAAC,SAA3B,CAA4B;IACrC,IAAA,KAAe,cAAc,CAAC,SAAS,CAAC,EAAvC,IAAI,UAAA,EAAE,IAAI,UAA6B,CAAC;IAC/C,IAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnC,IAAM,iBAAiB,GAAG,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAErD,OAAO,CACL,oBAAC,eAAe,aACd,SAAS,EAAC,eAAe,IACrB,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ;QAEjB,iBAAiB,IAAI,CACpB,oBAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,IACvC,WAAW,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAAE,OAAO,EAAE,KAAK,CAAC,CAC3B,CACxB;QACD,uCACM,CAAC,iBAAiB,eACpB,iBAAiB,EAAE,OAAO,IACvB,IAAI,CACR,CAAC,GAED,QAAQ,CACN,CACW,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"menu-group.js","sourceRoot":"","sources":["../../../src/menu/menu-group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,EAAC,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAC,eAAe,EAAE,oBAAoB,EAAC,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,sBAAsB,EAAC,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAQ,QAAQ,EAAC,MAAM,UAAU,CAAC;AACzC,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5C,IAAM,WAAW,GAAG,UAClB,EAAsD,EACtD,OAAe,EACf,KAAY;QAFJ,SAAS,WAAA,EAAE,SAAS,eAAA;IAI5B,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QACjC,IAAM,WAAW,GAAG,QAAQ,CAC1B,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,iBAAiB,EACjB,OAAO,EACP,aAAa,CACd,CAAC;QAEF,IAAM,gBAAgB,GAAG,QAAQ,CAC/B,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,iBAAiB,EACjB,OAAO,EACP,kBAAkB,CACnB,CAAC;QAEF,IAAM,cAAc,GAAG;YACrB,WAAW,aAAA;YACX,gBAAgB,kBAAA;SACjB,CAAC;QAEF,OAAO,CACL,oBAAC,SAAS,aAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAE,OAAO,IAAM,cAAc,GAC/C,SAAS,CACA,CACb,CAAC;KACH;IAED,OAAO,sBAAsB,CAAC,SAAS,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,UAAC,EAA0C,EAAE,GAAG;IAA9C,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,SAAS,cAAzC,kCAA0C,CAAD;IACxC,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAClB,IAAA,QAAQ,GAAI,cAAc,EAAE,SAApB,CAAqB;IAC9B,IAAA,KAAe,cAAc,CAAC,SAAS,CAAC,EAAvC,IAAI,UAAA,EAAE,IAAI,UAA6B,CAAC;IAC/C,IAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnC,IAAM,iBAAiB,GAAG,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAErD,OAAO,CACL,oBAAC,eAAe,aACd,SAAS,EAAC,eAAe,IACrB,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG;QAEP,iBAAiB,IAAI,CACpB,oBAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,IACvC,WAAW,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAAE,OAAO,EAAE,KAAK,CAAC,CAC3B,CACxB;QACD,uCACM,CAAC,iBAAiB,eACpB,iBAAiB,EAAE,OAAO,IACvB,IAAI,CACR,CAAC,GAED,QAAQ,CACN,CACW,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/esm/menu/menu-item.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { MenuItemProps } from './types';
-export declare const MenuItem: React.FC<MenuItemProps>;
+export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLLIElement>>;
 //# sourceMappingURL=menu-item.d.ts.map

package/esm/menu/menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAMtC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2C5C,CAAC"}
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAOtC,eAAO,MAAM,QAAQ,qFA0CpB,CAAC"}

package/esm/menu/menu-item.js

@@ -20,22 +20,23 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useContext } from 'react';
-import { MenuContext } from './context';
+import React from 'react';
+import { useMenuContext } from './context';
 import { StyledButton, StyledMenuItem } from './styled';
 import { useTheme } from '../theme';
 import { filterOutFalsyProperties } from '../utils/filter-object';
-export var MenuItem = function (_a) {
+import { get } from '../utils/get';
+export var MenuItem = React.forwardRef(function (_a, ref) {
     var overrides = _a.overrides, children = _a.children, selected = _a.selected, rest = __rest(_a, ["overrides", "children", "selected"]);
-    var _b = useContext(MenuContext), vertical = _b.vertical, size = _b.size, align = _b.align, menuOverrides = _b.overrides;
+    var _b = useMenuContext(), vertical = _b.vertical, size = _b.size, align = _b.align, menuOverrides = _b.overrides;
     var theme = useTheme();
-    var buttonOverrides = __assign(__assign({}, theme.componentDefaults.menuItem[vertical ? 'vertical' : 'horizontal']), filterOutFalsyProperties(overrides));
+    var menuItemOverrides = __assign(__assign({}, get(theme.componentDefaults, "menuItem.".concat(vertical ? 'vertical' : 'horizontal'))), filterOutFalsyProperties(overrides));
     var buttonProps = __assign(__assign({}, rest), { selected: selected, size: size });
-    return (React.createElement(StyledMenuItem, { className: "nk-menu-item", vertical: vertical, overrides: menuOverrides },
-        React.createElement(StyledButton, __assign({}, buttonProps, { align: align, overrides: __assign(__assign({}, buttonOverrides), { 
+    return (React.createElement(StyledMenuItem, { className: "nk-menu-item", vertical: vertical, overrides: menuOverrides, ref: ref },
+        React.createElement(StyledButton, __assign({}, buttonProps, { align: align, overrides: __assign(__assign({}, menuItemOverrides), { 
                 // width 100% should not be overwritten
                 // move to StyledButton once PPDSC-1449 is resolved
                 width: '100%' }), "aria-current": selected && 'page' }), children)));
-};
+});
 MenuItem.displayName = 'MenuItem';
 //# sourceMappingURL=menu-item.js.map

package/esm/menu/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/menu/menu-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAC,YAAY,EAAE,cAAc,EAAC,MAAM,UAAU,CAAC;AAEtD,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAEhE,MAAM,CAAC,IAAM,QAAQ,GAA4B,UAAC,EAKjD;IAJC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAJyC,qCAKjD,CADQ;IAED,IAAA,KAAoD,UAAU,CAClE,WAAW,CACZ,EAFM,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAa,aAAa,eAErD,CAAC;IAEF,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,eAAe,yBAChB,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,GACtE,wBAAwB,CAAC,SAAS,CAAC,CACvC,CAAC;IAEF,IAAM,WAAW,yBACZ,IAAI,KACP,QAAQ,UAAA,EACR,IAAI,MAAA,GACL,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa;QAExB,oBAAC,YAAY,eACP,WAAW,IACf,KAAK,EAAE,KAAK,EACZ,SAAS,wBACJ,eAAe;gBAClB,uCAAuC;gBACvC,mDAAmD;gBACnD,KAAK,EAAE,MAAM,qBAED,QAAQ,IAAI,MAAM,KAE/B,QAAQ,CACI,CACA,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
+{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/menu/menu-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,EAAC,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAC,YAAY,EAAE,cAAc,EAAC,MAAM,UAAU,CAAC;AAEtD,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAC,GAAG,EAAC,MAAM,cAAc,CAAC;AAEjC,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,UAAC,EAAwC,EAAE,GAAG;IAA5C,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAvC,qCAAwC,CAAD;IAChC,IAAA,KAAoD,cAAc,EAAE,EAAnE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAa,aAAa,eAAoB,CAAC;IAE3E,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,iBAAiB,yBAClB,GAAG,CACJ,KAAK,CAAC,iBAAiB,EACvB,mBAAY,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAE,CACnD,GACE,wBAAwB,CAAC,SAAS,CAAC,CACvC,CAAC;IAEF,IAAM,WAAW,yBACZ,IAAI,KACP,QAAQ,UAAA,EACR,IAAI,MAAA,GACL,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,GAAG;QAER,oBAAC,YAAY,eACP,WAAW,IACf,KAAK,EAAE,KAAK,EACZ,SAAS,wBACJ,iBAAiB;gBACpB,uCAAuC;gBACvC,mDAAmD;gBACnD,KAAK,EAAE,MAAM,qBAED,QAAQ,IAAI,MAAM,KAE/B,QAAQ,CACI,CACA,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/esm/menu/menu.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { MenuProps } from './types';
-export declare const Menu: React.FC<MenuProps>;
+export declare const Menu: React.FC<MenuProps & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=menu.d.ts.map

package/esm/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA8B,SAAS,EAAC,MAAM,SAAS,CAAC;AAU/D,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwBpC,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA8B,SAAS,EAAC,MAAM,SAAS,CAAC;AA6C/D,eAAO,MAAM,IAAI,wDAAwD,CAAC"}

package/esm/menu/menu.js

@@ -24,17 +24,21 @@ import React from 'react';
 import { MenuContextProvider } from './context';
 import { MenuItemAlign, MenuItemSize } from './types';
 import { StyledMenu } from './styled';
+import defaults from './defaults';
+import stylePresets from './style-presets';
+import { withOwnTheme } from '../utils/with-own-theme';
 var getAlign = function (align, vertical) {
     if (!align) {
         return vertical ? MenuItemAlign.Start : MenuItemAlign.Center;
     }
     return align;
 };
-export var Menu = function (_a) {
+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 ? MenuItemSize.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 }, rest),
+        React.createElement(StyledMenu, __assign({ role: "navigation", "data-testid": "menu-container", overrides: overrides, vertical: vertical, ref: ref }, rest),
             React.createElement("ul", { role: "list" }, children))));
-};
+});
+export var Menu = withOwnTheme(ThemelessMenu)({ defaults: defaults, stylePresets: stylePresets });
 //# sourceMappingURL=menu.js.map

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;AAC9C,OAAO,EAAC,aAAa,EAAE,YAAY,EAAY,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,IAAM,QAAQ,GAAG,UAAC,KAAgC,EAAE,QAAiB;IACnE,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC;KAC9D;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAwB,UAAC,EAOzC;IANC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAA0B,EAA1B,IAAI,mBAAG,YAAY,CAAC,MAAM,KAAA,EACnB,WAAW,WAAA,EACf,IAAI,cANiC,sDAOzC,CADQ;IAEP,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,IACd,IAAI;YAGR,4BAAI,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAM,CACpB,CACO,CACvB,CAAC;AACJ,CAAC,CAAC"}
+{"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;AAC9C,OAAO,EAAC,aAAa,EAAE,YAAY,EAAY,MAAM,SAAS,CAAC;AAC/D,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,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC;KAC9D;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,YAA0B,EAA1B,IAAI,mBAAG,YAAY,CAAC,MAAM,KAAA,EACnB,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"}

package/esm/menu/style-presets.d.ts

@@ -0,0 +1,4 @@
+import { StylePreset } from '../theme/types';
+declare const _default: Record<string, StylePreset>;
+export default _default;
+//# sourceMappingURL=style-presets.d.ts.map

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

@@ -0,0 +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;;AAE3C,wBA6GiC"}

package/esm/menu/style-presets.js

@@ -0,0 +1,106 @@
+export default {
+    menuItemVertical: {
+        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}}',
+        },
+    },
+    menuItemHorizontal: {
+        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}}',
+        },
+    },
+    menuItemHorizontalInverse: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderStyle: 'solid',
+            borderColor: '{{colors.transparent}}',
+            borderWidth: '{{borders.borderWidth000}} {{borders.borderWidth000}} {{borders.borderWidth020}} {{borders.borderWidth000}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        hover: {
+            borderColor: '{{colors.interactiveInverse030}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        'selected:hover': {
+            borderColor: '{{colors.interactiveInverse030}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        active: {
+            borderColor: '{{colors.interactiveInverse030}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        selected: {
+            borderColor: '{{colors.interactiveInverse030}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        disabled: {
+            color: '{{colors.interactiveInverse020}}',
+            iconColor: '{{colors.interactiveInverse020}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/menu/style-presets.ts"],"names":[],"mappings":"AAEA,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;KACF;IAED,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;KACF;IAED,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;KACF;CAC6B,CAAC"}

package/esm/menu/styled.d.ts

@@ -16,7 +16,7 @@ export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & Pick<MenuProps, "vertical"> & Pick<MenuProps, "overrides">, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const StyledButton: import("@emotion/styled").StyledComponent<((import("../button").ButtonOrButtonLinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>) & {
+export declare const StyledButton: import("@emotion/styled").StyledComponent<(import("react").PropsWithChildren<import("../button").ButtonOrButtonLinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     theme?: import("@emotion/react").Theme | undefined;
 }) & {
     align?: MenuItemAlign | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/menu/styled.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,aAAa,EAAE,cAAc,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAEjE,eAAO,MAAM,UAAU;;;+GAsBtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;wJAwB3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;wJAkBhC,CAAC;AAEF,eAAO,MAAM,cAAc;;;sKAY1B,CAAC;AAYF,eAAO,MAAM,YAAY;;;;;UAaxB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;sKAwB7B,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/menu/styled.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,aAAa,EAAE,cAAc,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAEjE,eAAO,MAAM,UAAU;;;+GAsBtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;wJAwB3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;wJAkBhC,CAAC;AAEF,eAAO,MAAM,cAAc;;;sKAY1B,CAAC;AAkBF,eAAO,MAAM,YAAY;;;;;UAaxB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;sKAwB7B,CAAC"}

package/esm/menu/styled.js

@@ -3,8 +3,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import { Button } from '../button';
-import { getStylePreset, getResponsiveSpace, styled } from '../utils/style';
-import { MenuItemAlign } from './types';
+import { getStylePreset, getResponsiveSpace, styled, css } from '../utils/style';
 export var StyledMenu = styled.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: border-box;\n\n  ", "\n\n  > ul {\n    box-sizing: border-box;\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n\n    display: flex;\n    ", "\n\n    ", "\n  }\n\n  li:last-of-type {\n    ", "\n  }\n\n  ", ";\n"], ["\n  box-sizing: border-box;\n\n  ", "\n\n  > ul {\n    box-sizing: border-box;\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n\n    display: flex;\n    ", "\n\n    ", "\n  }\n\n  li:last-of-type {\n    ", "\n  }\n\n  ", ";\n"])), function (_a) {
     var vertical = _a.vertical;
     return (vertical ? 'height: 100%;' : 'width: 100%;');
@@ -32,29 +31,34 @@ export var StyledMenuItem = styled.li(templateObject_4 || (templateObject_4 = __
 });
 var menuItemFlexAlign = {
     start: 'flex-start',
+    center: 'center',
     end: 'flex-end',
 };
 var menuItemTextAlign = {
     start: 'left',
+    center: 'center',
     end: 'right',
 };
-export var StyledButton = styled(Button)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), function (_a) {
+var alignReset = css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  text-align: left;\n"], ["\n  text-align: left;\n"])));
+export var StyledButton = styled(Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n\n  ", "\n  ", "\n"], ["\n  ", "\n\n  ", "\n  ", "\n"])), function (_a) {
     var selected = _a.selected;
     return selected && getStylePreset('menuItem', '', { isSelected: selected });
 }, function (_a) {
     var align = _a.align;
-    return align &&
-        align !== MenuItemAlign.Center && {
+    return !align && alignReset;
+}, function (_a) {
+    var align = _a.align;
+    return align && {
         justifyContent: menuItemFlexAlign[align],
         textAlign: menuItemTextAlign[align],
     };
 });
-export var StyledMenuDivider = styled.li(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  box-sizing: border-box;\n\n  .nk-menu-group + & {\n    ", "\n  }\n\n  .nk-menu-item + & {\n    ", "\n  }\n"], ["\n  box-sizing: border-box;\n\n  .nk-menu-group + & {\n    ", "\n  }\n\n  .nk-menu-item + & {\n    ", "\n  }\n"])), function (_a) {
+export var StyledMenuDivider = styled.li(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  box-sizing: border-box;\n\n  .nk-menu-group + & {\n    ", "\n  }\n\n  .nk-menu-item + & {\n    ", "\n  }\n"], ["\n  box-sizing: border-box;\n\n  .nk-menu-group + & {\n    ", "\n  }\n\n  .nk-menu-item + & {\n    ", "\n  }\n"])), function (_a) {
     var vertical = _a.vertical;
     return getResponsiveSpace(vertical ? 'marginBottom' : 'marginRight', "menuGroup", '', 'spaceInline');
 }, function (_a) {
     var vertical = _a.vertical;
     return getResponsiveSpace(vertical ? 'marginBottom' : 'marginRight', "menu", '', 'spaceInline');
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 //# sourceMappingURL=styled.js.map

package/esm/menu/styled.js.map

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

package/esm/modal/defaults.d.ts

@@ -0,0 +1,60 @@
+declare const _default: {
+    modal: {
+        overlay: {
+            zIndex: number;
+            transitionPreset: {
+                extend: string;
+                enterActive: {
+                    transitionDuration: string;
+                    transitionTimingFunction: string;
+                };
+                exitActive: {
+                    transitionDuration: string;
+                    transitionDelay: string;
+                    transitionTimingFunction: string;
+                };
+            };
+        };
+        panel: {
+            zIndex: number;
+            stylePreset: string;
+            transitionPreset: {
+                extend: string;
+                enterActive: {
+                    transitionDuration: string;
+                    transitionTimingFunction: string;
+                    transitionDelay: string;
+                };
+                exitActive: {
+                    transitionDuration: string;
+                    transitionTimingFunction: string;
+                };
+            }[];
+            topOffset: string;
+            width: {
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+            minHeight: string;
+            maxHeight: {
+                xs: string;
+                md: string;
+            };
+        };
+        header: {
+            spaceInset: string;
+        };
+        content: {
+            spaceInset: string;
+        };
+        closeButton: {
+            stylePreset: string;
+            spaceInset: string;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

package/esm/modal/defaults.d.ts.map

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

package/esm/modal/defaults.js

@@ -0,0 +1,73 @@
+export default {
+    modal: {
+        overlay: {
+            zIndex: 70,
+            transitionPreset: {
+                extend: 'fade',
+                enterActive: {
+                    transitionDuration: '{{motions.motionDuration030}}',
+                    transitionTimingFunction: '{{motions.motionTimingEaseOut}}',
+                },
+                exitActive: {
+                    transitionDuration: '{{motions.motionDuration030}}',
+                    transitionDelay: '{{motions.motionDuration010}}',
+                    transitionTimingFunction: '{{motions.motionTimingEaseIn}}',
+                },
+            },
+        },
+        panel: {
+            zIndex: 80,
+            stylePreset: 'modalPanel',
+            transitionPreset: [
+                {
+                    extend: 'fade',
+                    enterActive: {
+                        transitionDuration: '{{motions.motionDuration010}}',
+                        transitionTimingFunction: '{{motions.motionTimingEaseOut}}',
+                        transitionDelay: '{{motions.motionDuration010}}',
+                    },
+                    exitActive: {
+                        transitionDuration: '{{motions.motionDuration010}}',
+                        transitionTimingFunction: '{{motions.motionTimingLinear}}',
+                    },
+                },
+                {
+                    extend: 'moveUp',
+                    enterActive: {
+                        transitionDuration: '{{motions.motionDuration010}}',
+                        transitionTimingFunction: '{{motions.motionTimingEaseOut}}',
+                        transitionDelay: '{{motions.motionDuration010}}',
+                    },
+                    exitActive: {
+                        transitionDuration: '{{motions.motionDuration010}}',
+                        transitionTimingFunction: '{{motions.motionTimingEaseIn}}',
+                    },
+                },
+            ],
+            topOffset: '20vh',
+            width: {
+                xs: '90vw',
+                sm: '60vw',
+                md: '45vw',
+                lg: '38vw',
+                xl: '31vw',
+            },
+            minHeight: '15vh',
+            maxHeight: {
+                xs: '95vh',
+                md: '80vh',
+            },
+        },
+        header: {
+            spaceInset: 'spaceInsetSquish040',
+        },
+        content: {
+            spaceInset: 'spaceInset050',
+        },
+        closeButton: {
+            stylePreset: 'iconButtonMinimalSecondary',
+            spaceInset: 'spaceInset020',
+        },
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/esm/modal/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/modal/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE;QACL,OAAO,EAAE;YACP,MAAM,EAAE,EAAE;YACV,gBAAgB,EAAE;gBAChB,MAAM,EAAE,MAAM;gBACd,WAAW,EAAE;oBACX,kBAAkB,EAAE,+BAA+B;oBACnD,wBAAwB,EAAE,iCAAiC;iBAC5D;gBACD,UAAU,EAAE;oBACV,kBAAkB,EAAE,+BAA+B;oBACnD,eAAe,EAAE,+BAA+B;oBAChD,wBAAwB,EAAE,gCAAgC;iBAC3D;aACF;SACF;QACD,KAAK,EAAE;YACL,MAAM,EAAE,EAAE;YACV,WAAW,EAAE,YAAY;YACzB,gBAAgB,EAAE;gBAChB;oBACE,MAAM,EAAE,MAAM;oBACd,WAAW,EAAE;wBACX,kBAAkB,EAAE,+BAA+B;wBACnD,wBAAwB,EAAE,iCAAiC;wBAC3D,eAAe,EAAE,+BAA+B;qBACjD;oBACD,UAAU,EAAE;wBACV,kBAAkB,EAAE,+BAA+B;wBACnD,wBAAwB,EAAE,gCAAgC;qBAC3D;iBACF;gBACD;oBACE,MAAM,EAAE,QAAQ;oBAChB,WAAW,EAAE;wBACX,kBAAkB,EAAE,+BAA+B;wBACnD,wBAAwB,EAAE,iCAAiC;wBAC3D,eAAe,EAAE,+BAA+B;qBACjD;oBACD,UAAU,EAAE;wBACV,kBAAkB,EAAE,+BAA+B;wBACnD,wBAAwB,EAAE,gCAAgC;qBAC3D;iBACF;aACF;YACD,SAAS,EAAE,MAAM;YACjB,KAAK,EAAE;gBACL,EAAE,EAAE,MAAM;gBACV,EAAE,EAAE,MAAM;gBACV,EAAE,EAAE,MAAM;gBACV,EAAE,EAAE,MAAM;gBACV,EAAE,EAAE,MAAM;aACX;YACD,SAAS,EAAE,MAAM;YACjB,SAAS,EAAE;gBACT,EAAE,EAAE,MAAM;gBACV,EAAE,EAAE,MAAM;aACX;SACF;QACD,MAAM,EAAE;YACN,UAAU,EAAE,qBAAqB;SAClC;QACD,OAAO,EAAE;YACP,UAAU,EAAE,eAAe;SAC5B;QACD,WAAW,EAAE;YACX,WAAW,EAAE,4BAA4B;YACzC,UAAU,EAAE,eAAe;SAC5B;KACF;CACF,CAAC"}

package/esm/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAUnC,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA8DtC,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AA0FnC,eAAO,MAAM,KAAK,sBAGhB,CAAC"}

package/esm/modal/modal.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { CSSTransition } from 'react-transition-group';
-import { StyledModal } from './styled';
+import { StyledModal, StyledModalWrapper } from './styled';
 import { BaseDialogFunction } from '../dialog';
 import { Overlay } from '../overlay/overlay';
 import { useTheme } from '../theme';
@@ -30,7 +30,10 @@ import { deepMerge } from '../utils/deep-merge';
 import { filterOutFalsyProperties } from '../utils/filter-object';
 import { mergeBreakpointObject } from '../utils/merge-breakpoint-object';
 import { getTransitionDuration } from '../utils/get-transition-duration';
-export var Modal = function (_a) {
+import defaults from './defaults';
+import stylePresets from './style-presets';
+import { withOwnTheme } from '../utils/with-own-theme';
+var ThemelessModal = function (_a) {
     var children = _a.children, 
     /* istanbul ignore next */
     _b = _a.open, 
@@ -38,7 +41,13 @@ export var Modal = function (_a) {
     open = _b === void 0 ? false : _b, onDismiss = _a.onDismiss, restoreFocusTo = _a.restoreFocusTo, _c = _a.closePosition, closePosition = _c === void 0 ? 'right' : _c, overrides = _a.overrides, hideOverlay = _a.hideOverlay, disableFocusTrap = _a.disableFocusTrap, props = __rest(_a, ["children", "open", "onDismiss", "restoreFocusTo", "closePosition", "overrides", "hideOverlay", "disableFocusTrap"]);
     var theme = useTheme();
     var overlayOverrides = __assign({}, deepMerge(mergeBreakpointObject(Object.keys(theme.breakpoints)), theme.componentDefaults.modal.overlay, filterOutFalsyProperties(overrides && overrides.overlay)));
-    return (React.createElement(BaseDialogFunction, { open: open, restoreFocusTo: restoreFocusTo, onDismiss: onDismiss, hideOverlay: hideOverlay, disableFocusTrap: disableFocusTrap, renderOverlay: function (handleOverlayClick) { return (React.createElement(Overlay, { open: open, onClick: handleOverlayClick, overrides: overlayOverrides })); } }, function (handleCloseButtonClick) { return (React.createElement(CSSTransition, { in: open, timeout: getTransitionDuration("modal.panel", '')({ theme: theme, overrides: overrides }), classNames: "nk-modal", mountOnEnter: true, unmountOnExit: true, appear: true },
-        React.createElement(StyledModal, __assign({ open: open, disableFocusTrap: disableFocusTrap, handleCloseButtonClick: handleCloseButtonClick, path: "modal", "data-testid": "modal", closePosition: closePosition, overrides: overrides }, props), children))); }));
+    var _d = React.useState(false), showWrapper = _d[0], setShowWrapper = _d[1];
+    return (React.createElement(BaseDialogFunction, { open: open, restoreFocusTo: restoreFocusTo, onDismiss: onDismiss, hideOverlay: hideOverlay, disableFocusTrap: disableFocusTrap, renderOverlay: function (handleOverlayClick) { return (React.createElement(Overlay, { open: open, onClick: handleOverlayClick, overrides: overlayOverrides })); } }, function (handleCloseButtonClick) { return (React.createElement(StyledModalWrapper, { inline: props.inline, "$open": showWrapper, overrides: overrides },
+        React.createElement(CSSTransition, { in: open, timeout: getTransitionDuration("modal.panel", '')({ theme: theme, overrides: overrides }), classNames: "nk-modal", mountOnEnter: true, unmountOnExit: true, appear: true, onEnter: function () { return setShowWrapper(true); }, onExited: function () { return setShowWrapper(false); } },
+            React.createElement(StyledModal, __assign({ open: open, disableFocusTrap: disableFocusTrap, handleCloseButtonClick: handleCloseButtonClick, path: "modal", "data-testid": "modal", closePosition: closePosition, overrides: overrides }, props), children)))); }));
 };
+export var Modal = withOwnTheme(ThemelessModal)({
+    defaults: defaults,
+    stylePresets: stylePresets,
+});
 //# sourceMappingURL=modal.js.map

package/esm/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AACrC,OAAO,EAAC,kBAAkB,EAAC,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAC,OAAO,EAAC,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAiB,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClD,OAAO,EAAC,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC;AAEvE,MAAM,CAAC,IAAM,KAAK,GAAyB,UAAC,EAW3C;IAVC,IAAA,QAAQ,cAAA;IACR,0BAA0B;IAC1B,YAAY;IADZ,0BAA0B;IAC1B,IAAI,mBAAG,KAAK,KAAA,EACZ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,qBAAuB,EAAvB,aAAa,mBAAG,OAAO,KAAA,EACvB,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EACb,KAAK,cAVkC,oHAW3C,CADS;IAER,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,IAAM,gBAAgB,gBACjB,SAAS,CACV,qBAAqB,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CAAC,EACzE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,OAAO,EACrC,wBAAwB,CAAC,SAAS,IAAI,SAAS,CAAC,OAAO,CAAC,CACzD,CACF,CAAC;IAEF,OAAO,CACL,oBAAC,kBAAkB,IACjB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,UAAA,kBAAkB,IAAI,OAAA,CACnC,oBAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,gBAAgB,GAC3B,CACH,EANoC,CAMpC,IAEA,UAAA,sBAAsB,IAAI,OAAA,CACzB,oBAAC,aAAa,IACZ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,qBAAqB,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,CAAC,EACrE,UAAU,EAAC,UAAU,EACrB,YAAY,QACZ,aAAa,QACb,MAAM;QAEN,oBAAC,WAAW,aACV,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,sBAAsB,EAAE,sBAAsB,EAC9C,IAAI,EAAC,OAAO,iBACA,OAAO,EACnB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,IAChB,KAAK,GAER,QAAQ,CACG,CACA,CACjB,EAtB0B,CAsB1B,CACkB,CACtB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"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"}