@skbkontur/react-ui 0.0.0-edbe8cfc5c → 0.0.0-ee57da3e1e

package/components/Link/Link/Link.js

@@ -0,0 +1,181 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["disabled", "href", "icon", "use", "loading", "_button", "_buttonOpened", "rel", "as", "focused"];
+
+var _class, _class2, _temp;
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import { keyListener } from "../../../lib/events/keyListener";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { isExternalLink } from "../../../lib/utils";
+import { Spinner } from "../../Spinner";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { globalClasses, styles } from "../Link.styles";
+export var LinkDataTids = {
+  root: 'Link__root'
+};
+export
+/**
+* Элемент ссылки из HTML.
+*/
+var Link = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Link, _React$Component);
+
+  function Link() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(Link.defaultProps);
+    _this.state = {
+      focusedByTab: false
+    };
+
+    _this.renderMain = function (props) {
+      var disabled = props.disabled,
+          href = props.href,
+          icon = props.icon,
+          use = props.use,
+          loading = props.loading,
+          _button = props._button,
+          _buttonOpened = props._buttonOpened,
+          relOrigin = props.rel,
+          Component = props.as,
+          _props$focused = props.focused,
+          focused = _props$focused === void 0 ? false : _props$focused,
+          rest = _objectWithoutPropertiesLoose(props, _excluded);
+
+      var _isTheme2022 = isTheme2022(_this.theme);
+
+      var iconElement = null;
+
+      if (icon) {
+        iconElement = /*#__PURE__*/React.createElement("span", {
+          className: styles.icon(_this.theme)
+        }, loading ? /*#__PURE__*/React.createElement(Spinner, {
+          caption: null,
+          dimmed: true,
+          inline: true
+        }) : icon);
+      }
+
+      var arrow = null;
+
+      if (_button) {
+        arrow = /*#__PURE__*/React.createElement("span", {
+          className: styles.arrow()
+        });
+      }
+
+      var rel = relOrigin;
+
+      if (typeof rel === 'undefined' && href) {
+        rel = "noopener" + (isExternalLink(href) ? ' noreferrer' : '');
+      }
+
+      var isFocused = !disabled && (_this.state.focusedByTab || focused);
+      var linkProps = {
+        className: cx(use === 'default' && styles.useDefault(_this.theme), use === 'success' && styles.useSuccess(_this.theme), use === 'danger' && styles.useDanger(_this.theme), use === 'grayed' && styles.useGrayed(_this.theme), !!_button && styles.button(_this.theme), !!_buttonOpened && styles.buttonOpened(_this.theme), _this.getLinkClassName(isFocused, Boolean(disabled || loading))),
+        href: href,
+        rel: rel,
+        onClick: _this.handleClick,
+        onFocus: _this.handleFocus,
+        onBlur: _this.handleBlur,
+        tabIndex: disabled || loading ? -1 : _this.props.tabIndex
+      };
+      var child = _this.props.children;
+
+      if (_isTheme2022) {
+        child = /*#__PURE__*/React.createElement("span", {
+          className: cx(globalClasses.text, styles.lineText(_this.theme))
+        }, _this.props.children);
+      }
+
+      return /*#__PURE__*/React.createElement(Component, _extends({
+        "data-tid": LinkDataTids.root
+      }, rest, linkProps), iconElement, child, arrow);
+    };
+
+    _this.handleFocus = function () {
+      if (!_this.props.disabled) {
+        // focus event fires before keyDown eventlistener
+        // so we should check tabPressed in async way
+        requestAnimationFrame(function () {
+          if (keyListener.isTabPressed) {
+            _this.setState({
+              focusedByTab: true
+            });
+          }
+        });
+      }
+    };
+
+    _this.handleBlur = function () {
+      _this.setState({
+        focusedByTab: false
+      });
+    };
+
+    _this.handleClick = function (event) {
+      var _this$props = _this.props,
+          onClick = _this$props.onClick,
+          disabled = _this$props.disabled,
+          loading = _this$props.loading;
+
+      var href = _this.getProps().href;
+
+      if (!href) {
+        event.preventDefault();
+      }
+
+      if (onClick && !disabled && !loading) {
+        onClick(event);
+      }
+    };
+
+    return _this;
+  }
+
+  var _proto = Link.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = _this2.props.theme ? ThemeFactory.create(_this2.props.theme, theme) : theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.getProps()), _this2.renderMain);
+    });
+  };
+
+  _proto.getLinkClassName = function getLinkClassName(focused, disabled) {
+    var _this$getProps = this.getProps(),
+        use = _this$getProps.use;
+
+    var isBorderBottom = parseInt(this.theme.linkLineBorderBottomWidth) > 0;
+    var isFocused = focused && !disabled;
+    return !isBorderBottom ? cx(styles.root(this.theme), isFocused && styles.focus(this.theme), disabled && styles.disabled(this.theme), use === 'grayed' && focused && styles.useGrayedFocus(this.theme)) : cx(styles.lineRoot(), disabled && styles.disabled(this.theme), isFocused && use === 'default' && styles.lineFocus(this.theme), isFocused && use === 'success' && styles.lineFocusSuccess(this.theme), isFocused && use === 'danger' && styles.lineFocusDanger(this.theme), isFocused && use === 'grayed' && styles.lineFocusGrayed(this.theme));
+  };
+
+  return Link;
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Link', _class2.propTypes = {
+  disabled: PropTypes.bool,
+  href: PropTypes.string,
+  icon: PropTypes.node,
+  use: PropTypes.oneOf(['default', 'success', 'danger', 'grayed'])
+}, _class2.defaultProps = {
+  href: '',
+  use: 'default',
+  as: 'a'
+}, _temp)) || _class;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Link.tsx"],"names":["React","PropTypes","keyListener","ThemeContext","isExternalLink","Spinner","CommonWrapper","cx","rootNode","createPropsGetter","ThemeFactory","isTheme2022","globalClasses","styles","LinkDataTids","root","Link","getProps","defaultProps","state","focusedByTab","renderMain","props","disabled","href","icon","use","loading","_button","_buttonOpened","relOrigin","rel","Component","as","focused","rest","_isTheme2022","theme","iconElement","arrow","isFocused","linkProps","className","useDefault","useSuccess","useDanger","useGrayed","button","buttonOpened","getLinkClassName","Boolean","onClick","handleClick","onFocus","handleFocus","onBlur","handleBlur","tabIndex","child","children","text","lineText","requestAnimationFrame","isTabPressed","setState","event","preventDefault","render","create","setRootNode","isBorderBottom","parseInt","linkLineBorderBottomWidth","focus","useGrayedFocus","lineRoot","lineFocus","lineFocusSuccess","lineFocusDanger","lineFocusGrayed","__KONTUR_REACT_UI__","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 { 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        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)),\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): 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          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/components/Link/Link/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Link/Link.js",
+  "module": "Link",
+  "types": "../Link.d.ts",
+  "sideEffects": false
+}

