{"version":3,"file":"Switch.css.cjs","sources":["../../../src/components/Switch/Switch.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const SwitchRootStyle = css({\n  '--switch-height-xs': '16px',\n  '--switch-height-sm': '20px',\n  '--switch-height-md': '24px',\n  '--switch-height-lg': '30px',\n  '--switch-height-xl': '36px',\n\n  '--switch-width-xs': '32px',\n  '--switch-width-sm': '38px',\n  '--switch-width-md': '46px',\n  '--switch-width-lg': '56px',\n  '--switch-width-xl': '72px',\n\n  '--switch-thumb-size-xs': '12px',\n  '--switch-thumb-size-sm': '14px',\n  '--switch-thumb-size-md': '18px',\n  '--switch-thumb-size-lg': '22px',\n  '--switch-thumb-size-xl': '28px',\n\n  '--switch-label-font-size-xs': '5px',\n  '--switch-label-font-size-sm': '6px',\n  '--switch-label-font-size-md': '7px',\n  '--switch-label-font-size-lg': '9px',\n  '--switch-label-font-size-xl': '11px',\n\n  '--switch-track-label-padding-xs': '1px',\n  '--switch-track-label-padding-sm': '2px',\n  '--switch-track-label-padding-md': '2px',\n  '--switch-track-label-padding-lg': '3px',\n  '--switch-track-label-padding-xl': '3px',\n\n  '--switch-height': 'var(--switch-height-sm)',\n  '--switch-width': 'var(--switch-width-sm)',\n  '--switch-thumb-size': 'var(--switch-thumb-size-sm)',\n  '--switch-label-font-size': 'var(--switch-label-font-size-sm)',\n  '--switch-track-label-padding': 'var(--switch-track-label-padding-sm)',\n  '--switch-radius': '1000px',\n  '--switch-color': 'var(--raikou-primary-color-filled)',\n\n  position: 'relative',\n});\n\nexport const SwitchInputStyle = css({\n  height: 0,\n  width: 0,\n  opacity: 0,\n  margin: 0,\n  padding: 0,\n  position: 'absolute',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n});\n\nexport const SwitchTrackStyle = css(({ theme }) => ({\n  webkitTapHighlightColor: 'transparent',\n  cursor: 'var(--switch-cursor, var(--raikou-cursor-type))',\n  overflow: 'hidden',\n  position: 'relative',\n  borderRadius: 'var(--switch-radius)',\n  backgroundColor: 'var(--switch-bg)',\n  border: '1px solid var(--switch-bd)',\n  height: 'var(--switch-height)',\n  minWidth: 'var(--switch-width)',\n  margin: 0,\n  transition: 'background-color 150ms ease, border-color 150ms ease',\n  appearance: 'none',\n  display: 'flex',\n  alignItems: 'center',\n  fontSize: 'var(--switch-label-font-size)',\n  fontWeight: '600',\n  order: 'var(--switch-order, 1)',\n  userSelect: 'none',\n  zIndex: 0,\n  lineHeight: 0,\n  color: 'var(--switch-text-color)',\n\n  '&:_where([data-without-labels])': {\n    width: 'var(--switch-width)',\n  },\n\n  [`.${SwitchInputStyle}:focus-visible + &`]: {\n    outline: '2px solid var(--raikou-primary-color-filled)',\n    outlineOffset: '2px',\n  },\n\n  [`.${SwitchInputStyle}:checked + &`]: {\n    '--switch-bg': 'var(--switch-color)',\n    '--switch-bd': 'var(--switch-color)',\n    '--switch-text-color': 'var(--raikou-color-white)',\n  },\n\n  [`.${SwitchInputStyle}:disabled + &, .${SwitchInputStyle}[data-disabled] + &`]: {\n    '--switch-bg': 'var(--switch-disabled-color)',\n    '--switch-bd': 'var(--switch-disabled-color)',\n    '--switch-cursor': 'not-allowed',\n  },\n\n  ...theme.applyStyles('light', {\n    '--switch-bg': theme.colors.gray[2],\n    '--switch-bd': theme.colors.gray[3],\n    '--switch-text-color': theme.colors.gray[6],\n    '--switch-disabled-color': theme.colors.gray[2],\n  }),\n\n  ...theme.applyStyles('dark', {\n    '--switch-bg': theme.colors.dark[6],\n    '--switch-bd': theme.colors.dark[4],\n    '--switch-text-color': theme.colors.dark[1],\n    '--switch-disabled-color': theme.colors.dark[4],\n  }),\n\n  '&[data-error]': {\n    '--switch-bd': 'var(--raikou-color-error)',\n  },\n\n  \"&[data-label-position='left']\": {\n    '--switch-order': 2,\n  },\n}));\n\nexport const SwitchThumbStyle = css(({ theme }) => ({\n  position: 'absolute',\n  zIndex: 1,\n  borderRadius: 'var(--switch-radius)',\n  display: 'flex',\n  backgroundColor: 'var(--switch-thumb-bg, var(--raikou-color-white))',\n  height: 'var(--switch-thumb-size)',\n  width: 'var(--switch-thumb-size)',\n  border: '1px solid var(--switch-thumb-bd)',\n  insetInlineStart: 'var(--switch-thumb-start, var(--switch-track-label-padding))',\n  transition: 'inset-inline-start 150ms ease',\n\n  '& > *': {\n    margin: 'auto',\n  },\n\n  [`.${SwitchInputStyle}:checked + * > &`]: {\n    '--switch-thumb-start':\n      'calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding))',\n    '--switch-thumb-bd': 'var(--raikou-color-white)',\n  },\n\n  [`.${SwitchInputStyle}:disabled + * > &, .${SwitchInputStyle}[data-disabled] + * > &`]: {\n    '--switch-thumb-bd': 'var(--switch-thumb-bg-disabled)',\n    '--switch-thumb-bg': 'var(--switch-thumb-bg-disabled)',\n  },\n\n  ...theme.applyStyles('light', {\n    '--switch-thumb-bd': theme.colors.gray[3],\n    '--switch-thumb-bg-disabled': theme.colors.gray[0],\n  }),\n\n  ...theme.applyStyles('dark', {\n    '--switch-thumb-bd': theme.colors.dark[4],\n    '--switch-thumb-bg-disabled': theme.colors.dark[3],\n  }),\n}));\n\nexport const SwitchTrackLabelStyle = css({\n  height: '100%',\n  display: 'grid',\n  placeContent: 'center',\n  minWidth: 'calc(var(--switch-width) - var(--switch-thumb-size))',\n  paddingInline: 'var(--switch-track-label-padding)',\n  marginInlineStart: 'calc(var(--switch-thumb-size) + var(--switch-track-label-padding))',\n  transition: 'margin 150ms ease',\n\n  [`.${SwitchInputStyle}:checked + * > &`]: {\n    marginInlineEnd: 'calc(var(--switch-thumb-size) + var(--switch-track-label-padding))',\n    marginInlineStart: 0,\n  },\n});\n"],"names":["css"],"mappings":"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"}