@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.71 kB
JavaScript
;var e=require("@mui/material");const t=e.styled(e.Box)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.md),width:"100%",minWidth:440,maxWidth:500,boxSizing:"border-box"})),o=e.styled(e.Box)(({theme:e})=>({display:"flex",alignItems:"center",height:56,width:"100%"})),r=e.styled(e.Box)(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",width:"100%",gap:e.spacing(e.custom.margin.xs)})),i=e.styled(e.ListItemButton)(({theme:t})=>({borderRadius:t.spacing(t.custom.radius.md),padding:0,backgroundColor:t.custom.palette.interaction.none,height:"100%",display:"flex",flexGrow:1,flexBasis:0,flexDirection:"column",alignItems:"center",justifyContent:"space-between","&:hover":{backgroundColor:t.custom.palette.interaction.hover,[`& .${e.formControlLabelClasses.root}`]:{[`& .${e.checkboxClasses.root}`]:{backgroundColor:t.custom.palette.blue[0]}}},"&:active":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-selected":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled":{opacity:1}})),a=e.styled(e.Box)(({theme:e,color:t})=>({width:24,aspectRatio:"1",borderRadius:"100%",backgroundColor:t})),s=e.styled(e.Box)(({theme:e})=>({height:36,display:"flex",alignItems:"center",justifyContent:"center"}));e.styled(e.Box)(({theme:e,color:t,animateBars:o})=>({flex:1,backgroundColor:t,borderRadius:e.spacing(e.custom.radius.sm),transition:o?"height 1s ease-in-out":void 0,height:"100%"})),exports.LikertActionControllerWrapper=i,exports.LikertGraphActionsControllerContainer=r,exports.LikertGraphBarContainer=o,exports.LikertGraphContainer=t,exports.LikertGraphLabel=s,exports.SwatchIndicator=a;