{"version":3,"file":"Input.css.cjs","sources":["../../../src/components/Input/Input.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const InputWrapperStyle = css(({ theme }) => ({\n  position: 'relative',\n  marginTop: 'var(--input-margin-top, 0rem)',\n  marginBottom: 'var(--input-margin-bottom, 0rem)',\n\n  '--input-height-xs': '30px',\n  '--input-height-sm': '36px',\n  '--input-height-md': '42px',\n  '--input-height-lg': '50px',\n  '--input-height-xl': '60px',\n\n  '--input-padding-y-xs': '5px',\n  '--input-padding-y-sm': '6px',\n  '--input-padding-y-md': '8px',\n  '--input-padding-y-lg': '10px',\n  '--input-padding-y-xl': '13px',\n\n  '--input-height': 'var(--input-height-sm)',\n  '--input-radius': 'var(--raikou-radius-default)',\n\n  '--input-cursor': 'text',\n  '--input-text-align': 'left',\n  '--input-line-height': 'calc(var(--input-height) - rem(2px))',\n  '--input-padding': 'calc(var(--input-height) / 3)',\n  '--input-padding-inline-start': 'var(--input-padding)',\n  '--input-padding-inline-end': 'var(--input-padding)',\n  '--input-placeholder-color': 'var(--raikou-color-placeholder)',\n  '--input-color': 'var(--raikou-color-text)',\n\n  '--input-left-section-size':\n    'var(--input-left-section-width, calc(var(--input-height) - rem(2px)))',\n  '--input-right-section-size':\n    'var(--input-right-section-width, calc(var(--input-height) - rem(2px)))',\n\n  '--input-size': 'var(--input-height)',\n\n  '--section-y': '1px',\n  '--left-section-start': '1px',\n  '--left-section-border-radius': 'var(--input-radius) 0 0 var(--input-radius)',\n\n  '--right-section-end': '1px',\n  '--right-section-border-radius': '0 var(--input-radius) var(--input-radius) 0',\n\n  '&[data-pointer]': {\n    '--input-cursor': 'pointer',\n  },\n\n  '&[data-multiline]': {\n    '--input-padding-y-xs': '4.5px',\n    '--input-padding-y-sm': '5.5px',\n    '--input-padding-y-md': '7px',\n    '--input-padding-y-lg': '9.5px',\n    '--input-padding-y-xl': '13px',\n\n    '--input-size': 'auto',\n    '--input-line-height': 'var(--raikou-line-height)',\n    '--input-padding-y': 'var(--input-padding-y-sm)',\n  },\n\n  '&[data-with-left-section]': {\n    '--input-padding-inline-start': 'var(--input-left-section-size)',\n  },\n\n  '&[data-with-right-section]': {\n    '--input-padding-inline-end': 'var(--input-right-section-size)',\n  },\n\n  ...theme.applyStyles('light', {\n    '--input-disabled-bg': theme.colors.gray[1],\n    '--input-disabled-color': theme.colors.gray[6],\n\n    \"&[data-variant='default']\": {\n      '--input-bd': theme.colors.gray[4],\n      '--input-bg': theme.colors.white,\n      '--input-bd-focus': 'var(--raikou-primary-color-filled)',\n    },\n\n    \"&[data-variant='filled']\": {\n      '--input-bd': 'transparent',\n      '--input-bg': theme.colors.gray[1],\n      '--input-bd-focus': 'var(--raikou-primary-color-filled)',\n    },\n  }),\n\n  ...theme.applyStyles('dark', {\n    '--input-disabled-bg': theme.colors.dark[6],\n    '--input-disabled-color': theme.colors.dark[2],\n\n    \"&[data-variant='default']\": {\n      '--input-bd': theme.colors.dark[4],\n      '--input-bg': theme.colors.dark[5],\n      '--input-bd-focus': 'var(--raikou-primary-color-filled)',\n    },\n\n    \"&[data-variant='filled']\": {\n      '--input-bd': 'transparent',\n      '--input-bg': theme.colors.dark[5],\n      '--input-bd-focus': 'var(--raikou-primary-color-filled)',\n    },\n  }),\n\n  '[data-raikou-color-scheme] &[data-error]': {\n    \"&:not([data-variant='unstyled'])\": {\n      '--input-bd': 'var(--raikou-color-error)',\n    },\n\n    '--input-color': 'var(--raikou-color-error)',\n    '--input-placeholder-color': 'var(--raikou-color-error)',\n    '--input-section-color': 'var(--raikou-color-error)',\n  },\n\n  ...theme.applyMixin('where-rtl', {\n    '--input-text-align': 'right',\n    '--left-section-border-radius': '0 var(--input-radius) var(--input-radius) 0',\n    '--right-section-border-radius': 'var(--input-radius) 0 0 var(--input-radius)',\n  }),\n}));\n\nexport const InputInputStyle = css({\n  webkitTapHighlightColor: 'transparent',\n  appearance: 'none',\n  resize: 'var(--input-resize, none)',\n  display: 'block',\n  width: '100%',\n  transition: 'border-color 100ms ease',\n\n  textAlign: 'var(--input-text-align)',\n  color: 'var(--input-color)',\n  border: 'rem(1px) solid var(--input-bd)',\n  backgroundColor: 'var(--input-bg)',\n  fontFamily: 'var(--input-font-family, var(--raikou-font-family))',\n  height: 'var(--input-size)',\n  minHeight: 'var(--input-height)',\n  lineHeight: 'var(--input-line-height)',\n  fontSize: 'var(--input-fz, var(--input-fz, var(--raikou-font-size-sm)))',\n  borderRadius: 'var(--input-radius)',\n  paddingInlineStart: 'var(--input-padding-inline-start)',\n  paddingInlineEnd: 'var(--input-padding-inline-end)',\n  paddingTop: 'var(--input-padding-y, 0rem)',\n  paddingBottom: 'var(--input-padding-y, 0rem)',\n  cursor: 'var(--input-cursor)',\n  overflow: 'var(--input-overflow)',\n\n  /* Used as data attribute in Textarea component, does not have associated prop on the Input component */\n  '&[data-no-overflow]': {\n    '--input-overflow': 'hidden',\n  },\n\n  /* Used as data attribute in JsonInput component, does not have associated prop on the Input component */\n  '&[data-monospace]': {\n    '--input-font-family': 'var(--raikou-font-family-monospace)',\n    '--input-fz': 'calc(var(--input-fz, var(--raikou-font-size-sm)) - rem(2px))',\n  },\n\n  '&:focus, &:focus-within': {\n    outline: 'none',\n    '--input-bd': 'var(--input-bd-focus)',\n\n    '[data-error] &': {\n      '--input-bd': 'var(--raikou-color-error)',\n    },\n  },\n\n  '&::placeholder': {\n    color: 'var(--input-placeholder-color)',\n    opacity: 1,\n  },\n\n  '&::-webkit-inner-spin-button, &::-webkit-outer-spin-button, &::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration':\n    {\n      appearance: 'none',\n    },\n\n  \"&[type='number']\": {\n    mozAppearance: 'textfield',\n  },\n\n  '&:disabled, &[data-disabled]': {\n    cursor: 'not-allowed',\n    opacity: 0.6,\n    backgroundColor: 'var(--input-disabled-bg)',\n    color: 'var(--input-disabled-color)',\n  },\n\n  /* Required to be a separate selector to work in Firefox, can be merged with &:disabled once :has is supported */\n  '&:has(input:disabled)': {\n    cursor: 'not-allowed',\n    opacity: 0.6,\n    backgroundColor: 'var(--input-disabled-bg)',\n    color: 'var(--input-disabled-color)',\n  },\n});\n\nexport const InputSectionStyle = css({\n  pointerEvents: 'var(--section-pointer-events)',\n  position: 'absolute',\n  zIndex: 1,\n  insetInlineStart: 'var(--section-start)',\n  insetInlineEnd: 'var(--section-end)',\n  bottom: 'var(--section-y)',\n  top: 'var(--section-y)',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 'var(--section-size)',\n  borderRadius: 'var(--section-border-radius)',\n  color: 'var(--input-section-color, var(--raikou-color-dimmed))',\n\n  \"&[data-position='right']\": {\n    '--section-pointer-events': 'var(--input-right-section-pointer-events)',\n    '--section-end': 'var(--right-section-end)',\n    '--section-size': 'var(--input-right-section-size)',\n    '--section-border-radius': 'var(--right-section-border-radius)',\n  },\n\n  \"&[data-position='left']\": {\n    '--section-pointer-events': 'var(--input-left-section-pointer-events)',\n    '--section-start': 'var(--left-section-start)',\n    '--section-size': 'var(--input-left-section-size)',\n    '--section-border-radius': 'var(--left-section-border-radius)',\n  },\n});\n\n/* ----- Input.Placeholder ----- */\nexport const InputPlaceholderStyle = css({\n  color: 'var(--input-placeholder-color, var(--raikou-color-placeholder))',\n\n  '&[data-error]': {\n    '--input-placeholder-color': 'var(--input-color, var(--raikou-color-placeholder))',\n  },\n});\n\n/* ----- Input.Wrapper ----- */\nexport const InputRootStyle = css({\n  lineHeight: 'var(--raikou-line-height)',\n});\n\nexport const InputLabelStyle = css({\n  display: 'inline-block',\n  fontWeight: 500,\n  wordBreak: 'break-word',\n  cursor: 'default',\n  WebkitTapHighlightColor: 'transparent',\n  fontSize: 'var(--input-label-size, var(--raikou-font-size-sm))',\n});\n\nexport const InputRequiredStyle = css({\n  color: 'var(--input-asterisk-color, var(--raikou-color-error))',\n});\n\nconst ErrorDescription = {\n  wordWrap: 'break-word',\n  lineHeight: 1.2,\n  display: 'block',\n  margin: 0,\n  padding: 0,\n};\n\nexport const InputErrorStyle = css({\n  color: 'var(--raikou-color-error)',\n  fontSize: 'var(--input-error-size, calc(var(--raikou-font-size-sm) - rem(2px)))',\n  ...ErrorDescription,\n});\n\nexport const InputDescriptionStyle = css({\n  color: 'var(--raikou-color-dimmed)',\n  fontSize: 'var(--input-description-size, calc(var(--raikou-font-size-sm) - rem(2px)))',\n  ...ErrorDescription,\n});\n"],"names":["css"],"mappings":"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"}