@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 2.39 kB
JavaScript
;var t=require("@mui/material");require("react/jsx-runtime");var o=require("../../BrandCore/Icon/Icon.js"),e=require("../utils/typography.util.js");const i=t.styled(t.TextField)(({theme:t})=>({"& .MuiInputAdornment-root":{marginRight:0,"& .MuiSvgIcon-root":{width:o.iconSizeMap.xl,height:o.iconSizeMap.xl}},"& .MuiOutlinedInput-input":{padding:t.spacing(1),paddingLeft:t.spacing(2),paddingRight:t.spacing(2)},"& .MuiOutlinedInput-root":{backgroundColor:t.custom.palette.input.default,color:t.custom.palette.text.primary,borderRadius:t.spacing(t.custom.radius.md),lineHeight:"140%",[t.breakpoints.down("md")]:{minWidth:"100%"},paddingLeft:0,paddingRight:0,fontSize:e.typographyVariantMap.sm.body.md,"&.Mui-focused":{"& fieldset":{transition:t.custom.easing.input,backgroundColor:t.custom.palette.interaction.press,borderColor:t.custom.palette.stroke.default},"& .MuiOutlinedInput-notchedOutline":{transition:t.custom.easing.input,border:`1px solid ${t.custom.palette.stroke.focus}`,boxShadow:t.custom.boxShadow.input.focus}},"&.Mui-disabled":{color:t.custom.palette.text.disabled,backgroundColor:t.custom.palette.input.disabled,"& fieldset":{transition:t.custom.easing.input,backgroundColor:t.custom.palette.interaction.none,borderColor:t.custom.palette.stroke.disabled},"& .MuiOutlinedInput-notchedOutline":{transition:t.custom.easing.input,border:`1px solid ${t.custom.palette.stroke.disabled}`,boxShadow:"none"},"& .MuiInputAdornment-root":{"& .MuiButtonBase-root":{"&:before":{backgroundColor:t.custom.palette.interaction.disabled},"& .MuiSvgIcon-root":{margin:5,fill:t.custom.palette.icon.disabled}}}}},"&:hover":{"& .MuiOutlinedInput-root":{backgroundColor:t.custom.palette.input.default,"& fieldset":{backgroundColor:t.custom.palette.interaction.hover,borderColor:t.custom.palette.stroke.default},"&.Mui-focused":{"& fieldset":{backgroundColor:t.custom.palette.interaction.press,borderColor:t.custom.palette.stroke.default},"& .MuiOutlinedInput-notchedOutline":{border:`1px solid ${t.custom.palette.stroke.focus}`,boxShadow:t.custom.boxShadow.input.focus}},"&.Mui-disabled":{backgroundColor:t.custom.palette.input.disabled,"& fieldset":{backgroundColor:t.custom.palette.interaction.none,borderColor:t.custom.palette.stroke.disabled},"& .MuiOutlinedInput-notchedOutline":{border:`1px solid ${t.custom.palette.stroke.disabled}`,boxShadow:"none"}}}}}));module.exports=i;