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

package/components/Checkbox/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Checkbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { screenMaxS } from 'mixins/screen'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport DefaultCheck from './images/check-default.svg?module'\nimport Check from './images/check.svg?module'\nimport type { StyledCheckboxProps, CheckboxStaticSize, CheckboxGroupProps, CheckboxPalette } from './types'\n\nconst DEFAULT_SIZES: Record<CheckboxStaticSize, number> = {\n  extraSmall: 12,\n  xs: 12,\n  small: 14,\n  s: 14,\n  medium: 16,\n  m: 16,\n  large: 18,\n  l: 18,\n  extraLarge: 20,\n  xl: 20,\n}\n\nconst BRAND_SIZES: Record<CheckboxStaticSize, number> = {\n  extraSmall: 16,\n  xs: 16,\n  small: 20,\n  s: 20,\n  medium: 24,\n  m: 24,\n  large: 28,\n  l: 28,\n  extraLarge: 32,\n  xl: 32,\n}\n\nconst STATIC_SIZES: CheckboxStaticSize[] = [\n  'extraSmall',\n  'xs',\n  'small',\n  's',\n  'medium',\n  'm',\n  'large',\n  'l',\n  'extraLarge',\n  'xl',\n]\n\nconst baseStyles = css<StyledCheckboxProps>`\n  ${(props) => `\n    &,\n    & * {\n      box-sizing: border-box;\n    }\n    position: relative;\n    cursor: pointer;\n    padding: ${props.background ? 12 : 0}px;\n    display: ${props.inline ? 'inline-flex' : 'flex'};\n    align-items: baseline;\n    isolation: isolate;\n    & + & {\n      margin-left: 15px;\n    }\n  `}\n`\n\nexport const Input = styled.input`\n  position: absolute;\n  opacity: 0;\n  z-index: -1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const Background = styled.span`\n  border-radius: 8px;\n  border: 1px solid;\n  border-color: transparent;\n  overflow: hidden;\n  &::before {\n    content: '';\n    opacity: 0;\n  }\n  &,\n  &::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    transition-property: border-color, background-color, opacity;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  }\n`\n\nexport const DefaultMask = styled(DefaultCheck)`\n  position: relative;\n  top: 2px;\n  width: 1em;\n  height: 1em;\n  flex-shrink: 0;\n  g {\n    opacity: 0;\n    transition: opacity 200ms ease;\n  }\n`\n\nexport const BrandMask = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 1em;\n  height: 1em;\n  border-radius: 4px;\n  border: 1px solid;\n  border-color: transparent;\n  transition-property: border-color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in;\n`\n\nexport const CheckIcon = styled(Check)`\n  width: 50%;\n  opacity: 0;\n`\n\nexport const Content = styled.span`\n  position: relative;\n  margin-left: 10px;\n`\n\nconst template = (palette: CheckboxPalette) => `\n  & > ${Content} {\n    color: ${palette.fontColor};\n  }\n  & > ${BrandMask} {\n    background-color: ${palette.bg};\n    color: ${palette.color};\n    border-color: ${palette.border};\n  }\n  & > ${Input}:checked ~ ${BrandMask} {\n    border-color: transparent;\n    background-color: ${palette.bgChecked};\n  }\n  & > ${Input}:checked ~ ${BrandMask} > ${CheckIcon} {\n    opacity: 1;\n  }\n  & > ${Input}:disabled ~ ${Content} {\n    color: ${palette.colorDisabled};\n  }\n  &:hover > ${BrandMask} {\n    border-color: ${palette.borderHover};\n  }\n  &:focus {\n    outline: none;\n  }\n  & > ${Input}:focus-visible ~ ${BrandMask} {\n    outline: 1px solid ${palette.outlineFocus};\n    outline-offset: 2px;\n  }\n`\n\nconst templateBackground = (palette: CheckboxPalette) => `\n  & > ${Background} {\n    background-color: ${palette.bg};\n    border-color: ${palette.border};\n  }\n  & > ${Input}:checked ~ ${Background} {\n    background-color: ${palette.bgChecked};\n    border-color: ${palette.borderChecked};\n  }\n  &:hover > ${Background} {\n    background-color: ${palette.bgHover};\n    border-color: ${palette.borderHover};\n  }\n  &:hover > ${Background}::before {\n    background-color: ${palette.beforeBgHover};\n    opacity: 1;\n  }\n`\n\nconst PRESET = {\n  default: {\n    regular: css<StyledCheckboxProps>`\n      ${(props) =>\n        template({\n          fontColor: props.theme.colors['content-onmain-primary'],\n          bg: props.theme.colors['bg-onmain-primary'],\n          color: props.theme.colors['content-oncolor-primary'],\n          border: props.theme.colors['border-onmain-default-small'],\n          bgChecked: props.theme.colors['bg-brand-primary-basic'],\n          borderHover: props.theme.colors['border-brand-primary'],\n          outlineFocus: props.theme.colors['border-brand-primary'],\n          colorDisabled: props.theme.colors['content-disabled'],\n        })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['bg-onmain-secondary'],\n              border: props.theme.colors['border-onmain-default-small'],\n              bgChecked: props.theme.colors['bg-brand-primary-100'],\n              borderChecked: props.theme.colors['border-brand-primary'],\n              bgHover: props.theme.colors['bg-oncolor-hover'],\n              borderHover: props.theme.colors['border-onmain-default-large'],\n              beforeBgHover: 'transparent',\n            })\n          : null}\n    `,\n    error: css<StyledCheckboxProps>`\n      ${(props) =>\n        template({\n          fontColor: props.theme.colors['content-onmain-primary'],\n          bg: props.theme.colors['alert-bg-error-100'],\n          color: props.theme.colors['content-oncolor-primary'],\n          border: props.theme.colors['alert-bg-error-500'],\n          bgChecked: props.theme.colors['alert-bg-error-500'],\n          borderHover: props.theme.colors['alert-error'],\n          outlineFocus: props.theme.colors['alert-error'],\n          colorDisabled: props.theme.colors['content-disabled'],\n        })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['alert-bg-error-100'],\n              border: props.theme.colors['alert-error'],\n              bgChecked: props.theme.colors['alert-bg-error-100'],\n              borderChecked: props.theme.colors['alert-error'],\n              bgHover: props.theme.colors['alert-bg-error-100'],\n              borderHover: props.theme.colors['alert-error'],\n              beforeBgHover: 'transparent',\n            })\n          : null}\n    `,\n    success: css<StyledCheckboxProps>`\n      ${(props) =>\n        template({\n          fontColor: props.theme.colors['content-onmain-primary'],\n          bg: props.theme.colors['alert-bg-success-100'],\n          color: props.theme.colors['content-oncolor-primary'],\n          border: props.theme.colors['alert-bg-success-500'],\n          bgChecked: props.theme.colors['alert-bg-success-500'],\n          borderHover: props.theme.colors['alert-success'],\n          outlineFocus: props.theme.colors['alert-success'],\n          colorDisabled: props.theme.colors['content-disabled'],\n        })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['alert-bg-success-100'],\n              border: props.theme.colors['alert-success'],\n              bgChecked: props.theme.colors['alert-bg-success-100'],\n              borderChecked: props.theme.colors['alert-success'],\n              bgHover: props.theme.colors['alert-bg-success-100'],\n              borderHover: props.theme.colors['alert-success'],\n              beforeBgHover: 'transparent',\n            })\n          : null}\n    `,\n    disabled: css<StyledCheckboxProps>`\n      cursor: auto;\n      ${(props) =>\n        template({\n          fontColor: props.theme.colors['content-onmain-primary'],\n          bg: props.theme.colors['bg-disabled-large'],\n          color: props.theme.colors['content-oncolor-primary'],\n          border: props.theme.colors['border-disabled'],\n          bgChecked: props.theme.colors['bg-disabled-active'],\n          borderHover: props.theme.colors['border-disabled'],\n          outlineFocus: props.theme.colors['border-disabled'],\n          colorDisabled: props.theme.colors['content-disabled'],\n        })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['bg-disabled-large'],\n              border: props.theme.colors['border-disabled'],\n              bgChecked: props.theme.colors['bg-disabled-large'],\n              borderChecked: props.theme.colors['bg-disabled-active'],\n              bgHover: props.theme.colors['bg-disabled-large'],\n              borderHover: props.theme.colors['border-disabled'],\n              beforeBgHover: 'transparent',\n            })\n          : null}\n    `,\n  },\n  onColored: {\n    regular: css<StyledCheckboxProps>`\n      ${(props) =>\n        props.background\n          ? template({\n              fontColor: props.theme.colors['content-onmain-primary'],\n              bg: props.theme.colors['bg-onmain-primary'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['border-onmain-default-small'],\n              bgChecked: props.theme.colors['bg-brand-primary-basic'],\n              borderHover: props.theme.colors['border-brand-primary'],\n              outlineFocus: props.theme.colors['border-brand-primary'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })\n          : template({\n              fontColor: props.theme.colors['content-oncolor-primary'],\n              bg: props.theme.colors['bg-onmain-primary'],\n              color: props.theme.colors['content-brand-primary'],\n              border: props.theme.colors['border-onmain-default-small'],\n              bgChecked: props.theme.colors['bg-oncolor-primary'],\n              borderHover: props.theme.colors['border-brand-primary'],\n              outlineFocus: props.theme.colors['content-oncolor-primary'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['bg-onmain-secondary'],\n              border: props.theme.colors['border-onmain-default-large'],\n              bgChecked: props.theme.colors['bg-onmain-primary'],\n              borderChecked: props.theme.colors['border-onmain-default-large'],\n              bgHover: props.theme.colors['bg-onmain-secondary'],\n              borderHover: props.theme.colors['border-onmain-default-large'],\n              beforeBgHover: props.theme.colors['bg-oncolor-hover'],\n            })\n          : null}\n    `,\n    error: css<StyledCheckboxProps>`\n      ${(props) =>\n        props.background\n          ? template({\n              fontColor: props.theme.colors['content-onmain-primary'],\n              bg: props.theme.colors['alert-bg-error-100'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['alert-bg-error-500'],\n              bgChecked: props.theme.colors['alert-bg-error-500'],\n              borderHover: props.theme.colors['alert-error'],\n              outlineFocus: props.theme.colors['alert-error'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })\n          : template({\n              fontColor: props.theme.colors['content-oncolor-primary'],\n              bg: props.theme.colors['alert-bg-error-100'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['alert-bg-error-500'],\n              bgChecked: props.theme.colors['alert-bg-error-500'],\n              borderHover: props.theme.colors['alert-error'],\n              outlineFocus: props.theme.colors['alert-error'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['alert-bg-error-100'],\n              border: props.theme.colors['alert-bg-error-500'],\n              bgChecked: props.theme.colors['alert-bg-error-100'],\n              borderChecked: props.theme.colors['alert-error'],\n              bgHover: props.theme.colors['alert-bg-error-100'],\n              borderHover: props.theme.colors['alert-error'],\n              beforeBgHover: props.theme.colors['bg-oncolor-hover'],\n            })\n          : null}\n    `,\n    success: css<StyledCheckboxProps>`\n      ${(props) =>\n        props.background\n          ? template({\n              fontColor: props.theme.colors['content-onmain-primary'],\n              bg: props.theme.colors['alert-bg-success-100'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['alert-bg-success-500'],\n              bgChecked: props.theme.colors['alert-bg-success-500'],\n              borderHover: props.theme.colors['alert-success'],\n              outlineFocus: props.theme.colors['alert-success'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })\n          : template({\n              fontColor: props.theme.colors['content-oncolor-primary'],\n              bg: props.theme.colors['alert-bg-success-100'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['alert-bg-success-500'],\n              bgChecked: props.theme.colors['alert-bg-success-500'],\n              borderHover: props.theme.colors['alert-success'],\n              outlineFocus: props.theme.colors['alert-success'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['alert-bg-success-100'],\n              border: props.theme.colors['alert-bg-success-500'],\n              bgChecked: props.theme.colors['alert-bg-success-100'],\n              borderChecked: props.theme.colors['alert-success'],\n              bgHover: props.theme.colors['alert-bg-success-100'],\n              borderHover: props.theme.colors['alert-success'],\n              beforeBgHover: props.theme.colors['bg-oncolor-hover'],\n            })\n          : null}\n    `,\n    disabled: css<StyledCheckboxProps>`\n      cursor: auto;\n      ${(props) =>\n        props.background\n          ? template({\n              fontColor: props.theme.colors['content-onmain-primary'],\n              bg: props.theme.colors['bg-disabled-large'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['border-disabled'],\n              bgChecked: props.theme.colors['bg-disabled-active'],\n              borderHover: props.theme.colors['border-disabled'],\n              outlineFocus: props.theme.colors['border-disabled'],\n              colorDisabled: props.theme.colors['content-disabled'],\n            })\n          : template({\n              fontColor: props.theme.colors['content-oncolor-primary'],\n              bg: props.theme.colors['bg-disabled-large'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['border-disabled'],\n              bgChecked: props.theme.colors['bg-disabled-active'],\n              borderHover: props.theme.colors['border-disabled'],\n              outlineFocus: props.theme.colors['border-disabled'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['bg-onmain-secondary'],\n              border: props.theme.colors['border-oncolor-disabled'],\n              bgChecked: props.theme.colors['bg-onmain-secondary'],\n              borderChecked: props.theme.colors['border-oncolor-disabled'],\n              bgHover: props.theme.colors['bg-onmain-secondary'],\n              borderHover: props.theme.colors['border-oncolor-disabled'],\n              beforeBgHover: 'transparent',\n            })\n          : null}\n    `,\n  },\n}\n\nconst PRESET_DEFAULT = {\n  default: css<StyledCheckboxProps>`\n    ${(props) =>\n      props.error\n        ? `\n          & > ${DefaultMask} > rect { \n            fill: ${tinycolor(props.theme.colors.pomegranate).setAlpha(0.1).toString()};\n            stroke: ${props.theme.colors.pomegranate};\n          }  \n          & > ${DefaultMask} g > rect {\n            fill: ${props.theme.colors.pomegranate};\n          }\n        `\n        : null}\n\n    ${(props) => `\n      color: ${props.disabled ? props.theme.colors.alto : props.theme.colors.mineShaft};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      & > ${Input}:checked ~ ${DefaultMask} g {\n        opacity: 1;\n      }\n      & > ${Input}:disabled ~ ${DefaultMask} > rect {\n        fill: ${props.theme.colors.white};\n        stroke: ${props.theme.colors.grey};\n      }\n      & > ${Input}:checked:disabled ~ ${DefaultMask} g > rect {\n        fill: ${props.theme.colors.alto};\n      }\n      &:focus {\n        outline: none;\n      }\n      & > ${Input}:focus-visible ~ ${DefaultMask} {\n        outline: 1px solid ${props.theme.colors.accent};\n        outline-offset: 2px;\n      }\n    `}\n  `,\n}\n\nconst extractStyles = (props: StyledCheckboxProps) => {\n  if (props.brandPresetUsed) {\n    if (props.disabled && !props.onColored) return PRESET.default.disabled\n    if (props.disabled && props.onColored) return PRESET.onColored.disabled\n\n    if (props.error && !props.success && !props.onColored) return PRESET.default.error\n    if (props.error && !props.success && props.onColored) return PRESET.onColored.error\n\n    if (props.success && !props.error && !props.onColored) return PRESET.default.success\n    if (props.success && !props.error && props.onColored) return PRESET.onColored.success\n\n    return props.onColored ? PRESET.onColored.regular : PRESET.default.regular\n  }\n\n  return PRESET_DEFAULT.default\n}\n\nconst extractSizes = (props: StyledCheckboxProps) => {\n  const SIZES = props.brandPresetUsed ? BRAND_SIZES : DEFAULT_SIZES\n\n  return STATIC_SIZES.includes(<CheckboxStaticSize>props.size)\n    ? `font-size: ${SIZES[<CheckboxStaticSize>props.size]}px;`\n    : responsiveProperty('size', 'font-size')\n}\n\nexport const Root = styled.label.withConfig<StyledCheckboxProps>({\n  shouldForwardProp: (prop) => ['children', 'htmlFor', 'style'].includes(prop),\n})`\n  ${baseStyles}\n  ${extractStyles}\n  ${extractSizes}\n\n  ${(props) =>\n    responsiveProperty(\n      'width',\n      props.fluid && props.width !== 'auto' && !Array.isArray(props.width) ? 'max-width' : 'width'\n    )}\n  ${(props) => (props.fluid ? 'width: 100%;' : null)}\n`\n\nexport const Group = styled.div.withConfig<CheckboxGroupProps>({\n  shouldForwardProp: (prop) => prop !== 'inline',\n})`\n  ${(props) =>\n    props.inline\n      ? css`\n          display: flex;\n          flex-direction: row;\n          > ${Root}:first-child {\n            margin-left: 0;\n          }\n          > ${Root}:not(:first-child) {\n            margin-left: 15px;\n          }\n          ${screenMaxS()`\n            flex-direction: column;\n            > ${Root}:first-child {\n              margin-top: 0;\n            }\n            > ${Root}:not(:first-child) {\n              margin-top: 15px;\n              margin-left: 0;\n            }\n          `}\n        `\n      : `\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      `}\n`\n"],"names":["DEFAULT_SIZES","extraSmall","xs","small","s","medium","m","large","l","extraLarge","xl","BRAND_SIZES","STATIC_SIZES","baseStyles","css","props","background","inline","Input","styled","input","withConfig","displayName","componentId","Background","span","DefaultMask","default","DefaultCheck","BrandMask","div","CheckIcon","Check","Content","template","palette","fontColor","bg","color","border","bgChecked","colorDisabled","borderHover","outlineFocus","templateBackground","borderChecked","bgHover","beforeBgHover","PRESET","regular","theme","colors","error","success","disabled","onColored","PRESET_DEFAULT","tinycolor","pomegranate","setAlpha","toString","alto","mineShaft","white","grey","accent","Root","label","shouldForwardProp","prop","includes","brandPresetUsed","SIZES","size","responsiveProperty","fluid","width","Array","isArray","Group","screenMaxS"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Checkbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { screenMaxS } from 'mixins/screen'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport DefaultCheck from './images/check-default.module.svg'\nimport Check from './images/check.module.svg'\nimport type { StyledCheckboxProps, CheckboxStaticSize, CheckboxGroupProps, CheckboxPalette } from './types'\n\nconst DEFAULT_SIZES: Record<CheckboxStaticSize, number> = {\n  extraSmall: 12,\n  xs: 12,\n  small: 14,\n  s: 14,\n  medium: 16,\n  m: 16,\n  large: 18,\n  l: 18,\n  extraLarge: 20,\n  xl: 20,\n}\n\nconst BRAND_SIZES: Record<CheckboxStaticSize, number> = {\n  extraSmall: 16,\n  xs: 16,\n  small: 20,\n  s: 20,\n  medium: 24,\n  m: 24,\n  large: 28,\n  l: 28,\n  extraLarge: 32,\n  xl: 32,\n}\n\nconst STATIC_SIZES: CheckboxStaticSize[] = [\n  'extraSmall',\n  'xs',\n  'small',\n  's',\n  'medium',\n  'm',\n  'large',\n  'l',\n  'extraLarge',\n  'xl',\n]\n\nconst baseStyles = css<StyledCheckboxProps>`\n  ${(props) => `\n    &,\n    & * {\n      box-sizing: border-box;\n    }\n    position: relative;\n    cursor: pointer;\n    padding: ${props.background ? 12 : 0}px;\n    display: ${props.inline ? 'inline-flex' : 'flex'};\n    align-items: baseline;\n    isolation: isolate;\n    & + & {\n      margin-left: 15px;\n    }\n  `}\n`\n\nexport const Input = styled.input`\n  position: absolute;\n  opacity: 0;\n  z-index: -1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const Background = styled.span`\n  border-radius: 8px;\n  border: 1px solid;\n  border-color: transparent;\n  overflow: hidden;\n  &::before {\n    content: '';\n    opacity: 0;\n  }\n  &,\n  &::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    transition-property: border-color, background-color, opacity;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  }\n`\n\nexport const DefaultMask = styled(DefaultCheck)`\n  position: relative;\n  top: 2px;\n  width: 1em;\n  height: 1em;\n  flex-shrink: 0;\n  g {\n    opacity: 0;\n    transition: opacity 200ms ease;\n  }\n`\n\nexport const BrandMask = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 1em;\n  height: 1em;\n  border-radius: 4px;\n  border: 1px solid;\n  border-color: transparent;\n  transition-property: border-color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in;\n`\n\nexport const CheckIcon = styled(Check)`\n  width: 50%;\n  opacity: 0;\n`\n\nexport const Content = styled.span`\n  position: relative;\n  margin-left: 10px;\n`\n\nconst template = (palette: CheckboxPalette) => `\n  & > ${Content} {\n    color: ${palette.fontColor};\n  }\n  & > ${BrandMask} {\n    background-color: ${palette.bg};\n    color: ${palette.color};\n    border-color: ${palette.border};\n  }\n  & > ${Input}:checked ~ ${BrandMask} {\n    border-color: transparent;\n    background-color: ${palette.bgChecked};\n  }\n  & > ${Input}:checked ~ ${BrandMask} > ${CheckIcon} {\n    opacity: 1;\n  }\n  & > ${Input}:disabled ~ ${Content} {\n    color: ${palette.colorDisabled};\n  }\n  &:hover > ${BrandMask} {\n    border-color: ${palette.borderHover};\n  }\n  &:focus {\n    outline: none;\n  }\n  & > ${Input}:focus-visible ~ ${BrandMask} {\n    outline: 1px solid ${palette.outlineFocus};\n    outline-offset: 2px;\n  }\n`\n\nconst templateBackground = (palette: CheckboxPalette) => `\n  & > ${Background} {\n    background-color: ${palette.bg};\n    border-color: ${palette.border};\n  }\n  & > ${Input}:checked ~ ${Background} {\n    background-color: ${palette.bgChecked};\n    border-color: ${palette.borderChecked};\n  }\n  &:hover > ${Background} {\n    background-color: ${palette.bgHover};\n    border-color: ${palette.borderHover};\n  }\n  &:hover > ${Background}::before {\n    background-color: ${palette.beforeBgHover};\n    opacity: 1;\n  }\n`\n\nconst PRESET = {\n  default: {\n    regular: css<StyledCheckboxProps>`\n      ${(props) =>\n        template({\n          fontColor: props.theme.colors['content-onmain-primary'],\n          bg: props.theme.colors['bg-onmain-primary'],\n          color: props.theme.colors['content-oncolor-primary'],\n          border: props.theme.colors['border-onmain-default-small'],\n          bgChecked: props.theme.colors['bg-brand-primary-basic'],\n          borderHover: props.theme.colors['border-brand-primary'],\n          outlineFocus: props.theme.colors['border-brand-primary'],\n          colorDisabled: props.theme.colors['content-disabled'],\n        })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['bg-onmain-secondary'],\n              border: props.theme.colors['border-onmain-default-small'],\n              bgChecked: props.theme.colors['bg-brand-primary-100'],\n              borderChecked: props.theme.colors['border-brand-primary'],\n              bgHover: props.theme.colors['bg-oncolor-hover'],\n              borderHover: props.theme.colors['border-onmain-default-large'],\n              beforeBgHover: 'transparent',\n            })\n          : null}\n    `,\n    error: css<StyledCheckboxProps>`\n      ${(props) =>\n        template({\n          fontColor: props.theme.colors['content-onmain-primary'],\n          bg: props.theme.colors['alert-bg-error-100'],\n          color: props.theme.colors['content-oncolor-primary'],\n          border: props.theme.colors['alert-bg-error-500'],\n          bgChecked: props.theme.colors['alert-bg-error-500'],\n          borderHover: props.theme.colors['alert-error'],\n          outlineFocus: props.theme.colors['alert-error'],\n          colorDisabled: props.theme.colors['content-disabled'],\n        })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['alert-bg-error-100'],\n              border: props.theme.colors['alert-error'],\n              bgChecked: props.theme.colors['alert-bg-error-100'],\n              borderChecked: props.theme.colors['alert-error'],\n              bgHover: props.theme.colors['alert-bg-error-100'],\n              borderHover: props.theme.colors['alert-error'],\n              beforeBgHover: 'transparent',\n            })\n          : null}\n    `,\n    success: css<StyledCheckboxProps>`\n      ${(props) =>\n        template({\n          fontColor: props.theme.colors['content-onmain-primary'],\n          bg: props.theme.colors['alert-bg-success-100'],\n          color: props.theme.colors['content-oncolor-primary'],\n          border: props.theme.colors['alert-bg-success-500'],\n          bgChecked: props.theme.colors['alert-bg-success-500'],\n          borderHover: props.theme.colors['alert-success'],\n          outlineFocus: props.theme.colors['alert-success'],\n          colorDisabled: props.theme.colors['content-disabled'],\n        })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['alert-bg-success-100'],\n              border: props.theme.colors['alert-success'],\n              bgChecked: props.theme.colors['alert-bg-success-100'],\n              borderChecked: props.theme.colors['alert-success'],\n              bgHover: props.theme.colors['alert-bg-success-100'],\n              borderHover: props.theme.colors['alert-success'],\n              beforeBgHover: 'transparent',\n            })\n          : null}\n    `,\n    disabled: css<StyledCheckboxProps>`\n      cursor: auto;\n      ${(props) =>\n        template({\n          fontColor: props.theme.colors['content-onmain-primary'],\n          bg: props.theme.colors['bg-disabled-large'],\n          color: props.theme.colors['content-oncolor-primary'],\n          border: props.theme.colors['border-disabled'],\n          bgChecked: props.theme.colors['bg-disabled-active'],\n          borderHover: props.theme.colors['border-disabled'],\n          outlineFocus: props.theme.colors['border-disabled'],\n          colorDisabled: props.theme.colors['content-disabled'],\n        })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['bg-disabled-large'],\n              border: props.theme.colors['border-disabled'],\n              bgChecked: props.theme.colors['bg-disabled-large'],\n              borderChecked: props.theme.colors['bg-disabled-active'],\n              bgHover: props.theme.colors['bg-disabled-large'],\n              borderHover: props.theme.colors['border-disabled'],\n              beforeBgHover: 'transparent',\n            })\n          : null}\n    `,\n  },\n  onColored: {\n    regular: css<StyledCheckboxProps>`\n      ${(props) =>\n        props.background\n          ? template({\n              fontColor: props.theme.colors['content-onmain-primary'],\n              bg: props.theme.colors['bg-onmain-primary'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['border-onmain-default-small'],\n              bgChecked: props.theme.colors['bg-brand-primary-basic'],\n              borderHover: props.theme.colors['border-brand-primary'],\n              outlineFocus: props.theme.colors['border-brand-primary'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })\n          : template({\n              fontColor: props.theme.colors['content-oncolor-primary'],\n              bg: props.theme.colors['bg-onmain-primary'],\n              color: props.theme.colors['content-brand-primary'],\n              border: props.theme.colors['border-onmain-default-small'],\n              bgChecked: props.theme.colors['bg-oncolor-primary'],\n              borderHover: props.theme.colors['border-brand-primary'],\n              outlineFocus: props.theme.colors['content-oncolor-primary'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['bg-onmain-secondary'],\n              border: props.theme.colors['border-onmain-default-large'],\n              bgChecked: props.theme.colors['bg-onmain-primary'],\n              borderChecked: props.theme.colors['border-onmain-default-large'],\n              bgHover: props.theme.colors['bg-onmain-secondary'],\n              borderHover: props.theme.colors['border-onmain-default-large'],\n              beforeBgHover: props.theme.colors['bg-oncolor-hover'],\n            })\n          : null}\n    `,\n    error: css<StyledCheckboxProps>`\n      ${(props) =>\n        props.background\n          ? template({\n              fontColor: props.theme.colors['content-onmain-primary'],\n              bg: props.theme.colors['alert-bg-error-100'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['alert-bg-error-500'],\n              bgChecked: props.theme.colors['alert-bg-error-500'],\n              borderHover: props.theme.colors['alert-error'],\n              outlineFocus: props.theme.colors['alert-error'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })\n          : template({\n              fontColor: props.theme.colors['content-oncolor-primary'],\n              bg: props.theme.colors['alert-bg-error-100'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['alert-bg-error-500'],\n              bgChecked: props.theme.colors['alert-bg-error-500'],\n              borderHover: props.theme.colors['alert-error'],\n              outlineFocus: props.theme.colors['alert-error'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['alert-bg-error-100'],\n              border: props.theme.colors['alert-bg-error-500'],\n              bgChecked: props.theme.colors['alert-bg-error-100'],\n              borderChecked: props.theme.colors['alert-error'],\n              bgHover: props.theme.colors['alert-bg-error-100'],\n              borderHover: props.theme.colors['alert-error'],\n              beforeBgHover: props.theme.colors['bg-oncolor-hover'],\n            })\n          : null}\n    `,\n    success: css<StyledCheckboxProps>`\n      ${(props) =>\n        props.background\n          ? template({\n              fontColor: props.theme.colors['content-onmain-primary'],\n              bg: props.theme.colors['alert-bg-success-100'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['alert-bg-success-500'],\n              bgChecked: props.theme.colors['alert-bg-success-500'],\n              borderHover: props.theme.colors['alert-success'],\n              outlineFocus: props.theme.colors['alert-success'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })\n          : template({\n              fontColor: props.theme.colors['content-oncolor-primary'],\n              bg: props.theme.colors['alert-bg-success-100'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['alert-bg-success-500'],\n              bgChecked: props.theme.colors['alert-bg-success-500'],\n              borderHover: props.theme.colors['alert-success'],\n              outlineFocus: props.theme.colors['alert-success'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['alert-bg-success-100'],\n              border: props.theme.colors['alert-bg-success-500'],\n              bgChecked: props.theme.colors['alert-bg-success-100'],\n              borderChecked: props.theme.colors['alert-success'],\n              bgHover: props.theme.colors['alert-bg-success-100'],\n              borderHover: props.theme.colors['alert-success'],\n              beforeBgHover: props.theme.colors['bg-oncolor-hover'],\n            })\n          : null}\n    `,\n    disabled: css<StyledCheckboxProps>`\n      cursor: auto;\n      ${(props) =>\n        props.background\n          ? template({\n              fontColor: props.theme.colors['content-onmain-primary'],\n              bg: props.theme.colors['bg-disabled-large'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['border-disabled'],\n              bgChecked: props.theme.colors['bg-disabled-active'],\n              borderHover: props.theme.colors['border-disabled'],\n              outlineFocus: props.theme.colors['border-disabled'],\n              colorDisabled: props.theme.colors['content-disabled'],\n            })\n          : template({\n              fontColor: props.theme.colors['content-oncolor-primary'],\n              bg: props.theme.colors['bg-disabled-large'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['border-disabled'],\n              bgChecked: props.theme.colors['bg-disabled-active'],\n              borderHover: props.theme.colors['border-disabled'],\n              outlineFocus: props.theme.colors['border-disabled'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['bg-onmain-secondary'],\n              border: props.theme.colors['border-oncolor-disabled'],\n              bgChecked: props.theme.colors['bg-onmain-secondary'],\n              borderChecked: props.theme.colors['border-oncolor-disabled'],\n              bgHover: props.theme.colors['bg-onmain-secondary'],\n              borderHover: props.theme.colors['border-oncolor-disabled'],\n              beforeBgHover: 'transparent',\n            })\n          : null}\n    `,\n  },\n}\n\nconst PRESET_DEFAULT = {\n  default: css<StyledCheckboxProps>`\n    ${(props) =>\n      props.error\n        ? `\n          & > ${DefaultMask} > rect { \n            fill: ${tinycolor(props.theme.colors.pomegranate).setAlpha(0.1).toString()};\n            stroke: ${props.theme.colors.pomegranate};\n          }  \n          & > ${DefaultMask} g > rect {\n            fill: ${props.theme.colors.pomegranate};\n          }\n        `\n        : null}\n\n    ${(props) => `\n      color: ${props.disabled ? props.theme.colors.alto : props.theme.colors.mineShaft};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      & > ${Input}:checked ~ ${DefaultMask} g {\n        opacity: 1;\n      }\n      & > ${Input}:disabled ~ ${DefaultMask} > rect {\n        fill: ${props.theme.colors.white};\n        stroke: ${props.theme.colors.grey};\n      }\n      & > ${Input}:checked:disabled ~ ${DefaultMask} g > rect {\n        fill: ${props.theme.colors.alto};\n      }\n      &:focus {\n        outline: none;\n      }\n      & > ${Input}:focus-visible ~ ${DefaultMask} {\n        outline: 1px solid ${props.theme.colors.accent};\n        outline-offset: 2px;\n      }\n    `}\n  `,\n}\n\nconst extractStyles = (props: StyledCheckboxProps) => {\n  if (props.brandPresetUsed) {\n    if (props.disabled && !props.onColored) return PRESET.default.disabled\n    if (props.disabled && props.onColored) return PRESET.onColored.disabled\n\n    if (props.error && !props.success && !props.onColored) return PRESET.default.error\n    if (props.error && !props.success && props.onColored) return PRESET.onColored.error\n\n    if (props.success && !props.error && !props.onColored) return PRESET.default.success\n    if (props.success && !props.error && props.onColored) return PRESET.onColored.success\n\n    return props.onColored ? PRESET.onColored.regular : PRESET.default.regular\n  }\n\n  return PRESET_DEFAULT.default\n}\n\nconst extractSizes = (props: StyledCheckboxProps) => {\n  const SIZES = props.brandPresetUsed ? BRAND_SIZES : DEFAULT_SIZES\n\n  return STATIC_SIZES.includes(<CheckboxStaticSize>props.size)\n    ? `font-size: ${SIZES[<CheckboxStaticSize>props.size]}px;`\n    : responsiveProperty('size', 'font-size')\n}\n\nexport const Root = styled.label.withConfig<StyledCheckboxProps>({\n  shouldForwardProp: (prop) => ['children', 'htmlFor', 'style'].includes(prop),\n})`\n  ${baseStyles}\n  ${extractStyles}\n  ${extractSizes}\n\n  ${(props) =>\n    responsiveProperty(\n      'width',\n      props.fluid && props.width !== 'auto' && !Array.isArray(props.width) ? 'max-width' : 'width'\n    )}\n  ${(props) => (props.fluid ? 'width: 100%;' : null)}\n`\n\nexport const Group = styled.div.withConfig<CheckboxGroupProps>({\n  shouldForwardProp: (prop) => prop !== 'inline',\n})`\n  ${(props) =>\n    props.inline\n      ? css`\n          display: flex;\n          flex-direction: row;\n          > ${Root}:first-child {\n            margin-left: 0;\n          }\n          > ${Root}:not(:first-child) {\n            margin-left: 15px;\n          }\n          ${screenMaxS()`\n            flex-direction: column;\n            > ${Root}:first-child {\n              margin-top: 0;\n            }\n            > ${Root}:not(:first-child) {\n              margin-top: 15px;\n              margin-left: 0;\n            }\n          `}\n        `\n      : `\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      `}\n`\n"],"names":["DEFAULT_SIZES","extraSmall","xs","small","s","medium","m","large","l","extraLarge","xl","BRAND_SIZES","STATIC_SIZES","baseStyles","css","props","background","concat","inline","Input","styled","input","withConfig","componentId","Background","span","DefaultMask","DefaultCheck","BrandMask","div","CheckIcon","Check","Content","template","palette","fontColor","bg","color","border","bgChecked","colorDisabled","borderHover","outlineFocus","templateBackground","borderChecked","bgHover","beforeBgHover","PRESET","default","regular","theme","colors","error","success","disabled","onColored","PRESET_DEFAULT","tinycolor","pomegranate","setAlpha","toString","alto","mineShaft","white","grey","accent","Root","label","shouldForwardProp","prop","includes","brandPresetUsed","SIZES","size","responsiveProperty","fluid","width","Array","isArray","Group","screenMaxS"],"mappings":"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"}

