{"version":3,"file":"CheckboxIndicator.css.cjs","sources":["../../../../src/components/Checkbox/CheckboxIndicator/CheckboxIndicator.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const CheckboxIndicatorIndicatorStyle = css(({ theme }) => ({\n  '--checkbox-size-xs': '16px',\n  '--checkbox-size-sm': '20px',\n  '--checkbox-size-md': '24px',\n  '--checkbox-size-lg': '30px',\n  '--checkbox-size-xl': '36px',\n\n  '--checkbox-size': 'var(--checkbox-size-sm)',\n  '--checkbox-color': 'var(--raikou-primary-color-filled)',\n  '--checkbox-icon-color': 'var(--raikou-color-white)',\n\n  position: 'relative',\n  border: '1px solid transparent',\n  width: 'var(--checkbox-size)',\n  minWidth: 'var(--checkbox-size)',\n  height: 'var(--checkbox-size)',\n  minHeight: 'var(--checkbox-size)',\n  borderRadius: 'var(--raikou-radius-default)',\n  transition: 'border-color 100ms ease, background-color 100ms ease',\n  cursor: 'var(--raikou-cursor-type)',\n  webkitTapHighlightColor: 'transparent',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n\n  ...theme.applyStyles('light', {\n    backgroundColor: theme.colors.white,\n    borderColor: theme.colors.gray[4],\n  }),\n  ...theme.applyStyles('dark', {\n    backgroundColor: theme.colors.dark[6],\n    borderColor: theme.colors.dark[4],\n  }),\n\n  '&[data-indeterminate], &[data-checked]': {\n    backgroundColor: 'var(--checkbox-color)',\n    borderColor: 'var(--checkbox-color)',\n\n    [`& > .${CheckboxIndicatorIconStyle}`]: {\n      opacity: 1,\n      transform: 'none',\n      color: 'var(--checkbox-icon-color)',\n    },\n  },\n\n  '&[data-disabled]': {\n    cursor: 'not-allowed',\n\n    ...theme.applyStyles('light', {\n      backgroundColor: theme.colors.gray[2],\n      borderColor: theme.colors.gray[3],\n    }),\n\n    ...theme.applyStyles('dark', {\n      backgroundColor: theme.colors.dark[6],\n      borderColor: theme.colors.dark[6],\n    }),\n\n    [`&[data-checked] > .${CheckboxIndicatorIconStyle}`]: {\n      ...theme.applyStyles('light', {\n        color: theme.colors.gray[5],\n      }),\n      ...theme.applyStyles('dark', {\n        color: theme.colors.dark[3],\n      }),\n    },\n  },\n\n  '&[data-variant=outline]': {\n    '&[data-indeterminate]:not([data-disabled]), &[data-checked]:not([data-disabled])': {\n      backgroundColor: 'transparent',\n      borderColor: 'var(--checkbox-color)',\n\n      [`& > .${CheckboxIndicatorIconStyle}`]: {\n        color: 'var(--checkbox-color)',\n        opacity: 1,\n        transform: 'none',\n      },\n    },\n  },\n}));\n\nexport const CheckboxIndicatorIconStyle = css({\n  display: 'block',\n  width: '60%',\n  color: 'transparent',\n  pointerEvents: 'none',\n  transform: 'translateY(rem(5px)) scale(0.5)',\n  opacity: 1,\n  transition: 'transform 100ms ease, opacity 100ms ease',\n});\n"],"names":["css"],"mappings":"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"}