@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.1 kB
JavaScript
import{__makeTemplateObject as n}from"../../node_modules/tslib/tslib.es6.js";import r from"@emotion/styled";import{Box as t,Typography as e}from"@mui/material";var o,i,a,l=function(t){return r(t)(o||(o=n(["\n border: 0;\n display: flex;\n align-items: center;\n"],["\n border: 0;\n display: flex;\n align-items: center;\n"])))},u=r(t)(i||(i=n(["\n width: ",";\n height: ",";\n background-color: ",";\n border-radius: ","\n"],["\n width: ",";\n height: ",";\n background-color: ",";\n border-radius: ","\n"])),(function(n){var r=n.size;return"small"===r?"8px":"12px"}),(function(n){var r=n.size;return"small"===r?"8px":"12px"}),(function(n){return n.color}),(function(n){var r=n.shape;return"circular"===r?"10em":"square"===r?0:"4px"})),s=r(e)(a||(a=n(["\n font-size: 13px !important;\n color: ",";\n font-weight: 500;\n margin-left: ",";\n"],["\n font-size: 13px !important;\n color: ",";\n font-weight: 500;\n margin-left: ",";\n"])),(function(n){return n.theme.palette.grey[600]}),(function(n){return n.children&&"4px"}));export{u as LegendChip,s as LegendText,l as default};