newskit 4.2.0 → 5.1.0

package/cjs/dialog/styled.js

@@ -4,11 +4,15 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledCloseButton = exports.StyledFillSpaceCloseButton = exports.StyledDialogContent = exports.StyledDialogHeaderContent = exports.StyledDialogHeader = exports.StyledMoveFocusInside = exports.StyledDialogPanel = void 0;
+exports.StyledCloseButtonContainer = exports.StyledDialogContent = exports.StyledDialogHeader = exports.StyledDialogHeaderBG = exports.StyledMoveFocusInside = exports.StyledDialogPanel = void 0;
 var react_focus_lock_1 = require("react-focus-lock");
-var icon_button_1 = require("../icon-button");
 var style_1 = require("../utils/style");
-exports.StyledDialogPanel = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: border-box;\n  ", "\n  ", "\n  ", "\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"], ["\n  box-sizing: border-box;\n  ", "\n  ", "\n  ", "\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"])), function (_a) {
+var createCssGrid = function (_a) {
+    var closePosition = _a.closePosition;
+    return closePosition === 'left'
+        ? (0, style_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        display: grid;\n        grid-template-areas:\n          'close header'\n          'content content';\n        grid-template-columns: auto 1fr;\n        grid-template-rows: auto 1fr;\n      "], ["\n        display: grid;\n        grid-template-areas:\n          'close header'\n          'content content';\n        grid-template-columns: auto 1fr;\n        grid-template-rows: auto 1fr;\n      "]))) : (0, style_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        display: grid;\n        grid-template-areas:\n          'header close'\n          'content content';\n        grid-template-columns: 1fr auto;\n        grid-template-rows: auto 1fr;\n      "], ["\n        display: grid;\n        grid-template-areas:\n          'header close'\n          'content content';\n        grid-template-columns: 1fr auto;\n        grid-template-rows: auto 1fr;\n      "])));
+};
+exports.StyledDialogPanel = style_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  box-sizing: border-box;\n  ", "\n  ", "\n  ", "\n  ", "  \n  overflow: hidden;\n"], ["\n  box-sizing: border-box;\n  ", "\n  ", "\n  ", "\n  ", "  \n  overflow: hidden;\n"])), function (_a) {
     var inline = _a.inline;
     return ({
         position: inline ? 'absolute' : 'fixed',
@@ -20,35 +24,34 @@ exports.StyledDialogPanel = style_1.styled.div(templateObject_1 || (templateObje
     });
 }, function (_a) {
     var path = _a.path;
-    return style_1.getResponsiveSpace('zIndex', path + ".panel", 'panel', 'zIndex');
+    return (0, style_1.getResponsiveSpace)('zIndex', "".concat(path, ".panel"), 'panel', 'zIndex');
+}, function (_a) {
+    var closePosition = _a.closePosition;
+    return createCssGrid({ closePosition: closePosition });
 });
-exports.StyledMoveFocusInside = style_1.styled(react_focus_lock_1.MoveFocusInside)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden auto;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden auto;\n"])));
-exports.StyledDialogHeader = style_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  box-sizing: border-box;\n  ", "\n  ", "\n  flex-shrink: 0; //fix min-height issues\n"], ["\n  box-sizing: border-box;\n  ", "\n  ", "\n  flex-shrink: 0; //fix min-height issues\n"])), function (_a) {
-    var path = _a.path;
-    return style_1.getStylePreset(path + ".header", 'header');
-}, style_1.getSizingCssFromTheme('minHeight', 'sizing080'));
-exports.StyledDialogHeaderContent = style_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  ", "\n"], ["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  ", "\n"])), function (_a) {
+exports.StyledMoveFocusInside = (0, style_1.styled)(react_focus_lock_1.MoveFocusInside)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 100%;\n  overflow: hidden auto;\n  ", ";\n  // it makes this container to take full space form it parent grid\n  grid-row-start: 1;\n  grid-row-end: 3;\n  grid-column-start: 1;\n  grid-column-end: 3;\n"], ["\n  height: 100%;\n  overflow: hidden auto;\n  ", ";\n  // it makes this container to take full space form it parent grid\n  grid-row-start: 1;\n  grid-row-end: 3;\n  grid-column-start: 1;\n  grid-column-end: 3;\n"])), function (_a) {
+    var closePosition = _a.closePosition;
+    return createCssGrid({ closePosition: closePosition });
+});
+// This is empty div that sits behind header content and close button so that style-preset can be applied to it.
+exports.StyledDialogHeaderBG = style_1.styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  // takes the space of header and close grid area\n  grid-row-start: 1;\n  grid-column-start: 1;\n  grid-column-end: 3;\n"], ["\n  ", ";\n  // takes the space of header and close grid area\n  grid-row-start: 1;\n  grid-column-start: 1;\n  grid-column-end: 3;\n"])), function (_a) {
     var path = _a.path;
-    return style_1.getResponsiveSpace('padding', path + ".header", 'header', 'spaceInset');
+    return (0, style_1.getStylePreset)("".concat(path, ".header"), 'header');
 });
-exports.StyledDialogContent = style_1.styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  box-sizing: border-box;\n  flex-grow: 1;\n  overflow: hidden auto;\n  ", "\n"], ["\n  box-sizing: border-box;\n  flex-grow: 1;\n  overflow: hidden auto;\n  ", "\n"])), function (_a) {
+exports.StyledDialogHeader = style_1.styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  box-sizing: border-box;\n  ", "\n  display: flex;\n  grid-area: header;\n  align-items: center;\n  ", "\n"], ["\n  box-sizing: border-box;\n  ", "\n  display: flex;\n  grid-area: header;\n  align-items: center;\n  ", "\n"])), (0, style_1.getSizingCssFromTheme)('minHeight', 'sizing080'), function (_a) {
     var path = _a.path;
-    return style_1.getResponsiveSpace('padding', path + ".content", 'content', 'spaceInset');
+    return (0, style_1.getResponsiveSpace)('padding', "".concat(path, ".header"), 'header', 'spaceInset');
 });