package/components/Chip/Chip.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Avatar=require('../Avatar/Avatar.js');var Text=require('../Text/Text.js');var Indicator=require('../Indicator/Indicator.js');var IconButton=require('../IconButton/IconButton.js');const Chip=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:t="m",textProps:i={},captionProps:s={},iconProps:n={},avatarProps:o={},indicatorProps:a={},discardButtonProps:c={},sizeXXS:p,sizeXS:d,sizeS:u,sizeM:l,sizeL:x,sizeXL:$,children:q,text:v,caption:h,icon:j,...z}=e;let I='div';let y;z.onClick&&(I='button'),c.onClick&&(I='div'),I==='button'&&(y='button'),z.type&&(y=z.type);const P={size:t,sizeXXS:p,sizeXS:d,sizeS:u,sizeM:l,sizeL:x,sizeXL:$};const[g,b]=Array.isArray(j)?j:[j];const f={as:'span',appearance:'body',size:'inherit',color:'inherit',lineHeight:h?1.3:1};const C={as:'span',appearance:'body',size:.75,sizeUnits:'em',color:'inherit',lineHeight:1};const S={icon:'close',square:!0,disabled:z.disabled};return require$$0.jsx(style.Root,{...z,...P,as:I,type:y,ref:r,children:typeof q=='function'?q({textProps:f,captionProps:C,discardButtonProps:S}):require$$0.jsxs(require$$0.Fragment,{children:[g&&require$$0.jsx(Icon.Icon,{preset:"brand",name:typeof g=='string'?g:void 0,icon:typeof g!='string'?g:void 0,...n}),(o.src||o.text)&&require$$0.jsx(Avatar.Avatar,{...P,preset:"brand",...o}),require$$0.jsxs(style.Content,{children:[require$$0.jsx(Text.Text,{...f,...i,children:q??v}),h&&require$$0.jsx(Text.Text,{...C,...s,children:h})]}),(a.children||a.text)&&require$$0.jsx(Indicator.Indicator,{...P,...a}),b&&require$$0.jsx(Icon.Icon,{preset:"brand",name:typeof b=='string'?b:void 0,icon:typeof b!='string'?b:void 0,...n}),c.onClick&&require$$0.jsx(IconButton.IconButton,{...P,...S,...c})]})})})),{displayName:'Chip',sizes:constants.SIZES});exports.Chip=Chip;
+import r from'@babel/runtime/helpers/objectSpread2';import i from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o}from'react';import{withMergedProps as t}from'../../hocs/withMergedProps.js';import{Text as e}from'../Text/Text.js';import{Icon as s}from'../Icon/Icon.js';import'../Icon/icons.js';import{Avatar as a}from'../Avatar/Avatar.js';import{Indicator as n}from'../Indicator/Indicator.js';import{IconButton as p}from'../IconButton/IconButton.js';import{SIZES as c}from'./constants.js';import{Root as d,Content as m}from'./style.js';import{jsx as l,jsxs as z,Fragment as f}from'react/jsx-runtime';var h=["size","textProps","captionProps","iconProps","avatarProps","indicatorProps","discardButtonProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","text","caption","icon"];var v=t(o(((o,t)=>{var{size:c="m",textProps:v={},captionProps:P={},iconProps:u={},avatarProps:b={},indicatorProps:j={},discardButtonProps:x={},sizeXXS:y,sizeXS:S,sizeS:X,sizeM:I,sizeL:g,sizeXL:B,children:C,text:L,caption:A,icon:M}=o,k=i(o,h);var w='div';var T;k.onClick&&(w='button'),x.onClick&&(w='div'),'button'===w&&(T='button'),k.type&&(T=k.type);var H={size:c,sizeXXS:y,sizeXS:S,sizeS:X,sizeM:I,sizeL:g,sizeXL:B};var[R,q]=Array.isArray(M)?M:[M];var E={as:'span',appearance:'body',size:'inherit',color:'inherit',lineHeight:A?1.3:1};var F={as:'span',appearance:'body',size:.75,sizeUnits:'em',color:'inherit',lineHeight:1};var N={icon:'close',square:!0,disabled:k.disabled};return l(d,r(r(r({},k),H),{},{as:w,type:T,ref:t,children:'function'==typeof C?C({textProps:E,captionProps:F,discardButtonProps:N}):z(f,{children:[R&&l(s,r({preset:"brand",name:'string'==typeof R?R:void 0,icon:'string'!=typeof R?R:void 0},u)),(b.src||b.text)&&l(a,r(r({},H),{},{preset:"brand"},b)),z(m,{children:[l(e,r(r(r({},E),v),{},{children:null!=C?C:L})),A&&l(e,r(r(r({},F),P),{},{children:A}))]}),(j.children||j.text)&&l(n,r(r({},H),j)),q&&l(s,r({preset:"brand",name:'string'==typeof q?q:void 0,icon:'string'!=typeof q?q:void 0},u)),x.onClick&&l(p,r(r(r({},H),N),x))]})}))})),{displayName:'Chip',sizes:c});export{v as Chip};
 //# sourceMappingURL=Chip.js.map

