{"version":3,"sources":["../../src/OptionList/OptionList.css.ts"],"names":["css","vars","optionListCSS","popOver","__spreadValues"],"mappings":";yVAAA,OAAS,OAAAA,MAAW,iBACpB,OAAS,QAAAC,MAAY,sBAGd,IAAMC,EAAgB,CAAC,CAAE,QAAAC,CAAQ,IACtCH,EAAII,EAAA,CACF,QAAS,OACT,cAAe,SACf,IAAKH,EAAK,QAAQ,CAAC,EAEnB,WAAYA,EAAK,QAAQ,CAAC,EAC1B,cAAeA,EAAK,QAAQ,CAAC,EAE7B,aAAcA,EAAK,QAAQ,QAEvBE,GAAW,CACb,gBAAiBF,EAAK,SAAS,MAAM,QACrC,UAAWA,EAAK,WAAW,MAE3B,YAAaA,EAAK,QAAQ,CAAC,EAC3B,aAAcA,EAAK,QAAQ,CAAC,CAC9B,EACD","sourcesContent":["import { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\nimport type { OptionListProps } from \".\";\n\nexport const optionListCSS = ({ popOver }: Pick<OptionListProps, \"popOver\">) =>\n  css({\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: vars.spacing[1],\n\n    paddingTop: vars.spacing[2],\n    paddingBottom: vars.spacing[2],\n\n    borderRadius: vars.rounded.medium,\n\n    ...(popOver && {\n      backgroundColor: vars.semantic.color.surface,\n      boxShadow: vars.dropShadow.layer,\n\n      paddingLeft: vars.spacing[2],\n      paddingRight: vars.spacing[2],\n    }),\n  });\n"]}