{"version":3,"file":"Button.css.cjs","sources":["../../../src/components/Button/Button.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const ButtonRootStyle = css(({ theme }) => ({\n  '--button-height-xs': '30px',\n  '--button-height-sm': '36px',\n  '--button-height-md': '42px',\n  '--button-height-lg': '50px',\n  '--button-height-xl': '60px',\n\n  '--button-height-compact-xs': '22px',\n  '--button-height-compact-sm': '26px',\n  '--button-height-compact-md': '30px',\n  '--button-height-compact-lg': '34px',\n  '--button-height-compact-xl': '40px',\n\n  '--button-padding-x-xs': '14px',\n  '--button-padding-x-sm': '18px',\n  '--button-padding-x-md': '22px',\n  '--button-padding-x-lg': '26px',\n  '--button-padding-x-xl': '32px',\n\n  '--button-padding-x-compact-xs': '7px',\n  '--button-padding-x-compact-sm': '8px',\n  '--button-padding-x-compact-md': '10px',\n  '--button-padding-x-compact-lg': '12px',\n  '--button-padding-x-compact-xl': '14px',\n\n  '--button-height': 'var(--button-height-sm)',\n  '--button-padding-x': 'var(--button-padding-x-sm)',\n  '--button-color': 'var(--raikou-color-white)',\n\n  userSelect: 'none',\n  fontWeight: 600,\n  position: 'relative',\n  lineHeight: 1,\n  textAlign: 'center',\n  overflow: 'hidden',\n\n  width: 'auto',\n  cursor: 'pointer',\n  display: 'inline-block',\n  borderRadius: 'var(--button-radius, var(--raikou-radius-default))',\n  fontSize: 'var(--button-fz, var(--raikou-font-size-sm))',\n  background: 'var(--button-bg, var(--raikou-primary-color-filled))',\n  border: 'var(--button-bd, rem(1px) solid transparent)',\n  color: 'var(--button-color, var(--raikou-color-white))',\n  height: 'var(--button-height, var(--button-height-sm))',\n  paddingInline: 'var(--button-padding-x, var(--button-padding-x-sm))',\n  verticalAlign: 'middle',\n\n  '&:_where([data-block])': {\n    display: 'block',\n    width: '100%',\n  },\n\n  '&:_where([data-with-left-section])': {\n    paddingInlineStart: 'calc(var(--button-padding-x) / 1.5)',\n  },\n\n  '&:_where([data-with-right-section])': {\n    paddingInlineEnd: 'calc(var(--button-padding-x) / 1.5)',\n  },\n\n  '&:_where(:disabled:not([data-loading]), [data-disabled]:not([data-loading]))': {\n    cursor: 'not-allowed',\n    border: '1px solid transparent',\n    transform: 'none',\n\n    ...theme.applyStyles('light', {\n      color: theme.colors.gray[5],\n      background: theme.colors.gray[1],\n    }),\n\n    ...theme.applyStyles('dark', {\n      color: theme.colors.gray[3],\n      background: theme.colors.gray[6],\n    }),\n  },\n\n  '&:before': {\n    content: \"''\",\n    pointerEvents: 'none',\n    position: 'absolute',\n    inset: '-1px',\n    borderRadius: 'var(--button-radius, var(--raikou-radius-default))',\n    transform: 'translateY(-100%)',\n    opacity: 0,\n    filter: 'blur(12px)',\n    transition: 'transform 150ms ease, opacity 100ms ease',\n\n    ...theme.applyStyles('light', {\n      background: 'rgba(255, 255, 255, 0.15)',\n    }),\n\n    ...theme.applyStyles('dark', {\n      background: 'rgba(0, 0, 0, 0.15)',\n    }),\n  },\n\n  '&:_where([data-loading])': {\n    cursor: 'not-allowed',\n    transform: 'none',\n\n    '&:before': {\n      transform: 'translateY(0)',\n      opacity: 1,\n    },\n\n    [`&:_where([data-loader-position=center]) .${ButtonInnerStyle}`]: {\n      opacity: 0,\n      transform: 'translateY(100%)',\n    },\n  },\n\n  ...theme.applyMixin('hover', {\n    '&:hover:_where(:not([data-loading], :disabled, [data-disabled]))': {\n      background: 'var(--button-hover, var(--raikou-primary-color-filled-hover))',\n      color: 'var(--button-hover-color, var(--button-color))',\n    },\n  }),\n}));\n\nexport const ButtonInnerStyle = css({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'var(--button-justify, center)',\n  height: '100%',\n  overflow: 'visible',\n  transition: 'transform 150ms ease, opacity 100ms ease',\n});\n\nexport const ButtonLabelStyle = css({\n  whiteSpace: 'nowrap',\n  height: '100%',\n  overflow: 'hidden',\n  display: 'flex',\n  alignItems: 'center',\n  opacity: 1,\n\n  '&:_where([data-loading])': {\n    opacity: 0.2,\n  },\n});\n\nexport const ButtonSectionStyle = css({\n  display: 'flex',\n  alignItems: 'center',\n\n  \"&:_where([data-position='left'])\": {\n    marginInlineEnd: 'var(--raikou-spacing-xs)',\n  },\n\n  \"&:_where([data-position='right'])\": {\n    marginInlineStart: 'var(--raikou-spacing-xs)',\n  },\n\n  ':_where(.progress-loader)': {\n    display: 'flex',\n  },\n});\n\nexport const ButtonLoaderStyle = css({\n  position: 'absolute',\n  left: '50%',\n  top: '50%',\n});\n\nexport const ButtonGroupSectionStyle = css({\n  \"--section-height-xs\": \"30px\",\n  \"--section-height-sm\": \"36px\",\n  \"--section-height-md\": \"42px\",\n  \"--section-height-lg\": \"50px\",\n  \"--section-height-xl\": \"60px\",\n\n  \"--section-height-input-xs\": \"22px\",\n  \"--section-height-input-sm\": \"26px\",\n  \"--section-height-input-md\": \"30px\",\n  \"--section-height-input-lg\": \"34px\",\n  \"--section-height-input-xl\": \"40px\",\n\n  \"--section-padding-x-xs\": \"14px\",\n  \"--section-padding-x-sm\": \"18px\",\n  \"--section-padding-x-md\": \"22px\",\n  \"--section-padding-x-lg\": \"26px\",\n  \"--section-padding-x-xl\": \"32px\",\n\n  \"--section-padding-compact-x-xs\": \"7px\",\n  \"--section-padding-compact-x-sm\": \"8px\",\n  \"--section-padding-compact-x-md\": \"10px\",\n  \"--section-padding-compact-x-lg\": \"12px\",\n  \"--section-padding-compact-x-xl\": \"14px\",\n\n  \"--section-height\": \"var(--section-height-sm)\",\n  \"--section-padding-x\": \"var(--section-padding-x-sm)\",\n  \"--section-color\": \"var(--raikou-color-white)\",\n\n  fontWeight: 600,\n  width: 'auto',\n  borderRadius: 'var(--section-radius, var(--raikou-radius-default))',\n  fontSize: 'var(--section-fz, var(--raikou-font-size-sm))',\n  background: 'var(--section-bg, var(--raikou-primary-color-filled))',\n  border: 'var(--section-bd, rem(1px) solid transparent)',\n  color: 'var(--section-color, var(--raikou-color-white))',\n  height: 'var(--section-height, var(--section-height-sm))',\n  paddingInline: 'var(--section-padding-x, var(--section-padding-x-sm))',\n  verticalAlign: 'middle',\n  lineHeight: 1,\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n});\n\nexport const ButtonGroupStyle = css({\n  '--button-border-width': '1px',\n  display: 'flex',\n\n  [`& :_where(${ButtonRootStyle})`]: {\n    '&:focus': {\n      position: 'relative',\n      zIndex: 1,\n    },\n  },\n\n  \"&[data-orientation='horizontal']\": {\n    flexDirection: 'row',\n\n    [`& .${ButtonRootStyle}, & .${ButtonGroupSectionStyle}`]: {\n      '&:not(:only-child):first-child': {\n        borderEndEndRadius: 0,\n        borderStartEndRadius: 0,\n        borderInlineEndWidth: 'calc(var(--button-border-width) / 2)',\n      },\n\n      '&:not(:only-child):last-child': {\n        borderEndStartRadius: 0,\n        borderStartStartRadius: 0,\n        borderInlineStartWidth: 'calc(var(--button-border-width) / 2)',\n      },\n\n      '&:not(:only-child):not(:first-child):not(:last-child)': {\n        borderRadius: 0,\n        borderInlineWidth: 'calc(var(--button-border-width) / 2)',\n      },\n    },\n  },\n\n  \"&[data-orientation='vertical']\": {\n    flexDirection: 'column',\n\n    [`& .${ButtonRootStyle}, & .${ButtonGroupSectionStyle}`]: {\n      '&:not(:only-child):first-child': {\n        borderEndStartRadius: 0,\n        borderEndEndRadius: 0,\n        borderBottomWidth: 'calc(var(--button-border-width) / 2)',\n      },\n\n      '&:not(:only-child):last-child': {\n        borderStartStartRadius: 0,\n        borderStartEndRadius: 0,\n        borderTopWidth: 'calc(var(--button-border-width) / 2)',\n      },\n\n      '&:not(:only-child):not(:first-child):not(:last-child)': {\n        borderRadius: 0,\n        borderBottomWidth: 'calc(var(--ai-border-width) / 2)',\n        borderTopWidth: 'calc(var(--ai-border-width) / 2)',\n      },\n    },\n  },\n});\n"],"names":["css"],"mappings":"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"}