package/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Avatar } from 'components/Avatar'\nimport { Indicator } from 'components/Indicator'\nimport { IconButton } from 'components/IconButton'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ChipProps } from './types'\n\nconst COMPONENT_NAME = 'Chip'\n\n/**\n *\n * Component accepts all root HTML attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ChipProps](https://github.com/foxford/ui/blob/master/src/components/Chip/types.ts)\n */\nconst Chip: React.ForwardRefExoticComponent<ChipProps> = withMergedProps<ChipProps>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      textProps = {},\n      captionProps = {},\n      iconProps = {},\n      avatarProps = {},\n      indicatorProps = {},\n      discardButtonProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      children,\n      text,\n      caption,\n      icon,\n      ...restProps\n    } = props\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let rootNode: any = 'div'\n\n    if (restProps.onClick) rootNode = 'button'\n    if (discardButtonProps.onClick) rootNode = 'div'\n\n    let rootType: ChipProps['type']\n\n    if (rootNode === 'button') rootType = 'button'\n    if (restProps.type) rootType = restProps.type\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const textBaseProps: TextProps = {\n      as: 'span',\n      appearance: 'body',\n      size: 'inherit',\n      color: 'inherit',\n      lineHeight: caption ? 1.3 : 1,\n    }\n\n    const captionBaseProps: TextProps = {\n      as: 'span',\n      appearance: 'body',\n      size: 0.75,\n      sizeUnits: 'em',\n      color: 'inherit',\n      lineHeight: 1,\n    }\n\n    const discardButtonBaseProps: IconButtonProps = {\n      icon: 'close',\n      square: true,\n      disabled: restProps.disabled,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} as={rootNode} type={rootType} ref={ref}>\n        {typeof children === 'function' ? (\n          children({\n            textProps: textBaseProps,\n            captionProps: captionBaseProps,\n            discardButtonProps: discardButtonBaseProps,\n          })\n        ) : (\n          <>\n            {before && (\n              <Icon\n                preset='brand'\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconProps}\n              />\n            )}\n            {(avatarProps.src || avatarProps.text) && <Avatar {...sizeProps} preset='brand' {...avatarProps} />}\n            <Styled.Content>\n              <Text {...textBaseProps} {...textProps}>\n                {children ?? text}\n              </Text>\n              {caption && (\n                <Text {...captionBaseProps} {...captionProps}>\n                  {caption}\n                </Text>\n              )}\n            </Styled.Content>\n            {(indicatorProps.children || indicatorProps.text) && <Indicator {...sizeProps} {...indicatorProps} />}\n            {after && (\n              <Icon\n                preset='brand'\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconProps}\n              />\n            )}\n            {discardButtonProps.onClick && (\n              <IconButton {...sizeProps} {...discardButtonBaseProps} {...discardButtonProps} />\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Chip }\n"],"names":["Chip","withMergedProps","forwardRef","props","ref","size","textProps","captionProps","iconProps","avatarProps","indicatorProps","discardButtonProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","text","caption","icon","restProps","rootNode","rootType","onClick","type","sizeProps","before","after","Array","isArray","textBaseProps","as","appearance","color","lineHeight","captionBaseProps","sizeUnits","discardButtonBaseProps","square","disabled","_jsx","Styled","_jsxs","jsxs","_Fragment","jsx","Icon","preset","name","undefined","src","Avatar","Text","Indicator","IconButton","displayName","sizes","SIZES"],"mappings":"obAyBMA,MAAAA,KAAmDC,gBAAAA,gBACvDC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,UACVA,EAAY,CAAE,EAAAC,aACdA,EAAe,CAAE,EAAAC,UACjBA,EAAY,CAAE,EAAAC,YACdA,EAAc,CAAE,EAAAC,eAChBA,EAAiB,CAAE,EAAAC,mBACnBA,EAAqB,CAAE,EAAAC,QACvBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,KACPA,KACGC,GACDnB,EAGJ,IAAIoB,EAAgB,MAKpB,IAAIC,EAHAF,EAAUG,UAASF,EAAW,UAC9BZ,EAAmBc,UAASF,EAAW,OAIvCA,IAAa,WAAUC,EAAW,UAClCF,EAAUI,OAAMF,EAAWF,EAAUI,MAEzC,MAAMC,EAAY,CAChBtB,OACAO,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAOW,EAAQC,GAASC,MAAMC,QAAQV,GAAQA,EAAO,CAACA,GAEtD,MAAMW,EAA2B,CAC/BC,GAAI,OACJC,WAAY,OACZ7B,KAAM,UACN8B,MAAO,UACPC,WAAYhB,EAAU,IAAM,GAG9B,MAAMiB,EAA8B,CAClCJ,GAAI,OACJC,WAAY,OACZ7B,KAAM,IACNiC,UAAW,KACXH,MAAO,UACPC,WAAY,GAGd,MAAMG,EAA0C,CAC9ClB,KAAM,QACNmB,QAAQ,EACRC,SAAUnB,EAAUmB,UAGtB,OACEC,WAAAA,IAACC,MAAAA,KAAW,IAAKrB,KAAeK,EAAWM,GAAIV,EAAUG,KAAMF,EAAUpB,IAAKA,EAAIc,gBACxEA,GAAa,WACnBA,EAAS,CACPZ,UAAW0B,EACXzB,aAAc8B,EACd1B,mBAAoB4B,IAGtBK,WAAAC,KAAAC,oBAAA,CAAA5B,SACGU,CAAAA,GACCc,WAAAK,IAACC,UAAI,CACHC,OAAO,QACPC,YAAatB,GAAW,SAAWA,OAASuB,EAC5C9B,YAAaO,GAAW,SAAWA,OAASuB,KACxC3C,KAGNC,EAAY2C,KAAO3C,EAAYU,OAASuB,WAAAK,IAACM,cAAM,IAAK1B,EAAWsB,OAAO,WAAYxC,IACpFmC,WAAAC,KAACF,cAAc,CAAAzB,SAAA,CACbwB,WAAAK,IAACO,UAAI,IAAKtB,KAAmB1B,EAASY,SACnCA,GAAYC,IAEdC,GACCsB,WAAAK,IAACO,UAAI,IAAKjB,KAAsB9B,EAAYW,SACzCE,QAILV,EAAeQ,UAAYR,EAAeS,OAASuB,WAAAK,IAACQ,oBAAS,IAAK5B,KAAejB,IAClFmB,GACCa,WAAAK,IAACC,UAAI,CACHC,OAAO,QACPC,YAAarB,GAAU,SAAWA,OAAQsB,EAC1C9B,YAAaQ,GAAU,SAAWA,OAAQsB,KACtC3C,IAGPG,EAAmBc,SAClBiB,WAAAA,IAACc,WAAAA,WAAU,IAAK7B,KAAeY,KAA4B5B,QAIrD,IAGlB,CACE8C,YAhImB,OAiInBC,MAAOC,UAAAA"}
+{"version":3,"file":"Chip.js","sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Avatar } from 'components/Avatar'\nimport { Indicator } from 'components/Indicator'\nimport { IconButton } from 'components/IconButton'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ChipProps } from './types'\n\nconst COMPONENT_NAME = 'Chip'\n\n/**\n *\n * Component accepts all root HTML attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ChipProps](https://github.com/foxford/ui/blob/master/src/components/Chip/types.ts)\n */\nconst Chip: React.ForwardRefExoticComponent<ChipProps> = withMergedProps<ChipProps>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      textProps = {},\n      captionProps = {},\n      iconProps = {},\n      avatarProps = {},\n      indicatorProps = {},\n      discardButtonProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      children,\n      text,\n      caption,\n      icon,\n      ...restProps\n    } = props\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let rootNode: any = 'div'\n\n    if (restProps.onClick) rootNode = 'button'\n    if (discardButtonProps.onClick) rootNode = 'div'\n\n    let rootType: ChipProps['type']\n\n    if (rootNode === 'button') rootType = 'button'\n    if (restProps.type) rootType = restProps.type\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const textBaseProps: TextProps = {\n      as: 'span',\n      appearance: 'body',\n      size: 'inherit',\n      color: 'inherit',\n      lineHeight: caption ? 1.3 : 1,\n    }\n\n    const captionBaseProps: TextProps = {\n      as: 'span',\n      appearance: 'body',\n      size: 0.75,\n      sizeUnits: 'em',\n      color: 'inherit',\n      lineHeight: 1,\n    }\n\n    const discardButtonBaseProps: IconButtonProps = {\n      icon: 'close',\n      square: true,\n      disabled: restProps.disabled,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} as={rootNode} type={rootType} ref={ref}>\n        {typeof children === 'function' ? (\n          children({\n            textProps: textBaseProps,\n            captionProps: captionBaseProps,\n            discardButtonProps: discardButtonBaseProps,\n          })\n        ) : (\n          <>\n            {before && (\n              <Icon\n                preset='brand'\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconProps}\n              />\n            )}\n            {(avatarProps.src || avatarProps.text) && <Avatar {...sizeProps} preset='brand' {...avatarProps} />}\n            <Styled.Content>\n              <Text {...textBaseProps} {...textProps}>\n                {children ?? text}\n              </Text>\n              {caption && (\n                <Text {...captionBaseProps} {...captionProps}>\n                  {caption}\n                </Text>\n              )}\n            </Styled.Content>\n            {(indicatorProps.children || indicatorProps.text) && <Indicator {...sizeProps} {...indicatorProps} />}\n            {after && (\n              <Icon\n                preset='brand'\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconProps}\n              />\n            )}\n            {discardButtonProps.onClick && (\n              <IconButton {...sizeProps} {...discardButtonBaseProps} {...discardButtonProps} />\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Chip }\n"],"names":["Chip","withMergedProps","forwardRef","props","ref","size","textProps","captionProps","iconProps","avatarProps","indicatorProps","discardButtonProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","text","caption","icon","restProps","_objectWithoutProperties","_excluded","rootNode","rootType","onClick","type","sizeProps","before","after","Array","isArray","textBaseProps","as","appearance","color","lineHeight","captionBaseProps","sizeUnits","discardButtonBaseProps","square","disabled","_jsx","Styled.Root","_jsxs","_Fragment","Icon","_objectSpread","preset","name","undefined","src","Avatar","Styled.Content","Text","Indicator","IconButton","displayName","sizes","SIZES"],"mappings":"+yBAyBMA,IAAAA,EAAmDC,EACvDC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,UAEJA,EAAY,GAFRC,aAGJA,EAAe,GAHXC,UAIJA,EAAY,GAJRC,YAKJA,EAAc,GALVC,eAMJA,EAAiB,GANbC,mBAOJA,EAAqB,GAPjBC,QAQJA,EARIC,OASJA,EATIC,MAUJA,EAVIC,MAWJA,EAXIC,MAYJA,EAZIC,OAaJA,EAbIC,SAcJA,EAdIC,KAeJA,EAfIC,QAgBJA,EAhBIC,KAiBJA,GAEElB,EADCmB,EAlBLC,EAmBIpB,EAnBJqB,GAsBA,IAAIC,EAAgB,MAKpB,IAAIC,EAHAJ,EAAUK,UAASF,EAAW,UAC9Bd,EAAmBgB,UAASF,EAAW,OAI1B,WAAbA,IAAuBC,EAAW,UAClCJ,EAAUM,OAAMF,EAAWJ,EAAUM,MAEzC,IAAMC,EAAY,CAChBxB,KAAAA,EACAO,QAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,OAAAA,GAGF,IAAOa,EAAQC,GAASC,MAAMC,QAAQZ,GAAQA,EAAO,CAACA,GAEtD,IAAMa,EAA2B,CAC/BC,GAAI,OACJC,WAAY,OACZ/B,KAAM,UACNgC,MAAO,UACPC,WAAYlB,EAAU,IAAM,GAG9B,IAAMmB,EAA8B,CAClCJ,GAAI,OACJC,WAAY,OACZ/B,KAAM,IACNmC,UAAW,KACXH,MAAO,UACPC,WAAY,GAGd,IAAMG,EAA0C,CAC9CpB,KAAM,QACNqB,UACAC,SAAUrB,EAAUqB,UAGtB,OACEC,EAACC,EAAgBvB,EAAAA,EAAAA,EAAAA,GAAAA,GAAeO,GAAhC,GAAA,CAA2CM,GAAIV,EAAUG,KAAMF,EAAUtB,IAAKA,EAA9Ec,SACuB,mBAAbA,EACNA,EAAS,CACPZ,UAAW4B,EACX3B,aAAcgC,EACd5B,mBAAoB8B,IAGtBK,EAAAC,EAAA,CAAA7B,SACGY,CAAAA,GACCc,EAACI,EAADC,EAAA,CACEC,OAAO,QACPC,KAAwB,iBAAXrB,EAAsBA,OAASsB,EAC5C/B,KAAwB,iBAAXS,EAAsBA,OAASsB,GACxC5C,KAGNC,EAAY4C,KAAO5C,EAAYU,OAASyB,EAACU,SAAWzB,GAAZ,GAAA,CAAuBqB,OAAO,SAAYzC,IACpFqC,EAACS,EAAD,CAAArC,SAAA,CACE0B,EAACY,EAAStB,EAAAA,EAAAA,EAAAA,GAAAA,GAAmB5B,GAA7B,GAAA,CAAAY,SACGA,MAAAA,EAAAA,EAAYC,KAEdC,GACCwB,EAACY,EAASjB,EAAAA,EAAAA,EAAAA,GAAAA,GAAsBhC,GAAhC,GAAA,CAAAW,SACGE,SAILV,EAAeQ,UAAYR,EAAeS,OAASyB,EAACa,EAADR,EAAAA,EAAA,GAAepB,GAAenB,IAClFqB,GACCa,EAACI,EAADC,EAAA,CACEC,OAAO,QACPC,KAAuB,iBAAVpB,EAAqBA,OAAAA,EAClCV,KAAuB,iBAAVU,EAAqBA,OAAAA,GAC9BvB,IAGPG,EAAmBgB,SAClBiB,EAACc,WAAe7B,GAAeY,GAA4B9B,aAOvE,CACEgD,YAhImB,OAiInBC,MAAOC"}

