UNPKG

@gsretail.com/gui-core

Version:

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

2 lines (1 loc) • 4.03 kB
1
2
import{__makeTemplateObject as n}from"../../node_modules/tslib/tslib.es6.js";import i from"@emotion/styled";import{Dialog as t}from"@mui/material";var o,e,p=i(t)(o||(o=n(["\n .MuiDialog-container > .MuiPaper-root {\n max-width: ",";\n &.MuiDialog-paperFullScreen {\n max-width: unset;\n }\n }\n\n .MuiDialogTitle-root {\n min-height: 48px;\n padding: 16px 24px 13px;\n font-weight: 700;\n line-height: 1;\n }\n\n .MuiDialogContent-root {\n min-height: 90px;\n padding: 12px 24px 24px;\n word-break: break-all;\n font-size: 0.875rem; //14px\n }\n\n .MuiDialogActions-root {\n padding: 8px 24px;\n background-color: ",";\n border-top: 1px solid ",";\n }\n\n .btnDialogClose {\n position: absolute;\n top: 8px;\n right: 8px;\n }\n\n .MuiDialog-paper {\n min-height: 80px;\n }\n"],["\n .MuiDialog-container > .MuiPaper-root {\n max-width: ",";\n &.MuiDialog-paperFullScreen {\n max-width: unset;\n }\n }\n\n .MuiDialogTitle-root {\n min-height: 48px;\n padding: 16px 24px 13px;\n font-weight: 700;\n line-height: 1;\n }\n\n .MuiDialogContent-root {\n min-height: 90px;\n padding: 12px 24px 24px;\n word-break: break-all;\n font-size: 0.875rem; //14px\n }\n\n .MuiDialogActions-root {\n padding: 8px 24px;\n background-color: ",";\n border-top: 1px solid ",";\n }\n\n .btnDialogClose {\n position: absolute;\n top: 8px;\n right: 8px;\n }\n\n .MuiDialog-paper {\n min-height: 80px;\n }\n"])),(function(n){var i=n.size;return"tiny"===i?"444px":"small"===i?"600px":"medium"===i?"960px":"large"===i?"1280px":"number"==typeof i?"".concat(i,"px"):"string"==typeof i?"".concat(i):void 0}),(function(n){return n.theme.palette.grey[50]}),(function(n){return n.theme.palette.grey[300]})),r=i(t)(e||(e=n(["\n .MuiDialog-container > .MuiPaper-root {\n margin: 0;\n max-width: unset;\n width: 100%;\n visibility: visible;\n }\n\n max-width: ",";\n top: 50%;\n bottom: unset;\n right: unset;\n left: 50%;\n transform: translateX(-50%) translateY(-50%);\n height: 300px;\n width: 100%;\n visibility: hidden;\n\n .MuiBackdrop-root {\n display: none;\n }\n\n #draggable-dialog-title {\n cursor: move;\n }\n\n .MuiDialogTitle-root {\n min-height: 50px;\n padding: 20px 24px 12px;\n font-weight: 700;\n line-height: 1;\n }\n\n .MuiDialogContent-root {\n padding: 12px 24px 24px;\n word-break: break-all;\n }\n\n .MuiDialogActions-root {\n padding: 8px 24px;//8px 24px 20px;\n background-color: ",";\n border-top: 1px solid ",";\n }\n\n .btnDialogClose {\n position: absolute;\n top: 8px;\n right: 8px;\n }\n\n .MuiDialog-paper {\n min-height: 80px;\n }\n"],["\n .MuiDialog-container > .MuiPaper-root {\n margin: 0;\n max-width: unset;\n width: 100%;\n visibility: visible;\n }\n\n max-width: ",";\n top: 50%;\n bottom: unset;\n right: unset;\n left: 50%;\n transform: translateX(-50%) translateY(-50%);\n height: 300px;\n width: 100%;\n visibility: hidden;\n\n .MuiBackdrop-root {\n display: none;\n }\n\n #draggable-dialog-title {\n cursor: move;\n }\n\n .MuiDialogTitle-root {\n min-height: 50px;\n padding: 20px 24px 12px;\n font-weight: 700;\n line-height: 1;\n }\n\n .MuiDialogContent-root {\n padding: 12px 24px 24px;\n word-break: break-all;\n }\n\n .MuiDialogActions-root {\n padding: 8px 24px;//8px 24px 20px;\n background-color: ",";\n border-top: 1px solid ",";\n }\n\n .btnDialogClose {\n position: absolute;\n top: 8px;\n right: 8px;\n }\n\n .MuiDialog-paper {\n min-height: 80px;\n }\n"])),(function(n){var i=n.size;return"tiny"===i?"444px":"small"===i?"600px":"medium"===i?"960px":"large"===i?"1280px":"number"==typeof i?"".concat(i,"px"):"string"==typeof i?"".concat(i):void 0}),(function(n){return n.theme.palette.grey[50]}),(function(n){return n.theme.palette.grey[300]}));export{p as StyledDialog,r as StyledDraggableDialog};