@citygross/components 0.16.8 → 0.16.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/build/@types/components/Modal/Modal.d.ts +21 -19
  2. package/build/@types/components/Modal/Modal.styles.d.ts +9 -12
  3. package/build/cjs/components/src/components/Modal/Modal.js +81 -23
  4. package/build/cjs/components/src/components/Modal/Modal.js.map +1 -1
  5. package/build/cjs/components/src/components/Modal/Modal.styles.js +70 -21
  6. package/build/cjs/components/src/components/Modal/Modal.styles.js.map +1 -1
  7. package/build/cjs/components/src/index.js +8 -0
  8. package/build/cjs/components/src/index.js.map +1 -1
  9. package/build/cjs/design-tokens/build/index.js +4 -2
  10. package/build/cjs/design-tokens/build/index.js.map +1 -1
  11. package/build/cjs/utils/build/index.js +9 -4
  12. package/build/cjs/utils/build/index.js.map +1 -1
  13. package/build/es/components/src/components/Modal/Modal.js +84 -26
  14. package/build/es/components/src/components/Modal/Modal.js.map +1 -1
  15. package/build/es/components/src/components/Modal/Modal.styles.js +66 -15
  16. package/build/es/components/src/components/Modal/Modal.styles.js.map +1 -1
  17. package/build/es/components/src/index.js +1 -1
  18. package/build/es/design-tokens/build/index.js +4 -2
  19. package/build/es/design-tokens/build/index.js.map +1 -1
  20. package/build/es/utils/build/index.js +9 -4
  21. package/build/es/utils/build/index.js.map +1 -1
  22. package/package.json +5 -5
package/build/@types/components/Modal/Modal.d.ts CHANGED
@@ -1,20 +1,22 @@
1
1
  import React from 'react';