package/components/Chip/constants.js

@@ -1,2 +1,2 @@
-'use strict';exports.SIZES={xxxl:{fontSize:18,minHeight:40,padding:8,borderRadius:8},xxl:{fontSize:18,minHeight:40,padding:8,borderRadius:8},xl:{fontSize:18,minHeight:40,padding:8,borderRadius:8},l:{fontSize:18,minHeight:40,padding:8,borderRadius:8},m:{fontSize:16,minHeight:36,padding:7,borderRadius:8},s:{fontSize:14,minHeight:32,padding:6,borderRadius:7},xs:{fontSize:12,minHeight:20,padding:4,borderRadius:4},xxs:{fontSize:12,minHeight:20,padding:4,borderRadius:4},xxxs:{fontSize:12,minHeight:20,padding:4,borderRadius:4}};
+var i={xxxl:{fontSize:18,minHeight:40,padding:8,borderRadius:8},xxl:{fontSize:18,minHeight:40,padding:8,borderRadius:8},xl:{fontSize:18,minHeight:40,padding:8,borderRadius:8},l:{fontSize:18,minHeight:40,padding:8,borderRadius:8},m:{fontSize:16,minHeight:36,padding:7,borderRadius:8},s:{fontSize:14,minHeight:32,padding:6,borderRadius:7},xs:{fontSize:12,minHeight:20,padding:4,borderRadius:4},xxs:{fontSize:12,minHeight:20,padding:4,borderRadius:4},xxxs:{fontSize:12,minHeight:20,padding:4,borderRadius:4}};export{i as SIZES};
 //# sourceMappingURL=constants.js.map

