@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 924 B
JavaScript
;var e=require("@mui/material"),t=require("./StyledSelect.variant-helpers.js");const o=e.styled(e.Select)(({theme:e,sizing:o})=>({...{...t.selectBaseStyles(e,o)},...o&&{...t.getInputSize(e,o)},...o&&{...t.getTypographyStyle(e,o)},backgroundColor:e.custom.palette.surface.raised,border:`1px solid ${e.custom.palette.stroke.default}`,transition:e.custom.easing.input,"& .MuiOutlinedInput-notchedOutline":{border:e.custom.palette.stroke.default},"&:hover":{"& .MuiOutlinedInput-notchedOutline":{borderColor:e.custom.palette.stroke.default}},"&.Mui-focused":{backgroundColor:e.custom.palette.input.default,borderColor:e.custom.palette.stroke.focus,boxShadow:e.custom.boxShadow.input.focus},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,borderColor:e.custom.palette.stroke.disabled,"& .MuiSvgIcon-root":{color:e.custom.palette.icon.disabled,transition:e.custom.easing.input}}}));module.exports=o;