@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 3.06 kB
JavaScript
;var e=require("@mui/material");require("../../BrandCore/colorRamps.js");var t=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("react/jsx-runtime");var o=require("../../BrandCore/Icon/Icon.js"),i=require("../Select/StyledSelect.variant-helpers.js"),a=require("./typography.util.js");const s=e.styled(e.TextField)(({theme:e,sizing:t})=>({"& .MuiOutlinedInput-root":{padding:0,...t&&{margin:"lg"===t?e.spacing(e.custom.padding.sm):e.spacing(e.custom.padding.xs)}},"& .MuiInputBase-input":{padding:"0 14px"},"& .MuiOutlinedInput-notchedOutline":{border:"none"}}));exports.StyledTextField=s,exports.autocompleteStyles=(e,i)=>({maxWidth:"100%",backgroundColor:e.custom.palette.surface.raised,borderRadius:e.spacing(e.custom.radius.md),border:`1px solid ${e.custom.palette.stroke.default}`,transition:e.custom.easing.input,"& .MuiSvgIcon-root":{...i&&{width:o.iconSizeMap[i],height:o.iconSizeMap[i]}},"& .MuiAutocomplete-inputRoot":{...i&&{fontSize:a.fontSizemap[i],gap:"lg"===i?e.spacing(e.custom.padding.sm):e.spacing(e.custom.padding.xs)},display:"flex",alignItems:"flex-start",paddingRight:3*t.base+"px",flexWrap:"wrap",height:"auto"},"& .MuiOutlinedInput-root":{display:"flex",alignItems:"center",padding:0},"& .MuiAutocomplete-endAdornment":{marginRight:e.spacing(e.custom.margin.sm)},"&.Mui-disabled":{backgroundColor:`${e.custom.palette.input.disabled}`,borderColor:`${e.custom.palette.stroke.disabled}`},"&.Mui-focused":{backgroundColor:e.custom.palette.input.default,borderColor:e.custom.palette.stroke.focus,boxShadow:e.custom.boxShadow.input.focus},"& .MuiChip-root .MuiChip-label":{height:20,lineHeight:"20px",maxWidth:140,...i&&{padding:`0 ${e.spacing(e.custom.padding.xs)}`}}}),exports.popperStyles=(o,s)=>({"& .MuiPaper-root":{...s&&{margin:"lg"===s?o.spacing(o.custom.padding.sm):o.spacing(o.custom.padding.xs),marginLeft:"lg"===s?`-${o.spacing(o.custom.padding.sm)}`:`-${o.spacing(o.custom.padding.xs)}`,marginTop:`calc(${"lg"===s?o.spacing(o.custom.margin.sm):o.spacing(o.custom.margin.xs)} + ${o.spacing(o.custom.margin.xs)})`},border:`1px solid ${o.custom.palette.stroke.default}`,backgroundColor:o.custom.palette.surface.raised,boxShadow:i.popperBoxShadow,borderRadius:o.spacing(o.custom.radius.sm)},[`& .${e.autocompleteClasses.listbox}`]:{overflowX:"hidden",width:"100%",padding:`${o.spacing(o.custom.padding.sm)} 0`,[`& .${e.autocompleteClasses.option}`]:{fontSize:a.fontSizemap[s],...s&&{minHeight:"lg"===s?5*t.base+"px":4*t.base+"px"},paddingLeft:o.spacing("xs"===s?o.custom.padding.sm:o.custom.padding.md),gap:o.spacing(o.custom.padding.sm),display:"flex",alignItems:"center",'&[aria-selected="true"]':{backgroundColor:o.custom.palette.interaction.press,"&.Mui-focused":{backgroundColor:o.custom.palette.interaction.press},"&:hover":{backgroundColor:o.custom.palette.interaction.hover}},"&.Mui-focused":{background:"inherit"},"&:hover":{backgroundColor:o.custom.palette.interaction.hover}}}});