@useloops/design-system/dist/systems/WebCore/Select/StyledAutocomplete.js

The official React based Loops design system

"use strict";var e=require("@mui/material"),t=require("../../BrandCore/primitiveVariables.js"),i=require("./StyledSelect.variant-helpers.js"),o=require("../utils/autocomplete.styles.js"),s=require("../utils/typography.util.js");const a=e.styled(e.Autocomplete)(({theme:i,sizing:s,value:a})=>({...s&&o.autocompleteStyles(i,s),"&.MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input":{paddingLeft:a&&Array.isArray(a)&&a.length>0?0:i.spacing(i.custom.padding.sm),paddingTop:1,paddingBottom:0,justifyContent:"center",textOverflow:"ellipsis",whiteSpace:"nowrap"},"& .MuiAutocomplete-tag":{...s&&{height:"xs"===s?2*t.base+"px":3*t.base+"px"},margin:0,"& .MuiSvgIcon-root":{height:"12px",width:"12px"}},"& .MuiChip-root .MuiChip-label":{height:20,lineHeight:"20px",maxWidth:140,...s&&{padding:`0 ${i.spacing(i.custom.padding.xs)}`}},[`&.${e.autocompleteClasses.hasClearIcon}`]:{paddingTop:0}})),p=e.styled(e.Chip)(({theme:e,sizing:t})=>({borderRadius:e.spacing(e.custom.radius.sm),border:`1px solid ${e.custom.palette.stroke.default}`,backgroundColor:e.custom.palette.surface.default,...t&&{padding:`0 ${e.spacing(e.custom.padding.xs)}`},"& .MuiChip-deleteIcon":{fill:e.custom.palette.icon.primary,borderRadius:e.custom.radius.round,margin:0,"&:hover":{backgroundColor:e.custom.palette.interaction.hover},"&:active":{backgroundColor:e.custom.palette.interaction.press},"&:disabled":{backgroundColor:e.custom.palette.interaction.disabled,fill:e.custom.palette.icon.disabled}}})),r=e.styled(e.Popper)(({theme:t,sizing:a})=>({...a&&{...o.popperStyles(t,a)},[`& .${e.autocompleteClasses.listbox} .${e.autocompleteClasses.groupLabel}`]:{...a&&{minHeight:i.selectMenuItemSize(a),fontSize:s.fontSizemap[a]},paddingLeft:t.spacing("xs"===a?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===a?t.custom.padding.sm:t.custom.padding.md),color:t.custom.palette.text.secondary,fontWeight:t.typography.fontWeightRegular,display:"flex",alignItems:"center"}}));exports.StyledAutocomplete=a,exports.StyledChip=p,exports.StyledPopper=r;