-// This elements is needed to fill the space behind close button which is positioned absolute
-exports.StyledFillSpaceCloseButton = style_1.styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  box-sizing: border-box;\n  ", "\n  ", "  \n  ", "\n  ", "\n  flex-shrink: 0;\n"], ["\n  box-sizing: border-box;\n  ", "\n  ", "  \n  ", "\n  ", "\n  flex-shrink: 0;\n"])), function (_a) {
+exports.StyledDialogContent = style_1.styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  box-sizing: border-box;\n  grid-area: content;\n  overflow: hidden auto;\n  ", "\n"], ["\n  box-sizing: border-box;\n  grid-area: content;\n  overflow: hidden auto;\n  ", "\n"])), function (_a) {
     var path = _a.path;
-    return style_1.getResponsiveSpace('margin', path + ".closeButton", 'closeButton', 'spaceInset');
-}, style_1.getResponsiveSize('width', 'iconButton.medium', '', 'width'), style_1.getResponsiveSize('height', 'iconButton.medium', '', 'height'), function (_a) {
-    var closePosition = _a.closePosition;
-    return closePosition === 'left' ? "margin-right: auto;" : "margin-left: auto;";
+    return (0, style_1.getResponsiveSpace)('padding', "".concat(path, ".content"), 'content', 'spaceInset');
 });
-exports.StyledCloseButton = style_1.styled(icon_button_1.IconButton)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  ", "\n  ", "\n"], ["\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  ", "\n  ", "\n"])), function (_a) {
-    var closePosition = _a.closePosition;
-    return (closePosition === 'left' ? "left: 0;" : "right: 0;");
-}, function (_a) {
+exports.StyledCloseButtonContainer = style_1.styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  grid-area: close;\n  box-sizing: border-box;\n  align-self: center;\n\n  ", ";\n  ", "\n"], ["\n  grid-area: close;\n  box-sizing: border-box;\n  align-self: center;\n\n  ", ";\n  ", "\n"])), function (_a) {
     var path = _a.path;
-    return style_1.getResponsiveSpace(function (margin) { return ({ margin: "0 " + margin }); }, path + ".closeButton", '', 'spaceInset');
+    return (0, style_1.getResponsiveSpace)('padding', "".concat(path, ".closeButton"), 'closeButton', 'spaceInset');
+}, function (_a) {
+    var closePosition = _a.closePosition;
+    return closePosition === 'left' ? "padding-right: 0;" : "padding-left: 0;";
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 //# sourceMappingURL=styled.js.map

package/cjs/dialog/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,qDAAiD;AACjD,8CAA0C;AAC1C,wCAMwB;AAQX,QAAA,iBAAiB,GAAG,cAAM,CAAC,GAAG,4LAAqC,iCAE5E,EAEA,MACA,EAEA,MACA,EACgE,sEAInE,KAXG,UAAC,EAAQ;QAAP,MAAM,YAAA;IAAM,OAAA,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;KACxC,CAAC;AAFc,CAEd,EACA,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,CAAC;QACd,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;KAC1C,CAAC;AAFa,CAEb,EACA,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAAC,QAAQ,EAAK,IAAI,WAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC;AAAhE,CAAgE,EAIlE;AAEW,QAAA,qBAAqB,GAAG,cAAM,CAAC,kCAAe,CAAC,+JAAA,4FAK3D,KAAC;AAEW,QAAA,kBAAkB,GAAG,cAAM,CAAC,GAAG,6JAAqC,iCAE7E,EAAsD,MACtD,EAA+C,+CAElD,KAHG,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,sBAAc,CAAI,IAAI,YAAS,EAAE,QAAQ,CAAC;AAA1C,CAA0C,EACtD,6BAAqB,CAAC,WAAW,EAAE,WAAW,CAAC,EAEjD;AAEW,QAAA,yBAAyB,GAAG,cAAM,CAAC,GAAG,oJAAqC,2EAIpF,EACuE,IAC1E,KAFG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAAC,SAAS,EAAK,IAAI,YAAS,EAAE,QAAQ,EAAE,YAAY,CAAC;AAAvE,CAAuE,EACzE;AAEW,QAAA,mBAAmB,GAAG,cAAM,CAAC,GAAG,qJAAqC,4EAI9E,EACyE,IAC5E,KAFG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAAC,SAAS,EAAK,IAAI,aAAU,EAAE,SAAS,EAAE,YAAY,CAAC;AAAzE,CAAyE,EAC3E;AAEF,6FAA6F;AAChF,QAAA,0BAA0B,GAAG,cAAM,CAAC,GAAG,uJAGnD,iCAEG,EAMC,MACD,EAA4D,QAC5D,EAA8D,MAC9D,EACuE,uBAE1E,KAZG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAChB,QAAQ,EACL,IAAI,iBAAc,EACrB,aAAa,EACb,YAAY,CACb;AALD,CAKC,EACD,yBAAiB,CAAC,OAAO,EAAE,mBAAmB,EAAE,EAAE,EAAE,OAAO,CAAC,EAC5D,yBAAiB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,EAAE,EAAE,QAAQ,CAAC,EAC9D,UAAC,EAAe;QAAd,aAAa,mBAAA;IACf,OAAA,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,oBAAoB;AAAvE,CAAuE,EAEzE;AAEW,QAAA,iBAAiB,GAAG,cAAM,CAAC,wBAAU,CAAC,oJAGlD,mEAIG,EAA0E,MAC1E,EAMC,IACJ,KARG,UAAC,EAAe;QAAd,aAAa,mBAAA;IAAM,OAAA,CAAC,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;AAArD,CAAqD,EAC1E,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAChB,UAAA,MAAM,IAAI,OAAA,CAAC,EAAC,MAAM,EAAE,OAAK,MAAQ,EAAC,CAAC,EAAzB,CAAyB,EAChC,IAAI,iBAAc,EACrB,EAAE,EACF,YAAY,CACb;AALD,CAKC,EACH"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,qDAAiD;AACjD,wCAMwB;AAQxB,IAAM,aAAa,GAAG,UAAC,EAEsB;QAD3C,aAAa,mBAAA;IAEb,OAAA,aAAa,KAAK,MAAM;QACtB,CAAC,KAAC,WAAG,6QAAA,yMAOF,KACH,CAAC,KAAC,WAAG,6QAAA,yMAOF,IAAA;AAhBL,CAgBK,CAAC;AAEK,QAAA,iBAAiB,GAAG,cAAM,CAAC,GAAG,yJAAqC,iCAE5E,EAEA,MACA,EAEA,MACA,EACgE,MAChE,EAAmD,2BAEtD,KAVG,UAAC,EAAQ;QAAP,MAAM,YAAA;IAAM,OAAA,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;KACxC,CAAC;AAFc,CAEd,EACA,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,CAAC;QACd,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;KAC1C,CAAC;AAFa,CAEb,EACA,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,0BAAkB,EAAC,QAAQ,EAAE,UAAG,IAAI,WAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC;AAAhE,CAAgE,EAChE,UAAC,EAAe;QAAd,aAAa,mBAAA;IAAM,OAAA,aAAa,CAAC,EAAC,aAAa,eAAA,EAAC,CAAC;AAA9B,CAA8B,EAErD;AAEW,QAAA,qBAAqB,GAAG,IAAA,cAAM,EAAC,kCAAe,CAAC,0RAE3D,iDAGG,EAAmD,oKAMtD,KANG,UAAC,EAAe;QAAd,aAAa,mBAAA;IAAM,OAAA,aAAa,CAAC,EAAC,aAAa,eAAA,EAAC,CAAC;AAA9B,CAA8B,EAMrD;AAEF,gHAAgH;AACnG,QAAA,oBAAoB,GAAG,cAAM,CAAC,GAAG,0MAAqC,MAC/E,EAAsD,+HAKzD,KALG,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,sBAAc,EAAC,UAAG,IAAI,YAAS,EAAE,QAAQ,CAAC;AAA1C,CAA0C,EAKxD;AAEW,QAAA,kBAAkB,GAAG,cAAM,CAAC,GAAG,kLAAqC,iCAE7E,EAA+C,sEAI/C,EACuE,IAC1E,KANG,IAAA,6BAAqB,EAAC,WAAW,EAAE,WAAW,CAAC,EAI/C,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,0BAAkB,EAAC,SAAS,EAAE,UAAG,IAAI,YAAS,EAAE,QAAQ,EAAE,YAAY,CAAC;AAAvE,CAAuE,EACzE;AAEW,QAAA,mBAAmB,GAAG,cAAM,CAAC,GAAG,2JAAqC,kFAI9E,EACyE,IAC5E,KAFG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,0BAAkB,EAAC,SAAS,EAAE,UAAG,IAAI,aAAU,EAAE,SAAS,EAAE,YAAY,CAAC;AAAzE,CAAyE,EAC3E;AAEW,QAAA,0BAA0B,GAAG,cAAM,CAAC,GAAG,iKAGnD,+EAKG,EAMC,OACD,EACmE,IACtE,KATG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,0BAAkB,EAChB,SAAS,EACT,UAAG,IAAI,iBAAc,EACrB,aAAa,EACb,YAAY,CACb;AALD,CAKC,EACD,UAAC,EAAe;QAAd,aAAa,mBAAA;IACf,OAAA,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB;AAAnE,CAAmE,EACrE"}

