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