@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.15 kB
JavaScript
;var e=require("@mui/material"),t=require("../utils/typography.util.js");const a=(e,t)=>"light"===t?{fontWeight:400}:{fontWeight:500,textTransform:"uppercase"},r=(e,t,a)=>{switch(t){case"peach":return{background:e.custom.palette.peach[100],color:"heavy"===a?e.custom.palette.peach[1e3]:e.custom.palette.peach[800]};case"peachDark":return{background:e.custom.palette.peach[800],color:e.custom.palette.peach[0]};case"purple":return{background:e.custom.palette.purple[100],color:"heavy"===a?e.custom.palette.purple[1e3]:e.custom.palette.purple[800]};default:return{background:e.custom.palette.neutral[100],color:"heavy"===a?e.custom.palette.neutral[1e3]:e.custom.palette.neutral[800]}}},p=e.styled(e.Chip,{shouldForwardProp:e=>!["variation","weight"].includes(e)})(({theme:e,variation:p,weight:u})=>({borderRadius:e.spacing(e.custom.radius.md),height:28,padding:`${e.spacing(e.custom.padding.xs)} ${e.spacing(e.custom.padding.sm)}`,...r(e,p,u),"& .MuiChip-label":{fontSize:`${t.typographyVariantMap.sm.body.sm}`,padding:0,...a(0,u)},"& .MuiChip-icon":{width:"0.8em",height:"0.8em",marginRight:4,...r(e,p,u),...a(0,u)}}));exports.StyledLabel=p;