@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 838 B
JavaScript
import{jsx as t}from"react/jsx-runtime";import{styled as e,MenuItem as o}from"@mui/material";import{selectItemBaseStyles as r}from"./StyledSelect.variant-helpers.js";const i=e(o)(({theme:t,sizing:e})=>({...{...r(t,e)},"&.Mui-focusVisible":{backgroundColor:t.custom.palette.interaction.none},"&:hover":{backgroundColor:t.custom.palette.interaction.hover},"&.Mui-selected":{backgroundColor:t.custom.palette.interaction.press,"&.Mui-focusVisible":{backgroundColor:t.custom.palette.interaction.press},"&:hover":{backgroundColor:t.custom.palette.interaction.press}},"&.MuiButtonBase-root.MuiMenuItem-root.Mui-disabled":{backgroundColor:t.custom.palette.input.default,color:t.custom.palette.text.disabled,"&:before":{backgroundColor:t.custom.palette.interaction.disabled}}})),a=({children:e,...o})=>t(i,{...o,children:e});export{a as default};