newskit 4.3.1 → 5.0.0

package/cjs/date-time/date-time.js

@@ -44,11 +44,13 @@ var style_1 = require("../utils/style");
 var text_block_1 = require("../text-block");
 var theme_1 = require("../theme");
 var get_token_1 = require("../utils/get-token");
+var defaults_1 = __importDefault(require("./defaults"));
+var with_own_theme_1 = require("../utils/with-own-theme");
 var StyledDateText = (0, style_1.styled)(text_block_1.TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  white-space: pre;\n"], ["\n  white-space: pre;\n"])));
 var StyledPrefix = StyledDateText;
 var StyledSuffix = StyledDateText;
 var defaultDateFormat = "MMMM d yyyy, h:mmaaaaa'm'";
-var DateTime = function (_a) {
+var ThemelessDateTime = function (_a) {
     var date = _a.date, _b = _a.dateFormat, dateFormat = _b === void 0 ? defaultDateFormat : _b, prefix = _a.prefix, suffix = _a.suffix, _c = _a.overrides, overrides = _c === void 0 ? {} : _c;
     var theme = (0, theme_1.useTheme)();
     var getPresets = function (path) { return ({
@@ -65,6 +67,8 @@ var DateTime = function (_a) {
             suffix ? ", " : " "),
         suffix && (React.createElement(StyledSuffix, __assign({ as: "span" }, suffixPresets), suffix))));
 };
-exports.DateTime = DateTime;
+exports.DateTime = (0, with_own_theme_1.withOwnTheme)(ThemelessDateTime)({
+    defaults: defaults_1.default,
+});
 var templateObject_1;
 //# sourceMappingURL=date-time.js.map

package/cjs/date-time/date-time.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time.js","sourceRoot":"","sources":["../../../src/date-time/date-time.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AACrC,wCAAsC;AAEtC,4CAAwC;AACxC,kCAAkC;AAClC,gDAA4C;AAE5C,IAAM,cAAc,GAAG,IAAA,cAAM,EAAC,sBAAS,CAAC,4FAAA,yBAEvC,IAAA,CAAC;AAEF,IAAM,YAAY,GAAG,cAAc,CAAC;AACpC,IAAM,YAAY,GAAG,cAAc,CAAC;AAEpC,IAAM,iBAAiB,GAAG,2BAA2B,CAAC;AAE/C,IAAM,QAAQ,GAA4B,UAAC,EAMjD;QALC,IAAI,UAAA,EACJ,kBAA8B,EAA9B,UAAU,mBAAG,iBAAiB,KAAA,EAC9B,MAAM,YAAA,EACN,MAAM,YAAA,EACN,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEd,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,IAAM,UAAU,GAAG,UAAC,IAAY,IAAK,OAAA,CAAC;QACpC,gBAAgB,EAAE,IAAA,oBAAQ,EACxB,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,mBAAY,IAAI,CAAE,EAClB,UAAG,IAAI,CAAE,EACT,kBAAkB,CACnB;QACD,WAAW,EAAE,IAAA,oBAAQ,EACnB,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,mBAAY,IAAI,CAAE,EAClB,UAAG,IAAI,CAAE,EACT,aAAa,CACd;KACF,CAAC,EAbmC,CAanC,CAAC;IAEH,IAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3C,IAAM,WAAW,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;IACnC,IAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE3C,OAAO,CACL;QACG,MAAM,IAAI,CACT,oBAAC,YAAY,aAAC,EAAE,EAAC,MAAM,IAAK,aAAa,GACtC,UAAG,MAAM,MAAG,CACA,CAChB;QACD,oBAAC,cAAc,aAAC,EAAE,EAAC,MAAM,IAAK,WAAW;YACtC,IAAA,gBAAM,EAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;YAClC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CACL;QAChB,MAAM,IAAI,CACT,oBAAC,YAAY,aAAC,EAAE,EAAC,MAAM,IAAK,aAAa,GACtC,MAAM,CACM,CAChB,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,QAAQ,YA8CnB"}
+{"version":3,"file":"date-time.js","sourceRoot":"","sources":["../../../src/date-time/date-time.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AACrC,wCAAsC;AAEtC,4CAAwC;AACxC,kCAAkC;AAClC,gDAA4C;AAC5C,wDAAkC;AAClC,0DAAqD;AAErD,IAAM,cAAc,GAAG,IAAA,cAAM,EAAC,sBAAS,CAAC,4FAAA,yBAEvC,IAAA,CAAC;AAEF,IAAM,YAAY,GAAG,cAAc,CAAC;AACpC,IAAM,YAAY,GAAG,cAAc,CAAC;AAEpC,IAAM,iBAAiB,GAAG,2BAA2B,CAAC;AAEtD,IAAM,iBAAiB,GAA4B,UAAC,EAMnD;QALC,IAAI,UAAA,EACJ,kBAA8B,EAA9B,UAAU,mBAAG,iBAAiB,KAAA,EAC9B,MAAM,YAAA,EACN,MAAM,YAAA,EACN,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEd,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,IAAM,UAAU,GAAG,UAAC,IAAY,IAAK,OAAA,CAAC;QACpC,gBAAgB,EAAE,IAAA,oBAAQ,EACxB,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,mBAAY,IAAI,CAAE,EAClB,UAAG,IAAI,CAAE,EACT,kBAAkB,CACnB;QACD,WAAW,EAAE,IAAA,oBAAQ,EACnB,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,mBAAY,IAAI,CAAE,EAClB,UAAG,IAAI,CAAE,EACT,aAAa,CACd;KACF,CAAC,EAbmC,CAanC,CAAC;IAEH,IAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3C,IAAM,WAAW,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;IACnC,IAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE3C,OAAO,CACL;QACG,MAAM,IAAI,CACT,oBAAC,YAAY,aAAC,EAAE,EAAC,MAAM,IAAK,aAAa,GACtC,UAAG,MAAM,MAAG,CACA,CAChB;QACD,oBAAC,cAAc,aAAC,EAAE,EAAC,MAAM,IAAK,WAAW;YACtC,IAAA,gBAAM,EAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;YAClC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CACL;QAChB,MAAM,IAAI,CACT,oBAAC,YAAY,aAAC,EAAE,EAAC,MAAM,IAAK,aAAa,GACtC,MAAM,CACM,CAChB,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,6BAAY,EAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,oBAAA;CACT,CAAC,CAAC"}

package/cjs/date-time/defaults.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    dateTime: {
+        stylePreset: string;
+        typographyPreset: string;
+        prefix: {
+            stylePreset: string;
+            typographyPreset: string;
+        };
+        suffix: {
+            stylePreset: string;
+            typographyPreset: string;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

package/cjs/date-time/defaults.d.ts.map

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

package/cjs/date-time/defaults.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    dateTime: {
+        stylePreset: 'inkSubtle',
+        typographyPreset: 'utilityMeta020',
+        prefix: {
+            stylePreset: 'inkSubtle',
+            typographyPreset: 'utilityMeta020',
+        },
+        suffix: {
+            stylePreset: 'inkSubtle',
+            typographyPreset: 'utilityMeta020',
+        },
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/cjs/date-time/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/date-time/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,QAAQ,EAAE;QACR,WAAW,EAAE,WAAW;QACxB,gBAAgB,EAAE,gBAAgB;QAClC,MAAM,EAAE;YACN,WAAW,EAAE,WAAW;YACxB,gBAAgB,EAAE,gBAAgB;SACnC;QACD,MAAM,EAAE;YACN,WAAW,EAAE,WAAW;YACxB,gBAAgB,EAAE,gBAAgB;SACnC;KACF;CACF,CAAC"}

package/cjs/dialog/base-dialog-function.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-dialog-function.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsEhE,CAAC"}
+{"version":3,"file":"base-dialog-function.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAKtE,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAuFhE,CAAC"}

package/cjs/dialog/base-dialog-function.js

@@ -25,6 +25,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseDialogFunction = void 0;
 var react_1 = __importStar(require("react"));
 var react_focus_lock_1 = __importDefault(require("react-focus-lock"));
+var aria_hidden_1 = require("aria-hidden");
 var hooks_1 = require("../utils/hooks");
 var get_1 = require("../utils/get");
 var BaseDialogFunction = function (_a) {
@@ -40,8 +41,10 @@ var BaseDialogFunction = function (_a) {
         triggerClose();
     };
     (0, hooks_1.useKeypress)('Escape', handleEscape, { enabled: open });
+    var _c = (0, react_1.useState)(), ariaHiddenUndo = _c[0], setAriaHiddenUndo = _c[1];
     // ref to store activeElement ( focused ) before dialog been opened
     var originalFocusedElementRef = (0, react_1.useRef)(null);
+    var baseDialogFunctionRef = (0, react_1.useRef)(null);
     var handleOnLockActivation = function () {
         originalFocusedElementRef.current = document.activeElement;
     };
@@ -66,7 +69,19 @@ var BaseDialogFunction = function (_a) {
             }
         };
     }, [disableFocusTrap, handleOnLockDeactivation, open]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    // Aria hides everything else that is not contained inside BaseDialogFunction
+    (0, react_1.useEffect)(function () {
+        if (open && baseDialogFunctionRef.current && !disableFocusTrap) {
+            var undo = (0, aria_hidden_1.hideOthers)(baseDialogFunctionRef.current);
+            return setAriaHiddenUndo({ undo: undo });
+        }
+        return function () {
+            if (!open && ariaHiddenUndo) {
+                ariaHiddenUndo.undo();
+            }
+        };
+    }, [open]);
+    return (react_1.default.createElement("div", { ref: baseDialogFunctionRef },
         !hideOverlay && renderOverlay(handleOverlayClick),
         react_1.default.createElement(react_focus_lock_1.default, { disabled: !open || disableFocusTrap, onActivation: handleOnLockActivation, onDeactivation: handleOnLockDeactivation }, children && children(handleCloseButtonClick))));
 };

package/cjs/dialog/base-dialog-function.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-dialog-function.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4D;AAC5D,sEAAyC;AACzC,wCAA2C;AAC3C,oCAAiC;AAG1B,IAAM,kBAAkB,GAAsC,UAAC,EAQrE;QAPC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,sBAA0B,EAA1B,cAAc,mBAAG,SAAS,KAAA,EAC1B,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,gBAAgB,sBAAA;IAEhB,IAAM,YAAY,GAAG,cAAM,OAAA,IAAI,IAAI,SAAS,IAAI,SAAS,EAAE,EAAhC,CAAgC,CAAC;IAE5D,IAAM,YAAY,GAAG;QACnB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG;QACzB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG;QAC7B,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAA,mBAAW,EAAC,QAAQ,EAAE,YAAY,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;IAErD,mEAAmE;IACnE,IAAM,yBAAyB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE/D,IAAM,sBAAsB,GAAG;QAC7B,yBAAyB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC;IAC7D,CAAC,CAAC;IAEF,IAAM,wBAAwB,GAAG,IAAA,mBAAW,EAAC;QAC3C,IAAM,sBAAsB,GAAG,IAAA,SAAG,EAAC,yBAAyB,EAAE,SAAS,CAAC,CAAC;QAEzE,0BAA0B;QAC1B,IAAI,cAAc,IAAI,sBAAsB,EAAE;YAC5C,IAAM,gBAAc,GAAG,cAAc,IAAI,sBAAsB,CAAC;YAChE,mEAAmE;YACnE,MAAM,CAAC,UAAU,CACf;gBACE,OAAA,OAAO,gBAAc,CAAC,KAAK,KAAK,UAAU,IAAI,gBAAc,CAAC,KAAK,EAAE;YAApE,CAAoE,EACtE,CAAC,CACF,CAAC;SACH;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,IAAA,iBAAS,EAAC;QACR,IAAI,gBAAgB,IAAI,IAAI,EAAE;YAC5B,sBAAsB,EAAE,CAAC;SAC1B;QACD,OAAO;YACL,IAAI,gBAAgB,IAAI,IAAI,EAAE;gBAC5B,wBAAwB,EAAE,CAAC;aAC5B;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,wBAAwB,EAAE,IAAI,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL;QACG,CAAC,WAAW,IAAI,aAAa,CAAC,kBAAkB,CAAC;QAClD,8BAAC,0BAAS,IACR,QAAQ,EAAE,CAAC,IAAI,IAAI,gBAAgB,EACnC,YAAY,EAAE,sBAAsB,EACpC,cAAc,EAAE,wBAAwB,IAEvC,QAAQ,IAAI,QAAQ,CAAC,sBAAsB,CAAC,CACnC,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,kBAAkB,sBAsE7B"}
+{"version":3,"file":"base-dialog-function.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":"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"}

package/cjs/dialog/base-dialog-tests.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-dialog-tests.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,iBAAiB,WACpB,MAAM,EAAE,CAAC,eAAe,CAAC,UACzB,WAAW,QACb,WAAW,SA2GlB,CAAC"}
+{"version":3,"file":"base-dialog-tests.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,iBAAiB,WACpB,MAAM,EAAE,CAAC,eAAe,CAAC,UACzB,WAAW,QACb,WAAW,SAgIlB,CAAC"}

package/cjs/dialog/base-dialog-tests.js

@@ -102,6 +102,25 @@ var sharedDialogTests = function (Dialog, header, body) {
         react_1.fireEvent.click(dialogCloseIcon);
         expect(mockCallBack).toHaveBeenCalled();
     });
+    test('renders without close button', function () {
+        var fragment = (0, test_utils_1.renderToFragmentWithTheme)(Dialog, {
+            open: true,
+            header: header,
+            children: body,
+            onDismiss: function () { },
+            closePosition: 'none',
+        });
+        expect(fragment).toMatchSnapshot();
+    });
+    test('renders without header and close', function () {
+        var fragment = (0, test_utils_1.renderToFragmentWithTheme)(Dialog, {
+            open: true,
+            children: body,
+            onDismiss: function () { },
+            closePosition: 'none',
+        });
+        expect(fragment).toMatchSnapshot();
+    });
 };
 exports.sharedDialogTests = sharedDialogTests;
 //# sourceMappingURL=base-dialog-tests.js.map

package/cjs/dialog/base-dialog-tests.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-dialog-tests.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"base-dialog-tests.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":";;;;;;AAAA,0BAA0B;AAC1B,2BAA2B;AAC3B,gDAAiD;AACjD,gDAA0B;AAC1B,iDAA8E;AAGvE,IAAM,iBAAiB,GAAG,UAC/B,MAAiC,EACjC,MAAmB,EACnB,IAAiB;IAEjB,IAAI,CAAC,iBAAiB,EAAE;QACtB,IAAM,QAAQ,GAAG,IAAA,sCAAyB,EAAC,MAAM,EAAE;YACjD,IAAI,EAAE,IAAI;YACV,MAAM,QAAA;YACN,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,cAAO,CAAC;SACpB,CAAC,CAAC;QACH,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,wBAAwB,EAAE;QAC7B,IAAM,QAAQ,GAAG,IAAA,sCAAyB,EAAC,MAAM,EAAE;YACjD,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,cAAO,CAAC;YACnB,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QACH,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,4CAA4C,EAAE;QACjD,IAAM,QAAQ,GAAG,IAAA,sCAAyB,EAAC,MAAM,EAAE;YACjD,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,cAAO,CAAC;YACnB,cAAc,EAAE,aAAa;YAC7B,MAAM,EAAE,CACN;gBACE,uCAAK,EAAE,EAAC,aAAa,+BAA+B,CACnD,CACJ;YACD,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QACH,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,yCAAyC,EAAE;QAC9C,IAAM,QAAQ,GAAG,IAAA,sCAAyB,EAAC,MAAM,EAAE;YACjD,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,cAAO,CAAC;YACnB,eAAe,EAAE,qBAAqB;YACtC,QAAQ,EAAE,CACR;gBACE,uCAAK,EAAE,EAAC,aAAa,mCAAmC;gBACxD,uCAAK,EAAE,EAAC,SAAS,+BAA+B,CAC/C,CACJ;SACF,CAAC,CAAC;QACH,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,yBAAyB,EAAE;QAC9B,IAAM,QAAQ,GAAG,IAAA,sCAAyB,EAAC,MAAM,EAAE;YACjD,IAAI,EAAE,IAAI;YACV,MAAM,QAAA;YACN,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,cAAO,CAAC;YACnB,WAAW,EAAE,IAAI;SAClB,CAAC,CAAC;QACH,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,4DAA4D,EAAE;QACjE,IAAM,QAAQ,GAAG,IAAA,sCAAyB,EAAC,MAAM,EAAE;YACjD,IAAI,EAAE,IAAI;YACV,MAAM,QAAA;YACN,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,cAAO,CAAC;YACnB,gBAAgB,EAAE,IAAI;SACvB,CAAC,CAAC;QACH,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iDAAiD,EAAE;QACtD,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,IAAA,4BAAe,EAAC,MAAM,EAAE;YACtB,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,YAAY;YACvB,MAAM,QAAA;YACN,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QAEH,iBAAS,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAC,GAAG,EAAE,QAAQ,EAAC,CAAC,CAAC;QAE3C,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,yDAAyD,EAAE;QAC9D,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,IAAM,OAAO,GAAG,IAAA,4BAAe,EAAC,MAAM,EAAE;YACtC,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,YAAY;YACvB,MAAM,QAAA;YACN,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAE1B,iBAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAEzB,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,8DAA8D,EAAE;QACnE,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,IAAM,eAAe,GAAG,IAAA,4BAAe,EAAC,MAAM,EAAE;YAC9C,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,YAAY;YACvB,MAAM,QAAA;YACN,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAE3B,iBAAS,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QAEjC,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,8BAA8B,EAAE;QACnC,IAAM,QAAQ,GAAG,IAAA,sCAAyB,EAAC,MAAM,EAAE;YACjD,IAAI,EAAE,IAAI;YACV,MAAM,QAAA;YACN,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,cAAO,CAAC;YACnB,aAAa,EAAE,MAAM;SACtB,CAAC,CAAC;QACH,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kCAAkC,EAAE;QACvC,IAAM,QAAQ,GAAG,IAAA,sCAAyB,EAAC,MAAM,EAAE;YACjD,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,cAAO,CAAC;YACnB,aAAa,EAAE,MAAM;SACtB,CAAC,CAAC;QACH,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAnIW,QAAA,iBAAiB,qBAmI5B"}

package/cjs/dialog/base-dialog-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-dialog-view.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AA2B5C,eAAO,MAAM,cAAc,4FAyG1B,CAAC"}
+{"version":3,"file":"base-dialog-view.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAmB5C,eAAO,MAAM,cAAc,4FAiG1B,CAAC"}

package/cjs/dialog/base-dialog-view.js

@@ -10,25 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -40,42 +21,36 @@ 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.BaseDialogView = void 0;
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var styled_1 = require("./styled");
-var stack_1 = require("../stack");
 var icons_1 = require("../icons");
 var button_1 = require("../button");
-var use_resize_observer_1 = require("../utils/hooks/use-resize-observer");
 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 theme_1 = require("../theme");
 var screen_reader_only_1 = require("../screen-reader-only");
 var hooks_1 = require("../utils/hooks");
-/* istanbul ignore next */
-var centerCloseButton = function (top) { return ({
-    top: top / 2,
-    transform: top !== 0 ? "translateY(-50%)" : undefined,
-}); };
+var icon_button_1 = require("../icon-button");
 exports.BaseDialogView = react_1.default.forwardRef(function (_a, panelRef) {
     var handleCloseButtonClick = _a.handleCloseButtonClick, className = _a.className, path = _a.path, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, closePosition = _a.closePosition, header = _a.header, ariaDescribedby = _a.ariaDescribedby, ariaLabelledby = _a.ariaLabelledby, children = _a.children, open = _a.open, disableFocusTrap = _a.disableFocusTrap, _c = _a.inline, inline = _c === void 0 ? false : _c, props = __rest(_a, ["handleCloseButtonClick", "className", "path", "overrides", "closePosition", "header", "ariaDescribedby", "ariaLabelledby", "children", "open", "disableFocusTrap", "inline"]);
-    var headerRef = (0, react_1.useRef)(null);
-    var _d = (0, use_resize_observer_1.useResizeObserver)(headerRef), headerHeight = _d[1];
     var listDialogItemNotification = (0, hooks_1.useReactKeys)(1)[0];
     var theme = (0, theme_1.useTheme)();
-    var closeButtonOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.drawer.closeButton, (0, filter_object_1.filterOutFalsyProperties)(overrides.closeButton)));
+    var closeButtonOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults[path].closeButton, (0, filter_object_1.filterOutFalsyProperties)(overrides.closeButton)));
     var MoveFocusInsideWhenFocusTrapDisabled = disableFocusTrap && open ? styled_1.StyledMoveFocusInside : react_1.default.Fragment;
