{"version":3,"file":"Pill.css.cjs","sources":["../../../src/components/Pill/Pill.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const PillRootStyle = css(({ theme }) => ({\n  '--pill-fz-xs': '10px',\n  '--pill-fz-sm': '12px',\n  '--pill-fz-md': '14px',\n  '--pill-fz-lg': '16px',\n  '--pill-fz-xl': '18px',\n\n  '--pill-height-xs': '18px',\n  '--pill-height-sm': '22px',\n  '--pill-height-md': '25px',\n  '--pill-height-lg': '28px',\n  '--pill-height-xl': '32px',\n\n  '--pill-fz': 'var(--pill-fz-sm)',\n  '--pill-height': 'var(--pill-height-sm)',\n\n  fontSize: 'var(--pill-fz)',\n  flex: 0,\n  height: 'var(--pill-height)',\n  paddingInline: '0.8em',\n  display: 'inline-flex',\n  alignItems: 'center',\n  borderRadius: 'var(--pill-radius, 1000rem)',\n  lineHeight: 1,\n  whiteSpace: 'nowrap',\n  userSelect: 'none',\n  WebkitUserSelect: 'none',\n  maxWidth: '100%',\n\n  ...theme.applyStyles('dark', {\n    backgroundColor: theme.colors.dark[7],\n    color: theme.colors.dark[0],\n  }),\n\n  ...theme.applyStyles('light', {\n    color: theme.colors.black,\n  }),\n\n  '&:_where([data-with-remove]:not(:has(button:disabled)))': {\n    paddingInlineEnd: 0,\n  },\n\n  '&:_where([data-disabled], :has(button:disabled))': {\n    cursor: 'not-allowed',\n  },\n\n  '&[data-variant=default]': {\n    ...theme.applyStyles('light', {\n      backgroundColor: theme.colors.gray[1],\n    }),\n\n    '&:_where([data-disabled], :has(button:disabled))': {\n      backgroundColor: theme.colors.gray[3],\n    },\n  },\n\n  '&[data-variant=contrast]': {\n    ...theme.applyStyles('light', {\n      backgroundColor: theme.colors.white,\n    }),\n\n    '&:_where([data-disabled], :has(button:disabled))': {\n      backgroundColor: theme.colors.gray[3],\n    },\n  },\n}));\n\nexport const PillLabelStyle = css({\n  cursor: 'inherit',\n  overflow: 'hidden',\n  height: '100%',\n  lineHeight: 'var(--pill-height)',\n  textOverflow: 'ellipsis',\n});\n\nexport const PillRemoveStyle = css({\n  color: 'inherit',\n  fontSize: 'inherit',\n  height: '100%',\n  minHeight: 'unset',\n  minWidth: '2em',\n  width: 'unset',\n  borderRadius: 0,\n  paddingInlineStart: '0.1em',\n  paddingInlineEnd: '0.3em',\n  flex: 0,\n  borderEndEndRadius: 'var(--pill-radius, 50%)',\n  borderStartEndRadius: 'var(--pill-radius, 50%)',\n\n  [`&.${PillRootStyle}[data-disabled] > &, &:disabled`]: {\n    display: 'none',\n    backgroundColor: 'transparent',\n    width: '0.8em',\n    minWidth: '0.8em',\n    padding: 0,\n    cursor: 'not-allowed',\n\n    '& > svg': {\n      display: 'none',\n    },\n  },\n\n  '& > svg': {\n    pointerEvents: 'none',\n  },\n});\n\nexport const PillGroupStyle = css({\n  '--pg-gap-xs': '6px',\n  '--pg-gap-sm': '8px',\n  '--pg-gap-md': '10px',\n  '--pg-gap-lg': '12px',\n  '--pg-gap-xl': '12px',\n  '--pg-gap': 'var(--pg-gap-sm)',\n\n  display: 'flex',\n  alignItems: 'center',\n  gap: 'var(--pg-gap)',\n  flexWrap: 'wrap',\n});\n"],"names":["css"],"mappings":";;;;AAEO,MAAM,aAAgB,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EAC/C,cAAgB,EAAA,MAAA;AAAA,EAChB,cAAgB,EAAA,MAAA;AAAA,EAChB,cAAgB,EAAA,MAAA;AAAA,EAChB,cAAgB,EAAA,MAAA;AAAA,EAChB,cAAgB,EAAA,MAAA;AAAA,EAEhB,kBAAoB,EAAA,MAAA;AAAA,EACpB,kBAAoB,EAAA,MAAA;AAAA,EACpB,kBAAoB,EAAA,MAAA;AAAA,EACpB,kBAAoB,EAAA,MAAA;AAAA,EACpB,kBAAoB,EAAA,MAAA;AAAA,EAEpB,WAAa,EAAA,mBAAA;AAAA,EACb,eAAiB,EAAA,uBAAA;AAAA,EAEjB,QAAU,EAAA,gBAAA;AAAA,EACV,IAAM,EAAA,CAAA;AAAA,EACN,MAAQ,EAAA,oBAAA;AAAA,EACR,aAAe,EAAA,OAAA;AAAA,EACf,OAAS,EAAA,aAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,YAAc,EAAA,6BAAA;AAAA,EACd,UAAY,EAAA,CAAA;AAAA,EACZ,UAAY,EAAA,QAAA;AAAA,EACZ,UAAY,EAAA,MAAA;AAAA,EACZ,gBAAkB,EAAA,MAAA;AAAA,EAClB,QAAU,EAAA,MAAA;AAAA,EAEV,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,IAC3B,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC,CAAA;AAAA,IACpC,KAAO,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GAC3B,CAAA;AAAA,EAED,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,IAC5B,KAAA,EAAO,MAAM,MAAO,CAAA;AAAA,GACrB,CAAA;AAAA,EAED,yDAA2D,EAAA;AAAA,IACzD,gBAAkB,EAAA;AAAA,GACpB;AAAA,EAEA,kDAAoD,EAAA;AAAA,IAClD,MAAQ,EAAA;AAAA,GACV;AAAA,EAEA,yBAA2B,EAAA;AAAA,IACzB,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,MAC5B,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,KACrC,CAAA;AAAA,IAED,kDAAoD,EAAA;AAAA,MAClD,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA;AACtC,GACF;AAAA,EAEA,0BAA4B,EAAA;AAAA,IAC1B,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,MAC5B,eAAA,EAAiB,MAAM,MAAO,CAAA;AAAA,KAC/B,CAAA;AAAA,IAED,kDAAoD,EAAA;AAAA,MAClD,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA;AACtC;AAEJ,CAAE,CAAA;AAEK,MAAM,iBAAiBA,SAAI,CAAA;AAAA,EAChC,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,QAAA;AAAA,EACV,MAAQ,EAAA,MAAA;AAAA,EACR,UAAY,EAAA,oBAAA;AAAA,EACZ,YAAc,EAAA;AAChB,CAAC;AAEM,MAAM,kBAAkBA,SAAI,CAAA;AAAA,EACjC,KAAO,EAAA,SAAA;AAAA,EACP,QAAU,EAAA,SAAA;AAAA,EACV,MAAQ,EAAA,MAAA;AAAA,EACR,SAAW,EAAA,OAAA;AAAA,EACX,QAAU,EAAA,KAAA;AAAA,EACV,KAAO,EAAA,OAAA;AAAA,EACP,YAAc,EAAA,CAAA;AAAA,EACd,kBAAoB,EAAA,OAAA;AAAA,EACpB,gBAAkB,EAAA,OAAA;AAAA,EAClB,IAAM,EAAA,CAAA;AAAA,EACN,kBAAoB,EAAA,yBAAA;AAAA,EACpB,oBAAsB,EAAA,yBAAA;AAAA,EAEtB,CAAC,CAAA,EAAA,EAAK,aAAa,CAAA,+BAAA,CAAiC,GAAG;AAAA,IACrD,OAAS,EAAA,MAAA;AAAA,IACT,eAAiB,EAAA,aAAA;AAAA,IACjB,KAAO,EAAA,OAAA;AAAA,IACP,QAAU,EAAA,OAAA;AAAA,IACV,OAAS,EAAA,CAAA;AAAA,IACT,MAAQ,EAAA,aAAA;AAAA,IAER,SAAW,EAAA;AAAA,MACT,OAAS,EAAA;AAAA;AACX,GACF;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,aAAe,EAAA;AAAA;AAEnB,CAAC;AAEM,MAAM,iBAAiBA,SAAI,CAAA;AAAA,EAChC,aAAe,EAAA,KAAA;AAAA,EACf,aAAe,EAAA,KAAA;AAAA,EACf,aAAe,EAAA,MAAA;AAAA,EACf,aAAe,EAAA,MAAA;AAAA,EACf,aAAe,EAAA,MAAA;AAAA,EACf,UAAY,EAAA,kBAAA;AAAA,EAEZ,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,GAAK,EAAA,eAAA;AAAA,EACL,QAAU,EAAA;AACZ,CAAC;;;;;;;"}