package/components/Chip/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Chip/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  xxl: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  xl: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  l: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  m: {\n    fontSize: 16,\n    minHeight: 36,\n    padding: 7,\n    borderRadius: 8,\n  },\n  s: {\n    fontSize: 14,\n    minHeight: 32,\n    padding: 6,\n    borderRadius: 7,\n  },\n  xs: {\n    fontSize: 12,\n    minHeight: 20,\n    padding: 4,\n    borderRadius: 4,\n  },\n  xxs: {\n    fontSize: 12,\n    minHeight: 20,\n    padding: 4,\n    borderRadius: 4,\n  },\n  xxxs: {\n    fontSize: 12,\n    minHeight: 20,\n    padding: 4,\n    borderRadius: 4,\n  },\n}\n"],"names":["xxxl","fontSize","minHeight","padding","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBC,IAAK,CACHJ,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBE,GAAI,CACFL,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBG,EAAG,CACDN,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBI,EAAG,CACDP,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBK,EAAG,CACDR,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBM,GAAI,CACFT,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBO,IAAK,CACHV,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBQ,KAAM,CACJX,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Chip/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  xxl: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  xl: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  l: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  m: {\n    fontSize: 16,\n    minHeight: 36,\n    padding: 7,\n    borderRadius: 8,\n  },\n  s: {\n    fontSize: 14,\n    minHeight: 32,\n    padding: 6,\n    borderRadius: 7,\n  },\n  xs: {\n    fontSize: 12,\n    minHeight: 20,\n    padding: 4,\n    borderRadius: 4,\n  },\n  xxs: {\n    fontSize: 12,\n    minHeight: 20,\n    padding: 4,\n    borderRadius: 4,\n  },\n  xxxs: {\n    fontSize: 12,\n    minHeight: 20,\n    padding: 4,\n    borderRadius: 4,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","minHeight","padding","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBC,IAAK,CACHJ,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBE,GAAI,CACFL,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBG,EAAG,CACDN,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBI,EAAG,CACDP,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBK,EAAG,CACDR,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBM,GAAI,CACFT,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBO,IAAK,CACHV,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBQ,KAAM,CACJX,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc"}

package/components/Chip/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardChipProp=style.createShouldForwardProp((o=>!['outline','black','active','cursor'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{primary:{default:styled.css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors.transparent,colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor.default(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():tinycolor.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,...o.palette}))),black:styled.css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor.default(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,...o.palette})))},secondary:{default:styled.css(["",""],(o=>template({color:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-brand-primary-400'],colorHover:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor.default(o.theme.colors['bg-brand-primary-100']).lighten(2).toString():tinycolor.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-brand-primary-400'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-secondary']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.theme.colors['border-onmain-contrast']:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor.default(o.theme.colors['bg-onmain-secondary']).lighten(11).toString():tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.active?o.theme.colors['border-onmain-contrast']:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],...o.palette})))},outline:{default:styled.css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor.default(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-disabled'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor.default(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-disabled'],...o.palette})))}},contrast:{primary:{default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():tinycolor.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,...o.palette}))),black:styled.css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():tinycolor.default(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,...o.palette})))},secondary:{default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-secondary']:o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor.default(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():tinycolor.default(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors['border-oncolor-disabled'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-secondary']:o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor.default(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():tinycolor.default(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors['border-oncolor-disabled'],...o.palette})))},outline:{default:styled.css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorHover:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-oncolor-disabled']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-disabled'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorHover:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-oncolor-disabled']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-disabled'],...o.palette})))}}};const Content=styled__default.default.span.withConfig({displayName:"Chip__Content",componentId:"ui__sc-ndhge9-0"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;text-align:start;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardChipProp}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:typeof o=='string'?o:`${o}${r}`,padding:'0.4em',borderRadius:'0.2em'})}).withConfig({displayName:"Chip__Root",componentId:"ui__sc-ndhge9-1"})([""," "," "," "," ",""],(o=>{let r='default';return o.as==='button'&&(r='pointer'),o.as==='button'&&o.disabled&&(r='not-allowed'),o.cursor&&(r=o.cursor),`\n      box-sizing: border-box;\n      appearance: none;\n      padding: 0;\n      margin: 0;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: ${r};\n      transition-property: background-color;\n      transition-duration: 250ms;\n\n      & > *:not(:last-child) {\n        margin-right: 6px;\n      }\n\n      & > ${Content}:first-child {\n        margin-left: 0.4em;\n      }\n      & > ${Content}:last-child {\n        margin-right: 0.4em;\n      }\n    `}),(o=>{const r=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;let e=r.primary;return o.secondary&&(e=r.secondary),o.outline&&(e=r.outline),o.black?e.black:e.default}),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Content=Content,exports.Root=Root;
+import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import t from'tinycolor2';import{createShouldForwardProp as l}from'../../shared/utils/style.js';import{responsiveSize as n}from'../../mixins/responsive-size.js';import{responsiveMargin as c}from'../../mixins/responsive-margin.js';import{focus as a}from'../../mixins/focus.js';var s=l((o=>!['outline','black','active','cursor'].includes(o)));var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  border-color: ").concat(o.borderColor,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n  &:disabled {\n    color: ").concat(o.colorDisabled,";\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n  }\n");var d={default:{primary:{default:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-brand-primary-100'],borderColor:r.theme.colors.transparent,colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-brand-primary-500']).lighten(5).toString():t(r.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-disabled-small']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent},r.palette)))),black:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-onmain-contrast']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-onmain-contrast']).lighten(11).toString():t(r.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-disabled-small']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent},r.palette))))},secondary:{default:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-brand-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100'],borderColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-brand-primary-400'],colorHover:r.active?r.theme.colors['content-brand-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-brand-primary-100']).lighten(2).toString():t(r.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-brand-primary-400'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled']},r.palette)))),black:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-onmain-secondary']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.active?r.theme.colors['border-onmain-contrast']:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-onmain-secondary']).lighten(11).toString():t(r.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:r.active?r.theme.colors['border-onmain-contrast']:r.theme.colors['border-onmain-default-large'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled']},r.palette))))},outline:{default:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors.transparent,borderColor:r.active?r.theme.colors.transparent:r.theme.colors['border-onmain-default-large'],colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-brand-primary-500']).lighten(5).toString():r.theme.colors['content-oncolor-hover'],borderColorHover:r.active?r.theme.colors.transparent:r.theme.colors['border-onmain-default-large'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-disabled-small']:r.theme.colors.transparent,borderColorDisabled:r.active?r.theme.colors.transparent:r.theme.colors['border-disabled']},r.palette)))),black:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-onmain-contrast']:r.theme.colors.transparent,borderColor:r.active?r.theme.colors.transparent:r.theme.colors['border-onmain-default-large'],colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-onmain-contrast']).lighten(11).toString():r.theme.colors['content-oncolor-hover'],borderColorHover:r.active?r.theme.colors.transparent:r.theme.colors['border-onmain-default-large'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-disabled-small']:r.theme.colors.transparent,borderColorDisabled:r.active?r.theme.colors.transparent:r.theme.colors['border-disabled']},r.palette))))}},contrast:{primary:{default:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-brand-primary-100'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-primary']).darken(11).toString():t(r.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent},r.palette)))),black:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-primary']).darken(11).toString():t(r.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent},r.palette))))},secondary:{default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-secondary']:r.theme.colors['bg-oncolor-tertiary'],borderColor:r.active?r.theme.colors['border-oncolor-default']:r.theme.colors['border-oncolor-default-large'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():t(r.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:r.active?r.theme.colors['border-oncolor-default']:r.theme.colors['border-oncolor-default-large'],colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors['border-oncolor-disabled']},r.palette)))),black:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-secondary']:r.theme.colors['bg-oncolor-tertiary'],borderColor:r.active?r.theme.colors['border-oncolor-default']:r.theme.colors['border-oncolor-default-large'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():t(r.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:r.active?r.theme.colors['border-oncolor-default']:r.theme.colors['border-oncolor-default-large'],colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors['border-oncolor-disabled']},r.palette))))},outline:{default:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-primary']:r.theme.colors.transparent,borderColor:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorHover:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-primary']).darken(11).toString():r.theme.colors['content-onmain-hover'],borderColorHover:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-oncolor-disabled']:r.theme.colors.transparent,borderColorDisabled:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-disabled']},r.palette)))),black:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-primary']:r.theme.colors.transparent,borderColor:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorHover:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-primary']).darken(11).toString():r.theme.colors['content-onmain-hover'],borderColorHover:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-oncolor-disabled']:r.theme.colors.transparent,borderColorDisabled:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-disabled']},r.palette))))}}};var m=r.span.withConfig({componentId:"fox-ui__sc-ndhge9-0"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;text-align:start;"]);var b=r.div.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),padding:'0.4em',borderRadius:'0.2em'})}).withConfig({componentId:"fox-ui__sc-ndhge9-1"})([""," "," "," "," ",""],(o=>{var r='default';return'button'===o.as&&(r='pointer'),'button'===o.as&&o.disabled&&(r='not-allowed'),o.cursor&&(r=o.cursor),"\n      box-sizing: border-box;\n      appearance: none;\n      padding: 0;\n      margin: 0;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: ".concat(r,";\n      transition-property: background-color;\n      transition-duration: 250ms;\n\n      & > *:not(:last-child) {\n        margin-right: 6px;\n      }\n\n      & > ").concat(m,":first-child {\n        margin-left: 0.4em;\n      }\n      & > ").concat(m,":last-child {\n        margin-right: 0.4em;\n      }\n    ")}),(o=>{var r=o.contrast?d.contrast:d.default;var e=r.primary;return o.secondary&&(e=r.secondary),o.outline&&(e=r.outline),o.black?e.black:e.default}),a,n,c);export{m as Content,b as Root};
 //# sourceMappingURL=style.js.map

