@skbkontur/react-ui 0.0.0-cb54865bf2 → 0.0.0-ccbe7cf017

package/cjs/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Link.tsx"],"names":["Link","state","focusedByTab","theme","getProps","defaultProps","_handleFocus","event","props","disabled","process","nextTick","tabListener","isTabPressed","setState","_handleBlur","_handleClick","href","onClick","preventDefault","render","renderMain","icon","use","_button","_buttonOpened","className","style","relOrigin","rel","rest","iconElement","jsStyles","arrow","root","button","buttonOpened","focus","useDefault","useSuccess","useDanger","useGrayed","onFocus","onBlur","tabIndex","children","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","oneOfType","node","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { createPropsGetter } from '../../lib/createPropsGetter';\r\nimport { Override } from '../../typings/utility-types';\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { isExternalLink } from '../../lib/utils';\r\n\r\nimport { jsStyles } from './Link.styles';\r\n\r\nexport type LinkProps = Override<\r\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\r\n  {\r\n    /** Неактивное состояние */\r\n    disabled?: boolean;\r\n    /** href */\r\n    href?: string;\r\n    /** Иконка */\r\n    icon?: React.ReactElement<any>;\r\n    /** Тип */\r\n    use?: 'default' | 'success' | 'danger' | 'grayed';\r\n    _button?: boolean;\r\n    _buttonOpened?: boolean;\r\n    tabIndex?: number;\r\n    /** onClick */\r\n    onClick?: (event?: React.MouseEvent<HTMLAnchorElement>) => void;\r\n  }\r\n>;\r\n\r\nexport interface LinkState {\r\n  focusedByTab: boolean;\r\n}\r\n\r\n/**\r\n * Стандартная ссылка.\r\n * Интерфес пропсов наследуется от `React.AnchorHTMLAttributes<HTMLAnchorElement>`.\r\n * Все свойства передаются в элемент `<a>`.\r\n * `className` и `style` не поддерживаются\r\n */\r\nexport class Link extends React.Component<LinkProps, LinkState> {\r\n  public static __KONTUR_REACT_UI__ = 'Link';\r\n\r\n  public static propTypes = {\r\n    disabled: PropTypes.bool,\r\n\r\n    href: PropTypes.string,\r\n\r\n    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\r\n\r\n    use: PropTypes.oneOf(['default', 'success', 'danger', 'grayed']),\r\n  };\r\n\r\n  public static defaultProps = {\r\n    href: '',\r\n    use: 'default',\r\n  };\r\n\r\n  public state = {\r\n    focusedByTab: false,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private getProps = createPropsGetter(Link.defaultProps);\r\n\r\n  public render(): JSX.Element {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const {\r\n      disabled,\r\n      href,\r\n      icon,\r\n      use,\r\n      _button,\r\n      _buttonOpened,\r\n      className,\r\n      style,\r\n      rel: relOrigin,\r\n      ...rest\r\n    } = this.getProps<LinkProps, Link>();\r\n\r\n    let iconElement = null;\r\n    if (icon) {\r\n      iconElement = <span className={jsStyles.icon(this.theme)}>{icon}</span>;\r\n    }\r\n\r\n    let arrow = null;\r\n    if (_button) {\r\n      arrow = <span className={jsStyles.arrow()} />;\r\n    }\r\n\r\n    let rel = relOrigin;\r\n    if (typeof rel === 'undefined' && href) {\r\n      rel = `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\r\n    }\r\n\r\n    const props = {\r\n      className: cn({\r\n        [jsStyles.root(this.theme)]: true,\r\n        [jsStyles.disabled(this.theme)]: !!disabled,\r\n        [jsStyles.button(this.theme)]: !!_button,\r\n        [jsStyles.buttonOpened()]: !!_buttonOpened,\r\n        [jsStyles.focus(this.theme)]: !disabled && this.state.focusedByTab,\r\n        [jsStyles.useDefault(this.theme)]: use === 'default',\r\n        [jsStyles.useSuccess(this.theme)]: use === 'success',\r\n        [jsStyles.useDanger(this.theme)]: use === 'danger',\r\n        [jsStyles.useGrayed(this.theme)]: use === 'grayed',\r\n      }),\r\n      href,\r\n      rel,\r\n      onClick: this._handleClick,\r\n      onFocus: this._handleFocus,\r\n      onBlur: this._handleBlur,\r\n      tabIndex: this.props.tabIndex,\r\n    };\r\n    if (disabled) {\r\n      props.tabIndex = -1;\r\n    }\r\n\r\n    return (\r\n      <a {...rest} {...props}>\r\n        {iconElement}\r\n        {this.props.children}\r\n        {arrow}\r\n      </a>\r\n    );\r\n  }\r\n\r\n  private _handleFocus = (event: React.FocusEvent<HTMLAnchorElement>) => {\r\n    if (!this.props.disabled) {\r\n      // focus event fires before keyDown eventlistener\r\n      // so we should check tabPressed in async way\r\n      process.nextTick(() => {\r\n        if (tabListener.isTabPressed) {\r\n          this.setState({ focusedByTab: true });\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  private _handleBlur = () => {\r\n    this.setState({ focusedByTab: false });\r\n  };\r\n\r\n  private _handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\r\n    const { href, onClick, disabled } = this.props;\r\n    if (!href) {\r\n      event.preventDefault();\r\n    }\r\n    if (onClick && !disabled) {\r\n      onClick(event);\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Link.tsx"],"names":["LinkDataTids","root","Link","rootNode","getProps","defaultProps","state","focusedByTab","renderMain","props","disabled","href","icon","use","loading","_button","_buttonOpened","relOrigin","rel","Component","as","focused","rest","_isTheme2022","theme","iconElement","styles","arrow","isFocused","linkProps","className","useRoot","useDefault","useSuccess","useDanger","useGrayed","button","buttonOpened","getLinkClassName","Boolean","onClick","handleClick","onFocus","handleFocus","onBlur","handleBlur","tabIndex","child","children","globalClasses","text","lineText","requestAnimationFrame","keyListener","isTabPressed","setState","event","preventDefault","render","ThemeFactory","create","setRootNode","isBorderBottom","parseInt","linkLineBorderBottomWidth","focus","useGrayedFocus","lineRoot","disabledDark22Theme","lineFocus","lineFocusSuccess","lineFocusDanger","lineFocusGrayed","React","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","node","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport { Spinner } from '../Spinner';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { isDarkTheme, isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { globalClasses, styles } from './Link.styles';\n\nexport interface LinkProps\n  extends CommonProps,\n    Override<\n      React.AnchorHTMLAttributes<HTMLAnchorElement>,\n      {\n        /**\n         * Отключенное состояние.\n         */\n        disabled?: boolean;\n        /**\n         * HTML-атрибут `href`.\n         */\n        href?: string;\n        /**\n         * Добавляет ссылке иконку.\n         */\n        icon?: React.ReactElement<any>;\n        /**\n         * Тема ссылки.\n         */\n        use?: 'default' | 'success' | 'danger' | 'grayed';\n        /**\n         * @ignore\n         */\n        _button?: boolean;\n        /**\n         * @ignore\n         */\n        _buttonOpened?: boolean;\n        /**\n         * HTML-атрибут `tabindex`.\n         */\n        tabIndex?: number;\n        /**\n         * Переводит ссылку в состояние загрузки.\n         */\n        loading?: boolean;\n        /**\n         * HTML-событие `onclick`.\n         */\n        onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n\n        /**\n         * Обычный объект с переменными темы.\n         * Он будет объединён с темой из контекста.\n         */\n        theme?: ThemeIn;\n        /**\n         * Компонент, используемый в качестве корневого узла.\n         * @ignore\n         */\n        as?: React.ElementType | keyof React.ReactHTML;\n        /**\n         * @ignore\n         */\n        focused?: boolean;\n      }\n    > {}\n\nexport interface LinkState {\n  focusedByTab: boolean;\n}\n\nexport const LinkDataTids = {\n  root: 'Link__root',\n} as const;\n\ntype DefaultProps = Required<Pick<LinkProps, 'href' | 'use' | 'as'>>;\ntype DefaultizedLinkProps = DefaultizedProps<LinkProps, DefaultProps>;\n\n/**\n * Элемент ссылки из HTML.\n */\n@rootNode\nexport class Link extends React.Component<LinkProps, LinkState> {\n  public static __KONTUR_REACT_UI__ = 'Link';\n\n  public static propTypes = {\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.node,\n\n    use: PropTypes.oneOf(['default', 'success', 'danger', 'grayed']),\n  };\n\n  public static defaultProps: DefaultProps = {\n    href: '',\n    use: 'default',\n    as: 'a',\n  };\n\n  private getProps = createPropsGetter(Link.defaultProps);\n\n  public state: LinkState = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\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.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n    const {\n      disabled,\n      href,\n      icon,\n      use,\n      loading,\n      _button,\n      _buttonOpened,\n      rel: relOrigin,\n      as: Component,\n      focused = false,\n      ...rest\n    } = props;\n    const _isTheme2022 = isTheme2022(this.theme);\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <span className={styles.icon(this.theme)}>{loading ? <Spinner caption={null} dimmed inline /> : icon}</span>\n      );\n    }\n\n    let arrow = null;\n    if (_button) {\n      arrow = <span className={styles.arrow()} />;\n    }\n\n    let rel = relOrigin;\n    if (typeof rel === 'undefined' && href) {\n      rel = `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\n    }\n\n    const isFocused = !disabled && (this.state.focusedByTab || focused);\n\n    const linkProps = {\n      className: cx(\n        styles.useRoot(),\n        use === 'default' && styles.useDefault(this.theme),\n        use === 'success' && styles.useSuccess(this.theme),\n        use === 'danger' && styles.useDanger(this.theme),\n        use === 'grayed' && styles.useGrayed(this.theme),\n        !!_button && styles.button(this.theme),\n        !!_buttonOpened && styles.buttonOpened(this.theme),\n        this.getLinkClassName(isFocused, Boolean(disabled || loading), _isTheme2022),\n      ),\n      href,\n      rel,\n      onClick: this.handleClick,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: disabled || loading ? -1 : this.props.tabIndex,\n    };\n\n    let child = this.props.children;\n    if (_isTheme2022) {\n      child = <span className={cx(globalClasses.text, styles.lineText(this.theme))}>{this.props.children}</span>;\n    }\n\n    return (\n      <Component data-tid={LinkDataTids.root} {...rest} {...linkProps}>\n        {iconElement}\n        {child}\n        {arrow}\n      </Component>\n    );\n  };\n\n  private handleFocus = () => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      requestAnimationFrame(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private handleBlur = () => {\n    this.setState({ focusedByTab: false });\n  };\n\n  private handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    const { onClick, disabled, loading } = this.props;\n    const href = this.getProps().href;\n    if (!href) {\n      event.preventDefault();\n    }\n    if (onClick && !disabled && !loading) {\n      onClick(event);\n    }\n  };\n\n  private getLinkClassName(focused: boolean, disabled: boolean, _isTheme2022: boolean): string {\n    const { use } = this.getProps();\n    const isBorderBottom = parseInt(this.theme.linkLineBorderBottomWidth) > 0;\n    const isFocused = focused && !disabled;\n\n    return !isBorderBottom\n      ? cx(\n          styles.root(this.theme),\n          isFocused && styles.focus(this.theme),\n          disabled && styles.disabled(this.theme),\n          use === 'grayed' && focused && styles.useGrayedFocus(this.theme),\n        )\n      : cx(\n          styles.lineRoot(),\n          disabled && styles.disabled(this.theme),\n          disabled && _isTheme2022 && isDarkTheme(this.theme) && styles.disabledDark22Theme(),\n          isFocused && use === 'default' && styles.lineFocus(this.theme),\n          isFocused && use === 'success' && styles.lineFocusSuccess(this.theme),\n          isFocused && use === 'danger' && styles.lineFocusDanger(this.theme),\n          isFocused && use === 'grayed' && styles.lineFocusGrayed(this.theme),\n        );\n  }\n}\n"]}

package/cjs/components/Link/Link.md

@@ -1,11 +1,88 @@
-```jsx harmony
-import { Gapped, Link } from '@skbkontur/react-ui';
-
-<Gapped>
-  <Link>Enabled</Link>
-  <Link use="success">Success</Link>
-  <Link use="danger">Danger</Link>
-  <Link use="grayed">Grayed</Link>
-  <Link disabled>Disabled</Link>
-</Gapped>;
-```
+Базовый пример ссылки.
+
+```jsx harmony
+<Link>Обычная ссылка</Link>
+```
+
+Ссылка может иметь различные стили, а также быть отключенной.
+
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+
+<Gapped gap={15}>
+  <Link>Обычная ссылка</Link>
+  <Link use="success">Успешная ссылка</Link>
+  <Link use="danger">Опасная ссылка</Link>
+  <Link use="grayed">Работающая ссылка серого цвета</Link>
+  <Link disabled>Отключенная ссылка</Link>
+</Gapped>;
+```
+
+Пример ссылки с иконкой.
+
+```jsx harmony
+import OkIcon from '@skbkontur/react-icons/Ok';
+
+<Link icon={<OkIcon />}>Ссылка с иконкой</Link>
+```
+
+Пример ссылок ведущих на внешние ресурсы.
+
+_Примечание_:
+
+Если в контрол `Link` передана ссылка, ведущая на внешний ресурс, контрол `Link` неявно добавит атрибут `rel` со значением необходимым для внешних ссылок, при этом не трогая атрибут `target`.
+
+Открытие ссылки в новой вкладке остаётся на усмотрение разработчика.
+
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+
+<Gapped>
+  <Link href="https://www.youtube.com/">
+    Откроется <span style={{ color: "#e3071c" }}>в этой</span> вкладке
+  </Link>
+  <Link target="_blank" href="https://www.youtube.com/">
+    Откроется <span style={{ color: "#3f9726" }}>в новой</span> вкладке
+  </Link>
+</Gapped>
+```
+
+Ссылка в состоянии загрузки.
+
+**Поведение**:
+
+Если у ссылки есть иконка, она заменяется на спиннер.
+
+```jsx harmony
+import { Gapped, Button } from '@skbkontur/react-ui';
+import OkIcon from '@skbkontur/react-icons/Ok';
+
+const [isLoading, setIsLoading] = React.useState(false);
+
+<Gapped vertical gap={15}>
+  <Button onClick={() => setIsLoading(!isLoading)}>{isLoading ? "Прекратить загрузку!" : "Начать загрузку!"}</Button>
+  <Gapped gap={20}>
+    <Link loading={isLoading} icon={<OkIcon/>}>С иконкой</Link>
+    <Link loading={isLoading}>Без иконки</Link>
+  </Gapped>
+</Gapped>
+```
+
+Ссылка может иметь кастомное действие при нажатии.
+
+```jsx harmony
+import { Toast } from '@skbkontur/react-ui';
+
+<Link onClick={() => Toast.push("Ты нажал на ссылку!")}>Ссылка с кастомным действием</Link>
+```
+
+Пример ссылки с пропом `theme`
+
+```jsx harmony
+import { Link, Gapped } from '@skbkontur/react-ui';
+
+<Gapped>
+  <Link theme={{linkColor: '#C00000'}}>Ok</Link>
+  <Link>Ok</Link>
+</Gapped>
+```

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

@@ -1,3 +1,4 @@
-export declare const linkMixin: () => string;
+export declare const linkMixin: (hoverTextDecoration: string) => string;
 export declare const linkDisabledMixin: () => string;
 export declare const linkUseColorsMixin: (mainColor: string, hoverColor: string, activeColor: string) => string;
+export declare const linkUseLineWithoutOpacity: () => string;

package/cjs/components/Link/Link.mixins.js

@@ -1,17 +1,18 @@
-"use strict";exports.__esModule = true;exports.linkUseColorsMixin = exports.linkDisabledMixin = exports.linkMixin = void 0;var linkMixin = function linkMixin() {
-  return "\n    border-radius: 1px;\n    outline: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  ";
-
+"use strict";exports.__esModule = true;exports.linkUseLineWithoutOpacity = exports.linkUseColorsMixin = exports.linkMixin = exports.linkDisabledMixin = void 0;var linkMixin = function linkMixin(hoverTextDecoration) {
+  return "\n    border-radius: 1px;\n    outline: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: " +
 
 
 
 
 
+  hoverTextDecoration + ";\n    }\n  ";
 
 
 };exports.linkMixin = linkMixin;
 
 var linkDisabledMixin = function linkDisabledMixin() {
-  return "\n    box-shadow: none;\n    cursor: default;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: none;\n    }\n  ";
+  return "\n    box-shadow: none;\n    cursor: default;\n    pointer-events: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: none;\n    }\n  ";
+
 
 
 
@@ -34,4 +35,10 @@ var linkUseColorsMixin = function linkUseColorsMixin(mainColor, hoverColor, acti
   activeColor + ";\n    }\n  ";
 
 
-};exports.linkUseColorsMixin = linkUseColorsMixin;
+};exports.linkUseColorsMixin = linkUseColorsMixin;
+
+var linkUseLineWithoutOpacity = function linkUseLineWithoutOpacity() {
+  return "\n    animation: none !important;\n  ";
+
+
+};exports.linkUseLineWithoutOpacity = linkUseLineWithoutOpacity;

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

@@ -1 +1 @@
-{"version":3,"sources":["Link.mixins.ts"],"names":["linkMixin","linkDisabledMixin","linkUseColorsMixin","mainColor","hoverColor","activeColor"],"mappings":"2HAAO,IAAMA,SAAS,GAAG,SAAZA,SAAY,GAAM;AAC7B;;;;;;;;;AASD,CAVM,C;;AAYA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AACrC;;;;;;;;;AASD,CAVM,C;;AAYA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAoBC,UAApB,EAAwCC,WAAxC,EAAgE;AAChG;AACWF,EAAAA,SADX;;;AAIaC,EAAAA,UAJb;;;;AAQaC,EAAAA,WARb;;;AAWD,CAZM,C","sourcesContent":["export const linkMixin = () => {\r\n  return `\r\n    border-radius: 1px;\r\n    outline: none;\r\n    text-decoration: none;\r\n\r\n    &:hover {\r\n      text-decoration: underline;\r\n    }\r\n  `;\r\n};\r\n\r\nexport const linkDisabledMixin = () => {\r\n  return `\r\n    box-shadow: none;\r\n    cursor: default;\r\n    text-decoration: none;\r\n\r\n    &:hover {\r\n      text-decoration: none;\r\n    }\r\n  `;\r\n};\r\n\r\nexport const linkUseColorsMixin = (mainColor: string, hoverColor: string, activeColor: string) => {\r\n  return `\r\n    color: ${mainColor};\r\n\r\n    &:hover {\r\n      color: ${hoverColor};\r\n    }\r\n\r\n    &:active {\r\n      color: ${activeColor};\r\n    }\r\n  `;\r\n};\r\n"]}
+{"version":3,"sources":["Link.mixins.ts"],"names":["linkMixin","hoverTextDecoration","linkDisabledMixin","linkUseColorsMixin","mainColor","hoverColor","activeColor","linkUseLineWithoutOpacity"],"mappings":"+JAAO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,mBAAD,EAAiC;AACxD;;;;;;AAMuBA,EAAAA,mBANvB;;;AASD,CAVM,C;;AAYA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AACrC;;;;;;;;;;AAUD,CAXM,C;;AAaA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAoBC,UAApB,EAAwCC,WAAxC,EAAgE;AAChG;AACWF,EAAAA,SADX;;;AAIaC,EAAAA,UAJb;;;;AAQaC,EAAAA,WARb;;;AAWD,CAZM,C;;AAcA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,GAAM;AAC7C;;;AAGD,CAJM,C","sourcesContent":["export const linkMixin = (hoverTextDecoration: string) => {\n  return `\n    border-radius: 1px;\n    outline: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: ${hoverTextDecoration};\n    }\n  `;\n};\n\nexport const linkDisabledMixin = () => {\n  return `\n    box-shadow: none;\n    cursor: default;\n    pointer-events: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: none;\n    }\n  `;\n};\n\nexport const linkUseColorsMixin = (mainColor: string, hoverColor: string, activeColor: string) => {\n  return `\n    color: ${mainColor};\n\n    &:hover {\n      color: ${hoverColor};\n    }\n\n    &:active {\n      color: ${activeColor};\n    }\n  `;\n};\n\nexport const linkUseLineWithoutOpacity = () => {\n  return `\n    animation: none !important;\n  `;\n};\n"]}

package/cjs/components/Link/Link.styles.d.ts

@@ -1,13 +1,26 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    button(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    buttonOpened(): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    text: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    lineRoot(): string;
+    lineText(t: Theme): string;
+    lineFocus(t: Theme): string;
+    lineFocusSuccess(t: Theme): string;
+    lineFocusDanger(t: Theme): string;
+    lineFocusGrayed(t: Theme): string;
+    button(t: Theme): string;
+    buttonOpened(t: Theme): string;
     arrow(): string;
-    useDefault(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    useSuccess(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    useDanger(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    useGrayed(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    focus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    icon(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    useRoot(): string;
+    useDefault(t: Theme): string;
+    useSuccess(t: Theme): string;
+    useDanger(t: Theme): string;
+    useGrayed(t: Theme): string;
+    useGrayedFocus(t: Theme): string;
+    focus(t: Theme): string;
+    disabled(t: Theme): string;
+    disabledDark22Theme(): string;
+    icon(t: Theme): string;
 };

package/cjs/components/Link/Link.styles.js

@@ -1,17 +1,85 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
 
-var _Link = require("./Link.mixins");function _templateObject11() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-right: ", ";\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      ", "& {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        text-decoration: ", ";\n      }\n      ", "& {\n        color: ", ";\n      }\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: #e1e1e1;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+var _Link = require("./Link.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
 
-var styles = {
+var globalClasses = (0, _Emotion.prefix)('link')({
+  text: 'text' });exports.globalClasses = globalClasses;
+
+
+var line = (0, _Emotion.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n  0% {\n    border-bottom-color: inherit;\n  }\n  100% {\n    border-bottom-color: transparent;\n  }\n"])));
+
+
+
+
+
+
+
+
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject(),
-    (0, _Link.linkMixin)());
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      position: relative;\n    "])),
+    (0, _Link.linkMixin)(t.linkHoverTextDecoration));
+
+
+  },
+
+  lineRoot: function lineRoot() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: 1px;\n      outline: none;\n      text-decoration: none;\n    "])));
+
+
+
+
+  },
+
+  lineText: function lineText(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-bottom-style: ", ";\n      border-bottom-width: ", ";\n      animation: ", " 1s linear !important; // override creevey\n      animation-play-state: paused !important;\n      animation-delay: -0.5s !important;\n    "])),
+    t.linkLineBorderBottomStyle,
+    t.linkLineBorderBottomWidth,
+    line);
+
+
+
+  },
+
+  lineFocus: function lineFocus(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      .", " {\n        ", "\n      }\n    "])),
+    t.linkHoverColor,
+    globalClasses.text,
+    (0, _Link.linkUseLineWithoutOpacity)());
+
+
+  },
+
+  lineFocusSuccess: function lineFocusSuccess(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n      .", " {\n        ", "\n      }\n    "])),
+    t.linkSuccessHoverColor,
+    globalClasses.text,
+    (0, _Link.linkUseLineWithoutOpacity)());
+
+
+  },
+
+  lineFocusDanger: function lineFocusDanger(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n      .", " {\n        ", "\n      }\n    "])),
+    t.linkDangerHoverColor,
+    globalClasses.text,
+    (0, _Link.linkUseLineWithoutOpacity)());
+
+
+  },
+
+  lineFocusGrayed: function lineFocusGrayed(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n      .", " {\n        ", "\n      }\n    "])),
+    t.linkGrayedHoverColor,
+    globalClasses.text,
+    (0, _Link.linkUseLineWithoutOpacity)());
+
 
   },
 
   button: function button(t) {
-    return (0, _Emotion.css)(_templateObject2(),
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])),
 
     t.linkButtonLineHeight,
     t.linkButtonPaddingX,
