@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.17 kB
JavaScript
;var t=require("@mui/material");require("react");var o=require("../../../utils/shouldForwardProp.js");const e=t.styled(t.Box,{shouldForwardProp:o.omitProps(["fullWidth","sizing"])})(({theme:t,disabled:o,fullWidth:e,sizing:r})=>({width:e?"100%":"auto",minWidth:240,backgroundColor:o?t.custom.palette.input.disabled:t.custom.palette.surface.raised,border:`1px solid ${o?t.custom.palette.stroke.disabled:t.custom.palette.stroke.default}`,borderRadius:t.spacing(t.custom.radius.lg),padding:t.spacing(t.custom.padding.md),..."sm"===r&&{padding:`${t.p.sm} ${t.p.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},...o&&{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;