@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 3.17 kB
JavaScript
;var e=require("@mui/material");const t=e.styled(e.Box)(({theme:e})=>({height:24,width:24,margin:e.spacing(.5)})),i=e.styled(e.Box,{shouldForwardProp:e=>!["maxHeight","responsive"].includes(e)})(({theme:e,maxHeight:t,responsive:i})=>({display:"flex",flexDirection:"row",alignItems:"flex-end",gap:e.spacing(.5),width:"100%",minWidth:i?"auto":450,minHeight:t+32,padding:"0 16px",boxSizing:"border-box",overflow:"hidden"})),o=e.styled(e.ListItemButton,{shouldForwardProp:e=>!["maxHeight","responsive"].includes(e)})(({theme:t,maxHeight:i,responsive:o})=>({padding:o?t.spacing(.25):t.spacing(.5),paddingBottom:t.spacing(1),borderRadius:t.spacing(t.custom.radius.md),backgroundColor:t.custom.palette.interaction.none,display:"flex",minWidth:o?0:33,flex:o?1:"none",flexDirection:"column",alignItems:"center",justifyContent:"flex-end",height:i,"&: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}})),r=e.styled(e.Box,{shouldForwardProp:e=>!["maxHeight","responsive"].includes(e)})(({theme:e,maxHeight:t,responsive:i})=>({display:"flex",alignItems:"center",gap:i?0:e.spacing(.5),height:t,width:"100%"})),s=e.styled(e.Box)(()=>({height:22,display:"flex",alignItems:"center",width:"100%",minWidth:0,justifyContent:"center",overflow:"hidden"})),a=e.styled(e.Box)(({theme:e,value:t,disabled:i,checked:o})=>({transition:"background 200ms ease",width:"100%",height:t,backgroundColor:i||!o?e.custom.palette.neutral[100]:e.custom.palette.purple[500],borderRadius:e.spacing(e.custom.radius.sm)})),n=e.styled(e.Stack)(()=>({alignItems:"center",display:"flex",justifyContent:"flex-end",minWidth:0})),l=e.styled(e.Box)(({theme:e})=>({height:24,marginTop:e.spacing(1),display:"flex",alignItems:"center"})),d=e.styled(e.Stack,{shouldForwardProp:e=>!["maxHeight"].includes(e)})(({maxHeight:e})=>({height:e,boxSizing:"border-box"})),p=e.styled(e.Stack,{shouldForwardProp:e=>!["maxHeight","hideLabel","hideCheckbox"].includes(e)})(({theme:e,hideLabel:t,hideCheckbox:i,maxHeight:o})=>({height:o,display:"flex",justifyContent:"space-between",paddingRight:e.spacing(e.custom.margin.sm),paddingTop:t||i?e.spacing(.5):e.spacing(2),boxSizing:"border-box"})),h=e.styled(e.Box,{shouldForwardProp:e=>!["showGraphLines","graphWidth"].includes(e)})(({showGraphLines:e,theme:t,graphWidth:i})=>({display:"flex",alignItems:"center",justifyContent:"flex-end",height:18,width:32,textAlign:"right",position:"relative","&:after":{content:'""',position:"absolute",left:`calc(100% + ${t.spacing(2)})`,bottom:8,width:e?i?i-50:400:0,height:1,backgroundColor:"currentColor",opacity:.1}}));exports.Axis=d,exports.AxisSegment=h,exports.AxisSegmentWrapper=p,exports.GRAPH_PADDING=16,exports.GRAPH_WIDTH=450,exports.SliderGraphBarWrapper=r,exports.SliderGraphWrapper=i,exports.Spacer=t,exports.VerticalBar=a,exports.VerticalBarActions=n,exports.VerticalBarLabel=l,exports.VerticalBarValue=s,exports.VeticalBarWrapper=o;