@@ -19,14 +87,14 @@ var styles = {
 
   },
 
-  buttonOpened: function buttonOpened() {
-    return (0, _Emotion.css)(_templateObject3());
-
+  buttonOpened: function buttonOpened(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
+    t.btnDefaultActiveBg);
 
   },
 
   arrow: function arrow() {
-    return (0, _Emotion.css)(_templateObject4());
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    "])));
 
 
 
@@ -37,61 +105,90 @@ var styles = {
 
   },
 
+  useRoot: function useRoot() {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-bottom-color: currentColor;\n    "])));
+
+
+  },
   useDefault: function useDefault(t) {
-    return (0, _Emotion.css)(_templateObject5(),
-    (0, _Link.linkUseColorsMixin)(t.linkColor, t.linkHoverColor, t.linkActiveColor));
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
+    (0, _Link.linkUseColorsMixin)(t.linkColor, t.linkHoverColor, t.linkActiveColor),
+    globalClasses.text,
+
+    (0, _Link.linkUseLineWithoutOpacity)());
+
+
 
   },
 
   useSuccess: function useSuccess(t) {
-    return (0, _Emotion.css)(_templateObject6(),
-    (0, _Link.linkUseColorsMixin)(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
+    (0, _Link.linkUseColorsMixin)(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor),
+    globalClasses.text,
+
+    (0, _Link.linkUseLineWithoutOpacity)());
+
+
 
   },
 
   useDanger: function useDanger(t) {
-    return (0, _Emotion.css)(_templateObject7(),
-    (0, _Link.linkUseColorsMixin)(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
+    (0, _Link.linkUseColorsMixin)(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor),
+    globalClasses.text,
+
+    (0, _Link.linkUseLineWithoutOpacity)());
+
+
 
   },
 
   useGrayed: function useGrayed(t) {
-    return (0, _Emotion.css)(_templateObject8(),
-    (0, _Link.linkUseColorsMixin)(t.linkDisabledColor, t.linkDisabledColor, t.linkDisabledColor));
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
+    (0, _Link.linkUseColorsMixin)(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor),
+    globalClasses.text,
 
-  },
+    (0, _Link.linkUseLineWithoutOpacity)());
 
-  focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject9(),
-    (0, _Emotion.cssName)(styles.root(t)),
-    t.linkHoverTextDecoration,
 
-    (0, _Emotion.cssName)(styles.useGrayed(t)),
+
+  },
+
+  useGrayedFocus: function useGrayedFocus(t) {
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.linkDisabledColor);
 
