@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 651 B
JavaScript
import{styled as t,Autocomplete as i,Popper as e}from"@mui/material";import{base as o}from"../../BrandCore/primitiveVariables.js";import{autocompleteStyles as p,popperStyles as m}from"../utils/autocomplete.styles.js";const r=t(i)(({theme:t,sizing:i})=>({...i&&{...p(t,i)},"&.MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input":{...i&&{height:"xs"===i?2*o+"px":3*o+"px"},paddingLeft:t.spacing(t.custom.padding.sm),paddingTop:0,paddingBottom:0,justifyContent:"center",textOverflow:"ellipsis",whiteSpace:"nowrap"}})),n=t(e)(({theme:t,sizing:i})=>({...i&&{...m(t,i)}}));export{r as StyledCreatableAutocomplete,n as StyledCreatablePopper};