@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/cjs/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_utils","_client","_keyListener","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_ThemeFactory","_createPropsGetter","_Link","_Button2","_ButtonIcon","_ButtonArrow","_getInnerLinkTheme","_LoadingButtonIcon","_class","_Button","_excluded","_excluded2","BUTTON_DEFAULT_COMPONENT","exports","ButtonDataTids","rootElement","root","spinner","SpanComponent","_ref","children","rest","_objectWithoutPropertiesLoose2","default","createElement","Button","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","node","renderMain","props","_this$emotion","_this$emotion$cx","_this$emotion$cx4","_this$emotion$cx5","corners","active","disabled","borderless","checked","error","warning","loading","narrow","arrow","icon","rightIcon","_noPadding","_noRightPadding","visuallyFocused","align","disableFocus","width","tabIndex","_component","component","useProp","use","sizeProp","size","theme","_this$getProps","sizeClass","getSizeClassName","isFocused","isLink","_useButtonArrow","useButtonArrow","_extends2","Boolean","emotion","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","trueDisabled","styles","rootClassName","cx","noPadding","noRightPadding","disabledWithoutOutline","checkedDisabled","backlessDisabled","textDisabled","globalClasses","getActiveStyles","focus","checkedFocused","rootProps","className","style","textAlign","onFocus","handleFocus","onBlur","handleBlur","getTabIndex","wrapProps","wrap","getSizeWrapClassName","innerShadowNode","outlineNode","_this$emotion$cx2","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","ButtonIcon","position","rightIconNode","hasBothIcons","_this$emotion$cx3","link","linkLineHeight","isSafari","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","undefined","hasLoadingNode","loadingNode","LoadingButtonIcon","captionNode","caption","captionLink","captionDisabled","text","visibilityHidden","ThemeContext","Provider","value","getInnerLinkTheme","Link","focused","renderIcon2022","Root","ref","e","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","_inheritsLoose2","_proto","prototype","componentDidMount","autoFocus","getDerivedStateFromProps","_this$node","blur","_this$node2","render","_this2","EmotionConsumer","getStyles","Consumer","ThemeFactory","create","CommonWrapper","rootNodeRef","setRootNode","_ref2","_ref2$tabIndex","isKonturIcon","_icon$props$size","sizes","getButtonIconSizes","React","cloneElement","_this$emotion$cx6","_this$emotion$cx7","_this$emotion$cx8","sizeLarge","sizeLargeIE11","isIE11","isEdge","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","displayName","__BUTTON__","type","isButton","isReactUIComponent"],"sources":["Button.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { ButtonLinkAllowedValues } from '../../lib/types/button-link';\nimport { isKonturIcon, isReactUIComponent } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Link } from '../Link';\nimport { SizeProp } from '../../lib/types/props';\nimport { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';\n\nimport { getStyles, getActiveStyles, globalClasses } from './Button.styles';\nimport { ButtonIcon, ButtonIconProps, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';\n\nexport interface ButtonInnerProps extends CommonProps {\n  /** @ignore */\n  _noPadding?: boolean;\n\n  /** @ignore */\n  _noRightPadding?: boolean;\n\n  /**\n   * Применяет к кнопке стили псевдокласса `:active`.\n   */\n  active?: boolean;\n\n  /**\n   * CSS-свойство `text-align`.\n   */\n  align?: React.CSSProperties['textAlign'];\n\n  /**\n   * Превращает обычную кнопку в кнопку со стрелкой.\n   */\n  arrow?: boolean | 'left';\n\n  /**\n   * Даёт кнопке фокус после окончания загрузки страницы.\n   */\n  autoFocus?: boolean;\n\n  /**\n   * Убирает обводку у кнопки.\n   */\n  borderless?: boolean;\n\n  /**\n   * @ignore\n   */\n  checked?: boolean;\n\n  children?: React.ReactNode;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /**\n   * Отключенное состояние кнопки.\n   */\n  disabled?: boolean;\n\n  /** @ignore */\n  disableFocus?: boolean;\n\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n\n  /**\n   * Иконка слева от текста кнопки.\n   */\n  icon?: React.ReactElement;\n\n  /**\n   * Иконка справа от текста кнопки.\n   */\n  rightIcon?: React.ReactElement;\n\n  /**\n   * Переводит кнопку в состояние загрузки.\n   */\n  loading?: boolean;\n\n  /**\n   * Сужает кнопку.\n   */\n  narrow?: boolean;\n\n  /**\n   * Задаёт размер кнопки.\n   *\n   * **Допустимые значения**: `\"small\"`, `\"medium\"`, `\"large\"`.\n   */\n  size?: SizeProp;\n\n  /**\n   * HTML-атрибут `type`.\n   */\n  type?: ButtonType;\n\n  /**\n   * HTML-атрибут `title`.\n   */\n  title?: string;\n\n  /**\n   * Стиль кнопки.\n   *\n   * **Допустимые значения**: `\"default\"`, `\"primary\"`, `\"success\"`, `\"danger\"`, `\"pay\"`, `\"link\"`, `\"text\"`, `\"backless\"`.\n   *\n   * **Вариант `link` устарел.**\n   * Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.\n   */\n  use?: ButtonUse;\n\n  /** @ignore */\n  visuallyFocused?: boolean;\n\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n\n  /**\n   * CSS-свойство `width`.\n   */\n  width?: number | string;\n\n  /**\n   * Обычный объект с переменными темы.\n   * Он будет объединён с темой из контекста.\n   */\n  theme?: ThemeIn;\n}\n\nexport const BUTTON_DEFAULT_COMPONENT = 'button';\n\nexport type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> =\n  PolymorphicPropsWithoutRef<ButtonInnerProps, C>;\n\nexport interface ButtonState {\n  focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n  rootElement: 'Button__rootElement',\n  root: 'Button__root',\n  spinner: 'Button__spinner',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps<ButtonLinkAllowedValues>, 'use' | 'size' | 'type' | 'component'>>;\n\nconst SpanComponent: React.FunctionComponent<HTMLAttributes<HTMLSpanElement>> = ({ children, ...rest }) => {\n  return <span {...rest}>{children}</span>;\n};\n\n@rootNode\nexport class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> extends React.Component<\n  ButtonProps<C>,\n  ButtonState\n> {\n  public static __KONTUR_REACT_UI__ = 'Button';\n  public static displayName = 'Button';\n  public static __BUTTON__ = true;\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    size: 'small',\n    // By default the type attribute is 'submit'. IE8 will fire a click event\n    // on this button if somewhere on the page user presses Enter while some\n    // input is focused. So we set type to 'button' by default.\n    type: 'button',\n    component: BUTTON_DEFAULT_COMPONENT,\n  };\n\n  private getProps = createPropsGetter(Button.defaultProps);\n\n  public state = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private node: HTMLElement | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\n    }\n    // warning(\n    //   this.props.use !== 'link',\n    //   `[Button]: Use 'Link' has been deprecated. Please, use Link with 'component=button' prop instead.`,\n    // );\n  }\n\n  public static getDerivedStateFromProps(props: ButtonProps) {\n    if (props.loading || props.disabled) {\n      return { focusedByTab: false };\n    }\n    return null;\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    this.node?.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    this.node?.blur();\n  }\n\n  public render(): JSX.Element {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n                return (\n                  <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n                    {this.renderMain}\n                  </CommonWrapper>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private getTabIndex({\n    disableFocus,\n    disabled,\n    tabIndex = 0,\n  }: Pick<ButtonProps, 'disableFocus' | 'disabled' | 'tabIndex'>) {\n    if (disableFocus || disabled) {\n      return -1;\n    }\n\n    return tabIndex;\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<ButtonProps>) => {\n    const {\n      corners,\n      active,\n      disabled,\n      borderless,\n      checked,\n      error,\n      warning,\n      loading,\n      narrow,\n      arrow,\n      icon,\n      rightIcon,\n      _noPadding,\n      _noRightPadding,\n      visuallyFocused,\n      align,\n      disableFocus,\n      width,\n      tabIndex,\n      component: _component,\n      use: useProp,\n      size: sizeProp,\n      theme,\n      ...rest\n    } = props;\n    const { use, size, component, children } = this.getProps();\n\n    const sizeClass = this.getSizeClassName();\n\n    const isFocused = this.state.focusedByTab || visuallyFocused;\n    const isLink = use === 'link';\n\n    const [rootClassNameWithArrow, arrowNode] = useButtonArrow(\n      { ...this.props, isFocused: Boolean(isFocused) },\n      this.theme,\n      this.emotion,\n    );\n    const isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);\n\n    const trueDisabled = disabled || loading;\n    const styles = this.styles;\n    const rootClassName = this.emotion.cx(\n      styles.root(this.theme),\n      styles[use](this.theme),\n      sizeClass,\n      narrow && styles.narrow(),\n      _noPadding && styles.noPadding(),\n      _noRightPadding && styles.noRightPadding(),\n      rootClassNameWithArrow,\n      ...(trueDisabled\n        ? [\n            styles.disabled(this.theme),\n            isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(this.theme),\n            checked && styles.checkedDisabled(this.theme),\n            borderless && styles.borderless(),\n            use === 'backless' && styles.backlessDisabled(this.theme),\n            use === 'text' && styles.textDisabled(),\n            globalClasses.disabled,\n          ]\n        : [\n            active && !checked && getActiveStyles(this.emotion)[use](this.theme),\n            isFocused && styles.focus(this.theme),\n            checked && styles.checked(this.theme),\n            checked && isFocused && styles.checkedFocused(this.theme),\n            borderless && !checked && !isFocused && styles.borderless(),\n          ]),\n    );\n\n    const rootProps = {\n      ...rest,\n      className: rootClassName,\n      style: {\n        textAlign: align,\n        ...corners,\n      },\n      disabled: trueDisabled,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: this.getTabIndex({ disableFocus, disabled: trueDisabled, tabIndex }),\n    };\n\n    const wrapProps = {\n      className: this.emotion.cx(globalClasses.root, {\n        [styles.wrap(this.theme)]: true,\n        [this.getSizeWrapClassName()]: true,\n      }),\n      style: {\n        width,\n      },\n    };\n\n    const innerShadowNode = null;\n\n    let outlineNode = null;\n    if ((!isFocused || isLink) && !trueDisabled) {\n      outlineNode = (\n        <div\n          className={this.emotion.cx(styles.outline(), {\n            [styles.outlineWarning(this.theme)]: warning,\n            [styles.outlineError(this.theme)]: error,\n            [styles.outlineLink()]: isLink,\n            [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n            [styles.outlineLinkError(this.theme)]: isLink && error,\n          })}\n        />\n      );\n    }\n\n    const iconProps: Omit<ButtonIconProps, 'position'> = {\n      use,\n      size: this.getProps().size,\n      hasChildren: !!children,\n      loading: loading || false,\n    };\n    const leftIconNode = icon && <ButtonIcon {...iconProps} position=\"left\" icon={icon} />;\n    const rightIconNode = rightIcon && (\n      <ButtonIcon {...iconProps} hasBothIcons={!!icon && !!rightIcon} position=\"right\" icon={rightIcon} />\n    );\n\n    // Force disable all props and features, that cannot be use with Link\n    if (isLink) {\n      rootProps.className = this.emotion.cx({\n        [styles.root(this.theme)]: true,\n        [sizeClass]: true,\n        [styles.link(this.theme)]: true,\n        [styles.linkLineHeight()]: !isSafari,\n        [styles.linkLineHeightSafariFallback()]: isSafari,\n        [styles.linkFocus(this.theme)]: isFocused,\n        [styles.linkDisabled(this.theme)]: trueDisabled,\n      });\n      Object.assign(wrapProps, {\n        className: this.emotion.cx(styles.wrap(this.theme), styles.wrapLink()),\n        style: { width: wrapProps.style.width },\n      });\n\n      rootProps.style.textAlign = undefined;\n    }\n\n    const hasLoadingNode = loading && !icon && !rightIcon;\n    const loadingNode = hasLoadingNode && <LoadingButtonIcon size={size} />;\n\n    let captionNode = (\n      <div\n        className={this.emotion.cx(styles.caption(), globalClasses.caption, {\n          [styles.captionLink()]: isLink,\n          [styles.captionDisabled()]: !checked && disabled,\n        })}\n      >\n        {loadingNode}\n        {leftIconNode}\n        <span\n          className={this.emotion.cx(globalClasses.text, {\n            [styles.visibilityHidden()]: hasLoadingNode,\n          })}\n        >\n          {children}\n        </span>\n        {rightIconNode}\n      </div>\n    );\n    if (isLink && !loading) {\n      captionNode = (\n        <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n          {\n            <Link<typeof SpanComponent>\n              focused={isFocused}\n              disabled={disabled}\n              icon={this.renderIcon2022(icon)}\n              rightIcon={this.renderIcon2022(rightIcon)}\n              tabIndex={-1}\n              component={SpanComponent}\n            >\n              {children}\n            </Link>\n          }\n        </ThemeContext.Provider>\n      );\n    }\n\n    const Root: React.ElementType = component;\n\n    return (\n      <span {...wrapProps} data-tid={ButtonDataTids.root}>\n        <Root data-tid={ButtonDataTids.rootElement} ref={this._ref} {...rootProps}>\n          {innerShadowNode}\n          {outlineNode}\n          {arrowNode}\n          {captionNode}\n        </Root>\n      </span>\n    );\n  };\n\n  private renderIcon2022(icon: React.ReactElement | undefined) {\n    if (icon && isKonturIcon(icon)) {\n      const sizes = getButtonIconSizes(this.theme);\n      return React.cloneElement(icon, { size: icon.props.size ?? sizes[this.getProps().size] });\n    }\n\n    return icon;\n  }\n\n  private getSizeClassName() {\n    const styles = this.styles;\n    switch (this.getProps().size) {\n      case 'large':\n        return this.emotion.cx(styles.sizeLarge(this.theme), {\n          [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeLargeWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeLargeWithIconWithoutText(this.theme)]: !!this.props.icon && !this.props.children,\n        });\n      case 'medium':\n        return this.emotion.cx(styles.sizeMedium(this.theme), {\n          [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeMediumWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeMediumWithIconWithoutText(this.theme)]: !!this.props.icon && !this.props.children,\n        });\n      case 'small':\n      default:\n        return this.emotion.cx(styles.sizeSmall(this.theme), {\n          [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeSmallWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeSmallWithIconWithoutText(this.theme)]: !!this.props.icon && !this.props.children,\n        });\n    }\n  }\n\n  private getSizeWrapClassName() {\n    const styles = this.styles;\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.wrapLarge(this.theme);\n      case 'medium':\n        return styles.wrapMedium(this.theme);\n      case 'small':\n      default:\n        return styles.wrapSmall(this.theme);\n    }\n  }\n\n  private handleFocus = (e: React.FocusEvent) => {\n    if (!this.props.disabled && !this.props.disableFocus) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n      this.props.onFocus?.(e);\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent) => {\n    this.setState({ focusedByTab: false });\n    if (!this.props.disabled && !this.props.disableFocus) {\n      this.props.onBlur?.(e);\n    }\n  };\n\n  private _ref = (node: HTMLElement | null) => {\n    this.node = node;\n  };\n}\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_utils","_client","_keyListener","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_ThemeFactory","_createPropsGetter","_Link","_Button2","_ButtonIcon","_ButtonArrow","_getInnerLinkTheme","_LoadingButtonIcon","_class","_Button","_excluded","_excluded2","BUTTON_DEFAULT_COMPONENT","exports","ButtonDataTids","rootElement","root","spinner","SpanComponent","_ref","children","rest","_objectWithoutPropertiesLoose2","default","createElement","Button","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","node","renderMain","props","_cx","_cx4","_cx5","corners","active","disabled","borderless","checked","error","warning","loading","narrow","arrow","icon","rightIcon","_noPadding","_noRightPadding","visuallyFocused","align","disableFocus","width","tabIndex","_component","component","useProp","use","sizeProp","size","theme","_this$getProps","sizeClass","getSizeClassName","isFocused","isLink","_useButtonArrow","useButtonArrow","_extends2","Boolean","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","trueDisabled","rootClassName","cx","styles","noPadding","noRightPadding","disabledWithoutOutline","checkedDisabled","backlessDisabled","textDisabled","globalClasses","activeStyles","focus","checkedFocused","rootProps","className","style","textAlign","onFocus","handleFocus","onBlur","handleBlur","getTabIndex","wrapProps","wrap","getSizeWrapClassName","innerShadowNode","outlineNode","_cx2","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","ButtonIcon","position","rightIconNode","hasBothIcons","_cx3","link","linkLineHeight","isSafari","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","undefined","hasLoadingNode","loadingNode","LoadingButtonIcon","captionNode","caption","captionLink","captionDisabled","text","visibilityHidden","ThemeContext","Provider","value","getInnerLinkTheme","Link","focused","renderIcon2022","Root","ref","e","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","_inheritsLoose2","_proto","prototype","componentDidMount","autoFocus","getDerivedStateFromProps","_this$node","blur","_this$node2","render","_this2","Consumer","ThemeFactory","create","CommonWrapper","rootNodeRef","setRootNode","_ref2","_ref2$tabIndex","isKonturIcon","_icon$props$size","sizes","getButtonIconSizes","React","cloneElement","_cx6","_cx7","_cx8","sizeLarge","sizeLargeIE11","isIE11","isEdge","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","displayName","__BUTTON__","type"],"sources":["Button.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link';\nimport { isKonturIcon } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Link } from '../Link';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport type { ButtonIconProps } from './ButtonIcon';\nimport { ButtonIcon, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';\n\nexport interface ButtonInnerProps extends CommonProps {\n  /** @ignore */\n  _noPadding?: boolean;\n\n  /** @ignore */\n  _noRightPadding?: boolean;\n\n  /** Применяет к кнопке стили псевдокласса `:active`. */\n  active?: boolean;\n\n  /** Задаёт выравнивание тексту в кнопке. */\n  align?: React.CSSProperties['textAlign'];\n\n  /** Превращает обычную кнопку в кнопку со стрелкой. */\n  arrow?: boolean | 'left';\n\n  /** Устанавливает фокус на контроле после окончания загрузки страницы.*/\n  autoFocus?: boolean;\n\n  /** Убирает обводку у кнопки. */\n  borderless?: boolean;\n\n  /** @ignore */\n  checked?: boolean;\n\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** @ignore */\n  disableFocus?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Добавляет иконку слева от текста кнопки. */\n  icon?: React.ReactElement;\n\n  /** Добавляет иконку справа от текста кнопки. */\n  rightIcon?: React.ReactElement;\n\n  /** Переводит кнопку в состояние загрузки. */\n  loading?: boolean;\n\n  /** Сужает кнопку. */\n  narrow?: boolean;\n\n  /** Задаёт размер кнопки. */\n  size?: SizeProp;\n\n  /** Задаёт HTML-атрибут `type`. */\n  type?: ButtonType;\n\n  /** Задаёт HTML-атрибут `title`. */\n  title?: string;\n\n  /** Задаёт стиль кнопки.\n   * **Вариант `link` устарел.**\n   * Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.\n   */\n  use?: ButtonUse;\n\n  /** @ignore */\n  visuallyFocused?: boolean;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задаёт ширину кнопки. */\n  width?: number | string;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme?: ThemeIn;\n}\n\nexport const BUTTON_DEFAULT_COMPONENT = 'button';\n\nexport type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> =\n  PolymorphicPropsWithoutRef<ButtonInnerProps, C>;\n\nexport interface ButtonState {\n  focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n  rootElement: 'Button__rootElement',\n  root: 'Button__root',\n  spinner: 'Button__spinner',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps<ButtonLinkAllowedValues>, 'use' | 'size' | 'type' | 'component'>>;\n\nconst SpanComponent: React.FunctionComponent<HTMLAttributes<HTMLSpanElement>> = ({ children, ...rest }) => {\n  return <span {...rest}>{children}</span>;\n};\n\n@rootNode\nexport class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> extends React.Component<\n  ButtonProps<C>,\n  ButtonState\n> {\n  public static __KONTUR_REACT_UI__ = 'Button';\n  public static displayName = 'Button';\n  public static __BUTTON__ = true;\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    size: 'small',\n    // By default the type attribute is 'submit'. IE8 will fire a click event\n    // on this button if somewhere on the page user presses Enter while some\n    // input is focused. So we set type to 'button' by default.\n    type: 'button',\n    component: BUTTON_DEFAULT_COMPONENT,\n  };\n\n  private getProps = createPropsGetter(Button.defaultProps);\n\n  public state = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private node: HTMLElement | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\n    }\n    // warning(\n    //   this.props.use !== 'link',\n    //   `[Button]: Use 'Link' has been deprecated. Please, use Link with 'component=button' prop instead.`,\n    // );\n  }\n\n  public static getDerivedStateFromProps(props: ButtonProps) {\n    if (props.loading || props.disabled) {\n      return { focusedByTab: false };\n    }\n    return null;\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    this.node?.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    this.node?.blur();\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTabIndex({\n    disableFocus,\n    disabled,\n    tabIndex = 0,\n  }: Pick<ButtonProps, 'disableFocus' | 'disabled' | 'tabIndex'>) {\n    if (disableFocus || disabled) {\n      return -1;\n    }\n\n    return tabIndex;\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<ButtonProps>) => {\n    const {\n      corners,\n      active,\n      disabled,\n      borderless,\n      checked,\n      error,\n      warning,\n      loading,\n      narrow,\n      arrow,\n      icon,\n      rightIcon,\n      _noPadding,\n      _noRightPadding,\n      visuallyFocused,\n      align,\n      disableFocus,\n      width,\n      tabIndex,\n      component: _component,\n      use: useProp,\n      size: sizeProp,\n      theme,\n      ...rest\n    } = props;\n    const { use, size, component, children } = this.getProps();\n\n    const sizeClass = this.getSizeClassName();\n\n    const isFocused = this.state.focusedByTab || visuallyFocused;\n    const isLink = use === 'link';\n\n    const [rootClassNameWithArrow, arrowNode] = useButtonArrow(\n      { ...this.props, isFocused: Boolean(isFocused) },\n      this.theme,\n    );\n    const isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);\n\n    const trueDisabled = disabled || loading;\n    const rootClassName = cx(\n      styles.root(this.theme),\n      styles[use](this.theme),\n      sizeClass,\n      narrow && styles.narrow(),\n      _noPadding && styles.noPadding(),\n      _noRightPadding && styles.noRightPadding(),\n      rootClassNameWithArrow,\n      ...(trueDisabled\n        ? [\n            styles.disabled(this.theme),\n            isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(this.theme),\n            checked && styles.checkedDisabled(this.theme),\n            borderless && styles.borderless(),\n            use === 'backless' && styles.backlessDisabled(this.theme),\n            use === 'text' && styles.textDisabled(),\n            globalClasses.disabled,\n          ]\n        : [\n            active && !checked && activeStyles[use](this.theme),\n            isFocused && styles.focus(this.theme),\n            checked && styles.checked(this.theme),\n            checked && isFocused && styles.checkedFocused(this.theme),\n            borderless && !checked && !isFocused && styles.borderless(),\n          ]),\n    );\n\n    const rootProps = {\n      ...rest,\n      className: rootClassName,\n      style: {\n        textAlign: align,\n        ...corners,\n      },\n      disabled: trueDisabled,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: this.getTabIndex({ disableFocus, disabled: trueDisabled, tabIndex }),\n    };\n\n    const wrapProps = {\n      className: cx(globalClasses.root, {\n        [styles.wrap(this.theme)]: true,\n        [this.getSizeWrapClassName()]: true,\n      }),\n      style: {\n        width,\n      },\n    };\n\n    const innerShadowNode = null;\n\n    let outlineNode = null;\n    if ((!isFocused || isLink) && !trueDisabled) {\n      outlineNode = (\n        <div\n          className={cx(styles.outline(), {\n            [styles.outlineWarning(this.theme)]: warning,\n            [styles.outlineError(this.theme)]: error,\n            [styles.outlineLink()]: isLink,\n            [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n            [styles.outlineLinkError(this.theme)]: isLink && error,\n          })}\n        />\n      );\n    }\n\n    const iconProps: Omit<ButtonIconProps, 'position'> = {\n      use,\n      size: this.getProps().size,\n      hasChildren: !!children,\n      loading: loading || false,\n    };\n    const leftIconNode = icon && <ButtonIcon {...iconProps} position=\"left\" icon={icon} />;\n    const rightIconNode = rightIcon && (\n      <ButtonIcon {...iconProps} hasBothIcons={!!icon && !!rightIcon} position=\"right\" icon={rightIcon} />\n    );\n\n    // Force disable all props and features, that cannot be use with Link\n    if (isLink) {\n      rootProps.className = cx({\n        [styles.root(this.theme)]: true,\n        [sizeClass]: true,\n        [styles.link(this.theme)]: true,\n        [styles.linkLineHeight()]: !isSafari,\n        [styles.linkLineHeightSafariFallback()]: isSafari,\n        [styles.linkFocus(this.theme)]: isFocused,\n        [styles.linkDisabled(this.theme)]: trueDisabled,\n      });\n      Object.assign(wrapProps, {\n        className: cx(styles.wrap(this.theme), styles.wrapLink()),\n        style: { width: wrapProps.style.width },\n      });\n\n      rootProps.style.textAlign = undefined;\n    }\n\n    const hasLoadingNode = loading && !icon && !rightIcon;\n    const loadingNode = hasLoadingNode && <LoadingButtonIcon size={size} />;\n\n    let captionNode = (\n      <div\n        className={cx(styles.caption(), globalClasses.caption, {\n          [styles.captionLink()]: isLink,\n          [styles.captionDisabled()]: !checked && disabled,\n        })}\n      >\n        {loadingNode}\n        {leftIconNode}\n        <span\n          className={cx(globalClasses.text, {\n            [styles.visibilityHidden()]: hasLoadingNode,\n          })}\n        >\n          {children}\n        </span>\n        {rightIconNode}\n      </div>\n    );\n    if (isLink && !loading) {\n      captionNode = (\n        <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n          {\n            <Link<typeof SpanComponent>\n              focused={isFocused}\n              disabled={disabled}\n              icon={this.renderIcon2022(icon)}\n              rightIcon={this.renderIcon2022(rightIcon)}\n              tabIndex={-1}\n              component={SpanComponent}\n            >\n              {children}\n            </Link>\n          }\n        </ThemeContext.Provider>\n      );\n    }\n\n    const Root: React.ElementType = component;\n\n    return (\n      <span {...wrapProps} data-tid={ButtonDataTids.root}>\n        <Root data-tid={ButtonDataTids.rootElement} ref={this._ref} {...rootProps}>\n          {innerShadowNode}\n          {outlineNode}\n          {arrowNode}\n          {captionNode}\n        </Root>\n      </span>\n    );\n  };\n\n  private renderIcon2022(icon: React.ReactElement | undefined) {\n    if (icon && isKonturIcon(icon)) {\n      const sizes = getButtonIconSizes(this.theme);\n      return React.cloneElement(icon, { size: icon.props.size ?? sizes[this.getProps().size] });\n    }\n\n    return icon;\n  }\n\n  private getSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return cx(styles.sizeLarge(this.theme), {\n          [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeLargeWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeLargeWithIconWithoutText(this.theme)]: !!this.props.icon && !this.props.children,\n        });\n      case 'medium':\n        return cx(styles.sizeMedium(this.theme), {\n          [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeMediumWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeMediumWithIconWithoutText(this.theme)]: !!this.props.icon && !this.props.children,\n        });\n      case 'small':\n      default:\n        return cx(styles.sizeSmall(this.theme), {\n          [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeSmallWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeSmallWithIconWithoutText(this.theme)]: !!this.props.icon && !this.props.children,\n        });\n    }\n  }\n\n  private getSizeWrapClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.wrapLarge(this.theme);\n      case 'medium':\n        return styles.wrapMedium(this.theme);\n      case 'small':\n      default:\n        return styles.wrapSmall(this.theme);\n    }\n  }\n\n  private handleFocus = (e: React.FocusEvent) => {\n    if (!this.props.disabled && !this.props.disableFocus) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n      this.props.onFocus?.(e);\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent) => {\n    this.setState({ focusedByTab: false });\n    if (!this.props.disabled && !this.props.disableFocus) {\n      this.props.onBlur?.(e);\n    }\n  };\n\n  private _ref = (node: HTMLElement | null) => {\n    this.node = node;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Button/Button.md

@@ -1,3 +1,4 @@
+### Базовый пример
 По умолчанию, кнопка принимает все пропы `HTMLButtonElement`.
 
 ```jsx harmony
@@ -6,6 +7,7 @@ import { Button } from '@skbkontur/react-ui';
 <Button onClick={alert} name="report">Создать отчёт</Button>;
 ```
 
+### Корневой компонент
 Кнопка может рендерить ссылку в качестве корневого элемента, c помощью пропа `component`. Кнопка принимает все пропы переданного в `component` компонента.
 
 ```jsx harmony
@@ -14,7 +16,7 @@ import { Button } from '@skbkontur/react-ui';
 <Button component='a' href='https://kontur.ru' target="_blank">Ссылка, но выглядит как кнопка</Button>
 ```
 
-У кнопки есть различные стили.
+### Различные стили
 
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';
@@ -51,6 +53,7 @@ const bgStyle = {
 </Gapped>
 ```
 
+### Иконка
 В кнопку можно передать иконку. Иконка может находиться как слева от текста кнопки, так и справа и даже в обоих позициях одновременно.
 
 ```jsx harmony
@@ -64,7 +67,7 @@ import { XIcon16Regular } from '@skbkontur/icons/XIcon16Regular';
 </Gapped>
 ```
 
-У кнопки есть 3 стандартных размера.
+### Размер
 
 ```jsx harmony
 <div
@@ -80,11 +83,26 @@ import { XIcon16Regular } from '@skbkontur/icons/XIcon16Regular';
 </div>
 ```
 
-Кнопки могут принимать вид стрелок. В таком случае иконка привязывается к краю кнопки.
+### Ширина
+
+```jsx harmony
+<Button width={40}>Закрыть</Button>
+```
+
+### Состояние валидации
 
 ```jsx harmony
 import { Gapped, Button } from '@skbkontur/react-ui';
+<Gapped gap={5}>
+  <Button warning>Закрыть</Button>
+  <Button error>Закрыть</Button>
+</Gapped>
+```
 
+### Стрелка
+
+```jsx harmony
+import { Gapped, Button } from '@skbkontur/react-ui';
 
 <Gapped gap={5}>
   <Button arrow="left" size="medium">
@@ -96,12 +114,10 @@ import { Gapped, Button } from '@skbkontur/react-ui';
 </Gapped>
 ```
 
-Кнопка в состоянии загрузки.
+### Состояние загрузки
 
 **Поведение:**
-
 Кнопка на время нахождения в состоянии загрузки отключается.
-
 Если в кнопке есть иконка, на время загрузки иконка заменяется на спиннер, если иконки нет — весь контент кнопки заменяется на спиннер. Когда иконки две — заменяется только левая.
 
 ```jsx harmony
@@ -141,7 +157,7 @@ const handleClick = () => {
 
 ```
 
-Пример кнопки с пропом `theme`.
+### Проп темы
 
 ```jsx harmony
 import { Button, Gapped } from '@skbkontur/react-ui';
@@ -153,8 +169,7 @@ import { Button, Gapped } from '@skbkontur/react-ui';
 </Gapped>
 ```
 
-
-Пример кастомизации кнопки-ссылки.
+### Кастомизация кнопки-ссылки
 
 ```jsx harmony
 import { Toast } from "@skbkontur/react-ui";
@@ -175,7 +190,7 @@ const differentColorStyles = {
 }
 
 const stringify = (styles) => {
-    return `${Object.entries(styles).map(([key, value]) => `${key}: "${value}"`).join(", ")}`
+  return `${Object.entries(styles).map(([key, value]) => `${key}: "${value}"`).join(", ")}`
 }
 
 const copyStyles = (styles) => {
@@ -193,19 +208,19 @@ const tdStyle = {
   padding: '8px',
 };
 
-const renderExampleRow = (title, styles, index) => {
-    return (
-        <tr>
-          <td style={tdStyle}>{title}</td>
-          <td style={tdStyle}><Button use={'link'} theme={styles}>Button-link</Button></td>
-          <td style={tdStyle}>
-            <div style={{display: 'flex'}}>
-              <div style={{width: '80%', whiteSpace: 'pre-line'}}>{stringify(styles).replace(/, /g, '\n')}</div>
-              <Button icon={<CopyIcon16Regular />} use={'text'} onClick={() => copyStyles(styles)}/>
-            </div>
-          </td>
-        </tr>
-    )
+const renderExampleRow = (title, styles) => {
+  return (
+    <tr>
+      <td style={tdStyle}>{title}</td>
+      <td style={tdStyle}><Button use={'link'} theme={styles}>Button-link</Button></td>
+      <td style={tdStyle}>
+        <div style={{display: 'flex'}}>
+          <div style={{width: '80%', whiteSpace: 'pre-line'}}>{stringify(styles).replace(/, /g, '\n')}</div>
+          <Button icon={<CopyIcon16Regular />} use={'text'} onClick={() => copyStyles(styles)}/>
+        </div>
+      </td>
+    </tr>
+  )
 }
 
 <table style={tableStyle}>
@@ -220,7 +235,7 @@ const renderExampleRow = (title, styles, index) => {
 </table>
 ```
 
-Кнопка может быть узкой.
+### Узкая Кнопка
 
 ```jsx harmony
 import { Button } from '@skbkontur/react-ui';
@@ -230,8 +245,7 @@ import { Button } from '@skbkontur/react-ui';
 </Button>
 ```
 
-
-У кнопки есть состояния валидации.
+### Состояния валидации
 
 ```jsx harmony
 import { Button, Gapped } from '@skbkontur/react-ui';

package/cjs/components/Button/Button.mixins.d.ts

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const buttonUseMixin: (emotion: Emotion) => (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderWidth: string) => string;
-export declare const buttonHoverMixin: (emotion: Emotion) => (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderWidth: string) => string;
-export declare const buttonActiveMixin: (emotion: Emotion) => (btnBackground: string, btnShadow: string, borderColor: string, borderWidth: string) => string;
-export declare const buttonSizeMixin: (emotion: Emotion) => (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => string;
-export declare const buttonSizeMixinIE11: (emotion: Emotion) => (paddingX: string, paddingY: string) => string;
+export declare const buttonUseMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderWidth: string) => string;
+export declare const buttonHoverMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderWidth: string) => string;
+export declare const buttonActiveMixin: (btnBackground: string, btnShadow: string, borderColor: string, borderWidth: string) => string;
+export declare const buttonSizeMixin: (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => string;
+export declare const buttonSizeMixinIE11: (paddingX: string, paddingY: string) => string;

package/cjs/components/Button/Button.mixins.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.buttonUseMixin = exports.buttonSizeMixinIE11 = exports.buttonSizeMixin = exports.buttonHoverMixin = exports.buttonActiveMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.buttonUseMixin = exports.buttonSizeMixinIE11 = exports.buttonSizeMixin = exports.buttonHoverMixin = exports.buttonActiveMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
 var _Button = require("./Button.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
@@ -6,80 +6,79 @@ var getBtnPadding = function getBtnPadding(paddingY, paddingX) {
   return paddingY + " " + paddingX + " " + paddingY;
 };
 
-var buttonUseMixin = exports.buttonUseMixin =
-function buttonUseMixin(emotion) {return (
-    function (
-    btnBackground,
-    btnBackgroundStart,
-    btnBackgroundEnd,
-    color,
-    borderColor,
-    borderWidth)
-    {
-      var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
-      return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    color: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n\n    :enabled:hover,\n    :enabled {\n      .", " svg {\n        color: ", ";\n      }\n    }\n  "])),
-      hasGradient ? "initial" : btnBackground,
-      hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
-      color,
-      borderWidth, borderColor,
+var buttonUseMixin = exports.buttonUseMixin = function buttonUseMixin(
+btnBackground,
+btnBackgroundStart,
+btnBackgroundEnd,
+color,
+borderColor,
+borderWidth)
+{
+  var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
+  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    color: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n\n    :enabled:hover,\n    :enabled {\n      .", " svg {\n        color: ", ";\n      }\n    }\n  "])),
+  hasGradient ? "initial" : btnBackground,
+  hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
+  color,
+  borderWidth, borderColor,
 
 
 
-      _Button.globalClasses.arrow,
-      color);
+  _Button.globalClasses.arrow,
+  color);
 
 
 
-    });};
+};
 
-var buttonHoverMixin = exports.buttonHoverMixin =
-function buttonHoverMixin(emotion) {return (
-    function (
-    btnBackground,
-    btnBackgroundStart,
-    btnBackgroundEnd,
-    color,
-    borderColor,
-    borderWidth)
-    {
-      var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
-      return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n    color: ", ";\n  "])),
-      hasGradient ? "initial" : btnBackground,
-      hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
-      borderWidth, borderColor,
-      color);
+var buttonHoverMixin = exports.buttonHoverMixin = function buttonHoverMixin(
+btnBackground,
+btnBackgroundStart,
+btnBackgroundEnd,
+color,
+borderColor,
+borderWidth)
+{
+  var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n    color: ", ";\n  "])),
+  hasGradient ? "initial" : btnBackground,
+  hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
+  borderWidth, borderColor,
+  color);
 
-    });};
+};
 
-var buttonActiveMixin = exports.buttonActiveMixin =
-function buttonActiveMixin(emotion) {return function (btnBackground, btnShadow, borderColor, borderWidth) {
-    return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ", " !important; // override :hover styles\n      box-shadow: 0 0 0 ", " ", " !important; // override :hover styles\n\n      .", " {\n        box-shadow: ", ";\n      }\n    }\n  "])),
+var buttonActiveMixin = exports.buttonActiveMixin = function buttonActiveMixin(
+btnBackground,
+btnShadow,
+borderColor,
+borderWidth)
+{
+  return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ", " !important; // override :hover styles\n      box-shadow: 0 0 0 ", " ", " !important; // override :hover styles\n\n      .", " {\n        box-shadow: ", ";\n      }\n    }\n  "])),
 
 
 
-    btnBackground,
-    borderWidth, borderColor,
+  btnBackground,
+  borderWidth, borderColor,
 
-    _Button.globalClasses.innerShadow,
-    btnShadow);
+  _Button.globalClasses.innerShadow,
+  btnShadow);
 
 
 
-  };};
+};
 
-var buttonSizeMixin = exports.buttonSizeMixin =
-function buttonSizeMixin(emotion) {return function (fontSize, lineHeight, paddingX, paddingY) {
-    return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", ";\n    line-height: ", ";\n  "])),
-    fontSize,
+var buttonSizeMixin = exports.buttonSizeMixin = function buttonSizeMixin(fontSize, lineHeight, paddingX, paddingY) {
+  return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", ";\n    line-height: ", ";\n  "])),
+  fontSize,
 
-    getBtnPadding(paddingY, paddingX),
-    lineHeight);
+  getBtnPadding(paddingY, paddingX),
+  lineHeight);
 
-  };};
+};
 
-var buttonSizeMixinIE11 = exports.buttonSizeMixinIE11 = function buttonSizeMixinIE11(emotion) {return function (paddingX, paddingY) {
-    return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding: ", ";\n    line-height: normal;\n  "])),
-    getBtnPadding(paddingY, paddingX));
+var buttonSizeMixinIE11 = exports.buttonSizeMixinIE11 = function buttonSizeMixinIE11(paddingX, paddingY) {
+  return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding: ", ";\n    line-height: normal;\n  "])),
+  getBtnPadding(paddingY, paddingX));
 
 
-  };};
+};