2
- import * as styles from './Modal.styles';
3
- export declare type TModal = styles.TModalContainer & {
4
- children?: React.ReactNode;
5
- footer?: JSX.Element;
6
- hideCancel?: boolean;
7
- onBackdropClick: () => void;
8
- querySelector?: string;
9
- subtitle?: string;
10
- title?: string;
11
- };
12
- export declare const Modal: React.ForwardRefExoticComponent<styles.TModalContainer & {
13
- children?: React.ReactNode;
14
- footer?: JSX.Element | undefined;
15
- hideCancel?: boolean | undefined;
16
- onBackdropClick: () => void;
17
- querySelector?: string | undefined;
18
- subtitle?: string | undefined;
19
- title?: string | undefined;
20
- } & React.RefAttributes<HTMLDivElement>>;
2
+ export declare enum EModalSize {
3
+ small = "small",
4
+ medium = "medium"
5
+ }
6
+ export declare enum EModalVariant {
7
+ destructive = "destructive",
8
+ informational = "informational",
9
+ transactional = "transactional"
10
+ }
11
+ export declare type TModal = {
12
+ inertSelectors: string[];
13
+ labelCancel?: string;
14
+ labelCta?: string;
15
+ onClose: () => void;
16
+ onConfirm: () => void;
17
+ portalHostSelector: string;
18
+ size?: EModalSize;
19
+ title: string;
20
+ variant: EModalVariant;
21
+ } & React.HTMLAttributes<HTMLDivElement>;
22
+ export declare const Modal: ({ children, inertSelectors, labelCancel, labelCta, onClose, onConfirm, portalHostSelector, size, title, variant }: TModal) => React.ReactPortal | null;
package/build/@types/components/Modal/Modal.styles.d.ts CHANGED
@@ -1,12 +1,9 @@
1
- export declare type TModalContainer = {
2
- isConfirm: boolean;
3
- maxWidth?: string;
4
- background?: string;
5
- };
6
- export declare const ModalOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
7
- export declare const ModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TModalContainer, never>;
8
- export declare const ModalHeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
9
- export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
10
- export declare const CloseButtonWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
11
- export declare const ChildrenWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
12
- export declare const FooterWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
1
+ /// <reference types="react" />
2
+ import { type TModal } from './Modal';
3
+ export declare const Overlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
+ declare type TFrame = Pick<TModal, 'size'>;
5
+ export declare const Frame: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TFrame, never>;
6
+ export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
7
+ export declare const Title: import("styled-components").StyledComponent<({ children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography/build/bodyText/bodyText").TBodyText) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
8
+ export declare const Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
9
+ export {};
package/build/cjs/components/src/components/Modal/Modal.js CHANGED
@@ -6,35 +6,93 @@ var React = require('react');
6
6
  var reactDom = require('react-dom');
7
7
  var designTokens = require('@citygross/design-tokens');
8
8
  var icons = require('@citygross/icons');
9
- var typography = require('@citygross/typography');
10
- var Spacer = require('../Spacer/Spacer.js');
9
+ var utils = require('@citygross/utils');
10
+ var CgButton = require('../CgButton/CgButton.js');
11
11
  var Modal_styles = require('./Modal.styles.js');
12
+ var CgButton_types = require('../CgButton/CgButton.types.js');
12
13
 
13
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
15
 
15
16
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
17
 
17
- var Modal = React.forwardRef(function (_a, ref) {
18
- var _b;
19
- var _c = _a.background, background = _c === void 0 ? (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.white : _c, children = _a.children, footer = _a.footer, _d = _a.hideCancel, hideCancel = _d === void 0 ? true : _d, onBackdropClick = _a.onBackdropClick, isConfirm = _a.isConfirm, maxWidth = _a.maxWidth, _e = _a.querySelector, querySelector = _e === void 0 ? '#root' : _e, subtitle = _a.subtitle, title = _a.title;
20
- var domSafe = typeof document !== 'undefined';
21
- return domSafe
22
- ? reactDom.createPortal(React__default["default"].createElement(Modal_styles.ModalOverlay, { onClick: onBackdropClick, ref: ref },
23
- React__default["default"].createElement(Modal_styles.ModalContainer, { "aria-modal": "true", background: background, isConfirm: isConfirm || false, maxWidth: maxWidth, onClick: function (e) { return e.stopPropagation(); }, role: "dialog" },
24
- title && (React__default["default"].createElement(React.Fragment, null,
25
- React__default["default"].createElement(Modal_styles.ModalHeaderContainer, null,
26
- React__default["default"].createElement(Modal_styles.ModalHeader, null,
27
- React__default["default"].createElement(typography.H2, null, title),
28
- !hideCancel && (React__default["default"].createElement(Modal_styles.CloseButtonWrapper, { onClick: onBackdropClick },
29
- React__default["default"].createElement(icons.Icons.Cross, null)))),
30
- React__default["default"].createElement(typography.BodyText, null, subtitle)))),
31
- children && (React__default["default"].createElement(Modal_styles.ChildrenWrapper, null, children)),
32
- footer && (React__default["default"].createElement(React.Fragment, null,
33
- React__default["default"].createElement(Spacer.Spacer, null),
34
- React__default["default"].createElement(Modal_styles.FooterWrapper, null, footer))))), document.querySelector(querySelector) || document.body)
35
- : null;
36
- });
37
- Modal.displayName = 'Modal';
18
+ exports.EModalSize = void 0;
19
+ (function (EModalSize) {
20
+ EModalSize["small"] = "small";
21
+ EModalSize["medium"] = "medium";
22
+ })(exports.EModalSize || (exports.EModalSize = {}));
23
+ exports.EModalVariant = void 0;
24
+ (function (EModalVariant) {
25
+ EModalVariant["destructive"] = "destructive";
26
+ EModalVariant["informational"] = "informational";
27
+ EModalVariant["transactional"] = "transactional";
28
+ })(exports.EModalVariant || (exports.EModalVariant = {}));
29
+ var getPortalRoot = function (portalHostSelector) {
30
+ var _a;
31
+ if (typeof document === 'undefined')
32
+ return null;
33
+ var hostElement = document.querySelector(portalHostSelector);
34
+ return (_a = hostElement === null || hostElement === void 0 ? void 0 : hostElement.parentElement) !== null && _a !== void 0 ? _a : document.body;
35
+ };
36
+ var Modal = function (_a) {
37
+ var _b, _c;
38
+ var children = _a.children, inertSelectors = _a.inertSelectors, _d = _a.labelCancel, labelCancel = _d === void 0 ? 'Avbryt' : _d, _e = _a.labelCta, labelCta = _e === void 0 ? 'Okej' : _e, onClose = _a.onClose, onConfirm = _a.onConfirm, portalHostSelector = _a.portalHostSelector, _f = _a.size, size = _f === void 0 ? exports.EModalSize.medium : _f, title = _a.title, variant = _a.variant;
39
+ var titleId = React.useId();
40
+ var modalRef = React.useRef(null);
41
+ var cancelButtonRef = React.useRef(null);
42
+ var previouslyFocusedElement = React.useRef(null);
43
+ var portalRoot = React.useMemo(function () { return getPortalRoot(portalHostSelector); }, [portalHostSelector]);
44
+ React.useEffect(function () {
45
+ if (typeof document === 'undefined')
46
+ return;
47
+ var inertElements = Array.from(new Set(inertSelectors.flatMap(function (selector) {
48
+ return Array.from(document.querySelectorAll(selector));
49
+ })));
50
+ var body = document.body;
51
+ var html = document.documentElement;
52
+ previouslyFocusedElement.current = document.activeElement;
53
+ var restoreInert = utils.toggleInert({
54
+ elements: inertElements,
55
+ isInert: true
56
+ });
57
+ var previousBodyOverflow = body.style.overflow;
58
+ var previousHtmlOverflow = html.style.overflow;
59
+ body.style.overflow = 'hidden';
60
+ html.style.overflow = 'hidden';
61
+ var handleEscape = function (event) {
62
+ return utils.escapeKeyboardEventHandler({ event: event, onEscape: onClose });
63
+ };
64
+ document.addEventListener('keydown', handleEscape);
65
+ requestAnimationFrame(function () {
66
+ var _a, _b;
67
+ if (variant === exports.EModalVariant.destructive) {
68
+ (_a = cancelButtonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
69
+ return;
70
+ }
71
+ (_b = modalRef.current) === null || _b === void 0 ? void 0 : _b.focus();
72
+ });
73
+ return function () {
74
+ restoreInert === null || restoreInert === void 0 ? void 0 : restoreInert();
75
+ body.style.overflow = previousBodyOverflow;
76
+ html.style.overflow = previousHtmlOverflow;
77
+ document.removeEventListener('keydown', handleEscape);
78
+ if (previouslyFocusedElement.current instanceof HTMLElement) {
79
+ previouslyFocusedElement.current.focus();
80
+ }
81
+ };
82
+ }, [inertSelectors, onClose, variant]);
83
+ if (!portalRoot)
84
+ return null;
85
+ return reactDom.createPortal(React__default["default"].createElement(Modal_styles.Overlay, { onClick: onClose },
86
+ React__default["default"].createElement(Modal_styles.Frame, { "aria-labelledby": titleId, "aria-modal": "true", onClick: function (event) { return event.stopPropagation(); }, ref: modalRef, role: variant === exports.EModalVariant.destructive ? 'alertdialog' : 'dialog', size: size },
87
+ React__default["default"].createElement(Modal_styles.Header, null,
88
+ React__default["default"].createElement(Modal_styles.Title, { fontWeight: "semiBold", id: titleId }, title),
89
+ variant !== exports.EModalVariant.destructive && (React__default["default"].createElement(CgButton.CgButton, { circle: true, onClick: onClose, variant: CgButton_types.EButtonVariant.ghost },
90
+ React__default["default"].createElement(icons.Icons.Cross, { "aria-hidden": "true", height: (_b = designTokens.theme.spacings) === null || _b === void 0 ? void 0 : _b.sm2, width: (_c = designTokens.theme.spacings) === null || _c === void 0 ? void 0 : _c.sm2 })))),
91
+ children,
92
+ React__default["default"].createElement(Modal_styles.Footer, null,
93
+ React__default["default"].createElement(CgButton.CgButton, { onClick: onConfirm, variant: CgButton_types.EButtonVariant.primary }, labelCta),
94
+ variant !== exports.EModalVariant.informational && (React__default["default"].createElement(CgButton.CgButton, { onClick: onClose, ref: cancelButtonRef, variant: CgButton_types.EButtonVariant.secondary }, labelCancel))))), portalRoot);
95
+ };
38
96
 
39
97
  exports.Modal = Modal;
40
98
  //# sourceMappingURL=Modal.js.map
package/build/cjs/components/src/components/Modal/Modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Modal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/Modal/Modal.styles.js CHANGED
@@ -3,33 +3,82 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _tslib = require('../../../../_virtual/_tslib.js');
6
+ var typography = require('@citygross/typography');
6
7
  var styled = require('styled-components');
8
+ var Modal = require('./Modal.js');
7
9
 
8
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
11
 
10
12
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
13
 
12
- var ModalOverlay = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n display: flex;\n z-index: ", ";\n background: ", ";\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n height: 100%;\n justify-content: center;\n align-items: center;\n\n padding: ", "px;\n @media (min-width: ", "px) {\n padding: ", "px;\n }\n"], ["\n display: flex;\n z-index: ", ";\n background: ", ";\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n height: 100%;\n justify-content: center;\n align-items: center;\n\n padding: ", "px;\n @media (min-width: ", "px) {\n padding: ", "px;\n }\n"])), function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.zIndex.modal; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.darkOverlay; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; });
13
- var ModalContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n overflow: auto;\n display: flex;\n flex-direction: column;\n ", ";\n max-width: 100%;\n max-height: 100vh;\n padding: ", "px;\n border-radius: ", "px;\n @media (min-width: ", "px) {\n padding: ", "px;\n width: 100%;\n max-width: ", ";\n max-height: 90vh;\n }\n"], ["\n overflow: auto;\n display: flex;\n flex-direction: column;\n ", ";\n max-width: 100%;\n max-height: 100vh;\n padding: ", "px;\n border-radius: ", "px;\n @media (min-width: ", "px) {\n padding: ", "px;\n width: 100%;\n max-width: ", ";\n max-height: 90vh;\n }\n"])), function (props) { return props.background && "background: ".concat(props.background); }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) {
14
- var _a, _b;
15
- return props.maxWidth
16
- ? props.maxWidth
17
- : props.isConfirm
18
- ? ((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.modalConfirmMaxWidth) + 'px'
19
- : ((_b = props.theme.constants) === null || _b === void 0 ? void 0 : _b.modalContainerMaxWidth) + 'px';
14
+ var Overlay = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n background: ", ";\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n min-height: 100%;\n overflow-y: auto;\n padding: ", ";\n position: fixed;\n z-index: ", ";\n"], ["\n background: ", ";\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n min-height: 100%;\n overflow-y: auto;\n padding: ", ";\n position: fixed;\n z-index: ", ";\n"])), function (_a) {
15
+ var _b;
16
+ var theme = _a.theme;
17
+ return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.darkOverlay;
18
+ }, function (_a) {
19
+ var _b, _c, _d;
20
+ var theme = _a.theme;
21
+ return "".concat((_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.lg, "px ").concat((_c = theme.spacings) === null || _c === void 0 ? void 0 : _c.sm, "px ").concat((_d = theme.spacings) === null || _d === void 0 ? void 0 : _d.sm, "px");
22
+ }, function (_a) {
23
+ var _b;
24
+ var theme = _a.theme;
25
+ return (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.zIndex.modal;
20
26
  });
21
- var ModalHeaderContainer = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n padding-bottom: ", "px;\n @media (min-width: ", "px) {\n padding-top: 8px;\n }\n"], ["\n padding-bottom: ", "px;\n @media (min-width: ", "px) {\n padding-top: 8px;\n }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; });
22
- var ModalHeader = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n padding-bottom: ", "px;\n align-items: center;\n"], ["\n display: flex;\n justify-content: space-between;\n padding-bottom: ", "px;\n align-items: center;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
23
- var CloseButtonWrapper = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
24
- var ChildrenWrapper = styled__default["default"].div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n min-height: 64px;\n gap: ", "px;\n"], ["\n display: flex;\n flex-direction: column;\n min-height: 64px;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; });
25
- var FooterWrapper = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n display: flex;\n gap: ", "px;\n"], ["\n display: flex;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
26
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
27
+ var Frame = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n background: ", ";\n border-radius: ", "px;\n margin: auto;\n min-height: ", "px;\n min-width: ", "px;\n padding: ", "px;\n position: relative;\n width: 100%;\n max-width: ", "px;\n z-index: ", ";\n"], ["\n background: ", ";\n border-radius: ", "px;\n margin: auto;\n min-height: ", "px;\n min-width: ", "px;\n padding: ", "px;\n position: relative;\n width: 100%;\n max-width: ", "px;\n z-index: ", ";\n"])), function (_a) {
28
+ var _b;
29
+ var theme = _a.theme;
30
+ return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.white;
31
+ }, function (_a) {
32
+ var _b;
33
+ var theme = _a.theme;
34
+ return (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.small;
35
+ }, function (_a) {
36
+ var _b;
37
+ var theme = _a.theme;
38
+ return (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.modalMinHeight;
39
+ }, function (_a) {
40
+ var _b;
41
+ var theme = _a.theme;
42
+ return (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.modalMinWidth;
43
+ }, function (_a) {
44
+ var _b;
45
+ var theme = _a.theme;
46
+ return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.md;
47
+ }, function (_a) {
48
+ var _b, _c;
49
+ var size = _a.size, theme = _a.theme;
50
+ return size === Modal.EModalSize.small
51
+ ? (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.modalMaxWidthSmall
52
+ : (_c = theme.constants) === null || _c === void 0 ? void 0 : _c.modalMaxWidth;
53
+ }, function (_a) {
54
+ var _b;
55
+ var theme = _a.theme;
56
+ return (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.zIndex.low;
57
+ });
58
+ var Header = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: ", "px;\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: ", "px;\n"])), function (_a) {
59
+ var _b;
60
+ var theme = _a.theme;
61
+ return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm;
62
+ });
63
+ var Title = styled__default["default"](typography.BodyText)(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n font-size: ", "px;\n"], ["\n font-size: ", "px;\n"])), function (_a) {
64
+ var _b, _c;
65
+ var theme = _a.theme;
66
+ return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.size) === null || _c === void 0 ? void 0 : _c.s4;
67
+ });
68
+ var Footer = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n display: flex;\n gap: ", "px;\n margin-top: ", "px;\n width: 100%;\n\n > * {\n flex: 1 1 0;\n min-width: 0;\n }\n"], ["\n display: flex;\n gap: ", "px;\n margin-top: ", "px;\n width: 100%;\n\n > * {\n flex: 1 1 0;\n min-width: 0;\n }\n"])), function (_a) {
69
+ var _b;
70
+ var theme = _a.theme;
71
+ return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm;
72
+ }, function (_a) {
73
+ var _b;
74
+ var theme = _a.theme;
75
+ return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.lg;
76
+ });
77
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
27
78
 
