@skbkontur/react-ui 0.0.0-0b8a8f7a39 → 0.0.0-151f385a39

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

@@ -1 +1 @@
-{"version":3,"sources":["Link.tsx"],"names":["React","PropTypes","cn","tabListener","ThemeContext","isExternalLink","Spinner","CommonWrapper","jsStyles","Link","state","focusedByTab","theme","renderMain","props","disabled","href","icon","use","loading","_button","_buttonOpened","relOrigin","rel","rest","iconElement","arrow","linkProps","className","root","button","buttonOpened","focus","useDefault","useSuccess","useDanger","useGrayed","onClick","_handleClick","onFocus","_handleFocus","onBlur","_handleBlur","tabIndex","children","event","process","nextTick","isTabPressed","setState","preventDefault","render","Component","__KONTUR_REACT_UI__","propTypes","bool","string","oneOfType","node","oneOf","defaultProps"],"mappings":"oOAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;;AAGA,SAASC,WAAT,QAA4B,8BAA5B;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,cAAT,QAA+B,iBAA/B;AACA,SAASC,OAAT,QAAwB,YAAxB;AACA,SAASC,aAAT,QAAmE,8BAAnE;;AAEA,SAASC,QAAT,QAAyB,eAAzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;AACA;AACA;AACA;AACA;AACA;AACA,WAAaC,IAAb;;;;;;;;;;;;;;;;;;AAkBSC,IAAAA,KAlBT,GAkBiB;AACbC,MAAAA,YAAY,EAAE,KADD,EAlBjB;;;AAsBUC,IAAAA,KAtBV;;;;;;;;;;;;AAkCUC,IAAAA,UAlCV,GAkCuB,UAACC,KAAD,EAA8C;AACzDC,MAAAA,QADyD,GAC+BD,KAD/B,CACzDC,QADyD,CAC/CC,IAD+C,GAC+BF,KAD/B,CAC/CE,IAD+C,CACzCC,IADyC,GAC+BH,KAD/B,CACzCG,IADyC,CACnCC,GADmC,GAC+BJ,KAD/B,CACnCI,GADmC,CAC9BC,OAD8B,GAC+BL,KAD/B,CAC9BK,OAD8B,CACrBC,OADqB,GAC+BN,KAD/B,CACrBM,OADqB,CACZC,aADY,GAC+BP,KAD/B,CACZO,aADY,CACQC,SADR,GAC+BR,KAD/B,CACGS,GADH,CACsBC,IADtB,iCAC+BV,KAD/B;;AAGjE,UAAIW,WAAW,GAAG,IAAlB;AACA,UAAIR,IAAJ,EAAU;AACRQ,QAAAA,WAAW;AACT,sCAAM,SAAS,EAAEjB,QAAQ,CAACS,IAAT,CAAc,MAAKL,KAAnB,CAAjB;AACGO,QAAAA,OAAO,gBAAG,oBAAC,OAAD,IAAS,OAAO,EAAE,IAAlB,EAAwB,MAAM,MAA9B,EAA+B,IAAI,EAAC,MAApC,GAAH,GAAmDF,IAD7D,CADF;;;AAKD;;AAED,UAAIS,KAAK,GAAG,IAAZ;AACA,UAAIN,OAAJ,EAAa;AACXM,QAAAA,KAAK,gBAAG,8BAAM,SAAS,EAAElB,QAAQ,CAACkB,KAAT,EAAjB,GAAR;AACD;;AAED,UAAIH,GAAG,GAAGD,SAAV;AACA,UAAI,OAAOC,GAAP,KAAe,WAAf,IAA8BP,IAAlC,EAAwC;AACtCO,QAAAA,GAAG,iBAAclB,cAAc,CAACW,IAAD,CAAd,GAAuB,aAAvB,GAAuC,EAArD,CAAH;AACD;;AAED,UAAMW,SAAS,GAAG;AAChBC,QAAAA,SAAS,EAAE1B,EAAE;AACVM,QAAAA,QAAQ,CAACqB,IAAT,CAAc,MAAKjB,KAAnB,CADU,IACkB,IADlB;AAEVJ,QAAAA,QAAQ,CAACO,QAAT,CAAkB,MAAKH,KAAvB,CAFU,IAEsB,CAAC,CAACG,QAAF,IAAc,CAAC,CAACI,OAFtC;AAGVX,QAAAA,QAAQ,CAACsB,MAAT,CAAgB,MAAKlB,KAArB,CAHU,IAGoB,CAAC,CAACQ,OAHtB;AAIVZ,QAAAA,QAAQ,CAACuB,YAAT,EAJU,IAIgB,CAAC,CAACV,aAJlB;AAKVb,QAAAA,QAAQ,CAACwB,KAAT,CAAe,MAAKpB,KAApB,CALU,IAKmB,CAACG,QAAD,IAAa,MAAKL,KAAL,CAAWC,YAL3C;AAMVH,QAAAA,QAAQ,CAACyB,UAAT,CAAoB,MAAKrB,KAAzB,CANU,IAMwBM,GAAG,KAAK,SANhC;AAOVV,QAAAA,QAAQ,CAAC0B,UAAT,CAAoB,MAAKtB,KAAzB,CAPU,IAOwBM,GAAG,KAAK,SAPhC;AAQVV,QAAAA,QAAQ,CAAC2B,SAAT,CAAmB,MAAKvB,KAAxB,CARU,IAQuBM,GAAG,KAAK,QAR/B;AASVV,QAAAA,QAAQ,CAAC4B,SAAT,CAAmB,MAAKxB,KAAxB,CATU,IASuBM,GAAG,KAAK,QAT/B,OADG;;AAYhBF,QAAAA,IAAI,EAAJA,IAZgB;AAahBO,QAAAA,GAAG,EAAHA,GAbgB;AAchBc,QAAAA,OAAO,EAAE,MAAKC,YAdE;AAehBC,QAAAA,OAAO,EAAE,MAAKC,YAfE;AAgBhBC,QAAAA,MAAM,EAAE,MAAKC,WAhBG;AAiBhBC,QAAAA,QAAQ,EAAE,MAAK7B,KAAL,CAAW6B,QAjBL,EAAlB;;AAmBA,UAAI5B,QAAJ,EAAc;AACZD,QAAAA,KAAK,CAAC6B,QAAN,GAAiB,CAAC,CAAlB;AACD;;AAED;AACE,8CAAOnB,IAAP,EAAiBG,SAAjB;AACGF,QAAAA,WADH;AAEG,cAAKX,KAAL,CAAW8B,QAFd;AAGGlB,QAAAA,KAHH,CADF;;;AAOD,KAtFH;;AAwFUc,IAAAA,YAxFV,GAwFyB,UAACK,KAAD,EAAgD;AACrE,UAAI,CAAC,MAAK/B,KAAL,CAAWC,QAAhB,EAA0B;AACxB;AACA;AACA+B,QAAAA,OAAO,CAACC,QAAR,CAAiB,YAAM;AACrB,cAAI5C,WAAW,CAAC6C,YAAhB,EAA8B;AAC5B,kBAAKC,QAAL,CAAc,EAAEtC,YAAY,EAAE,IAAhB,EAAd;AACD;AACF,SAJD;AAKD;AACF,KAlGH;;AAoGU+B,IAAAA,WApGV,GAoGwB,YAAM;AAC1B,YAAKO,QAAL,CAAc,EAAEtC,YAAY,EAAE,KAAhB,EAAd;AACD,KAtGH;;AAwGU2B,IAAAA,YAxGV,GAwGyB,UAACO,KAAD,EAAgD;AACjC,YAAK/B,KAD4B,CAC7DE,IAD6D,eAC7DA,IAD6D,CACvDqB,OADuD,eACvDA,OADuD,CAC9CtB,QAD8C,eAC9CA,QAD8C;AAErE,UAAI,CAACC,IAAL,EAAW;AACT6B,QAAAA,KAAK,CAACK,cAAN;AACD;AACD,UAAIb,OAAO,IAAI,CAACtB,QAAhB,EAA0B;AACxBsB,QAAAA,OAAO,CAACQ,KAAD,CAAP;AACD;AACF,KAhHH,kDAuBSM,MAvBT,GAuBE,kBAA6B,mBAC3B,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAAAvC,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBAAO,oBAAC,aAAD,EAAmB,MAAI,CAACE,KAAxB,EAAgC,MAAI,CAACD,UAArC,CAAP,CACD,CAJH,CADF,CAQD,CAhCH,eAA0Bb,KAAK,CAACoD,SAAhC,EAAa3C,I,CACG4C,mB,GAAsB,M,CADzB5C,I,CAGG6C,S,GAAY,EACxBvC,QAAQ,EAAEd,SAAS,CAACsD,IADI,EAGxBvC,IAAI,EAAEf,SAAS,CAACuD,MAHQ,EAKxBvC,IAAI,EAAEhB,SAAS,CAACwD,SAAV,CAAoB,CAACxD,SAAS,CAACuD,MAAX,EAAmBvD,SAAS,CAACyD,IAA7B,CAApB,CALkB,EAOxBxC,GAAG,EAAEjB,SAAS,CAAC0D,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,QAAvB,EAAiC,QAAjC,CAAhB,CAPmB,E,CAHflD,I,CAaGmD,Y,GAAe,EAC3B5C,IAAI,EAAE,EADqB,EAE3BE,GAAG,EAAE,SAFsB,E","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\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\nimport { Spinner } from '../Spinner';\r\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Link.styles';\r\n\r\nexport interface LinkProps\r\n  extends CommonProps,\r\n    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        /** Состояние загрузки */\r\n        loading?: boolean;\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  public render(): JSX.Element {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<LinkProps>) => {\r\n    const { disabled, href, icon, use, loading, _button, _buttonOpened, rel: relOrigin, ...rest } = props;\r\n\r\n    let iconElement = null;\r\n    if (icon) {\r\n      iconElement = (\r\n        <span className={jsStyles.icon(this.theme)}>\r\n          {loading ? <Spinner caption={null} dimmed type=\"mini\" /> : icon}\r\n        </span>\r\n      );\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 linkProps = {\r\n      className: cn({\r\n        [jsStyles.root(this.theme)]: true,\r\n        [jsStyles.disabled(this.theme)]: !!disabled || !!loading,\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} {...linkProps}>\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":["React","PropTypes","keyListener","ThemeContext","isExternalLink","Spinner","CommonWrapper","cx","rootNode","styles","Link","state","focusedByTab","renderMain","props","disabled","href","icon","use","loading","_button","_buttonOpened","relOrigin","rel","rest","iconElement","theme","arrow","focused","linkProps","className","root","button","buttonOpened","useDefault","useSuccess","useDanger","useGrayed","useGrayedFocus","focus","onClick","_handleClick","onFocus","_handleFocus","onBlur","_handleBlur","tabIndex","children","event","requestAnimationFrame","isTabPressed","setState","preventDefault","render","setRootNode","Component","__KONTUR_REACT_UI__","propTypes","bool","string","oneOfType","node","oneOf","defaultProps"],"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 } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport { Spinner } from '../Spinner';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode/rootNodeDecorator';\n\nimport { 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\nexport interface LinkState {\n  focusedByTab: boolean;\n}\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.oneOfType([PropTypes.string, PropTypes.node]),\n\n    use: PropTypes.oneOf(['default', 'success', 'danger', 'grayed']),\n  };\n\n  public static defaultProps = {\n    href: '',\n    use: 'default',\n  };\n\n  public state = {\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 = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<LinkProps>) => {\n    const { disabled, href, icon, use, loading, _button, _buttonOpened, rel: relOrigin, ...rest } = props;\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 focused = !disabled && this.state.focusedByTab;\n\n    const linkProps = {\n      className: cx({\n        [styles.root(this.theme)]: true,\n        [styles.button(this.theme)]: !!_button,\n        [styles.buttonOpened(this.theme)]: !!_buttonOpened,\n        [styles.useDefault(this.theme)]: use === 'default',\n        [styles.useSuccess(this.theme)]: use === 'success',\n        [styles.useDanger(this.theme)]: use === 'danger',\n        [styles.useGrayed(this.theme)]: use === 'grayed',\n        [styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n        [styles.focus(this.theme)]: focused,\n        [styles.disabled(this.theme)]: !!disabled || !!loading,\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    return (\n      <a {...rest} {...linkProps}>\n        {iconElement}\n        {this.props.children}\n        {arrow}\n      </a>\n    );\n  };\n\n  private _handleFocus = (event: React.FocusEvent<HTMLAnchorElement>) => {\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 { href, onClick, disabled, loading } = this.props;\n    if (!href) {\n      event.preventDefault();\n    }\n    if (onClick && !disabled && !loading) {\n      onClick(event);\n    }\n  };\n}\n"]}

