@foxford/ui 2.39.0-beta-22709eb-20240820 → 2.39.0-beta-8d52b2b-20240822

package/components/Button/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Button/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { LoaderFill } from '@foxford/icon-pack'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport type { PossibleValues, CalcProperty } from 'mixins/responsive-property'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport {\n  responsiveFluidPropKeyRegExp,\n  responsiveWidthPropKeyRegExp,\n  responsivePaddingPropKeyRegExp,\n  responsiveFontSizePropKeyRegExp,\n  responsiveHeightPropKeyRegExp,\n} from 'shared/regexp'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledButtonProps, ButtonPalette } from './types'\n\nconst shouldForwardButtonProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'fluid',\n      'width',\n      'display',\n      'padding',\n      'paddingTop',\n      'paddingRight',\n      'paddingBottom',\n      'paddingLeft',\n      'fontSize',\n      'height',\n      'inline',\n      'round',\n      'success',\n      'loading',\n      'black',\n      'danger',\n      'onColored',\n      'clear',\n      'base',\n      'outline',\n      'autoRel',\n      'noSpacing',\n      'primary',\n      'secondary',\n      'inverted',\n      'rounded',\n      'basic',\n    ].includes(propKey),\n  (propKey) =>\n    !responsiveFluidPropKeyRegExp.test(propKey) &&\n    !responsiveWidthPropKeyRegExp.test(propKey) &&\n    !responsivePaddingPropKeyRegExp.test(propKey) &&\n    !responsiveFontSizePropKeyRegExp.test(propKey) &&\n    !responsiveHeightPropKeyRegExp.test(propKey)\n)\n\nconst WIDTHS: Record<string, number> = {\n  xl: 320,\n  l: 280,\n  m: 245,\n  s: 180,\n  xs: 140,\n}\n\nconst loadingAnimation = keyframes`\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n`\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nconst defaultLoadingStyles = css`\n  background-image: linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.2) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.2) 50%,\n    rgba(255, 255, 255, 0.2) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 25px 25px;\n  animation: ${loadingAnimation} 2s linear infinite;\n  cursor: progress;\n`\n\nconst getWidth = (width: PossibleValues): PossibleValues => {\n  if (width === 'auto') return 'auto'\n  if (typeof width === 'number') return width\n  if (typeof width === 'boolean') return width\n\n  if (width && WIDTHS[width]) return WIDTHS[width]\n\n  return 'auto'\n}\n\nconst fluidStyles: CalcProperty = () => css`\n  min-width: initial;\n  width: 100%;\n`\n\nconst template = (palette: ButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n  }\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n    border-color: ${palette.borderColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    clear: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-oncontrast-hover'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncontrast-hover'],\n          ...props.palette,\n        })}\n    `,\n    base: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.success\n            ? props.theme.colors['bg-oncolor-primary']\n            : props.theme.colors['bg-oncolor-secondary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success\n            ? props.theme.colors['alert-success']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['alert-success']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-constant']\n            : props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['bg-oncolor-primary']\n            : props.theme.colors['bg-oncolor-disabled'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success\n            ? props.theme.colors['alert-success']\n            : props.loading\n            ? props.theme.colors['content-oncolor-constant']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColor:\n            props.success || props.loading ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n          borderColor:\n            props.success || props.loading\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-oncolor-default'],\n          colorHover: props.success\n            ? props.theme.colors['alert-success']\n            : props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n            : props.theme.colors['bg-oncolor-primary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['alert-success']\n            : props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n            : props.theme.colors['bg-oncolor-primary'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-constant']\n            : props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['bg-oncolor-primary']\n            : props.theme.colors['bg-oncolor-disabled'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-constant'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success\n            ? props.theme.colors['alert-success']\n            : props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['alert-success']\n            : props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-constant']\n            : props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['bg-oncolor-primary']\n            : props.theme.colors['bg-oncolor-disabled'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  danger: {\n    clear: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n          backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading ? props.theme.colors['alert-error'] : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    base: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['alert-error'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading ? props.theme.colors['alert-error'] : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['bg-onmain-tertiary']\n            : props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color:\n            props.success || props.loading\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['alert-error'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.loading\n            ? props.theme.colors['alert-bg-error-500']\n            : props.theme.colors.transparent,\n          borderColor:\n            props.success || props.loading ? props.theme.colors.transparent : props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : props.theme.colors['alert-bg-error-500'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['alert-bg-error-500']\n            : props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.theme.colors['alert-bg-error-500'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['alert-bg-error-500']\n            : props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  black: {\n    clear: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-inverse'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-inverse'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-inverse'],\n          backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    base: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-oncolor-inverse'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-oncolor-inverse'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-oncolor-inverse'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.loading\n            ? props.theme.colors['content-onmain-inverse']\n            : props.theme.colors['content-oncolor-inverse'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.loading\n            ? props.theme.colors['bg-onmain-inverse']\n            : props.theme.colors.transparent,\n          borderColor:\n            props.success || props.loading\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-onmain-contrast'],\n          colorHover: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-inverse'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n            : props.theme.colors['bg-onmain-inverse'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-inverse'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-inverse'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.theme.colors['bg-onmain-inverse'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-inverse'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-inverse'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    clear: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['alert-success']\n            : props.theme.colors['content-brand-primary'],\n          backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    base: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-brand-primary'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-brand-primary'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-brand-primary'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['bg-onmain-tertiary']\n            : props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color:\n            props.success || props.loading\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-brand-primary'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.loading\n            ? props.theme.colors['bg-brand-primary-basic']\n            : props.theme.colors.transparent,\n          borderColor:\n            props.success || props.loading\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-brand-primary'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : props.theme.colors['bg-brand-primary-basic'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['bg-brand-primary-basic']\n            : props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.theme.colors['bg-brand-primary-basic'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['bg-brand-primary-basic']\n            : props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nconst defaultStyles = css<StyledButtonProps>`\n  ${(props) => {\n    if (props.disabled || props.loading) return ''\n\n    return `\n      &:active {\n        box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n      }\n      &:hover {\n        color: ${props.fontColor};\n        background-color: ${tinycolor(props.theme.colors[props.color]).saturate(-5).lighten(-8).toString()};\n      }\n      ${\n        props.inverted || props.basic || props.outline\n          ? `\n              &:not(:hover) {\n                border: 1px solid ${props.theme.colors[props.color]};\n              }\n              &:hover {\n                border: 1px solid ${props.theme.colors[props.color]};\n              }\n            `\n          : ''\n      }\n    `\n  }}\n\n  ${(props) => (props.loading ? defaultLoadingStyles : '')}\n\n  ${(props) => {\n    let cssProperty = 'background-color'\n    if (props.inverted || props.basic || props.outline) cssProperty = 'color'\n\n    return color(props.color, cssProperty)\n  }}\n\n  ${(props) => {\n    let cssProperty = 'color'\n    if (props.inverted || props.basic || props.outline) cssProperty = 'background-color'\n\n    return color(props.fontColor, cssProperty)\n  }}\n\n  ${(props) => {\n    if (!props.disabled) return ''\n\n    return `\n      cursor: not-allowed;\n      background-color: ${props.theme.colors.mercury};\n      color: ${props.theme.colors.silver};\n    `\n  }}\n\n  ${(props) => (props.basic || props.outline ? 'background-color: transparent;' : '')}\n`\n\nexport const Root = styled.button\n  .withConfig<StyledButtonProps>({\n    shouldForwardProp: shouldForwardButtonProp,\n  })\n  .attrs<StyledButtonProps>(\n    (props): Required<Pick<StyledButtonProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => {\n        return {\n          fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n          height: '2.8em',\n          width: props.round ? '2.8em' : undefined,\n          paddingRight: props.round ? undefined : '1.6em',\n          paddingLeft: props.round ? undefined : '1.6em',\n        }\n      },\n    })\n  )`\n  ${(props) => {\n    let display = props.inline ? 'inline-flex' : 'flex'\n    if (props.display) display = props.display\n\n    let borderRadius = '0px'\n    if (props.rounded) borderRadius = props.preset === 'brand' ? '48px' : '5px'\n    if (props.round) borderRadius = '50%'\n\n    let cursor = 'pointer'\n    if (props.disabled) cursor = 'not-allowed'\n    if (props.loading) cursor = 'wait'\n\n    return `\n      display: ${display};\n      border-radius: ${borderRadius};\n      cursor: ${cursor};\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      justify-content: center;\n      align-items: center;\n      user-select: none;\n      border: none;\n      text-decoration: none;\n      appearance: none;\n      white-space: nowrap;\n      text-align: center;\n      vertical-align: top;\n      ${\n        props.preset === 'brand'\n          ? `\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }`\n          : `\n            border: none;\n            overflow: hidden;\n            transition-property: background-color, color;\n            transition-duration: 200ms;`\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'default') return defaultStyles\n\n    let schema = COLOR_SCHEMA.default\n\n    if (props.black) schema = COLOR_SCHEMA.black\n    if (props.danger) schema = COLOR_SCHEMA.danger\n    if (props.onColored) schema = COLOR_SCHEMA.onColored\n\n    if (props.clear) return schema.clear\n    if (props.base) return schema.base\n    if (props.outline) return schema.outline\n\n    return schema.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n\n  ${(props) => (props.fontSize ? property(props.fontSize, 'font-size') : null)}\n\n  ${(props) => (props.height ? property(props.height, 'height') : null)}\n\n  ${(props) => {\n    const cssProperty = props.fluid && props.width !== 'auto' ? 'max-width' : 'width'\n    return props.width ? property(getWidth(props.width), cssProperty) : null\n  }}\n\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL },\n      cssProperty: 'padding',\n    })\n  }}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })\n  }}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })\n  }}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })\n  }}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })\n  }}\n\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) => {\n    return responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })\n  }}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })\n  }}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })\n  }}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })\n  }}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })\n  }}\n\n  ${({ fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL }) => {\n    return responsiveNamedProperty({\n      sizes: { fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL },\n      cssProperty: 'font-size',\n    })\n  }}\n\n  ${({ heightXS, heightS, heightM, heightL, heightXL }) => {\n    return responsiveNamedProperty({\n      sizes: { heightXS, heightS, heightM, heightL, heightXL },\n      cssProperty: 'height',\n    })\n  }}\n\n  ${({ widthXS, widthS, widthM, widthL, widthXL, fluid, width }) => {\n    return responsiveNamedProperty({\n      sizes: { widthXS, widthS, widthM, widthL, widthXL },\n      cssProperty: fluid && width !== 'auto' ? 'max-width' : 'width',\n      customSizeHandler: getWidth,\n    })\n  }}\n\n  ${(props) => (props.fluid ? property(props.fluid, fluidStyles) : null)}\n  ${({ fluidXS, fluidS, fluidM, fluidL, fluidXL }) => {\n    return responsiveNamedProperty({\n      sizes: { fluidXS, fluidS, fluidM, fluidL, fluidXL },\n      cssProperty: fluidStyles,\n    })\n  }}\n`\n\nexport const LoaderIcon = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n"],"names":["shouldForwardButtonProp","createShouldForwardProp","propKey","includes","responsiveFluidPropKeyRegExp","test","responsiveWidthPropKeyRegExp","responsivePaddingPropKeyRegExp","responsiveFontSizePropKeyRegExp","responsiveHeightPropKeyRegExp","WIDTHS","xl","l","m","s","xs","loadingAnimation","keyframes","spinAnimation","defaultLoadingStyles","css","getWidth","width","fluidStyles","template","palette","color","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","onColored","clear","props","theme","colors","transparent","loading","base","success","tinycolor","darken","toString","default","outline","danger","black","lighten","defaultStyles","disabled","fontColor","saturate","inverted","basic","cssProperty","mercury","silver","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","round","undefined","paddingRight","paddingLeft","displayName","componentId","display","inline","borderRadius","rounded","preset","cursor","schema","focus","responsiveSize","padding","property","paddingTop","paddingBottom","margin","marginTop","marginRight","marginBottom","marginLeft","fluid","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","marginXS","marginS","marginM","marginL","marginXL","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","fontSizeXS","fontSizeS","fontSizeM","fontSizeL","fontSizeXL","heightXS","heightS","heightM","heightL","heightXL","widthXS","widthS","widthM","widthL","widthXL","customSizeHandler","fluidXS","fluidS","fluidM","fluidL","fluidXL","LoaderIcon","LoaderFill"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Button/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { LoaderFill } from '@foxford/icon-pack'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport type { PossibleValues, CalcProperty } from 'mixins/responsive-property'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport {\n  responsiveFluidPropKeyRegExp,\n  responsiveWidthPropKeyRegExp,\n  responsivePaddingPropKeyRegExp,\n  responsiveFontSizePropKeyRegExp,\n  responsiveHeightPropKeyRegExp,\n} from 'shared/regexp'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledButtonProps, ButtonPalette } from './types'\n\nconst shouldForwardButtonProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'fluid',\n      'width',\n      'display',\n      'padding',\n      'paddingTop',\n      'paddingRight',\n      'paddingBottom',\n      'paddingLeft',\n      'fontSize',\n      'height',\n      'inline',\n      'round',\n      'success',\n      'loading',\n      'black',\n      'danger',\n      'onColored',\n      'clear',\n      'base',\n      'outline',\n      'autoRel',\n      'noSpacing',\n      'primary',\n      'secondary',\n      'inverted',\n      'rounded',\n      'basic',\n    ].includes(propKey),\n  (propKey) =>\n    !responsiveFluidPropKeyRegExp.test(propKey) &&\n    !responsiveWidthPropKeyRegExp.test(propKey) &&\n    !responsivePaddingPropKeyRegExp.test(propKey) &&\n    !responsiveFontSizePropKeyRegExp.test(propKey) &&\n    !responsiveHeightPropKeyRegExp.test(propKey)\n)\n\nconst WIDTHS: Record<string, number> = {\n  xl: 320,\n  l: 280,\n  m: 245,\n  s: 180,\n  xs: 140,\n}\n\nconst loadingAnimation = keyframes`\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n`\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nconst defaultLoadingStyles = css`\n  background-image: linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.2) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.2) 50%,\n    rgba(255, 255, 255, 0.2) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 25px 25px;\n  animation: ${loadingAnimation} 2s linear infinite;\n  cursor: progress;\n`\n\nconst getWidth = (width: PossibleValues): PossibleValues => {\n  if (width === 'auto') return 'auto'\n  if (typeof width === 'number') return width\n  if (typeof width === 'boolean') return width\n\n  if (width && WIDTHS[width]) return WIDTHS[width]\n\n  return 'auto'\n}\n\nconst fluidStyles: CalcProperty = () => css`\n  min-width: initial;\n  width: 100%;\n`\n\nconst template = (palette: ButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n  }\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n    border-color: ${palette.borderColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    clear: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-oncontrast-hover'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncontrast-hover'],\n          ...props.palette,\n        })}\n    `,\n    base: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.success\n            ? props.theme.colors['bg-oncolor-primary']\n            : props.theme.colors['bg-oncolor-secondary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success\n            ? props.theme.colors['alert-success']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['alert-success']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-constant']\n            : props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['bg-oncolor-primary']\n            : props.theme.colors['bg-oncolor-disabled'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success\n            ? props.theme.colors['alert-success']\n            : props.loading\n            ? props.theme.colors['content-oncolor-constant']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColor:\n            props.success || props.loading ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n          borderColor:\n            props.success || props.loading\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-oncolor-default'],\n          colorHover: props.success\n            ? props.theme.colors['alert-success']\n            : props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n            : props.theme.colors['bg-oncolor-primary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['alert-success']\n            : props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n            : props.theme.colors['bg-oncolor-primary'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-constant']\n            : props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['bg-oncolor-primary']\n            : props.theme.colors['bg-oncolor-disabled'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-constant'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success\n            ? props.theme.colors['alert-success']\n            : props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['alert-success']\n            : props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-constant']\n            : props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['bg-oncolor-primary']\n            : props.theme.colors['bg-oncolor-disabled'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  danger: {\n    clear: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n          backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading ? props.theme.colors['alert-error'] : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    base: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['alert-error'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading ? props.theme.colors['alert-error'] : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['bg-onmain-tertiary']\n            : props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color:\n            props.success || props.loading\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['alert-error'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.loading\n            ? props.theme.colors['alert-bg-error-500']\n            : props.theme.colors.transparent,\n          borderColor:\n            props.success || props.loading ? props.theme.colors.transparent : props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : props.theme.colors['alert-bg-error-500'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['alert-bg-error-500']\n            : props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.theme.colors['alert-bg-error-500'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['alert-bg-error-500']\n            : props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  black: {\n    clear: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-inverse'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-inverse'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-inverse'],\n          backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    base: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-oncolor-inverse'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-oncolor-inverse'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-oncolor-inverse'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.loading\n            ? props.theme.colors['content-onmain-inverse']\n            : props.theme.colors['content-oncolor-inverse'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.loading\n            ? props.theme.colors['bg-onmain-inverse']\n            : props.theme.colors.transparent,\n          borderColor:\n            props.success || props.loading\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-onmain-contrast'],\n          colorHover: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-inverse'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n            : props.theme.colors['bg-onmain-inverse'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-inverse'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-inverse'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.theme.colors['bg-onmain-inverse'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-inverse'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-inverse'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    clear: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['alert-success']\n            : props.theme.colors['content-brand-primary'],\n          backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    base: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-brand-primary'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-brand-primary'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.success\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-brand-primary'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['bg-onmain-tertiary']\n            : props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color:\n            props.success || props.loading\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-brand-primary'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.loading\n            ? props.theme.colors['bg-brand-primary-basic']\n            : props.theme.colors.transparent,\n          borderColor:\n            props.success || props.loading\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-brand-primary'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : props.theme.colors['bg-brand-primary-basic'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['bg-brand-primary-basic']\n            : props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.success\n            ? props.theme.colors['alert-bg-success-500']\n            : props.theme.colors['bg-brand-primary-basic'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.success\n            ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n            : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.loading\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.loading\n            ? props.theme.colors['bg-brand-primary-basic']\n            : props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nconst defaultStyles = css<StyledButtonProps>`\n  ${(props) => {\n    if (props.disabled || props.loading) return ''\n\n    return `\n      &:active {\n        box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n      }\n      &:hover {\n        color: ${props.fontColor};\n        background-color: ${tinycolor(props.theme.colors[props.color]).saturate(-5).lighten(-8).toString()};\n      }\n      ${\n        props.inverted || props.basic || props.outline\n          ? `\n              &:not(:hover) {\n                border: 1px solid ${props.theme.colors[props.color]};\n              }\n              &:hover {\n                border: 1px solid ${props.theme.colors[props.color]};\n              }\n            `\n          : ''\n      }\n    `\n  }}\n\n  ${(props) => (props.loading ? defaultLoadingStyles : '')}\n\n  ${(props) => {\n    let cssProperty = 'background-color'\n    if (props.inverted || props.basic || props.outline) cssProperty = 'color'\n\n    return color(props.color, cssProperty)\n  }}\n\n  ${(props) => {\n    let cssProperty = 'color'\n    if (props.inverted || props.basic || props.outline) cssProperty = 'background-color'\n\n    return color(props.fontColor, cssProperty)\n  }}\n\n  ${(props) => {\n    if (!props.disabled) return ''\n\n    return `\n      cursor: not-allowed;\n      background-color: ${props.theme.colors.mercury};\n      color: ${props.theme.colors.silver};\n    `\n  }}\n\n  ${(props) => (props.basic || props.outline ? 'background-color: transparent;' : '')}\n`\n\nexport const Root = styled.button\n  .withConfig<StyledButtonProps>({\n    shouldForwardProp: shouldForwardButtonProp,\n  })\n  .attrs<StyledButtonProps>(\n    (props): Required<Pick<StyledButtonProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => {\n        return {\n          fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n          height: '2.8em',\n          width: props.round ? '2.8em' : undefined,\n          paddingRight: props.round ? undefined : '1.6em',\n          paddingLeft: props.round ? undefined : '1.6em',\n        }\n      },\n    })\n  )`\n  ${(props) => {\n    let display = props.inline ? 'inline-flex' : 'flex'\n    if (props.display) display = props.display\n\n    let borderRadius = '0px'\n    if (props.rounded) borderRadius = props.preset === 'brand' ? '48px' : '5px'\n    if (props.round) borderRadius = '50%'\n\n    let cursor = 'pointer'\n    if (props.disabled) cursor = 'not-allowed'\n    if (props.loading) cursor = 'wait'\n\n    return `\n      display: ${display};\n      border-radius: ${borderRadius};\n      cursor: ${cursor};\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      justify-content: center;\n      align-items: center;\n      user-select: none;\n      border: none;\n      text-decoration: none;\n      appearance: none;\n      white-space: nowrap;\n      text-align: center;\n      vertical-align: top;\n      ${\n        props.preset === 'brand'\n          ? `\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }`\n          : `\n            border: none;\n            overflow: hidden;\n            transition-property: background-color, color;\n            transition-duration: 200ms;`\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'default') return defaultStyles\n\n    let schema = COLOR_SCHEMA.default\n\n    if (props.black) schema = COLOR_SCHEMA.black\n    if (props.danger) schema = COLOR_SCHEMA.danger\n    if (props.onColored) schema = COLOR_SCHEMA.onColored\n\n    if (props.clear) return schema.clear\n    if (props.base) return schema.base\n    if (props.outline) return schema.outline\n\n    return schema.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n\n  ${(props) => (props.fontSize ? property(props.fontSize, 'font-size') : null)}\n\n  ${(props) => (props.height ? property(props.height, 'height') : null)}\n\n  ${(props) => {\n    const cssProperty = props.fluid && props.width !== 'auto' ? 'max-width' : 'width'\n    return props.width ? property(getWidth(props.width), cssProperty) : null\n  }}\n\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL },\n      cssProperty: 'padding',\n    })\n  }}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })\n  }}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })\n  }}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })\n  }}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })\n  }}\n\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) => {\n    return responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })\n  }}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })\n  }}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })\n  }}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })\n  }}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })\n  }}\n\n  ${({ fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL }) => {\n    return responsiveNamedProperty({\n      sizes: { fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL },\n      cssProperty: 'font-size',\n    })\n  }}\n\n  ${({ heightXS, heightS, heightM, heightL, heightXL }) => {\n    return responsiveNamedProperty({\n      sizes: { heightXS, heightS, heightM, heightL, heightXL },\n      cssProperty: 'height',\n    })\n  }}\n\n  ${({ widthXS, widthS, widthM, widthL, widthXL, fluid, width }) => {\n    return responsiveNamedProperty({\n      sizes: { widthXS, widthS, widthM, widthL, widthXL },\n      cssProperty: fluid && width !== 'auto' ? 'max-width' : 'width',\n      customSizeHandler: getWidth,\n    })\n  }}\n\n  ${(props) => (props.fluid ? property(props.fluid, fluidStyles) : null)}\n  ${({ fluidXS, fluidS, fluidM, fluidL, fluidXL }) => {\n    return responsiveNamedProperty({\n      sizes: { fluidXS, fluidS, fluidM, fluidL, fluidXL },\n      cssProperty: fluidStyles,\n    })\n  }}\n`\n\nexport const LoaderIcon = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n"],"names":["shouldForwardButtonProp","createShouldForwardProp","propKey","includes","responsiveFluidPropKeyRegExp","test","responsiveWidthPropKeyRegExp","responsivePaddingPropKeyRegExp","responsiveFontSizePropKeyRegExp","responsiveHeightPropKeyRegExp","WIDTHS","xl","l","m","s","xs","loadingAnimation","keyframes","spinAnimation","defaultLoadingStyles","css","getWidth","width","fluidStyles","template","palette","color","concat","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","onColored","clear","props","_objectSpread","theme","colors","transparent","loading","base","success","tinycolor","darken","toString","outline","default","danger","black","lighten","defaultStyles","disabled","fontColor","saturate","inverted","basic","cssProperty","mercury","silver","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","round","undefined","paddingRight","paddingLeft","componentId","display","inline","borderRadius","rounded","preset","cursor","schema","focus","responsiveSize","padding","property","paddingTop","paddingBottom","margin","marginTop","marginRight","marginBottom","marginLeft","fluid","_ref","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","_ref2","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","_ref3","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","_ref4","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","_ref5","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","_ref6","marginXS","marginS","marginM","marginL","marginXL","_ref7","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","_ref8","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","_ref9","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","_ref10","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","_ref11","fontSizeXS","fontSizeS","fontSizeM","fontSizeL","fontSizeXL","_ref12","heightXS","heightS","heightM","heightL","heightXL","_ref13","widthXS","widthS","widthM","widthL","widthXL","customSizeHandler","_ref14","fluidXS","fluidS","fluidM","fluidL","fluidXL","LoaderIcon","LoaderFill"],"mappings":"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"}