package/components/Chip/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Chip/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledChipProps, ChipPalette } from './types'\n\nconst shouldForwardChipProp = createShouldForwardProp(\n  (propKey) => !['outline', 'black', 'active', 'cursor'].includes(propKey)\n)\n\nconst template = (palette: ChipPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    primary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-brand-primary-500']\n              : props.theme.colors['bg-brand-primary-100'],\n            borderColor: props.theme.colors.transparent,\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n            borderColorHover: props.theme.colors.transparent,\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-disabled-small']\n              : props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.theme.colors.transparent,\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-onmain-contrast']\n              : props.theme.colors['bg-onmain-tertiary'],\n            borderColor: props.theme.colors.transparent,\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n            borderColorHover: props.theme.colors.transparent,\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-disabled-small']\n              : props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.theme.colors.transparent,\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-brand-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100'],\n            borderColor: props.active\n              ? props.theme.colors['bg-brand-primary-500']\n              : props.theme.colors['bg-brand-primary-400'],\n            colorHover: props.active\n              ? props.theme.colors['content-brand-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-brand-primary-100']).lighten(2).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n            borderColorHover: props.active\n              ? props.theme.colors['bg-brand-primary-500']\n              : props.theme.colors['bg-brand-primary-400'],\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.theme.colors['border-disabled'],\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-onmain-secondary']\n              : props.theme.colors['bg-onmain-tertiary'],\n            borderColor: props.active\n              ? props.theme.colors['border-onmain-contrast']\n              : props.theme.colors['border-onmain-default-large'],\n            colorHover: props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-onmain-secondary']).lighten(11).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n            borderColorHover: props.active\n              ? props.theme.colors['border-onmain-contrast']\n              : props.theme.colors['border-onmain-default-large'],\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.theme.colors['border-disabled'],\n            ...props.palette,\n          })}\n      `,\n    },\n    outline: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active ? props.theme.colors['bg-brand-primary-500'] : props.theme.colors.transparent,\n            borderColor: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-onmain-default-large'],\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n              : props.theme.colors['content-oncolor-hover'],\n            borderColorHover: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-onmain-default-large'],\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-disabled-small']\n              : props.theme.colors.transparent,\n            borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active ? props.theme.colors['bg-onmain-contrast'] : props.theme.colors.transparent,\n            borderColor: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-onmain-default-large'],\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n              : props.theme.colors['content-oncolor-hover'],\n            borderColorHover: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-onmain-default-large'],\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-disabled-small']\n              : props.theme.colors.transparent,\n            borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n  contrast: {\n    primary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-oncolor-primary']\n              : props.theme.colors['bg-brand-primary-100'],\n            borderColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n            borderColorHover: props.theme.colors.transparent,\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.theme.colors.transparent,\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-oncolor-primary']\n              : props.theme.colors['bg-oncolor-tertiary'],\n            borderColor: props.theme.colors.transparent,\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n            borderColorHover: props.theme.colors.transparent,\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.theme.colors.transparent,\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-oncolor-secondary']\n              : props.theme.colors['bg-oncolor-tertiary'],\n            borderColor: props.active\n              ? props.theme.colors['border-oncolor-default']\n              : props.theme.colors['border-oncolor-default-large'],\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n            borderColorHover: props.active\n              ? props.theme.colors['border-oncolor-default']\n              : props.theme.colors['border-oncolor-default-large'],\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-oncolor-secondary']\n              : props.theme.colors['bg-oncolor-tertiary'],\n            borderColor: props.active\n              ? props.theme.colors['border-oncolor-default']\n              : props.theme.colors['border-oncolor-default-large'],\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n            borderColorHover: props.active\n              ? props.theme.colors['border-oncolor-default']\n              : props.theme.colors['border-oncolor-default-large'],\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n            ...props.palette,\n          })}\n      `,\n    },\n    outline: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n            borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n              : props.theme.colors['content-onmain-hover'],\n            borderColorHover: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-oncolor-default'],\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-oncolor-disabled']\n              : props.theme.colors.transparent,\n            borderColorDisabled: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-oncolor-disabled'],\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n            borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n              : props.theme.colors['content-onmain-hover'],\n            borderColorHover: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-oncolor-default'],\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-oncolor-disabled']\n              : props.theme.colors.transparent,\n            borderColorDisabled: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-oncolor-disabled'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n}\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  text-align: start;\n`\n\nexport const Root = styled.div\n  .withConfig<StyledChipProps>({\n    shouldForwardProp: shouldForwardChipProp,\n  })\n  .attrs<StyledChipProps>(<Required<Pick<StyledChipProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.4em',\n      borderRadius: '0.2em',\n    }),\n  })`\n  ${(props) => {\n    let cursor = 'default'\n\n    if (props.as === 'button') cursor = 'pointer'\n    if (props.as === 'button' && props.disabled) cursor = 'not-allowed'\n    if (props.cursor) cursor = props.cursor\n\n    return `\n      box-sizing: border-box;\n      appearance: none;\n      padding: 0;\n      margin: 0;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: ${cursor};\n      transition-property: background-color;\n      transition-duration: 250ms;\n\n      & > *:not(:last-child) {\n        margin-right: 6px;\n      }\n\n      & > ${Content}:first-child {\n        margin-left: 0.4em;\n      }\n      & > ${Content}:last-child {\n        margin-right: 0.4em;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    let schemaVariant = schema.primary\n\n    if (props.secondary) schemaVariant = schema.secondary\n    if (props.outline) schemaVariant = schema.outline\n\n    return props.black ? schemaVariant.black : schemaVariant.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardChipProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","default","primary","css","props","active","theme","colors","transparent","tinycolor","lighten","toString","darken","black","secondary","outline","contrast","setAlpha","Content","styled","span","withConfig","displayName","componentId","Root","div","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","borderRadius","cursor","as","disabled","schema","schemaVariant","focus","responsiveSize","responsiveMargin"],"mappings":"keASA,MAAMA,sBAAwBC,MAAuBA,yBAClDC,IAAa,CAAC,UAAW,QAAS,SAAU,UAAUC,SAASD,KAGlE,MAAME,SAAYC,GAAyB,cAChCA,EAAQC,+BACGD,EAAQE,qCACZF,EAAQG,yCAEbH,EAAQI,sCACGJ,EAAQK,4CACZL,EAAQM,sDAGfN,EAAQO,yCACGP,EAAQQ,+CACZR,EAAQS,8BAI5B,MAAMC,aAAe,CACnBC,QAAS,CACPC,QAAS,CACPD,QAASE,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDf,SAAS,CACPE,MAAOa,EAAMC,OACTD,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,0BACvBf,gBAAiBY,EAAMC,OACnBD,EAAME,MAAMC,OAAO,wBACnBH,EAAME,MAAMC,OAAO,wBACvBd,YAAaW,EAAME,MAAMC,OAAOC,YAChCd,WAAYU,EAAMC,OACdD,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,0BACvBZ,qBAAsBS,EAAMC,OACvBI,UAAAA,QAAUL,EAAME,MAAMC,OAAO,yBAAyBG,QAAQ,GAAGC,WACjEF,UAASR,QAACG,EAAME,MAAMC,OAAO,yBAAyBK,OAAO,GAAGD,WACrEf,iBAAkBQ,EAAME,MAAMC,OAAOC,YACrCX,cAAeO,EAAME,MAAMC,OAAO,oBAClCT,wBAAyBM,EAAMC,OAC3BD,EAAME,MAAMC,OAAO,qBACnBH,EAAME,MAAMC,OAAO,qBACvBR,oBAAqBK,EAAME,MAAMC,OAAOC,eACrCJ,EAAMd,YAGfuB,MAAOV,OAAGA,IAAA,CAAA,GAAA,KACLC,GACDf,SAAS,CACPE,MAAOa,EAAMC,OACTD,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,0BACvBf,gBAAiBY,EAAMC,OACnBD,EAAME,MAAMC,OAAO,sBACnBH,EAAME,MAAMC,OAAO,sBACvBd,YAAaW,EAAME,MAAMC,OAAOC,YAChCd,WAAYU,EAAMC,OACdD,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,0BACvBZ,qBAAsBS,EAAMC,OACvBI,UAAAA,QAAUL,EAAME,MAAMC,OAAO,uBAAuBG,QAAQ,IAAIC,WAChEF,UAASR,QAACG,EAAME,MAAMC,OAAO,uBAAuBK,OAAO,IAAID,WACpEf,iBAAkBQ,EAAME,MAAMC,OAAOC,YACrCX,cAAeO,EAAME,MAAMC,OAAO,oBAClCT,wBAAyBM,EAAMC,OAC3BD,EAAME,MAAMC,OAAO,qBACnBH,EAAME,MAAMC,OAAO,qBACvBR,oBAAqBK,EAAME,MAAMC,OAAOC,eACrCJ,EAAMd,aAIjBwB,UAAW,CACTb,QAASE,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDf,SAAS,CACPE,MAAOa,EAAMC,OACTD,EAAME,MAAMC,OAAO,yBACnBH,EAAME,MAAMC,OAAO,0BACvBf,gBAAiBY,EAAME,MAAMC,OAAO,wBACpCd,YAAaW,EAAMC,OACfD,EAAME,MAAMC,OAAO,wBACnBH,EAAME,MAAMC,OAAO,wBACvBb,WAAYU,EAAMC,OACdD,EAAME,MAAMC,OAAO,yBACnBH,EAAME,MAAMC,OAAO,0BACvBZ,qBAAsBS,EAAMC,OACvBI,UAAAA,QAAUL,EAAME,MAAMC,OAAO,yBAAyBG,QAAQ,GAAGC,WACjEF,UAASR,QAACG,EAAME,MAAMC,OAAO,yBAAyBK,OAAO,GAAGD,WACrEf,iBAAkBQ,EAAMC,OACpBD,EAAME,MAAMC,OAAO,wBACnBH,EAAME,MAAMC,OAAO,wBACvBV,cAAeO,EAAME,MAAMC,OAAO,oBAClCT,wBAAyBM,EAAME,MAAMC,OAAO,qBAC5CR,oBAAqBK,EAAME,MAAMC,OAAO,sBACrCH,EAAMd,YAGfuB,MAAOV,OAAGA,IAAA,CAAA,GAAA,KACLC,GACDf,SAAS,CACPE,MAAOa,EAAME,MAAMC,OAAO,0BAC1Bf,gBAAiBY,EAAMC,OACnBD,EAAME,MAAMC,OAAO,uBACnBH,EAAME,MAAMC,OAAO,sBACvBd,YAAaW,EAAMC,OACfD,EAAME,MAAMC,OAAO,0BACnBH,EAAME,MAAMC,OAAO,+BACvBb,WAAYU,EAAME,MAAMC,OAAO,0BAC/BZ,qBAAsBS,EAAMC,OACvBI,UAAAA,QAAUL,EAAME,MAAMC,OAAO,wBAAwBG,QAAQ,IAAIC,WACjEF,UAASR,QAACG,EAAME,MAAMC,OAAO,uBAAuBK,OAAO,IAAID,WACpEf,iBAAkBQ,EAAMC,OACpBD,EAAME,MAAMC,OAAO,0BACnBH,EAAME,MAAMC,OAAO,+BACvBV,cAAeO,EAAME,MAAMC,OAAO,oBAClCT,wBAAyBM,EAAME,MAAMC,OAAO,qBAC5CR,oBAAqBK,EAAME,MAAMC,OAAO,sBACrCH,EAAMd,aAIjByB,QAAS,CACPd,QAASE,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDf,SAAS,CACPE,MAAOa,EAAMC,OACTD,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,0BACvBf,gBAAiBY,EAAMC,OAASD,EAAME,MAAMC,OAAO,wBAA0BH,EAAME,MAAMC,OAAOC,YAChGf,YAAaW,EAAMC,OACfD,EAAME,MAAMC,OAAOC,YACnBJ,EAAME,MAAMC,OAAO,+BACvBb,WAAYU,EAAMC,OACdD,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,0BACvBZ,qBAAsBS,EAAMC,OACvBI,UAAAA,QAAUL,EAAME,MAAMC,OAAO,yBAAyBG,QAAQ,GAAGC,WAClEP,EAAME,MAAMC,OAAO,yBACvBX,iBAAkBQ,EAAMC,OACpBD,EAAME,MAAMC,OAAOC,YACnBJ,EAAME,MAAMC,OAAO,+BACvBV,cAAeO,EAAME,MAAMC,OAAO,oBAClCT,wBAAyBM,EAAMC,OAC3BD,EAAME,MAAMC,OAAO,qBACnBH,EAAME,MAAMC,OAAOC,YACvBT,oBAAqBK,EAAMC,OAASD,EAAME,MAAMC,OAAOC,YAAcJ,EAAME,MAAMC,OAAO,sBACrFH,EAAMd,YAGfuB,MAAOV,OAAGA,IAAA,CAAA,GAAA,KACLC,GACDf,SAAS,CACPE,MAAOa,EAAMC,OACTD,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,0BACvBf,gBAAiBY,EAAMC,OAASD,EAAME,MAAMC,OAAO,sBAAwBH,EAAME,MAAMC,OAAOC,YAC9Ff,YAAaW,EAAMC,OACfD,EAAME,MAAMC,OAAOC,YACnBJ,EAAME,MAAMC,OAAO,+BACvBb,WAAYU,EAAMC,OACdD,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,0BACvBZ,qBAAsBS,EAAMC,OACvBI,UAAAA,QAAUL,EAAME,MAAMC,OAAO,uBAAuBG,QAAQ,IAAIC,WACjEP,EAAME,MAAMC,OAAO,yBACvBX,iBAAkBQ,EAAMC,OACpBD,EAAME,MAAMC,OAAOC,YACnBJ,EAAME,MAAMC,OAAO,+BACvBV,cAAeO,EAAME,MAAMC,OAAO,oBAClCT,wBAAyBM,EAAMC,OAC3BD,EAAME,MAAMC,OAAO,qBACnBH,EAAME,MAAMC,OAAOC,YACvBT,oBAAqBK,EAAMC,OAASD,EAAME,MAAMC,OAAOC,YAAcJ,EAAME,MAAMC,OAAO,sBACrFH,EAAMd,cAKnB0B,SAAU,CACRd,QAAS,CACPD,QAASE,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDf,SAAS,CACPE,MAAOa,EAAME,MAAMC,OAAO,0BAC1Bf,gBAAiBY,EAAMC,OACnBD,EAAME,MAAMC,OAAO,sBACnBH,EAAME,MAAMC,OAAO,wBACvBd,YAAaW,EAAME,MAAMC,OAAOC,YAChCd,WAAYU,EAAME,MAAMC,OAAO,0BAC/BZ,qBAAsBS,EAAMC,OACvBI,UAAAA,QAAUL,EAAME,MAAMC,OAAO,uBAAuBK,OAAO,IAAID,WAC/DF,UAASR,QAACG,EAAME,MAAMC,OAAO,yBAAyBK,OAAO,GAAGD,WACrEf,iBAAkBQ,EAAME,MAAMC,OAAOC,YACrCX,cAAeO,EAAME,MAAMC,OAAO,4BAClCT,wBAAyBM,EAAME,MAAMC,OAAO,uBAC5CR,oBAAqBK,EAAME,MAAMC,OAAOC,eACrCJ,EAAMd,YAGfuB,MAAOV,OAAGA,IAAA,CAAA,GAAA,KACLC,GACDf,SAAS,CACPE,MAAOa,EAAMC,OACTD,EAAME,MAAMC,OAAO,4BACnBH,EAAME,MAAMC,OAAO,2BACvBf,gBAAiBY,EAAMC,OACnBD,EAAME,MAAMC,OAAO,sBACnBH,EAAME,MAAMC,OAAO,uBACvBd,YAAaW,EAAME,MAAMC,OAAOC,YAChCd,WAAYU,EAAMC,OACdD,EAAME,MAAMC,OAAO,4BACnBH,EAAME,MAAMC,OAAO,2BACvBZ,qBAAsBS,EAAMC,OACvBI,UAAAA,QAAUL,EAAME,MAAMC,OAAO,uBAAuBK,OAAO,IAAID,WAC/DF,UAASR,QAACG,EAAME,MAAMC,OAAO,wBAAwBU,SAAS,IAAKN,WACxEf,iBAAkBQ,EAAME,MAAMC,OAAOC,YACrCX,cAAeO,EAAME,MAAMC,OAAO,4BAClCT,wBAAyBM,EAAME,MAAMC,OAAO,uBAC5CR,oBAAqBK,EAAME,MAAMC,OAAOC,eACrCJ,EAAMd,aAIjBwB,UAAW,CACTb,QAASE,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDf,SAAS,CACPE,MAAOa,EAAME,MAAMC,OAAO,2BAC1Bf,gBAAiBY,EAAMC,OACnBD,EAAME,MAAMC,OAAO,wBACnBH,EAAME,MAAMC,OAAO,uBACvBd,YAAaW,EAAMC,OACfD,EAAME,MAAMC,OAAO,0BACnBH,EAAME,MAAMC,OAAO,gCACvBb,WAAYU,EAAME,MAAMC,OAAO,2BAC/BZ,qBAAsBS,EAAMC,OACvBI,UAAAA,QAAUL,EAAME,MAAMC,OAAO,yBAAyBU,SAAS,IAAKN,WACpEF,UAASR,QAACG,EAAME,MAAMC,OAAO,wBAAwBU,SAAS,IAAKN,WACxEf,iBAAkBQ,EAAMC,OACpBD,EAAME,MAAMC,OAAO,0BACnBH,EAAME,MAAMC,OAAO,gCACvBV,cAAeO,EAAME,MAAMC,OAAO,4BAClCT,wBAAyBM,EAAME,MAAMC,OAAO,uBAC5CR,oBAAqBK,EAAME,MAAMC,OAAO,8BACrCH,EAAMd,YAGfuB,MAAOV,OAAGA,IAAA,CAAA,GAAA,KACLC,GACDf,SAAS,CACPE,MAAOa,EAAME,MAAMC,OAAO,2BAC1Bf,gBAAiBY,EAAMC,OACnBD,EAAME,MAAMC,OAAO,wBACnBH,EAAME,MAAMC,OAAO,uBACvBd,YAAaW,EAAMC,OACfD,EAAME,MAAMC,OAAO,0BACnBH,EAAME,MAAMC,OAAO,gCACvBb,WAAYU,EAAME,MAAMC,OAAO,2BAC/BZ,qBAAsBS,EAAMC,OACvBI,UAAAA,QAAUL,EAAME,MAAMC,OAAO,yBAAyBU,SAAS,IAAKN,WACpEF,UAASR,QAACG,EAAME,MAAMC,OAAO,wBAAwBU,SAAS,IAAKN,WACxEf,iBAAkBQ,EAAMC,OACpBD,EAAME,MAAMC,OAAO,0BACnBH,EAAME,MAAMC,OAAO,gCACvBV,cAAeO,EAAME,MAAMC,OAAO,4BAClCT,wBAAyBM,EAAME,MAAMC,OAAO,uBAC5CR,oBAAqBK,EAAME,MAAMC,OAAO,8BACrCH,EAAMd,aAIjByB,QAAS,CACPd,QAASE,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDf,SAAS,CACPE,MAAOa,EAAMC,OACTD,EAAME,MAAMC,OAAO,4BACnBH,EAAME,MAAMC,OAAO,2BACvBf,gBAAiBY,EAAMC,OAASD,EAAME,MAAMC,OAAO,sBAAwBH,EAAME,MAAMC,OAAOC,YAC9Ff,YAAaW,EAAMC,OAASD,EAAME,MAAMC,OAAOC,YAAcJ,EAAME,MAAMC,OAAO,0BAChFb,WAAYU,EAAMC,OACdD,EAAME,MAAMC,OAAO,4BACnBH,EAAME,MAAMC,OAAO,2BACvBZ,qBAAsBS,EAAMC,OACvBI,UAAAA,QAAUL,EAAME,MAAMC,OAAO,uBAAuBK,OAAO,IAAID,WAChEP,EAAME,MAAMC,OAAO,wBACvBX,iBAAkBQ,EAAMC,OACpBD,EAAME,MAAMC,OAAOC,YACnBJ,EAAME,MAAMC,OAAO,0BACvBV,cAAeO,EAAME,MAAMC,OAAO,4BAClCT,wBAAyBM,EAAMC,OAC3BD,EAAME,MAAMC,OAAO,uBACnBH,EAAME,MAAMC,OAAOC,YACvBT,oBAAqBK,EAAMC,OACvBD,EAAME,MAAMC,OAAOC,YACnBJ,EAAME,MAAMC,OAAO,8BACpBH,EAAMd,YAGfuB,MAAOV,OAAGA,IAAA,CAAA,GAAA,KACLC,GACDf,SAAS,CACPE,MAAOa,EAAMC,OACTD,EAAME,MAAMC,OAAO,4BACnBH,EAAME,MAAMC,OAAO,2BACvBf,gBAAiBY,EAAMC,OAASD,EAAME,MAAMC,OAAO,sBAAwBH,EAAME,MAAMC,OAAOC,YAC9Ff,YAAaW,EAAMC,OAASD,EAAME,MAAMC,OAAOC,YAAcJ,EAAME,MAAMC,OAAO,0BAChFb,WAAYU,EAAMC,OACdD,EAAME,MAAMC,OAAO,4BACnBH,EAAME,MAAMC,OAAO,2BACvBZ,qBAAsBS,EAAMC,OACvBI,UAAAA,QAAUL,EAAME,MAAMC,OAAO,uBAAuBK,OAAO,IAAID,WAChEP,EAAME,MAAMC,OAAO,wBACvBX,iBAAkBQ,EAAMC,OACpBD,EAAME,MAAMC,OAAOC,YACnBJ,EAAME,MAAMC,OAAO,0BACvBV,cAAeO,EAAME,MAAMC,OAAO,4BAClCT,wBAAyBM,EAAMC,OAC3BD,EAAME,MAAMC,OAAO,uBACnBH,EAAME,MAAMC,OAAOC,YACvBT,oBAAqBK,EAAMC,OACvBD,EAAME,MAAMC,OAAOC,YACnBJ,EAAME,MAAMC,OAAO,8BACpBH,EAAMd,qBAOR4B,QAAUC,gBAAAA,QAAOC,KAAIC,WAAA,CAAAC,YAAA,gBAAAC,YAAA,mBAAXJ,CAMtB,CAAA,2FAEM,MAAMK,KAAOL,gBAAAA,QAAOM,IACxBJ,WAA4B,CAC3BK,kBAAmBzC,wBAEpB0C,MAAkF,CACjFC,uBAAwBA,CAACC,EAAMC,KAAe,CAC5CC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,QAAS,QACTC,aAAc,YAEhBZ,WAAA,CAAAC,YAAA,aAAAC,YAAA,mBAVgBJ,CAUhB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KACCf,IACD,IAAI8B,EAAS,UAMb,OAJI9B,EAAM+B,KAAO,WAAUD,EAAS,WAChC9B,EAAM+B,KAAO,UAAY/B,EAAMgC,WAAUF,EAAS,eAClD9B,EAAM8B,SAAQA,EAAS9B,EAAM8B,QAE1B,iQAUKA,2KAQJhB,0EAGAA,mEAGP,IAGAd,IACD,MAAMiC,EAASjC,EAAMY,SAAWhB,aAAagB,SAAWhB,aAAaC,QAErE,IAAIqC,EAAgBD,EAAOnC,QAK3B,OAHIE,EAAMU,YAAWwB,EAAgBD,EAAOvB,WACxCV,EAAMW,UAASuB,EAAgBD,EAAOtB,SAEnCX,EAAMS,MAAQyB,EAAczB,MAAQyB,EAAcrC,OAAO,GAGhEsC,MAAAA,MACAC,eAAAA,eACAC,iBAAgBA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Chip/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledChipProps, ChipPalette } from './types'\n\nconst shouldForwardChipProp = createShouldForwardProp(\n  (propKey) => !['outline', 'black', 'active', 'cursor'].includes(propKey)\n)\n\nconst template = (palette: ChipPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    primary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-brand-primary-500']\n              : props.theme.colors['bg-brand-primary-100'],\n            borderColor: props.theme.colors.transparent,\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n            borderColorHover: props.theme.colors.transparent,\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-disabled-small']\n              : props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.theme.colors.transparent,\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-onmain-contrast']\n              : props.theme.colors['bg-onmain-tertiary'],\n            borderColor: props.theme.colors.transparent,\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n            borderColorHover: props.theme.colors.transparent,\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-disabled-small']\n              : props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.theme.colors.transparent,\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-brand-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100'],\n            borderColor: props.active\n              ? props.theme.colors['bg-brand-primary-500']\n              : props.theme.colors['bg-brand-primary-400'],\n            colorHover: props.active\n              ? props.theme.colors['content-brand-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-brand-primary-100']).lighten(2).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n            borderColorHover: props.active\n              ? props.theme.colors['bg-brand-primary-500']\n              : props.theme.colors['bg-brand-primary-400'],\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.theme.colors['border-disabled'],\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-onmain-secondary']\n              : props.theme.colors['bg-onmain-tertiary'],\n            borderColor: props.active\n              ? props.theme.colors['border-onmain-contrast']\n              : props.theme.colors['border-onmain-default-large'],\n            colorHover: props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-onmain-secondary']).lighten(11).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n            borderColorHover: props.active\n              ? props.theme.colors['border-onmain-contrast']\n              : props.theme.colors['border-onmain-default-large'],\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.theme.colors['border-disabled'],\n            ...props.palette,\n          })}\n      `,\n    },\n    outline: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active ? props.theme.colors['bg-brand-primary-500'] : props.theme.colors.transparent,\n            borderColor: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-onmain-default-large'],\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n              : props.theme.colors['content-oncolor-hover'],\n            borderColorHover: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-onmain-default-large'],\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-disabled-small']\n              : props.theme.colors.transparent,\n            borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active ? props.theme.colors['bg-onmain-contrast'] : props.theme.colors.transparent,\n            borderColor: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-onmain-default-large'],\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n              : props.theme.colors['content-oncolor-hover'],\n            borderColorHover: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-onmain-default-large'],\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-disabled-small']\n              : props.theme.colors.transparent,\n            borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n  contrast: {\n    primary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-oncolor-primary']\n              : props.theme.colors['bg-brand-primary-100'],\n            borderColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n            borderColorHover: props.theme.colors.transparent,\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.theme.colors.transparent,\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-oncolor-primary']\n              : props.theme.colors['bg-oncolor-tertiary'],\n            borderColor: props.theme.colors.transparent,\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n            borderColorHover: props.theme.colors.transparent,\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.theme.colors.transparent,\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-oncolor-secondary']\n              : props.theme.colors['bg-oncolor-tertiary'],\n            borderColor: props.active\n              ? props.theme.colors['border-oncolor-default']\n              : props.theme.colors['border-oncolor-default-large'],\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n            borderColorHover: props.active\n              ? props.theme.colors['border-oncolor-default']\n              : props.theme.colors['border-oncolor-default-large'],\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-oncolor-secondary']\n              : props.theme.colors['bg-oncolor-tertiary'],\n            borderColor: props.active\n              ? props.theme.colors['border-oncolor-default']\n              : props.theme.colors['border-oncolor-default-large'],\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n            borderColorHover: props.active\n              ? props.theme.colors['border-oncolor-default']\n              : props.theme.colors['border-oncolor-default-large'],\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n            ...props.palette,\n          })}\n      `,\n    },\n    outline: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n            borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n              : props.theme.colors['content-onmain-hover'],\n            borderColorHover: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-oncolor-default'],\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-oncolor-disabled']\n              : props.theme.colors.transparent,\n            borderColorDisabled: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-oncolor-disabled'],\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n            borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n              : props.theme.colors['content-onmain-hover'],\n            borderColorHover: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-oncolor-default'],\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-oncolor-disabled']\n              : props.theme.colors.transparent,\n            borderColorDisabled: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-oncolor-disabled'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n}\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  text-align: start;\n`\n\nexport const Root = styled.div\n  .withConfig<StyledChipProps>({\n    shouldForwardProp: shouldForwardChipProp,\n  })\n  .attrs<StyledChipProps>(<Required<Pick<StyledChipProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.4em',\n      borderRadius: '0.2em',\n    }),\n  })`\n  ${(props) => {\n    let cursor = 'default'\n\n    if (props.as === 'button') cursor = 'pointer'\n    if (props.as === 'button' && props.disabled) cursor = 'not-allowed'\n    if (props.cursor) cursor = props.cursor\n\n    return `\n      box-sizing: border-box;\n      appearance: none;\n      padding: 0;\n      margin: 0;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: ${cursor};\n      transition-property: background-color;\n      transition-duration: 250ms;\n\n      & > *:not(:last-child) {\n        margin-right: 6px;\n      }\n\n      & > ${Content}:first-child {\n        margin-left: 0.4em;\n      }\n      & > ${Content}:last-child {\n        margin-right: 0.4em;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    let schemaVariant = schema.primary\n\n    if (props.secondary) schemaVariant = schema.secondary\n    if (props.outline) schemaVariant = schema.outline\n\n    return props.black ? schemaVariant.black : schemaVariant.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardChipProp","createShouldForwardProp","propKey","includes","template","palette","color","concat","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","default","primary","css","props","_objectSpread","active","theme","colors","transparent","tinycolor","lighten","toString","darken","black","secondary","outline","contrast","setAlpha","Content","styled","span","withConfig","componentId","Root","div","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","borderRadius","cursor","as","disabled","schema","schemaVariant","focus","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/Container/Container.js

@@ -1,2 +1,2 @@
-'use strict';var style=require('./style.js');var require$$0=require('react/jsx-runtime');function Container(e){return require$$0.jsx(style.Root,{...e})}Container.displayName='Container',exports.Container=Container;
+import r from'@babel/runtime/helpers/objectSpread2';import{Root as e}from'./style.js';import{jsx as t}from'react/jsx-runtime';function o(o){return t(e,r({},o))}o.displayName='Container';export{o as Container};
 //# sourceMappingURL=Container.js.map

package/components/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { DisplayProperty } from 'mixins/display'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ContainerProps extends BaseProps, DisplayProperty, ColorProperty {\n  /**\n   * Primary content\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Container has no maximum width.\n   */\n  fluid?: boolean\n  /**\n   * Align container text.\n   */\n  textAlign?: 'left' | 'center' | 'right' | 'justified'\n}\n\nContainer.displayName = 'Container'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function Container(props: ContainerProps) {\n  return <Styled.Root {...props} />\n}\n"],"names":["Container","props","_jsx","Styled","displayName"],"mappings":"yFA+BO,SAASA,UAAUC,GACxB,OAAOC,WAAAA,IAACC,MAAAA,KAAW,IAAKF,GAC1B,CAVAD,UAAUI,YAAc"}
+{"version":3,"file":"Container.js","sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { DisplayProperty } from 'mixins/display'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ContainerProps extends BaseProps, DisplayProperty, ColorProperty {\n  /**\n   * Primary content\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Container has no maximum width.\n   */\n  fluid?: boolean\n  /**\n   * Align container text.\n   */\n  textAlign?: 'left' | 'center' | 'right' | 'justified'\n}\n\nContainer.displayName = 'Container'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function Container(props: ContainerProps) {\n  return <Styled.Root {...props} />\n}\n"],"names":["Container","props","_jsx","Styled.Root","_objectSpread","displayName"],"mappings":"8HA+BO,SAASA,EAAUC,GACxB,OAAOC,EAACC,EAADC,EAAA,GAAiBH,IAT1BD,EAAUK,YAAc"}

