UNPKG

@useloops/design-system

Version:

The official React based Loops design system

2 lines (1 loc) 1.95 kB
"use strict";var e=require("@mui/material"),t=require("../../Select/StyledSelect.variant-helpers.js"),o=require("../../utils/typography.util.js");require("../../../BrandCore/colorRamps.js");var r=require("../../../BrandCore/primitiveVariables.js");require("../../../BrandCore/semanticColor.js"),require("../../../BrandCore/types.js"),require("../../../BrandCore/typography.js"),require("react/jsx-runtime"),require("../../../BrandCore/Icon/Icon.js");const s=(s,a)=>({"& .MuiPaper-root":{margin:0,marginTop:s.spacing(r.margin.xs),border:`1px solid ${s.custom.palette.stroke.default}`,backgroundColor:s.custom.palette.surface.raised,boxShadow:t.popperBoxShadow,borderRadius:s.spacing(s.custom.radius.sm)},[`& .${e.autocompleteClasses.listbox}`]:{overflowX:"hidden",width:"100%",padding:`${s.spacing(s.custom.padding.sm)} 0`,[`& .${e.autocompleteClasses.option}`]:{fontSize:o.fontSizemap[a],...a&&{minHeight:"lg"===a?5*r.base+"px":4*r.base+"px"},paddingLeft:s.spacing("xs"===a?s.custom.padding.sm:s.custom.padding.md),gap:s.spacing(s.custom.padding.sm),display:"flex",alignItems:"center",'&[aria-selected="true"]':{backgroundColor:s.custom.palette.interaction.press,"&.Mui-focused":{backgroundColor:s.custom.palette.interaction.press},"&:hover":{backgroundColor:s.custom.palette.interaction.hover}},"&.Mui-focused":{backgroundColor:s.custom.palette.interaction.hover},"&:hover":{backgroundColor:s.custom.palette.interaction.hover}}}}),a=e.styled(e.Popper)(({theme:r,sizing:a})=>({...a&&{...s(r,a)},[`& .${e.autocompleteClasses.listbox} .${e.autocompleteClasses.groupLabel}`]:{...a&&{minHeight:t.selectMenuItemSize(a),fontSize:o.fontSizemap[a]},paddingLeft:r.spacing("xs"===a?r.custom.padding.sm:r.custom.padding.md),paddingRight:r.spacing("xs"===a?r.custom.padding.sm:r.custom.padding.md),color:r.custom.palette.text.secondary,fontWeight:r.typography.fontWeightRegular,display:"flex",alignItems:"center"}}));exports.StyledPopper=a,exports.popperStyles=s;