package/components/Checkbox/Checkbox.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var styled=require('styled-components');var cx=require('clsx');var useClassname=require('../../hooks/useClassname.js');var useConfigPriority=require('../../hooks/use-config-priority.js');var Group=require('./Group.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var InputCheckbox=require('../InputCheckbox/InputCheckbox.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var cx__default=_interopDefault(cx);const Checkbox=React.forwardRef(((e,r)=>{const s=styled.useTheme();const t=useClassname.useClassname("Checkbox");const{preset:o,style:u,id:c,name:n,value:a,disabled:i,error:l,success:d,fluid:h,children:x,label:C,checked:k,defaultChecked:b,background:p,onColored:$,size:f="m",inline:y=!0,width:q=s.defaultInputControlsWidth,className:m,onChange:j=()=>{},...v}=useConfigPriority.useConfigPriority(s.components?.Checkbox,e);let g=s.preset==='brand';typeof o=='string'&&(g=o==='brand');const _=cx__default.default(t,m,k&&`${t}--checked`);const I=`${t}__label`;return require$$0.jsxs(style.Root,{ref:r,className:_,style:u,fluid:h,disabled:i,htmlFor:c||n,size:f,inline:y,width:q,error:l,success:d,background:p,onColored:$,brandPresetUsed:g,children:[require$$0.jsx(style.Input,{...v,...k===void 0?{defaultChecked:b}:{checked:k},id:c||n,name:n,type:"checkbox",value:a,disabled:i,onChange:j}),g?require$$0.jsxs(require$$0.Fragment,{children:[p&&require$$0.jsx(style.Background,{}),require$$0.jsx(style.BrandMask,{children:require$$0.jsx(style.CheckIcon,{})})]}):require$$0.jsx(style.DefaultMask,{}),(C||x)&&require$$0.jsx(style.Content,{className:I,children:C||x})]})}));Checkbox.Input=InputCheckbox.InputCheckbox,Checkbox.Group=Group.CheckboxGroup,Checkbox.displayName="Checkbox",exports.COMPONENT_NAME="Checkbox",exports.Checkbox=Checkbox;
+import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o}from'react';import{useTheme as a}from'styled-components';import s from'clsx';import{useClassname as t}from'../../hooks/useClassname.js';import{useConfigPriority as n}from'../../hooks/use-config-priority.js';import{InputCheckbox as c}from'../InputCheckbox/InputCheckbox.js';import{CheckboxGroup as i}from'./Group.js';import{Root as d,Input as l,Background as m,BrandMask as h,CheckIcon as u,DefaultMask as p,Content as b}from'./style.js';import{jsxs as k,jsx as f,Fragment as C}from'react/jsx-runtime';var v=["preset","style","id","name","value","disabled","error","success","fluid","children","label","checked","defaultChecked","background","onColored","size","inline","width","className","onChange"];var x='Checkbox';var g=o(((o,c)=>{var i;var x=a();var g=t("Checkbox");var j=n(null===(i=x.components)||void 0===i?void 0:i.Checkbox,o),{preset:y,style:N,id:I,name:w,value:M,disabled:P,error:z,success:G,fluid:_,children:B,label:E,checked:F,defaultChecked:O,background:R,onColored:T,size:W="m",inline:A=!0,width:D=x.defaultInputControlsWidth,className:S,onChange:U=(()=>{})}=j,q=r(j,v);var H='brand'===x.preset;'string'==typeof y&&(H='brand'===y);var J=s(g,S,F&&"".concat(g,"--checked"));var K="".concat(g,"__label");var L=void 0===F?{defaultChecked:O}:{checked:F};return k(d,{ref:c,className:J,style:N,fluid:_,disabled:P,htmlFor:I||w,size:W,inline:A,width:D,error:z,success:G,background:R,onColored:T,brandPresetUsed:H,children:[f(l,e(e(e({},q),L),{},{id:I||w,name:w,type:"checkbox",value:M,disabled:P,onChange:U})),H?k(C,{children:[R&&f(m,{}),f(h,{children:f(u,{})})]}):f(p,{}),(E||B)&&f(b,{className:K,children:E||B})]})}));g.Input=c,g.Group=i,g.displayName="Checkbox";export{x as COMPONENT_NAME,g as Checkbox};
 //# sourceMappingURL=Checkbox.js.map

