@amsterdam/bmi-component-library/lib/common/src/Modal/ModalStyles.js

A React component library based on ASC and Material-UI aimed at repurposing and sharing components across BMI projects

"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{ModalStyle:function(){return ModalStyle},ModalBlockStyle:function(){return ModalBlockStyle}});var _styledcomponents=_interop_require_default(require("styled-components"));var _ascui=require("@amsterdam/asc-ui");var _ModalTopBarStyles=require("./ModalTopBar/ModalTopBarStyles");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _tagged_template_literal(strings,raw){if(!raw){raw=strings.slice(0)}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _templateObject(){var data=_tagged_template_literal(["\n	max-width: 90%;\n	max-height: fit-content;\n	overflow: visible;\n	padding: ",";\n\n	&.modal-xs {\n		max-width: 320px; /* breakpoint phone */\n	}\n\n	&.modal-sm {\n		max-width: 540px; /* breakpoint tabletS */\n	}\n\n	&.modal-md {\n		max-width: 768px; /* breakpoint tabletM */\n	}\n\n	&.modal-lg {\n		max-width: 1024px; /* breakpoint laptop */\n	}\n\n	&.modal-xl {\n		max-width: 1920px; /* breakpoint desktop */\n	}\n\n	"," {\n		min-height: 44px;\n	}\n"]);_templateObject=function _templateObject(){return data};return data}function _templateObject1(){var data=_tagged_template_literal(["\n	display: block;\n	padding: 0;\n	margin: "," 0;\n\n	@media screen and (",") {\n		margin: "," 0;\n	}\n"]);_templateObject1=function _templateObject(){return data};return data}var ModalStyle=(0,_styledcomponents.default)(_ascui.Modal)(_templateObject(),(0,_ascui.themeSpacing)(8),_ModalTopBarStyles.ModalTopBarStyle);var ModalBlockStyle=_styledcomponents.default.div(_templateObject1(),(0,_ascui.themeSpacing)(3),(0,_ascui.breakpoint)("min-width","tabletM"),(0,_ascui.themeSpacing)(7));
//# sourceMappingURL=ModalStyles.js.map