package/components/Container/style.js

@@ -1,8 +1,2 @@
-'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var color=require('../../mixins/color.js');var screen=require('../../mixins/screen.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}const Root=_interopDefault(styled).default.div.withConfig({shouldForwardProp:e=>['children','className','style'].includes(e)}).withConfig({displayName:"Container__Root",componentId:"ui__sc-yg4y35-0"})(["display:block;width:100%;max-width:","px;margin:0 auto;padding:0 50px;box-sizing:border-box;"," "," "," "," "," "," ",""],(e=>e.theme.breakpoints.l-100+100),(e=>e.display?display.display(e.display):null),(e=>e.color?color.color(e.color,'background-color'):null),(e=>e.textAlign?styled.css(["text-align:",";"],e.textAlign):null),(e=>e.fluid?styled.css(["max-width:100%;"]):null),screen.screenL()`
-    padding: 0 42px;
-  `,screen.screenM()`
-    padding: 0 28px;
-  `,screen.screenMaxS()`
-    padding: 0 20px;
-  `);exports.Root=Root;
+import i from'@babel/runtime/helpers/taggedTemplateLiteral';import o,{css as n}from'styled-components';import{display as s}from'../../mixins/display.js';import{color as l}from'../../mixins/color.js';import{screenL as r,screenM as a,screenMaxS as e}from'../../mixins/screen.js';var t,d,p;var m=o.div.withConfig({shouldForwardProp:i=>['children','className','style'].includes(i)}).withConfig({componentId:"fox-ui__sc-yg4y35-0"})(["display:block;width:100%;max-width:","px;margin:0 auto;padding:0 50px;box-sizing:border-box;"," "," "," "," "," "," ",""],(i=>i.theme.breakpoints.l-100+100),(i=>i.display?s(i.display):null),(i=>i.color?l(i.color,'background-color'):null),(i=>i.textAlign?n(["text-align:",";"],i.textAlign):null),(i=>i.fluid?n(["max-width:100%;"]):null),r()(t||(t=i(["\n    padding: 0 42px;\n  "]))),a()(d||(d=i(["\n    padding: 0 28px;\n  "]))),e()(p||(p=i(["\n    padding: 0 20px;\n  "]))));export{m as Root};
 //# sourceMappingURL=style.js.map

package/components/Container/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Container/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { screenL, screenM, screenMaxS } from 'mixins/screen'\nimport { ContainerProps } from './Container'\n\nexport const Root = styled.div.withConfig<ContainerProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  display: block;\n  width: 100%;\n  max-width: ${(props) => props.theme.breakpoints.l - 100 + 2 * 50}px;\n  margin: 0 auto;\n  padding: 0 50px;\n  box-sizing: border-box;\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) =>\n    props.fluid\n      ? css`\n          max-width: 100%;\n        `\n      : null}\n  ${screenL()`\n    padding: 0 42px;\n  `}\n  ${screenM()`\n    padding: 0 28px;\n  `}\n  ${screenMaxS()`\n    padding: 0 20px;\n  `}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","theme","breakpoints","l","display","color","textAlign","css","fluid","screenL","screenM","screenMaxS"],"mappings":"6PAMO,MAAMA,6BAAOC,QAAOC,IAAIC,WAA2B,CACxDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzEF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFkBP,CAElB,CAAA,sCAAA,yDAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAGcQ,GAAUA,EAAMC,MAAMC,YAAYC,EAAI,IAAM,MAIvDH,GAAWA,EAAMI,QAAUA,QAAAA,QAAQJ,EAAMI,SAAW,OACpDJ,GAAWA,EAAMK,MAAQA,MAAKA,MAACL,EAAMK,MAAO,oBAAsB,OAClEL,GACDA,EAAMM,UACFC,OAAGA,IAAA,CAAA,cAAA,KACaP,EAAMM,WAEtB,OACHN,GACDA,EAAMQ,MACFD,OAAGA,IAGH,CAAA,oBAAA,MACJE,OAAOA,SAAE;;IAGTC,OAAOA,SAAE;;IAGTC,OAAUA,YAAE;;"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Container/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { screenL, screenM, screenMaxS } from 'mixins/screen'\nimport { ContainerProps } from './Container'\n\nexport const Root = styled.div.withConfig<ContainerProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  display: block;\n  width: 100%;\n  max-width: ${(props) => props.theme.breakpoints.l - 100 + 2 * 50}px;\n  margin: 0 auto;\n  padding: 0 50px;\n  box-sizing: border-box;\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) =>\n    props.fluid\n      ? css`\n          max-width: 100%;\n        `\n      : null}\n  ${screenL()`\n    padding: 0 42px;\n  `}\n  ${screenM()`\n    padding: 0 28px;\n  `}\n  ${screenMaxS()`\n    padding: 0 20px;\n  `}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","props","theme","breakpoints","l","display","color","textAlign","css","fluid","screenL","screenM","screenMaxS","_templateObject3","_taggedTemplateLiteral"],"mappings":"+RAMO,IAAMA,EAAOC,EAAOC,IAAIC,WAA2B,CACxDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KAD1DF,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,sCAAA,yDAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAKDO,GAAUA,EAAMC,MAAMC,YAAYC,EAAI,IAAM,MAIvDH,GAAWA,EAAMI,QAAUA,EAAQJ,EAAMI,SAAW,OACpDJ,GAAWA,EAAMK,MAAQA,EAAML,EAAMK,MAAO,oBAAsB,OAClEL,GACDA,EAAMM,UACFC,sBACgBP,EAAMM,WAEtB,OACHN,GACDA,EAAMQ,MACFD,EAGA,CAAA,oBAAA,MACJE,GAAAA,CAGAC,IAAAA,EAAAA,EAAAA,CAAAA,iCAAAA,GAAAA,CAGAC,IAAAA,EAAAA,EAAAA,CAAAA,iCAAAA,GAAAA,CA7BGC,IAAAA,EAAAC,EAAA,CAAA"}