package/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport cx from 'clsx'\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport { InputCheckbox } from 'components/InputCheckbox'\nimport { CheckboxGroup } from './Group'\nimport type { CheckboxComponent, CheckboxProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Checkbox'\n\nconst Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>((props, ref) => {\n  const theme = useTheme()\n  const baseClassName = useClassname(COMPONENT_NAME)\n\n  const {\n    preset,\n    style,\n    id,\n    name,\n    value,\n    disabled,\n    error,\n    success,\n    fluid,\n    children,\n    label,\n    checked,\n    defaultChecked,\n    background,\n    onColored,\n    size = 'm',\n    inline = true,\n    width = theme.defaultInputControlsWidth,\n    className: _className,\n    onChange = () => undefined,\n    ...configProps\n  } = useConfigPriority<CheckboxProps>(theme.components?.Checkbox, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof preset === 'string') brandPresetUsed = preset === 'brand'\n\n  const className = cx(baseClassName, _className, checked && `${baseClassName}--checked`)\n  const labelClassName = `${baseClassName}__label`\n  const inputProps = checked === undefined ? { defaultChecked } : { checked }\n\n  return (\n    <Styled.Root\n      ref={ref}\n      className={className}\n      style={style}\n      fluid={fluid}\n      disabled={disabled}\n      htmlFor={id || name}\n      size={size}\n      inline={inline}\n      width={width}\n      error={error}\n      success={success}\n      background={background}\n      onColored={onColored}\n      brandPresetUsed={brandPresetUsed}\n    >\n      <Styled.Input\n        {...configProps}\n        {...inputProps}\n        id={id || name}\n        name={name}\n        type='checkbox'\n        value={value}\n        disabled={disabled}\n        onChange={onChange}\n      />\n      {brandPresetUsed ? (\n        <>\n          {background && <Styled.Background />}\n          <Styled.BrandMask>\n            <Styled.CheckIcon />\n          </Styled.BrandMask>\n        </>\n      ) : (\n        <Styled.DefaultMask />\n      )}\n      {(label || children) && <Styled.Content className={labelClassName}>{label || children}</Styled.Content>}\n    </Styled.Root>\n  )\n}) as CheckboxComponent\n\nCheckbox.Input = InputCheckbox\nCheckbox.Group = CheckboxGroup\n\nCheckbox.displayName = COMPONENT_NAME\n\nexport { Checkbox, COMPONENT_NAME }\n\nexport type { CheckboxProps }\n"],"names":["Checkbox","forwardRef","props","ref","theme","useTheme","baseClassName","useClassname","preset","style","id","name","value","disabled","error","success","fluid","children","label","checked","defaultChecked","background","onColored","size","inline","width","defaultInputControlsWidth","className","_className","onChange","configProps","useConfigPriority","components","brandPresetUsed","cx","labelClassName","_jsxs","Styled","htmlFor","_jsx","jsx","undefined","type","jsxs","_Fragment","Background","CheckIcon","Input","InputCheckbox","Group","CheckboxGroup","displayName"],"mappings":"mfAaMA,MAAAA,SAAWC,MAAUA,YAAkC,CAACC,EAAOC,KACnE,MAAMC,EAAQC,OAAAA,WACd,MAAMC,EAAgBC,0BAJD,YAMrB,MAAMC,OACJA,QACAC,EAAKC,GACLA,EAAEC,KACFA,EAAIC,MACJA,EAAKC,SACLA,EAAQC,MACRA,EAAKC,QACLA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,MACRA,EAAKC,QACLA,EAAOC,eACPA,EAAcC,WACdA,EAAUC,UACVA,EAASC,KACTA,EAAO,IAAGC,OACVA,GAAS,EAAIC,MACbA,EAAQrB,EAAMsB,0BACdC,UAAWC,EAAUC,SACrBA,EAAWA,KAAe,KACvBC,GACDC,kBAAiBA,kBAAgB3B,EAAM4B,YAAYhC,SAAUE,GAEjE,IAAI+B,EAAkB7B,EAAMI,SAAW,eAC5BA,GAAW,WAAUyB,EAAkBzB,IAAW,SAE7D,MAAMmB,EAAYO,oBAAG5B,EAAesB,EAAYT,GAAW,GAAGb,cAC9D,MAAM6B,EAAiB,GAAG7B,WAG1B,OACE8B,WAAAA,KAACC,MAAAA,KAAW,CACVlC,IAAKA,EACLwB,UAAWA,EACXlB,MAAOA,EACPO,MAAOA,EACPH,SAAUA,EACVyB,QAAS5B,GAAMC,EACfY,KAAMA,EACNC,OAAQA,EACRC,MAAOA,EACPX,MAAOA,EACPC,QAASA,EACTM,WAAYA,EACZC,UAAWA,EACXW,gBAAiBA,EAAgBhB,SAEjCsB,CAAAA,WAAAC,IAACH,YAAY,IACPP,KApBSX,SAAYsB,EAAY,CAAErB,kBAAmB,CAAED,WAsB5DT,GAAIA,GAAMC,EACVA,KAAMA,EACN+B,KAAK,WACL9B,MAAOA,EACPC,SAAUA,EACVgB,SAAUA,IAEXI,EACCG,WAAAO,KAAAC,oBAAA,CAAA3B,SACGI,CAAAA,GAAckB,WAAAC,IAACH,MAAiBQ,WAAA,IACjCN,WAAAC,IAACH,gBAAgB,CAAApB,SACfsB,WAAAA,IAACF,MAAgBS,UAAE,SAIvBP,WAAAA,IAACF,MAAAA,YAAoB,CAAA,IAErBnB,GAASD,IAAasB,WAAAC,IAACH,cAAc,CAACV,UAAWQ,EAAelB,SAAEC,GAASD,MACjE,IAIlBjB,SAAS+C,MAAQC,cAAAA,cACjBhD,SAASiD,MAAQC,MAAAA,cAEjBlD,SAASmD,YAlFc,kCAAA"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport cx from 'clsx'\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport { InputCheckbox } from 'components/InputCheckbox'\nimport { CheckboxGroup } from './Group'\nimport type { CheckboxComponent, CheckboxProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Checkbox'\n\nconst Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>((props, ref) => {\n  const theme = useTheme()\n  const baseClassName = useClassname(COMPONENT_NAME)\n\n  const {\n    preset,\n    style,\n    id,\n    name,\n    value,\n    disabled,\n    error,\n    success,\n    fluid,\n    children,\n    label,\n    checked,\n    defaultChecked,\n    background,\n    onColored,\n    size = 'm',\n    inline = true,\n    width = theme.defaultInputControlsWidth,\n    className: _className,\n    onChange = () => undefined,\n    ...configProps\n  } = useConfigPriority<CheckboxProps>(theme.components?.Checkbox, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof preset === 'string') brandPresetUsed = preset === 'brand'\n\n  const className = cx(baseClassName, _className, checked && `${baseClassName}--checked`)\n  const labelClassName = `${baseClassName}__label`\n  const inputProps = checked === undefined ? { defaultChecked } : { checked }\n\n  return (\n    <Styled.Root\n      ref={ref}\n      className={className}\n      style={style}\n      fluid={fluid}\n      disabled={disabled}\n      htmlFor={id || name}\n      size={size}\n      inline={inline}\n      width={width}\n      error={error}\n      success={success}\n      background={background}\n      onColored={onColored}\n      brandPresetUsed={brandPresetUsed}\n    >\n      <Styled.Input\n        {...configProps}\n        {...inputProps}\n        id={id || name}\n        name={name}\n        type='checkbox'\n        value={value}\n        disabled={disabled}\n        onChange={onChange}\n      />\n      {brandPresetUsed ? (\n        <>\n          {background && <Styled.Background />}\n          <Styled.BrandMask>\n            <Styled.CheckIcon />\n          </Styled.BrandMask>\n        </>\n      ) : (\n        <Styled.DefaultMask />\n      )}\n      {(label || children) && <Styled.Content className={labelClassName}>{label || children}</Styled.Content>}\n    </Styled.Root>\n  )\n}) as CheckboxComponent\n\nCheckbox.Input = InputCheckbox\nCheckbox.Group = CheckboxGroup\n\nCheckbox.displayName = COMPONENT_NAME\n\nexport { Checkbox, COMPONENT_NAME }\n\nexport type { CheckboxProps }\n"],"names":["COMPONENT_NAME","Checkbox","forwardRef","props","ref","_theme$components","theme","useTheme","baseClassName","useClassname","useConfigPriority","components","preset","style","id","name","value","disabled","error","success","fluid","children","label","checked","defaultChecked","background","onColored","size","inline","width","defaultInputControlsWidth","className","_className","onChange","_useConfigPriority","configProps","_objectWithoutProperties","_excluded","brandPresetUsed","cx","concat","labelClassName","inputProps","_jsxs","Styled.Root","htmlFor","_jsx","Styled.Input","type","_Fragment","Styled.Background","Styled.BrandMask","Styled.CheckIcon","Styled.DefaultMask","Styled.Content","Input","InputCheckbox","Group","CheckboxGroup","displayName"],"mappings":"s0BAWMA,IAAAA,EAAiB,WAEjBC,IAAAA,EAAWC,GAAAA,CAA6CC,EAAOC,KAAQ,IAAAC,EAC3E,IAAMC,EAAQC,IACd,IAAMC,EAAgBC,EAJD,YAMrB,IAsBIC,EAAAA,UAAiCJ,EAAAA,EAAMK,kBAAAA,aAANN,EAAkBJ,SAAUE,IAtB3DS,OACJA,EADIC,MAEJA,EAFIC,GAGJA,EAHIC,KAIJA,EAJIC,MAKJA,EALIC,SAMJA,EANIC,MAOJA,EAPIC,QAQJA,EARIC,MASJA,EATIC,SAUJA,EAVIC,MAWJA,EAXIC,QAYJA,EAZIC,eAaJA,EAbIC,WAcJA,EAdIC,UAeJA,EAfIC,KAgBJA,EAAO,IAhBHC,OAiBJA,GAAAA,EAjBIC,MAkBJA,EAAQvB,EAAMwB,0BACdC,UAAWC,EAnBPC,SAoBJA,EAAW,UApBbC,EAqBKC,EArBLC,EAAAF,EAAAG,GAwBA,IAAIC,EAAmC,UAAjBhC,EAAMM,OACN,iBAAXA,IAAqB0B,EAA6B,UAAX1B,GAElD,IAAMmB,EAAYQ,EAAG/B,EAAewB,EAAYT,GAAO,GAAAiB,OAAOhC,EAAP,cACvD,IAAMiC,EAAoBjC,GAAAA,OAAAA,EAA1B,WACA,IAAMkC,OAAAA,IAAanB,EAAwB,CAAEC,eAAAA,GAAmB,CAAED,QAAAA,GAElE,OACEoB,EAACC,EAAD,CACExC,IAAKA,EACL2B,UAAWA,EACXlB,MAAOA,EACPO,MAAOA,EACPH,SAAUA,EACV4B,QAAS/B,GAAMC,EACfY,KAAMA,EACNC,OAAQA,EACRC,MAAOA,EACPX,MAAOA,EACPC,QAASA,EACTM,WAAYA,EACZC,UAAWA,EACXY,gBAAiBA,EAdnBjB,SAAA,CAgBEyB,EAACC,EACKZ,EAAAA,EAAAA,EAAAA,GAAAA,GACAO,GAFN,GAAA,CAGE5B,GAAIA,GAAMC,EACVA,KAAMA,EACNiC,KAAK,WACLhC,MAAOA,EACPC,SAAUA,EACVgB,SAAUA,KAEXK,EACCK,EAAAM,EAAA,CAAA5B,SACGI,CAAAA,GAAcqB,EAACI,EAAD,IACfJ,EAACK,EAAD,CAAA9B,SACEyB,EAACM,EAAD,SAIJN,EAACO,EAlCL,KAoCI/B,GAASD,IAAayB,EAACQ,EAAD,CAAgBvB,UAAWU,EAA3BpB,SAA4CC,GAASD,UAKnFpB,EAASsD,MAAQC,EACjBvD,EAASwD,MAAQC,EAEjBzD,EAAS0D,YAlFc"}

package/components/Checkbox/Group.js

@@ -1,2 +1,2 @@
-'use strict';var style=require('./style.js');var require$$0=require('react/jsx-runtime');exports.CheckboxGroup=({children:e,...r})=>require$$0.jsx(style.Group,{...r,children:e});
+import r from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{Group as o}from'./style.js';import{jsx as t}from'react/jsx-runtime';var i=["children"];var m=m=>{var{children:p}=m,a=e(m,i);return t(o,r(r({},a),{},{children:p}))};export{m as CheckboxGroup};
 //# sourceMappingURL=Group.js.map

package/components/Checkbox/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../../src/components/Checkbox/Group.tsx"],"sourcesContent":["import * as Styled from './style'\nimport type { CheckboxGroupProps } from './types'\n\nconst CheckboxGroup = ({ children, ...props }: CheckboxGroupProps) => {\n  return <Styled.Group {...props}>{children}</Styled.Group>\n}\n\nexport { CheckboxGroup }\n"],"names":["CheckboxGroup","children","props","_jsx","Styled"],"mappings":"+GAGsBA,EAAGC,cAAaC,KAC7BC,WAAAA,IAACC,MAAAA,MAAY,IAAKF,EAAKD,SAAGA"}
+{"version":3,"file":"Group.js","sources":["../../../../src/components/Checkbox/Group.tsx"],"sourcesContent":["import * as Styled from './style'\nimport type { CheckboxGroupProps } from './types'\n\nconst CheckboxGroup = ({ children, ...props }: CheckboxGroupProps) => {\n  return <Styled.Group {...props}>{children}</Styled.Group>\n}\n\nexport { CheckboxGroup }\n"],"names":["CheckboxGroup","_ref","children","props","_objectWithoutProperties","_excluded","_jsx","Styled.Group"],"mappings":"gNAGMA,IAAAA,EAAgBC,IAAgD,IAA/CC,SAAEA,GAA6CD,EAAhCE,EAAgCC,EAAAH,EAAAI,GACpE,OAAOC,EAACC,SAAiBJ,GAAlB,GAAA,CAAAD,SAA0BA"}

package/components/Checkbox/images/check-default.module.svg.js

@@ -0,0 +1,2 @@
+import*as e from'react';var t,r;function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},a.apply(this,arguments)}var l=l=>e.createElement("svg",a({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},l),t||(t=e.createElement("rect",{x:.455,y:.455,width:19.091,height:19.091,rx:5,fill:"#fff",stroke:"#B8B8B8"})),r||(r=e.createElement("g",{fill:"none"},e.createElement("rect",{fill:"#1A96F6",width:20,height:20,rx:5}),e.createElement("path",{stroke:"#fff",strokeWidth:2,d:"M6 9.99 9 13l6-6"}))));export{l as default};
+//# sourceMappingURL=check-default.module.svg.js.map

