npm - @skbkontur/react-ui - Versions diffs - 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72 - Mend

@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72

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 (1181) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.tsx"],"names":["ButtonDataTids","rootElement","root","spinner","Button","rootNode","getProps","defaultProps","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","emotion","theme","ThemeFactory","create","renderMain","renderLinkRootWithoutHandlers","onClick","children","rest","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","use","type","size","sizeClass","getSizeClassName","isFocused","isLink","_isTheme2022","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","rootClassName","styles","activeStyles","trueDisabled","cx","noPadding","noRightPadding","disabledWithoutOutline","checkedDisabled","checkedDisabled2022","borderless2022","backlessDisabled2022","textDisabled2022","checked2022","checkedFocused","simulatedPress","rootProps","className","style","textAlign","tabIndex","title","wrapProps","globalClasses","wrap","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","isDisabled2022","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","rightIconNode","link","linkLineHeight","isSafari","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","hasLoadingNode","loadingNode","captionNode","caption","captionTranslated","captionLink","captionDisabled","text","visibilityHidden","renderIcon2022","setRootNode","sizes","React","cloneElement","sizeLarge","sizeLargeIE11","isIE11","isEdge","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","displayName","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { HTMLProps } from '../../typings/html';\nimport { isKonturIcon, isReactUIComponent } from '../../lib/utils';\nimport { isEdge, isIE11, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeConsumer, ThemeProvider } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\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';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getActiveStyles, getStyles, 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 emotion!: Emotion;\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 <EmotionConsumer>\n {(emotion) => {\n this.emotion = emotion;\n return (\n <ThemeConsumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return this.renderMain();\n }}\n </ThemeConsumer>\n );\n }}\n </EmotionConsumer>\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 this.emotion,\n );\n const isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);\n let rootClassName = '';\n const styles = getStyles(this.emotion);\n const activeStyles = getActiveStyles(this.emotion);\n if (_isTheme2022) {\n const trueDisabled = disabled \|\| loading;\n 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 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 = this.emotion.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: this.emotion.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={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 \|\| (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: this.emotion.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={this.emotion.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={this.emotion.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 <ThemeProvider 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 </ThemeProvider>\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 styles = getStyles(this.emotion);\n const _isTheme2022 = isTheme2022(this.theme);\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)]: _isTheme2022 && !!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)]: _isTheme2022 && !!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)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n }\n }\n\n private getSizeWrapClassName() {\n const styles = getStyles(this.emotion);\n\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"]}
1	+ {"version":3,"sources":["Button.tsx"],"names":["BUTTON_DEFAULT_ELEMENT","ButtonDataTids","rootElement","root","spinner","ButtonLink","focused","disabled","icon","rightIcon","as","tabIndex","children","Button","rootNode","getProps","defaultProps","state","focusedByTab","node","handleFocus","e","props","disableFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","theme","ThemeFactory","create","renderMain","renderLinkRootWithoutHandlers","onClick","rest","getTabIndex","corners","active","borderless","checked","error","warning","narrow","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onMouseDown","onMouseUp","onKeyDown","onClickCapture","width","component","ariaDescribedby","ariaHasPopup","ariaControls","ariaLabel","ariaChecked","ariaExpanded","role","use","type","size","sizeClass","getSizeClassName","Root","isFocused","isLink","_isTheme2022","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","rootClassName","trueDisabled","cx","styles","disableTextSelect","noPadding","noRightPadding","globalClasses","link","disabledWithoutOutline","checkedDisabled","checkedDisabled2022","borderless2022","backlessDisabled2022","textDisabled2022","activeStyles","checked2022","checkedFocused","simulatedPress","buttonOnlyProps","linkOnlyProps","rootProps","className","style","textAlign","title","wrapProps","wrap","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","isDisabled2022","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","rightIconNode","linkLineHeight","isSafari","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","hasLoadingNode","loadingNode","captionNode","caption","captionTranslated","captionLink","captionDisabled","text","visibilityHidden","renderIcon2022","setRootNode","sizes","React","cloneElement","sizeLarge","sizeLargeIE11","isIE11","isEdge","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","displayName","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport pick from 'lodash/pick';\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';\nimport { PolymorphicPropsWithoutRef } from '../../typings/react-ref';\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\ninterface ButtonInnerProps\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 Вариант `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_ELEMENT = 'button';\n\nexport type ButtonProps<C extends React.ElementType = typeof BUTTON_DEFAULT_ELEMENT> = PolymorphicPropsWithoutRef<\n ButtonInnerProps,\n C\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\nconst ButtonLink = ({ focused, disabled, icon, rightIcon, as, tabIndex, children }: LinkProps) => (\n <Link focused={focused} disabled={disabled} icon={icon} rightIcon={rightIcon} as={as} tabIndex={tabIndex}>\n {children}\n </Link>\n);\n\n@rootNode\nexport class Button<C extends React.ElementType = typeof BUTTON_DEFAULT_ELEMENT> 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_DEFAULT_ELEMENT,\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 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() {\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 tabIndex,\n component = BUTTON_DEFAULT_ELEMENT,\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 ...rest\n } = this.props;\n const { use, type, size } = this.getProps();\n\n const sizeClass = this.getSizeClassName();\n\n const Root = component as React.ElementType;\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 const trueDisabled = disabled \|\| loading;\n if (_isTheme2022) {\n rootClassName = cx(\n styles.root(this.theme),\n styles[use](this.theme),\n sizeClass,\n styles.disableTextSelect(),\n narrow && styles.narrow(),\n _noPadding && styles.noPadding(),\n _noRightPadding && styles.noRightPadding(),\n rootClassNameWithArrow,\n Root === 'a' && globalClasses.link,\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 Root === 'a' && globalClasses.disabled,\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 [styles.disableTextSelect()]: true,\n [activeStyles[use](this.theme)]: active,\n [sizeClass]: true,\n [globalClasses.link]: Root === 'a',\n [styles.focus(this.theme)]: isFocused,\n [styles.checked(this.theme)]: checked,\n [styles.checkedFocused(this.theme)]: checked && isFocused,\n [styles.disabled(this.theme)]: trueDisabled,\n [globalClasses.disabled]: trueDisabled && Root === 'a',\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 buttonOnlyProps = {\n type,\n };\n\n const linkOnlyProps = pick(rest, ['href', 'hrefLang', 'rel', 'target']);\n\n const rootProps = {\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: trueDisabled,\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: this.getTabIndex({ disableFocus, disabled: trueDisabled, tabIndex }),\n title: this.props.title,\n ...(Root === BUTTON_DEFAULT_ELEMENT ? buttonOnlyProps : {}),\n ...(Root === 'a' ? linkOnlyProps : {}),\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 && trueDisabled;\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)]: trueDisabled,\n });\n Object.assign(wrapProps, {\n className: cx(styles.wrap(this.theme), styles.wrapLink()),\n style: { width: wrapProps.style.width },\n });\n //@ts-expect-error textAlign doesn't exist on link\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 {\n <ButtonLink\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 </ButtonLink>\n }\n </ThemeContext.Provider>\n );\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span {...wrapProps} data-tid={ButtonDataTids.rootElement}>\n <Root data-tid={ButtonDataTids.root} ref={this._ref} {...rootProps}>\n {innerShadowNode}\n {outlineNode}\n {arrowNode}\n {captionNode}\n </Root>\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"]}

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