package/cjs/components/Button/Button.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Button","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getBtnPadding","paddingY","paddingX","buttonUseMixin","exports","emotion","btnBackground","btnBackgroundStart","btnBackgroundEnd","color","borderColor","borderWidth","hasGradient","css","_taggedTemplateLiteralLoose2","default","globalClasses","arrow","buttonHoverMixin","buttonActiveMixin","btnShadow","innerShadow","buttonSizeMixin","fontSize","lineHeight","buttonSizeMixinIE11"],"sources":["Button.mixins.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { globalClasses } from './Button.styles';\n\nconst getBtnPadding = (paddingY: string, paddingX: string): string => {\n  return `${paddingY} ${paddingX} ${paddingY}`;\n};\n\nexport const buttonUseMixin =\n  (emotion: Emotion) =>\n  (\n    btnBackground: string,\n    btnBackgroundStart: string,\n    btnBackgroundEnd: string,\n    color: string,\n    borderColor: string,\n    borderWidth: string,\n  ) => {\n    const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n    return emotion.css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    color: ${color};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor};\n\n    :enabled:hover,\n    :enabled {\n      .${globalClasses.arrow} svg {\n        color: ${color};\n      }\n    }\n  `;\n  };\n\nexport const buttonHoverMixin =\n  (emotion: Emotion) =>\n  (\n    btnBackground: string,\n    btnBackgroundStart: string,\n    btnBackgroundEnd: string,\n    color: string,\n    borderColor: string,\n    borderWidth: string,\n  ) => {\n    const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n    return emotion.css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor};\n    color: ${color};\n  `;\n  };\n\nexport const buttonActiveMixin =\n  (emotion: Emotion) => (btnBackground: string, btnShadow: string, borderColor: string, borderWidth: string) => {\n    return emotion.css`\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ${btnBackground} !important; // override :hover styles\n      box-shadow: 0 0 0 ${borderWidth} ${borderColor} !important; // override :hover styles\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${btnShadow};\n      }\n    }\n  `;\n  };\n\nexport const buttonSizeMixin =\n  (emotion: Emotion) => (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => {\n    return emotion.css`\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${getBtnPadding(paddingY, paddingX)};\n    line-height: ${lineHeight};\n  `;\n  };\n\nexport const buttonSizeMixinIE11 = (emotion: Emotion) => (paddingX: string, paddingY: string) => {\n  return emotion.css`\n    padding: ${getBtnPadding(paddingY, paddingX)};\n    line-height: normal;\n  `;\n};\n"],"mappings":";;AAEA,IAAAA,OAAA,GAAAC,OAAA,oBAAgD,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEhD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,QAAgB,EAAEC,QAAgB,EAAa;EACpE,OAAUD,QAAQ,SAAIC,QAAQ,SAAID,QAAQ;AAC5C,CAAC;;AAEM,IAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA;AACzB,SADWA,cAAcA,CACxBE,OAAgB;IACjB;IACEC,aAAqB;IACrBC,kBAA0B;IAC1BC,gBAAwB;IACxBC,KAAa;IACbC,WAAmB;IACnBC,WAAmB;IAChB;MACH,IAAMC,WAAW,GAAGL,kBAAkB,KAAKC,gBAAgB;MAC3D,OAAOH,OAAO,CAACQ,GAAG,CAAAlB,eAAA,KAAAA,eAAA,OAAAmB,4BAAA,CAAAC,OAAA;MACEH,WAAW,eAAeN,aAAa;MACvCM,WAAW,wBAAsBL,kBAAkB,UAAKC,gBAAgB,eAAY;MAC/FC,KAAK;MACME,WAAW,EAAID,WAAW;;;;MAIzCM,qBAAa,CAACC,KAAK;MACXR,KAAK;;;;IAIpB,CAAC;;AAEI,IAAMS,gBAAgB,GAAAd,OAAA,CAAAc,gBAAA;AAC3B,SADWA,gBAAgBA,CAC1Bb,OAAgB;IACjB;IACEC,aAAqB;IACrBC,kBAA0B;IAC1BC,gBAAwB;IACxBC,KAAa;IACbC,WAAmB;IACnBC,WAAmB;IAChB;MACH,IAAMC,WAAW,GAAGL,kBAAkB,KAAKC,gBAAgB;MAC3D,OAAOH,OAAO,CAACQ,GAAG,CAAAjB,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;MACEH,WAAW,eAAeN,aAAa;MACvCM,WAAW,wBAAsBL,kBAAkB,UAAKC,gBAAgB,eAAY;MACpFG,WAAW,EAAID,WAAW;MACrCD,KAAK;;IAEhB,CAAC;;AAEI,IAAMU,iBAAiB,GAAAf,OAAA,CAAAe,iBAAA;AAC5B,SADWA,iBAAiBA,CAC3Bd,OAAgB,UAAK,UAACC,aAAqB,EAAEc,SAAiB,EAAEV,WAAmB,EAAEC,WAAmB,EAAK;IAC5G,OAAON,OAAO,CAACQ,GAAG,CAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;;;;IAIIT,aAAa;IACbK,WAAW,EAAID,WAAW;;IAE3CM,qBAAa,CAACK,WAAW;IACZD,SAAS;;;;EAI7B,CAAC;;AAEI,IAAME,eAAe,GAAAlB,OAAA,CAAAkB,eAAA;AAC1B,SADWA,eAAeA,CACzBjB,OAAgB,UAAK,UAACkB,QAAgB,EAAEC,UAAkB,EAAEtB,QAAgB,EAAED,QAAgB,EAAK;IAClG,OAAOI,OAAO,CAACQ,GAAG,CAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;IACLQ,QAAQ;;IAEVvB,aAAa,CAACC,QAAQ,EAAEC,QAAQ,CAAC;IAC7BsB,UAAU;;EAE3B,CAAC;;AAEI,IAAMC,mBAAmB,GAAArB,OAAA,CAAAqB,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAIpB,OAAgB,UAAK,UAACH,QAAgB,EAAED,QAAgB,EAAK;IAC/F,OAAOI,OAAO,CAACQ,GAAG,CAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;IACLf,aAAa,CAACC,QAAQ,EAAEC,QAAQ,CAAC;;;EAGhD,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Button","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getBtnPadding","paddingY","paddingX","buttonUseMixin","exports","btnBackground","btnBackgroundStart","btnBackgroundEnd","color","borderColor","borderWidth","hasGradient","css","_taggedTemplateLiteralLoose2","default","globalClasses","arrow","buttonHoverMixin","buttonActiveMixin","btnShadow","innerShadow","buttonSizeMixin","fontSize","lineHeight","buttonSizeMixinIE11"],"sources":["Button.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nimport { globalClasses } from './Button.styles';\n\nconst getBtnPadding = (paddingY: string, paddingX: string): string => {\n  return `${paddingY} ${paddingX} ${paddingY}`;\n};\n\nexport const buttonUseMixin = (\n  btnBackground: string,\n  btnBackgroundStart: string,\n  btnBackgroundEnd: string,\n  color: string,\n  borderColor: string,\n  borderWidth: string,\n) => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  return css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    color: ${color};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor};\n\n    :enabled:hover,\n    :enabled {\n      .${globalClasses.arrow} svg {\n        color: ${color};\n      }\n    }\n  `;\n};\n\nexport const buttonHoverMixin = (\n  btnBackground: string,\n  btnBackgroundStart: string,\n  btnBackgroundEnd: string,\n  color: string,\n  borderColor: string,\n  borderWidth: string,\n) => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  return css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor};\n    color: ${color};\n  `;\n};\n\nexport const buttonActiveMixin = (\n  btnBackground: string,\n  btnShadow: string,\n  borderColor: string,\n  borderWidth: string,\n) => {\n  return css`\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ${btnBackground} !important; // override :hover styles\n      box-shadow: 0 0 0 ${borderWidth} ${borderColor} !important; // override :hover styles\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${btnShadow};\n      }\n    }\n  `;\n};\n\nexport const buttonSizeMixin = (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => {\n  return css`\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${getBtnPadding(paddingY, paddingX)};\n    line-height: ${lineHeight};\n  `;\n};\n\nexport const buttonSizeMixinIE11 = (paddingX: string, paddingY: string) => {\n  return css`\n    padding: ${getBtnPadding(paddingY, paddingX)};\n    line-height: normal;\n  `;\n};\n"],"mappings":"2YAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,oBAAgD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEhD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,QAAgB,EAAEC,QAAgB,EAAa;EACpE,OAAUD,QAAQ,SAAIC,QAAQ,SAAID,QAAQ;AAC5C,CAAC;;AAEM,IAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA;AACzBE,aAAqB;AACrBC,kBAA0B;AAC1BC,gBAAwB;AACxBC,KAAa;AACbC,WAAmB;AACnBC,WAAmB;AAChB;EACH,IAAMC,WAAW,GAAGL,kBAAkB,KAAKC,gBAAgB;EAC3D,WAAOK,YAAG,EAAAjB,eAAA,KAAAA,eAAA,OAAAkB,4BAAA,CAAAC,OAAA;EACYH,WAAW,eAAeN,aAAa;EACvCM,WAAW,wBAAsBL,kBAAkB,UAAKC,gBAAgB,eAAY;EAC/FC,KAAK;EACME,WAAW,EAAID,WAAW;;;;EAIzCM,qBAAa,CAACC,KAAK;EACXR,KAAK;;;;AAItB,CAAC;;AAEM,IAAMS,gBAAgB,GAAAb,OAAA,CAAAa,gBAAA,GAAG,SAAnBA,gBAAgBA;AAC3BZ,aAAqB;AACrBC,kBAA0B;AAC1BC,gBAAwB;AACxBC,KAAa;AACbC,WAAmB;AACnBC,WAAmB;AAChB;EACH,IAAMC,WAAW,GAAGL,kBAAkB,KAAKC,gBAAgB;EAC3D,WAAOK,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;EACYH,WAAW,eAAeN,aAAa;EACvCM,WAAW,wBAAsBL,kBAAkB,UAAKC,gBAAgB,eAAY;EACpFG,WAAW,EAAID,WAAW;EACrCD,KAAK;;AAElB,CAAC;;AAEM,IAAMU,iBAAiB,GAAAd,OAAA,CAAAc,iBAAA,GAAG,SAApBA,iBAAiBA;AAC5Bb,aAAqB;AACrBc,SAAiB;AACjBV,WAAmB;AACnBC,WAAmB;AAChB;EACH,WAAOE,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;;;;EAIcT,aAAa;EACbK,WAAW,EAAID,WAAW;;EAE3CM,qBAAa,CAACK,WAAW;EACZD,SAAS;;;;AAI/B,CAAC;;AAEM,IAAME,eAAe,GAAAjB,OAAA,CAAAiB,eAAA,GAAG,SAAlBA,eAAeA,CAAIC,QAAgB,EAAEC,UAAkB,EAAErB,QAAgB,EAAED,QAAgB,EAAK;EAC3G,WAAOW,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;EACKQ,QAAQ;;EAEVtB,aAAa,CAACC,QAAQ,EAAEC,QAAQ,CAAC;EAC7BqB,UAAU;;AAE7B,CAAC;;AAEM,IAAMC,mBAAmB,GAAApB,OAAA,CAAAoB,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAItB,QAAgB,EAAED,QAAgB,EAAK;EACzE,WAAOW,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;EACGd,aAAa,CAACC,QAAQ,EAAEC,QAAQ,CAAC;;;AAGhD,CAAC","ignoreList":[]}