28
- exports.ChildrenWrapper = ChildrenWrapper;
29
- exports.CloseButtonWrapper = CloseButtonWrapper;
30
- exports.FooterWrapper = FooterWrapper;
31
- exports.ModalContainer = ModalContainer;
32
- exports.ModalHeader = ModalHeader;
33
- exports.ModalHeaderContainer = ModalHeaderContainer;
34
- exports.ModalOverlay = ModalOverlay;
79
+ exports.Footer = Footer;
80
+ exports.Frame = Frame;
81
+ exports.Header = Header;
82
+ exports.Overlay = Overlay;
83
+ exports.Title = Title;
35
84
  //# sourceMappingURL=Modal.styles.js.map
package/build/cjs/components/src/components/Modal/Modal.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Modal.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/index.js CHANGED
@@ -222,6 +222,14 @@ exports.MenuListItem = MenuListItem.MenuListItem;
222
222
  exports.MobileLabel = MobileTable_styles.MobileLabel;
223
223
  exports.MobileTable = MobileTable_styles.MobileTable;
224
224
  exports.MobileTd = MobileTable_styles.MobileTd;
225
+ Object.defineProperty(exports, 'EModalSize', {
226
+ enumerable: true,
227
+ get: function () { return Modal.EModalSize; }
228
+ });
229
+ Object.defineProperty(exports, 'EModalVariant', {
230
+ enumerable: true,
231
+ get: function () { return Modal.EModalVariant; }
232
+ });
225
233
  exports.Modal = Modal.Modal;
