@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 850 B
JavaScript
;var t=require("@mui/material"),i=require("../utils/typography.util.js"),e=require("./helpers.js");const n=t.styled(t.Chip,{shouldForwardProp:t=>!["colorScheme","weight","tone","sizing"].includes(t)})(({theme:t,colorScheme:n,weight:a,tone:g,sizing:r})=>({...e.getVariationStyle(t,n,g),...e.getBorderStyle(t,n,g),height:"fit-content",width:"fit-content",maxWidth:"fit-content",padding:`${t.spacing(t.custom.padding.xs)} ${t.spacing(t.custom.padding.sm)}`,borderRadius:t.spacing(t.custom.radius.md),"& .MuiChip-label":{fontSize:i.fontSizemap[r||"md"],fontVariantNumeric:"tabular-nums",...e.getTextPadding(t,r),...e.getWeightStyle(a)},"& .MuiChip-icon":{width:"0.8em",height:"0.8em",marginRight:t.spacing(t.custom.padding.xs),marginLeft:0,...e.getIconSizing(r),...e.getVariationStyle(t,n,g),...e.getWeightStyle(a)}}));exports.StyledLabel=n;