@xivart/tangram 0.0.1-security → 2.712.1

package/components/MetrolineDivider/styled/MetrolineCircle.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var MetrolineCircle = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  border-radius: 50%;\n  border: ", ";\n  height: 8px;\n  position: absolute;\n  top: 5px;\n  width: 8px;\n"], ["\n  border-radius: 50%;\n  border: ",
+    ";\n  height: 8px;\n  position: absolute;\n  top: 5px;\n  width: 8px;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.borders.width.bw200 + " " + theme.borders.style.SOLID + " " + theme.colors.PRIMARY_LIGHT;
+});
+exports.default = MetrolineCircle;
+var templateObject_1;
+//# sourceMappingURL=MetrolineCircle.js.map

package/components/MetrolineDivider/styled/MetrolineDivider.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var MetrolineDivider = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  height: 100%;\n  top: 4px;\n"], ["\n  position: absolute;\n  height: 100%;\n  top: 4px;\n"])));
+exports.default = MetrolineDivider;
+var templateObject_1;
+//# sourceMappingURL=MetrolineDivider.js.map

package/components/MetrolineDivider/styled/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Metroline = exports.MetrolineDivider = exports.MetrolineCircle = void 0;
+var MetrolineCircle_1 = require("./MetrolineCircle");
+Object.defineProperty(exports, "MetrolineCircle", { enumerable: true, get: function () { return __importDefault(MetrolineCircle_1).default; } });
+var MetrolineDivider_1 = require("./MetrolineDivider");
+Object.defineProperty(exports, "MetrolineDivider", { enumerable: true, get: function () { return __importDefault(MetrolineDivider_1).default; } });
+var Metroline_1 = require("./Metroline");
+Object.defineProperty(exports, "Metroline", { enumerable: true, get: function () { return __importDefault(Metroline_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Modal/Modal.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ModalHeader_1 = require("./components/ModalHeader");
+var ModalFooter_1 = require("./components/ModalFooter");
+var ModalContent_1 = require("./components/ModalContent");
+var ModalContentSection_1 = require("./components/ModalContentSection");
+var ModalSkeleton_1 = require("./components/ModalSkeleton");
+var S = tslib_1.__importStar(require("./styled"));
+var constants_1 = require("./constants");
+var useViewportSize_1 = require("../../hooks/useViewportSize");
+var getModalGridForLargeMobile_1 = require("./helpers/getModalGridForLargeMobile");
+var Modal = function (_a) {
+    var active = _a.active, dataAttrs = _a.dataAttrs, priority = _a.priority, children = _a.children, onClose = _a.onClose;
+    var _b = tslib_1.__read(useViewportSize_1.useViewportSize(), 2), height = _b[1];
+    return (jsx_runtime_1.jsx(ModalSkeleton_1.ModalSkeleton, tslib_1.__assign({ active: active, desktopConfig: constants_1.MODAL_GRID_LARGE_DESKTOP, mobileConfig: getModalGridForLargeMobile_1.getModalGridForLargeMobile(height), noMobileGutters: true, onClose: onClose, priority: priority }, { children: jsx_runtime_1.jsx(S.ModalWrapper, tslib_1.__assign({}, dataAttrs, { children: children }), void 0) }), void 0));
+};
+exports.Modal = Modal;
+exports.Modal.Header = ModalHeader_1.ModalHeader;
+exports.Modal.Footer = ModalFooter_1.ModalFooter;
+exports.Modal.Content = ModalContent_1.ModalContent;
+exports.Modal.ContentSection = ModalContentSection_1.ModalContentSection;
+//# sourceMappingURL=Modal.js.map

package/components/Modal/ModalAction.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalAction = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ModalSkeleton_1 = require("./components/ModalSkeleton");
+var ModalActionFooter_1 = require("./components/ModalActionFooter");
+var ModalActionContent_1 = require("./components/ModalActionContent");
+var S = tslib_1.__importStar(require("./styled"));
+var constants_1 = require("./constants");
+var ModalActionHeader_1 = require("./components/ModalActionHeader");
+var useViewportSize_1 = require("../../hooks/useViewportSize");
+var getModalGridForLargeMobile_1 = require("./helpers/getModalGridForLargeMobile");
+var ModalAction = function (_a) {
+    var active = _a.active, dataAttrs = _a.dataAttrs, priority = _a.priority, children = _a.children;
+    var _b = tslib_1.__read(useViewportSize_1.useViewportSize(), 2), height = _b[1];
+    return (jsx_runtime_1.jsx(ModalSkeleton_1.ModalSkeleton, tslib_1.__assign({ active: active, desktopConfig: constants_1.MODAL_GRID_LARGE_DESKTOP, mobileConfig: getModalGridForLargeMobile_1.getModalGridForLargeMobile(height), noMobileGutters: true, priority: priority }, { children: jsx_runtime_1.jsx(S.ModalActionWrapper, tslib_1.__assign({}, dataAttrs, { children: children }), void 0) }), void 0));
+};
+exports.ModalAction = ModalAction;
+exports.ModalAction.Header = ModalActionHeader_1.ModalActionHeader;
+exports.ModalAction.Footer = ModalActionFooter_1.ModalActionFooter;
+exports.ModalAction.Content = ModalActionContent_1.ModalActionContent;
+//# sourceMappingURL=ModalAction.js.map

package/components/Modal/ModalPopup.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalPopup = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ModalSkeleton_1 = require("./components/ModalSkeleton");
+var ModalPopupHeader_1 = require("./components/ModalPopupHeader");
+var ModalPopupFooter_1 = require("./components/ModalPopupFooter");
+var ModalPopupContent_1 = require("./components/ModalPopupContent");
+var S = tslib_1.__importStar(require("./styled"));
+var constants_1 = require("./constants");
+var useViewportSize_1 = require("../../hooks/useViewportSize");
+var getModalGridForSmallMobile_1 = require("./helpers/getModalGridForSmallMobile");
+var ModalPopup = function (_a) {
+    var active = _a.active, dataAttrs = _a.dataAttrs, priority = _a.priority, children = _a.children, onClose = _a.onClose;
+    var _b = tslib_1.__read(useViewportSize_1.useViewportSize(), 2), height = _b[1];
+    return (jsx_runtime_1.jsx(ModalSkeleton_1.ModalSkeleton, tslib_1.__assign({ active: active, desktopConfig: constants_1.MODAL_GRID_SMALL_DESKTOP, mobileConfig: getModalGridForSmallMobile_1.getModalGridForSmallMobile(height), onClose: onClose, priority: priority }, { children: jsx_runtime_1.jsx(S.ModalPopupWrapper, tslib_1.__assign({}, dataAttrs, { children: children }), void 0) }), void 0));
+};
+exports.ModalPopup = ModalPopup;
+exports.ModalPopup.Header = ModalPopupHeader_1.ModalPopupHeader;
+exports.ModalPopup.Footer = ModalPopupFooter_1.ModalPopupFooter;
+exports.ModalPopup.Content = ModalPopupContent_1.ModalPopupContent;
+//# sourceMappingURL=ModalPopup.js.map

package/components/Modal/components/ModalActionContent/ModalActionContent.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalActionContent = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = tslib_1.__importStar(require("./styled"));
+var ModalActionContent = function (_a) {
+    var children = _a.children;
+    return (jsx_runtime_1.jsx(S.ModalActionScrollContainer, { children: jsx_runtime_1.jsx(S.ModalActionContentWrapper, { children: children }, void 0) }, void 0));
+};
+exports.ModalActionContent = ModalActionContent;
+//# sourceMappingURL=ModalActionContent.js.map

package/components/Modal/components/ModalActionContent/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalActionContent"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalActionContent/styled/ModalActionContentWrapper.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalActionContentWrapper = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../../utils/themedStyledComponents"));
+var media_1 = tslib_1.__importDefault(require("../../../../../utils/media"));
+exports.ModalActionContentWrapper = themedStyledComponents_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-flow: column nowrap;\n\n  padding: ", ";\n\n  ", "\n"], ["\n  display: flex;\n  flex-flow: column nowrap;\n\n  padding: ", ";\n\n  ",
+    "\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s800 + " 0";
+}, media_1.default.m(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    padding: ", ";\n  "], ["\n    padding: ", ";\n  "])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s900 + " " + theme.spacings.s400;
+}));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ModalActionContentWrapper.js.map