+  },
+
+  focus: function focus(t) {
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
+    t.linkHoverTextDecoration);
 
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject10(),
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      color: ", " !important; // override root color\n\n      &:hover {\n        color: ", ";\n      }\n    "])),
     (0, _Link.linkDisabledMixin)(),
 
-    (0, _Emotion.cssName)(styles.root(t)),
     t.linkDisabledColor,
 
 
     t.linkDisabledColor);
 
 
+  },
+
+  disabledDark22Theme: function disabledDark22Theme() {
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      .", " {\n        ", "\n      }\n    "])),
+    globalClasses.text,
+    (0, _Link.linkUseLineWithoutOpacity)());
+
 
   },
 
   icon: function icon(t) {
-    return (0, _Emotion.css)(_templateObject11(),
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-right: ", ";\n    "])),
 
     t.linkIconMarginRight);
 
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

package/cjs/components/Link/Link.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Link.styles.ts"],"names":["styles","root","t","css","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","arrow","useDefault","linkColor","linkHoverColor","linkActiveColor","useSuccess","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","useDanger","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","useGrayed","linkDisabledColor","focus","linkHoverTextDecoration","disabled","icon","linkIconMarginRight","jsStyles"],"mappings":"8QAAA;;;AAGA,qC;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACI,0BADJ;;AAGD,GALY;;AAObC,EAAAA,MAPa,kBAONF,CAPM,EAOI;AACf,eAAOC,YAAP;;AAEiBD,IAAAA,CAAC,CAACG,oBAFnB;AAGkBH,IAAAA,CAAC,CAACI,kBAHpB;AAImBJ,IAAAA,CAAC,CAACI,kBAJrB;;AAMD,GAdY;;AAgBbC,EAAAA,YAhBa,0BAgBE;AACb,eAAOJ,YAAP;;;AAGD,GApBY;;AAsBbK,EAAAA,KAtBa,mBAsBL;AACN,eAAOL,YAAP;;;;;;;;;AASD,GAhCY;;AAkCbM,EAAAA,UAlCa,sBAkCFP,CAlCE,EAkCQ;AACnB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACQ,SAArB,EAAgCR,CAAC,CAACS,cAAlC,EAAkDT,CAAC,CAACU,eAApD,CADJ;;AAGD,GAtCY;;AAwCbC,EAAAA,UAxCa,sBAwCFX,CAxCE,EAwCQ;AACnB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACY,gBAArB,EAAuCZ,CAAC,CAACa,qBAAzC,EAAgEb,CAAC,CAACc,sBAAlE,CADJ;;AAGD,GA5CY;;AA8CbC,EAAAA,SA9Ca,qBA8CHf,CA9CG,EA8CO;AAClB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACgB,eAArB,EAAsChB,CAAC,CAACiB,oBAAxC,EAA8DjB,CAAC,CAACkB,qBAAhE,CADJ;;AAGD,GAlDY;;AAoDbC,EAAAA,SApDa,qBAoDHnB,CApDG,EAoDO;AAClB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACoB,iBAArB,EAAwCpB,CAAC,CAACoB,iBAA1C,EAA6DpB,CAAC,CAACoB,iBAA/D,CADJ;;AAGD,GAxDY;;AA0DbC,EAAAA,KA1Da,iBA0DPrB,CA1DO,EA0DG;AACd,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAR,CADJ;AAEuBA,IAAAA,CAAC,CAACsB,uBAFzB;;AAII,0BAAQxB,MAAM,CAACqB,SAAP,CAAiBnB,CAAjB,CAAR,CAJJ;AAKaA,IAAAA,CAAC,CAACoB,iBALf;;;AAQD,GAnEY;;AAqEbG,EAAAA,QArEa,oBAqEJvB,CArEI,EAqEM;AACjB,eAAOC,YAAP;AACI,kCADJ;;AAGI,0BAAQH,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAR,CAHJ;AAIaA,IAAAA,CAAC,CAACoB,iBAJf;;;AAOepB,IAAAA,CAAC,CAACoB,iBAPjB;;;;AAWD,GAjFY;;AAmFbI,EAAAA,IAnFa,gBAmFRxB,CAnFQ,EAmFE;AACb,eAAOC,YAAP;;AAEkBD,IAAAA,CAAC,CAACyB,mBAFpB;;AAID,GAxFY,EAAf;;;AA2FO,IAAMC,QAAQ,GAAG,2BAAa5B,MAAb,CAAjB,C","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { linkMixin, linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      ${linkMixin()};\r\n    `;\r\n  },\r\n\r\n  button(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      line-height: ${t.linkButtonLineHeight};\r\n      padding-left: ${t.linkButtonPaddingX};\r\n      padding-right: ${t.linkButtonPaddingX};\r\n    `;\r\n  },\r\n\r\n  buttonOpened() {\r\n    return css`\r\n      background: #e1e1e1;\r\n    `;\r\n  },\r\n\r\n  arrow() {\r\n    return css`\r\n      border: 4px solid transparent;\r\n      border-bottom-width: 0;\r\n      border-top-color: #a0a0a0;\r\n      display: inline-block;\r\n      margin-bottom: 3px;\r\n      margin-left: 3px;\r\n      vertical-align: middle;\r\n    `;\r\n  },\r\n\r\n  useDefault(t: Theme) {\r\n    return css`\r\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\r\n    `;\r\n  },\r\n\r\n  useSuccess(t: Theme) {\r\n    return css`\r\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\r\n    `;\r\n  },\r\n\r\n  useDanger(t: Theme) {\r\n    return css`\r\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\r\n    `;\r\n  },\r\n\r\n  useGrayed(t: Theme) {\r\n    return css`\r\n      ${linkUseColorsMixin(t.linkDisabledColor, t.linkDisabledColor, t.linkDisabledColor)};\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        text-decoration: ${t.linkHoverTextDecoration};\r\n      }\r\n      ${cssName(styles.useGrayed(t))}& {\r\n        color: ${t.linkDisabledColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      ${linkDisabledMixin()};\r\n\r\n      ${cssName(styles.root(t))}& {\r\n        color: ${t.linkDisabledColor};\r\n\r\n        &:hover {\r\n          color: ${t.linkDisabledColor};\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  icon(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      margin-right: ${t.linkIconMarginRight};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Link.styles.ts"],"names":["globalClasses","text","line","keyframes","styles","root","t","css","linkHoverTextDecoration","lineRoot","lineText","linkLineBorderBottomStyle","linkLineBorderBottomWidth","lineFocus","linkHoverColor","lineFocusSuccess","linkSuccessHoverColor","lineFocusDanger","linkDangerHoverColor","lineFocusGrayed","linkGrayedHoverColor","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","btnDefaultActiveBg","arrow","useRoot","useDefault","linkColor","linkActiveColor","useSuccess","linkSuccessColor","linkSuccessActiveColor","useDanger","linkDangerColor","linkDangerActiveColor","useGrayed","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","linkDisabledColor","focus","disabled","disabledDark22Theme","icon","linkIconMarginRight"],"mappings":"oSAAA;;;AAGA,qC;;AAEO,IAAMA,aAAa,GAAG,qBAAO,MAAP,EAAe;AAC1CC,EAAAA,IAAI,EAAE,MADoC,EAAf,CAAtB,C;;;AAIP,IAAMC,IAAI,OAAGC,kBAAH,iMAAV;;;;;;;;;AASO,IAAMC,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACI,yBAAUD,CAAC,CAACE,uBAAZ,CADJ;;;AAID,GANgC;;AAQjCC,EAAAA,QARiC,sBAQtB;AACT,eAAOF,YAAP;;;;;AAKD,GAdgC;;AAgBjCG,EAAAA,QAhBiC,oBAgBxBJ,CAhBwB,EAgBd;AACjB,eAAOC,YAAP;AACyBD,IAAAA,CAAC,CAACK,yBAD3B;AAEyBL,IAAAA,CAAC,CAACM,yBAF3B;AAGeV,IAAAA,IAHf;;;;AAOD,GAxBgC;;AA0BjCW,EAAAA,SA1BiC,qBA0BvBP,CA1BuB,EA0Bb;AAClB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACQ,cADb;AAEKd,IAAAA,aAAa,CAACC,IAFnB;AAGM,0CAHN;;;AAMD,GAjCgC;;AAmCjCc,EAAAA,gBAnCiC,4BAmChBT,CAnCgB,EAmCN;AACzB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACU,qBADb;AAEKhB,IAAAA,aAAa,CAACC,IAFnB;AAGM,0CAHN;;;AAMD,GA1CgC;;AA4CjCgB,EAAAA,eA5CiC,2BA4CjBX,CA5CiB,EA4CP;AACxB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACY,oBADb;AAEKlB,IAAAA,aAAa,CAACC,IAFnB;AAGM,0CAHN;;;AAMD,GAnDgC;;AAqDjCkB,EAAAA,eArDiC,2BAqDjBb,CArDiB,EAqDP;AACxB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACc,oBADb;AAEKpB,IAAAA,aAAa,CAACC,IAFnB;AAGM,0CAHN;;;AAMD,GA5DgC;;AA8DjCoB,EAAAA,MA9DiC,kBA8D1Bf,CA9D0B,EA8DhB;AACf,eAAOC,YAAP;;AAEiBD,IAAAA,CAAC,CAACgB,oBAFnB;AAGkBhB,IAAAA,CAAC,CAACiB,kBAHpB;AAImBjB,IAAAA,CAAC,CAACiB,kBAJrB;;AAMD,GArEgC;;AAuEjCC,EAAAA,YAvEiC,wBAuEpBlB,CAvEoB,EAuEV;AACrB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACmB,kBADlB;;AAGD,GA3EgC;;AA6EjCC,EAAAA,KA7EiC,mBA6EzB;AACN,eAAOnB,YAAP;;;;;;;;;AASD,GAvFgC;;AAyFjCoB,EAAAA,OAzFiC,qBAyFvB;AACR,eAAOpB,YAAP;;;AAGD,GA7FgC;AA8FjCqB,EAAAA,UA9FiC,sBA8FtBtB,CA9FsB,EA8FZ;AACnB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACuB,SAArB,EAAgCvB,CAAC,CAACQ,cAAlC,EAAkDR,CAAC,CAACwB,eAApD,CADJ;AAEK9B,IAAAA,aAAa,CAACC,IAFnB;;AAIQ,0CAJR;;;;AAQD,GAvGgC;;AAyGjC8B,EAAAA,UAzGiC,sBAyGtBzB,CAzGsB,EAyGZ;AACnB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAAC0B,gBAArB,EAAuC1B,CAAC,CAACU,qBAAzC,EAAgEV,CAAC,CAAC2B,sBAAlE,CADJ;AAEKjC,IAAAA,aAAa,CAACC,IAFnB;;AAIQ,0CAJR;;;;AAQD,GAlHgC;;AAoHjCiC,EAAAA,SApHiC,qBAoHvB5B,CApHuB,EAoHb;AAClB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAAC6B,eAArB,EAAsC7B,CAAC,CAACY,oBAAxC,EAA8DZ,CAAC,CAAC8B,qBAAhE,CADJ;AAEKpC,IAAAA,aAAa,CAACC,IAFnB;;AAIQ,0CAJR;;;;AAQD,GA7HgC;;AA+HjCoC,EAAAA,SA/HiC,qBA+HvB/B,CA/HuB,EA+Hb;AAClB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACgC,eAArB,EAAsChC,CAAC,CAACc,oBAAxC,EAA8Dd,CAAC,CAACiC,qBAAhE,CADJ;AAEKvC,IAAAA,aAAa,CAACC,IAFnB;;AAIQ,0CAJR;;;;AAQD,GAxIgC;;AA0IjCuC,EAAAA,cA1IiC,0BA0IlBlC,CA1IkB,EA0IR;AACvB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACmC,iBADb;;AAGD,GA9IgC;;AAgJjCC,EAAAA,KAhJiC,iBAgJ3BpC,CAhJ2B,EAgJjB;AACd,eAAOC,YAAP;AACqBD,IAAAA,CAAC,CAACE,uBADvB;;AAGD,GApJgC;;AAsJjCmC,EAAAA,QAtJiC,oBAsJxBrC,CAtJwB,EAsJd;AACjB,eAAOC,YAAP;AACI,kCADJ;;AAGWD,IAAAA,CAAC,CAACmC,iBAHb;;;AAManC,IAAAA,CAAC,CAACmC,iBANf;;;AASD,GAhKgC;;AAkKjCG,EAAAA,mBAlKiC,iCAkKX;AACpB,eAAOrC,YAAP;AACKP,IAAAA,aAAa,CAACC,IADnB;AAEM,0CAFN;;;AAKD,GAxKgC;;AA0KjC4C,EAAAA,IA1KiC,gBA0K5BvC,CA1K4B,EA0KlB;AACb,eAAOC,YAAP;;AAEkBD,IAAAA,CAAC,CAACwC,mBAFpB;;AAID,GA/KgC,EAAb,CAAf,C","sourcesContent":["import { css, keyframes, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { linkMixin, linkDisabledMixin, linkUseColorsMixin, linkUseLineWithoutOpacity } from './Link.mixins';\n\nexport const globalClasses = prefix('link')({\n  text: 'text',\n});\n\nconst line = keyframes`\n  0% {\n    border-bottom-color: inherit;\n  }\n  100% {\n    border-bottom-color: transparent;\n  }\n`;\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${linkMixin(t.linkHoverTextDecoration)};\n      position: relative;\n    `;\n  },\n\n  lineRoot() {\n    return css`\n      border-radius: 1px;\n      outline: none;\n      text-decoration: none;\n    `;\n  },\n\n  lineText(t: Theme) {\n    return css`\n      border-bottom-style: ${t.linkLineBorderBottomStyle};\n      border-bottom-width: ${t.linkLineBorderBottomWidth};\n      animation: ${line} 1s linear !important; // override creevey\n      animation-play-state: paused !important;\n      animation-delay: -0.5s !important;\n    `;\n  },\n\n  lineFocus(t: Theme) {\n    return css`\n      color: ${t.linkHoverColor};\n      .${globalClasses.text} {\n        ${linkUseLineWithoutOpacity()}\n      }\n    `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return css`\n      color: ${t.linkSuccessHoverColor} !important;\n      .${globalClasses.text} {\n        ${linkUseLineWithoutOpacity()}\n      }\n    `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return css`\n      color: ${t.linkDangerHoverColor} !important;\n      .${globalClasses.text} {\n        ${linkUseLineWithoutOpacity()}\n      }\n    `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return css`\n      color: ${t.linkGrayedHoverColor} !important;\n      .${globalClasses.text} {\n        ${linkUseLineWithoutOpacity()}\n      }\n    `;\n  },\n\n  button(t: Theme) {\n    return css`\n      display: inline-block;\n      line-height: ${t.linkButtonLineHeight};\n      padding-left: ${t.linkButtonPaddingX};\n      padding-right: ${t.linkButtonPaddingX};\n    `;\n  },\n\n  buttonOpened(t: Theme) {\n    return css`\n      background: ${t.btnDefaultActiveBg};\n    `;\n  },\n\n  arrow() {\n    return css`\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    `;\n  },\n\n  useRoot() {\n    return css`\n      border-bottom-color: currentColor;\n    `;\n  },\n  useDefault(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n      .${globalClasses.text} {\n        :hover {\n          ${linkUseLineWithoutOpacity()}\n        }\n      }\n    `;\n  },\n\n  useSuccess(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n      .${globalClasses.text} {\n        :hover {\n          ${linkUseLineWithoutOpacity()}\n        }\n      }\n    `;\n  },\n\n  useDanger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n      .${globalClasses.text} {\n        :hover {\n          ${linkUseLineWithoutOpacity()}\n        }\n      }\n    `;\n  },\n\n  useGrayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n      .${globalClasses.text} {\n        :hover {\n          ${linkUseLineWithoutOpacity()}\n        }\n      }\n    `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      text-decoration: ${t.linkHoverTextDecoration};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      ${linkDisabledMixin()};\n\n      color: ${t.linkDisabledColor} !important; // override root color\n\n      &:hover {\n        color: ${t.linkDisabledColor};\n      }\n    `;\n  },\n\n  disabledDark22Theme() {\n    return css`\n      .${globalClasses.text} {\n        ${linkUseLineWithoutOpacity()}\n      }\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n});\n"]}

package/cjs/components/Link/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _Link = require("./Link");Object.keys(_Link).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _Link[key];});
+"use strict";exports.__esModule = true;var _Link = require("./Link");Object.keys(_Link).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Link[key]) return;exports[key] = _Link[key];});

package/cjs/components/Link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Link';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Link';\n"]}