{"version":3,"file":"Stepper.css.cjs","sources":["../../../src/components/Stepper/Stepper.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const StepperRootStyle = css({\n  '--stepper-icon-size-xs': '34px',\n  '--stepper-icon-size-sm': '36px',\n  '--stepper-icon-size-md': '42px',\n  '--stepper-icon-size-lg': '48px',\n  '--stepper-icon-size-xl': '52px',\n\n  '--stepper-icon-size': 'var(--stepper-icon-size-md)',\n  '--stepper-color': 'var(--raikou-primary-color-filled)',\n  '--stepper-content-padding': 'var(--raikou-spacing-md)',\n  '--stepper-spacing': 'var(--raikou-spacing-md)',\n  '--stepper-radius': '1000px',\n  '--stepper-fz': 'var(--raikou-font-size-md)',\n});\n\nexport const StepperStepsStyle = css({\n  display: 'flex',\n  flexWrap: 'nowrap',\n  alignItems: 'center',\n\n  '&:_where([data-wrap])': {\n    flexWrap: 'wrap',\n    gap: 'var(--raikou-spacing-md) 0',\n  },\n\n  \"&:_where([data-orientation='vertical'])\": {\n    flexDirection: 'column',\n\n    \"&:_where([data-icon-position='left'])\": {\n      alignItems: 'flex-start',\n    },\n\n    \"&:_where([data-icon-position='right'])\": {\n      alignItems: 'flex-end',\n    },\n  },\n\n  \"&:_where([data-orientation='horizontal'])\": {\n    flexDirection: 'row',\n  },\n});\n\nexport const StepperSeparatorStyle = css(({ theme }) => ({\n  '--separator-offset': 'calc(var(--stepper-icon-size) / 2 - rem(1px))',\n\n  transition: 'background-color 150ms ease',\n  flex: '1',\n\n  ...theme.applyStyles('light', {\n    backgroundColor: theme.colors.gray[2],\n  }),\n\n  ...theme.applyStyles('dark', {\n    backgroundColor: theme.colors.dark[2],\n  }),\n\n  '&:_where([data-active])': {\n    backgroundColor: 'var(--stepper-color)',\n  },\n\n  \"&:_where([data-orientation='horizontal'])\": {\n    height: '2px',\n    marginInline: 'var(--raikou-spacing-md)',\n  },\n\n  \"&:_where([data-orientation='vertical'])\": {\n    width: '2px',\n    marginTop: 'calc(var(--raikou-spacing-xs) / 2)',\n    marginBottom: 'calc(var(--raikou-spacing-xs) - rem(2px))',\n\n    \"&:_where([data-icon-position='left'])\": {\n      marginInlineStart: 'var(--separator-offset)',\n    },\n\n    \"&:_where([data-icon-position='right'])\": {\n      marginInlineEnd: 'var(--separator-offset)',\n    },\n  },\n}));\n\nexport const StepperContentStyle = css({\n  paddingTop: 'var(--stepper-content-padding)',\n});\n\nexport const StepperStepStyle = css({\n  '--step-color': 'var(--stepper-color)',\n\n  display: 'flex',\n  cursor: 'default',\n\n  '&:_where([data-allow-click])': {\n    cursor: 'pointer',\n  },\n\n  \"&:_where([data-icon-position='left'])\": {\n    flexDirection: 'row',\n  },\n\n  \"&:_where([data-icon-position='right'])\": {\n    flexDirection: 'row-reverse',\n  },\n\n  \"[data-variant='horizontal']\": {\n    alignItems: 'center',\n  },\n\n  \"[data-variant='vertical']\": {\n    '--separator-spacing': 'calc(var(--raikou-spacing-xs) / 2)',\n\n    justifyContent: 'flex-start',\n    minHeight:\n      'calc(var(--stepper-icon-size) + var(--raikou-spacing-xl) + var(--separator-spacing))',\n    marginTop: 'var(--separator-spacing)',\n    overflow: 'hidden',\n\n    '&:_where(:first-of-type)': {\n      marginTop: '0',\n    },\n\n    '&:_where(:last-of-type) .verticalSeparator': {\n      display: 'none',\n    },\n  },\n});\n\nexport const StepperStepWrapperStyle = css({\n  position: 'relative',\n});\n\nexport const StepperVerticalSeparatorStyle = css(({ theme }) => ({\n  top: 'calc(var(--stepper-icon-size) + var(--separator-spacing))',\n  insetInlineStart: 'calc(var(--stepper-icon-size) / 2)',\n  height: '100vh',\n  position: 'absolute',\n  borderInlineStart: '2px solid',\n\n  ...theme.applyStyles('light', {\n    borderColor: theme.colors.gray[1],\n  }),\n\n  ...theme.applyStyles('dark', {\n    borderColor: theme.colors.dark[5],\n  }),\n\n  '&:_where([data-active])': {\n    borderColor: 'var(--step-color)',\n  },\n}));\n\nexport const StepperStepIconStyle = css(({ theme }) => ({\n  height: 'var(--stepper-icon-size)',\n  width: 'var(--stepper-icon-size)',\n  minHeight: 'var(--stepper-icon-size)',\n  minWidth: 'var(--stepper-icon-size)',\n  borderRadius: 'var(--stepper-radius)',\n  fontSize: 'var(--stepper-fz)',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  position: 'relative',\n  fontWeight: 'bold',\n  transition: 'background-color 150ms ease, border-color 150ms ease',\n  border: '2px solid',\n\n  ...theme.applyStyles('light', {\n    backgroundColor: theme.colors.gray[1],\n    borderColor: theme.colors.gray[1],\n    color: theme.colors.gray[7],\n  }),\n\n  ...theme.applyStyles('dark', {\n    backgroundColor: theme.colors.dark[5],\n    borderColor: theme.colors.dark[5],\n    color: theme.colors.dark[1],\n  }),\n\n  '&:_where([data-progress])': {\n    borderColor: 'var(--step-color)',\n  },\n\n  '&:_where([data-completed])': {\n    color: 'var(--stepper-icon-color, var(--raikou-color-white))',\n    backgroundColor: 'var(--step-color)',\n    borderColor: 'var(--step-color)',\n  },\n}));\n\nexport const StepperStepCompletedIconStyle = css({\n  position: 'absolute',\n  inset: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  color: 'var(--stepper-icon-color, var(--raikou-color-white))',\n});\n\nexport const StepperStepBodyStyle = css(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n\n  \"&:_where([data-icon-position='left'])\": {\n    marginInlineStart: 'var(--raikou-spacing-sm)',\n  },\n\n  \"&:_where([data-icon-position='right'])\": {\n    textAlign: 'right',\n    marginInlineEnd: 'var(--raikou-spacing-sm)',\n\n    ...theme.applyMixin('where-rtl', {\n      textAlign: 'left',\n    }),\n  },\n}));\n\nexport const StepperStepLabelStyle = css({\n  fontWeight: '500',\n  fontSize: 'var(--stepper-fz)',\n  lineHeight: '1',\n});\n\nexport const StepperStepDescriptionStyle = css({\n  marginTop: 'calc(var(--stepper-spacing) / 3)',\n  marginBottom: 'calc(var(--stepper-spacing) / 3)',\n  fontSize: 'calc(var(--stepper-fz) - rem(2px))',\n  lineHeight: '1',\n  color: 'var(--raikou-color-dimmed)',\n});\n"],"names":["css"],"mappings":"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"}