package/components/Link/Link.d.ts

@@ -1,52 +1,89 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { Override } from '../../typings/utility-types';
-export declare type LinkProps = Override<React.AnchorHTMLAttributes<HTMLAnchorElement>, {
-    /** Неактивное состояние */
+import { ThemeIn } from '../../lib/theming/Theme';
+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;
-    /** onClick */
-    onClick?: (event?: React.MouseEvent<HTMLAnchorElement>) => void;
-}>;
+    /**
+     * Переводит ссылку в состояние загрузки.
+     */
+    loading?: boolean;
+    /**
+     * HTML-событие `onclick`.
+     */
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * Обычный объект с переменными темы.
+     * Он будет объединён с темой из контекста.
+     */
+    theme?: ThemeIn;
+    /**
+     * Компонент, используемый в качестве корневого узла.
+     * @ignore
+     */
+    as?: React.ElementType | keyof React.ReactHTML;
+    /**
+     * @ignore
+     */
+    focused?: boolean;
+}> {
+}
 export interface LinkState {
     focusedByTab: boolean;
 }
+export declare const LinkDataTids: {
+    readonly root: "Link__root";
+};
+declare type DefaultProps = Required<Pick<LinkProps, 'href' | 'use' | 'as'>>;
 /**
- * Стандартная ссылка.
- * Интерфес пропсов наследуется от `React.AnchorHTMLAttributes<HTMLAnchorElement>`.
- * Все свойства передаются в элемент `<a>`.
- * `className` и `style` не поддерживаются
+ * Элемент ссылки из HTML.
  */