package/components/Modal/components/ModalActionContent/styled/ModalActionScrollContainer.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalActionScrollContainer = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../../utils/themedStyledComponents"));
+var media_1 = tslib_1.__importDefault(require("../../../../../utils/media"));
+exports.ModalActionScrollContainer = themedStyledComponents_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  overflow-y: auto;\n\n  flex: 1;\n\n  padding: ", ";\n\n  ", "\n"], ["\n  overflow-y: auto;\n\n  flex: 1;\n\n  padding: ", ";\n\n  ",
+    "\n"])), function (_a) {
+    var theme = _a.theme;
+    return "0 " + theme.spacings.s500;
+}, media_1.default.s(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    padding: ", ";\n  "], ["\n    padding: ", ";\n  "])), function (_a) {
+    var theme = _a.theme;
+    return "0 " + theme.spacings.s800;
+}));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ModalActionScrollContainer.js.map

package/components/Modal/components/ModalActionContent/styled/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalActionContentWrapper"), exports);
+tslib_1.__exportStar(require("./ModalActionScrollContainer"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalActionFooter/ModalActionFooter.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalActionFooter = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = tslib_1.__importStar(require("./styled"));
+var Divider_1 = tslib_1.__importDefault(require("../../../Divider"));
+var ModalActionFooter = function (_a) {
+    var children = _a.children;
+    return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx(Divider_1.default, { color: "TERTIARY_DARK" }, void 0),
+            jsx_runtime_1.jsx(S.ModalActionFooter, { children: children }, void 0)] }, void 0));
+};
+exports.ModalActionFooter = ModalActionFooter;
+//# sourceMappingURL=ModalActionFooter.js.map

