@useloops/design-system/dist/systems/WebCore/Select/StyledSelect.variant-helpers.js

The official React based Loops design system

"use strict";require("react/jsx-runtime"),require("@mui/material");var t=require("../../BrandCore/Icon/Icon.js"),e=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var i=require("../utils/typography.util.js");const o=t=>{switch(t){case"xs":return 24;case"sm":case"md":return 32;case"lg":default:return 40;case"xl":return 48}},n=t=>{switch(t){case"xs":case"sm":case"md":return 16;case"lg":default:return 24;case"xl":return 28}},a=(t,e)=>{switch(e){case"xs":case"sm":case"md":return{paddingLeft:t.spacing(t.custom.padding.xs),paddingRight:t.spacing(t.custom.padding.md)};default:return{paddingLeft:t.spacing(t.custom.padding.sm),paddingRight:t.spacing(t.custom.padding.lg)}}};exports.getInputPadding=a,exports.getInputSize=(i,o)=>{switch(o){case"xl":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.xl,height:t.iconSizeMap.xl,top:`calc(50% - ${t.iconSizeMap.xl/2}px)`}};case"lg":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}};case"md":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.md,height:t.iconSizeMap.md,top:`calc(50% - ${t.iconSizeMap.md/2}px)`}};case"sm":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.sm,height:t.iconSizeMap.sm,top:`calc(50% - ${t.iconSizeMap.sm/2}px)`}};case"xs":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.xs,height:t.iconSizeMap.xs,top:`calc(50% - ${t.iconSizeMap.xs/2}px)`}};default:return{...e.getButtonSizing("lg"),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}}}},exports.getTypographyStyle=(t,e)=>({"& .MuiTypography-root":{overflow:"hidden",textOverflow:"ellipsis",fontSize:i.fontSizemap[e],paddingLeft:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm),paddingRight:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm)}}),exports.popperBoxShadow="0px 4px 8px 0px #06040D14, 0px 16px 24px 0px #06040D14, 0px 0px 4px 2px #06040D0A, 0px 0px 0px 1px #FFFFFF29",exports.selectBaseStyles=(t,e)=>({fontSize:i.fontSizemap[e],borderRadius:t.spacing(t.custom.radius.md),position:"relative",padding:0,"& .MuiSelect-outlined":{padding:0},"& .MuiSelect-select.MuiInputBase-input":{height:"100%",display:"flex",alignItems:"center",...a(t,e),width:"100%"},"&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",background:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.md),inset:0,zIndex:0},"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover},"&.Mui-focused:before":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled:before":{backgroundColor:t.custom.palette.interaction.none},"& .MuiSelect-select":{position:"relative"}}),exports.selectItemBaseStyles=(t,e)=>({position:"relative",fontSize:i.fontSizemap[e],backgroundColor:t.custom.palette.interaction.none,color:t.custom.palette.text.primary,minHeight:o(e),justifyContent:"space-between",paddingLeft:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),gap:t.spacing(t.custom.padding.sm),whiteSpace:"wrap","& .MuiSvgIcon-root":{width:n(e),height:n(e)}}),exports.selectMenuItemSize=o,exports.selectTickSize=n;