226
234
  exports.NavMainLink = NavMainLink.NavMainLink;
227
235
  exports.Pagination = Pagination.Pagination;
package/build/cjs/components/src/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/design-tokens/build/index.js CHANGED
@@ -99,8 +99,10 @@ var constants = {
99
99
  mobileLabelVerticalPaddingMobile: 8,
100
100
  mobileTablePadding: 12,
101
101
  mobileTablePaddingBottom: 6,
102
- modalConfirmMaxWidth: 480,
103
- modalContainerMaxWidth: 615,
102
+ modalMaxWidth: 624,
103
+ modalMaxWidthSmall: 480,
104
+ modalMinHeight: 120,
105
+ modalMinWidth: 320,
104
106
  navHeaderHeight: 81,
105
107
  navHeaderHeightSmall: 64,
106
108
  navMainLinkWidth: 105,
package/build/cjs/design-tokens/build/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../design-tokens/build/index.js"],"sourcesContent":["'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nvar attributes = {\n borderRadius: {\n extraSmall: 2,\n small: 5,\n default: 10,\n big: 20,\n rounded: 100,\n circle: '50%'\n },\n boxShadow: {\n small: '0 0 46px 0 rgba(0, 0, 0, 0.13)',\n hover: '0 0 15px 0 rgba(0, 0, 0, 0.13)',\n buttonHover: '0 1px 5px rgba(0, 0, 0, 0.35)',\n buttonActive: 'inset 0 0px 5px rgba(0, 0, 0, 0.15)',\n iconButtonHover: '0 1px 8px rgba(0, 0, 0, 0.35)',\n layoutShadow: '0 1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInsetMedium: 'inset 0 -2px 0 rgba(0, 0, 0, 0.15)',\n stepperShadow: '0px -5px 20px rgba(0, 0, 0, 0.04), 0px -2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04)',\n highlightBoxShadow: '0 2px 5px 0 rgba(7,52,99,0.15)',\n focusVisible: '0 0 0 2px #000'\n },\n zIndex: {\n modal: 5,\n footer: 4,\n high: 3,\n middle: 2,\n low: 1\n },\n transition: {\n t1: '550ms cubic-bezier(0.19, 1, 0.22, 1)',\n inputTransition: 'box-shadow 250ms ease'\n }\n};\n\nvar breakpoints = {\n xxs: 360,\n xs: 480,\n sm: 576,\n md: 768,\n lg: 960,\n xl: 1060,\n xxl: 1280,\n xxxl: 1400\n};\n\nvar constants = {\n BackgroundOverlayOpacity: 0.3,\n buttonBadgeFontSize: 11,\n buttonBadgePadding: 6,\n buttonBadgePaddingSmall: 2,\n buttonBadgeRightPosition: -4,\n buttonBadgeTopPosition: -3,\n buttonChildExtraSmallGap: 4,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonWrapperMinWidth: 120,\n cartCardImageSize: 48,\n cartListItemDescriptionSize: 11,\n chipCheckBox: 12,\n couponButtonContainer: 102,\n dateBoxHorizontalPadding: 12,\n deliverySlotArrowOffset: 42,\n deliverySlotItemHeight: 91,\n deliverySlotItemWidth: 130,\n deliverySlotItemWidthDesktop: 146,\n headerBreakpoint: 991,\n headerScrollFadeRange: 50,\n headerWrapperVerticalPadding: 20,\n iconToolTipArrowLeft: 2.5,\n iconToolTipArrowTop: 32,\n iconToolTipBoxWidth: 300,\n iconToolTipTop: 36,\n infoBlockBorderWidth: 4,\n infoBlockImageMaxWidthDesktop: 100,\n InputWithIconPaddingRight: 45,\n itemGap: 2,\n listImageMaxHeight: 50,\n listImageMaxHeightSmall: 32,\n listImageMaxWidth: 64,\n listImageMaxWidthSmall: 32,\n listItemFlexGap: 20,\n MarkingWrapperGridGap: 2,\n maxHeightFaderHeight: 50,\n minimalHeaderMaxWidth: 640,\n menuHorizontalMargin: 12,\n menuListItemIconSize: 16,\n mobileLabelPaddingRight: 35,\n mobileLabelPaddingRightMobile: 20,\n mobileLabelVerticalPadding: 10,\n mobileLabelVerticalPaddingMobile: 8,\n mobileTablePadding: 12,\n mobileTablePaddingBottom: 6,\n modalConfirmMaxWidth: 480,\n modalContainerMaxWidth: 615,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64,\n navMainLinkWidth: 105,\n pageContainerMaxWidth: 776,\n pageContentMaxWidth: 1232,\n paginationButtonWidth: 44,\n priceBaseLetterSpacing: -0.03,\n priceIndicatorRotate: 1,\n priceRotate: 2.5,\n priceSplashHorizontalPadding: 10,\n priceVariantBadgeSize: 48,\n quantitySelectorWidthLarge: 140,\n quantitySelectorWidthSmall: 123,\n searchListItemGridTemplateColumns: 25,\n searchModalZIndex: 900,\n selectButtonWidth: 169,\n selectMobileWidth: 175,\n selectPadding: 2,\n selectWidth: 225,\n sideModalHeaderHeight: 64,\n tableHeaderVerticalPadding: 12,\n tableRowHorizontalPadding: 14,\n tableRowVerticalPadding: 16,\n toolTipArrowBorderWidth: 5,\n toolTipArrowMarginTop: -5,\n toolTipBackground: 'rgba(0,0,0,.7)',\n toolTipCloseSize: 20,\n tooltipMinWidth: 80,\n toolTipTop: 35,\n twoColumnsContainerMaxWidth: 1024,\n zipCodeInputSize: 48,\n zipCodeInputSizeSmall: 40\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFDF43',\n secondary: '#0071B9',\n // brand colors\n brandYellow: '#FFDF43',\n brandBlue: '#0071B9',\n brandPurple: '#A71680',\n brandPrio: '#a80073',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueLighter: '#D3EDFD',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n redLighter: '#FDF2F2',\n priceTagRed: '#C80700',\n // recipeTags\n recipeVego: '#65DB69',\n recipeLactose: '#8CCDF0',\n recipeGluten: '#D5642A',\n // link same as alert blue\n link: '#0072BB',\n // black / white\n white: '#FFFFFF',\n black: '#000000',\n // grayscale\n lightest: '#F7F7F7',\n lighter: '#F1F1F1',\n light: '#E8E8E8',\n medium: '#DBDBDB',\n mediumDark: '#6C6C6C',\n dark: '#979797',\n darker: '#4A4A4A',\n darkest: '#333333',\n buttonGray: '#E5E4E5',\n disabledGray: '#B8B8B8',\n disabledDarkGray: '#5c5c5c',\n placeholder: '#8f8f8f',\n border: '#0069AE',\n grayMuted: '#797575',\n grayNeutral: '#D6D6D6',\n boxShadow: '#E1E1E1',\n boxShadowActive: 'rgba(7, 52, 99, 0.15)',\n // Alerts\n alertRed: '#E02721',\n alertBlue: '#0072BB',\n alertGreen: '#3F9A3C',\n // overlay\n darkOverlay: 'rgba(0, 0, 0, 0.6)',\n // transparent\n transparent: '#ffffff00',\n // hover\n brandBlueHover: '#005C99',\n brandYellowHover: '#F5D800',\n brandPrioHover: '#90136F',\n brandBlueActive: '#004D80',\n brandYellowActive: '#DBC100',\n brandPrioActive: '#7A105E',\n none: 'none'\n};\n\nvar spacings = {\n xxxs: 2,\n xxs: 4,\n xxs2: 6,\n xs: 8,\n xs1: 10,\n xs2: 12,\n xs3: 14,\n sm: 16,\n sm1: 18,\n sm2: 20,\n md: 24,\n lg: 32,\n xl: 40,\n xl2: 48,\n xxl: 56\n // More in figma, but talk with Johan to generalize it more.\n // xxx: 72, 88, 120, 152 ?\n};\n\nvar animations = {\n tapScale: 0.9,\n hoverScale: 1.1,\n buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',\n rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)',\n saveButtonAnimationComplete: 600\n};\n\nvar typography = {\n type: {\n primary: '\"Poppins\", \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n display: '\"Dom Casual\"',\n code: '\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace'\n },\n weight: {\n regular: '400',\n medium: '500',\n semiBold: '600',\n bold: '700',\n extraBold: '800'\n },\n size: {\n // xs all from 0-10\n xs: 10,\n // s all from 11-20\n s0: 11,\n s1: 12,\n s2: 13,\n s3: 15,\n s4: 18,\n // m all from 21-40\n m1: 24,\n m2: 30,\n // l all from 41 >\n l1: 41,\n code: 90\n },\n lineHeight: {\n // xs all from 0-15\n xs: 15,\n // s all from 16-20\n s1: 18,\n s2: 19,\n // m all from 21-40\n m1: 22,\n m2: 27,\n m3: 36,\n // l all from 41 >\n l1: 45\n }\n};\n\nvar createTheme = function (_a) {\n var palette = _a.palette, typography = _a.typography, attributes = _a.attributes, breakpoints = _a.breakpoints, spacings = _a.spacings, constants = _a.constants, animations = _a.animations;\n return ({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n });\n};\nvar theme = createTheme({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n});\n\nexports.animations = animations;\nexports.attributes = attributes;\nexports.breakpoints = breakpoints;\nexports.constants = constants;\nexports.palette = palette;\nexports.spacings = spacings;\nexports.theme = theme;\nexports.typography = typography;\n//# sourceMappingURL=index.js.map\n"],"names":["build"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../design-tokens/build/index.js"],"sourcesContent":["'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nvar attributes = {\n borderRadius: {\n extraSmall: 2,\n small: 5,\n default: 10,\n big: 20,\n rounded: 100,\n circle: '50%'\n },\n boxShadow: {\n small: '0 0 46px 0 rgba(0, 0, 0, 0.13)',\n hover: '0 0 15px 0 rgba(0, 0, 0, 0.13)',\n buttonHover: '0 1px 5px rgba(0, 0, 0, 0.35)',\n buttonActive: 'inset 0 0px 5px rgba(0, 0, 0, 0.15)',\n iconButtonHover: '0 1px 8px rgba(0, 0, 0, 0.35)',\n layoutShadow: '0 1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInsetMedium: 'inset 0 -2px 0 rgba(0, 0, 0, 0.15)',\n stepperShadow: '0px -5px 20px rgba(0, 0, 0, 0.04), 0px -2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04)',\n highlightBoxShadow: '0 2px 5px 0 rgba(7,52,99,0.15)',\n focusVisible: '0 0 0 2px #000'\n },\n zIndex: {\n modal: 5,\n footer: 4,\n high: 3,\n middle: 2,\n low: 1\n },\n transition: {\n t1: '550ms cubic-bezier(0.19, 1, 0.22, 1)',\n inputTransition: 'box-shadow 250ms ease'\n }\n};\n\nvar breakpoints = {\n xxs: 360,\n xs: 480,\n sm: 576,\n md: 768,\n lg: 960,\n xl: 1060,\n xxl: 1280,\n xxxl: 1400\n};\n\nvar constants = {\n BackgroundOverlayOpacity: 0.3,\n buttonBadgeFontSize: 11,\n buttonBadgePadding: 6,\n buttonBadgePaddingSmall: 2,\n buttonBadgeRightPosition: -4,\n buttonBadgeTopPosition: -3,\n buttonChildExtraSmallGap: 4,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonWrapperMinWidth: 120,\n cartCardImageSize: 48,\n cartListItemDescriptionSize: 11,\n chipCheckBox: 12,\n couponButtonContainer: 102,\n dateBoxHorizontalPadding: 12,\n deliverySlotArrowOffset: 42,\n deliverySlotItemHeight: 91,\n deliverySlotItemWidth: 130,\n deliverySlotItemWidthDesktop: 146,\n headerBreakpoint: 991,\n headerScrollFadeRange: 50,\n headerWrapperVerticalPadding: 20,\n iconToolTipArrowLeft: 2.5,\n iconToolTipArrowTop: 32,\n iconToolTipBoxWidth: 300,\n iconToolTipTop: 36,\n infoBlockBorderWidth: 4,\n infoBlockImageMaxWidthDesktop: 100,\n InputWithIconPaddingRight: 45,\n itemGap: 2,\n listImageMaxHeight: 50,\n listImageMaxHeightSmall: 32,\n listImageMaxWidth: 64,\n listImageMaxWidthSmall: 32,\n listItemFlexGap: 20,\n MarkingWrapperGridGap: 2,\n maxHeightFaderHeight: 50,\n minimalHeaderMaxWidth: 640,\n menuHorizontalMargin: 12,\n menuListItemIconSize: 16,\n mobileLabelPaddingRight: 35,\n mobileLabelPaddingRightMobile: 20,\n mobileLabelVerticalPadding: 10,\n mobileLabelVerticalPaddingMobile: 8,\n mobileTablePadding: 12,\n mobileTablePaddingBottom: 6,\n modalMaxWidth: 624,\n modalMaxWidthSmall: 480,\n modalMinHeight: 120,\n modalMinWidth: 320,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64,\n navMainLinkWidth: 105,\n pageContainerMaxWidth: 776,\n pageContentMaxWidth: 1232,\n paginationButtonWidth: 44,\n priceBaseLetterSpacing: -0.03,\n priceIndicatorRotate: 1,\n priceRotate: 2.5,\n priceSplashHorizontalPadding: 10,\n priceVariantBadgeSize: 48,\n quantitySelectorWidthLarge: 140,\n quantitySelectorWidthSmall: 123,\n searchListItemGridTemplateColumns: 25,\n searchModalZIndex: 900,\n selectButtonWidth: 169,\n selectMobileWidth: 175,\n selectPadding: 2,\n selectWidth: 225,\n sideModalHeaderHeight: 64,\n tableHeaderVerticalPadding: 12,\n tableRowHorizontalPadding: 14,\n tableRowVerticalPadding: 16,\n toolTipArrowBorderWidth: 5,\n toolTipArrowMarginTop: -5,\n toolTipBackground: 'rgba(0,0,0,.7)',\n toolTipCloseSize: 20,\n tooltipMinWidth: 80,\n toolTipTop: 35,\n twoColumnsContainerMaxWidth: 1024,\n zipCodeInputSize: 48,\n zipCodeInputSizeSmall: 40\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFDF43',\n secondary: '#0071B9',\n // brand colors\n brandYellow: '#FFDF43',\n brandBlue: '#0071B9',\n brandPurple: '#A71680',\n brandPrio: '#a80073',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueLighter: '#D3EDFD',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n redLighter: '#FDF2F2',\n priceTagRed: '#C80700',\n // recipeTags\n recipeVego: '#65DB69',\n recipeLactose: '#8CCDF0',\n recipeGluten: '#D5642A',\n // link same as alert blue\n link: '#0072BB',\n // black / white\n white: '#FFFFFF',\n black: '#000000',\n // grayscale\n lightest: '#F7F7F7',\n lighter: '#F1F1F1',\n light: '#E8E8E8',\n medium: '#DBDBDB',\n mediumDark: '#6C6C6C',\n dark: '#979797',\n darker: '#4A4A4A',\n darkest: '#333333',\n buttonGray: '#E5E4E5',\n disabledGray: '#B8B8B8',\n disabledDarkGray: '#5c5c5c',\n placeholder: '#8f8f8f',\n border: '#0069AE',\n grayMuted: '#797575',\n grayNeutral: '#D6D6D6',\n boxShadow: '#E1E1E1',\n boxShadowActive: 'rgba(7, 52, 99, 0.15)',\n // Alerts\n alertRed: '#E02721',\n alertBlue: '#0072BB',\n alertGreen: '#3F9A3C',\n // overlay\n darkOverlay: 'rgba(0, 0, 0, 0.6)',\n // transparent\n transparent: '#ffffff00',\n // hover\n brandBlueHover: '#005C99',\n brandYellowHover: '#F5D800',\n brandPrioHover: '#90136F',\n brandBlueActive: '#004D80',\n brandYellowActive: '#DBC100',\n brandPrioActive: '#7A105E',\n none: 'none'\n};\n\nvar spacings = {\n xxxs: 2,\n xxs: 4,\n xxs2: 6,\n xs: 8,\n xs1: 10,\n xs2: 12,\n xs3: 14,\n sm: 16,\n sm1: 18,\n sm2: 20,\n md: 24,\n lg: 32,\n xl: 40,\n xl2: 48,\n xxl: 56\n // More in figma, but talk with Johan to generalize it more.\n // xxx: 72, 88, 120, 152 ?\n};\n\nvar animations = {\n tapScale: 0.9,\n hoverScale: 1.1,\n buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',\n rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)',\n saveButtonAnimationComplete: 600\n};\n\nvar typography = {\n type: {\n primary: '\"Poppins\", \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n display: '\"Dom Casual\"',\n code: '\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace'\n },\n weight: {\n regular: '400',\n medium: '500',\n semiBold: '600',\n bold: '700',\n extraBold: '800'\n },\n size: {\n // xs all from 0-10\n xs: 10,\n // s all from 11-20\n s0: 11,\n s1: 12,\n s2: 13,\n s3: 15,\n s4: 18,\n // m all from 21-40\n m1: 24,\n m2: 30,\n // l all from 41 >\n l1: 41,\n code: 90\n },\n lineHeight: {\n // xs all from 0-15\n xs: 15,\n // s all from 16-20\n s1: 18,\n s2: 19,\n // m all from 21-40\n m1: 22,\n m2: 27,\n m3: 36,\n // l all from 41 >\n l1: 45\n }\n};\n\nvar createTheme = function (_a) {\n var palette = _a.palette, typography = _a.typography, attributes = _a.attributes, breakpoints = _a.breakpoints, spacings = _a.spacings, constants = _a.constants, animations = _a.animations;\n return ({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n });\n};\nvar theme = createTheme({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n});\n\nexports.animations = animations;\nexports.attributes = attributes;\nexports.breakpoints = breakpoints;\nexports.constants = constants;\nexports.palette = palette;\nexports.spacings = spacings;\nexports.theme = theme;\nexports.typography = typography;\n//# sourceMappingURL=index.js.map\n"],"names":["build"],"mappings":"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"}
package/build/cjs/utils/build/index.js CHANGED
@@ -519,15 +519,19 @@ var focusTrap = function (_a) {
519
519
  };
520
520
  };