package/components/Modal/components/ModalActionFooter/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalActionFooter"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalActionFooter/styled/ModalActionFooter.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalActionFooter = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../../utils/themedStyledComponents"));
+var media_1 = tslib_1.__importDefault(require("../../../../../utils/media"));
+exports.ModalActionFooter = themedStyledComponents_1.default.footer(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-flow: column nowrap;\n  align-items: stretch;\n\n  flex: none;\n\n  padding: ", ";\n\n  ", "\n\n  ", ";\n"], ["\n  display: flex;\n  flex-flow: column nowrap;\n  align-items: stretch;\n\n  flex: none;\n\n  padding: ", ";\n\n  ",
+    "\n\n  ",
+    ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s800 + " " + theme.spacings.s500;
+}, media_1.default.s(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    padding: ", ";\n  "], ["\n    padding: ", ";\n  "])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s800;
+}), media_1.default.m(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    align-items: center;\n    padding: ", ";\n  "], ["\n    align-items: center;\n    padding: ", ";\n  "])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s500 + " " + theme.spacings.s800;
+}));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=ModalActionFooter.js.map

package/components/Modal/components/ModalActionFooter/styled/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalActionFooter"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalActionHeader/ModalActionHeader.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalActionHeader = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Divider_1 = tslib_1.__importDefault(require("../../../Divider"));
+var S = tslib_1.__importStar(require("./styled"));
+var ModalActionHeader = function (_a) {
+    var children = _a.children, dataAttrs = _a.dataAttrs;
+    return (jsx_runtime_1.jsxs(S.ModalActionHeader, tslib_1.__assign({}, dataAttrs, { children: [jsx_runtime_1.jsx(S.ModalActionHeaderWrapper, { children: children }, void 0),
+            jsx_runtime_1.jsx(Divider_1.default, { color: "TERTIARY_DARK", isStyled: true }, void 0)] }), void 0));
+};
+exports.ModalActionHeader = ModalActionHeader;
+//# sourceMappingURL=ModalActionHeader.js.map