-declare class Link extends React.Component<LinkProps, LinkState> {
+export declare class Link extends React.Component<LinkProps, LinkState> {
     static __KONTUR_REACT_UI__: string;
-    static __ADAPTER__: any;
     static propTypes: {
         disabled: PropTypes.Requireable<boolean>;
         href: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         use: PropTypes.Requireable<string>;
     };
-    static defaultProps: {
-        href: string;
-        use: string;
-    };
-    state: {
-        focusedByTab: boolean;
-    };
-    private theme;
+    static defaultProps: DefaultProps;
     private getProps;
+    state: LinkState;
+    private theme;
+    private setRootNode;
     render(): JSX.Element;
     private renderMain;
-    private _handleFocus;
-    private _handleBlur;
-    private _handleClick;
+    private handleFocus;
+    private handleBlur;
+    private handleClick;
+    private getLinkClassName;
 }
-export default Link;
+export {};

package/components/Link/Link.md

@@ -0,0 +1,88 @@
+Базовый пример ссылки.
+
+```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/components/Link/Link.mixins/Link.mixins.js

@@ -0,0 +1,15 @@
+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    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  ";
+};
+export var linkUseLineColorsMixin = function linkUseLineColorsMixin(mainColor, activeColor) {
+  return "\n    border-bottom-color: " + mainColor + ";\n\n    &:active {\n      border-bottom-color: " + activeColor + ";\n    }\n  ";
+};
+export var linkUseLineColorsHoverMixin = function linkUseLineColorsHoverMixin(hoverColor, nestedSelector) {
+  return "\n    &:hover " + nestedSelector + " {\n      border-bottom-color: " + hoverColor + ";\n    }\n  ";
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Link.mixins.ts"],"names":["linkMixin","hoverTextDecoration","linkDisabledMixin","linkUseColorsMixin","mainColor","hoverColor","activeColor","linkUseLineColorsMixin","linkUseLineColorsHoverMixin","nestedSelector"],"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;;AAcP,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACH,SAAD,EAAoBE,WAApB,EAA4C;AAChF;AACyBF,EAAAA,SADzB;;;AAI2BE,EAAAA,WAJ3B;;;AAOD,CARM;;AAUP,OAAO,IAAME,2BAA2B,GAAG,SAA9BA,2BAA8B,CAACH,UAAD,EAAqBI,cAArB,EAAgD;AACzF;AACYA,EAAAA,cADZ;AAE2BJ,EAAAA,UAF3B;;;AAKD,CANM","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 linkUseLineColorsMixin = (mainColor: string, activeColor: string) => {\n  return `\n    border-bottom-color: ${mainColor};\n\n    &:active {\n      border-bottom-color: ${activeColor};\n    }\n  `;\n};\n\nexport const linkUseLineColorsHoverMixin = (hoverColor: string, nestedSelector: string) => {\n  return `\n    &:hover ${nestedSelector} {\n      border-bottom-color: ${hoverColor};\n    }\n  `;\n};\n"]}

package/components/Link/Link.mixins/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Link/Link.mixins.js",
+  "module": "Link.mixins",
+  "types": "../Link.mixins.d.ts",
+  "sideEffects": false
+}

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

@@ -0,0 +1,5 @@
+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 linkUseLineColorsMixin: (mainColor: string, activeColor: string) => string;
+export declare const linkUseLineColorsHoverMixin: (hoverColor: string, nestedSelector: string) => string;

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

@@ -0,0 +1,65 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
+
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import { linkMixin, linkDisabledMixin, linkUseColorsMixin, linkUseLineColorsMixin, linkUseLineColorsHoverMixin } from "../Link.mixins";
+export var globalClasses = prefix('link')({
+  text: 'text'
+});
+export var styles = memoizeStyle({
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", ";\n      position: relative;\n    "])), linkMixin(t.linkHoverTextDecoration));
+  },
+  lineRoot: function lineRoot() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      border-radius: 1px;\n      outline: none;\n      text-decoration: none;\n    "])));
+  },
+  lineText: function lineText(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      border-bottom-color: ", ";\n      border-bottom-style: ", ";\n      border-bottom-width: ", ";\n    "])), t.linkLineBorderBottomColor, t.linkLineBorderBottomStyle, t.linkLineBorderBottomWidth);
+  },
+  lineFocus: function lineFocus(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      .", " {\n        border-bottom-color: ", " !important;\n      }\n    "])), t.linkHoverColor, globalClasses.text, t.linkLineHoverBorderBottomColor);
+  },
+  lineFocusSuccess: function lineFocusSuccess(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n      .", " {\n        border-bottom-color: ", " !important;\n      }\n    "])), t.linkSuccessHoverColor, globalClasses.text, t.linkLineHoverBorderBottomColorSuccess);
+  },
+  lineFocusDanger: function lineFocusDanger(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n      .", " {\n        border-bottom-color: ", " !important;\n      }\n    "])), t.linkDangerHoverColor, globalClasses.text, t.linkLineHoverBorderBottomColorDanger);
+  },
+  lineFocusGrayed: function lineFocusGrayed(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n      .", " {\n        border-bottom-color: ", " !important;\n      }\n    "])), t.linkGrayedHoverColor, globalClasses.text, t.linkLineHoverBorderBottomColorGrayed);
+  },
+  button: function button(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.linkButtonLineHeight, t.linkButtonPaddingX, t.linkButtonPaddingX);
+  },
+  buttonOpened: function buttonOpened(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.btnDefaultActiveBg);
+  },
+  arrow: function arrow() {
+    return css(_templateObject10 || (_templateObject10 = _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    "])));
+  },
+  useDefault: function useDefault(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      ", ";\n      ", "\n      .", " {\n        ", ";\n      }\n    "])), linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor), linkUseLineColorsHoverMixin(t.linkLineHoverBorderBottomColor, "." + globalClasses.text), globalClasses.text, linkUseLineColorsMixin(t.linkLineBorderBottomColor, t.linkLineActiveBorderBottomColor));
+  },
+  useSuccess: function useSuccess(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      ", ";\n      ", "\n      .", " {\n        ", ";\n      }\n    "])), linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor), linkUseLineColorsHoverMixin(t.linkLineHoverBorderBottomColorSuccess, "." + globalClasses.text), globalClasses.text, linkUseLineColorsMixin(t.linkLineBorderBottomColorSuccess, t.linkLineActiveBorderBottomColorSuccess));
+  },
+  useDanger: function useDanger(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      ", ";\n      ", "\n      .", " {\n        ", ";\n      }\n    "])), linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor), linkUseLineColorsHoverMixin(t.linkLineHoverBorderBottomColorDanger, "." + globalClasses.text), globalClasses.text, linkUseLineColorsMixin(t.linkLineBorderBottomColorDanger, t.linkLineActiveBorderBottomColorDanger));
+  },
+  useGrayed: function useGrayed(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      ", ";\n      ", "\n      .", " {\n        ", ";\n      }\n    "])), linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor), linkUseLineColorsHoverMixin(t.linkLineHoverBorderBottomColorGrayed, "." + globalClasses.text), globalClasses.text, linkUseLineColorsMixin(t.linkLineBorderBottomColorGrayed, t.linkLineActiveBorderBottomColorGrayed));
+  },
+  useGrayedFocus: function useGrayedFocus(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.linkDisabledColor);
+  },
+  focus: function focus(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      text-decoration: ", ";\n    "])), t.linkHoverTextDecoration);
+  },
+  disabled: function disabled(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      color: ", " !important; // override root color\n\n      & .", ":before {\n        border-bottom-color: ", " !important; // override root color\n      }\n\n      &:hover {\n        color: ", ";\n      }\n    "])), linkDisabledMixin(), t.linkDisabledColor, globalClasses.text, t.linkDisabledColor, t.linkDisabledColor);
+  },
+  icon: function icon(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin-right: ", ";\n    "])), t.linkIconMarginRight);
+  }
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Link.styles.ts"],"names":["css","memoizeStyle","prefix","linkMixin","linkDisabledMixin","linkUseColorsMixin","linkUseLineColorsMixin","linkUseLineColorsHoverMixin","globalClasses","text","styles","root","t","linkHoverTextDecoration","lineRoot","lineText","linkLineBorderBottomColor","linkLineBorderBottomStyle","linkLineBorderBottomWidth","lineFocus","linkHoverColor","linkLineHoverBorderBottomColor","lineFocusSuccess","linkSuccessHoverColor","linkLineHoverBorderBottomColorSuccess","lineFocusDanger","linkDangerHoverColor","linkLineHoverBorderBottomColorDanger","lineFocusGrayed","linkGrayedHoverColor","linkLineHoverBorderBottomColorGrayed","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","btnDefaultActiveBg","arrow","useDefault","linkColor","linkActiveColor","linkLineActiveBorderBottomColor","useSuccess","linkSuccessColor","linkSuccessActiveColor","linkLineBorderBottomColorSuccess","linkLineActiveBorderBottomColorSuccess","useDanger","linkDangerColor","linkDangerActiveColor","linkLineBorderBottomColorDanger","linkLineActiveBorderBottomColorDanger","useGrayed","linkGrayedColor","linkGrayedActiveColor","linkLineBorderBottomColorGrayed","linkLineActiveBorderBottomColorGrayed","useGrayedFocus","linkDisabledColor","focus","disabled","icon","linkIconMarginRight"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport {\n  linkMixin,\n  linkDisabledMixin,\n  linkUseColorsMixin,\n  linkUseLineColorsMixin,\n  linkUseLineColorsHoverMixin,\n} from './Link.mixins';\n\nexport const globalClasses = prefix('link')({\n  text: 'text',\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-color: ${t.linkLineBorderBottomColor};\n      border-bottom-style: ${t.linkLineBorderBottomStyle};\n      border-bottom-width: ${t.linkLineBorderBottomWidth};\n    `;\n  },\n\n  lineFocus(t: Theme) {\n    return css`\n      color: ${t.linkHoverColor};\n      .${globalClasses.text} {\n        border-bottom-color: ${t.linkLineHoverBorderBottomColor} !important;\n      }\n    `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return css`\n      color: ${t.linkSuccessHoverColor} !important;\n      .${globalClasses.text} {\n        border-bottom-color: ${t.linkLineHoverBorderBottomColorSuccess} !important;\n      }\n    `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return css`\n      color: ${t.linkDangerHoverColor} !important;\n      .${globalClasses.text} {\n        border-bottom-color: ${t.linkLineHoverBorderBottomColorDanger} !important;\n      }\n    `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return css`\n      color: ${t.linkGrayedHoverColor} !important;\n      .${globalClasses.text} {\n        border-bottom-color: ${t.linkLineHoverBorderBottomColorGrayed} !important;\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  useDefault(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n      ${linkUseLineColorsHoverMixin(t.linkLineHoverBorderBottomColor, `.${globalClasses.text}`)}\n      .${globalClasses.text} {\n        ${linkUseLineColorsMixin(t.linkLineBorderBottomColor, t.linkLineActiveBorderBottomColor)};\n      }\n    `;\n  },\n\n  useSuccess(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n      ${linkUseLineColorsHoverMixin(t.linkLineHoverBorderBottomColorSuccess, `.${globalClasses.text}`)}\n      .${globalClasses.text} {\n        ${linkUseLineColorsMixin(t.linkLineBorderBottomColorSuccess, t.linkLineActiveBorderBottomColorSuccess)};\n      }\n    `;\n  },\n\n  useDanger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n      ${linkUseLineColorsHoverMixin(t.linkLineHoverBorderBottomColorDanger, `.${globalClasses.text}`)}\n      .${globalClasses.text} {\n        ${linkUseLineColorsMixin(t.linkLineBorderBottomColorDanger, t.linkLineActiveBorderBottomColorDanger)};\n      }\n    `;\n  },\n\n  useGrayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n      ${linkUseLineColorsHoverMixin(t.linkLineHoverBorderBottomColorGrayed, `.${globalClasses.text}`)}\n      .${globalClasses.text} {\n        ${linkUseLineColorsMixin(t.linkLineBorderBottomColorGrayed, t.linkLineActiveBorderBottomColorGrayed)};\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      & .${globalClasses.text}:before {\n        border-bottom-color: ${t.linkDisabledColor} !important; // override root color\n      }\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/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Link/Link.styles.js",
+  "module": "Link.styles",
+  "types": "../Link.styles.d.ts",
+  "sideEffects": false
+}

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

@@ -1,8 +1,24 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsStyles: {
-    useDefault(t: ITheme): string;
-    focus(t: ITheme): string;
-    useGrayed(t: ITheme): string;
-    disabled(t: ITheme): 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: 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;
 };
-export default jsStyles;

package/components/Link/index/index.js

@@ -0,0 +1 @@
+export * from "../Link";

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

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

package/components/Link/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Link/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/Link/index.d.ts

@@ -1 +1 @@
-export { default, LinkProps, LinkState } from './Link';
+export * from './Link';

package/components/Link/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/Link/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}