@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 994 B
JavaScript
;var t=require("@mui/material");const e=t.styled(t.Box)(({theme:t,disabled:e,fullWidth:o})=>({width:o?"100%":"auto",minWidth:240,backgroundColor:e?t.custom.palette.input.disabled:t.custom.palette.surface.raised,border:`1px solid ${e?t.custom.palette.stroke.disabled:t.custom.palette.stroke.default}`,borderRadius:t.spacing(t.custom.radius.lg),padding:t.spacing(t.custom.padding.md),position:"relative",zIndex:0,"&:after":{content:'""',backgroundColor:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.lg),position:"absolute",inset:0},"&:hover":{"&:after":{backgroundColor:t.custom.palette.interaction.hover}},"&:active":{"&:after":{backgroundColor:t.custom.palette.interaction.press}},"& svg":{fill:t.custom.palette.icon.primary},...e&&{background:t.custom.palette.input.disabled,borderColor:t.custom.palette.stroke.disabled,"&:after":{backgroundColor:t.custom.palette.interaction.none},"& .MuiBox-root > .MuiSvgIcon-root":{fill:"none"}}}));module.exports=e;