521
521
 
522
+ var escapeKeyboardEventHandler = function (_a) {
523
+ var event = _a.event, onEscape = _a.onEscape;
524
+ if (event.key === 'Escape')
525
+ onEscape();
526
+ };
527
+
522
528
  var selectKeyboardEventHandler = function (_a) {
523
- var event = _a.event, isDisabled = _a.isDisabled, onClick = _a.onClick, value = _a.value, onKeyDown = _a.onKeyDown;
529
+ var event = _a.event, isDisabled = _a.isDisabled, onClick = _a.onClick, onKeyDown = _a.onKeyDown, value = _a.value;
524
530
  if ((event.key === 'Enter' || event.key === ' ') && !isDisabled) {
525
531
  event.preventDefault();
526
532
  onClick(value);
527
533
  }
528
- if (onKeyDown) {
529
- onKeyDown(event);
530
- }
534
+ onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
531
535
  };
532
536
 
533
537
  var toggleInert = function (_a) {
@@ -18964,6 +18968,7 @@ index.__exports.capitalizeFirstLetter = capitalizeFirstLetter;
18964
18968
  index.__exports.capitalizedAllWords = capitalizedAllWords;
18965
18969
  index.__exports.comparisonTypes = comparisonTypes;
18966
18970
  index.__exports.emailRegex = emailRegex;
18971
+ index.__exports.escapeKeyboardEventHandler = escapeKeyboardEventHandler;
18967
18972
  index.__exports.focusTrap = focusTrap;
18968
18973
  index.__exports.focusableSelectors = focusableSelectors;
18969
18974
  index.__exports.formatDateToLocale = formatDateToLocale;