package/components/Link/Link.d.ts

@@ -3,20 +3,41 @@ import PropTypes from 'prop-types';
 import { Override } from '../../typings/utility-types';
 import { CommonProps } from '../../internal/CommonWrapper';
 export interface LinkProps extends CommonProps, Override<React.AnchorHTMLAttributes<HTMLAnchorElement>, {
-    /** Неактивное состояние */
+    /**
+     * Отключенное состояние.
+     */
     disabled?: boolean;
-    /** href */
+    /**
+     * HTML-атрибут `href`.
+     */
     href?: string;
-    /** Иконка */
+    /**
+     * Добавляет ссылке иконку.
+     */
     icon?: React.ReactElement<any>;
-    /** Тип */
+    /**
+     * Тема ссылки.
+     */
     use?: 'default' | 'success' | 'danger' | 'grayed';
+    /**
+     * @ignore
+     */
     _button?: boolean;
+    /**
+     * @ignore
+     */
     _buttonOpened?: boolean;
+    /**
+     * HTML-атрибут `tabindex`.
+     */
     tabIndex?: number;
-    /** Состояние загрузки */
+    /**
+     * Переводит ссылку в состояние загрузки.
+     */
     loading?: boolean;
-    /** onClick */
+    /**
+     * HTML-событие `onclick`.
+     */
     onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
 }> {
 }
