@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.7 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@mui/material"),o=require("../../../../utils/shouldForwardProp.js"),i=require("../../ButtonBase/Button.variant-helpers.js"),r=require("../../Select/StyledSelect.variant-helpers.js"),u=require("../../TextField/TextField.js"),s=require("../helpers.js");const n=e.styled(u,{shouldForwardProp:o.omitProps(["sizing","multi"])})(({theme:t,sizing:e,multi:o})=>({"& .MuiOutlinedInput-root":{...r.selectBaseStyles(t,e||"lg"),...e&&{...s.getInputPadding(t,e)},...e&&{...r.getInputSize(t,e)},...e&&{...r.getTypographyStyle(t,e)},...o&&{height:"auto",minHeight:i.getButtonSizing(e||"lg").height},padding:`${t.spacing(1)} ${t.spacing(8)} ${t.spacing(1)} ${t.spacing(1)}`,backgroundColor:t.custom.palette.surface.raised,transition:t.custom.easing.input,"& .MuiOutlinedInput-input":{padding:0,paddingLeft:t.spacing(1)},"&:hover":{"& .MuiOutlinedInput-notchedOutline":{borderColor:t.custom.palette.stroke.default}},"&.Mui-focused":{borderColor:t.custom.palette.stroke.focus},"&.Mui-disabled":{backgroundColor:t.custom.palette.input.disabled,borderColor:t.custom.palette.stroke.disabled,"& .MuiSvgIcon-root":{color:t.custom.palette.icon.disabled}}},"& .MuiButtonBase-root":{transition:t.custom.easing.input,"&:hover:not(.MuiChip-root)":{backgroundColor:t.custom.palette.interaction.hover},"&:active:not(.MuiChip-root)":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled":{backgroundColor:t.custom.palette.interaction.disabled,"& .MuiSvgIcon-root":{color:t.custom.palette.icon.disabled,transition:t.custom.easing.input}}}}));exports.StyledTextField=n,exports.default=e=>t.jsx(n,{...e});