package/cjs/dialog/types.d.ts

@@ -1,15 +1,16 @@
 import React, { HTMLAttributes } from 'react';
+import { TransitionToken } from '../theme';
 import { MQ } from '../utils/style';
 export interface BaseDialogOverridesProps {
     overlay?: {
         zIndex?: number;
         stylePreset?: MQ<string>;
-        transitionPreset?: string | string[];
+        transitionPreset?: TransitionToken | TransitionToken[];
     };
     panel?: {
         zIndex?: number;
         stylePreset?: MQ<string>;
-        transitionPreset?: string | string[];
+        transitionPreset?: TransitionToken | TransitionToken[];
     };
     header?: {
         stylePreset?: MQ<string>;
@@ -26,7 +27,7 @@ export interface BaseDialogOverridesProps {
 export interface BaseDialogViewProps extends HTMLAttributes<HTMLDivElement> {
     path: string;
     handleCloseButtonClick: () => void;
-    closePosition?: 'left' | 'right';
+    closePosition?: 'left' | 'right' | 'none';
     header?: React.ReactNode;
     children: Exclude<React.ReactNode, 'undefined'>;
     ariaDescribedby?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KACtC,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KACtC,CAAC;IACF,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;CACH;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB,EAAE,MAAM,IAAI,CAAC;IAEnC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CAAC,sBAAsB,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAClE,aAAa,EAAE,CAAC,kBAAkB,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IACnE,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,MAAM,WAAW,eACf,SAAQ,IAAI,CACR,mBAAmB,EACnB,WAAW,GAAG,MAAM,GAAG,wBAAwB,GAAG,MAAM,CACzD,EACD,IAAI,CAAC,uBAAuB,EAAE,UAAU,GAAG,eAAe,CAAC,EAC3D,KAAK,CAAC,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AACzC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;KACxD,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;KACxD,CAAC;IACF,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;CACH;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB,EAAE,MAAM,IAAI,CAAC;IAEnC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAC1C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CAAC,sBAAsB,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAClE,aAAa,EAAE,CAAC,kBAAkB,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IACnE,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,MAAM,WAAW,eACf,SAAQ,IAAI,CACR,mBAAmB,EACnB,WAAW,GAAG,MAAM,GAAG,wBAAwB,GAAG,MAAM,CACzD,EACD,IAAI,CAAC,uBAAuB,EAAE,UAAU,GAAG,eAAe,CAAC,EAC3D,KAAK,CAAC,cAAc;CAAG"}

package/cjs/divider/defaults.d.ts

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

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

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

package/cjs/divider/defaults.js

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

package/cjs/divider/defaults.js.map

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

package/cjs/divider/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+C,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAEhF,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;CAC1B;AACD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B;AAqBD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAE1C,CAAC"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+C,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAKhF,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;CAC1B;AACD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B;AAyBD,eAAO,MAAM,OAAO,wBAA2D,CAAC"}

package/cjs/divider/divider.js

@@ -21,9 +21,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Divider = void 0;
 var react_1 = __importDefault(require("react"));
 var style_1 = require("../utils/style");
-var StyledDivider = style_1.styled.hr(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  border-width: 0px;\n  margin: 0;\n  ", "\n"], ["\n  ", ";\n  border-width: 0px;\n  margin: 0;\n  ", "\n"])), style_1.getStylePreset('divider.stylePreset', 'stylePreset'), style_1.handleResponsiveProp({ vertical: false }, function (_a, props) {
+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 StyledDivider = style_1.styled.hr(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  border-width: 0px;\n  margin: 0;\n  ", "\n"], ["\n  ", ";\n  border-width: 0px;\n  margin: 0;\n  ", "\n"])), (0, style_1.getStylePreset)('divider.stylePreset', 'stylePreset'), (0, style_1.handleResponsiveProp)({ vertical: false }, function (_a, props) {
     var vertical = _a.vertical;
-    var borderWidth = style_1.getStylePreset('divider')(props).borderWidth;
+    var borderWidth = (0, style_1.getStylePreset)('divider')(props).borderWidth;
     return vertical
         ? {
             borderLeftWidth: borderWidth,
@@ -35,7 +38,7 @@ var StyledDivider = style_1.styled.hr(templateObject_1 || (templateObject_1 = __
             width: '100%',
         };
 }));
-var Divider = function (props) { return (react_1.default.createElement(StyledDivider, __assign({ "data-testid": "divider", "aria-hidden": true }, props))); };
-exports.Divider = Divider;
+var ThemelessDivider = function (props) { return (react_1.default.createElement(StyledDivider, __assign({ "data-testid": "divider", "aria-hidden": true }, props))); };
+exports.Divider = (0, with_own_theme_1.withOwnTheme)(ThemelessDivider)({ defaults: defaults_1.default, stylePresets: style_presets_1.default });
 var templateObject_1;
 //# sourceMappingURL=divider.js.map

package/cjs/divider/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/divider/divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAAgF;AAUhF,IAAM,aAAa,GAAG,cAAM,CAAC,EAAE,4HAAc,MACzC,EAAoD,2CAGpD,EAYA,IACH,KAhBG,sBAAc,CAAC,qBAAqB,EAAE,aAAa,CAAC,EAGpD,4BAAoB,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,UAAC,EAAU,EAAE,KAAK;QAAhB,QAAQ,cAAA;IAC3C,IAAA,WAAW,GAAI,sBAAc,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,YAApC,CAAqC;IACvD,OAAO,QAAQ;QACb,CAAC,CAAC;YACE,eAAe,EAAE,WAAW;YAC5B,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,MAAM;SACf;QACH,CAAC,CAAC;YACE,cAAc,EAAE,WAAW;YAC3B,KAAK,EAAE,MAAM;SACd,CAAC;AACR,CAAC,CAAC,CACH,CAAC;AAEK,IAAM,OAAO,GAA2B,UAAA,KAAK,IAAI,OAAA,CACtD,8BAAC,aAAa,4BAAa,SAAS,yBAAiB,KAAK,EAAI,CAC/D,EAFuD,CAEvD,CAAC;AAFW,QAAA,OAAO,WAElB"}
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/divider/divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAAgF;AAChF,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AAUrD,IAAM,aAAa,GAAG,cAAM,CAAC,EAAE,4HAAc,MACzC,EAAoD,2CAGpD,EAYA,IACH,KAhBG,IAAA,sBAAc,EAAC,qBAAqB,EAAE,aAAa,CAAC,EAGpD,IAAA,4BAAoB,EAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,UAAC,EAAU,EAAE,KAAK;QAAhB,QAAQ,cAAA;IAC3C,IAAA,WAAW,GAAI,IAAA,sBAAc,EAAC,SAAS,CAAC,CAAC,KAAK,CAAC,YAApC,CAAqC;IACvD,OAAO,QAAQ;QACb,CAAC,CAAC;YACE,eAAe,EAAE,WAAW;YAC5B,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,MAAM;SACf;QACH,CAAC,CAAC;YACE,cAAc,EAAE,WAAW;YAC3B,KAAK,EAAE,MAAM;SACd,CAAC;AACR,CAAC,CAAC,CACH,CAAC;AAEF,IAAM,gBAAgB,GAA2B,UAAA,KAAK,IAAI,OAAA,CACxD,8BAAC,aAAa,4BAAa,SAAS,yBAAiB,KAAK,EAAI,CAC/D,EAFyD,CAEzD,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,6BAAY,EAAC,gBAAgB,CAAC,CAAC,EAAC,QAAQ,oBAAA,EAAE,YAAY,yBAAA,EAAC,CAAC,CAAC"}

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

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

package/cjs/divider/style-presets.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    divider: {
+        base: {
+            borderStyle: 'solid',
+            borderColor: '{{colors.interface040}}',
+            borderWidth: '{{borders.borderWidthDefault}}',
+        },
+    },
+    dividerInverse: {
+        base: {
+            borderStyle: 'solid',
+            borderColor: '{{colors.whiteTint050}}',
+            borderWidth: '{{borders.borderWidthDefault}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/divider/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,gCAAgC;SAC9C;KACF;IACD,cAAc,EAAE;QACd,IAAI,EAAE;YACJ,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,gCAAgC;SAC9C;KACF;CAC6B,CAAC"}

package/cjs/drawer/defaults.d.ts

@@ -0,0 +1,52 @@
+declare const _default: {
+    drawer: {
+        overlay: {
+            zIndex: number;
+            transitionPreset: string;
+        };
+        panel: {
+            zIndex: number;
+            stylePreset: string;
+            maxSize: string;
+            minSize: string;
+            size: {
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+            left: {
+                transitionPreset: string[];
+            };
+            right: {
+                transitionPreset: string[];
+            };
+            top: {
+                transitionPreset: string[];
+            };
+            bottom: {
+                transitionPreset: string[];
+            };
+        };
+        header: {
+            spaceInset: string;
+        };
+        content: {
+            spaceInset: string;
+        };
+        closeButton: {
+            stylePreset: string;
+            spaceInset: string;
+        };
+    };
+    inlineDrawer: {
+        __extends: string;
+        panel: {
+            __extends: string;
+            maxSize: string;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

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

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

package/cjs/drawer/defaults.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    drawer: {
+        overlay: {
+            zIndex: 70,
+            transitionPreset: 'fade',
+        },
+        panel: {
+            zIndex: 80,
+            stylePreset: 'drawerPanel',
+            maxSize: '100%',
+            minSize: '20px',
+            size: {
+                xs: '305px',
+                sm: '309px',
+                md: '310px',
+                lg: '333px',
+                xl: '354px',
+            },
+            left: {
+                transitionPreset: ['fade', 'slideLeft'],
+            },
+            right: {
+                transitionPreset: ['fade', 'slideRight'],
+            },
+            top: {
+                transitionPreset: ['fade', 'slideTop'],
+            },
+            bottom: {
+                transitionPreset: ['fade', 'slideBottom'],
+            },
+        },
+        header: {
+            spaceInset: 'spaceInsetSquish040',
+        },
+        content: {
+            spaceInset: 'spaceInset050',
+        },
+        closeButton: {
+            stylePreset: 'iconButtonMinimalSecondary',
+            spaceInset: 'spaceInset020',
+        },
+    },
+    inlineDrawer: {
+        __extends: '{{componentDefaults.drawer}}',
+        panel: {
+            __extends: '{{componentDefaults.drawer.panel}}',
+            maxSize: 'auto',
+        },
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/cjs/drawer/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/drawer/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,MAAM,EAAE;QACN,OAAO,EAAE;YACP,MAAM,EAAE,EAAE;YACV,gBAAgB,EAAE,MAAM;SACzB;QACD,KAAK,EAAE;YACL,MAAM,EAAE,EAAE;YACV,WAAW,EAAE,aAAa;YAC1B,OAAO,EAAE,MAAM;YACf,OAAO,EAAE,MAAM;YACf,IAAI,EAAE;gBACJ,EAAE,EAAE,OAAO;gBACX,EAAE,EAAE,OAAO;gBACX,EAAE,EAAE,OAAO;gBACX,EAAE,EAAE,OAAO;gBACX,EAAE,EAAE,OAAO;aACZ;YACD,IAAI,EAAE;gBACJ,gBAAgB,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC;aACxC;YACD,KAAK,EAAE;gBACL,gBAAgB,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC;aACzC;YACD,GAAG,EAAE;gBACH,gBAAgB,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;aACvC;YACD,MAAM,EAAE;gBACN,gBAAgB,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC;aAC1C;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;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,8BAA8B;QACzC,KAAK,EAAE;YACL,SAAS,EAAE,oCAAoC;YAC/C,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC"}

package/cjs/drawer/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAWpC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2ExC,CAAC"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AA2FpC,eAAO,MAAM,MAAM,uBAGjB,CAAC"}

package/cjs/drawer/drawer.js

@@ -40,6 +40,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Drawer = void 0;
 var react_1 = __importStar(require("react"));
@@ -53,21 +56,27 @@ var filter_object_1 = require("../utils/filter-object");
 var merge_breakpoint_object_1 = require("../utils/merge-breakpoint-object");
 var utils_1 = require("./utils");
 var get_transition_duration_1 = require("../utils/get-transition-duration");
-var Drawer = 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 ThemelessDrawer = function (_a) {
     var children = _a.children, 
     /* istanbul ignore next */
     _b = _a.open, 
     /* istanbul ignore next */
     open = _b === void 0 ? false : _b, onDismiss = _a.onDismiss, _c = _a.placement, placement = _c === void 0 ? 'left' : _c, _d = _a.closePosition, closePosition = _d === void 0 ? placement === 'left' ? 'left' : 'right' : _d, restoreFocusTo = _a.restoreFocusTo, overrides = _a.overrides, hideOverlay = _a.hideOverlay, disableFocusTrap = _a.disableFocusTrap, inline = _a.inline, props = __rest(_a, ["children", "open", "onDismiss", "placement", "closePosition", "restoreFocusTo", "overrides", "hideOverlay", "disableFocusTrap", "inline"]);
-    var theme = theme_1.useTheme();
-    var drawerRef = react_1.useRef(null);
+    var theme = (0, theme_1.useTheme)();
+    var drawerRef = (0, react_1.useRef)(null);
     var drawerPath = inline ? 'inlineDrawer' : 'drawer';
-    var overlayOverrides = __assign({}, deep_merge_1.deepMerge(merge_breakpoint_object_1.mergeBreakpointObject(Object.keys(theme.breakpoints)), theme.componentDefaults[drawerPath].overlay, filter_object_1.filterOutFalsyProperties(overrides && overrides.overlay)));
-    react_1.useEffect(function () {
-        utils_1.setDrawerElementFocusability(open, drawerRef);
+    var overlayOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults[drawerPath].overlay, (0, filter_object_1.filterOutFalsyProperties)(overrides && overrides.overlay)));
+    (0, react_1.useEffect)(function () {
+        (0, utils_1.setDrawerElementFocusability)(open, drawerRef);
     }, [open, drawerRef]);
-    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: get_transition_duration_1.getTransitionDuration(drawerPath + ".panel." + placement, '')({ theme: theme, overrides: overrides }), classNames: "nk-drawer", appear: true },
+    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)("".concat(drawerPath, ".panel.").concat(placement), '')({ theme: theme, overrides: overrides }), classNames: "nk-drawer", appear: true },
         react_1.default.createElement(styled_1.StyledDrawer, __assign({ "aria-hidden": !open, open: open, disableFocusTrap: disableFocusTrap, handleCloseButtonClick: handleCloseButtonClick, path: drawerPath, "data-testid": drawerPath, placement: placement, closePosition: closePosition, overrides: overrides, ref: drawerRef, inline: inline }, props), children))); }));
 };
-exports.Drawer = Drawer;
+exports.Drawer = (0, with_own_theme_1.withOwnTheme)(ThemelessDrawer)({
+    defaults: defaults_1.default,
+    stylePresets: style_presets_1.default,
+});
 //# sourceMappingURL=drawer.js.map

package/cjs/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+C;AAC/C,iEAAqD;AAErD,mCAAsC;AACtC,oCAA6C;AAC7C,8CAA2C;AAC3C,kCAAkD;AAClD,kDAA8C;AAC9C,wDAAgE;AAChE,4EAAuE;AACvE,iCAAqD;AACrD,4EAAuE;AAEhE,IAAM,MAAM,GAA0B,UAAC,EAa7C;IAZC,IAAA,QAAQ,cAAA;IACR,0BAA0B;IAC1B,YAAY;IADZ,0BAA0B;IAC1B,IAAI,mBAAG,KAAK,KAAA,EACZ,SAAS,eAAA,EACT,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,qBAAuD,EAAvD,aAAa,mBAAG,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,KAAA,EACvD,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACH,KAAK,cAZoC,2IAa7C,CADS;IAER,IAAM,KAAK,GAAG,gBAAQ,EAAE,CAAC;IACzB,IAAM,SAAS,GAAG,cAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,IAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEtD,IAAM,gBAAgB,gBACjB,sBAAS,CACV,+CAAqB,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CAAC,EACzE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,OAAO,EAC3C,wCAAwB,CAAC,SAAS,IAAI,SAAS,CAAC,OAAO,CAAC,CACzD,CACF,CAAC;IAEF,iBAAS,CAAC;QACR,oCAA4B,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtB,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,+CAAqB,CACzB,UAAU,eAAU,SAAW,EAClC,EAAE,CACH,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,CAAC,EACrB,UAAU,EAAC,WAAW,EACtB,MAAM;QAEN,8BAAC,qBAAY,4BACE,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,sBAAsB,EAAE,sBAAsB,EAC9C,IAAI,EAAE,UAAU,iBACH,UAAU,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,SAAS,EACd,MAAM,EAAE,MAAM,IACV,KAAK,GAER,QAAQ,CACI,CACD,CACjB,EA3B0B,CA2B1B,CACkB,CACtB,CAAC;AACJ,CAAC,CAAC;AA3EW,QAAA,MAAM,UA2EjB"}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+C;AAC/C,iEAAqD;AAErD,mCAAsC;AACtC,oCAA6C;AAC7C,8CAA2C;AAC3C,kCAAkD;AAClD,kDAA8C;AAC9C,wDAAgE;AAChE,4EAAuE;AACvE,iCAAqD;AACrD,4EAAuE;AACvE,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AAErD,IAAM,eAAe,GAA0B,UAAC,EAa/C;IAZC,IAAA,QAAQ,cAAA;IACR,0BAA0B;IAC1B,YAAY;IADZ,0BAA0B;IAC1B,IAAI,mBAAG,KAAK,KAAA,EACZ,SAAS,eAAA,EACT,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,qBAAuD,EAAvD,aAAa,mBAAG,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,KAAA,EACvD,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACH,KAAK,cAZsC,2IAa/C,CADS;IAER,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC/C,IAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEtD,IAAM,gBAAgB,gBACjB,IAAA,sBAAS,EACV,IAAA,+CAAqB,EAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CAAC,EACzE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,OAAO,EAC3C,IAAA,wCAAwB,EAAC,SAAS,IAAI,SAAS,CAAC,OAAO,CAAC,CACzD,CACF,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAA,oCAA4B,EAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtB,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,EAC5B,UAAG,UAAU,oBAAU,SAAS,CAAE,EAClC,EAAE,CACH,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,CAAC,EACrB,UAAU,EAAC,WAAW,EACtB,MAAM;QAEN,8BAAC,qBAAY,4BACE,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,sBAAsB,EAAE,sBAAsB,EAC9C,IAAI,EAAE,UAAU,iBACH,UAAU,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,SAAS,EACd,MAAM,EAAE,MAAM,IACV,KAAK,GAER,QAAQ,CACI,CACD,CACjB,EA3B0B,CA2B1B,CACkB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,6BAAY,EAAC,eAAe,CAAC,CAAC;IAClD,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}

package/cjs/drawer/inline-drawer.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineDrawer = void 0;
 var with_default_props_1 = require("../utils/with-default-props");
 var drawer_1 = require("./drawer");
-exports.InlineDrawer = with_default_props_1.withDefaultProps(drawer_1.Drawer, { inline: true }, 'inlineDrawer');
+exports.InlineDrawer = (0, with_default_props_1.withDefaultProps)(drawer_1.Drawer, { inline: true }, 'inlineDrawer');
 //# sourceMappingURL=inline-drawer.js.map

package/cjs/drawer/inline-drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-drawer.js","sourceRoot":"","sources":["../../../src/drawer/inline-drawer.tsx"],"names":[],"mappings":";;;AAAA,kEAA6D;AAC7D,mCAAgC;AAEnB,QAAA,YAAY,GAAG,qCAAgB,CAC1C,eAAM,EACN,EAAC,MAAM,EAAE,IAAI,EAAC,EACd,cAAc,CACf,CAAC"}
+{"version":3,"file":"inline-drawer.js","sourceRoot":"","sources":["../../../src/drawer/inline-drawer.tsx"],"names":[],"mappings":";;;AAAA,kEAA6D;AAC7D,mCAAgC;AAEnB,QAAA,YAAY,GAAG,IAAA,qCAAgB,EAC1C,eAAM,EACN,EAAC,MAAM,EAAE,IAAI,EAAC,EACd,cAAc,CACf,CAAC"}

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

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

package/cjs/drawer/style-presets.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/drawer/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,WAAW,EAAE;QACX,IAAI,EAAE;YACJ,YAAY,EAAE,+BAA+B;YAC7C,eAAe,EAAE,yBAAyB;YAC1C,SAAS,EAAE,uBAAuB;SACnC;KACF;CAC6B,CAAC"}

package/cjs/drawer/styled.js

@@ -42,18 +42,18 @@ var getPlacementSize = function (_a) {
     var sizeX = placement === 'left' || placement === 'right' ? 'width' : 'height';
     var sizeY = placement === 'left' || placement === 'right' ? 'height' : 'width';
     var sizeCap = sizeX.charAt(0).toUpperCase() + sizeX.slice(1);
-    var drawerPath = path + ".panel";
-    return style_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n    ", ": 100%;\n  "], ["\n    ", "\n    ", "\n    ", "\n    ", ": 100%;\n  "])), style_1.getResponsiveSize(sizeX, drawerPath, 'panel', 'size')(props), style_1.getResponsiveSize("max" + sizeCap, drawerPath, 'panel', 'maxSize')(props), style_1.getResponsiveSize("min" + sizeCap, drawerPath, 'panel', 'minSize')(props), sizeY);
+    var drawerPath = "".concat(path, ".panel");
+    return (0, style_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n    ", ": 100%;\n  "], ["\n    ", "\n    ", "\n    ", "\n    ", ": 100%;\n  "])), (0, style_1.getResponsiveSize)(sizeX, drawerPath, 'panel', 'size')(props), (0, style_1.getResponsiveSize)("max".concat(sizeCap), drawerPath, 'panel', 'maxSize')(props), (0, style_1.getResponsiveSize)("min".concat(sizeCap), drawerPath, 'panel', 'minSize')(props), sizeY);
 };
-exports.StyledDrawer = style_1.styled(dialog_1.BaseDialogView)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n  ", "\n\n  ", ";\n\n  ", ";\n"], ["\n  ", ";\n  ", "\n\n  ", ";\n\n  ", ";\n"])), function (_a) {
+exports.StyledDrawer = (0, style_1.styled)(dialog_1.BaseDialogView)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n  ", "\n\n  ", ";\n\n  ", ";\n"], ["\n  ", ";\n  ", "\n\n  ", ";\n\n  ", ";\n"])), function (_a) {
     var placement = _a.placement;
     return placementOptions[placement];
 }, function (props) { return getPlacementSize(props); }, function (_a) {
     var path = _a.path;
-    return style_1.getStylePreset(path + ".panel", 'panel');
+    return (0, style_1.getStylePreset)("".concat(path, ".panel"), 'panel');
 }, function (_a) {
     var placement = _a.placement, path = _a.path, props = __rest(_a, ["placement", "path"]);
-    return placement && style_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), transition_preset_1.getTransitionPreset(path + ".panel." + placement, 'panel', 'nk-drawer')(props));
+    return placement && (0, style_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), (0, transition_preset_1.getTransitionPreset)("".concat(path, ".panel.").concat(placement), 'panel', 'nk-drawer')(props));
 });
 var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=styled.js.map