package/components/Modal/components/ModalActionHeader/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalActionHeader"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalActionHeader/styled/ModalActionHeader.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalActionHeader = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../../utils/themedStyledComponents"));
+var media_1 = tslib_1.__importDefault(require("../../../../../utils/media"));
+exports.ModalActionHeader = themedStyledComponents_1.default.header(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  padding: ", ";\n\n  ", "\n"], ["\n  padding: ", ";\n\n  ",
+    "\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s900 + " " + theme.spacings.s500 + " 0";
+}, media_1.default.s(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    padding: ", ";\n  "], ["\n    padding: ",
+    ";\n  "])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s900 + " " + theme.spacings.s800 + " 0";
+}));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ModalActionHeader.js.map

package/components/Modal/components/ModalActionHeader/styled/ModalActionHeaderWrapper.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalActionHeaderWrapper = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../../utils/themedStyledComponents"));
+var media_1 = tslib_1.__importDefault(require("../../../../../utils/media"));
+var H2_1 = tslib_1.__importDefault(require("../../../../H2"));
+exports.ModalActionHeaderWrapper = themedStyledComponents_1.default(H2_1.default)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  font-size: ", ";\n  line-height: 1.25;\n\n  padding: ", ";\n\n  ", "\n"], ["\n  font-size: ", ";\n  line-height: 1.25;\n\n  padding: ", ";\n\n  ",
+    "\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.sizes.fs1000;
+}, function (_a) {
+    var theme = _a.theme;
+    return "0 0 " + theme.spacings.s300;
+}, media_1.default.m(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-size: ", ";\n    padding: ", ";\n  "], ["\n    font-size: ", ";\n    padding: ",
+    ";\n  "])), function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.sizes.fs1200;
+}, function (_a) {
+    var theme = _a.theme;
+    return "0 " + theme.spacings.s300 + " " + theme.spacings.s400;
+}));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ModalActionHeaderWrapper.js.map

package/components/Modal/components/ModalActionHeader/styled/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalActionHeader"), exports);
+tslib_1.__exportStar(require("./ModalActionHeaderWrapper"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalContent/ModalContent.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalContent = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var S = tslib_1.__importStar(require("./styled"));
+var Flex_1 = tslib_1.__importDefault(require("../../../Flex"));
+exports.ModalContent = react_1.forwardRef(function (_a, ref) {
+    var noSpacings = _a.noSpacings, children = _a.children;
+    return (jsx_runtime_1.jsx(Flex_1.default, tslib_1.__assign({ ref: ref, flexDirection: "column", flexGrow: 1, overflowBlock: "auto" }, { children: noSpacings ? children : jsx_runtime_1.jsx(S.ModalContent, { children: children }, void 0) }), void 0));
+});
+//# sourceMappingURL=ModalContent.js.map

package/components/Modal/components/ModalContent/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalContent"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalContent/styled/ModalContent.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalContent = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../../utils/themedStyledComponents"));
+var media_1 = tslib_1.__importDefault(require("../../../../../utils/media"));
+exports.ModalContent = themedStyledComponents_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n\n  flex-shrink: 0;\n\n  padding: ", ";\n\n  ", "\n"], ["\n  display: flex;\n  flex-flow: column;\n\n  flex-shrink: 0;\n\n  padding: ", ";\n\n  ",
+    "\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s800 + " " + theme.spacings.s500;
+}, media_1.default.m(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    padding: ", ";\n  "], ["\n    padding: ", ";\n  "])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s800;
+}));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ModalContent.js.map

package/components/Modal/components/ModalContent/styled/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalContent"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalContentSection/ModalContentSection.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalContentSection = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = tslib_1.__importStar(require("./styled"));
+var ModalContentSection = function (_a) {
+    var children = _a.children;
+    return (jsx_runtime_1.jsx(S.ModalContentSection, { children: children }, void 0));
+};
+exports.ModalContentSection = ModalContentSection;
+//# sourceMappingURL=ModalContentSection.js.map