-    return (react_1.default.createElement(styled_1.StyledDialogPanel, __assign({ ref: panelRef, className: className, role: "dialog", "aria-modal": disableFocusTrap ? 'false' : 'true', "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, overrides: overrides, path: path, inline: inline, "$open": open }, props),
-        react_1.default.createElement(MoveFocusInsideWhenFocusTrapDisabled, null,
-            react_1.default.createElement(styled_1.StyledDialogHeader, { overrides: overrides, ref: headerRef, path: path },
-                react_1.default.createElement(stack_1.Stack, { flow: "horizontal-center", flowReverse: closePosition === 'left' },
-                    header && (react_1.default.createElement(styled_1.StyledDialogHeaderContent, { path: path }, header)),
-                    react_1.default.createElement(styled_1.StyledFillSpaceCloseButton, { path: path, overrides: overrides, closePosition: closePosition }))),
+    return (react_1.default.createElement(styled_1.StyledDialogPanel, __assign({ ref: panelRef, className: className, role: "dialog", "aria-modal": disableFocusTrap ? 'false' : 'true', "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, overrides: overrides, path: path, inline: inline, "$open": open, closePosition: closePosition }, props),
+        react_1.default.createElement(MoveFocusInsideWhenFocusTrapDisabled, { closePosition: closePosition },
+            header === undefined && closePosition === 'none' ? null : (react_1.default.createElement(styled_1.StyledDialogHeaderBG, { overrides: overrides, path: path })),
+            header !== undefined && (react_1.default.createElement(styled_1.StyledDialogHeader, { overrides: overrides, path: path }, header)),
             react_1.default.createElement(styled_1.StyledDialogContent, { "data-testid": "dialog-content", path: path, overrides: overrides }, children),
-            react_1.default.createElement(styled_1.StyledCloseButton, { path: path, closePosition: closePosition, style: __assign({}, centerCloseButton(headerHeight)), "aria-label": "close", "aria-describedby": disableFocusTrap ? listDialogItemNotification : undefined, onClick: handleCloseButtonClick, overrides: closeButtonOverrides, size: button_1.ButtonSize.Medium },
-                react_1.default.createElement(icons_1.IconFilledClose, null)),
+            closePosition !== 'none' && (react_1.default.createElement(styled_1.StyledCloseButtonContainer, { path: path, overrides: overrides, closePosition: closePosition },
+                react_1.default.createElement(icon_button_1.IconButton, { "aria-label": "close", "aria-describedby": disableFocusTrap ? listDialogItemNotification : undefined, onClick: handleCloseButtonClick, overrides: closeButtonOverrides, size: button_1.ButtonSize.Medium },
+                    react_1.default.createElement(icons_1.IconFilledClose, null)))),
             disableFocusTrap && (react_1.default.createElement(screen_reader_only_1.ScreenReaderOnly, { id: listDialogItemNotification }, "With the next tab you will be leaving the dialog window.")))));
 });
 //# sourceMappingURL=base-dialog-view.js.map

package/cjs/dialog/base-dialog-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-dialog-view.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"base-dialog-view.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,mCAOkB;AAClB,kCAAyC;AACzC,oCAAqC;AACrC,kDAA8C;AAC9C,wDAAgE;AAChE,4EAAuE;AACvE,kCAAkD;AAClD,4DAAuD;AACvD,wCAA4C;AAC5C,8CAA0C;AAE7B,QAAA,cAAc,GAAG,eAAK,CAAC,UAAU,CAI5C,UACE,EAcC,EACD,QAAQ;IAdN,IAAA,sBAAsB,4BAAA,EACtB,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,gBAAgB,sBAAA,EAChB,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACX,KAAK,cAbV,8KAcC,CADS;IAIH,IAAA,0BAA0B,GAAI,IAAA,oBAAY,EAAC,CAAC,CAAC,GAAnB,CAAoB;IAErD,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,oBAAoB,gBACrB,IAAA,sBAAS,EACV,IAAA,+CAAqB,EACnB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CACnD,EACD,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,WAAW,EACzC,IAAA,wCAAwB,EAAC,SAAS,CAAC,WAAW,CAAC,CAChD,CACF,CAAC;IAEF,IAAM,oCAAoC,GACxC,gBAAgB,IAAI,IAAI,CAAC,CAAC,CAAC,8BAAqB,CAAC,CAAC,CAAC,eAAK,CAAC,QAAQ,CAAC;IAEpE,OAAO,CACL,8BAAC,0BAAiB,aAChB,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,QAAQ,gBACD,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,sBAC7B,eAAe,qBAChB,cAAc,EAC/B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,WACP,IAAI,EACX,aAAa,EAAE,aAAa,IACxB,KAAK;QAET,8BAAC,oCAAoC,IAAC,aAAa,EAAE,aAAa;YAC/D,MAAM,KAAK,SAAS,IAAI,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzD,8BAAC,6BAAoB,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAI,CAC3D;YACA,MAAM,KAAK,SAAS,IAAI,CACvB,8BAAC,2BAAkB,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,IACjD,MAAM,CACY,CACtB;YACD,8BAAC,4BAAmB,mBACN,gBAAgB,EAC5B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACW;YACrB,aAAa,KAAK,MAAM,IAAI,CAC3B,8BAAC,mCAA0B,IACzB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;gBAE5B,8BAAC,wBAAU,kBACE,OAAO,sBAEhB,gBAAgB,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,SAAS,EAE3D,OAAO,EAAE,sBAAsB,EAC/B,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,mBAAU,CAAC,MAAM;oBAEvB,8BAAC,uBAAe,OAAG,CACR,CACc,CAC9B;YACA,gBAAgB,IAAI,CACnB,8BAAC,qCAAgB,IAAC,EAAE,EAAE,0BAA0B,+DAE7B,CACpB,CACoC,CACrB,CACrB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/cjs/dialog/styled.d.ts

@@ -4,41 +4,36 @@ import { BaseDialogViewProps } from './types';
 export declare const StyledDialogPanel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<BaseDialogViewProps, "inline" | "path" | "overrides"> & {
+} & Pick<BaseDialogViewProps, "inline" | "path" | "overrides" | "closePosition"> & {
     $open?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledMoveFocusInside: import("@emotion/styled").StyledComponent<import("react-focus-lock/interfaces").AutoFocusProps & {
     theme?: import("@emotion/react").Theme | undefined;
-}, {}, {
+} & Pick<BaseDialogViewProps, "closePosition">, {}, {
     ref?: import("react").Ref<MoveFocusInside> | undefined;
 }>;
-export declare const StyledDialogHeader: import("@emotion/styled").StyledComponent<{
+export declare const StyledDialogHeaderBG: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<BaseDialogViewProps, "inline" | "path" | "overrides"> & {
+} & Pick<BaseDialogViewProps, "inline" | "path" | "overrides" | "closePosition"> & {
     $open?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledDialogHeaderContent: import("@emotion/styled").StyledComponent<{
+export declare const StyledDialogHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<BaseDialogViewProps, "inline" | "path" | "overrides"> & {
+} & Pick<BaseDialogViewProps, "inline" | "path" | "overrides" | "closePosition"> & {
     $open?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledDialogContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<BaseDialogViewProps, "inline" | "path" | "overrides"> & {
+} & Pick<BaseDialogViewProps, "inline" | "path" | "overrides" | "closePosition"> & {
     $open?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledFillSpaceCloseButton: import("@emotion/styled").StyledComponent<{
+export declare const StyledCloseButtonContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<BaseDialogViewProps, "inline" | "path" | "overrides"> & {
+} & Pick<BaseDialogViewProps, "inline" | "path" | "overrides" | "closePosition"> & {
     $open?: boolean | undefined;
 } & Pick<BaseDialogViewProps, "closePosition">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledCloseButton: import("@emotion/styled").StyledComponent<(import("react").PropsWithChildren<import("..").IconButtonProps> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}) & Pick<BaseDialogViewProps, "inline" | "path" | "overrides"> & {
-    $open?: boolean | undefined;
-} & Pick<BaseDialogViewProps, "closePosition">, {}, {}>;
 //# sourceMappingURL=styled.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AASjD,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAO5C,eAAO,MAAM,iBAAiB;;;;;yGAa7B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;EAKjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;yGAK9B,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;yGAMrC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;yGAM/B,CAAC;AAGF,eAAO,MAAM,0BAA0B;;;;;sJAiBtC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;uDAe7B,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAQjD,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AA4B5C,eAAO,MAAM,iBAAiB;;;;;yGAY7B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;EAWjC,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;yGAQ9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;yGAM/B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;sJAiBtC,CAAC"}

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',
@@ -21,34 +25,33 @@ exports.StyledDialogPanel = style_1.styled.div(templateObject_1 || (templateObje
 }, function (_a) {
     var path = _a.path;
     return (0, style_1.getResponsiveSpace)('zIndex', "".concat(path, ".panel"), 'panel', 'zIndex');
+}, function (_a) {
+    var closePosition = _a.closePosition;
+    return createCssGrid({ closePosition: closePosition });
+});
+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 });
 });
-exports.StyledMoveFocusInside = (0, 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) {
+// 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 (0, style_1.getStylePreset)("".concat(path, ".header"), 'header');
-}, (0, 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.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 (0, style_1.getResponsiveSpace)('padding', "".concat(path, ".header"), 'header', 'spaceInset');
 });
-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.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 (0, style_1.getResponsiveSpace)('padding', "".concat(path, ".content"), 'content', '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.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 (0, style_1.getResponsiveSpace)('margin', "".concat(path, ".closeButton"), 'closeButton', 'spaceInset');
-}, (0, style_1.getResponsiveSize)('width', 'iconButton.medium', '', 'width'), (0, style_1.getResponsiveSize)('height', 'iconButton.medium', '', 'height'), function (_a) {
-    var closePosition = _a.closePosition;
-    return closePosition === 'left' ? "margin-right: auto;" : "margin-left: auto;";
-});
-exports.StyledCloseButton = (0, 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;");
+    return (0, style_1.getResponsiveSpace)('padding', "".concat(path, ".closeButton"), 'closeButton', 'spaceInset');
 }, function (_a) {
-    var path = _a.path;
-    return (0, style_1.getResponsiveSpace)(function (margin) { return ({ margin: "0 ".concat(margin) }); }, "".concat(path, ".closeButton"), '', 'spaceInset');
+    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":"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"}
+{"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,6 +21,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Divider = void 0;
 var react_1 = __importDefault(require("react"));
 var style_1 = require("../utils/style");
+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 = (0, style_1.getStylePreset)('divider')(props).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,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;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"}