package/cjs/drawer/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/drawer/styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,wCAA8E;AAC9E,oCAAyC;AAEzC,sEAAqE;AAKrE,IAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE;QACJ,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;KACR;IACD,KAAK,EAAE;QACL,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;KACT;IACD,GAAG,EAAE;QACH,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;KACR;IACD,MAAM,EAAE;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;KACR;CACF,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,EAI8C;IAHtE,IAAA,SAAS,eAAA,EACT,IAAI,UAAA,EACD,KAAK,cAHgB,qBAIzB,CADS;IAER,IAAM,KAAK,GACT,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IACrE,IAAM,KAAK,GACT,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IACrE,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC/D,IAAM,UAAU,GAAM,IAAI,WAAQ,CAAC;IACnC,OAAO,WAAG,wHAAA,QACN,EAA4D,QAC5D,EAAyE,QACzE,EAAyE,QACzE,EAAK,aACR,KAJG,yBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,EAC5D,yBAAiB,CAAC,QAAM,OAAS,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,KAAK,CAAC,EACzE,yBAAiB,CAAC,QAAM,OAAS,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,KAAK,CAAC,EACzE,KAAK,EACP;AACJ,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,cAAM,CAAC,uBAAc,CAAC,8GAEjD,MACG,EAA6C,OAC7C,EAAgC,QAEhC,EAAoD,SAEpD,EAQC,KACJ,KAdG,UAAC,EAAW;QAAV,SAAS,eAAA;IAAM,OAAA,gBAAgB,CAAC,SAAU,CAAC;AAA5B,CAA4B,EAC7C,UAAA,KAAK,IAAI,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,EAEhC,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,sBAAc,CAAI,IAAI,WAAQ,EAAE,OAAO,CAAC;AAAxC,CAAwC,EAEpD,UAAC,EAA2B;IAA1B,IAAA,SAAS,eAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAA1B,qBAA2B,CAAD;IAC3B,OAAA,SAAS,IACT,WAAG,wFAAA,UACC,EAIM,SACT,KALG,uCAAmB,CAChB,IAAI,eAAU,SAAW,EAC5B,OAAO,EACP,WAAW,CACZ,CAAC,KAAK,CAAC,CACT,CAAA;CAAA,EACH"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/drawer/styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,wCAA8E;AAC9E,oCAAyC;AAEzC,sEAAqE;AAKrE,IAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE;QACJ,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;KACR;IACD,KAAK,EAAE;QACL,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;KACT;IACD,GAAG,EAAE;QACH,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;KACR;IACD,MAAM,EAAE;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;KACR;CACF,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,EAI8C;IAHtE,IAAA,SAAS,eAAA,EACT,IAAI,UAAA,EACD,KAAK,cAHgB,qBAIzB,CADS;IAER,IAAM,KAAK,GACT,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IACrE,IAAM,KAAK,GACT,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IACrE,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC/D,IAAM,UAAU,GAAG,UAAG,IAAI,WAAQ,CAAC;IACnC,WAAO,WAAG,yHAAA,QACN,EAA4D,QAC5D,EAAyE,QACzE,EAAyE,QACzE,EAAK,aACR,KAJG,IAAA,yBAAiB,EAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,EAC5D,IAAA,yBAAiB,EAAC,aAAM,OAAO,CAAE,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,KAAK,CAAC,EACzE,IAAA,yBAAiB,EAAC,aAAM,OAAO,CAAE,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,KAAK,CAAC,EACzE,KAAK,EACP;AACJ,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,cAAM,EAAC,uBAAc,CAAC,8GAEjD,MACG,EAA6C,OAC7C,EAAgC,QAEhC,EAAoD,SAEpD,EAQC,KACJ,KAdG,UAAC,EAAW;QAAV,SAAS,eAAA;IAAM,OAAA,gBAAgB,CAAC,SAAU,CAAC;AAA5B,CAA4B,EAC7C,UAAA,KAAK,IAAI,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,EAEhC,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,sBAAc,EAAC,UAAG,IAAI,WAAQ,EAAE,OAAO,CAAC;AAAxC,CAAwC,EAEpD,UAAC,EAA2B;IAA1B,IAAA,SAAS,eAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAA1B,qBAA2B,CAAD;IAC3B,OAAA,SAAS,QACT,WAAG,yFAAA,UACC,EAIM,SACT,KALG,IAAA,uCAAmB,EACnB,UAAG,IAAI,oBAAU,SAAS,CAAE,EAC5B,OAAO,EACP,WAAW,CACZ,CAAC,KAAK,CAAC,CACT,CAAA;CAAA,EACH"}