package/components/Modal/components/ModalContentSection/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalContentSection"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalContentSection/styled/ModalContentSection.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalContentSection = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../../utils/themedStyledComponents"));
+var media_1 = tslib_1.__importDefault(require("../../../../../utils/media"));
+exports.ModalContentSection = themedStyledComponents_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  position: relative;\n\n  display: flex;\n  flex-flow: column nowrap;\n\n  margin: ", ";\n\n  ", "\n"], ["\n  position: relative;\n\n  display: flex;\n  flex-flow: column nowrap;\n\n  margin: ", ";\n\n  ",
+    "\n"])), function (_a) {
+    var theme = _a.theme;
+    return "0 -" + theme.spacings.s500;
+}, media_1.default.m(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    margin: ", ";\n  "], ["\n    margin: ", ";\n  "])), function (_a) {
+    var theme = _a.theme;
+    return "0 -" + theme.spacings.s800;
+}));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ModalContentSection.js.map

package/components/Modal/components/ModalContentSection/styled/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalContentSection"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalFooter/ModalFooter.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalFooter = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = tslib_1.__importStar(require("./styled"));
+var Divider_1 = tslib_1.__importDefault(require("../../../Divider"));
+var ModalFooter = function (_a) {
+    var children = _a.children;
+    return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx(Divider_1.default, { color: "TERTIARY_DARK" }, void 0),
+            jsx_runtime_1.jsx(S.ModalFooter, { children: children }, void 0)] }, void 0));
+};
+exports.ModalFooter = ModalFooter;
+//# sourceMappingURL=ModalFooter.js.map

package/components/Modal/components/ModalFooter/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalFooter"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalFooter/styled/ModalFooter.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalFooter = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../../utils/themedStyledComponents"));
+var media_1 = tslib_1.__importDefault(require("../../../../../utils/media"));
+exports.ModalFooter = themedStyledComponents_1.default.footer(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-flow: column nowrap;\n  align-items: stretch;\n\n  flex: none;\n\n  padding: ", ";\n\n  ", ";\n"], ["\n  display: flex;\n  flex-flow: column nowrap;\n  align-items: stretch;\n\n  flex: none;\n\n  padding: ", ";\n\n  ",
+    ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s500;
+}, media_1.default.m(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    align-items: center;\n    padding: ", ";\n  "], ["\n    align-items: center;\n    padding: ", ";\n  "])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s500 + " " + theme.spacings.s800;
+}));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ModalFooter.js.map

package/components/Modal/components/ModalFooter/styled/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalFooter"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalHeader/ModalHeader.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalHeader = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TitleBar_1 = tslib_1.__importDefault(require("../../../TitleBar"));
+var ModalHeader = function (_a) {
+    var children = _a.children, dataAttrs = _a.dataAttrs, childrenDataAttrs = _a.childrenDataAttrs, onBack = _a.onBack, onClose = _a.onClose;
+    return (jsx_runtime_1.jsx(TitleBar_1.default, tslib_1.__assign({ childrenDataAttrs: childrenDataAttrs, dataAttrs: dataAttrs, onBack: onBack, onClose: onClose }, { children: children }), void 0));
+};
+exports.ModalHeader = ModalHeader;
+//# sourceMappingURL=ModalHeader.js.map

package/components/Modal/components/ModalHeader/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalHeader"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalPopupContent/ModalPopupContent.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalPopupContent = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = tslib_1.__importStar(require("./styled"));
+var ModalPopupContent = function (_a) {
+    var children = _a.children;
+    return (jsx_runtime_1.jsx(S.ModalPopupContent, { children: children }, void 0));
+};
+exports.ModalPopupContent = ModalPopupContent;
+//# sourceMappingURL=ModalPopupContent.js.map

package/components/Modal/components/ModalPopupContent/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalPopupContent"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalPopupContent/styled/ModalPopupContent.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalPopupContent = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../../utils/themedStyledComponents"));
+var media_1 = tslib_1.__importDefault(require("../../../../../utils/media"));
+exports.ModalPopupContent = themedStyledComponents_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  padding: ", ";\n  padding-bottom: 0;\n\n  :last-child {\n    padding-bottom: ", ";\n  }\n\n  ", "\n"], ["\n  padding: ", ";\n  padding-bottom: 0;\n\n  :last-child {\n    padding-bottom: ", ";\n  }\n\n  ",
+    "\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s500;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s500;
+}, media_1.default.s(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    padding-bottom: ", ";\n  "], ["\n    padding-bottom: ", ";\n  "])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s300;
+}));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ModalPopupContent.js.map

