newskit 4.3.1 → 5.0.0

package/cjs/modal/defaults.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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/cjs/modal/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/modal/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;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/cjs/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/cjs/modal/modal.js

@@ -36,7 +36,10 @@ var deep_merge_1 = require("../utils/deep-merge");
 var filter_object_1 = require("../utils/filter-object");
 var merge_breakpoint_object_1 = require("../utils/merge-breakpoint-object");
 var get_transition_duration_1 = require("../utils/get-transition-duration");
-var Modal = function (_a) {
+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 ThemelessModal = function (_a) {
     var children = _a.children, 
     /* istanbul ignore next */
     _b = _a.open, 
@@ -44,8 +47,13 @@ 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 = (0, theme_1.useTheme)();
     var overlayOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.modal.overlay, (0, filter_object_1.filterOutFalsyProperties)(overrides && overrides.overlay)));
-    return (react_1.default.createElement(dialog_1.BaseDialogFunction, { open: open, restoreFocusTo: restoreFocusTo, onDismiss: onDismiss, hideOverlay: hideOverlay, disableFocusTrap: disableFocusTrap, renderOverlay: function (handleOverlayClick) { return (react_1.default.createElement(overlay_1.Overlay, { open: open, onClick: handleOverlayClick, overrides: overlayOverrides })); } }, function (handleCloseButtonClick) { return (react_1.default.createElement(react_transition_group_1.CSSTransition, { in: open, timeout: (0, get_transition_duration_1.getTransitionDuration)("modal.panel", '')({ theme: theme, overrides: overrides }), classNames: "nk-modal", mountOnEnter: true, unmountOnExit: true, appear: true },
-        react_1.default.createElement(styled_1.StyledModal, __assign({ open: open, disableFocusTrap: disableFocusTrap, handleCloseButtonClick: handleCloseButtonClick, path: "modal", "data-testid": "modal", closePosition: closePosition, overrides: overrides }, props), children))); }));
+    var _d = react_1.default.useState(false), showWrapper = _d[0], setShowWrapper = _d[1];
+    return (react_1.default.createElement(dialog_1.BaseDialogFunction, { open: open, restoreFocusTo: restoreFocusTo, onDismiss: onDismiss, hideOverlay: hideOverlay, disableFocusTrap: disableFocusTrap, renderOverlay: function (handleOverlayClick) { return (react_1.default.createElement(overlay_1.Overlay, { open: open, onClick: handleOverlayClick, overrides: overlayOverrides })); } }, function (handleCloseButtonClick) { return (react_1.default.createElement(styled_1.StyledModalWrapper, { inline: props.inline, "$open": showWrapper, overrides: overrides },
+        react_1.default.createElement(react_transition_group_1.CSSTransition, { in: open, timeout: (0, get_transition_duration_1.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_1.default.createElement(styled_1.StyledModal, __assign({ open: open, disableFocusTrap: disableFocusTrap, handleCloseButtonClick: handleCloseButtonClick, path: "modal", "data-testid": "modal", closePosition: closePosition, overrides: overrides }, props), children)))); }));
 };
-exports.Modal = Modal;
+exports.Modal = (0, with_own_theme_1.withOwnTheme)(ThemelessModal)({
+    defaults: defaults_1.default,
+    stylePresets: style_presets_1.default,
+});
 //# sourceMappingURL=modal.js.map

package/cjs/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,iEAAqD;AAErD,mCAAqC;AACrC,oCAA6C;AAC7C,8CAA2C;AAC3C,kCAAkD;AAClD,kDAA8C;AAC9C,wDAAgE;AAChE,4EAAuE;AACvE,4EAAuE;AAEhE,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,IAAA,gBAAQ,GAAE,CAAC;IAEzB,IAAM,gBAAgB,gBACjB,IAAA,sBAAS,EACV,IAAA,+CAAqB,EAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CAAC,EACzE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,OAAO,EACrC,IAAA,wCAAwB,EAAC,SAAS,IAAI,SAAS,CAAC,OAAO,CAAC,CACzD,CACF,CAAC;IAEF,OAAO,CACL,8BAAC,2BAAkB,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,8BAAC,iBAAO,IACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,gBAAgB,GAC3B,CACH,EANoC,CAMpC,IAEA,UAAA,sBAAsB,IAAI,OAAA,CACzB,8BAAC,sCAAa,IACZ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,IAAA,+CAAqB,EAAC,aAAa,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,CAAC,EACrE,UAAU,EAAC,UAAU,EACrB,YAAY,QACZ,aAAa,QACb,MAAM;QAEN,8BAAC,oBAAW,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;AA9DW,QAAA,KAAK,SA8DhB"}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,iEAAqD;AAErD,mCAAyD;AACzD,oCAA6C;AAC7C,8CAA2C;AAC3C,kCAAkD;AAClD,kDAA8C;AAC9C,wDAAgE;AAChE,4EAAuE;AACvE,4EAAuE;AACvE,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AAErD,IAAM,cAAc,GAAyB,UAAC,EAW7C;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,cAVoC,oHAW7C,CADS;IAER,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,IAAM,gBAAgB,gBACjB,IAAA,sBAAS,EACV,IAAA,+CAAqB,EAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CAAC,EACzE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,OAAO,EACrC,IAAA,wCAAwB,EAAC,SAAS,IAAI,SAAS,CAAC,OAAO,CAAC,CACzD,CACF,CAAC;IAEI,IAAA,KAAgC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAApD,WAAW,QAAA,EAAE,cAAc,QAAyB,CAAC;IAE5D,OAAO,CACL,8BAAC,2BAAkB,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,8BAAC,iBAAO,IACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,gBAAgB,GAC3B,CACH,EANoC,CAMpC,IAEA,UAAA,sBAAsB,IAAI,OAAA,CACzB,8BAAC,2BAAkB,IACjB,MAAM,EAAE,KAAK,CAAC,MAAM,WACb,WAAW,EAClB,SAAS,EAAE,SAAS;QAEpB,8BAAC,sCAAa,IACZ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,IAAA,+CAAqB,EAC5B,aAAa,EACb,EAAE,CACH,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,CAAC,EACrB,UAAU,EAAC,UAAU,EACrB,YAAY,QACZ,aAAa,QACb,MAAM,QACN,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,EACnC,QAAQ,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB;YAErC,8BAAC,oBAAW,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,CACG,CACtB,EAjC0B,CAiC1B,CACkB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,KAAK,GAAG,IAAA,6BAAY,EAAC,cAAc,CAAC,CAAC;IAChD,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}

package/cjs/modal/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/cjs/modal/style-presets.d.ts.map

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

package/cjs/modal/style-presets.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    modalPanel: {
+        base: {
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            backgroundColor: '{{colors.interfaceBackground}}',
+            boxShadow: '{{shadows.shadow060}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/modal/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,YAAY,EAAE,iCAAiC;YAC/C,eAAe,EAAE,gCAAgC;YACjD,SAAS,EAAE,uBAAuB;SACnC;KACF;CAC6B,CAAC"}

package/cjs/modal/styled.d.ts

@@ -1,6 +1,12 @@
 /// <reference types="react" />
 import { ModalProps } from './types';
 declare type ModalPanelProps = Pick<ModalProps, 'overrides' | 'open'>;
+export declare const StyledModalWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<ModalProps, "inline" | "overrides"> & {
+    $open: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledModal: import("@emotion/styled").StyledComponent<import("../dialog/types").BaseDialogViewProps & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & ModalPanelProps, {}, {}>;

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

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/modal/styled.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAKnC,aAAK,eAAe,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,WAAW;;4BAoBvB,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/modal/styled.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAUnC,aAAK,eAAe,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,kBAAkB;;;;WACsB,OAAO;yGAiB3D,CAAC;AAEF,eAAO,MAAM,WAAW;;4BAiBvB,CAAC"}

package/cjs/modal/styled.js

@@ -4,11 +4,16 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledModal = void 0;
+exports.StyledModal = exports.StyledModalWrapper = void 0;
 var dialog_1 = require("../dialog");
 var style_1 = require("../utils/style");
 var utils_1 = require("../utils");
 var transition_preset_1 = require("../utils/style/transition-preset");
-exports.StyledModal = (0, style_1.styled)(dialog_1.BaseDialogView)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n\n  ", " {\n    ", ";\n    transform: translate(-50%, 0);\n  }\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  ", ";\n"], ["\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n\n  ", " {\n    ", ";\n    transform: translate(-50%, 0);\n  }\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  ", ";\n"])), (0, utils_1.getMediaQueryFromTheme)('md'), (0, style_1.getResponsiveSize)('top', 'modal.panel', 'panel', 'topOffset'), (0, style_1.getStylePreset)('modal.panel', 'panel'), (0, style_1.getResponsiveSize)('width', 'modal.panel', 'panel', 'width'), (0, style_1.getResponsiveSize)('minWidth', 'modal.panel', 'panel', 'minWidth'), (0, style_1.getResponsiveSize)('maxWidth', 'modal.panel', 'panel', 'maxWidth'), (0, style_1.getResponsiveSize)('height', 'modal.panel', 'panel', 'height'), (0, style_1.getResponsiveSize)('minHeight', 'modal.panel', 'panel', 'minHeight'), (0, style_1.getResponsiveSize)('maxHeight', 'modal.panel', 'panel', 'maxHeight'), (0, transition_preset_1.getTransitionPreset)("modal.panel", 'panel', 'nk-modal'));
-var templateObject_1;
+exports.StyledModalWrapper = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), function (_a) {
+    var $open = _a.$open, inline = _a.inline;
+    return $open &&
+        "\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      // Remove events on the modal wrapper so that users can click on the content behind it ( like overlay or body )\n      pointer-events: none;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      position: ".concat(inline ? 'absolute' : 'fixed', ";\n  ");
+}, (0, style_1.getResponsiveSpace)('zIndex', "modal.panel", 'panel', 'zIndex'));
+exports.StyledModal = (0, style_1.styled)(dialog_1.BaseDialogView)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  // adds pointer events which are removed by its parent ( StyledModalWrapper ) so that modal is interactive\n  pointer-events: all;\n\n  ", " {\n    ", ";\n  }\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  ", ";\n"], ["\n  // adds pointer events which are removed by its parent ( StyledModalWrapper ) so that modal is interactive\n  pointer-events: all;\n\n  ", " {\n    ", ";\n  }\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  ", ";\n"])), (0, utils_1.getMediaQueryFromTheme)('md'), (0, style_1.getResponsiveSize)('top', 'modal.panel', 'panel', 'topOffset'), (0, style_1.getStylePreset)('modal.panel', 'panel'), (0, style_1.getResponsiveSize)('width', 'modal.panel', 'panel', 'width'), (0, style_1.getResponsiveSize)('minWidth', 'modal.panel', 'panel', 'minWidth'), (0, style_1.getResponsiveSize)('maxWidth', 'modal.panel', 'panel', 'maxWidth'), (0, style_1.getResponsiveSize)('height', 'modal.panel', 'panel', 'height'), (0, style_1.getResponsiveSize)('minHeight', 'modal.panel', 'panel', 'minHeight'), (0, style_1.getResponsiveSize)('maxHeight', 'modal.panel', 'panel', 'maxHeight'), (0, transition_preset_1.getTransitionPreset)("modal.panel", 'panel', 'nk-modal'));
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=styled.js.map

package/cjs/modal/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/modal/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,oCAAyC;AAEzC,wCAAyE;AACzE,kCAAgD;AAChD,sEAAqE;AAIxD,QAAA,WAAW,GAAG,IAAA,cAAM,EAAC,uBAAc,CAAC,qSAAiB,0FAM9D,EAA4B,UAC1B,EAA6D,kDAI/D,EAAsC,OACtC,EAA2D,OAC3D,EAAiE,OACjE,EAAiE,OACjE,EAA6D,OAC7D,EAAmE,OACnE,EAAmE,SAEnE,EAAuD,KAC1D,KAdG,IAAA,8BAAsB,EAAC,IAAI,CAAC,EAC1B,IAAA,yBAAiB,EAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,EAI/D,IAAA,sBAAc,EAAC,aAAa,EAAE,OAAO,CAAC,EACtC,IAAA,yBAAiB,EAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,EAC3D,IAAA,yBAAiB,EAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,EACjE,IAAA,yBAAiB,EAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,EACjE,IAAA,yBAAiB,EAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,CAAC,EAC7D,IAAA,yBAAiB,EAAC,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,EACnE,IAAA,yBAAiB,EAAC,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,EAEnE,IAAA,uCAAmB,EAAC,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,EACzD"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/modal/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,oCAAyC;AAEzC,wCAKwB;AACxB,kCAAgD;AAChD,sEAAqE;AAIxD,QAAA,kBAAkB,GAAG,cAAM,CAAC,GAAG,uFAE3C,MACG,EAaD,MACC,EAA8D,IACjE,KAfG,UAAC,EAAe;QAAd,KAAK,WAAA,EAAE,MAAM,YAAA;IACf,OAAA,KAAK;QACL,oUAUc,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,UAC5C;AAZC,CAYD,EACC,IAAA,0BAAkB,EAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,CAAC,EAChE;AAEW,QAAA,WAAW,GAAG,IAAA,cAAM,EAAC,uBAAc,CAAC,qTAAiB,8IAI9D,EAA4B,UAC1B,EAA6D,cAG/D,EAAsC,OACtC,EAA2D,OAC3D,EAAiE,OACjE,EAAiE,OACjE,EAA6D,OAC7D,EAAmE,OACnE,EAAmE,SAEnE,EAAuD,KAC1D,KAbG,IAAA,8BAAsB,EAAC,IAAI,CAAC,EAC1B,IAAA,yBAAiB,EAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,EAG/D,IAAA,sBAAc,EAAC,aAAa,EAAE,OAAO,CAAC,EACtC,IAAA,yBAAiB,EAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,EAC3D,IAAA,yBAAiB,EAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,EACjE,IAAA,yBAAiB,EAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,EACjE,IAAA,yBAAiB,EAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,CAAC,EAC7D,IAAA,yBAAiB,EAAC,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,EACnE,IAAA,yBAAiB,EAAC,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,EAEnE,IAAA,uCAAmB,EAAC,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,EACzD"}

package/cjs/modal/types.d.ts

@@ -1,7 +1,6 @@
 import { BaseDialogProps } from '../dialog/types';
 import { MQ } from '../utils';
 export declare type ModalProps = Omit<BaseDialogProps, 'placement'> & {
-    closePosition?: 'left' | 'right';
     overrides?: {
         panel?: {
             topOffset?: MQ<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAG5B,oBAAY,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC,GAAG;IAC5D,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE;YACN,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACnB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACpB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACtB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACvB,CAAC;KACH,CAAC;CACH,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAG5B,oBAAY,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC,GAAG;IAC5D,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE;YACN,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACnB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACpB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACtB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACvB,CAAC;KACH,CAAC;CACH,CAAC"}

package/cjs/ordered-list/defaults.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    orderedList: {
+        spaceInline: string;
+        content: {
+            stylePreset: string;
+            typographyPreset: string;
+        };
+        counter: {
+            stylePreset: string;
+            typographyPreset: string;
+            minWidth: string;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

package/cjs/ordered-list/defaults.d.ts.map

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

package/cjs/ordered-list/defaults.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    orderedList: {
+        spaceInline: 'space040',
+        content: {
+            stylePreset: 'inkBase',
+            typographyPreset: 'editorialParagraph010',
+        },
+        counter: {
+            stylePreset: 'inkBase',
+            typographyPreset: 'editorialParagraph010',
+            minWidth: 'sizing050',
+        },
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/cjs/ordered-list/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/ordered-list/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,WAAW,EAAE;QACX,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE;YACP,WAAW,EAAE,SAAS;YACtB,gBAAgB,EAAE,uBAAuB;SAC1C;QACD,OAAO,EAAE;YACP,WAAW,EAAE,SAAS;YACtB,gBAAgB,EAAE,uBAAuB;YACzC,QAAQ,EAAE,WAAW;SACtB;KACF;CACF,CAAC"}

package/cjs/ordered-list/ordered-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ordered-list.d.ts","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAyBzC,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAalD,CAAC"}
+{"version":3,"file":"ordered-list.d.ts","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AA0CzC,eAAO,MAAM,WAAW,4BAAiD,CAAC"}

package/cjs/ordered-list/ordered-list.js

@@ -12,16 +12,18 @@ var react_1 = __importDefault(require("react"));
 var style_1 = require("../utils/style");
 var get_ssr_id_1 = require("../utils/get-ssr-id");
 var component_1 = require("../utils/component");
+var defaults_1 = __importDefault(require("./defaults"));
+var with_own_theme_1 = require("../utils/with-own-theme");
 var ListItem = style_1.styled.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  counter-increment: item-counter;\n  ", "\n  ", "\n  &::before {\n    content: counter(item-counter) '. ';\n    ", "\n    ", "\n    display: inline-block;\n    min-width: ", ";\n  }\n"], ["\n  ", "\n  counter-increment: item-counter;\n  ", "\n  ", "\n  &::before {\n    content: counter(item-counter) '. ';\n    ", "\n    ", "\n    display: inline-block;\n    min-width: ", ";\n  }\n"])), (0, style_1.getSpacingInlineVertical)('orderedList', ''), (0, style_1.getStylePreset)('orderedList.content', 'content'), (0, style_1.getTypographyPreset)('orderedList.content', 'content', {
     withCrop: true,
 }), (0, style_1.getStylePreset)('orderedList.counter', 'counter'), (0, style_1.getTypographyPreset)('orderedList.counter', 'counter'), (0, style_1.getMinWidth)('orderedList.counter', 'counter'));
 var List = style_1.styled.ol(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  counter-reset: item-counter;\n"], ["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  counter-reset: item-counter;\n"])));
-var OrderedList = function (_a) {
+var ThemelessOrderedList = function (_a) {
     var children = _a.children, overrides = _a.overrides;
     return (react_1.default.createElement(List, { role: "list" }, react_1.default.Children.map(children, function (node) {
         return (0, component_1.isValidNode)(node) ? (react_1.default.createElement(ListItem, { overrides: overrides, key: (0, get_ssr_id_1.getSSRId)() }, node)) : null;
     })));
 };
-exports.OrderedList = OrderedList;
+exports.OrderedList = (0, with_own_theme_1.withOwnTheme)(ThemelessOrderedList)({ defaults: defaults_1.default });
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=ordered-list.js.map

package/cjs/ordered-list/ordered-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"ordered-list.js","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAMwB;AACxB,kDAA6C;AAC7C,gDAA+C;AAG/C,IAAM,QAAQ,GAAG,cAAM,CAAC,EAAE,uQAAkB,MACxC,EAA2C,0CAE3C,EAAgD,MAChD,EAEA,iEAGE,EAAgD,QAChD,EAAqD,+CAE1C,EAA6C,UAE7D,KAbG,IAAA,gCAAwB,EAAC,aAAa,EAAE,EAAE,CAAC,EAE3C,IAAA,sBAAc,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAChD,IAAA,2BAAmB,EAAC,qBAAqB,EAAE,SAAS,EAAE;IACtD,QAAQ,EAAE,IAAI;CACf,CAAC,EAGE,IAAA,sBAAc,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAChD,IAAA,2BAAmB,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAE1C,IAAA,mBAAW,EAAC,qBAAqB,EAAE,SAAS,CAAC,CAE7D,CAAC;AAEF,IAAM,IAAI,GAAG,cAAM,CAAC,EAAE,yJAAA,sFAKrB,IAAA,CAAC;AAEK,IAAM,WAAW,GAA+B,UAAC,EAGvD;QAFC,QAAQ,cAAA,EACR,SAAS,eAAA;IACL,OAAA,CACJ,8BAAC,IAAI,IAAC,IAAI,EAAC,MAAM,IACd,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,IAAI;QAChC,OAAA,IAAA,uBAAW,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAClB,8BAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,IAAA,qBAAQ,GAAE,IAC5C,IAAI,CACI,CACZ,CAAC,CAAC,CAAC,IAAI;IAJR,CAIQ,CACT,CACI,CACR;AAVK,CAUL,CAAC;AAbW,QAAA,WAAW,eAatB"}
+{"version":3,"file":"ordered-list.js","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAMwB;AACxB,kDAA6C;AAC7C,gDAA+C;AAE/C,wDAAkC;AAClC,0DAAqD;AAErD,IAAM,QAAQ,GAAG,cAAM,CAAC,EAAE,uQAAkB,MACxC,EAA2C,0CAE3C,EAAgD,MAChD,EAEA,iEAGE,EAAgD,QAChD,EAAqD,+CAE1C,EAA6C,UAE7D,KAbG,IAAA,gCAAwB,EAAC,aAAa,EAAE,EAAE,CAAC,EAE3C,IAAA,sBAAc,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAChD,IAAA,2BAAmB,EAAC,qBAAqB,EAAE,SAAS,EAAE;IACtD,QAAQ,EAAE,IAAI;CACf,CAAC,EAGE,IAAA,sBAAc,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAChD,IAAA,2BAAmB,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAE1C,IAAA,mBAAW,EAAC,qBAAqB,EAAE,SAAS,CAAC,CAE7D,CAAC;AAEF,IAAM,IAAI,GAAG,cAAM,CAAC,EAAE,yJAAA,sFAKrB,IAAA,CAAC;AAEF,IAAM,oBAAoB,GAA+B,UAAC,EAGzD;QAFC,QAAQ,cAAA,EACR,SAAS,eAAA;IACL,OAAA,CACJ,8BAAC,IAAI,IAAC,IAAI,EAAC,MAAM,IACd,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,IAAI;QAChC,OAAA,IAAA,uBAAW,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAClB,8BAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,IAAA,qBAAQ,GAAE,IAC5C,IAAI,CACI,CACZ,CAAC,CAAC,CAAC,IAAI;IAJR,CAIQ,CACT,CACI,CACR;AAVK,CAUL,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,6BAAY,EAAC,oBAAoB,CAAC,CAAC,EAAC,QAAQ,oBAAA,EAAC,CAAC,CAAC"}

package/cjs/overlay/defaults.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    overlay: {
+        stylePreset: string;
+        transitionPreset: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

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

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

package/cjs/overlay/defaults.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    overlay: {
+        stylePreset: 'overlay',
+        transitionPreset: 'fade',
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/cjs/overlay/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/overlay/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,OAAO,EAAE;QACP,WAAW,EAAE,SAAS;QACtB,gBAAgB,EAAE,MAAM;KACzB;CACF,CAAC"}

package/cjs/overlay/overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAyB,EAAE,EAAqB,MAAM,gBAAgB,CAAC;AAG9E,UAAU,YAAY;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH;AAuBD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmB1C,CAAC"}
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAyB,EAAE,EAAqB,MAAM,gBAAgB,CAAC;AAM9E,UAAU,YAAY;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH;AA4CD,eAAO,MAAM,OAAO,wBAGlB,CAAC"}

package/cjs/overlay/overlay.js

@@ -37,18 +37,24 @@ var get_transition_duration_1 = require("../utils/get-transition-duration");
 var hooks_1 = require("../utils/hooks");
 var style_1 = require("../utils/style");
 var transition_preset_1 = require("../utils/style/transition-preset");
+var defaults_1 = __importDefault(require("./defaults"));
+var style_presets_1 = __importDefault(require("./style-presets"));
+var with_own_theme_1 = require("../utils/with-own-theme");
 // getResponsiveSpace('zIndex') will be replaced with a new function once PPDSC-1711 is done
 var StyledOverlay = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: border-box;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  ", ";\n  cursor: pointer;\n  ", ";\n\n  ", ";\n"], ["\n  box-sizing: border-box;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  ", ";\n  cursor: pointer;\n  ", ";\n\n  ", ";\n"])), (0, style_1.getResponsiveSpace)('zIndex', "overlay", '', 'zIndex'), (0, style_1.getStylePreset)('overlay', ''), (0, transition_preset_1.getTransitionPreset)('overlay', '', 'nk-overlay'));
 var BaseOverlay = function (props) {
     (0, hooks_1.useLockBodyScroll)();
     return react_1.default.createElement(StyledOverlay, __assign({ "data-testid": "overlay" }, props));
 };
-var Overlay = function (_a) {
+var ThemlessOverlay = function (_a) {
     var open = _a.open, overrides = _a.overrides, props = __rest(_a, ["open", "overrides"]);
     var theme = (0, theme_1.useTheme)();
     return (react_1.default.createElement(react_transition_group_1.CSSTransition, { in: open, timeout: (0, get_transition_duration_1.getTransitionDuration)('overlay', '')({ theme: theme, overrides: overrides }), classNames: "nk-overlay", mountOnEnter: true, unmountOnExit: true, appear: true },
         react_1.default.createElement(BaseOverlay, __assign({}, props, { overrides: overrides }))));
 };
-exports.Overlay = Overlay;
+exports.Overlay = (0, with_own_theme_1.withOwnTheme)(ThemlessOverlay)({
+    defaults: defaults_1.default,
+    stylePresets: style_presets_1.default,
+});
 var templateObject_1;
 //# sourceMappingURL=overlay.js.map

package/cjs/overlay/overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,iEAAqD;AACrD,kCAAkC;AAClC,4EAAuE;AACvE,wCAAiD;AACjD,wCAA8E;AAC9E,sEAAqE;AAWrE,4FAA4F;AAC5F,IAAM,aAAa,GAAG,cAAM,CAAC,GAAG,yNAAiC,uGAO7D,EAAqD,2BAErD,EAA6B,SAE7B,EAAgD,KACnD,KALG,IAAA,0BAAkB,EAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,CAAC,EAErD,IAAA,sBAAc,EAAC,SAAS,EAAE,EAAE,CAAC,EAE7B,IAAA,uCAAmB,EAAC,SAAS,EAAE,EAAE,EAAE,YAAY,CAAC,CACnD,CAAC;AAEF,IAAM,WAAW,GAAyC,UAAA,KAAK;IAC7D,IAAA,yBAAiB,GAAE,CAAC;IAEpB,OAAO,8BAAC,aAAa,4BAAa,SAAS,IAAK,KAAK,EAAI,CAAC;AAC5D,CAAC,CAAC;AAEK,IAAM,OAAO,GAA2B,UAAC,EAI/C;IAHC,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACN,KAAK,cAHsC,qBAI/C,CADS;IAER,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,8BAAC,sCAAa,IACZ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,IAAA,+CAAqB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,CAAC,EACjE,UAAU,EAAC,YAAY,EACvB,YAAY,QACZ,aAAa,QACb,MAAM;QAEN,8BAAC,WAAW,eAAK,KAAK,IAAE,SAAS,EAAE,SAAS,IAAI,CAClC,CACjB,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,OAAO,WAmBlB"}
+{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,iEAAqD;AACrD,kCAAkC;AAClC,4EAAuE;AACvE,wCAAiD;AACjD,wCAA8E;AAC9E,sEAAqE;AACrE,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AAWrD,4FAA4F;AAC5F,IAAM,aAAa,GAAG,cAAM,CAAC,GAAG,yNAAiC,uGAO7D,EAAqD,2BAErD,EAA6B,SAE7B,EAAgD,KACnD,KALG,IAAA,0BAAkB,EAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,CAAC,EAErD,IAAA,sBAAc,EAAC,SAAS,EAAE,EAAE,CAAC,EAE7B,IAAA,uCAAmB,EAAC,SAAS,EAAE,EAAE,EAAE,YAAY,CAAC,CACnD,CAAC;AAEF,IAAM,WAAW,GAAyC,UAAA,KAAK;IAC7D,IAAA,yBAAiB,GAAE,CAAC;IAEpB,OAAO,8BAAC,aAAa,4BAAa,SAAS,IAAK,KAAK,EAAI,CAAC;AAC5D,CAAC,CAAC;AAEF,IAAM,eAAe,GAA2B,UAAC,EAIhD;IAHC,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACN,KAAK,cAHuC,qBAIhD,CADS;IAER,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,8BAAC,sCAAa,IACZ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,IAAA,+CAAqB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,CAAC,EACjE,UAAU,EAAC,YAAY,EACvB,YAAY,QACZ,aAAa,QACb,MAAM;QAEN,8BAAC,WAAW,eAAK,KAAK,IAAE,SAAS,EAAE,SAAS,IAAI,CAClC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,6BAAY,EAAC,eAAe,CAAC,CAAC;IACnD,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}

package/cjs/overlay/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/cjs/overlay/style-presets.d.ts.map

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

package/cjs/overlay/style-presets.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    overlay: {
+        base: {
+            backgroundColor: '{{overlays.overlayTintBase040}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/overlay/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,eAAe,EAAE,iCAAiC;SACnD;KACF;CAC6B,CAAC"}

package/cjs/scroll/defaults.d.ts

@@ -0,0 +1,32 @@
+declare const _default: {
+    scroll: {
+        horizontal: {
+            controls: {
+                button: {
+                    stylePreset: string;
+                    spaceInset: string;
+                };
+                offset: string;
+            };
+            overlays: {
+                stylePreset: string;
+                size: string;
+            };
+        };
+        vertical: {
+            controls: {
+                button: {
+                    stylePreset: string;
+                    spaceInset: string;
+                };
+                offset: string;
+            };
+            overlays: {
+                stylePreset: string;
+                size: string;
+            };
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

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

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

package/cjs/scroll/defaults.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    scroll: {
+        horizontal: {
+            controls: {
+                button: {
+                    stylePreset: 'iconButtonSolidPrimary',
+                    spaceInset: 'spaceInset000',
+                },
+                offset: 'space040',
+            },
+            overlays: {
+                stylePreset: 'scrollOverlaysHorizontal',
+                size: 'sizing090',
+            },
+        },
+        vertical: {
+            controls: {
+                button: {
+                    stylePreset: 'iconButtonSolidPrimary',
+                    spaceInset: 'spaceInset000',
+                },
+                offset: 'space040',
+            },
+            overlays: {
+                stylePreset: 'scrollOverlaysVertical',
+                size: 'sizing090',
+            },
+        },
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/cjs/scroll/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/scroll/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,MAAM,EAAE;QACN,UAAU,EAAE;YACV,QAAQ,EAAE;gBACR,MAAM,EAAE;oBACN,WAAW,EAAE,wBAAwB;oBACrC,UAAU,EAAE,eAAe;iBAC5B;gBACD,MAAM,EAAE,UAAU;aACnB;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,0BAA0B;gBACvC,IAAI,EAAE,WAAW;aAClB;SACF;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE;gBACR,MAAM,EAAE;oBACN,WAAW,EAAE,wBAAwB;oBACrC,UAAU,EAAE,eAAe;iBAC5B;gBACD,MAAM,EAAE,UAAU;aACnB;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,wBAAwB;gBACrC,IAAI,EAAE,WAAW;aAClB;SACF;KACF;CACF,CAAC"}

package/cjs/scroll/scroll.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ScrollProps } from './types';
-export declare const Scroll: React.ForwardRefExoticComponent<ScrollProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Scroll: React.FC<ScrollProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=scroll.d.ts.map

package/cjs/scroll/scroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../../src/scroll/scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAI9C,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAgBpC,eAAO,MAAM,MAAM,oFAoKlB,CAAC"}
+{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../../src/scroll/scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAI9C,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAyLpC,eAAO,MAAM,MAAM,6DAGjB,CAAC"}

package/cjs/scroll/scroll.js

@@ -56,8 +56,11 @@ var theme_1 = require("../theme");
 var icon_button_1 = require("../icon-button");
 var get_1 = require("../utils/get");
 var hooks_1 = require("../utils/hooks");
+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 SCROLL_THRESHOLD = 0.99;
-exports.Scroll = react_1.default.forwardRef(function (_a, ref) {
+var ThemelessScroll = react_1.default.forwardRef(function (_a, ref) {
     var _b = _a.vertical, vertical = _b === void 0 ? false : _b, controls = _a.controls, _c = _a.stepDistance, stepDistance = _c === void 0 ? 160 : _c, snapAlign = _a.snapAlign, _d = _a.scrollBar, scrollBar = _d === void 0 ? false : _d, children = _a.children, _e = _a.overrides, overrides = _e === void 0 ? {} : _e, props = __rest(_a, ["vertical", "controls", "stepDistance", "snapAlign", "scrollBar", "children", "overrides"]);
     var theme = (0, theme_1.useTheme)();
     var buttonComponentDefault = (0, get_1.get)(theme, "componentDefaults.scroll.".concat(vertical ? 'vertical' : 'horizontal', ".controls.button"));
@@ -112,4 +115,8 @@ exports.Scroll = react_1.default.forwardRef(function (_a, ref) {
                 react_1.default.createElement(icon_button_1.IconButton, { overrides: buttonOverrides, tabIndex: -1, "aria-label": "Scroll ".concat(vertical ? 'top' : 'left'), "data-testid": "scroll-arrow-".concat(vertical ? 'top' : 'left'), onClick: function () { return scrollContainer(-stepDistance); }, size: iconSize },
                     react_1.default.createElement(icons_1.IconFilledChevronLeft, null))))))));
 });
+exports.Scroll = (0, with_own_theme_1.withOwnTheme)(ThemelessScroll)({
+    defaults: defaults_1.default,
+    stylePresets: style_presets_1.default,
+});
 //# sourceMappingURL=scroll.js.map

package/cjs/scroll/scroll.js.map

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

package/cjs/scroll/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/cjs/scroll/style-presets.d.ts.map

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

package/cjs/scroll/style-presets.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    scrollOverlaysHorizontal: {
+        base: {
+            backgroundImage: '{{overlays.overlayGradientBaseHorizontal}}',
+        },
+    },
+    scrollOverlaysVertical: {
+        base: {
+            backgroundImage: '{{overlays.overlayGradientBaseVertical}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/scroll/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,wBAAwB,EAAE;QACxB,IAAI,EAAE;YACJ,eAAe,EAAE,4CAA4C;SAC9D;KACF;IACD,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,eAAe,EAAE,0CAA0C;SAC5D;KACF;CAC6B,CAAC"}