package/cjs/email-input/email-input.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmailInput = void 0;
 var text_input_1 = require("../text-input");
 var utils_1 = require("../utils");
-exports.EmailInput = utils_1.withDefaultProps(text_input_1.TextInput, {
+exports.EmailInput = (0, utils_1.withDefaultProps)(text_input_1.TextInput, {
     type: 'email',
     rules: {
         required: 'Required field',

package/cjs/email-input/email-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"email-input.js","sourceRoot":"","sources":["../../../src/email-input/email-input.tsx"],"names":[],"mappings":";;;AACA,4CAAwC;AACxC,kCAA0C;AAE7B,QAAA,UAAU,GAAG,wBAAgB,CAAkB,sBAAS,EAAE;IACrE,IAAI,EAAE,OAAO;IACb,KAAK,EAAE;QACL,QAAQ,EAAE,gBAAgB;QAC1B,SAAS,EAAE;YACT,KAAK,EAAE,CAAC;YACR,OAAO,EAAE,4CAA4C;SACtD;QACD,OAAO,EAAE;YACP,6CAA6C;YAC7C,KAAK,EAAE,wHAAwH;YAC/H,OAAO,EAAE,8BAA8B;SACxC;KACF;CACF,CAAC,CAAC"}
+{"version":3,"file":"email-input.js","sourceRoot":"","sources":["../../../src/email-input/email-input.tsx"],"names":[],"mappings":";;;AACA,4CAAwC;AACxC,kCAA0C;AAE7B,QAAA,UAAU,GAAG,IAAA,wBAAgB,EAAkB,sBAAS,EAAE;IACrE,IAAI,EAAE,OAAO;IACb,KAAK,EAAE;QACL,QAAQ,EAAE,gBAAgB;QAC1B,SAAS,EAAE;YACT,KAAK,EAAE,CAAC;YACR,OAAO,EAAE,4CAA4C;SACtD;QACD,OAAO,EAAE;YACP,6CAA6C;YAC7C,KAAK,EAAE,wHAAwH;YAC/H,OAAO,EAAE,8BAA8B;SACxC;KACF;CACF,CAAC,CAAC"}

package/cjs/experimentation-web/experimentation-web.js

@@ -38,7 +38,7 @@ var ExperimentationWeb = function (_a) {
     var optimizelyWebConfig = props.optimizelyWebConfig;
     return (React.createElement(render_scripts_1.RenderScripts, { scripts: [
             {
-                content: "(function() {\n            if (window.location === window.parent.location) {\n              window.optimizely_feature_flag = true;\n              window[\"optimizely_cdn\"] = \"" + optimizelyWebConfig.scriptCdn + "\";\n\n              window['optimizely'] = window['optimizely'] || [];\n              if (document.cookie.indexOf('nuk-consent-personalisation=1') === -1) {\n                window['optimizely'].push({\n                  type: 'disable',\n                });\n              }\n            }\n          })();",
+                content: "(function() {\n            if (window.location === window.parent.location) {\n              window.optimizely_feature_flag = true;\n              window[\"optimizely_cdn\"] = \"".concat(optimizelyWebConfig.scriptCdn, "\";\n\n              window['optimizely'] = window['optimizely'] || [];\n              if (document.cookie.indexOf('nuk-consent-personalisation=1') === -1) {\n                window['optimizely'].push({\n                  type: 'disable',\n                });\n              }\n            }\n          })();"),
             },
             {
                 src: optimizelyWebConfig.scriptCdn,

package/cjs/experimentation-web/experimentation-web.js.map

@@ -1 +1 @@
-{"version":3,"file":"experimentation-web.js","sourceRoot":"","sources":["../../../src/experimentation-web/experimentation-web.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAsD;AAG/C,IAAM,kBAAkB,GAAsC,UAAC,EAGrE;IAFC,IAAA,WAAW,iBAAA,EACR,KAAK,cAF4D,eAGrE,CADS;IAED,IAAA,mBAAmB,GAAI,KAAK,oBAAT,CAAU;IAEpC,OAAO,CACL,oBAAC,8BAAa,IACZ,OAAO,EAAE;YACP;gBACE,OAAO,EAAE,sLAGyB,mBAAmB,CAAC,SAAS,yTASzD;aACP;YACD;gBACE,GAAG,EAAE,mBAAmB,CAAC,SAAS;aACnC;SACF,EACD,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,kBAAkB,sBA+B7B"}
+{"version":3,"file":"experimentation-web.js","sourceRoot":"","sources":["../../../src/experimentation-web/experimentation-web.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAsD;AAG/C,IAAM,kBAAkB,GAAsC,UAAC,EAGrE;IAFC,IAAA,WAAW,iBAAA,EACR,KAAK,cAF4D,eAGrE,CADS;IAED,IAAA,mBAAmB,GAAI,KAAK,oBAAT,CAAU;IAEpC,OAAO,CACL,oBAAC,8BAAa,IACZ,OAAO,EAAE;YACP;gBACE,OAAO,EAAE,2LAGyB,mBAAmB,CAAC,SAAS,yTASzD;aACP;YACD;gBACE,GAAG,EAAE,mBAAmB,CAAC,SAAS;aACnC;SACF,EACD,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,kBAAkB,sBA+B7B"}

package/cjs/fieldset/defaults.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    legend: {
+        small: {
+            stylePreset: string;
+            typographyPreset: string;
+            spaceStack: string;
+        };
+        medium: {
+            stylePreset: string;
+            typographyPreset: string;
+            spaceStack: string;
+        };
+        large: {
+            stylePreset: string;
+            typographyPreset: string;
+            spaceStack: string;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

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

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

package/cjs/fieldset/defaults.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    legend: {
+        small: {
+            stylePreset: 'legend',
+            typographyPreset: 'utilityLabel010',
+            spaceStack: 'space030',
+        },
+        medium: {
+            stylePreset: 'legend',
+            typographyPreset: 'utilityLabel020',
+            spaceStack: 'space030',
+        },
+        large: {
+            stylePreset: 'legend',
+            typographyPreset: 'utilityLabel030',
+            spaceStack: 'space030',
+        },
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/cjs/fieldset/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/fieldset/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,MAAM,EAAE;QACN,KAAK,EAAE;YACL,WAAW,EAAE,QAAQ;YACrB,gBAAgB,EAAE,iBAAiB;YACnC,UAAU,EAAE,UAAU;SACvB;QACD,MAAM,EAAE;YACN,WAAW,EAAE,QAAQ;YACrB,gBAAgB,EAAE,iBAAiB;YACnC,UAAU,EAAE,UAAU;SACvB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,QAAQ;YACrB,gBAAgB,EAAE,iBAAiB;YACnC,UAAU,EAAE,UAAU;SACvB;KACF;CACF,CAAC"}

package/cjs/fieldset/fieldset.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { FieldsetProps } from './types';
+export declare const Fieldset: React.FC<FieldsetProps>;
+//# sourceMappingURL=fieldset.d.ts.map