@@ -212,3 +212,13 @@ const renderExampleRow = (title, styles, index) => {
   {renderExampleRow('Изменение цвета ссылки', differentColorStyles)}
 </table>
 ```
+Кнопка может рендерить ссылку в качестве корневого элемента, c помощью пропа `component`.
+Кнопка принимает все пропы переданного в `component` компонента.
+```jsx harmony
+import { Button } from '@skbkontur/react-ui';
+<Button component='a' href='/'>Ссылка, но выглядит как кнопка</Button>
+```

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

@@ -1,7 +1,6 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const buttonUseMixin: (emotion: Emotion) => (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderBottomColor: string, borderWidth: string) => string;
-export declare const buttonHoverMixin: (emotion: Emotion) => (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderBottomColor: string, borderWidth: string) => string;
-export declare const buttonActiveMixin: (emotion: Emotion) => (btnBackground: string, btnShadow: string, borderColor: string, borderTopColor: string, borderWidth: string, arrowBgImage: string) => string;
-export declare const buttonSizeMixin: (emotion: Emotion) => (fontSize: string, lineHeight: string, paddingX: string, paddingY: string, fontFamilyCompensation: string) => string;
-export declare const buttonSizeMixinIE11: (emotion: Emotion) => (fontSize: string, paddingX: string, paddingY: string, fontFamilyCompensation: string) => string;
-export declare const arrowOutlineMixin: (emotion: Emotion) => (insetWidth: string, outlineColor: string, outlineWidth: string, insetColor: string) => string;
+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;

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

@@ -1,5 +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 = exports.arrowOutlineMixin = 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 = 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;
@@ -29,140 +28,140 @@ additionalOffset)
   return paddingTop + " " + paddingX + " " + paddingBottom;
 };
-var buttonUseMixin =
-function buttonUseMixin(emotion) {return (
-    function (
-    btnBackground,
-    btnBackgroundStart,
-    btnBackgroundEnd,
-    color,
-    borderColor,
-    borderBottomColor,
-    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    .", " {\n      box-shadow: ", " 0 0 0 ", ";\n    }\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,
+var buttonUseMixin = function buttonUseMixin(
+btnBackground,
+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  "])),
+  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);
+  _Button.globalClasses.arrow,
+  color);
-    });};exports.buttonUseMixin = buttonUseMixin;
-var buttonHoverMixin =
-function buttonHoverMixin(emotion) {return (
-    function (
-    btnBackground,
-    btnBackgroundStart,
-    btnBackgroundEnd,
-    color,
-    borderColor,
-    borderBottomColor,
-    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\n    .", " {\n      box-shadow: ", " 0 0 ", ";\n    }\n  "])),
-      hasGradient ? "initial" : btnBackground,
-      hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
-      borderWidth, borderColor,
-      borderBottomColor ? ", 0 " + borderWidth + " 0 0 " + borderBottomColor : "",
+};exports.buttonUseMixin = buttonUseMixin;
-      color,
+var buttonHoverMixin = function buttonHoverMixin(
+btnBackground,
+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  "])),
+  hasGradient ? "initial" : btnBackground,
+  hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
+  borderWidth, borderColor, borderBottomColor ? ", 0 " + borderWidth + " 0 0 " + borderBottomColor : "",
+  color,
-      _Button.globalClasses.arrowHelper,
-      borderWidth, borderColor);
+  _Button.globalClasses.arrowHelper,
+  borderWidth, borderColor);
-    });};exports.buttonHoverMixin = buttonHoverMixin;
+};exports.buttonHoverMixin = buttonHoverMixin;
-var buttonActiveMixin =
-function buttonActiveMixin(emotion) {return (
-    function (
-    btnBackground,
-    btnShadow,
-    borderColor,
-    borderTopColor,
-    borderWidth,
-    arrowBgImage)
-    {
-      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      .", " {\n        box-shadow: ", " 0 0 ", ";\n\n        &.", " {\n          background-image: ", ";\n        }\n      }\n    }\n  "])),
+var buttonActiveMixin = function buttonActiveMixin(
+btnBackground,
+btnShadow,
+borderColor,
+borderTopColor,
+borderWidth,
+arrowBgImage)
+{
+  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  "])),
-      btnBackground,
-      borderWidth, borderColor,
-      borderTopColor ? ", 0 -" + borderWidth + " 0 0 " + borderTopColor : "",
+  btnBackground,
+  borderWidth, borderColor, borderTopColor ? ", 0 -" + borderWidth + " 0 0 " + borderTopColor : "",
+  _Button.globalClasses.innerShadow,
+  btnShadow,
-      _Button.globalClasses.innerShadow,
-      btnShadow,
+  _Button.globalClasses.arrowHelper,
+  borderWidth, borderColor,
-      _Button.globalClasses.arrowHelper,
-      borderWidth, borderColor,
+  _Button.globalClasses.arrowHelperTop,
+  arrowBgImage);
-      _Button.globalClasses.arrowHelperTop,
-      arrowBgImage);
+};exports.buttonActiveMixin = buttonActiveMixin;
-    });};exports.buttonActiveMixin = buttonActiveMixin;
-var buttonSizeMixin =
-function buttonSizeMixin(emotion) {return (
-    function (fontSize, lineHeight, paddingX, paddingY, fontFamilyCompensation) {
-      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 = function buttonSizeMixin(
+fontSize,
+lineHeight,
+paddingX,
+paddingY,
+fontFamilyCompensation)
+{
+  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),
-      lineHeight);
+  getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation),
+  lineHeight);
-    });};exports.buttonSizeMixin = buttonSizeMixin;
+};exports.buttonSizeMixin = buttonSizeMixin;
-var buttonSizeMixinIE11 =
-function buttonSizeMixinIE11(emotion) {return function (fontSize, paddingX, paddingY, fontFamilyCompensation) {
-    return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding: ", ";\n    line-height: normal;\n  "])),
-    getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation, 1));
+var buttonSizeMixinIE11 = function buttonSizeMixinIE11(
+fontSize,
+paddingX,
+paddingY,
+fontFamilyCompensation)
+{
+  return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding: ", ";\n    line-height: normal;\n  "])),
+  getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation, 1));
-  };};exports.buttonSizeMixinIE11 = buttonSizeMixinIE11;
+};exports.buttonSizeMixinIE11 = buttonSizeMixinIE11;
-var arrowOutlineMixin =
-function arrowOutlineMixin(emotion) {return function (insetWidth, outlineColor, outlineWidth, insetColor) {
-    return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n    .", " {\n      &.", " {\n        box-shadow: inset -", " ", " 0 0 ", ", ", " 0 0 0 ", " !important; // override :active styles\n      }\n\n      &.", " {\n        box-shadow: inset -", " -", " 0 0 ", ", ", " 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,
+var arrowOutlineMixin = function arrowOutlineMixin(
+insetWidth,
+outlineColor,
+outlineWidth,
+insetColor)
+{
+  return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n    .", " {\n      &.", " {\n        box-shadow: inset -", " ", " 0 0 ", ", ", " 0 0 0 ", " !important; // override :active styles\n      }\n\n      &.", " {\n        box-shadow: inset -", " -", " 0 0 ", ", ", " 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,
+  _Button.globalClasses.arrowHelperBottom,
+  insetWidth, insetWidth, insetColor, outlineWidth, outlineColor,
-    insetWidth,
-    insetWidth,
-    insetWidth,
+  insetWidth,
+  insetWidth,
+  insetWidth,
-    _Button.globalClasses.arrowHelperBottom,
-    insetWidth);
+  _Button.globalClasses.arrowHelperBottom,
+  insetWidth);
-  };};exports.arrowOutlineMixin = arrowOutlineMixin;
+};exports.arrowOutlineMixin = arrowOutlineMixin;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.mixins.ts"],"names":["getBtnPadding","fontSize","paddingY","paddingX","fontFamilyCompensation","additionalOffset","paddingTop","paddingBottom","offset","parseInt","shiftUp","top","bottom","buttonUseMixin","~~emotion","~~btnBackground","btnBackgroundStart","btnBackgroundEnd","color","borderColor","borderBottomColor","borderWidth","hasGradient","css","globalClasses","arrowHelper","arrow","buttonHoverMixin","buttonActiveMixin","btnShadow","borderTopColor","arrowBgImage","innerShadow","arrowHelperTop","buttonSizeMixin","lineHeight","buttonSizeMixinIE11","arrowOutlineMixin","insetWidth","outlineColor","outlineWidth","insetColor","arrowHelperBottom"],"mappings":";;AAEA~~;;AAEA~~,yC;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AACpBC,QADoB;AAEpBC,QAFoB;AAGpBC,QAHoB;AAIpBC,sBAJoB;AAKpBC,gBALoB;AAMT,KADXA,gBACW,cADXA,gBACW,GADQ,CACR;AACX,MAAIC,UAAU,GAAGJ,QAAjB;AACA,MAAIK,aAAa,GAAGL,QAApB;AACA,MAAMM,MAAM,GAAGC,QAAQ,CAACL,sBAAD,CAAR,IAAoC,CAAnD;;AAEA,MAAMM,OAAO,GAAG,SAAVA,OAAU,CAACC,GAAD,EAAcC,MAAd,EAA8BJ,MAA9B,EAAiD;AAC/D,WAAO,CAAC,+BAAMG,GAAN,OAAc,CAACH,MAAf,CAAD,EAA2B,+BAAMI,MAAN,OAAiBJ,MAAjB,CAA3B,CAAP;AACD,GAFD;;AAIA,MAAIP,QAAQ,KAAK,MAAb,IAAuBO,MAA3B,EAAmC;AACHE,IAAAA,OAAO,CAACJ,UAAD,EAAaC,aAAb,EAA4BC,MAA5B,CADJ,CAChCF,UADgC,eACpBC,aADoB;AAElC;AACD,MAAIF,gBAAgB,IAAIG,MAAxB,EAAgC;AACAE,IAAAA,OAAO,CAACJ,UAAD,EAAaC,aAAb,EAA4BF,gBAA5B,CADP,CAC7BC,UAD6B,gBACjBC,aADiB;AAE/B;;AAED,SAAUD,UAAV,SAAwBH,QAAxB,SAAoCI,aAApC;AACD,CAvBD;;AAyBO,IAAMM,cAAc~~;AACzB~~,~~SADWA~~,~~cACX~~,~~CAACC,OAAD~~;~~AACA;AACEC~~,~~IAAAA,aADF~~;~~AAEEC~~,~~IAAAA,kBAFF~~;~~AAGEC~~,~~IAAAA,gBAHF~~;~~AAIEC~~,~~IAAAA,KAJF~~;~~AAKEC~~,~~IAAAA,WALF~~;~~AAMEC~~,~~IAAAA,iBANF~~;~~AAOEC~~,~~IAAAA,WAPF~~;~~AAQK~~;AACH,~~UAAMC~~,WAAW,GAAGN,kBAAkB,KAAKC,gBAA3C;AACA,~~aAAOH~~,~~OAAO,CAACS,GAAf~~;~~AACoBD~~,~~MAAAA~~,WAAW,eAAeP,~~aAD9C~~;~~AAEoBO~~,~~MAAAA~~,WAAW,wBAAsBN,kBAAtB,UAA6CC,gBAA7C,~~eAF/B~~;~~AAGSC~~,~~MAAAA~~,~~KAHT~~;~~AAIoBG~~,~~MAAAA~~,~~WAJpB~~,~~EAImCF~~,~~WAJnC;AAKEC~~,~~MAAAA~~,iBAAiB,YAAUC,WAAV,aAA6BD,iBAA7B,~~KALnB;;;AAQGI~~,~~4BAAcC~~,~~WARjB~~;~~AASgBJ~~,~~MAAAA~~,~~WAThB~~,~~EASqCF~~,~~WATrC~~;;;;;~~AAcKK~~,~~4BAAcE~~,~~KAdnB~~;~~AAeaR~~,~~MAAAA~~,~~KAfb~~;;;;~~AAmBD~~,~~KA9BD~~,~~GADK,~~C;;~~AAiCA~~,IAAMS,gBAAgB~~;AAC3B~~,~~SADWA~~,~~gBACX~~,~~CAACb,OAAD~~;~~AACA;AACEC~~,~~IAAAA,aADF~~;~~AAEEC~~,~~IAAAA,kBAFF~~;~~AAGEC~~,~~IAAAA,gBAHF~~;~~AAIEC~~,~~IAAAA,KAJF~~;~~AAKEC~~,~~IAAAA,WALF~~;~~AAMEC~~,~~IAAAA,iBANF~~;~~AAOEC~~,~~IAAAA,WAPF~~;~~AAQK~~;AACH,~~UAAMC~~,WAAW,GAAGN,kBAAkB,KAAKC,gBAA3C;AACA,~~aAAOH~~,~~OAAO,CAACS,GAAf~~;~~AACoBD~~,~~MAAAA~~,WAAW,eAAeP,~~aAD9C~~;~~AAEoBO~~,~~MAAAA~~,WAAW,wBAAsBN,kBAAtB,UAA6CC,gBAA7C,~~eAF/B~~;~~AAGoBI~~,~~MAAAA~~,~~WAHpB~~,~~EAGmCF~~,~~WAHnC;AAIEC~~,~~MAAAA~~,iBAAiB,YAAUC,WAAV,aAA6BD,iBAA7B,~~KAJnB;;AAMSF~~,~~MAAAA~~,~~KANT~~;;~~AAQGM~~,~~4BAAcC~~,~~WARjB~~;~~AASgBJ~~,~~MAAAA~~,~~WAThB~~,~~EASmCF~~,~~WATnC~~;;;~~AAYD~~,~~KAvBD~~,~~GADK,~~C;;~~AA0BA~~,IAAMS,iBAAiB~~;AAC5B~~,~~SADWA~~,~~iBACX~~,~~CAACd,OAAD~~;~~AACA;AACEC~~,~~IAAAA,aADF~~;~~AAEEc~~,~~IAAAA,SAFF~~;~~AAGEV~~,~~IAAAA,WAHF~~;~~AAIEW~~,~~IAAAA,cAJF~~;~~AAKET~~,~~IAAAA,WALF~~;~~AAMEU~~,~~IAAAA,YANF~~;~~AAOK~~;AACH,~~aAAOjB~~,~~OAAO,CAACS,GAAf~~;;;;~~AAIsBR~~,~~MAAAA~~,~~aAJtB~~;~~AAKsBM~~,~~MAAAA~~,~~WALtB~~,~~EAKqCF~~,~~WALrC;AAMEW~~,~~MAAAA~~,cAAc,aAAWT,WAAX,aAA8BS,cAA9B,~~KANhB;;;AASKN~~,~~4BAAcQ~~,~~WATnB~~;~~AAUkBH~~,~~MAAAA~~,~~SAVlB~~;;;~~AAaKL~~,~~4BAAcC~~,~~WAbnB~~;~~AAckBJ~~,~~MAAAA~~,~~WAdlB~~,~~EAcqCF~~,~~WAdrC~~;;~~AAgBQK~~,~~4BAAcS~~,~~cAhBtB~~;~~AAiB0BF~~,~~MAAAA~~,~~YAjB1B~~;;;;;~~AAsBD~~,~~KA/BD~~,~~GADK,~~C;;~~AAkCA~~,IAAMG,eAAe~~;AAC1B~~,~~SADWA~~,~~eACX~~,~~CAACpB~~,~~OAAD~~;~~AACA~~,~~cAACb~~,~~QAAD~~,~~EAAmBkC~~,~~UAAnB,EAAuChC,QAAvC,EAAyDD,QAAzD,EAA2EE,sBAA3E,EAA8G~~;~~AAC5G~~,~~aAAOU~~,~~OAAO,CAACS,GAAf~~;~~AACatB~~,~~MAAAA~~,~~QADb~~;;~~AAGWD~~,~~MAAAA~~,aAAa,CAACC,QAAD,EAAWC,QAAX,EAAqBC,QAArB,EAA+BC,sBAA/B,~~CAHxB~~;~~AAIe+B~~,~~MAAAA~~,~~UAJf~~;;AAMD,~~KARD~~,~~GADK,~~C;;~~AAWA~~,IAAMC,mBAAmB~~;AAC9B~~,~~SADWA~~,~~mBACX~~,~~CAACtB~~,~~OAAD~~,~~UAAsB~~,~~UAACb~~,~~QAAD,EAAmBE,QAAnB,EAAqCD,QAArC,EAAuDE,sBAAvD,EAA0F~~;~~AAC9G~~,~~WAAOU~~,~~OAAO,CAACS,GAAf~~;~~AACWvB~~,~~IAAAA~~,aAAa,CAACC,QAAD,EAAWC,QAAX,EAAqBC,QAArB,EAA+BC,sBAA/B,EAAuD,CAAvD,~~CADxB~~;;;AAID,~~GALD~~,~~EADK,~~C;;~~AAQA~~,~~IAAMiC~~,iBAAiB~~;AAC5B~~,~~SADWA~~,~~iBACX~~,~~CAACvB~~,~~OAAD~~,~~UAAsB~~,~~UAACwB~~,~~UAAD,EAAqBC,YAArB,EAA2CC,YAA3C,EAAiEC,UAAjE,EAAwF~~;~~AAC5G~~,~~WAAO3B~~,~~OAAO,CAACS,GAAf~~;~~AACGC~~,~~0BAAcC~~,~~WADjB~~;~~AAEMD~~,~~0BAAcS~~,~~cAFpB~~;~~AAGyBK~~,~~IAAAA~~,~~UAHzB~~,~~EAGuCA~~,~~UAHvC~~,~~EAGyDG~~,~~UAHzD~~,~~EAGwED~~,~~YAHxE~~,~~EAG8FD~~,~~YAH9F~~;;;~~AAMMf~~,~~0BAAckB~~,~~iBANpB~~;~~AAOyBJ~~,~~IAAAA~~,~~UAPzB~~,~~EAOwCA~~,~~UAPxC~~,~~EAO0DG~~,~~UAP1D~~,~~EAOyED~~,~~YAPzE~~,~~EAO+FD~~,~~YAP/F~~;;;;;;~~AAaWD~~,~~IAAAA~~,~~UAbX~~;~~AAcaA~~,~~IAAAA~~,~~UAdb~~;~~AAeYA~~,~~IAAAA~~,~~UAfZ~~;;~~AAiBMd~~,~~0BAAckB~~,~~iBAjBpB~~;~~AAkBcJ~~,~~IAAAA~~,~~UAlBd~~;;;;AAsBD,~~GAvBD~~,~~EADK,~~C","sourcesContent":["import ~~type~~ { ~~Emotion~~ } from '~~@emotion~~/~~css~~/~~create-instance~~';\n\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 (emotion:~~ ~~Emotion) =>\n~~ (\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 ~~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 borderBottomColor ? `, 0 ${borderWidth} 0 0 ${borderBottomColor}` : ~~``\n~~ };\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 (emotion:~~ ~~Emotion) =>\n~~ (\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 ~~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 borderBottomColor ? `, 0 ${borderWidth} 0 0 ${borderBottomColor}` : ~~``\n~~ };\n color: ${color};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${borderWidth} 0 0 ${borderColor};\n }\n `;\n };\n\nexport const buttonActiveMixin ~~=\n (emotion:~~ ~~Emotion) =>\n~~ (\n btnBackground: string,\n btnShadow: string,\n borderColor: string,\n borderTopColor: string,\n borderWidth: string,\n arrowBgImage: string,\n ) => {\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}${\n borderTopColor ? `, 0 -${borderWidth} 0 0 ${borderTopColor}` : ~~``\n~~ } !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~~ (~~emotion: Emotion) =>\~~n (fontSize: string, lineHeight: string, paddingX: string, paddingY: string, fontFamilyCompensation: string) => {\n return ~~emotion.~~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 ~~(emotion: Emotion) => (~~fontSize: string, paddingX: string, paddingY: string, fontFamilyCompensation: string) => {\n return ~~emotion.~~css`\n padding: ${getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation, 1)};\n line-height: normal;\n `;\n };\n\nexport const arrowOutlineMixin =\n ~~(emotion: Emotion) => (~~insetWidth: string, outlineColor: string, outlineWidth: string, insetColor: string) => {\n return ~~emotion.~~css`\n .${globalClasses.arrowHelper} {\n &.${globalClasses.arrowHelperTop} {\n box-shadow: inset -${insetWidth} ${insetWidth} 0 0 ${insetColor}, ${outlineWidth} 0 0 0 ${outlineColor} !important; // override :active styles\n }\n\n &.${globalClasses.arrowHelperBottom} {\n box-shadow: inset -${insetWidth} -${insetWidth} 0 0 ${insetColor}, ${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"]}
1	+ {"version":3,"sources":["Button.mixins.ts"],"names":["getBtnPadding","fontSize","paddingY","paddingX","fontFamilyCompensation","additionalOffset","paddingTop","paddingBottom","offset","parseInt","shiftUp","top","bottom","buttonUseMixin","btnBackground","btnBackgroundStart","btnBackgroundEnd","color","borderColor","borderBottomColor","borderWidth","hasGradient","css","globalClasses","arrowHelper","arrow","buttonHoverMixin","buttonActiveMixin","btnShadow","borderTopColor","arrowBgImage","innerShadow","arrowHelperTop","buttonSizeMixin","lineHeight","buttonSizeMixinIE11","arrowOutlineMixin","insetWidth","outlineColor","outlineWidth","insetColor","arrowHelperBottom"],"mappings":"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","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: inset -${insetWidth} ${insetWidth} 0 0 ${insetColor}, ${outlineWidth} 0 0 0 ${outlineColor} !important; // override :active styles\n }\n\n &.${globalClasses.arrowHelperBottom} {\n box-shadow: inset -${insetWidth} -${insetWidth} 0 0 ${insetColor}, ${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"]}

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

@@ -1,4 +1,3 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     root: string;
@@ -9,8 +8,10 @@ export declare const globalClasses: {
     caption: string;
     text: string;
     innerShadow: string;
+    link: string;
+    disabled: string;
 };
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(t: Theme): string;
     withArrowIconRightSmall(t: Theme): string;
     withArrowIconRightMedium(t: Theme): string;
@@ -87,8 +88,9 @@ export declare const getStyles: (emotion: Emotion) => {
     textDisabled2022(): string;
     loading(): string;
     visibilityHidden(): string;
+    disableTextSelect(): string;
 };
-export declare const getActiveStyles: (emotion: Emotion) => {
+export declare const activeStyles: {
     default(t: Theme): string;
     primary(t: Theme): string;
     success(t: Theme): string;