package/components/Modal/components/ModalPopupContent/styled/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalPopupContent"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalPopupFooter/ModalPopupFooter.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalPopupFooter = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Flex_1 = tslib_1.__importDefault(require("../../../Flex"));
+var ModalPopupFooter = function (_a) {
+    var children = _a.children;
+    return (jsx_runtime_1.jsx(Flex_1.default, tslib_1.__assign({ flexDirection: "column", flexShrink: 0, padding: "s500" }, { children: children }), void 0));
+};
+exports.ModalPopupFooter = ModalPopupFooter;
+//# sourceMappingURL=ModalPopupFooter.js.map

package/components/Modal/components/ModalPopupFooter/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalPopupFooter"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalPopupHeader/ModalPopupHeader.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalPopupHeader = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TitleBar_1 = tslib_1.__importDefault(require("../../../TitleBar"));
+var ModalPopupHeader = function (_a) {
+    var dataAttrs = _a.dataAttrs, childrenDataAttrs = _a.childrenDataAttrs, onClose = _a.onClose, children = _a.children;
+    return (jsx_runtime_1.jsx(TitleBar_1.default, tslib_1.__assign({ childrenDataAttrs: childrenDataAttrs, dataAttrs: dataAttrs, onClose: onClose, secondary: true }, { children: children }), void 0));
+};
+exports.ModalPopupHeader = ModalPopupHeader;
+//# sourceMappingURL=ModalPopupHeader.js.map

package/components/Modal/components/ModalPopupHeader/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalPopupHeader"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/components/ModalSkeleton/ModalSkeleton.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalSkeleton = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Overlay_1 = tslib_1.__importDefault(require("../../../Overlay"));
+var PageGrid_1 = tslib_1.__importDefault(require("../../../PageGrid"));
+var Container_1 = tslib_1.__importDefault(require("../../../Container"));
+var ModalSkeleton = function (_a) {
+    var active = _a.active, mobileConfig = _a.mobileConfig, desktopConfig = _a.desktopConfig, noMobileGutters = _a.noMobileGutters, priority = _a.priority, children = _a.children, onClose = _a.onClose;
+    return (jsx_runtime_1.jsx(Overlay_1.default, tslib_1.__assign({ active: active, onClose: onClose, priority: priority }, { children: jsx_runtime_1.jsx(Container_1.default, tslib_1.__assign({ noMobileGutters: noMobileGutters, noPointerEvents: true }, { children: jsx_runtime_1.jsx(PageGrid_1.default, tslib_1.__assign({}, mobileConfig, { m: desktopConfig, noPointerEvents: true }, { children: children }), void 0) }), void 0) }), void 0));
+};
+exports.ModalSkeleton = ModalSkeleton;
+//# sourceMappingURL=ModalSkeleton.js.map

package/components/Modal/components/ModalSkeleton/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModalSkeleton"), exports);
+//# sourceMappingURL=index.js.map

package/components/Modal/constants.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MODAL_GRID_SMALL_DESKTOP = exports.MODAL_GRID_LARGE_DESKTOP = exports.MODAL_AREA = exports.iconSize = void 0;
+exports.iconSize = {
+    width: 12,
+    height: 12,
+};
+exports.MODAL_AREA = 'modal';
+exports.MODAL_GRID_LARGE_DESKTOP = {
+    rows: ['100vh'],
+    areas: [
+        {
+            name: exports.MODAL_AREA,
+            from: [3, 0],
+            to: [8, 0],
+        },
+    ],
+};
+exports.MODAL_GRID_SMALL_DESKTOP = {
+    rows: ['100vh'],
+    areas: [
+        {
+            name: exports.MODAL_AREA,
+            from: [4, 0],
+            to: [7, 0],
+        },
+    ],
+};
+//# sourceMappingURL=constants.js.map