{"version":3,"file":"Checkbox.css.cjs","sources":["../../../src/components/Checkbox/Checkbox.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const CheckboxRootStyle = css({\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\nexport const CheckboxInnerStyle = css({\n  position: 'relative',\n  width: 'var(--checkbox-size)',\n  height: 'var(--checkbox-size)',\n  order: 1,\n\n  '&:_where([data-label-position=\"left\"])': {\n    order: 2,\n  },\n});\n\nexport const CheckboxInputStyle = css(({ theme }) => ({\n  appearance: 'none',\n  border: '1px solid transparent',\n  width: 'var(--checkbox-size)',\n  height: 'var(--checkbox-size)',\n  borderRadius: 'var(--checkbox-radius, var(--raikou-radius-default))',\n  padding: 0,\n  display: 'block',\n  margin: 0,\n  transition: 'border-color 100ms ease, background-color 100ms ease',\n  cursor: 'var(--raikou-cursor-type)',\n  WebkitTapHighlightColor: 'transparent',\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  '&:_where([data-error])': {\n    borderColor: 'var(--raikou-color-error)',\n  },\n\n  '&[data-indeterminate], &:checked': {\n    backgroundColor: 'var(--checkbox-color)',\n    borderColor: 'var(--checkbox-color)',\n\n    [`& + .${CheckboxIconStyle}`]: {\n      opacity: 1,\n      transform: 'none',\n    },\n  },\n\n  '&:disabled': {\n    cursor: 'not-allowed',\n\n    ...theme.applyStyles('light', {\n      backgroundColor: theme.colors.gray[2],\n      borderColor: theme.colors.gray[3],\n    }),\n    ...theme.applyStyles('dark', {\n      backgroundColor: theme.colors.dark[6],\n      borderColor: theme.colors.dark[6],\n    }),\n\n    [`& + .${CheckboxIconStyle}`]: {\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  '[data-variant=outline] &': {\n    [`& + .${CheckboxIconStyle}`]: {\n      color: 'var(--checkbox-color)',\n    },\n    '&[data-indeterminate]:not(:disabled), &:checked:not(:disabled)': {\n      backgroundColor: 'transparent',\n      borderColor: 'var(--checkbox-color)',\n\n      [`& + .${CheckboxIconStyle}`]: {\n        color: 'var(--checkbox-color)',\n        opacity: 1,\n        transform: 'none',\n      },\n    },\n  },\n}));\n\nexport const CheckboxIconStyle = css({\n  position: 'absolute',\n  inset: 0,\n  width: '60%',\n  margin: 'auto',\n  color: 'var(--checkbox-icon-color)',\n  pointerEvents: 'none',\n  transform: 'translateY(rem(5px)) scale(0.5)',\n  opacity: 0,\n  transition: 'transform 100ms ease, opacity 100ms ease',\n});\n"],"names":["css"],"mappings":"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"}