{"version":3,"file":"ActionIcon.css.cjs","sources":["../../../src/components/ActionIcon/ActionIcon.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const ActionIconRootStyle = css(({ theme }) => ({\n  '--ai-size-xs': '18px',\n  '--ai-size-sm': '22px',\n  '--ai-size-md': '28px',\n  '--ai-size-lg': '34px',\n  '--ai-size-xl': '44px',\n\n  '--ai-size-input-xs': '30px',\n  '--ai-size-input-sm': '36px',\n  '--ai-size-input-md': '42px',\n  '--ai-size-input-lg': '50px',\n  '--ai-size-input-xl': '60px',\n\n  '--ai-size': 'var(--ai-size-md)',\n  '--ai-color': 'var(--raikou-color-white)',\n\n  lineHeight: 1,\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  position: 'relative',\n  userSelect: 'none',\n  overflow: 'hidden',\n\n  width: 'var(--ai-size)',\n  height: 'var(--ai-size)',\n  minWidth: 'var(--ai-size)',\n  minHeight: 'var(--ai-size)',\n  borderRadius: 'var(--ai-radius, var(--raikou-radius-default))',\n  backgroundColor: 'var(--ai-bg, var(--raikou-primary-color-filled))',\n  color: 'var(--ai-color, var(--raikou-color-white))',\n  border: 'var(--ai-bd, rem(1px) solid transparent)',\n  cursor: 'pointer',\n\n  ...theme.applyMixin('hover', {\n    '&:hover:_where(:not([data-loading], :disabled, [data-disabled]))': {\n      backgroundColor: 'var(--ai-hover, var(--raikou-primary-color-filled-hover))',\n      color: 'var(--ai-hover-color, var(--ai-color))',\n    },\n  }),\n\n  '&[data-loading]': {\n    cursor: 'not-allowed',\n\n    [`& .${ActionIconIconStyle}`]: {\n      opacity: 0,\n      transform: 'translateY(100%)',\n    },\n  },\n\n  '&:_where(:disabled:not([data-loading]), [data-disabled]:not([data-loading]))': {\n    cursor: 'not-allowed',\n    border: '1px solid transparent',\n\n    ...theme.applyStyles('light', {\n      backgroundColor: theme.colors.gray[1],\n      color: theme.colors.gray[5],\n    }),\n\n    ...theme.applyStyles('dark', {\n      backgroundColor: theme.colors.dark[6],\n      color: theme.colors.dark[3],\n    }),\n\n    '&:active': {\n      transform: 'none',\n    },\n  },\n}));\n\nexport const ActionIconLoaderStyle = css(({ theme }) => ({\n  inset: '-1px',\n  position: 'absolute',\n  borderRadius: 'var(--ai-radius, var(--raikou-radius-default))',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n\n  ...theme.applyStyles('light', {\n    backgroundColor: 'rgba(255, 255, 255, 0.15)',\n  }),\n\n  ...theme.applyStyles('dark', {\n    backgroundColor: 'rgba(0, 0, 0, 0.15)',\n  }),\n}));\n\nexport const ActionIconIconStyle = css({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transition: 'transform 150ms ease, opacity 100ms ease',\n  width: '100%',\n  height: '100%',\n});\n\nexport const ActionIconGroupSectionStyle = css({\n  \"--section-height-xs\": \"18px\",\n  \"--section-height-sm\": \"22px\",\n  \"--section-height-md\": \"28px\",\n  \"--section-height-lg\": \"34px\",\n  \"--section-height-xl\": \"44px\",\n\n  \"--section-height-input-xs\": \"30px\",\n  \"--section-height-input-sm\": \"36px\",\n  \"--section-height-input-md\": \"42px\",\n  \"--section-height-input-lg\": \"50px\",\n  \"--section-height-input-xl\": \"60px\",\n\n  \"--section-padding-x-xs\": \"6px\",\n  \"--section-padding-x-sm\": \"8px\",\n  \"--section-padding-x-md\": \"10px\",\n  \"--section-padding-x-lg\": \"12px\",\n  \"--section-padding-x-xl\": \"16px\",\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 ActionIconGroupStyle = css({\n  '--ai-border-width': '1px',\n  display: 'flex',\n\n  '& :_where(*)': {\n    '&:focus': {\n      position: 'relative',\n      zIndex: 1,\n    },\n  },\n\n  \"&[data-orientation='horizontal']\": {\n    flexDirection: 'row',\n\n    [`& .${ActionIconRootStyle}, & .${ActionIconGroupSectionStyle}`]: {\n      '&:not(:only-child):first-child': {\n        borderEndEndRadius: 0,\n        borderStartEndRadius: 0,\n        borderInlineEndWidth: 'calc(var(--ai-border-width) / 2)',\n      },\n\n      '&:not(:only-child):last-child': {\n        borderEndStartRadius: 0,\n        borderStartStartRadius: 0,\n        borderInlineStartWidth: 'calc(var(--ai-border-width) / 2)',\n      },\n\n      '&:not(:only-child):not(:first-child):not(:last-child)': {\n        borderRadius: 0,\n        borderInlineWidth: 'calc(var(--ai-border-width) / 2)',\n      },\n    },\n  },\n\n  \"&[data-orientation='vertical']\": {\n    flexDirection: 'column',\n\n    [`& .${ActionIconRootStyle}, & .${ActionIconGroupSectionStyle}`]: {\n      '&:not(:only-child):first-child': {\n        borderEndStartRadius: 0,\n        borderEndEndRadius: 0,\n        borderBottomWidth: 'calc(var(--ai-border-width) / 2)',\n      },\n\n      '&:not(:only-child):last-child': {\n        borderStartStartRadius: 0,\n        borderStartEndRadius: 0,\n        borderTopWidth: 'calc(var(--ai-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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"}