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