package/components/ContextMenu/ContextMenu.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var Item=require('./Item.js');var style=require('./style.js');var tooltipStyles=require('./tooltip-styles.js');var require$$0=require('react/jsx-runtime');var ContextMenu_Multilevel=require('../ContextMenu.Multilevel/ContextMenu.Multilevel.js');var Tooltip=require('../Tooltip/Tooltip.js');exports.ContextMenu=class ContextMenu extends React.PureComponent{static Item=Item.ContextMenuItem;static MultiLevel=ContextMenu_Multilevel.ContextMenuMultiLevel;static displayName='ContextMenu';static defaultProps={tooltipProps:{event:'click',placement:'left-start',offset:2,showCloseButton:!1,styles:tooltipStyles.tooltipStyles},hideOverlay:!1};constructor(e){super(e),this.state={isOpen:this.props.isOpen||!1}}getOpen=()=>{const{isOpen:e}=this.props;return e!==void 0?e:this.state.isOpen||!1};openMenu=e=>{this.setState({isOpen:!0});const{onOpen:t}=this.props;t&&t(e)};closeMenu=e=>{this.setState({isOpen:!1});const{onClose:t}=this.props;t&&t(e)};toggleMenu=e=>{const{openMenu:t,closeMenu:s}=this;const o=this.getOpen();return e.persist(),e.preventDefault(),e.stopPropagation(),o?s(e):t(e),!1};render(){const{className:e,tooltipProps:t={},trigger:s,children:o,hideOverlay:i}=this.props;const n=this.getOpen();return o&&(t.content=o),require$$0.jsx(style.Root,{className:e,isOpen:n,onClick:this.toggleMenu,hideOverlay:i,children:require$$0.jsx(Tooltip.Tooltip,{...t,open:n,children:require$$0.jsx("div",{onClick:this.closeMenu,children:s&&React.cloneElement(s,{active:n})})})})}};
+import e from'@babel/runtime/helpers/objectSpread2';import{PureComponent as t,cloneElement as s}from'react';import{ContextMenuMultiLevel as o}from'../ContextMenu.Multilevel/ContextMenu.Multilevel.js';import{Tooltip as i}from'../Tooltip/Tooltip.js';import{ContextMenuItem as r}from'./Item.js';import{Root as n}from'./style.js';import{tooltipStyles as p}from'./tooltip-styles.js';import{jsx as l}from'react/jsx-runtime';class a extends t{constructor(e){super(e),this.getOpen=()=>{var{isOpen:e}=this.props;return void 0!==e?e:this.state.isOpen||!1},this.openMenu=e=>{this.setState({isOpen:!0});var{onOpen:t}=this.props;t&&t(e)},this.closeMenu=e=>{this.setState({isOpen:!1});var{onClose:t}=this.props;t&&t(e)},this.toggleMenu=e=>{var{openMenu:t,closeMenu:s}=this;var o=this.getOpen();return e.persist(),e.preventDefault(),e.stopPropagation(),o?s(e):t(e),!1},this.state={isOpen:this.props.isOpen||!1}}render(){var{className:t,tooltipProps:o={},trigger:r,children:p,hideOverlay:a}=this.props;var u=this.getOpen();return p&&(o.content=p),l(n,{className:t,isOpen:u,onClick:this.toggleMenu,hideOverlay:a,children:l(i,e(e({},o),{},{open:u,children:l("div",{onClick:this.closeMenu,children:r&&s(r,{active:u})})}))})}}a.Item=r,a.MultiLevel=o,a.displayName='ContextMenu',a.defaultProps={tooltipProps:{event:'click',placement:'left-start',offset:2,showCloseButton:!1,styles:p},hideOverlay:!1};export{a as ContextMenu};
 //# sourceMappingURL=ContextMenu.js.map

package/components/ContextMenu/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { cloneElement, PureComponent } from 'react'\nimport { BaseProps } from 'shared/interfaces'\nimport { ContextMenuMultiLevel } from 'components/ContextMenu.Multilevel'\nimport { Tooltip } from './../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n  /**\n   * Children react node\n   */\n  children: React.ReactNode\n  /** Indicates if button is active (e.g. when context menu is open) */\n  onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Manually controled state */\n  isOpen?: boolean\n  /** On open menu callback  */\n  onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** On close menu callback  */\n  onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Content */\n  trigger?: React.ReactNode\n  /** Properties for inner Tooltip component */\n  tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n  /** Hide overlay for debug */\n  hideOverlay?: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n */\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n  static Item = ContextMenuItem\n  static MultiLevel = ContextMenuMultiLevel\n  static displayName = 'ContextMenu'\n\n  static defaultProps = {\n    tooltipProps: {\n      event: 'click',\n      placement: 'left-start',\n      offset: 2,\n      showCloseButton: false,\n      styles: tooltipStyles,\n    },\n    hideOverlay: false,\n  }\n\n  constructor(props: ContextMenuProps) {\n    super(props)\n\n    this.state = {\n      isOpen: this.props.isOpen || false,\n    }\n  }\n\n  getOpen = () => {\n    const { isOpen } = this.props\n\n    if (isOpen !== undefined) return isOpen\n\n    return this.state.isOpen || false\n  }\n\n  openMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: true })\n\n    const { onOpen } = this.props\n\n    onOpen && onOpen(e)\n  }\n\n  closeMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: false })\n\n    const { onClose } = this.props\n\n    onClose && onClose(e)\n  }\n\n  toggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    const { openMenu, closeMenu } = this\n    const isOpen = this.getOpen()\n\n    e.persist()\n    e.preventDefault()\n    e.stopPropagation()\n\n    isOpen ? closeMenu(e) : openMenu(e)\n\n    return false\n  }\n\n  render() {\n    const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n    const isOpen = this.getOpen()\n\n    if (children) tooltipProps.content = children\n\n    return (\n      <Styled.Root className={className} isOpen={isOpen} onClick={this.toggleMenu} hideOverlay={hideOverlay}>\n        <Tooltip {...tooltipProps} open={isOpen}>\n          {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\n          <div onClick={this.closeMenu}>{trigger && cloneElement(trigger as any, { active: isOpen })}</div>\n        </Tooltip>\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["ContextMenu","PureComponent","static","ContextMenuItem","ContextMenuMultiLevel","tooltipProps","event","placement","offset","showCloseButton","styles","tooltipStyles","hideOverlay","constructor","props","super","this","state","isOpen","getOpen","undefined","openMenu","e","setState","onOpen","closeMenu","onClose","toggleMenu","persist","preventDefault","stopPropagation","render","className","trigger","children","content","_jsx","Styled","onClick","jsx","Tooltip","open","cloneElement","active"],"mappings":"8VAkCO,MAAMA,oBAAoBC,MAAAA,cAC/BC,YAAcC,KAAAA,gBACdD,kBAAoBE,uBAAAA,sBACpBF,mBAAqB,cAErBA,oBAAsB,CACpBG,aAAc,CACZC,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,iBAAiB,EACjBC,OAAQC,cAAAA,eAEVC,aAAa,GAGfC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,OAAQF,KAAKF,MAAMI,SAAU,EAEjC,CAEAC,QAAUA,KACR,MAAMD,OAAEA,GAAWF,KAAKF,MAExB,OAAII,SAAWE,EAAkBF,EAE1BF,KAAKC,MAAMC,SAAU,CAAK,EAGnCG,SAAYC,IACVN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMM,OAAEA,GAAWR,KAAKF,MAExBU,GAAUA,EAAOF,EAAE,EAGrBG,UAAaH,IACXN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMQ,QAAEA,GAAYV,KAAKF,MAEzBY,GAAWA,EAAQJ,EAAE,EAGvBK,WAAcL,IACZ,MAAMD,SAAEA,EAAQI,UAAEA,GAAcT,KAChC,MAAME,EAASF,KAAKG,UAQpB,OANAG,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEFZ,EAASO,EAAUH,GAAKD,EAASC,IAE1B,CAAK,EAGdS,MAAAA,GACE,MAAMC,UAAEA,EAAS3B,aAAEA,EAAe,CAAE,EAAA4B,QAAEA,EAAOC,SAAEA,EAAQtB,YAAEA,GAAgBI,KAAKF,MAC9E,MAAMI,EAASF,KAAKG,UAIpB,OAFIe,IAAU7B,EAAa8B,QAAUD,GAGnCE,WAAAA,IAACC,MAAAA,KAAW,CAACL,UAAWA,EAAWd,OAAQA,EAAQoB,QAAStB,KAAKW,WAAYf,YAAaA,EAAYsB,SACpGE,WAAAG,IAACC,gBAAO,IAAKnC,EAAcoC,KAAMvB,EAAOgB,SAEtCE,WAAAG,IAAA,MAAA,CAAKD,QAAStB,KAAKS,UAAUS,SAAED,GAAWS,MAAYA,aAACT,EAAgB,CAAEU,OAAQzB,SAIzF"}
+{"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { cloneElement, PureComponent } from 'react'\nimport { BaseProps } from 'shared/interfaces'\nimport { ContextMenuMultiLevel } from 'components/ContextMenu.Multilevel'\nimport { Tooltip } from './../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n  /**\n   * Children react node\n   */\n  children: React.ReactNode\n  /** Indicates if button is active (e.g. when context menu is open) */\n  onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Manually controled state */\n  isOpen?: boolean\n  /** On open menu callback  */\n  onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** On close menu callback  */\n  onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Content */\n  trigger?: React.ReactNode\n  /** Properties for inner Tooltip component */\n  tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n  /** Hide overlay for debug */\n  hideOverlay?: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n */\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n  static Item = ContextMenuItem\n  static MultiLevel = ContextMenuMultiLevel\n  static displayName = 'ContextMenu'\n\n  static defaultProps = {\n    tooltipProps: {\n      event: 'click',\n      placement: 'left-start',\n      offset: 2,\n      showCloseButton: false,\n      styles: tooltipStyles,\n    },\n    hideOverlay: false,\n  }\n\n  constructor(props: ContextMenuProps) {\n    super(props)\n\n    this.state = {\n      isOpen: this.props.isOpen || false,\n    }\n  }\n\n  getOpen = () => {\n    const { isOpen } = this.props\n\n    if (isOpen !== undefined) return isOpen\n\n    return this.state.isOpen || false\n  }\n\n  openMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: true })\n\n    const { onOpen } = this.props\n\n    onOpen && onOpen(e)\n  }\n\n  closeMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: false })\n\n    const { onClose } = this.props\n\n    onClose && onClose(e)\n  }\n\n  toggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    const { openMenu, closeMenu } = this\n    const isOpen = this.getOpen()\n\n    e.persist()\n    e.preventDefault()\n    e.stopPropagation()\n\n    isOpen ? closeMenu(e) : openMenu(e)\n\n    return false\n  }\n\n  render() {\n    const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n    const isOpen = this.getOpen()\n\n    if (children) tooltipProps.content = children\n\n    return (\n      <Styled.Root className={className} isOpen={isOpen} onClick={this.toggleMenu} hideOverlay={hideOverlay}>\n        <Tooltip {...tooltipProps} open={isOpen}>\n          {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\n          <div onClick={this.closeMenu}>{trigger && cloneElement(trigger as any, { active: isOpen })}</div>\n        </Tooltip>\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["ContextMenu","PureComponent","constructor","props","super","this","getOpen","isOpen","state","openMenu","e","setState","onOpen","closeMenu","onClose","toggleMenu","persist","preventDefault","stopPropagation","render","className","tooltipProps","trigger","children","hideOverlay","content","_jsx","Styled.Root","onClick","Tooltip","_objectSpread","open","cloneElement","active","Item","ContextMenuItem","MultiLevel","ContextMenuMultiLevel","displayName","defaultProps","event","placement","offset","showCloseButton","styles","tooltipStyles"],"mappings":"kaAkCO,MAAMA,UAAoBC,EAgB/BC,YAAYC,GACVC,MAAMD,GAD6BE,KAQrCC,QAAU,KACR,IAAMC,OAAEA,GAAWF,KAAKF,MAExB,gBAAII,EAA6BA,EAE1BF,KAAKG,MAAMD,YAbiBF,KAgBrCI,SAAYC,IACVL,KAAKM,SAAS,CAAEJ,QAAAA,IAEhB,IAAMK,OAAEA,GAAWP,KAAKF,MAExBS,GAAUA,EAAOF,IArBkBL,KAwBrCQ,UAAaH,IACXL,KAAKM,SAAS,CAAEJ,YAEhB,IAAMO,QAAEA,GAAYT,KAAKF,MAEzBW,GAAWA,EAAQJ,IA7BgBL,KAgCrCU,WAAcL,IACZ,IAAMD,SAAEA,EAAFI,UAAYA,GAAcR,KAChC,IAAME,EAASF,KAAKC,UAQpB,OANAI,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEFX,EAASM,EAAUH,GAAKD,EAASC,OArCjCL,KAAKG,MAAQ,CACXD,OAAQF,KAAKF,MAAMI,SAAAA,GAyCvBY,SACE,IAAMC,UAAEA,EAAFC,aAAaA,EAAe,GAA5BC,QAAgCA,EAAhCC,SAAyCA,EAAzCC,YAAmDA,GAAgBnB,KAAKF,MAC9E,IAAMI,EAASF,KAAKC,UAIpB,OAFIiB,IAAUF,EAAaI,QAAUF,GAGnCG,EAACC,EAAD,CAAaP,UAAWA,EAAWb,OAAQA,EAAQqB,QAASvB,KAAKU,WAAYS,YAAaA,EAA1FD,SACEG,EAACG,EAADC,EAAAA,EAAA,GAAaT,GAAb,GAAA,CAA2BU,KAAMxB,EAAjCgB,SAEEG,EAAA,MAAA,CAAKE,QAASvB,KAAKQ,UAAnBU,SAA+BD,GAAWU,EAAaV,EAAgB,CAAEW,OAAQ1B,YAvE9EP,EACJkC,KAAOC,EADHnC,EAEJoC,WAAaC,EAFTrC,EAGJsC,YAAc,cAHVtC,EAKJuC,aAAe,CACpBlB,aAAc,CACZmB,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,mBACAC,OAAQC,GAEVrB,aAAAA"}

package/components/ContextMenu/Item.js

@@ -1,2 +1,2 @@
-'use strict';var colors=require('../../theme/colors.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');const disabledHandler=e=>(e.preventDefault(),e.preventDefault(),e.stopPropagation(),!1);function ContextMenuItem({children:e,id:t,content:r,active:s,disabled:i,onClick:n,className:a,style:l}){return require$$0.jsxs(style.RootItem,{style:l,className:a,active:s,disabled:i,onClick:i?disabledHandler:n,"data-id":t,children:[e,require$$0.jsx(Text.Text,{size:"s",lineHeight:"s",color:colors.DefaultColorNames.mineShaft,children:r})]})}ContextMenuItem.displayName='ContextMenu.Item',exports.ContextMenuItem=ContextMenuItem;
+import{DefaultColorNames as e}from'../../theme/colors.js';import{Text as t}from'../Text/Text.js';import{RootItem as s}from'./style.js';import{jsxs as a,jsx as o}from'react/jsx-runtime';var r=e=>(e.preventDefault(),e.preventDefault(),e.stopPropagation(),!1);function i(i){var{children:l,id:n,content:m,active:c,disabled:d,onClick:p,className:f,style:x}=i;return a(s,{style:x,className:f,active:c,disabled:d,onClick:d?r:p,"data-id":n,children:[l,o(t,{size:"s",lineHeight:"s",color:e.mineShaft,children:m})]})}i.displayName='ContextMenu.Item';export{i as ContextMenuItem};
 //# sourceMappingURL=Item.js.map