@gsretail.com/gui-core
Version:
A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook
2 lines (1 loc) • 2.07 kB
JavaScript
import{__makeTemplateObject as n}from"../../node_modules/tslib/tslib.es6.js";import i from"@emotion/styled";import"@mui/material/styles";import e from"../../assets/theme/basicStyle.js";var t,o=function(o){return i(o)(t||(t=n(["\n\n display: flex;\n align-items: center;\n\n &.isFullWidth {\n width: 100%;\n & .gui-form {\n width: 100%;\n }\n }\n\n .MuiToggleButton-root {\n padding: 2px 16px;\n font-weight: 500;\n line-height: 1;\n border: 0;\n\n & .MuiTypography-root {\n position: relative;\n top: 1px;\n padding: 0 3px;\n font-size: 13px;\n }\n\n // size\n &.MuiToggleButton-sizeTiny {\n min-height: 24px;\n font-size: 0.75rem;\n }\n &.MuiToggleButton-sizeSmall {\n min-height: 28px;\n font-size: 0.75rem;\n }\n &.MuiToggleButton-sizeMedium {\n min-height: 32px;\n font-size: 0.75rem;\n }\n &.MuiToggleButton-sizeLarge {\n min-height: 36px;\n font-size: 0.75rem;\n }\n\n & svg {\n font-size: ",";\n }\n }\n"],["\n\n display: flex;\n align-items: center;\n\n &.isFullWidth {\n width: 100%;\n & .gui-form {\n width: 100%;\n }\n }\n\n .MuiToggleButton-root {\n padding: 2px 16px;\n font-weight: 500;\n line-height: 1;\n border: 0;\n\n & .MuiTypography-root {\n position: relative;\n top: 1px;\n padding: 0 3px;\n font-size: 13px;\n }\n\n // size\n &.MuiToggleButton-sizeTiny {\n min-height: 24px;\n font-size: 0.75rem;\n }\n &.MuiToggleButton-sizeSmall {\n min-height: 28px;\n font-size: 0.75rem;\n }\n &.MuiToggleButton-sizeMedium {\n min-height: 32px;\n font-size: 0.75rem;\n }\n &.MuiToggleButton-sizeLarge {\n min-height: 36px;\n font-size: 0.75rem;\n }\n\n & svg {\n font-size: ",";\n }\n }\n"])),(function(n){var i=n.size;return"tiny"===i?e.font.size[16]:"small"===i?e.font.size[18]:"medium"===i?e.font.size[20]:"large"===i?e.font.size[24]:e.font.size[20]}))};export{o as default};