@gsretail.com/gui-core
Version:
A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook
2 lines (1 loc) • 1.48 kB
JavaScript
import{__makeTemplateObject as n}from"tslib";import{Box as i,Typography as e}from"@mui/material";import t from"@emotion/styled";import"@mui/material/styles";import p from"../../../assets/theme/basicStyle.js";var r,o,x,a,m=t(i)(r||(r=n(["\n display: flex;\n align-items: center;\n padding: 0 16px 8px;\n min-height: 40px;\n\n & > .MuiGrid-root {\n flex-wrap: nowrap;\n align-items: center;\n }\n"],["\n display: flex;\n align-items: center;\n padding: 0 16px 8px;\n min-height: 40px;\n\n & > .MuiGrid-root {\n flex-wrap: nowrap;\n align-items: center;\n }\n"]))),g=t(e)(o||(o=n(["\n flex-shrink: 0;\n min-height: 8px;\n font-size: ",";\n font-weight: 700;\n margin-right: 8px;\n"],["\n flex-shrink: 0;\n min-height: 8px;\n font-size: ",";\n font-weight: 700;\n margin-right: 8px;\n"])),p.font.size[16]),l=t(e)(x||(x=n(["\n flex-shrink: 0;\n font-size: ",";\n font-weight: 700;\n color: ",";\n"],["\n flex-shrink: 0;\n font-size: ",";\n font-weight: 700;\n color: ",";\n"])),p.font.size[13],(function(n){return n.theme.palette.grey[600]})),s=t(i)(a||(a=n(["\n display: flex;\n align-items: center;\n padding: 6px 16px;\n // padding: 9px 16px 7px;\n // min-height: 40px;\n margin-top: -16px;\n"],["\n display: flex;\n align-items: center;\n padding: 6px 16px;\n // padding: 9px 16px 7px;\n // min-height: 40px;\n margin-top: -16px;\n"])));export{l as StyledCaption,s as StyledHelpText,m as StyledRowContainer,g as StyledTitle};