@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 2.37 kB
JavaScript
import{styled as t,TextField as o}from"@mui/material";import"react/jsx-runtime";import{iconSizeMap as e}from"../../BrandCore/Icon/Icon.js";import{typographyVariantMap as i}from"../utils/typography.util.js";const n=t(o)(({theme:t})=>({"& .MuiInputAdornment-root":{marginRight:0,"& .MuiSvgIcon-root":{width:e.xl,height:e.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:i.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"}}}}}));export{n as default};