npm - @skbkontur/react-ui - Versions diffs - 0.0.0-b408db2ccf → 0.0.0-b4710fb038 - Mend

@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3486) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_utils","_client","_keyListener","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_ThemeFactory","_createPropsGetter","_ThemeHelpers","_Link","_Button2","_ButtonIcon","_ButtonArrow","_getInnerLinkTheme","_LoadingButtonIcon","_excluded","_class","_Button","ButtonDataTids","exports","rootElement","root","spinner","Button","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","_inheritsLoose2","default","_proto","prototype","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","_this$node","blur","_this$node2","render","_this2","createElement","ThemeContext","Consumer","theme","ThemeFactory","create","renderMain","renderLinkRootWithoutHandlers","onClick","children","rest","_objectWithoutPropertiesLoose2","_cx2","_cx5","_cx6","_this$props","corners","active","borderless","checked","error","warning","narrow","icon","rightIcon","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onMouseDown","onMouseUp","onKeyDown","onClickCapture","width","ariaDescribedby","ariaHasPopup","ariaControls","ariaLabel","ariaChecked","ariaExpanded","role","_this$getProps","use","type","size","sizeClass","getSizeClassName","isFocused","isLink","_isTheme2022","isTheme2022","_useButtonArrow","useButtonArrow","_extends2","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","rootClassName","trueDisabled","cx","styles","noPadding","noRightPadding","disabledWithoutOutline","checkedDisabled","checkedDisabled2022","borderless2022","backlessDisabled2022","textDisabled2022","activeStyles","checked2022","checkedFocused","_cx","simulatedPress","rootProps","className","style","textAlign","tabIndex","title","wrapProps","globalClasses","wrap","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","isDisabled2022","_cx3","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","ButtonIcon","position","rightIconNode","hasBothIcons","_cx4","link","linkLineHeight","isSafari","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","hasLoadingNode","loadingNode","LoadingButtonIcon","captionNode","caption","captionTranslated","captionLink","captionDisabled","text","visibilityHidden","Provider","value","getInnerLinkTheme","Link","focused","renderIcon2022","as","CommonWrapper","rootNodeRef","setRootNode","ref","isKonturIcon","_icon$props$size","sizes","getButtonIconSizes","React","cloneElement","_cx7","_cx8","_cx9","sizeLarge","sizeLargeIE11","isIE11","isEdge","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","displayName","__BUTTON__","isButton","isReactUIComponent"],"sources":["Button.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { HTMLProps } from '../../typings/html';\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 } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Link, LinkProps } from '../Link';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport { ButtonIcon, ButtonIconProps, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\n/*\n @deprecated use SizeProp\n /\nexport type ButtonSize = SizeProp;\nexport type ButtonType = 'button' \| 'submit' \| 'reset';\nexport type ButtonUse = 'default' \| 'primary' \| 'success' \| 'danger' \| 'pay' \| 'link' \| 'text' \| 'backless';\n\nexport interface ButtonProps\n extends CommonProps,\n Pick<\n AriaAttributes,\n 'aria-haspopup' \| 'aria-describedby' \| 'aria-controls' \| 'aria-label' \| 'aria-checked' \| 'aria-expanded'\n >,\n Pick<HTMLAttributes<unknown>, 'role'>,\n Pick<HTMLProps['button'], 'onClickCapture' \| 'onMouseUp' \| 'onMouseDown'> {\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 HTML-событие `onblur`.\n /\n onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `onclick`.\n /\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `onfocus`.\n /\n onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `keydown`.\n /\n onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `onmouseenter`.\n /\n onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `mouseleave`.\n /\n onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `onmouseover`.\n /\n onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\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 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 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, 'use' \| 'size' \| 'type'>>;\n\n@rootNode\nexport class Button extends React.Component<ButtonProps, ButtonState> {\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 type: 'button',\n };\n\n private getProps = createPropsGetter(Button.defaultProps);\n\n public state = {\n focusedByTab: false,\n };\n\n private theme!: Theme;\n private node: HTMLButtonElement \| null = null;\n private setRootNode!: TSetRootNode;\n\n public componentDidMount() {\n if (this.props.autoFocus) {\n keyListener.isTabPressed = true;\n this.focus();\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 this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderLinkRootWithoutHandlers(props: LinkProps) {\n const { onClick, onFocus, onBlur, children, ...rest } = props;\n return <span {...rest}>{children}</span>;\n }\n\n private renderMain() {\n const {\n corners,\n active,\n disabled,\n borderless,\n checked,\n error,\n warning,\n loading,\n narrow,\n icon,\n rightIcon,\n _noPadding,\n _noRightPadding,\n visuallyFocused,\n align,\n disableFocus,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onMouseDown,\n onMouseUp,\n onKeyDown,\n onClick,\n onClickCapture,\n width,\n children,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup,\n 'aria-controls': ariaControls,\n 'aria-label': ariaLabel,\n 'aria-checked': ariaChecked,\n 'aria-expanded': ariaExpanded,\n role,\n } = this.props;\n const { use, type, size } = this.getProps();\n const sizeClass = this.getSizeClassName();\n\n const isFocused = this.state.focusedByTab \|\| visuallyFocused;\n const isLink = use === 'link';\n const _isTheme2022 = isTheme2022(this.theme);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [wrapClassNameWithArrow, rootClassNameWithArrow, arrowNode] = useButtonArrow(\n { ...this.props, isFocused: Boolean(isFocused) },\n this.theme,\n );\n const isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);\n let rootClassName = '';\n if (_isTheme2022) {\n const trueDisabled = disabled \|\| loading;\n 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 checked && styles.checkedDisabled2022(this.theme),\n borderless && styles.borderless2022(),\n use === 'backless' && !checked && styles.backlessDisabled2022(this.theme),\n use === 'text' && styles.textDisabled2022(),\n ]\n : [\n active && !checked && activeStyles[use](this.theme),\n isFocused && styles.focus(this.theme),\n checked && styles.checked2022(this.theme),\n checked && isFocused && styles.checkedFocused(this.theme),\n borderless && !checked && !isFocused && styles.borderless2022(),\n ]),\n );\n } else {\n rootClassName = cx({\n [styles.root(this.theme)]: true,\n [styles.simulatedPress()]: true,\n [styles[use](this.theme)]: true,\n [activeStyles[use](this.theme)]: active,\n [sizeClass]: true,\n [styles.focus(this.theme)]: isFocused,\n [styles.checked(this.theme)]: checked,\n [styles.checkedFocused(this.theme)]: checked && isFocused,\n [styles.disabled(this.theme)]: disabled \|\| loading,\n [styles.checkedDisabled(this.theme)]: checked && disabled,\n [styles.borderless()]: borderless && !disabled && !loading && !checked && !isFocused && !active,\n [styles.narrow()]: narrow,\n [styles.noPadding()]: _noPadding,\n [styles.noRightPadding()]: _noRightPadding,\n });\n }\n\n const rootProps = {\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,\n role,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup,\n 'aria-controls': ariaControls,\n 'aria-label': ariaLabel,\n 'aria-checked': ariaChecked,\n 'aria-expanded': ariaExpanded,\n className: rootClassName,\n style: {\n textAlign: align,\n ...corners,\n },\n disabled: disabled \|\| loading,\n onClick,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onKeyDown,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onMouseDown,\n onMouseUp,\n onClickCapture,\n tabIndex: disableFocus ? -1 : 0,\n title: this.props.title,\n };\n\n const wrapProps = {\n className: cx(globalClasses.root, {\n [styles.wrap(this.theme)]: true,\n [wrapClassNameWithArrow]: true,\n [this.getSizeWrapClassName()]: true,\n }),\n style: {\n width,\n },\n };\n\n const innerShadowNode = _isTheme2022 ? null : <div className={globalClasses.innerShadow} />;\n\n let outlineNode = null;\n const isDisabled2022 = _isTheme2022 && (disabled \|\| loading);\n if ((!isFocused \|\| isLink) && !isDisabled2022) {\n outlineNode = (\n <div\n style={{ zIndex: _isTheme2022 && isLink ? -1 : undefined }}\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 \|\| (isSafari && !_isTheme2022),\n [styles.linkLineHeightSafariFallback()]: isSafari && _isTheme2022,\n [styles.linkFocus(this.theme)]: isFocused,\n [styles.linkDisabled(this.theme)]: disabled \|\| loading,\n });\n Object.assign(wrapProps, {\n className: cx(styles.wrap(this.theme), styles.wrapLink()),\n style: { width: wrapProps.style.width },\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.captionTranslated()]: (active \|\| checked) && !loading && !_isTheme2022,\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 (_isTheme2022 && isLink && !loading) {\n captionNode = (\n <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n <Link\n focused={isFocused}\n disabled={disabled}\n icon={this.renderIcon2022(icon)}\n rightIcon={this.renderIcon2022(rightIcon)}\n as={this.renderLinkRootWithoutHandlers}\n tabIndex={-1}\n >\n {children}\n </Link>\n </ThemeContext.Provider>\n );\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span {...wrapProps} data-tid={ButtonDataTids.rootElement}>\n <button data-tid={ButtonDataTids.root} ref={this._ref} {...rootProps}>\n {innerShadowNode}\n {outlineNode}\n {arrowNode}\n {captionNode}\n </button>\n </span>\n </CommonWrapper>\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 _isTheme2022 = isTheme2022(this.theme);\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)]: _isTheme2022 && !!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)]: _isTheme2022 && !!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)]: _isTheme2022 && !!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<HTMLButtonElement>) => {\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<HTMLButtonElement>) => {\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: HTMLButtonElement \| null) => {\n this.node = node;\n };\n}\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\n"],"mappings":"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","ignoreList":[]}
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","_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":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;;;AAGA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;;AAEA,IAAAK,aAAA,GAAAL,OAAA;;AAEA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;;AAEA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,kBAAA,GAAAV,OAAA;AACA,IAAAW,KAAA,GAAAX,OAAA;;;;AAIA,IAAAY,QAAA,GAAAZ,OAAA;;AAEA,IAAAa,WAAA,GAAAb,OAAA;AACA,IAAAc,YAAA,GAAAd,OAAA;AACA,IAAAe,kBAAA,GAAAf,OAAA;AACA,IAAAgB,kBAAA,GAAAhB,OAAA,wBAAwD,IAAAiB,MAAA,EAAAC,OAAA,KAAAC,SAAA,gBAAAC,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFjD,IAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,QAAQ;;;;;;;;;AASzC,IAAME,cAAc,GAAAD,OAAA,CAAAC,cAAA,GAAG;EAC5BC,WAAW,EAAE,qBAAqB;EAClCC,IAAI,EAAE,cAAc;EACpBC,OAAO,EAAE;AACX,CAAU;;;;AAIV,IAAMC,aAAuE,GAAG,SAA1EA,aAAuEA,CAAAC,IAAA,EAA8B,KAAxBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAT,SAAA;EAClG,oBAAOrB,MAAA,CAAAkC,OAAA,CAAAC,aAAA,SAAUH,IAAI,EAAGD,QAAe,CAAC;AAC1C,CAAC,CAAC;;;AAGWK,MAAM,GAAAZ,OAAA,CAAAY,MAAA,OADlBC,kBAAQ,EAAAlB,MAAA,IAAAC,OAAA,0BAAAkB,gBAAA,YAAAF,OAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;IAmBCU,QAAQ,GAAG,IAAAC,oCAAiB,EAACd,MAAM,CAACe,YAAY,CAAC,CAAAZ,KAAA;;IAElDa,KAAK,GAAG;MACbC,YAAY,EAAE;IAChB,CAAC,CAAAd,KAAA;;;IAGOe,IAAI,GAAuB,IAAI,CAAAf,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8D/BgB,UAAU,GAAG,UAACC,KAA0C,EAAK,KAAAC,GAAA,EAAAC,IAAA,EAAAC,IAAA;MACnE;QACEC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;QAwBLJ,KAAK,CAxBPI,OAAO,CACPC,MAAM,GAuBJL,KAAK,CAvBPK,MAAM,CACNC,QAAQ,GAsBNN,KAAK,CAtBPM,QAAQ,CACRC,UAAU,GAqBRP,KAAK,CArBPO,UAAU,CACVC,OAAO,GAoBLR,KAAK,CApBPQ,OAAO,CACPC,KAAK,GAmBHT,KAAK,CAnBPS,KAAK,CACLC,OAAO,GAkBLV,KAAK,CAlBPU,OAAO,CACPC,OAAO,GAiBLX,KAAK,CAjBPW,OAAO,CACPC,MAAM,GAgBJZ,KAAK,CAhBPY,MAAM,CACNC,KAAK,GAeHb,KAAK,CAfPa,KAAK,CACLC,IAAI,GAcFd,KAAK,CAdPc,IAAI,CACJC,SAAS,GAaPf,KAAK,CAbPe,SAAS,CACTC,UAAU,GAYRhB,KAAK,CAZPgB,UAAU,CACVC,eAAe,GAWbjB,KAAK,CAXPiB,eAAe,CACfC,eAAe,GAUblB,KAAK,CAVPkB,eAAe,CACfC,KAAK,GASHnB,KAAK,CATPmB,KAAK,CACLC,YAAY,GAQVpB,KAAK,CARPoB,YAAY,CACZC,KAAK,GAOHrB,KAAK,CAPPqB,KAAK,CACLC,QAAQ,GAMNtB,KAAK,CANPsB,QAAQ,CACGC,UAAU,GAKnBvB,KAAK,CALPwB,SAAS,CACJC,OAAO,GAIVzB,KAAK,CAJP0B,GAAG,CACGC,QAAQ,GAGZ3B,KAAK,CAHP4B,IAAI,CACJC,KAAK,GAEH7B,KAAK,CAFP6B,KAAK,CACFrD,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EACLsB,KAAK,EAAAlC,UAAA;MACT,IAAAgE,cAAA,GAA2C/C,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAAlDiC,GAAG,GAAAI,cAAA,CAAHJ,GAAG,CAAEE,IAAI,GAAAE,cAAA,CAAJF,IAAI,CAAEJ,SAAS,GAAAM,cAAA,CAATN,SAAS,CAAEjD,QAAQ,GAAAuD,cAAA,CAARvD,QAAQ;;MAEtC,IAAMwD,SAAS,GAAGhD,KAAA,CAAKiD,gBAAgB,CAAC,CAAC;;MAEzC,IAAMC,SAAS,GAAGlD,KAAA,CAAKa,KAAK,CAACC,YAAY,IAAIqB,eAAe;MAC5D,IAAMgB,MAAM,GAAGR,GAAG,KAAK,MAAM;;MAE7B,IAAAS,eAAA,GAA4C,IAAAC,2BAAc,MAAAC,SAAA,CAAA3D,OAAA;QACnDK,KAAA,CAAKiB,KAAK,IAAEiC,SAAS,EAAEK,OAAO,CAACL,SAAS,CAAC;QAC9ClD,KAAA,CAAK8C;QACP,CAAC,CAHMU,sBAAsB,GAAAJ,eAAA,IAAEK,SAAS,GAAAL,eAAA;MAIxC,IAAMM,uCAAuC,GAAG,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,CAACC,QAAQ,CAAChB,GAAG,CAAC;;MAEtF,IAAMiB,YAAY,GAAGrC,QAAQ,IAAIK,OAAO;MACxC,IAAMiC,aAAa,GAAGC,WAAE,CAAAtD,KAAA;MACtBuD,eAAM,CAAC3E,IAAI,CAACY,KAAA,CAAK8C,KAAK,CAAC;MACvBiB,eAAM,CAACpB,GAAG,CAAC,CAAC3C,KAAA,CAAK8C,KAAK,CAAC;MACvBE,SAAS;MACTnB,MAAM,IAAIkC,eAAM,CAAClC,MAAM,CAAC,CAAC;MACzBI,UAAU,IAAI8B,eAAM,CAACC,SAAS,CAAC,CAAC;MAChC9B,eAAe,IAAI6B,eAAM,CAACE,cAAc,CAAC,CAAC;MAC1CT,sBAAsB,EAAA/C,MAAA;QAClBmD,YAAY;QACZ;QACEG,eAAM,CAACxC,QAAQ,CAACvB,KAAA,CAAK8C,KAAK,CAAC;QAC3BY,uCAAuC,IAAIK,eAAM,CAACG,sBAAsB,CAAClE,KAAA,CAAK8C,KAAK,CAAC;QACpFrB,OAAO,IAAIsC,eAAM,CAACI,eAAe,CAACnE,KAAA,CAAK8C,KAAK,CAAC;QAC7CtB,UAAU,IAAIuC,eAAM,CAACvC,UAAU,CAAC,CAAC;QACjCmB,GAAG,KAAK,UAAU,IAAIoB,eAAM,CAACK,gBAAgB,CAACpE,KAAA,CAAK8C,KAAK,CAAC;QACzDH,GAAG,KAAK,MAAM,IAAIoB,eAAM,CAACM,YAAY,CAAC,CAAC;QACvCC,sBAAa,CAAC/C,QAAQ,CACvB;;QACD;QACED,MAAM,IAAI,CAACG,OAAO,IAAI8C,qBAAY,CAAC5B,GAAG,CAAC,CAAC3C,KAAA,CAAK8C,KAAK,CAAC;QACnDI,SAAS,IAAIa,eAAM,CAACS,KAAK,CAACxE,KAAA,CAAK8C,KAAK,CAAC;QACrCrB,OAAO,IAAIsC,eAAM,CAACtC,OAAO,CAACzB,KAAA,CAAK8C,KAAK,CAAC;QACrCrB,OAAO,IAAIyB,SAAS,IAAIa,eAAM,CAACU,cAAc,CAACzE,KAAA,CAAK8C,KAAK,CAAC;QACzDtB,UAAU,IAAI,CAACC,OAAO,IAAI,CAACyB,SAAS,IAAIa,eAAM,CAACvC,UAAU,CAAC,CAAC,CAC5D;;MACP,CAAC;;MAED,IAAMkD,SAAS,OAAApB,SAAA,CAAA3D,OAAA;MACVF,IAAI;QACPkF,SAAS,EAAEd,aAAa;QACxBe,KAAK,MAAAtB,SAAA,CAAA3D,OAAA;UACHkF,SAAS,EAAEzC,KAAK;QACbf,OAAO,CACX;;QACDE,QAAQ,EAAEqC,YAAY;QACtBkB,OAAO,EAAE9E,KAAA,CAAK+E,WAAW;QACzBC,MAAM,EAAEhF,KAAA,CAAKiF,UAAU;QACvB1C,QAAQ,EAAEvC,KAAA,CAAKkF,WAAW,CAAC,EAAE7C,YAAY,EAAZA,YAAY,EAAEd,QAAQ,EAAEqC,YAAY,EAAErB,QAAQ,EAARA,QAAQ,CAAC,CAAC,CAAC,GAC/E;;;MAED,IAAM4C,SAAS,GAAG;QAChBR,SAAS,EAAE,IAAAb,WAAE,EAACQ,sBAAa,CAAClF,IAAI,GAAA8B,GAAA,OAAAA,GAAA;QAC7B6C,eAAM,CAACqB,IAAI,CAACpF,KAAA,CAAK8C,KAAK,CAAC,IAAG,IAAI,EAAA5B,GAAA;QAC9BlB,KAAA,CAAKqF,oBAAoB,CAAC,CAAC,IAAG,IAAI,EAAAnE,GAAA;QACpC,CAAC;QACF0D,KAAK,EAAE;UACLtC,KAAK,EAALA;QACF;MACF,CAAC;;MAED,IAAMgD,eAAe,GAAG,IAAI;;MAE5B,IAAIC,WAAW,GAAG,IAAI;MACtB,IAAI,CAAC,CAACrC,SAAS,IAAIC,MAAM,KAAK,CAACS,YAAY,EAAE,KAAA4B,IAAA;QAC3CD,WAAW;QACT9H,MAAA,CAAAkC,OAAA,CAAAC,aAAA;UACE+E,SAAS,EAAE,IAAAb,WAAE,EAACC,eAAM,CAAC0B,OAAO,CAAC,CAAC,GAAAD,IAAA,OAAAA,IAAA;UAC3BzB,eAAM,CAAC2B,cAAc,CAAC1F,KAAA,CAAK8C,KAAK,CAAC,IAAGnB,OAAO,EAAA6D,IAAA;UAC3CzB,eAAM,CAAC4B,YAAY,CAAC3F,KAAA,CAAK8C,KAAK,CAAC,IAAGpB,KAAK,EAAA8D,IAAA;UACvCzB,eAAM,CAAC6B,WAAW,CAAC,CAAC,IAAGzC,MAAM,EAAAqC,IAAA;UAC7BzB,eAAM,CAAC8B,kBAAkB,CAAC7F,KAAA,CAAK8C,KAAK,CAAC,IAAGK,MAAM,IAAIxB,OAAO,EAAA6D,IAAA;UACzDzB,eAAM,CAAC+B,gBAAgB,CAAC9F,KAAA,CAAK8C,KAAK,CAAC,IAAGK,MAAM,IAAIzB,KAAK,EAAA8D,IAAA;UACvD,CAAE;QACJ,CACF;;MACH;;MAEA,IAAMO,SAA4C,GAAG;QACnDpD,GAAG,EAAHA,GAAG;QACHE,IAAI,EAAE7C,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAACmC,IAAI;QAC1BmD,WAAW,EAAE,CAAC,CAACxG,QAAQ;QACvBoC,OAAO,EAAEA,OAAO,IAAI;MACtB,CAAC;MACD,IAAMqE,YAAY,GAAGlE,IAAI,iBAAItE,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAACpB,WAAA,CAAA0H,UAAU,MAAA5C,SAAA,CAAA3D,OAAA,MAAKoG,SAAS,IAAEI,QAAQ,EAAC,MAAM,EAACpE,IAAI,EAAEA,IAAK,GAAE,CAAC;MACtF,IAAMqE,aAAa,GAAGpE,SAAS;MAC7BvE,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAACpB,WAAA,CAAA0H,UAAU,MAAA5C,SAAA,CAAA3D,OAAA,MAAKoG,SAAS,IAAEM,YAAY,EAAE,CAAC,CAACtE,IAAI,IAAI,CAAC,CAACC,SAAU,EAACmE,QAAQ,EAAC,OAAO,EAACpE,IAAI,EAAEC,SAAU,GAAE,CACpG;;;MAED;MACA,IAAImB,MAAM,EAAE,KAAAmD,IAAA;QACV5B,SAAS,CAACC,SAAS,GAAG,IAAAb,WAAE,GAAAwC,IAAA,OAAAA,IAAA;QACrBvC,eAAM,CAAC3E,IAAI,CAACY,KAAA,CAAK8C,KAAK,CAAC,IAAG,IAAI,EAAAwD,IAAA;QAC9BtD,SAAS,IAAG,IAAI,EAAAsD,IAAA;QAChBvC,eAAM,CAACwC,IAAI,CAACvG,KAAA,CAAK8C,KAAK,CAAC,IAAG,IAAI,EAAAwD,IAAA;QAC9BvC,eAAM,CAACyC,cAAc,CAAC,CAAC,IAAG,CAACC,gBAAQ,EAAAH,IAAA;QACnCvC,eAAM,CAAC2C,4BAA4B,CAAC,CAAC,IAAGD,gBAAQ,EAAAH,IAAA;QAChDvC,eAAM,CAAC4C,SAAS,CAAC3G,KAAA,CAAK8C,KAAK,CAAC,IAAGI,SAAS,EAAAoD,IAAA;QACxCvC,eAAM,CAAC6C,YAAY,CAAC5G,KAAA,CAAK8C,KAAK,CAAC,IAAGc,YAAY,EAAA0C,IAAA;QAChD,CAAC;QACFO,MAAM,CAACC,MAAM,CAAC3B,SAAS,EAAE;UACvBR,SAAS,EAAE,IAAAb,WAAE,EAACC,eAAM,CAACqB,IAAI,CAACpF,KAAA,CAAK8C,KAAK,CAAC,EAAEiB,eAAM,CAACgD,QAAQ,CAAC,CAAC,CAAC;UACzDnC,KAAK,EAAE,EAAEtC,KAAK,EAAE6C,SAAS,CAACP,KAAK,CAACtC,KAAK,CAAC;QACxC,CAAC,CAAC;;QAEFoC,SAAS,CAACE,KAAK,CAACC,SAAS,GAAGmC,SAAS;MACvC;;MAEA,IAAMC,cAAc,GAAGrF,OAAO,IAAI,CAACG,IAAI,IAAI,CAACC,SAAS;MACrD,IAAMkF,WAAW,GAAGD,cAAc,iBAAIxJ,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAACjB,kBAAA,CAAAwI,iBAAiB,IAACtE,IAAI,EAAEA,IAAK,EAAE,CAAC;;MAEvE,IAAIuE,WAAW;MACb3J,MAAA,CAAAkC,OAAA,CAAAC,aAAA;QACE+E,SAAS,EAAE,IAAAb,WAAE,EAACC,eAAM,CAACsD,OAAO,CAAC,CAAC,EAAE/C,sBAAa,CAAC+C,OAAO,GAAAlG,IAAA,OAAAA,IAAA;QAClD4C,eAAM,CAACuD,WAAW,CAAC,CAAC,IAAGnE,MAAM,EAAAhC,IAAA;QAC7B4C,eAAM,CAACwD,eAAe,CAAC,CAAC,IAAG,CAAC9F,OAAO,IAAIF,QAAQ,EAAAJ,IAAA;QACjD,CAAE;;MAEF+F,WAAW;MACXjB,YAAY;MACbxI,MAAA,CAAAkC,OAAA,CAAAC,aAAA;QACE+E,SAAS,EAAE,IAAAb,WAAE,EAACQ,sBAAa,CAACkD,IAAI,GAAApG,IAAA,OAAAA,IAAA;QAC7B2C,eAAM,CAAC0D,gBAAgB,CAAC,CAAC,IAAGR,cAAc,EAAA7F,IAAA;QAC5C,CAAE;;MAEF5B;MACG,CAAC;MACN4G;MACE,CACN;;MACD,IAAIjD,MAAM,IAAI,CAACvB,OAAO,EAAE;QACtBwF,WAAW;QACT3J,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC5B,aAAA,CAAA0J,YAAY,CAACC,QAAQ,IAACC,KAAK,EAAE,IAAAC,oCAAiB,EAAC7H,KAAA,CAAK8C,KAAK,CAAE;;QAExDrF,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAACtB,KAAA,CAAAwJ,IAAI;UACHC,OAAO,EAAE7E,SAAU;UACnB3B,QAAQ,EAAEA,QAAS;UACnBQ,IAAI,EAAE/B,KAAA,CAAKgI,cAAc,CAACjG,IAAI,CAAE;UAChCC,SAAS,EAAEhC,KAAA,CAAKgI,cAAc,CAAChG,SAAS,CAAE;UAC1CO,QAAQ,EAAE,CAAC,CAAE;UACbE,SAAS,EAAEnD,aAAc;;QAExBE;QACG;;QAEa,CACxB;;MACH;;MAEA,IAAMyI,IAAuB,GAAGxF,SAAS;;MAEzC;QACEhF,MAAA,CAAAkC,OAAA,CAAAC,aAAA,aAAA0D,SAAA,CAAA3D,OAAA,MAAUwF,SAAS,IAAE,YAAUjG,cAAc,CAACE,IAAK;QACjD3B,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAACqI,IAAI,MAAA3E,SAAA,CAAA3D,OAAA,IAAC,YAAUT,cAAc,CAACC,WAAY,EAAC+I,GAAG,EAAElI,KAAA,CAAKT,IAAK,IAAKmF,SAAS;QACtEY,eAAe;QACfC,WAAW;QACX9B,SAAS;QACT2D;QACG;QACF,CAAC;;IAEX,CAAC,CAAApH,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA+CO+E,WAAW,GAAG,UAACoD,CAAmB,EAAK;MAC7C,IAAI,CAACnI,KAAA,CAAKiB,KAAK,CAACM,QAAQ,IAAI,CAACvB,KAAA,CAAKiB,KAAK,CAACoB,YAAY,EAAE;QACpD;QACA;QACA+F,0BAAY,CAACC,qBAAqB,YAAlCD,0BAAY,CAACC,qBAAqB,CAAG,YAAM;UACzC,IAAIC,wBAAW,CAACC,YAAY,EAAE;YAC5BvI,KAAA,CAAKwI,QAAQ,CAAC,EAAE1H,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;UACvC;QACF,CAAC,CAAC;QACFd,KAAA,CAAKiB,KAAK,CAAC6D,OAAO,YAAlB9E,KAAA,CAAKiB,KAAK,CAAC6D,OAAO,CAAGqD,CAAC,CAAC;MACzB;IACF,CAAC,CAAAnI,KAAA;;IAEOiF,UAAU,GAAG,UAACkD,CAAmB,EAAK;MAC5CnI,KAAA,CAAKwI,QAAQ,CAAC,EAAE1H,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;MACtC,IAAI,CAACd,KAAA,CAAKiB,KAAK,CAACM,QAAQ,IAAI,CAACvB,KAAA,CAAKiB,KAAK,CAACoB,YAAY,EAAE;QACpDrC,KAAA,CAAKiB,KAAK,CAAC+D,MAAM,YAAjBhF,KAAA,CAAKiB,KAAK,CAAC+D,MAAM,CAAGmD,CAAC,CAAC;MACxB;IACF,CAAC,CAAAnI,KAAA;;IAEOT,IAAI,GAAG,UAACwB,IAAwB,EAAK;MAC3Cf,KAAA,CAAKe,IAAI,GAAGA,IAAI;IAClB,CAAC,QAAAf,KAAA,MAAAyI,eAAA,CAAA9I,OAAA,EAAAE,MAAA,EAAAE,gBAAA,MAAA2I,MAAA,GAAA7I,MAAA,CAAA8I,SAAA,CAAAD,MAAA,CA/TME,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,IAAI,CAAC3H,KAAK,CAAC4H,SAAS,EAAE,CACxBP,wBAAW,CAACC,YAAY,GAAG,IAAI,CAC/B,IAAI,CAAC/D,KAAK,CAAC,CAAC,CACd,CAAC,CACD;IACA;IACA;IACA;EACF,CAAC,CAAA3E,MAAA,CAEaiJ,wBAAwB,GAAtC,SAAAA,yBAAuC7H,KAAkB,EAAE,CACzD,IAAIA,KAAK,CAACW,OAAO,IAAIX,KAAK,CAACM,QAAQ,EAAE,CACnC,OAAO,EAAET,YAAY,EAAE,KAAK,CAAC,CAAC,CAChC,CACA,OAAO,IAAI,CACb,CAAC,CAED;AACF;AACA,KAFE,CAAA4H,MAAA,CAGOlE,KAAK,GAAZ,SAAAA,MAAA,EAAe,KAAAuE,UAAA,CACb,CAAAA,UAAA,OAAI,CAAChI,IAAI,aAATgI,UAAA,CAAWvE,KAAK,CAAC,CAAC,CACpB,CAAC,CAED;AACF;AACA,KAFE,CAAAkE,MAAA,CAGOM,IAAI,GAAX,SAAAA,KAAA,EAAc,KAAAC,WAAA,CACZ,CAAAA,WAAA,OAAI,CAAClI,IAAI,aAATkI,WAAA,CAAWD,IAAI,CAAC,CAAC,CACnB,CAAC,CAAAN,MAAA,CAEMQ,MAAM,GAAb,SAAAA,OAAA,EAA6B,KAAAC,MAAA,QAC3B,oBACE1L,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC5B,aAAA,CAAA0J,YAAY,CAAC0B,QAAQ,QACnB,UAACtG,KAAK,EAAK,CACVqG,MAAI,CAACrG,KAAK,GAAGqG,MAAI,CAAClI,KAAK,CAAC6B,KAAK,GAAGuG,0BAAY,CAACC,MAAM,CAACH,MAAI,CAAClI,KAAK,CAAC6B,KAAK,EAAWA,KAAK,CAAC,GAAGA,KAAK,CAC7F,oBACErF,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC3B,cAAA,CAAAsL,aAAa,MAAAjG,SAAA,CAAA3D,OAAA,IAAC6J,WAAW,EAAEL,MAAI,CAACM,WAAY,IAAKN,MAAI,CAAClI,KAAK,GACzDkI,MAAI,CAACnI,UACO,CAAC,CAEpB,CACqB,CAAC,CAE5B,CAAC,CAAA0H,MAAA,CAEOxD,WAAW,GAAnB,SAAAA,YAAAwE,KAAA,EAIgE,KAH9DrH,YAAY,GAAAqH,KAAA,CAAZrH,YAAY,CACZd,QAAQ,GAAAmI,KAAA,CAARnI,QAAQ,CAAAoI,cAAA,GAAAD,KAAA,CACRnH,QAAQ,CAARA,QAAQ,GAAAoH,cAAA,cAAG,CAAC,GAAAA,cAAA,CAEZ,IAAItH,YAAY,IAAId,QAAQ,EAAE,CAC5B,OAAO,CAAC,CAAC,CACX,CAEA,OAAOgB,QAAQ,CACjB,CAAC,CAAAmG,MAAA,CAmMOV,cAAc,GAAtB,SAAAA,eAAuBjG,IAAoC,EAAE,CAC3D,IAAIA,IAAI,IAAI,IAAA6H,mBAAY,EAAC7H,IAAI,CAAC,EAAE,KAAA8H,gBAAA,CAC9B,IAAMC,KAAK,GAAG,IAAAC,8BAAkB,EAAC,IAAI,CAACjH,KAAK,CAAC,CAC5C,oBAAOkH,cAAK,CAACC,YAAY,CAAClI,IAAI,EAAE,EAAEc,IAAI,GAAAgH,gBAAA,GAAE9H,IAAI,CAACd,KAAK,CAAC4B,IAAI,YAAAgH,gBAAA,GAAIC,KAAK,CAAC,IAAI,CAACpJ,QAAQ,CAAC,CAAC,CAACmC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC3F,CAEA,OAAOd,IAAI,CACb,CAAC,CAAA2G,MAAA,CAEOzF,gBAAgB,GAAxB,SAAAA,iBAAA,EAA2B,KAAAiH,IAAA,EAAAC,IAAA,EAAAC,IAAA,CACzB,QAAQ,IAAI,CAAC1J,QAAQ,CAAC,CAAC,CAACmC,IAAI,GAC1B,KAAK,OAAO,CACV,OAAO,IAAAiB,WAAE,EAACC,eAAM,CAACsG,SAAS,CAAC,IAAI,CAACvH,KAAK,CAAC,GAAAoH,IAAA,OAAAA,IAAA,CACnCnG,eAAM,CAACuG,aAAa,CAAC,IAAI,CAACxH,KAAK,CAAC,IAAGyH,cAAM,IAAIC,cAAM,EAAAN,IAAA,CACnDnG,eAAM,CAAC0G,iBAAiB,CAAC,IAAI,CAAC3H,KAAK,CAAC,IAAG,CAAC,CAAC,IAAI,CAAC7B,KAAK,CAACc,IAAI,EAAAmI,IAAA,CACxDnG,eAAM,CAAC2G,4BAA4B,CAAC,IAAI,CAAC5H,KAAK,CAAC,IAAG,CAAC,CAAC,IAAI,CAAC7B,KAAK,CAACc,IAAI,IAAI,CAAC,IAAI,CAACd,KAAK,CAACzB,QAAQ,EAAA0K,IAAA,CAC7F,CAAC,CACJ,KAAK,QAAQ,CACX,OAAO,IAAApG,WAAE,EAACC,eAAM,CAAC4G,UAAU,CAAC,IAAI,CAAC7H,KAAK,CAAC,GAAAqH,IAAA,OAAAA,IAAA,CACpCpG,eAAM,CAAC6G,cAAc,CAAC,IAAI,CAAC9H,KAAK,CAAC,IAAGyH,cAAM,IAAIC,cAAM,EAAAL,IAAA,CACpDpG,eAAM,CAAC8G,kBAAkB,CAAC,IAAI,CAAC/H,KAAK,CAAC,IAAG,CAAC,CAAC,IAAI,CAAC7B,KAAK,CAACc,IAAI,EAAAoI,IAAA,CACzDpG,eAAM,CAAC+G,6BAA6B,CAAC,IAAI,CAAChI,KAAK,CAAC,IAAG,CAAC,CAAC,IAAI,CAAC7B,KAAK,CAACc,IAAI,IAAI,CAAC,IAAI,CAACd,KAAK,CAACzB,QAAQ,EAAA2K,IAAA,CAC9F,CAAC,CACJ,KAAK,OAAO,CACZ,QACE,OAAO,IAAArG,WAAE,EAACC,eAAM,CAACgH,SAAS,CAAC,IAAI,CAACjI,KAAK,CAAC,GAAAsH,IAAA,OAAAA,IAAA,CACnCrG,eAAM,CAACiH,aAAa,CAAC,IAAI,CAAClI,KAAK,CAAC,IAAGyH,cAAM,IAAIC,cAAM,EAAAJ,IAAA,CACnDrG,eAAM,CAACkH,iBAAiB,CAAC,IAAI,CAACnI,KAAK,CAAC,IAAG,CAAC,CAAC,IAAI,CAAC7B,KAAK,CAACc,IAAI,EAAAqI,IAAA,CACxDrG,eAAM,CAACmH,4BAA4B,CAAC,IAAI,CAACpI,KAAK,CAAC,IAAG,CAAC,CAAC,IAAI,CAAC7B,KAAK,CAACc,IAAI,IAAI,CAAC,IAAI,CAACd,KAAK,CAACzB,QAAQ,EAAA4K,IAAA,CAC7F,CAAC,CACN,CACF,CAAC,CAAA1B,MAAA,CAEOrD,oBAAoB,GAA5B,SAAAA,qBAAA,EAA+B,CAC7B,QAAQ,IAAI,CAAC3E,QAAQ,CAAC,CAAC,CAACmC,IAAI,GAC1B,KAAK,OAAO,CACV,OAAOkB,eAAM,CAACoH,SAAS,CAAC,IAAI,CAACrI,KAAK,CAAC,CACrC,KAAK,QAAQ,CACX,OAAOiB,eAAM,CAACqH,UAAU,CAAC,IAAI,CAACtI,KAAK,CAAC,CACtC,KAAK,OAAO,CACZ,QACE,OAAOiB,eAAM,CAACsH,SAAS,CAAC,IAAI,CAACvI,KAAK,CAAC,CACvC,CACF,CAAC,QAAAjD,MAAA,GAnU8FmK,cAAK,CAACsB,SAAS,GAAAzM,OAAA,CAIhG0M,mBAAmB,GAAG,QAAQ,EAAA1M,OAAA,CAC9B2M,WAAW,GAAG,QAAQ,EAAA3M,OAAA,CACtB4M,UAAU,GAAG,IAAI,EAAA5M,OAAA,CAEjB+B,YAAY,GAAiB,EACzC+B,GAAG,EAAE,SAAS,EACdE,IAAI,EAAE,OAAO,EACb;EACA;EACA;EACA6I,IAAI,EAAE,QAAQ,EACdjJ,SAAS,EAAEzD,wBAAwB,CACrC,CAAC,EAAAH,OAAA,MAAAD,MAAA","ignoreList":[]}

package/cjs/components/Button/Button.md CHANGED Viewed

@@ -1,12 +1,22 @@
-Базовый пример кнопки.
+### Базовый пример
+По умолчанию, кнопка принимает все пропы `HTMLButtonElement`.
 ```jsx harmony
 import { Button } from '@skbkontur/react-ui';
-<Button>Создать отчёт</Button>;
+<Button onClick={alert} name="report">Создать отчёт</Button>;
 ```
-У кнопки есть различные стили.
+### Корневой компонент
+Кнопка может рендерить ссылку в качестве корневого элемента, c помощью пропа `component`. Кнопка принимает все пропы переданного в `component` компонента.
+```jsx harmony
+import { Button } from '@skbkontur/react-ui';
+<Button component='a' href='https://kontur.ru' target="_blank">Ссылка, но выглядит как кнопка</Button>
+```
+### Различные стили
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';
@@ -43,6 +53,7 @@ const bgStyle = {
 </Gapped>
 ```
+### Иконка
 В кнопку можно передать иконку. Иконка может находиться как слева от текста кнопки, так и справа и даже в обоих позициях одновременно.
 ```jsx harmony
@@ -56,27 +67,42 @@ import { XIcon16Regular } from '@skbkontur/icons/XIcon16Regular';
 </Gapped>
 ```
-У кнопки есть 3 стандартных размера.
+### Размер
 ```jsx harmony
 <div
-    style={{
-      display: "flex",
-      alignItems: "end",
-      gap: '10px',
-    }}
-  >
-    <Button size="small">Маленькая</Button>
-    <Button size="medium">Средняя</Button>
-    <Button size="large">Большая</Button>
+  style={{
+    display: "flex",
+    alignItems: "end",
+    gap: '10px',
+  }}
+>
+  <Button size="small">Маленькая</Button>
+  <Button size="medium">Средняя</Button>
+  <Button size="large">Большая</Button>
 </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">
@@ -88,12 +114,10 @@ import { Gapped, Button } from '@skbkontur/react-ui';
 </Gapped>
 ```
-Кнопка в состоянии загрузки.
+### Состояние загрузки
 **Поведение:**
 Кнопка на время нахождения в состоянии загрузки отключается.
 Если в кнопке есть иконка, на время загрузки иконка заменяется на спиннер, если иконки нет — весь контент кнопки заменяется на спиннер. Когда иконки две — заменяется только левая.
 ```jsx harmony
@@ -133,7 +157,7 @@ const handleClick = () => {
 ```
-Пример кнопки с пропом `theme`
+### Проп темы
 ```jsx harmony
 import { Button, Gapped } from '@skbkontur/react-ui';
@@ -145,20 +169,18 @@ import { Button, Gapped } from '@skbkontur/react-ui';
 </Gapped>
 ```
-Пример кастомизации кнопки-ссылки
+### Кастомизация кнопки-ссылки
 ```jsx harmony
 import { Toast } from "@skbkontur/react-ui";
 import { CopyIcon16Regular } from "@skbkontur/icons/CopyIcon16Regular"
 const textDecorationStyles = {
-  btnLinkLineBorderBottomWidth: '0',
-  btnLinkHoverTextDecoration: 'underline'
+  btnLinkTextUnderlineOffset: '1px',
 }
 const underlineOnHoverStyles = {
-  btnLinkLineBorderBottomColor: 'transparent',
+  btnLinkTextDecorationColor: 'transparent',
 }
 const differentColorStyles = {
@@ -168,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) => {
@@ -186,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}>
@@ -207,8 +229,33 @@ const renderExampleRow = (title, styles, index) => {
     <th style={tdStyle}>Пример</th>
     <th style={tdStyle}>Переменные темы</th>
   </tr>
-  {renderExampleRow('Ссылка с подчеркиванием через text-decoration', textDecorationStyles)}
+  {renderExampleRow('Ссылка с подчеркиванием без отступа', textDecorationStyles)}
   {renderExampleRow('Ссылка с подчеркиванием при наведении', underlineOnHoverStyles)}
   {renderExampleRow('Изменение цвета ссылки', differentColorStyles)}
 </table>
 ```
+### Узкая Кнопка
+```jsx harmony
+import { Button } from '@skbkontur/react-ui';
+<Button narrow>
+  Создать отчет
+</Button>
+```
+### Состояния валидации
+```jsx harmony
+import { Button, Gapped } from '@skbkontur/react-ui';
+<Gapped gap={5}>
+  <Button warning>
+    Warning
+  </Button>
+  <Button error>
+    Error
+  </Button>
+</Gapped>
+```

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

@@ -1,6 +1,5 @@
-export declare const buttonUseMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderBottomColor: string, borderWidth: string) => string;
-export declare const buttonHoverMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderBottomColor: string, borderWidth: string) => string;
-export declare const buttonActiveMixin: (btnBackground: string, btnShadow: string, borderColor: string, borderTopColor: string, borderWidth: string, arrowBgImage: string) => string;
-export declare const buttonSizeMixin: (fontSize: string, lineHeight: string, paddingX: string, paddingY: string, fontFamilyCompensation: string) => string;
-export declare const buttonSizeMixinIE11: (fontSize: string, paddingX: string, paddingY: string, fontFamilyCompensation: string) => string;
-export declare const arrowOutlineMixin: (insetWidth: string, outlineColor: string, outlineWidth: string, insetColor: 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 CHANGED Viewed

@@ -1,31 +1,9 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.buttonUseMixin = exports.buttonSizeMixinIE11 = exports.buttonSizeMixin = exports.buttonHoverMixin = exports.buttonActiveMixin = exports.arrowOutlineMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
-var _DimensionFunctions = require("../../lib/styles/DimensionFunctions");
-var _Button = require("./Button.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var getBtnPadding = function getBtnPadding(
-fontSize,
-paddingY,
-paddingX,
-fontFamilyCompensation,
-additionalOffset)
-{if (additionalOffset === void 0) {additionalOffset = 0;}
-  var paddingTop = paddingY;
-  var paddingBottom = paddingY;
-  var offset = parseInt(fontFamilyCompensation) || 0;
-  var shiftUp = function shiftUp(top, bottom, offset) {
-    return [(0, _DimensionFunctions.shift)(top, "" + -offset), (0, _DimensionFunctions.shift)(bottom, "" + offset)];
-  };
-  if (fontSize === '16px' && offset) {var _shiftUp =
-    shiftUp(paddingTop, paddingBottom, offset);paddingTop = _shiftUp[0];paddingBottom = _shiftUp[1];
-  }
-  if (additionalOffset && offset) {var _shiftUp2 =
-    shiftUp(paddingTop, paddingBottom, additionalOffset);paddingTop = _shiftUp2[0];paddingBottom = _shiftUp2[1];
-  }
-  return paddingTop + " " + paddingX + " " + paddingBottom;
+"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;
+var getBtnPadding = function getBtnPadding(paddingY, paddingX) {
+  return paddingY + " " + paddingX + " " + paddingY;
 };
 var buttonUseMixin = exports.buttonUseMixin = function buttonUseMixin(
@@ -34,22 +12,17 @@ btnBackgroundStart,
 btnBackgroundEnd,
 color,
 borderColor,
-borderBottomColor,
 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    .", " {\n      box-shadow: ", " 0 0 0 ", ";\n    }\n\n    :enabled:hover,\n    :enabled {\n      .", " svg {\n        color: ", ";\n      }\n    }\n  "])),
+  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, borderBottomColor ? ", 0 " + borderWidth + " 0 0 " + borderBottomColor : "",
-  _Button.globalClasses.arrowHelper,
   borderWidth, borderColor,
   _Button.globalClasses.arrow,
   color);
@@ -63,19 +36,14 @@ btnBackgroundStart,
 btnBackgroundEnd,
 color,
 borderColor,
-borderBottomColor,
 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\n    .", " {\n      box-shadow: ", " 0 0 ", ";\n    }\n  "])),
+  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, borderBottomColor ? ", 0 " + borderWidth + " 0 0 " + borderBottomColor : "",
-  color,
-  _Button.globalClasses.arrowHelper,
-  borderWidth, borderColor);
+  borderWidth, borderColor,
+  color);
 };
@@ -83,89 +51,34 @@ var buttonActiveMixin = exports.buttonActiveMixin = function buttonActiveMixin(
 btnBackground,
 btnShadow,
 borderColor,
-borderTopColor,
-borderWidth,
-arrowBgImage)
+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      .", " {\n        box-shadow: ", " 0 0 ", ";\n\n        &.", " {\n          background-image: ", ";\n        }\n      }\n    }\n  "])),
+  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, borderTopColor ? ", 0 -" + borderWidth + " 0 0 " + borderTopColor : "",
-  _Button.globalClasses.innerShadow,
-  btnShadow,
-  _Button.globalClasses.arrowHelper,
   borderWidth, borderColor,
-  _Button.globalClasses.arrowHelperTop,
-  arrowBgImage);
+  _Button.globalClasses.innerShadow,
+  btnShadow);
 };
-var buttonSizeMixin = exports.buttonSizeMixin = function buttonSizeMixin(
-fontSize,
-lineHeight,
-paddingX,
-paddingY,
-fontFamilyCompensation)
-{
+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(fontSize, paddingY, paddingX, fontFamilyCompensation),
+  getBtnPadding(paddingY, paddingX),
   lineHeight);
 };
-var buttonSizeMixinIE11 = exports.buttonSizeMixinIE11 = function buttonSizeMixinIE11(
-fontSize,
-paddingX,
-paddingY,
-fontFamilyCompensation)
-{
+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(fontSize, paddingY, paddingX, fontFamilyCompensation, 1));
-};
-var arrowOutlineMixin = exports.arrowOutlineMixin = function arrowOutlineMixin(
-insetWidth,
-outlineColor,
-outlineWidth,
-insetColor)
-{
-  return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n    .", " {\n      &.", " {\n        box-shadow:\n          inset -", " ", " 0 0 ", ",\n          ", " 0 0 0 ", " !important; // override :active styles\n      }\n\n      &.", " {\n        box-shadow:\n          inset -", " -", " 0 0 ", ",\n          ", " 0 0 0 ", " !important; // override :active styles\n      }\n\n      // don't hide inner outline\n      // and keep the middle-line fix\n      &:before {\n        top: ", ";\n        right: ", ";\n        left: ", ";\n      }\n      &.", ":before {\n        bottom: ", ";\n      }\n    }\n  "])),
-  _Button.globalClasses.arrowHelper,
-  _Button.globalClasses.arrowHelperTop,
-  insetWidth, insetWidth, insetColor,
-  outlineWidth, outlineColor,
-  _Button.globalClasses.arrowHelperBottom,
-  insetWidth, insetWidth, insetColor,
-  outlineWidth, outlineColor,
-  insetWidth,
-  insetWidth,
-  insetWidth,
-  _Button.globalClasses.arrowHelperBottom,
-  insetWidth);
+  getBtnPadding(paddingY, paddingX));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","~~_DimensionFunctions","~~_Button","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","~~_templateObject6","~~getBtnPadding","~~fontSize","~~paddingY","paddingX","~~fontFamilyCompensation","additionalOffset","paddingTop","paddingBottom","offset","parseInt","shiftUp","top","bottom","shift","_shiftUp","_shiftUp2","~~buttonUseMixin","exports","btnBackground","btnBackgroundStart","btnBackgroundEnd","color","borderColor","~~borderBottomColor","~~borderWidth","hasGradient","css","_taggedTemplateLiteralLoose2","default","globalClasses","~~arrowHelper","~~arrow","buttonHoverMixin","buttonActiveMixin","btnShadow","~~borderTopColor","arrowBgImage","~~innerShadow","~~arrowHelperTop~~","~~buttonSizeMixin~~","lineHeight","buttonSizeMixinIE11"~~,"arrowOutlineMixin","insetWidth","outlineColor","outlineWidth","insetColor","arrowHelperBottom"~~],"sources":["Button.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\~~nimport { shift } from '../../lib/styles/DimensionFunctions';\~~n\nimport { globalClasses } from './Button.styles';\n\nconst getBtnPadding = (~~\n fontSize~~: string~~,\n paddingY:~~ ~~string,\n~~ paddingX: string~~,\n fontFamilyCompensation: string,\n additionalOffset = 0,\n~~): string => {\n ~~let paddingTop = paddingY;\n let paddingBottom = paddingY;\n const offset = parseInt(fontFamilyCompensation) \|\| 0;\n\n const shiftUp = (top: string, bottom: string, offset: number) => {\n~~ return ~~[shift(top,~~ `${~~-offset~~}~~`),~~ shift(bottom, `${offset}`)];\n };\n\n if (fontSize === '16px' && offset) {\n [paddingTop, paddingBottom] = shiftUp(paddingTop, paddingBottom, offset);\n }\n if (additionalOffset && offset) {\n [paddingTop, paddingBottom] = shiftUp(paddingTop, paddingBottom, additionalOffset);\n }\n\n return `${paddingTop} ${paddingX} ${~~paddingBottom~~}`;\n};\n\nexport const buttonUseMixin = (\n btnBackground: string,\n btnBackgroundStart: string,\n btnBackgroundEnd: string,\n color: string,\n borderColor: string,\n ~~borderBottomColor: 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}~~${borderBottomColor ? `, 0 ${borderWidth} 0 0 ${borderBottomColor}` : ``}~~;\n\n ~~.${globalClasses.arrowHelper} {\n box-shadow~~: ~~${borderWidth} 0 0 0 ${borderColor};\n }\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 ~~borderBottomColor: 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}~~${borderBottomColor ? `, 0 ${borderWidth} 0 0 ${borderBottomColor}` : ``}~~;\n color: ${color};\n~~\n .${globalClasses.arrowHelper} {\n box-shadow: ${borderWidth} 0 0 ${borderColor};\n }\n~~ `;\n};\n\nexport const buttonActiveMixin = (\n btnBackground: string,\n btnShadow: string,\n borderColor: string,\n ~~borderTopColor: string,\n~~ borderWidth: string,\n ~~arrowBgImage: 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}~~${borderTopColor~~ ~~? `, 0 -${borderWidth} 0 0 ${borderTopColor}` : ``}~~ !important; // override :hover styles\n\n .${globalClasses.innerShadow} {\n box-shadow: ${btnShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${borderWidth} 0 0 ${borderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${arrowBgImage};\n }\n }\n }\n `;\n};\n\nexport const buttonSizeMixin = (\n fontSize: string~~,\n~~ lineHeight: string~~,\n~~ paddingX: string~~,\n~~ paddingY: string~~,\n fontFamilyCompensation: string,\n~~) => {\n return css`\n font-size: ${fontSize};\n box-sizing: border-box;\n padding: ${getBtnPadding(~~fontSize,~~ paddingY, paddingX~~, fontFamilyCompensation~~)};\n line-height: ${lineHeight};\n `;\n};\n\nexport const buttonSizeMixinIE11 = (~~\n fontSize~~: string~~,\n paddingX:~~ ~~string,\n~~ paddingY: string~~,\n fontFamilyCompensation: string,\n~~) => {\n return css`\n padding: ${getBtnPadding(~~fontSize,~~ paddingY, paddingX~~, fontFamilyCompensation, 1~~)};\n line-height: normal;\n `;\n};\n\nexport const arrowOutlineMixin = (\n insetWidth: string,\n outlineColor: string,\n outlineWidth: string,\n insetColor: string,\n) => {\n return css`\n .${globalClasses.arrowHelper} {\n &.${globalClasses.arrowHelperTop} {\n box-shadow:\n inset -${insetWidth} ${insetWidth} 0 0 ${insetColor},\n ${outlineWidth} 0 0 0 ${outlineColor} !important; // override :active styles\n }\n\n &.${globalClasses.arrowHelperBottom} {\n box-shadow:\n inset -${insetWidth} -${insetWidth} 0 0 ${insetColor},\n ${outlineWidth} 0 0 0 ${outlineColor} !important; // override :active styles\n }\n\n // don't hide inner outline\n // and keep the middle-line fix\n &:before {\n top: ${insetWidth};\n right: ${insetWidth};\n left: ${insetWidth};\n }\n &.${globalClasses.arrowHelperBottom}:before {\n bottom: ${insetWidth};\n }\n }\n `;\n};\n"],"mappings":"~~uaAAA~~,IAAAA,QAAA,GAAAC,OAAA~~;AACA,IAAAC,mBAAA,GAAAD,OAAA~~;;AAEA,~~IAAAE~~,OAAA,~~GAAAF~~,OAAA,oBAAgD,~~IAAAG~~,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA~~,EAAAC,gBAAA~~;;AAEhD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA~~;AACjBC~~,~~QAAgB;AAChBC~~,QAAgB~~;AAChBC~~,QAAgB~~;AAChBC~~,~~sBAA8B~~;~~AAC9BC~~,~~gBAAgB;AACL~~,~~KADXA,gBAAgB,cAAhBA,gBAAgB,GAAG,CAAC;EAEpB,IAAIC,UAAU,GAAGJ,~~QAAQ~~;EACzB~~,~~IAAIK~~,~~aAAa,GAAGL,~~QAAQ~~;EAC5B~~,~~IAAMM~~,~~MAAM,GAAGC,~~QAAQ~~,CAACL,sBAAsB,CAAC,IAAI,CAAC;;EAEpD,IAAMM,OAAO,GAAG,SAAVA,OAAOA,CAAIC,GAAW,EAAEC,MAAc,EAAEJ,MAAc,EAAK~~;~~IAC/D~~,~~OAAO,~~CAAC~~,IAAAK,yBAAK,EAACF,GAAG,OAAK,CAACH,MAAQ,CAAC,EAAE,IAAAK,yBAAK,EAACD,MAAM,OAAKJ,MAAQ,CAAC,CAAC;EAC/D,CAAC~~;;EAED,IAAIP,QAAQ,KAAK,MAAM,IAAIO,MAAM,EAAE,KAAAM,QAAA;IACHJ,OAAO,CAACJ,UAAU,EAAEC,aAAa,EAAEC,MAAM,CAAC,CAAvEF,UAAU,GAAAQ,QAAA,IAAEP,aAAa,GAAAO,QAAA;EAC5B;EACA,IAAIT,gBAAgB,IAAIG,MAAM,EAAE,KAAAO,SAAA;IACAL,OAAO,CAACJ,UAAU,EAAEC,aAAa,EAAEF,gBAAgB,CAAC,CAAjFC,UAAU,GAAAS,SAAA,IAAER,aAAa,GAAAQ,SAAA;EAC5B;;EAEA,OAAUT,UAAU,SAAIH,QAAQ,SAAII,aAAa;AACnD,CAAC;;AAEM,~~IAAMS~~,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA;AACzBE,aAAqB;AACrBC,kBAA0B;AAC1BC,gBAAwB;AACxBC,KAAa;AACbC,WAAmB;AACnBC,~~iBAAyB;AACzBC,~~WAAmB;AAChB;EACH,IAAMC,WAAW,~~GAAGN~~,kBAAkB,KAAKC,gBAAgB;EAC3D,~~WAAOM~~,YAAG,~~EAAAhC~~,eAAA,KAAAA,eAAA,~~OAAAiC~~,4BAAA,CAAAC,OAAA;EACYH,WAAW,~~eAAeP~~,aAAa;~~EACvCO~~,WAAW,~~wBAAsBN~~,kBAAkB,UAAKC,gBAAgB,eAAY;EAC/FC,KAAK;~~EACMG~~,WAAW,~~EAAIF~~,WAAW,~~EAAGC,iBAAiB,YAAUC,WAAW,aAAQD,iBAAiB,KAAO;;EAEpHM,~~qBAAa,CAACC,~~WAAW;EACZN,WAAW,EAAUF,WAAW;;;;;EAK3CO,qBAAa,CAACE,~~KAAK;~~EACXV~~,KAAK;;;;AAItB,CAAC;;AAEM,~~IAAMW~~,gBAAgB,~~GAAAf~~,OAAA,~~CAAAe~~,gBAAA,GAAG,SAAnBA,gBAAgBA;~~AAC3Bd~~,aAAqB;AACrBC,kBAA0B;AAC1BC,gBAAwB;AACxBC,KAAa;AACbC,WAAmB;AACnBC,~~iBAAyB;AACzBC,~~WAAmB;AAChB;EACH,IAAMC,WAAW,~~GAAGN~~,kBAAkB,KAAKC,gBAAgB;EAC3D,~~WAAOM~~,YAAG,~~EAAA/B~~,gBAAA,KAAAA,gBAAA,~~OAAAgC~~,4BAAA,CAAAC,OAAA;EACYH,WAAW,~~eAAeP~~,aAAa;~~EACvCO~~,WAAW,~~wBAAsBN~~,kBAAkB,UAAKC,gBAAgB,eAAY;~~EACpFI~~,WAAW,~~EAAIF~~,WAAW~~,EAAGC,iBAAiB,YAAUC,WAAW,aAAQD,iBAAiB,KAAO~~;~~EAC9GF~~,KAAK;;~~EAEXQ~~,~~qBAAa,CAACC,WAAW;EACZN,WAAW,EAAQF,WAAW;;;AAGlD,~~CAAC;;AAEM,~~IAAMW~~,iBAAiB,~~GAAAhB~~,OAAA,~~CAAAgB~~,iBAAA,GAAG,SAApBA,iBAAiBA;~~AAC5Bf~~,aAAqB;~~AACrBgB~~,SAAiB;~~AACjBZ~~,WAAmB;~~AACnBa~~,~~cAAsB;AACtBX,~~WAAmB;~~AACnBY,YAAoB~~;~~AACjB;~~EACH,~~WAAOV~~,YAAG,~~EAAA9B~~,gBAAA,KAAAA,gBAAA,~~OAAA+B~~,4BAAA,CAAAC,OAAA;;;;~~EAIcV~~,aAAa;~~EACbM~~,WAAW,~~EAAIF~~,WAAW~~,EAAGa,cAAc,aAAWX,WAAW,aAAQW,cAAc,KAAO~~;;~~EAE/GN~~,qBAAa,~~CAACQ~~,WAAW;~~EACZH~~,SAAS~~;;;EAGtBL~~,~~qBAAa,CAACC,WAAW;EACZN,WAAW,EAAQF,WAAW;;EAExCO,qBAAa,CAACS,cAAc;EACVF,YAAY;;;;;AAK1C,~~CAAC;;AAEM,~~IAAMG~~,eAAe,~~GAAAtB~~,OAAA,~~CAAAsB~~,eAAA,GAAG,SAAlBA,eAAeA~~;AAC1BtC~~,QAAgB~~;AAChBuC~~,UAAkB~~;AAClBrC~~,QAAgB~~;AAChBD~~,QAAgB~~;AAChBE~~,~~sBAA8B~~;~~AAC3B;EACH~~,~~WAAOsB~~,YAAG,~~EAAA7B~~,gBAAA,KAAAA,gBAAA,~~OAAA8B~~,4BAAA,CAAAC,OAAA;~~EACK3B~~,QAAQ;;~~EAEVD~~,aAAa,CAACC,QAAQ,EAAEC,QAAQ,~~EAAEC,QAAQ,EAAEC,sBAAsB,~~CAAC;~~EAC/DoC~~,UAAU;;AAE7B,CAAC;;AAEM,IAAMC,mBAAmB,~~GAAAxB~~,OAAA,~~CAAAwB~~,mBAAA,GAAG,SAAtBA,mBAAmBA~~;AAC9BxC~~,~~QAAgB;AAChBE~~,QAAgB~~;AAChBD~~,QAAgB~~;AAChBE~~,~~sBAA8B~~;~~AAC3B;EACH~~,~~WAAOsB~~,YAAG,~~EAAA5B~~,gBAAA,KAAAA,gBAAA,~~OAAA6B~~,4BAAA,CAAAC,OAAA;~~EACG5B~~,aAAa,CAACC,QAAQ,EAAEC,QAAQ,~~EAAEC,QAAQ,EAAEC,sBAAsB,EAAE,~~CAAC~~,CAAC~~;;;~~AAGrF~~,CAAC;;AAEM,IAAMsC,iBAAiB,GAAAzB,OAAA,CAAAyB,iBAAA,GAAG,SAApBA,iBAAiBA;AAC5BC,UAAkB;AAClBC,YAAoB;AACpBC,YAAoB;AACpBC,UAAkB;AACf;EACH,WAAOpB,YAAG,EAAA3B,gBAAA,KAAAA,gBAAA,OAAA4B,4BAAA,CAAAC,OAAA;EACLC,qBAAa,CAACC,WAAW;EACtBD,qBAAa,CAACS,cAAc;;EAEnBK,UAAU,EAAIA,UAAU,EAAQG,UAAU;EACjDD,YAAY,EAAUD,YAAY;;;EAGpCf,qBAAa,CAACkB,iBAAiB;;EAEtBJ,UAAU,EAAKA,UAAU,EAAQG,UAAU;EAClDD,YAAY,EAAUD,YAAY;;;;;;EAM/BD,UAAU;EACRA,UAAU;EACXA,UAAU;;EAEhBd,qBAAa,CAACkB,iBAAiB;EACvBJ,UAAU;;;;AAI5B,CAAC","ignoreList":[]}
1	+ {"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":[]}