package/components/Checkbox/images/check-default.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-default.module.svg.js","sources":["../../../../../src/components/Checkbox/images/check-default.module.svg"],"sourcesContent":["<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\".455\" y=\".455\" width=\"19.091\" height=\"19.091\" rx=\"5\" fill=\"#fff\" stroke=\"#B8B8B8\"/><g fill=\"none\"><rect fill=\"#1A96F6\" width=\"20\" height=\"20\" rx=\"5\"/><path stroke=\"#fff\" stroke-width=\"2\" d=\"M6 9.99 9 13l6-6\"/></g></svg>"],"names":["_rect","_g","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgCheckDefaultmodule","props","React","createElement","viewBox","xmlns","x","y","width","height","rx","fill","stroke","strokeWidth","d"],"mappings":"wBAAA,IAAIA,EAAOC,EAEX,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAcN,IAAiBQ,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAAuDC,GACrCC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,QAAS,YACTC,MAAO,8BACNJ,GAAQhB,IAAUA,EAAqBiB,EAAMC,cAAc,OAAQ,CACpEG,EAAG,KACHC,EAAG,KACHC,MAAO,OACPC,OAAQ,OACRC,GAAI,EACJC,KAAM,OACNC,OAAQ,aACL1B,IAAOA,EAAkBgB,EAAMC,cAAc,IAAK,CACrDQ,KAAM,QACQT,EAAMC,cAAc,OAAQ,CAC1CQ,KAAM,UACNH,MAAO,GACPC,OAAQ,GACRC,GAAI,IACWR,EAAMC,cAAc,OAAQ,CAC3CS,OAAQ,OACRC,YAAa,EACbC,EAAG"}