@@ -24,10 +45,7 @@ export interface LinkState {
     focusedByTab: boolean;
 }
 /**
- * Стандартная ссылка.
- * Интерфес пропсов наследуется от `React.AnchorHTMLAttributes<HTMLAnchorElement>`.
- * Все свойства передаются в элемент `<a>`.
- * `className` и `style` не поддерживаются
+ * Элемент ссылки из HTML.
  */
 export declare class Link extends React.Component<LinkProps, LinkState> {
     static __KONTUR_REACT_UI__: string;
@@ -45,6 +63,7 @@ export declare class Link extends React.Component<LinkProps, LinkState> {
         focusedByTab: boolean;
     };
     private theme;
+    private setRootNode;
     render(): JSX.Element;
     private renderMain;
     private _handleFocus;

package/components/Link/Link.md

@@ -1,11 +1,77 @@
-```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>
+```

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

@@ -2,7 +2,7 @@ export 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  ";
 };
 export 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  ";
 };
 export var linkUseColorsMixin = function linkUseColorsMixin(mainColor, hoverColor, activeColor) {
   return "\n    color: " + mainColor + ";\n\n    &:hover {\n      color: " + hoverColor + ";\n    }\n\n    &:active {\n      color: " + activeColor + ";\n    }\n  ";

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

@@ -1 +1 @@
-{"version":3,"sources":["Link.mixins.ts"],"names":["linkMixin","hoverTextDecoration","linkDisabledMixin","linkUseColorsMixin","mainColor","hoverColor","activeColor"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,mBAAD,EAAiC;AACxD;;;;;;AAMuBA,EAAAA,mBANvB;;;AASD,CAVM;;AAYP,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AACrC;;;;;;;;;AASD,CAVM;;AAYP,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAoBC,UAApB,EAAwCC,WAAxC,EAAgE;AAChG;AACWF,EAAAA,SADX;;;AAIaC,EAAAA,UAJb;;;;AAQaC,EAAAA,WARb;;;AAWD,CAZM","sourcesContent":["export const linkMixin = (hoverTextDecoration: string) => {\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: ${hoverTextDecoration};\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"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,mBAAD,EAAiC;AACxD;;;;;;AAMuBA,EAAAA,mBANvB;;;AASD,CAVM;;AAYP,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AACrC;;;;;;;;;;AAUD,CAXM;;AAaP,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAoBC,UAApB,EAAwCC,WAAxC,EAAgE;AAChG;AACWF,EAAAA,SADX;;;AAIaC,EAAAA,UAJb;;;;AAQaC,EAAAA,WARb;;;AAWD,CAZM","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"]}

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

@@ -1,18 +1,18 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 
-import { css, cssName, memoizeStyle } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { linkMixin, linkDisabledMixin, linkUseColorsMixin } from "../Link.mixins";
-var styles = {
+export var styles = memoizeStyle({
   root: function root(t) {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", ";\n      position: relative;\n    "])), linkMixin(t.linkHoverTextDecoration));
   },
   button: function button(t) {
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.linkButtonLineHeight, t.linkButtonPaddingX, t.linkButtonPaddingX);
   },
-  buttonOpened: function buttonOpened() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      background: #e1e1e1;\n    "])));
+  buttonOpened: function buttonOpened(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.btnDefaultActiveBg);
   },
   arrow: function arrow() {
     return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\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    "])));
@@ -29,14 +29,16 @@ var styles = {
   useGrayed: function useGrayed(t) {
     return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkDisabledColor, t.linkDisabledColor, t.linkDisabledColor));
   },
+  useGrayedFocus: function useGrayedFocus(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.linkDisabledColor);
+  },
   focus: function focus(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        text-decoration: ", ";\n      }\n      ", "& {\n        color: ", ";\n      }\n    "])), cssName(styles.root(t)), t.linkHoverTextDecoration, cssName(styles.useGrayed(t)), t.linkDisabledColor);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      text-decoration: ", ";\n    "])), t.linkHoverTextDecoration);
   },
   disabled: function disabled(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      ", "& {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n    "])), linkDisabledMixin(), cssName(styles.root(t)), t.linkDisabledColor, t.linkDisabledColor);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      color: ", ";\n\n      &:hover {\n        color: ", ";\n      }\n    "])), linkDisabledMixin(), t.linkDisabledColor, t.linkDisabledColor);
   },
   icon: function icon(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin-right: ", ";\n    "])), t.linkIconMarginRight);
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin-right: ", ";\n    "])), t.linkIconMarginRight);
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

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

@@ -1 +1 @@
-{"version":3,"sources":["Link.styles.ts"],"names":["css","cssName","memoizeStyle","linkMixin","linkDisabledMixin","linkUseColorsMixin","styles","root","t","linkHoverTextDecoration","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","arrow","useDefault","linkColor","linkHoverColor","linkActiveColor","useSuccess","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","useDanger","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","useGrayed","linkDisabledColor","focus","disabled","icon","linkIconMarginRight","jsStyles"],"mappings":"0SAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,SAASC,SAAT,EAAoBC,iBAApB,EAAuCC,kBAAvC,QAAiE,eAAjE;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOR,GAAP;AACIG,IAAAA,SAAS,CAACK,CAAC,CAACC,uBAAH,CADb;;;AAID,GANY;;AAQbC,EAAAA,MARa,kBAQNF,CARM,EAQI;AACf,WAAOR,GAAP;;AAEiBQ,IAAAA,CAAC,CAACG,oBAFnB;AAGkBH,IAAAA,CAAC,CAACI,kBAHpB;AAImBJ,IAAAA,CAAC,CAACI,kBAJrB;;AAMD,GAfY;;AAiBbC,EAAAA,YAjBa,0BAiBE;AACb,WAAOb,GAAP;;;AAGD,GArBY;;AAuBbc,EAAAA,KAvBa,mBAuBL;AACN,WAAOd,GAAP;;;;;;;;;AASD,GAjCY;;AAmCbe,EAAAA,UAnCa,sBAmCFP,CAnCE,EAmCQ;AACnB,WAAOR,GAAP;AACIK,IAAAA,kBAAkB,CAACG,CAAC,CAACQ,SAAH,EAAcR,CAAC,CAACS,cAAhB,EAAgCT,CAAC,CAACU,eAAlC,CADtB;;AAGD,GAvCY;;AAyCbC,EAAAA,UAzCa,sBAyCFX,CAzCE,EAyCQ;AACnB,WAAOR,GAAP;AACIK,IAAAA,kBAAkB,CAACG,CAAC,CAACY,gBAAH,EAAqBZ,CAAC,CAACa,qBAAvB,EAA8Cb,CAAC,CAACc,sBAAhD,CADtB;;AAGD,GA7CY;;AA+CbC,EAAAA,SA/Ca,qBA+CHf,CA/CG,EA+CO;AAClB,WAAOR,GAAP;AACIK,IAAAA,kBAAkB,CAACG,CAAC,CAACgB,eAAH,EAAoBhB,CAAC,CAACiB,oBAAtB,EAA4CjB,CAAC,CAACkB,qBAA9C,CADtB;;AAGD,GAnDY;;AAqDbC,EAAAA,SArDa,qBAqDHnB,CArDG,EAqDO;AAClB,WAAOR,GAAP;AACIK,IAAAA,kBAAkB,CAACG,CAAC,CAACoB,iBAAH,EAAsBpB,CAAC,CAACoB,iBAAxB,EAA2CpB,CAAC,CAACoB,iBAA7C,CADtB;;AAGD,GAzDY;;AA2DbC,EAAAA,KA3Da,iBA2DPrB,CA3DO,EA2DG;AACd,WAAOR,GAAP;AACIC,IAAAA,OAAO,CAACK,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CADX;AAEuBA,IAAAA,CAAC,CAACC,uBAFzB;;AAIIR,IAAAA,OAAO,CAACK,MAAM,CAACqB,SAAP,CAAiBnB,CAAjB,CAAD,CAJX;AAKaA,IAAAA,CAAC,CAACoB,iBALf;;;AAQD,GApEY;;AAsEbE,EAAAA,QAtEa,oBAsEJtB,CAtEI,EAsEM;AACjB,WAAOR,GAAP;AACII,IAAAA,iBAAiB,EADrB;;AAGIH,IAAAA,OAAO,CAACK,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CAHX;AAIaA,IAAAA,CAAC,CAACoB,iBAJf;;;AAOepB,IAAAA,CAAC,CAACoB,iBAPjB;;;;AAWD,GAlFY;;AAoFbG,EAAAA,IApFa,gBAoFRvB,CApFQ,EAoFE;AACb,WAAOR,GAAP;;AAEkBQ,IAAAA,CAAC,CAACwB,mBAFpB;;AAID,GAzFY,EAAf;;;AA4FA,OAAO,IAAMC,QAAQ,GAAG/B,YAAY,CAACI,MAAD,CAA7B","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(t.linkHoverTextDecoration)};\r\n      position: relative;\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":["css","memoizeStyle","linkMixin","linkDisabledMixin","linkUseColorsMixin","styles","root","t","linkHoverTextDecoration","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","btnDefaultActiveBg","arrow","useDefault","linkColor","linkHoverColor","linkActiveColor","useSuccess","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","useDanger","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","useGrayed","linkDisabledColor","useGrayedFocus","focus","disabled","icon","linkIconMarginRight"],"mappings":"6TAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,SAASC,SAAT,EAAoBC,iBAApB,EAAuCC,kBAAvC,QAAiE,eAAjE;;AAEA,OAAO,IAAMC,MAAM,GAAGJ,YAAY,CAAC;AACjCK,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOP,GAAP;AACIE,IAAAA,SAAS,CAACK,CAAC,CAACC,uBAAH,CADb;;;AAID,GANgC;;AAQjCC,EAAAA,MARiC,kBAQ1BF,CAR0B,EAQhB;AACf,WAAOP,GAAP;;AAEiBO,IAAAA,CAAC,CAACG,oBAFnB;AAGkBH,IAAAA,CAAC,CAACI,kBAHpB;AAImBJ,IAAAA,CAAC,CAACI,kBAJrB;;AAMD,GAfgC;;AAiBjCC,EAAAA,YAjBiC,wBAiBpBL,CAjBoB,EAiBV;AACrB,WAAOP,GAAP;AACgBO,IAAAA,CAAC,CAACM,kBADlB;;AAGD,GArBgC;;AAuBjCC,EAAAA,KAvBiC,mBAuBzB;AACN,WAAOd,GAAP;;;;;;;;;AASD,GAjCgC;;AAmCjCe,EAAAA,UAnCiC,sBAmCtBR,CAnCsB,EAmCZ;AACnB,WAAOP,GAAP;AACII,IAAAA,kBAAkB,CAACG,CAAC,CAACS,SAAH,EAAcT,CAAC,CAACU,cAAhB,EAAgCV,CAAC,CAACW,eAAlC,CADtB;;AAGD,GAvCgC;;AAyCjCC,EAAAA,UAzCiC,sBAyCtBZ,CAzCsB,EAyCZ;AACnB,WAAOP,GAAP;AACII,IAAAA,kBAAkB,CAACG,CAAC,CAACa,gBAAH,EAAqBb,CAAC,CAACc,qBAAvB,EAA8Cd,CAAC,CAACe,sBAAhD,CADtB;;AAGD,GA7CgC;;AA+CjCC,EAAAA,SA/CiC,qBA+CvBhB,CA/CuB,EA+Cb;AAClB,WAAOP,GAAP;AACII,IAAAA,kBAAkB,CAACG,CAAC,CAACiB,eAAH,EAAoBjB,CAAC,CAACkB,oBAAtB,EAA4ClB,CAAC,CAACmB,qBAA9C,CADtB;;AAGD,GAnDgC;;AAqDjCC,EAAAA,SArDiC,qBAqDvBpB,CArDuB,EAqDb;AAClB,WAAOP,GAAP;AACII,IAAAA,kBAAkB,CAACG,CAAC,CAACqB,iBAAH,EAAsBrB,CAAC,CAACqB,iBAAxB,EAA2CrB,CAAC,CAACqB,iBAA7C,CADtB;;AAGD,GAzDgC;;AA2DjCC,EAAAA,cA3DiC,0BA2DlBtB,CA3DkB,EA2DR;AACvB,WAAOP,GAAP;AACWO,IAAAA,CAAC,CAACqB,iBADb;;AAGD,GA/DgC;;AAiEjCE,EAAAA,KAjEiC,iBAiE3BvB,CAjE2B,EAiEjB;AACd,WAAOP,GAAP;AACqBO,IAAAA,CAAC,CAACC,uBADvB;;AAGD,GArEgC;;AAuEjCuB,EAAAA,QAvEiC,oBAuExBxB,CAvEwB,EAuEd;AACjB,WAAOP,GAAP;AACIG,IAAAA,iBAAiB,EADrB;;AAGWI,IAAAA,CAAC,CAACqB,iBAHb;;;AAMarB,IAAAA,CAAC,CAACqB,iBANf;;;AASD,GAjFgC;;AAmFjCI,EAAAA,IAnFiC,gBAmF5BzB,CAnF4B,EAmFlB;AACb,WAAOP,GAAP;;AAEkBO,IAAAA,CAAC,CAAC0B,mBAFpB;;AAID,GAxFgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { linkMixin, linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${linkMixin(t.linkHoverTextDecoration)};\n      position: relative;\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  useDefault(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n    `;\n  },\n\n  useSuccess(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n    `;\n  },\n\n  useDanger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n    `;\n  },\n\n  useGrayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDisabledColor, t.linkDisabledColor, t.linkDisabledColor)};\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};\n\n      &:hover {\n        color: ${t.linkDisabledColor};\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/components/Link/Link.styles.d.ts

@@ -1,13 +1,14 @@
 import { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const styles: {
     root(t: Theme): string;
     button(t: Theme): string;
-    buttonOpened(): string;
+    buttonOpened(t: Theme): string;
     arrow(): 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;
     icon(t: Theme): string;

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

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