{"version":3,"file":"Chip.css.cjs","sources":["../../../src/components/Chip/Chip.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const ChipRootStyles = css({\n  '--chip-size-xs': '23px',\n  '--chip-size-sm': '28px',\n  '--chip-size-md': '32px',\n  '--chip-size-lg': '36px',\n  '--chip-size-xl': '40px',\n\n  '--chip-icon-size-xs': '10px',\n  '--chip-icon-size-sm': '12px',\n  '--chip-icon-size-md': '14px',\n  '--chip-icon-size-lg': '16px',\n  '--chip-icon-size-xl': '18px',\n\n  '--chip-padding-xs': '16px',\n  '--chip-padding-sm': '20px',\n  '--chip-padding-md': '24px',\n  '--chip-padding-lg': '28px',\n  '--chip-padding-xl': '32px',\n\n  '--chip-checked-padding-xs': '7.5px',\n  '--chip-checked-padding-sm': '10px',\n  '--chip-checked-padding-md': '11.7px',\n  '--chip-checked-padding-lg': '13.5px',\n  '--chip-checked-padding-xl': '15.7px',\n\n  '--chip-spacing-xs': '10px',\n  '--chip-spacing-sm': '12px',\n  '--chip-spacing-md': '16px',\n  '--chip-spacing-lg': '20px',\n  '--chip-spacing-xl': '22px',\n\n  '--chip-size': 'var(--chip-size-sm)',\n  '--chip-icon-size': 'var(--chip-icon-size-sm)',\n  '--chip-padding': 'var(--chip-padding-sm)',\n  '--chip-spacing': 'var(--chip-spacing-sm)',\n  '--chip-checked-padding': 'var(--chip-checked-padding-sm)',\n  '--chip-bg': 'var(--raikou-primary-color-filled)',\n  '--chip-hover': 'var(--raikou-primary-color-filled-hover)',\n  '--chip-color': 'var(--raikou-color-white)',\n  '--chip-bd': '1px solid transparent',\n});\n\nexport const ChipLabelStyles = css(({ theme }) => ({\n  display: 'inline-flex',\n  alignItems: 'center',\n  userSelect: 'none',\n  borderRadius: '1000rem',\n  height: 'var(--chip-size)',\n  fontSize: 'var(--chip-fz, var(--raikou-font-size-sm))',\n  lineHeight: 'calc(var(--chip-size) - rem(2px))',\n  paddingInline: 'var(--chip-padding)',\n  cursor: 'pointer',\n  whiteSpace: 'nowrap',\n  WebkitTapHighlightColor: 'transparent',\n  border: '1px solid transparent',\n  color: 'var(--raikou-color-text)',\n\n  '&:_where([data-checked])': {\n    padding: 'var(--chip-checked-padding)',\n  },\n\n  '&:_where([data-disabled])': {\n    cursor: 'not-allowed',\n\n    ...theme.applyStyles('light', {\n      backgroundColor: theme.colors.gray[2],\n      color: theme.colors.gray[5],\n    }),\n    ...theme.applyStyles('dark', {\n      backgroundColor: theme.colors.dark[6],\n      color: theme.colors.dark[3],\n    }),\n  },\n\n  [`.${ChipRootStyles}[data-variant=\"outline\"]:not([data-disabled]) &`]: {\n    ...theme.applyStyles('light', {\n      backgroundColor: theme.colors.white,\n      border: `1px solid ${theme.colors.gray[3]}`,\n    }),\n\n    ...theme.applyStyles('dark', {\n      backgroundColor: theme.colors.dark[6],\n      border: `1px solid ${theme.colors.dark[4]}`,\n    }),\n\n    ...theme.applyMixin('hover', {\n      '&:hover': {\n        ...theme.applyStyles('light', {\n          backgroundColor: theme.colors.gray[0],\n        }),\n\n        ...theme.applyStyles('dark', {\n          backgroundColor: theme.colors.dark[5],\n        }),\n      },\n    }),\n\n    '&:_where([data-checked])': {\n      '--chip-icon-color': 'var(--chip-color)',\n      border: 'var(--chip-bd)',\n\n      ...theme.applyMixin('hover', {\n        '&:hover': {\n          backgroundColor: 'var(--chip-hover)',\n        },\n      }),\n    },\n  },\n\n  [`.${ChipRootStyles}[data-variant=\"filled\"]:not([data-disabled]) &, .${ChipRootStyles}[data-variant=\"light\"]:not([data-disabled]) &`]:\n    {\n      border: '1px solid transparent',\n      color: 'var(--raikou-color-text)',\n\n      ...theme.applyStyles('light', {\n        backgroundColor: theme.colors.gray[1],\n      }),\n      ...theme.applyStyles('dark', {\n        backgroundColor: theme.colors.dark[5],\n      }),\n\n      ...theme.applyMixin('hover', {\n        '&:hover': {\n          ...theme.applyStyles('light', {\n            backgroundColor: theme.colors.gray[2],\n          }),\n          ...theme.applyStyles('dark', {\n            backgroundColor: theme.colors.dark[4],\n          }),\n        },\n      }),\n\n      '&:_where([data-checked])': {\n        '--chip-icon-color': 'var(--chip-color)',\n        color: 'var(--chip-color)',\n        backgroundColor: 'var(--chip-bg)',\n\n        ...theme.applyMixin('hover', {\n          '&:hover': {\n            backgroundColor: 'var(--chip-hover)',\n          },\n        }),\n      },\n    },\n}));\n\nexport const ChipIconWrapperStyles = css({\n  width: 'calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5))',\n  maxWidth: 'calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5))',\n  height: 'var(--chip-icon-size)',\n  display: 'flex',\n  alignItems: 'center',\n  overflow: 'hidden',\n});\n\nexport const ChipCheckIconStyles = css({\n  width: 'var(--chip-icon-size)',\n  height: 'var(--chip-icon-size)',\n  display: 'block',\n  color: 'var(--chip-icon-color, inherit)',\n});\n\nexport const ChipInputStyles = css({\n  width: 0,\n  height: 0,\n  padding: 0,\n  opacity: 0,\n  margin: 0,\n\n  [`&:focus-visible + .${ChipLabelStyles}`]: {\n    outline: '2px solid var(--raikou-primary-color-filled)',\n    outlineOffset: '2px',\n  },\n});\n"],"names":["css"],"mappings":"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"}