package/components/Checkbox/images/check.module.svg.js

@@ -0,0 +1,2 @@
+import*as r from'react';var e;function t(){return t=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},t.apply(this,arguments)}var n=n=>r.createElement("svg",t({viewBox:"0 0 12 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),e||(e=r.createElement("path",{d:"M10.5 1.5 4.312 8 1.5 5.045",stroke:"currentcolor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})));export{n as default};
+//# sourceMappingURL=check.module.svg.js.map

package/components/Checkbox/images/check.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check.module.svg.js","sources":["../../../../../src/components/Checkbox/images/check.module.svg"],"sourcesContent":["<svg viewBox=\"0 0 12 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10.5 1.5 4.312 8 1.5 5.045\" stroke=\"currentcolor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgCheckmodule","props","React","createElement","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAAA,IAA+BE,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAAyCC,GACvBC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,QAAS,WACTC,KAAM,OACNC,MAAO,8BACNL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,EAAG,8BACHC,OAAQ,eACRC,YAAa,IACbC,cAAe,QACfC,eAAgB"}

package/components/Checkbox/style.js

@@ -1,11 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var screen=require('../../mixins/screen.js');var responsiveProperty=require('../../mixins/responsive-property.js');var checkDefault=require('./images/check-default.svg.js');var check=require('./images/check.svg.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const DEFAULT_SIZES={extraSmall:12,xs:12,small:14,s:14,medium:16,m:16,large:18,l:18,extraLarge:20,xl:20};const BRAND_SIZES={extraSmall:16,xs:16,small:20,s:20,medium:24,m:24,large:28,l:28,extraLarge:32,xl:32};const STATIC_SIZES=['extraSmall','xs','small','s','medium','m','large','l','extraLarge','xl'];const baseStyles=styled.css(["",""],(e=>`\n    &,\n    & * {\n      box-sizing: border-box;\n    }\n    position: relative;\n    cursor: pointer;\n    padding: ${e.background?12:0}px;\n    display: ${e.inline?'inline-flex':'flex'};\n    align-items: baseline;\n    isolation: isolate;\n    & + & {\n      margin-left: 15px;\n    }\n  `));const Input=styled__default.default.input.withConfig({displayName:"Checkbox__Input",componentId:"ui__sc-9s6oap-0"})(["position:absolute;opacity:0;z-index:-1;&:focus{outline:none;}"]);const Background=styled__default.default.span.withConfig({displayName:"Checkbox__Background",componentId:"ui__sc-9s6oap-1"})(["border-radius:8px;border:1px solid;border-color:transparent;overflow:hidden;&::before{content:'';opacity:0;}&,&::before{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:border-color,background-color,opacity;transition-duration:150ms;transition-timing-function:ease-in;}"]);const DefaultMask=styled__default.default(checkDefault.default).withConfig({displayName:"Checkbox__DefaultMask",componentId:"ui__sc-9s6oap-2"})(["position:relative;top:2px;width:1em;height:1em;flex-shrink:0;g{opacity:0;transition:opacity 200ms ease;}"]);const BrandMask=styled__default.default.div.withConfig({displayName:"Checkbox__BrandMask",componentId:"ui__sc-9s6oap-3"})(["position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em;border-radius:4px;border:1px solid;border-color:transparent;transition-property:border-color;transition-duration:150ms;transition-timing-function:ease-in;"]);const CheckIcon=styled__default.default(check.default).withConfig({displayName:"Checkbox__CheckIcon",componentId:"ui__sc-9s6oap-4"})(["width:50%;opacity:0;"]);const Content=styled__default.default.span.withConfig({displayName:"Checkbox__Content",componentId:"ui__sc-9s6oap-5"})(["position:relative;margin-left:10px;"]);const template=e=>`\n  & > ${Content} {\n    color: ${e.fontColor};\n  }\n  & > ${BrandMask} {\n    background-color: ${e.bg};\n    color: ${e.color};\n    border-color: ${e.border};\n  }\n  & > ${Input}:checked ~ ${BrandMask} {\n    border-color: transparent;\n    background-color: ${e.bgChecked};\n  }\n  & > ${Input}:checked ~ ${BrandMask} > ${CheckIcon} {\n    opacity: 1;\n  }\n  & > ${Input}:disabled ~ ${Content} {\n    color: ${e.colorDisabled};\n  }\n  &:hover > ${BrandMask} {\n    border-color: ${e.borderHover};\n  }\n  &:focus {\n    outline: none;\n  }\n  & > ${Input}:focus-visible ~ ${BrandMask} {\n    outline: 1px solid ${e.outlineFocus};\n    outline-offset: 2px;\n  }\n`;const templateBackground=e=>`\n  & > ${Background} {\n    background-color: ${e.bg};\n    border-color: ${e.border};\n  }\n  & > ${Input}:checked ~ ${Background} {\n    background-color: ${e.bgChecked};\n    border-color: ${e.borderChecked};\n  }\n  &:hover > ${Background} {\n    background-color: ${e.bgHover};\n    border-color: ${e.borderHover};\n  }\n  &:hover > ${Background}::before {\n    background-color: ${e.beforeBgHover};\n    opacity: 1;\n  }\n`;const PRESET={default:{regular:styled.css([""," ",""],(e=>template({fontColor:e.theme.colors['content-onmain-primary'],bg:e.theme.colors['bg-onmain-primary'],color:e.theme.colors['content-oncolor-primary'],border:e.theme.colors['border-onmain-default-small'],bgChecked:e.theme.colors['bg-brand-primary-basic'],borderHover:e.theme.colors['border-brand-primary'],outlineFocus:e.theme.colors['border-brand-primary'],colorDisabled:e.theme.colors['content-disabled']})),(e=>e.background?templateBackground({bg:e.theme.colors['bg-onmain-secondary'],border:e.theme.colors['border-onmain-default-small'],bgChecked:e.theme.colors['bg-brand-primary-100'],borderChecked:e.theme.colors['border-brand-primary'],bgHover:e.theme.colors['bg-oncolor-hover'],borderHover:e.theme.colors['border-onmain-default-large'],beforeBgHover:'transparent'}):null)),error:styled.css([""," ",""],(e=>template({fontColor:e.theme.colors['content-onmain-primary'],bg:e.theme.colors['alert-bg-error-100'],color:e.theme.colors['content-oncolor-primary'],border:e.theme.colors['alert-bg-error-500'],bgChecked:e.theme.colors['alert-bg-error-500'],borderHover:e.theme.colors['alert-error'],outlineFocus:e.theme.colors['alert-error'],colorDisabled:e.theme.colors['content-disabled']})),(e=>e.background?templateBackground({bg:e.theme.colors['alert-bg-error-100'],border:e.theme.colors['alert-error'],bgChecked:e.theme.colors['alert-bg-error-100'],borderChecked:e.theme.colors['alert-error'],bgHover:e.theme.colors['alert-bg-error-100'],borderHover:e.theme.colors['alert-error'],beforeBgHover:'transparent'}):null)),success:styled.css([""," ",""],(e=>template({fontColor:e.theme.colors['content-onmain-primary'],bg:e.theme.colors['alert-bg-success-100'],color:e.theme.colors['content-oncolor-primary'],border:e.theme.colors['alert-bg-success-500'],bgChecked:e.theme.colors['alert-bg-success-500'],borderHover:e.theme.colors['alert-success'],outlineFocus:e.theme.colors['alert-success'],colorDisabled:e.theme.colors['content-disabled']})),(e=>e.background?templateBackground({bg:e.theme.colors['alert-bg-success-100'],border:e.theme.colors['alert-success'],bgChecked:e.theme.colors['alert-bg-success-100'],borderChecked:e.theme.colors['alert-success'],bgHover:e.theme.colors['alert-bg-success-100'],borderHover:e.theme.colors['alert-success'],beforeBgHover:'transparent'}):null)),disabled:styled.css(["cursor:auto;"," ",""],(e=>template({fontColor:e.theme.colors['content-onmain-primary'],bg:e.theme.colors['bg-disabled-large'],color:e.theme.colors['content-oncolor-primary'],border:e.theme.colors['border-disabled'],bgChecked:e.theme.colors['bg-disabled-active'],borderHover:e.theme.colors['border-disabled'],outlineFocus:e.theme.colors['border-disabled'],colorDisabled:e.theme.colors['content-disabled']})),(e=>e.background?templateBackground({bg:e.theme.colors['bg-disabled-large'],border:e.theme.colors['border-disabled'],bgChecked:e.theme.colors['bg-disabled-large'],borderChecked:e.theme.colors['bg-disabled-active'],bgHover:e.theme.colors['bg-disabled-large'],borderHover:e.theme.colors['border-disabled'],beforeBgHover:'transparent'}):null))},onColored:{regular:styled.css([""," ",""],(e=>template(e.background?{fontColor:e.theme.colors['content-onmain-primary'],bg:e.theme.colors['bg-onmain-primary'],color:e.theme.colors['content-oncolor-primary'],border:e.theme.colors['border-onmain-default-small'],bgChecked:e.theme.colors['bg-brand-primary-basic'],borderHover:e.theme.colors['border-brand-primary'],outlineFocus:e.theme.colors['border-brand-primary'],colorDisabled:e.theme.colors['content-oncolor-disabled']}:{fontColor:e.theme.colors['content-oncolor-primary'],bg:e.theme.colors['bg-onmain-primary'],color:e.theme.colors['content-brand-primary'],border:e.theme.colors['border-onmain-default-small'],bgChecked:e.theme.colors['bg-oncolor-primary'],borderHover:e.theme.colors['border-brand-primary'],outlineFocus:e.theme.colors['content-oncolor-primary'],colorDisabled:e.theme.colors['content-oncolor-disabled']})),(e=>e.background?templateBackground({bg:e.theme.colors['bg-onmain-secondary'],border:e.theme.colors['border-onmain-default-large'],bgChecked:e.theme.colors['bg-onmain-primary'],borderChecked:e.theme.colors['border-onmain-default-large'],bgHover:e.theme.colors['bg-onmain-secondary'],borderHover:e.theme.colors['border-onmain-default-large'],beforeBgHover:e.theme.colors['bg-oncolor-hover']}):null)),error:styled.css([""," ",""],(e=>template(e.background?{fontColor:e.theme.colors['content-onmain-primary'],bg:e.theme.colors['alert-bg-error-100'],color:e.theme.colors['content-oncolor-primary'],border:e.theme.colors['alert-bg-error-500'],bgChecked:e.theme.colors['alert-bg-error-500'],borderHover:e.theme.colors['alert-error'],outlineFocus:e.theme.colors['alert-error'],colorDisabled:e.theme.colors['content-oncolor-disabled']}:{fontColor:e.theme.colors['content-oncolor-primary'],bg:e.theme.colors['alert-bg-error-100'],color:e.theme.colors['content-oncolor-primary'],border:e.theme.colors['alert-bg-error-500'],bgChecked:e.theme.colors['alert-bg-error-500'],borderHover:e.theme.colors['alert-error'],outlineFocus:e.theme.colors['alert-error'],colorDisabled:e.theme.colors['content-oncolor-disabled']})),(e=>e.background?templateBackground({bg:e.theme.colors['alert-bg-error-100'],border:e.theme.colors['alert-bg-error-500'],bgChecked:e.theme.colors['alert-bg-error-100'],borderChecked:e.theme.colors['alert-error'],bgHover:e.theme.colors['alert-bg-error-100'],borderHover:e.theme.colors['alert-error'],beforeBgHover:e.theme.colors['bg-oncolor-hover']}):null)),success:styled.css([""," ",""],(e=>template(e.background?{fontColor:e.theme.colors['content-onmain-primary'],bg:e.theme.colors['alert-bg-success-100'],color:e.theme.colors['content-oncolor-primary'],border:e.theme.colors['alert-bg-success-500'],bgChecked:e.theme.colors['alert-bg-success-500'],borderHover:e.theme.colors['alert-success'],outlineFocus:e.theme.colors['alert-success'],colorDisabled:e.theme.colors['content-oncolor-disabled']}:{fontColor:e.theme.colors['content-oncolor-primary'],bg:e.theme.colors['alert-bg-success-100'],color:e.theme.colors['content-oncolor-primary'],border:e.theme.colors['alert-bg-success-500'],bgChecked:e.theme.colors['alert-bg-success-500'],borderHover:e.theme.colors['alert-success'],outlineFocus:e.theme.colors['alert-success'],colorDisabled:e.theme.colors['content-oncolor-disabled']})),(e=>e.background?templateBackground({bg:e.theme.colors['alert-bg-success-100'],border:e.theme.colors['alert-bg-success-500'],bgChecked:e.theme.colors['alert-bg-success-100'],borderChecked:e.theme.colors['alert-success'],bgHover:e.theme.colors['alert-bg-success-100'],borderHover:e.theme.colors['alert-success'],beforeBgHover:e.theme.colors['bg-oncolor-hover']}):null)),disabled:styled.css(["cursor:auto;"," ",""],(e=>template(e.background?{fontColor:e.theme.colors['content-onmain-primary'],bg:e.theme.colors['bg-disabled-large'],color:e.theme.colors['content-oncolor-primary'],border:e.theme.colors['border-disabled'],bgChecked:e.theme.colors['bg-disabled-active'],borderHover:e.theme.colors['border-disabled'],outlineFocus:e.theme.colors['border-disabled'],colorDisabled:e.theme.colors['content-disabled']}:{fontColor:e.theme.colors['content-oncolor-primary'],bg:e.theme.colors['bg-disabled-large'],color:e.theme.colors['content-oncolor-primary'],border:e.theme.colors['border-disabled'],bgChecked:e.theme.colors['bg-disabled-active'],borderHover:e.theme.colors['border-disabled'],outlineFocus:e.theme.colors['border-disabled'],colorDisabled:e.theme.colors['content-oncolor-disabled']})),(e=>e.background?templateBackground({bg:e.theme.colors['bg-onmain-secondary'],border:e.theme.colors['border-oncolor-disabled'],bgChecked:e.theme.colors['bg-onmain-secondary'],borderChecked:e.theme.colors['border-oncolor-disabled'],bgHover:e.theme.colors['bg-onmain-secondary'],borderHover:e.theme.colors['border-oncolor-disabled'],beforeBgHover:'transparent'}):null))}};const PRESET_DEFAULT={default:styled.css([""," ",""],(e=>e.error?`\n          & > ${DefaultMask} > rect { \n            fill: ${tinycolor.default(e.theme.colors.pomegranate).setAlpha(.1).toString()};\n            stroke: ${e.theme.colors.pomegranate};\n          }  \n          & > ${DefaultMask} g > rect {\n            fill: ${e.theme.colors.pomegranate};\n          }\n        `:null),(e=>`\n      color: ${e.disabled?e.theme.colors.alto:e.theme.colors.mineShaft};\n      cursor: ${e.disabled?'not-allowed':'pointer'};\n\n      & > ${Input}:checked ~ ${DefaultMask} g {\n        opacity: 1;\n      }\n      & > ${Input}:disabled ~ ${DefaultMask} > rect {\n        fill: ${e.theme.colors.white};\n        stroke: ${e.theme.colors.grey};\n      }\n      & > ${Input}:checked:disabled ~ ${DefaultMask} g > rect {\n        fill: ${e.theme.colors.alto};\n      }\n      &:focus {\n        outline: none;\n      }\n      & > ${Input}:focus-visible ~ ${DefaultMask} {\n        outline: 1px solid ${e.theme.colors.accent};\n        outline-offset: 2px;\n      }\n    `))};const Root=styled__default.default.label.withConfig({shouldForwardProp:e=>['children','htmlFor','style'].includes(e)}).withConfig({displayName:"Checkbox__Root",componentId:"ui__sc-9s6oap-6"})([""," "," "," "," ",""],baseStyles,(e=>e.brandPresetUsed?e.disabled&&!e.onColored?PRESET.default.disabled:e.disabled&&e.onColored?PRESET.onColored.disabled:!e.error||e.success||e.onColored?e.error&&!e.success&&e.onColored?PRESET.onColored.error:!e.success||e.error||e.onColored?e.success&&!e.error&&e.onColored?PRESET.onColored.success:e.onColored?PRESET.onColored.regular:PRESET.default.regular:PRESET.default.success:PRESET.default.error:PRESET_DEFAULT.default),(e=>{const o=e.brandPresetUsed?BRAND_SIZES:DEFAULT_SIZES;return STATIC_SIZES.includes(e.size)?`font-size: ${o[e.size]}px;`:responsiveProperty.responsiveProperty('size','font-size')}),(e=>responsiveProperty.responsiveProperty('width',e.fluid&&e.width!=='auto'&&!Array.isArray(e.width)?'max-width':'width')),(e=>e.fluid?'width: 100%;':null));const Group=styled__default.default.div.withConfig({shouldForwardProp:e=>e!=='inline'}).withConfig({displayName:"Checkbox__Group",componentId:"ui__sc-9s6oap-7"})(["",""],(e=>e.inline?styled.css(["display:flex;flex-direction:row;> ",":first-child{margin-left:0;}> ",":not(:first-child){margin-left:15px;}",""],Root,Root,screen.screenMaxS()`
-            flex-direction: column;
-            > ${Root}:first-child {
-              margin-top: 0;
-            }
-            > ${Root}:not(:first-child) {
-              margin-top: 15px;
-              margin-left: 0;
-            }
-          `):`\n          display: flex;\n          flex-direction: column;\n          > ${Root}:first-child {\n            margin-top: 0;\n            margin-left: 0;\n          }\n          > ${Root}:not(:first-child) {\n            margin-top: 15px;\n            margin-left: 0;\n          }\n      `));exports.Background=Background,exports.BrandMask=BrandMask,exports.CheckIcon=CheckIcon,exports.Content=Content,exports.DefaultMask=DefaultMask,exports.Group=Group,exports.Input=Input,exports.Root=Root;
+import o from'@babel/runtime/helpers/taggedTemplateLiteral';import e,{css as r}from'styled-components';import c from'tinycolor2';import{screenMaxS as t}from'../../mixins/screen.js';import{responsiveProperty as n}from'../../mixins/responsive-property.js';import l from'./images/check-default.module.svg.js';import s from'./images/check.module.svg.js';var a;var d={extraSmall:12,xs:12,small:14,s:14,medium:16,m:16,large:18,l:18,extraLarge:20,xl:20};var i={extraSmall:16,xs:16,small:20,s:20,medium:24,m:24,large:28,l:28,extraLarge:32,xl:32};var b=['extraSmall','xs','small','s','medium','m','large','l','extraLarge','xl'];var m=r(["",""],(o=>"\n    &,\n    & * {\n      box-sizing: border-box;\n    }\n    position: relative;\n    cursor: pointer;\n    padding: ".concat(o.background?12:0,"px;\n    display: ").concat(o.inline?'inline-flex':'flex',";\n    align-items: baseline;\n    isolation: isolate;\n    & + & {\n      margin-left: 15px;\n    }\n  ")));var h=e.input.withConfig({componentId:"fox-ui__sc-9s6oap-0"})(["position:absolute;opacity:0;z-index:-1;&:focus{outline:none;}"]);var g=e.span.withConfig({componentId:"fox-ui__sc-9s6oap-1"})(["border-radius:8px;border:1px solid;border-color:transparent;overflow:hidden;&::before{content:'';opacity:0;}&,&::before{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:border-color,background-color,opacity;transition-duration:150ms;transition-timing-function:ease-in;}"]);var u=e(l).withConfig({componentId:"fox-ui__sc-9s6oap-2"})(["position:relative;top:2px;width:1em;height:1em;flex-shrink:0;g{opacity:0;transition:opacity 200ms ease;}"]);var p=e.div.withConfig({componentId:"fox-ui__sc-9s6oap-3"})(["position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em;border-radius:4px;border:1px solid;border-color:transparent;transition-property:border-color;transition-duration:150ms;transition-timing-function:ease-in;"]);var f=e(s).withConfig({componentId:"fox-ui__sc-9s6oap-4"})(["width:50%;opacity:0;"]);var v=e.span.withConfig({componentId:"fox-ui__sc-9s6oap-5"})(["position:relative;margin-left:10px;"]);var y=o=>"\n  & > ".concat(v," {\n    color: ").concat(o.fontColor,";\n  }\n  & > ").concat(p," {\n    background-color: ").concat(o.bg,";\n    color: ").concat(o.color,";\n    border-color: ").concat(o.border,";\n  }\n  & > ").concat(h,":checked ~ ").concat(p," {\n    border-color: transparent;\n    background-color: ").concat(o.bgChecked,";\n  }\n  & > ").concat(h,":checked ~ ").concat(p," > ").concat(f," {\n    opacity: 1;\n  }\n  & > ").concat(h,":disabled ~ ").concat(v," {\n    color: ").concat(o.colorDisabled,";\n  }\n  &:hover > ").concat(p," {\n    border-color: ").concat(o.borderHover,";\n  }\n  &:focus {\n    outline: none;\n  }\n  & > ").concat(h,":focus-visible ~ ").concat(p," {\n    outline: 1px solid ").concat(o.outlineFocus,";\n    outline-offset: 2px;\n  }\n");var C=o=>"\n  & > ".concat(g," {\n    background-color: ").concat(o.bg,";\n    border-color: ").concat(o.border,";\n  }\n  & > ").concat(h,":checked ~ ").concat(g," {\n    background-color: ").concat(o.bgChecked,";\n    border-color: ").concat(o.borderChecked,";\n  }\n  &:hover > ").concat(g," {\n    background-color: ").concat(o.bgHover,";\n    border-color: ").concat(o.borderHover,";\n  }\n  &:hover > ").concat(g,"::before {\n    background-color: ").concat(o.beforeBgHover,";\n    opacity: 1;\n  }\n");var k={default:{regular:r([""," ",""],(o=>y({fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['bg-onmain-primary'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['border-onmain-default-small'],bgChecked:o.theme.colors['bg-brand-primary-basic'],borderHover:o.theme.colors['border-brand-primary'],outlineFocus:o.theme.colors['border-brand-primary'],colorDisabled:o.theme.colors['content-disabled']})),(o=>o.background?C({bg:o.theme.colors['bg-onmain-secondary'],border:o.theme.colors['border-onmain-default-small'],bgChecked:o.theme.colors['bg-brand-primary-100'],borderChecked:o.theme.colors['border-brand-primary'],bgHover:o.theme.colors['bg-oncolor-hover'],borderHover:o.theme.colors['border-onmain-default-large'],beforeBgHover:'transparent'}):null)),error:r([""," ",""],(o=>y({fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['alert-bg-error-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-error-500'],bgChecked:o.theme.colors['alert-bg-error-500'],borderHover:o.theme.colors['alert-error'],outlineFocus:o.theme.colors['alert-error'],colorDisabled:o.theme.colors['content-disabled']})),(o=>o.background?C({bg:o.theme.colors['alert-bg-error-100'],border:o.theme.colors['alert-error'],bgChecked:o.theme.colors['alert-bg-error-100'],borderChecked:o.theme.colors['alert-error'],bgHover:o.theme.colors['alert-bg-error-100'],borderHover:o.theme.colors['alert-error'],beforeBgHover:'transparent'}):null)),success:r([""," ",""],(o=>y({fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['alert-bg-success-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-success-500'],bgChecked:o.theme.colors['alert-bg-success-500'],borderHover:o.theme.colors['alert-success'],outlineFocus:o.theme.colors['alert-success'],colorDisabled:o.theme.colors['content-disabled']})),(o=>o.background?C({bg:o.theme.colors['alert-bg-success-100'],border:o.theme.colors['alert-success'],bgChecked:o.theme.colors['alert-bg-success-100'],borderChecked:o.theme.colors['alert-success'],bgHover:o.theme.colors['alert-bg-success-100'],borderHover:o.theme.colors['alert-success'],beforeBgHover:'transparent'}):null)),disabled:r(["cursor:auto;"," ",""],(o=>y({fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['bg-disabled-large'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['border-disabled'],bgChecked:o.theme.colors['bg-disabled-active'],borderHover:o.theme.colors['border-disabled'],outlineFocus:o.theme.colors['border-disabled'],colorDisabled:o.theme.colors['content-disabled']})),(o=>o.background?C({bg:o.theme.colors['bg-disabled-large'],border:o.theme.colors['border-disabled'],bgChecked:o.theme.colors['bg-disabled-large'],borderChecked:o.theme.colors['bg-disabled-active'],bgHover:o.theme.colors['bg-disabled-large'],borderHover:o.theme.colors['border-disabled'],beforeBgHover:'transparent'}):null))},onColored:{regular:r([""," ",""],(o=>y(o.background?{fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['bg-onmain-primary'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['border-onmain-default-small'],bgChecked:o.theme.colors['bg-brand-primary-basic'],borderHover:o.theme.colors['border-brand-primary'],outlineFocus:o.theme.colors['border-brand-primary'],colorDisabled:o.theme.colors['content-oncolor-disabled']}:{fontColor:o.theme.colors['content-oncolor-primary'],bg:o.theme.colors['bg-onmain-primary'],color:o.theme.colors['content-brand-primary'],border:o.theme.colors['border-onmain-default-small'],bgChecked:o.theme.colors['bg-oncolor-primary'],borderHover:o.theme.colors['border-brand-primary'],outlineFocus:o.theme.colors['content-oncolor-primary'],colorDisabled:o.theme.colors['content-oncolor-disabled']})),(o=>o.background?C({bg:o.theme.colors['bg-onmain-secondary'],border:o.theme.colors['border-onmain-default-large'],bgChecked:o.theme.colors['bg-onmain-primary'],borderChecked:o.theme.colors['border-onmain-default-large'],bgHover:o.theme.colors['bg-onmain-secondary'],borderHover:o.theme.colors['border-onmain-default-large'],beforeBgHover:o.theme.colors['bg-oncolor-hover']}):null)),error:r([""," ",""],(o=>y(o.background?{fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['alert-bg-error-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-error-500'],bgChecked:o.theme.colors['alert-bg-error-500'],borderHover:o.theme.colors['alert-error'],outlineFocus:o.theme.colors['alert-error'],colorDisabled:o.theme.colors['content-oncolor-disabled']}:{fontColor:o.theme.colors['content-oncolor-primary'],bg:o.theme.colors['alert-bg-error-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-error-500'],bgChecked:o.theme.colors['alert-bg-error-500'],borderHover:o.theme.colors['alert-error'],outlineFocus:o.theme.colors['alert-error'],colorDisabled:o.theme.colors['content-oncolor-disabled']})),(o=>o.background?C({bg:o.theme.colors['alert-bg-error-100'],border:o.theme.colors['alert-bg-error-500'],bgChecked:o.theme.colors['alert-bg-error-100'],borderChecked:o.theme.colors['alert-error'],bgHover:o.theme.colors['alert-bg-error-100'],borderHover:o.theme.colors['alert-error'],beforeBgHover:o.theme.colors['bg-oncolor-hover']}):null)),success:r([""," ",""],(o=>y(o.background?{fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['alert-bg-success-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-success-500'],bgChecked:o.theme.colors['alert-bg-success-500'],borderHover:o.theme.colors['alert-success'],outlineFocus:o.theme.colors['alert-success'],colorDisabled:o.theme.colors['content-oncolor-disabled']}:{fontColor:o.theme.colors['content-oncolor-primary'],bg:o.theme.colors['alert-bg-success-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-success-500'],bgChecked:o.theme.colors['alert-bg-success-500'],borderHover:o.theme.colors['alert-success'],outlineFocus:o.theme.colors['alert-success'],colorDisabled:o.theme.colors['content-oncolor-disabled']})),(o=>o.background?C({bg:o.theme.colors['alert-bg-success-100'],border:o.theme.colors['alert-bg-success-500'],bgChecked:o.theme.colors['alert-bg-success-100'],borderChecked:o.theme.colors['alert-success'],bgHover:o.theme.colors['alert-bg-success-100'],borderHover:o.theme.colors['alert-success'],beforeBgHover:o.theme.colors['bg-oncolor-hover']}):null)),disabled:r(["cursor:auto;"," ",""],(o=>y(o.background?{fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['bg-disabled-large'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['border-disabled'],bgChecked:o.theme.colors['bg-disabled-active'],borderHover:o.theme.colors['border-disabled'],outlineFocus:o.theme.colors['border-disabled'],colorDisabled:o.theme.colors['content-disabled']}:{fontColor:o.theme.colors['content-oncolor-primary'],bg:o.theme.colors['bg-disabled-large'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['border-disabled'],bgChecked:o.theme.colors['bg-disabled-active'],borderHover:o.theme.colors['border-disabled'],outlineFocus:o.theme.colors['border-disabled'],colorDisabled:o.theme.colors['content-oncolor-disabled']})),(o=>o.background?C({bg:o.theme.colors['bg-onmain-secondary'],border:o.theme.colors['border-oncolor-disabled'],bgChecked:o.theme.colors['bg-onmain-secondary'],borderChecked:o.theme.colors['border-oncolor-disabled'],bgHover:o.theme.colors['bg-onmain-secondary'],borderHover:o.theme.colors['border-oncolor-disabled'],beforeBgHover:'transparent'}):null))}};var x={default:r([""," ",""],(o=>o.error?"\n          & > ".concat(u," > rect { \n            fill: ").concat(c(o.theme.colors.pomegranate).setAlpha(.1).toString(),";\n            stroke: ").concat(o.theme.colors.pomegranate,";\n          }  \n          & > ").concat(u," g > rect {\n            fill: ").concat(o.theme.colors.pomegranate,";\n          }\n        "):null),(o=>"\n      color: ".concat(o.disabled?o.theme.colors.alto:o.theme.colors.mineShaft,";\n      cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n\n      & > ").concat(h,":checked ~ ").concat(u," g {\n        opacity: 1;\n      }\n      & > ").concat(h,":disabled ~ ").concat(u," > rect {\n        fill: ").concat(o.theme.colors.white,";\n        stroke: ").concat(o.theme.colors.grey,";\n      }\n      & > ").concat(h,":checked:disabled ~ ").concat(u," g > rect {\n        fill: ").concat(o.theme.colors.alto,";\n      }\n      &:focus {\n        outline: none;\n      }\n      & > ").concat(h,":focus-visible ~ ").concat(u," {\n        outline: 1px solid ").concat(o.theme.colors.accent,";\n        outline-offset: 2px;\n      }\n    ")))};var H=e.label.withConfig({shouldForwardProp:o=>['children','htmlFor','style'].includes(o)}).withConfig({componentId:"fox-ui__sc-9s6oap-6"})([""," "," "," "," ",""],m,(o=>o.brandPresetUsed?o.disabled&&!o.onColored?k.default.disabled:o.disabled&&o.onColored?k.onColored.disabled:!o.error||o.success||o.onColored?o.error&&!o.success&&o.onColored?k.onColored.error:!o.success||o.error||o.onColored?o.success&&!o.error&&o.onColored?k.onColored.success:o.onColored?k.onColored.regular:k.default.regular:k.default.success:k.default.error:x.default),(o=>{var e=o.brandPresetUsed?i:d;return b.includes(o.size)?"font-size: ".concat(e[o.size],"px;"):n('size','font-size')}),(o=>n('width',o.fluid&&'auto'!==o.width&&!Array.isArray(o.width)?'max-width':'width')),(o=>o.fluid?'width: 100%;':null));var w=e.div.withConfig({shouldForwardProp:o=>'inline'!==o}).withConfig({componentId:"fox-ui__sc-9s6oap-7"})(["",""],(e=>e.inline?r(["display:flex;flex-direction:row;> ",":first-child{margin-left:0;}> ",":not(:first-child){margin-left:15px;}",""],H,H,t()(a||(a=o(["\n            flex-direction: column;\n            > ",":first-child {\n              margin-top: 0;\n            }\n            > ",":not(:first-child) {\n              margin-top: 15px;\n              margin-left: 0;\n            }\n          "])),H,H)):"\n          display: flex;\n          flex-direction: column;\n          > ".concat(H,":first-child {\n            margin-top: 0;\n            margin-left: 0;\n          }\n          > ").concat(H,":not(:first-child) {\n            margin-top: 15px;\n            margin-left: 0;\n          }\n      ")));export{g as Background,p as BrandMask,f as CheckIcon,v as Content,u as DefaultMask,w as Group,h as Input,H as Root};
 //# sourceMappingURL=style.js.map