@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 518 B
JavaScript
;var e=require("@mui/material");const r=(e,r,o)=>r?o||e.custom.palette.purple[100]:e.custom.palette.neutral[100],o=e.styled(e.LinearProgress,{shouldForwardProp:e=>"barColor"!==e&&"checked"!==e})(({theme:e,barColor:o,checked:s})=>({height:24,display:"flex",flex:1,borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:e.custom.palette.interaction.none,"& .MuiLinearProgress-bar":{transition:"all 250ms ease-out",borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:r(e,s,o)}}));module.exports=o;