@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/components/Toggle/Toggle.styles.d.ts

@@ -1,47 +1,46 @@
-import type { Emotion } from '@emotion/css/create-instance';
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    handle: string;
-    container: string;
-    disabled: string;
-    containerDisabled: string;
-    containerLoading: string;
-    background: string;
-};
-export declare const getStyles: (emotion: Emotion) => {
-    root(t: Theme): string;
-    rootSmall(t: Theme): string;
-    rootMedium(t: Theme): string;
-    rootLarge(t: Theme): string;
-    disableAnimation(): string;
-    handle(t: Theme): string;
-    handleSmall(t: Theme): string;
-    handleMedium(t: Theme): string;
-    handleLarge(t: Theme): string;
-    handleDisabled(t: Theme): string;
-    input(t: Theme): string;
-    inputSmall(t: Theme): string;
-    inputMedium(t: Theme): string;
-    inputLarge(t: Theme): string;
-    container(t: Theme): string;
-    containerSmall(t: Theme): string;
-    containerMedium(t: Theme): string;
-    containerLarge(t: Theme): string;
-    containerDisabled(t: Theme): string;
-    focused(t: Theme): string;
-    isWarning(t: Theme): string;
-    isError(t: Theme): string;
-    button(t: Theme): string;
-    buttonSmall(t: Theme): string;
-    buttonMedium(t: Theme): string;
-    buttonLarge(t: Theme): string;
-    buttonRight(): string;
-    disabled(): string;
-    rootLeft(): string;
-    caption(t: Theme): string;
-    captionSmall(t: Theme): string;
-    captionMedium(t: Theme): string;
-    captionLarge(t: Theme): string;
-    disabledCaption(t: Theme): string;
-    captionLeft(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    handle: string;
+    container: string;
+    disabled: string;
+    containerDisabled: string;
+    containerLoading: string;
+    background: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    disableAnimation(): string;
+    handle(t: Theme): string;
+    handleSmall(t: Theme): string;
+    handleMedium(t: Theme): string;
+    handleLarge(t: Theme): string;
+    handleDisabled(t: Theme): string;
+    input(t: Theme): string;
+    inputSmall(t: Theme): string;
+    inputMedium(t: Theme): string;
+    inputLarge(t: Theme): string;
+    container(t: Theme): string;
+    containerSmall(t: Theme): string;
+    containerMedium(t: Theme): string;
+    containerLarge(t: Theme): string;
+    containerDisabled(t: Theme): string;
+    focused(t: Theme): string;
+    isWarning(t: Theme): string;
+    isError(t: Theme): string;
+    button(t: Theme): string;
+    buttonSmall(t: Theme): string;
+    buttonMedium(t: Theme): string;
+    buttonLarge(t: Theme): string;
+    buttonRight(): string;
+    disabled(): string;
+    rootLeft(): string;
+    caption(t: Theme): string;
+    captionSmall(t: Theme): string;
+    captionMedium(t: Theme): string;
+    captionLarge(t: Theme): string;
+    disabledCaption(t: Theme): string;
+    captionLeft(t: Theme): string;
+};

package/components/Toggle/index.d.ts

@@ -1 +1 @@
-export * from './Toggle';
+export * from './Toggle';

package/components/Token/Token/Token.js

@@ -4,20 +4,26 @@ var _dec, _class, _Token;
 import React from 'react';
 import { locale } from "../../../lib/locale/decorators";
 import { emptyHandler } from "../../../lib/utils";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
+import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { CloseButtonIcon } from "../../../internal/CloseButtonIcon/CloseButtonIcon";
 import { reactGetTextContent } from "../../../lib/reactGetTextContent";
 import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getStyles } from "../Token.styles";
+import { styles } from "../Token.styles";
 import { TokenLocaleHelper } from "../locale";
 import { TokenView } from "../TokenView";
 export var TokenDataTids = {
   root: 'Token__root',
   removeIcon: 'Token__removeIcon'
 };
+
+/**
+ * Однородный элемент — `Token`.
+ *
+ * Используется в компоненте поле с токенами TokenInput.
+ */
 export var Token = (_dec = locale('Token', TokenLocaleHelper), rootNode(_class = _dec(_class = (_Token = /*#__PURE__*/function (_React$Component) {
   function Token() {
     var _this;
@@ -42,13 +48,9 @@ export var Token = (_dec = locale('Token', TokenLocaleHelper), rootNode(_class =
   var _proto = Token.prototype;
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      _this2.styles = getStyles(_this2.emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
     });
   };
   _proto.renderMain = function renderMain() {
@@ -81,8 +83,7 @@ export var Token = (_dec = locale('Token', TokenLocaleHelper), rootNode(_class =
       "aria-label": removeButtonAriaLabel,
       tabbable: false
     });
-    var styles = this.styles;
-    var classNames = this.emotion.cx(styles.tokenIdle(theme), !isActive && !warning && !error && !disabled && styles.tokenHover(theme), isActive && styles.tokenActive(theme), warning && styles.tokenWarning(theme), error && styles.tokenError(theme), disabled && styles.tokenDisabled(theme));
+    var classNames = cx(styles.tokenIdle(theme), !isActive && !warning && !error && !disabled && styles.tokenHover(theme), isActive && styles.tokenActive(theme), warning && styles.tokenWarning(theme), error && styles.tokenError(theme), disabled && styles.tokenDisabled(theme));
     var textholder = /*#__PURE__*/React.createElement("span", {
       className: styles.text()
     }, children);

package/components/Token/Token/Token.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","locale","emptyHandler","CommonWrapper","EmotionConsumer","rootNode","CloseButtonIcon","reactGetTextContent","getVisualStateDataAttributes","ThemeContext","getStyles","TokenLocaleHelper","TokenView","TokenDataTids","root","removeIcon","Token","_dec","_class","_Token","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","onRemoveClick","event","_this$props","props","disabled","_this$props$onRemove","onRemove","preventDefault","_inheritsLoose","_proto","prototype","render","_this2","createElement","emotion","styles","Consumer","theme","renderMain","_this$props2","size","children","isActive","error","warning","ariaDescribedby","_this$props2$onClick","onClick","_this$props2$onDouble","onDoubleClick","_this$props2$onMouseE","onMouseEnter","_this$props2$onMouseL","onMouseLeave","_this$props2$onFocus","onFocus","_this$props2$onBlur","onBlur","removeButtonAriaLabel","icon","side","color","colorHover","tabbable","classNames","cx","tokenIdle","tokenHover","tokenActive","tokenWarning","tokenError","tokenDisabled","textholder","className","text","closeButton","_extends","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Token.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { emptyHandler } from '../../lib/utils';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { SizeProp } from '../../lib/types/props';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './Token.styles';\nimport { TokenLocale, TokenLocaleHelper } from './locale';\nimport { TokenView } from './TokenView';\n\nexport type TokenSize = SizeProp;\n\nexport interface TokenProps extends Pick<AriaAttributes, 'aria-describedby'>, CommonProps {\n  isActive?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  disabled?: boolean;\n  /**\n   * Размер\n   */\n  size?: TokenSize;\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n  onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;\n  onRemove?: React.MouseEventHandler<HTMLElement>;\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n  onFocus?: React.FocusEventHandler<HTMLDivElement>;\n  onBlur?: React.FocusEventHandler<HTMLDivElement>;\n}\n\nexport const TokenDataTids = {\n  root: 'Token__root',\n  removeIcon: 'Token__removeIcon',\n} as const;\n\n@rootNode\n@locale('Token', TokenLocaleHelper)\nexport class Token extends React.Component<TokenProps> {\n  public static __KONTUR_REACT_UI__ = 'Token';\n  public static displayName = 'Token';\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: TokenLocale;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      size,\n      children,\n      isActive,\n      error,\n      warning,\n      disabled,\n      'aria-describedby': ariaDescribedby,\n      onClick = emptyHandler,\n      onDoubleClick = emptyHandler,\n      onMouseEnter = emptyHandler,\n      onMouseLeave = emptyHandler,\n      onFocus = emptyHandler,\n      onBlur = emptyHandler,\n    } = this.props;\n\n    const theme = this.theme;\n\n    const removeButtonAriaLabel = this.locale.removeButtonAriaLabel + ' ' + reactGetTextContent(children);\n\n    const icon = (\n      <CloseButtonIcon\n        side={16}\n        color=\"inherit\"\n        colorHover=\"inherit\"\n        aria-label={removeButtonAriaLabel}\n        tabbable={false}\n      />\n    );\n\n    const styles = this.styles;\n    const classNames = this.emotion.cx(\n      styles.tokenIdle(theme),\n      !isActive && !warning && !error && !disabled && styles.tokenHover(theme),\n      isActive && styles.tokenActive(theme),\n      warning && styles.tokenWarning(theme),\n      error && styles.tokenError(theme),\n      disabled && styles.tokenDisabled(theme),\n    );\n\n    const textholder = <span className={styles.text()}>{children}</span>;\n\n    const closeButton = (\n      <span onClick={this.onRemoveClick} data-tid={TokenDataTids.removeIcon}>\n        {icon}\n      </span>\n    );\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <TokenView\n          className={classNames}\n          size={size}\n          closeButton={closeButton}\n          data-tid={TokenDataTids.root}\n          aria-describedby={ariaDescribedby}\n          onClick={onClick}\n          onDoubleClick={onDoubleClick}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          onFocus={onFocus}\n          onBlur={onBlur}\n        >\n          {textholder}\n        </TokenView>\n      </CommonWrapper>\n    );\n  }\n\n  private onRemoveClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    const { disabled, onRemove = emptyHandler } = this.props;\n\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onRemove(event);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","locale","emptyHandler","ThemeContext","CommonWrapper","cx","rootNode","CloseButtonIcon","reactGetTextContent","getVisualStateDataAttributes","styles","TokenLocaleHelper","TokenView","TokenDataTids","root","removeIcon","Token","_dec","_class","_Token","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","onRemoveClick","event","_this$props","props","disabled","_this$props$onRemove","onRemove","preventDefault","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","renderMain","_this$props2","size","children","isActive","error","warning","ariaDescribedby","_this$props2$onClick","onClick","_this$props2$onDouble","onDoubleClick","_this$props2$onMouseE","onMouseEnter","_this$props2$onMouseL","onMouseLeave","_this$props2$onFocus","onFocus","_this$props2$onBlur","onBlur","removeButtonAriaLabel","icon","side","color","colorHover","tabbable","classNames","tokenIdle","tokenHover","tokenActive","tokenWarning","tokenError","tokenDisabled","textholder","className","text","closeButton","_extends","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Token.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport type { SizeProp } from '../../lib/types/props';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './Token.styles';\nimport type { TokenLocale } from './locale';\nimport { TokenLocaleHelper } from './locale';\nimport { TokenView } from './TokenView';\n\nexport type TokenSize = SizeProp;\n\nexport interface TokenProps extends Pick<AriaAttributes, 'aria-describedby'>, CommonProps {\n  /** Устанавливает, является ли токен активным. */\n  isActive?: boolean;\n  /** Переводит контрол в состояние валидации \"ошибка\" */\n  error?: boolean;\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n  /** Задает размер контрола. */\n  size?: TokenSize;\n  /** Задает функцию, которая вызывается, когда на токен кликнули. */\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n  /** Задает функцию, которая вызывается, когда на токен кликнули дважды. */\n  onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;\n  /** Задает функцию, которая вызывается, когда токен удаляется. */\n  onRemove?: React.MouseEventHandler<HTMLElement>;\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n  /** Задает функцию, которая вызывается, когда токен получает фокус. */\n  onFocus?: React.FocusEventHandler<HTMLDivElement>;\n  /** Задает функцию, которая вызывается, когда токен теряет фокус. */\n  onBlur?: React.FocusEventHandler<HTMLDivElement>;\n}\n\nexport const TokenDataTids = {\n  root: 'Token__root',\n  removeIcon: 'Token__removeIcon',\n} as const;\n\n/**\n * Однородный элемент — `Token`.\n *\n * Используется в компоненте поле с токенами TokenInput.\n */\n@rootNode\n@locale('Token', TokenLocaleHelper)\nexport class Token extends React.Component<TokenProps> {\n  public static __KONTUR_REACT_UI__ = 'Token';\n  public static displayName = 'Token';\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: TokenLocale;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      size,\n      children,\n      isActive,\n      error,\n      warning,\n      disabled,\n      'aria-describedby': ariaDescribedby,\n      onClick = emptyHandler,\n      onDoubleClick = emptyHandler,\n      onMouseEnter = emptyHandler,\n      onMouseLeave = emptyHandler,\n      onFocus = emptyHandler,\n      onBlur = emptyHandler,\n    } = this.props;\n\n    const theme = this.theme;\n\n    const removeButtonAriaLabel = this.locale.removeButtonAriaLabel + ' ' + reactGetTextContent(children);\n\n    const icon = (\n      <CloseButtonIcon\n        side={16}\n        color=\"inherit\"\n        colorHover=\"inherit\"\n        aria-label={removeButtonAriaLabel}\n        tabbable={false}\n      />\n    );\n\n    const classNames = cx(\n      styles.tokenIdle(theme),\n      !isActive && !warning && !error && !disabled && styles.tokenHover(theme),\n      isActive && styles.tokenActive(theme),\n      warning && styles.tokenWarning(theme),\n      error && styles.tokenError(theme),\n      disabled && styles.tokenDisabled(theme),\n    );\n\n    const textholder = <span className={styles.text()}>{children}</span>;\n\n    const closeButton = (\n      <span onClick={this.onRemoveClick} data-tid={TokenDataTids.removeIcon}>\n        {icon}\n      </span>\n    );\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <TokenView\n          className={classNames}\n          size={size}\n          closeButton={closeButton}\n          data-tid={TokenDataTids.root}\n          aria-describedby={ariaDescribedby}\n          onClick={onClick}\n          onDoubleClick={onDoubleClick}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          onFocus={onFocus}\n          onBlur={onBlur}\n        >\n          {textholder}\n        </TokenView>\n      </CommonWrapper>\n    );\n  }\n\n  private onRemoveClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    const { disabled, onRemove = emptyHandler } = this.props;\n\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onRemove(event);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Token/Token.d.ts

@@ -1,43 +1,50 @@
-import React, { AriaAttributes } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export type TokenSize = SizeProp;
-export interface TokenProps extends Pick<AriaAttributes, 'aria-describedby'>, CommonProps {
-    isActive?: boolean;
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    disabled?: boolean;
-    /**
-     * Размер
-     */
-    size?: TokenSize;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
-    onRemove?: React.MouseEventHandler<HTMLElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
-    onFocus?: React.FocusEventHandler<HTMLDivElement>;
-    onBlur?: React.FocusEventHandler<HTMLDivElement>;
-}
-export declare const TokenDataTids: {
-    readonly root: "Token__root";
-    readonly removeIcon: "Token__removeIcon";
-};
-export declare class Token extends React.Component<TokenProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private theme;
-    private emotion;
-    private styles;
-    private setRootNode;
-    private readonly locale;
-    render(): React.JSX.Element;
-    private renderMain;
-    private onRemoveClick;
-}
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+export type TokenSize = SizeProp;
+export interface TokenProps extends Pick<AriaAttributes, 'aria-describedby'>, CommonProps {
+    /** Устанавливает, является ли токен активным. */
+    isActive?: boolean;
+    /** Переводит контрол в состояние валидации "ошибка" */
+    error?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Задает размер контрола. */
+    size?: TokenSize;
+    /** Задает функцию, которая вызывается, когда на токен кликнули. */
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    /** Задает функцию, которая вызывается, когда на токен кликнули дважды. */
+    onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
+    /** Задает функцию, которая вызывается, когда токен удаляется. */
+    onRemove?: React.MouseEventHandler<HTMLElement>;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
+    /** Задает функцию, которая вызывается, когда токен получает фокус. */
+    onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    /** Задает функцию, которая вызывается, когда токен теряет фокус. */
+    onBlur?: React.FocusEventHandler<HTMLDivElement>;
+}
+export declare const TokenDataTids: {
+    readonly root: "Token__root";
+    readonly removeIcon: "Token__removeIcon";
+};
+/**
+ * Однородный элемент — `Token`.
+ *
+ * Используется в компоненте поле с токенами TokenInput.
+ */
+export declare class Token extends React.Component<TokenProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    private theme;
+    private setRootNode;
+    private readonly locale;
+    render(): React.JSX.Element;
+    private renderMain;
+    private onRemoveClick;
+}

package/components/Token/Token.md

@@ -1,4 +1,4 @@
-Token example
+### Базовый пример
 
 ```jsx harmony
 import { Token } from '@skbkontur/react-ui';
@@ -6,7 +6,7 @@ import { Token } from '@skbkontur/react-ui';
 <Token>Example</Token>;
 ```
 
-Can accept validation state
+### Состояние валидации
 
 ```jsx harmony
 import { Gapped, Token } from '@skbkontur/react-ui';
@@ -29,7 +29,7 @@ import { Gapped, Token } from '@skbkontur/react-ui';
 </Gapped>;
 ```
 
-У Token есть 3 стандартных размера.
+### Размер
 
 ```jsx harmony
 import { Gapped, Token } from '@skbkontur/react-ui';

package/components/Token/Token.mixins/Token.mixins.js

@@ -1,7 +1,6 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
-export var tokenSizeMixin = function tokenSizeMixin(emotion) {
-  return function (tokenPaddingY, tokenPaddingX, lineHeight, fontSize, tokenMarginY, tokenMarginX) {
-    return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    padding: ", " ", ";\n    margin: ", " ", ";\n    line-height: ", ";\n    font-size: ", ";\n  "])), tokenPaddingY, tokenPaddingX, tokenMarginY, tokenMarginX, lineHeight, fontSize);
-  };
+import { css } from "../../../lib/theming/Emotion";
+export var tokenSizeMixin = function tokenSizeMixin(tokenPaddingY, tokenPaddingX, lineHeight, fontSize, tokenMarginY, tokenMarginX) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    padding: ", " ", ";\n    margin: ", " ", ";\n    line-height: ", ";\n    font-size: ", ";\n  "])), tokenPaddingY, tokenPaddingX, tokenMarginY, tokenMarginX, lineHeight, fontSize);
 };

package/components/Token/Token.mixins/Token.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["tokenSizeMixin","emotion","tokenPaddingY","tokenPaddingX","lineHeight","fontSize","tokenMarginY","tokenMarginX","css","_templateObject","_taggedTemplateLiteralLoose"],"sources":["Token.mixins.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nexport const tokenSizeMixin =\n  (emotion: Emotion) =>\n  (\n    tokenPaddingY: string,\n    tokenPaddingX: string,\n    lineHeight: string,\n    fontSize: string,\n    tokenMarginY: string,\n    tokenMarginX: string,\n  ) => {\n    return emotion.css`\n    padding: ${tokenPaddingY} ${tokenPaddingX};\n    margin: ${tokenMarginY} ${tokenMarginX};\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n  `;\n  };\n"],"mappings":";;AAEA,OAAO,IAAMA,cAAc;AACzB,SADWA,cAAcA,CACxBC,OAAgB;IACjB;IACEC,aAAqB;IACrBC,aAAqB;IACrBC,UAAkB;IAClBC,QAAgB;IAChBC,YAAoB;IACpBC,YAAoB;IACjB;MACH,OAAON,OAAO,CAACO,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;MACPR,aAAa,EAAIC,aAAa;MAC/BG,YAAY,EAAIC,YAAY;MACvBH,UAAU;MACZC,QAAQ;;IAEvB,CAAC","ignoreList":[]}
+{"version":3,"names":["css","tokenSizeMixin","tokenPaddingY","tokenPaddingX","lineHeight","fontSize","tokenMarginY","tokenMarginX","_templateObject","_taggedTemplateLiteralLoose"],"sources":["Token.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const tokenSizeMixin = (\n  tokenPaddingY: string,\n  tokenPaddingX: string,\n  lineHeight: string,\n  fontSize: string,\n  tokenMarginY: string,\n  tokenMarginX: string,\n) => {\n  return css`\n    padding: ${tokenPaddingY} ${tokenPaddingX};\n    margin: ${tokenMarginY} ${tokenMarginX};\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n  `;\n};\n"],"mappings":"oHAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA;AACzBC,aAAqB;AACrBC,aAAqB;AACrBC,UAAkB;AAClBC,QAAgB;AAChBC,YAAoB;AACpBC,YAAoB;AACjB;EACH,OAAOP,GAAG,CAAAQ,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACGP,aAAa,EAAIC,aAAa;EAC/BG,YAAY,EAAIC,YAAY;EACvBH,UAAU;EACZC,QAAQ;;AAEzB,CAAC","ignoreList":[]}

package/components/Token/Token.mixins.d.ts

@@ -1,2 +1 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const tokenSizeMixin: (emotion: Emotion) => (tokenPaddingY: string, tokenPaddingX: string, lineHeight: string, fontSize: string, tokenMarginY: string, tokenMarginX: string) => string;
+export declare const tokenSizeMixin: (tokenPaddingY: string, tokenPaddingX: string, lineHeight: string, fontSize: string, tokenMarginY: string, tokenMarginX: string) => string;

package/components/Token/Token.styles/Token.styles.js

@@ -1,62 +1,60 @@
 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;
-import { memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 import { tokenSizeMixin } from "../Token.mixins";
 export var globalClasses = prefix('token')({
   removeIcon: 'remove-icon'
 });
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    token: function token(t) {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        display: inline-flex;\n        align-items: center;\n        border-radius: ", ";\n      border: solid ", " transparent;\n        min-width: 0;\n        word-break: break-all;\n        user-select: none;\n\n        &:hover {\n          cursor: pointer;\n        }\n      "])), t.tokenBorderRadius, t.tokenBorderWidth);
-    },
-    tokenSmall: function tokenSmall(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), tokenSizeMixin(emotion)(t.tokenPaddingYSmall, t.tokenPaddingXSmall, t.tokenLineHeightSmall, t.tokenFontSizeSmall, t.tokenMarginYSmall, t.tokenMarginXSmall));
-    },
-    tokenMedium: function tokenMedium(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), tokenSizeMixin(emotion)(t.tokenPaddingYMedium, t.tokenPaddingXMedium, t.tokenLineHeightMedium, t.tokenFontSizeMedium, t.tokenMarginYMedium, t.tokenMarginXMedium));
-    },
-    tokenLarge: function tokenLarge(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), tokenSizeMixin(emotion)(t.tokenPaddingYLarge, t.tokenPaddingXLarge, t.tokenLineHeightLarge, t.tokenFontSizeLarge, t.tokenMarginYLarge, t.tokenMarginXLarge));
-    },
-    tokenIdle: function tokenIdle(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        background: ", ";\n        border-color: ", ";\n        background-clip: border-box;\n      "])), t.tokenColor, t.tokenBg, t.tokenBorderColor);
-    },
-    tokenHover: function tokenHover(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        &:hover {\n          color: ", ";\n          background: ", ";\n          border: solid ", " ", ";\n        }\n      "])), t.tokenColorHover, t.tokenBgHover, t.tokenBorderWidth, t.tokenBorderColorHover);
-    },
-    tokenActive: function tokenActive(t) {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        background: ", ";\n        border: solid ", " ", ";\n      "])), t.tokenColorActive, t.tokenBgActive, t.tokenBorderWidth, t.tokenBorderColorActive);
-    },
-    tokenError: function tokenError(t) {
-      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        border: solid ", " ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      "])), t.tokenBorderWidth, t.tokenBorderColorError, t.tokenOutlineWidth, t.tokenBorderColorError);
-    },
-    tokenWarning: function tokenWarning(t) {
-      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        border: solid ", " ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      "])), t.tokenBorderWidth, t.tokenBorderColorWarning, t.tokenOutlineWidth, t.tokenBorderColorWarning);
-    },
-    tokenDisabled: function tokenDisabled(t) {
-      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        user-select: text;\n        cursor: text;\n        color: ", ";\n        pointer-events: none;\n        border: solid 1px ", ";\n\n        .", " {\n          visibility: hidden;\n        }\n      "])), t.tokenTextColorDisabled, t.tokenBorderColorDisabled, globalClasses.removeIcon);
-    },
-    text: function text() {
-      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n      "])));
-    },
-    removeIcon: function removeIcon(t) {
-      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        height: ", ";\n        width: ", ";\n        flex-shrink: 0;\n        padding: ", " ", ";\n        box-sizing: ", ";\n        margin-left: ", ";\n        transition: none;\n        fill: currentColor;\n        opacity: 0.5;\n        line-height: 0;\n        display: inline-block;\n\n        &:hover {\n          opacity: 1;\n        }\n      "])), t.tokenRemoveIconSize, t.tokenRemoveIconSize, t.tokenRemoveIconPaddingY, t.tokenRemoveIconPaddingX, t.tokenRemoveIconBoxSizing, t.tokenRemoveIconGap);
-    },
-    helperText: function helperText() {
-      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        max-width: 100%;\n        word-break: break-all;\n\n        // don't collapse spaces\n        // so they get counted in width\n        white-space: pre-wrap;\n      "])));
-    },
-    helperContainer: function helperContainer() {
-      return emotion.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        position: absolute;\n        visibility: hidden;\n      "])));
-    },
-    helperContainerSmall: function helperContainerSmall(t) {
-      return emotion.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        left: ", ";\n        right: ", ";\n      "])), t.tokenInputPaddingXSmall, t.tokenInputPaddingXSmall);
-    },
-    helperContainerMedium: function helperContainerMedium(t) {
-      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        left: ", ";\n        right: ", ";\n      "])), t.tokenInputPaddingXMedium, t.tokenInputPaddingXMedium);
-    },
-    helperContainerLarge: function helperContainerLarge(t) {
-      return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        left: ", ";\n        right: ", ";\n      "])), t.tokenInputPaddingXLarge, t.tokenInputPaddingXLarge);
-    }
-  });
-};
+export var styles = memoizeStyle({
+  token: function token(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n      border-radius: ", ";\n      border: solid ", " transparent;\n      min-width: 0;\n      word-break: break-all;\n      user-select: none;\n\n      &:hover {\n        cursor: pointer;\n      }\n    "])), t.tokenBorderRadius, t.tokenBorderWidth);
+  },
+  tokenSmall: function tokenSmall(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), tokenSizeMixin(t.tokenPaddingYSmall, t.tokenPaddingXSmall, t.tokenLineHeightSmall, t.tokenFontSizeSmall, t.tokenMarginYSmall, t.tokenMarginXSmall));
+  },
+  tokenMedium: function tokenMedium(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), tokenSizeMixin(t.tokenPaddingYMedium, t.tokenPaddingXMedium, t.tokenLineHeightMedium, t.tokenFontSizeMedium, t.tokenMarginYMedium, t.tokenMarginXMedium));
+  },
+  tokenLarge: function tokenLarge(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), tokenSizeMixin(t.tokenPaddingYLarge, t.tokenPaddingXLarge, t.tokenLineHeightLarge, t.tokenFontSizeLarge, t.tokenMarginYLarge, t.tokenMarginXLarge));
+  },
+  tokenIdle: function tokenIdle(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background: ", ";\n      border-color: ", ";\n      background-clip: border-box;\n    "])), t.tokenColor, t.tokenBg, t.tokenBorderColor);
+  },
+  tokenHover: function tokenHover(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        color: ", ";\n        background: ", ";\n        border: solid ", " ", ";\n      }\n    "])), t.tokenColorHover, t.tokenBgHover, t.tokenBorderWidth, t.tokenBorderColorHover);
+  },
+  tokenActive: function tokenActive(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background: ", ";\n      border: solid ", " ", ";\n    "])), t.tokenColorActive, t.tokenBgActive, t.tokenBorderWidth, t.tokenBorderColorActive);
+  },
+  tokenError: function tokenError(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.tokenBorderWidth, t.tokenBorderColorError, t.tokenOutlineWidth, t.tokenBorderColorError);
+  },
+  tokenWarning: function tokenWarning(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.tokenBorderWidth, t.tokenBorderColorWarning, t.tokenOutlineWidth, t.tokenBorderColorWarning);
+  },
+  tokenDisabled: function tokenDisabled(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      user-select: text;\n      cursor: text;\n      color: ", ";\n      pointer-events: none;\n      border: solid 1px ", ";\n\n      .", " {\n        visibility: hidden;\n      }\n    "])), t.tokenTextColorDisabled, t.tokenBorderColorDisabled, globalClasses.removeIcon);
+  },
+  text: function text() {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
+  },
+  removeIcon: function removeIcon(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n      width: ", ";\n      flex-shrink: 0;\n      padding: ", " ", ";\n      box-sizing: ", ";\n      margin-left: ", ";\n      transition: none;\n      fill: currentColor;\n      opacity: 0.5;\n      line-height: 0;\n      display: inline-block;\n\n      &:hover {\n        opacity: 1;\n      }\n    "])), t.tokenRemoveIconSize, t.tokenRemoveIconSize, t.tokenRemoveIconPaddingY, t.tokenRemoveIconPaddingX, t.tokenRemoveIconBoxSizing, t.tokenRemoveIconGap);
+  },
+  helperText: function helperText() {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      max-width: 100%;\n      word-break: break-all;\n\n      // don't collapse spaces\n      // so they get counted in width\n      white-space: pre-wrap;\n    "])));
+  },
+  helperContainer: function helperContainer() {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      position: absolute;\n      visibility: hidden;\n    "])));
+  },
+  helperContainerSmall: function helperContainerSmall(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      left: ", ";\n      right: ", ";\n    "])), t.tokenInputPaddingXSmall, t.tokenInputPaddingXSmall);
+  },
+  helperContainerMedium: function helperContainerMedium(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      left: ", ";\n      right: ", ";\n    "])), t.tokenInputPaddingXMedium, t.tokenInputPaddingXMedium);
+  },
+  helperContainerLarge: function helperContainerLarge(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      left: ", ";\n      right: ", ";\n    "])), t.tokenInputPaddingXLarge, t.tokenInputPaddingXLarge);
+  }
+});

package/components/Token/Token.styles/Token.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","prefix","tokenSizeMixin","globalClasses","removeIcon","getStyles","emotion","token","t","css","_templateObject","_taggedTemplateLiteralLoose","tokenBorderRadius","tokenBorderWidth","tokenSmall","_templateObject2","tokenPaddingYSmall","tokenPaddingXSmall","tokenLineHeightSmall","tokenFontSizeSmall","tokenMarginYSmall","tokenMarginXSmall","tokenMedium","_templateObject3","tokenPaddingYMedium","tokenPaddingXMedium","tokenLineHeightMedium","tokenFontSizeMedium","tokenMarginYMedium","tokenMarginXMedium","tokenLarge","_templateObject4","tokenPaddingYLarge","tokenPaddingXLarge","tokenLineHeightLarge","tokenFontSizeLarge","tokenMarginYLarge","tokenMarginXLarge","tokenIdle","_templateObject5","tokenColor","tokenBg","tokenBorderColor","tokenHover","_templateObject6","tokenColorHover","tokenBgHover","tokenBorderColorHover","tokenActive","_templateObject7","tokenColorActive","tokenBgActive","tokenBorderColorActive","tokenError","_templateObject8","tokenBorderColorError","tokenOutlineWidth","tokenWarning","_templateObject9","tokenBorderColorWarning","tokenDisabled","_templateObject10","tokenTextColorDisabled","tokenBorderColorDisabled","text","_templateObject11","_templateObject12","tokenRemoveIconSize","tokenRemoveIconPaddingY","tokenRemoveIconPaddingX","tokenRemoveIconBoxSizing","tokenRemoveIconGap","helperText","_templateObject13","helperContainer","_templateObject14","helperContainerSmall","_templateObject15","tokenInputPaddingXSmall","helperContainerMedium","_templateObject16","tokenInputPaddingXMedium","helperContainerLarge","_templateObject17","tokenInputPaddingXLarge"],"sources":["Token.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { tokenSizeMixin } from './Token.mixins';\n\nexport const globalClasses = prefix('token')({\n  removeIcon: 'remove-icon',\n});\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    token(t: Theme) {\n      return emotion.css`\n        display: inline-flex;\n        align-items: center;\n        border-radius: ${t.tokenBorderRadius};\n      border: solid ${t.tokenBorderWidth} transparent;\n        min-width: 0;\n        word-break: break-all;\n        user-select: none;\n\n        &:hover {\n          cursor: pointer;\n        }\n      `;\n    },\n\n    tokenSmall(t: Theme) {\n      return emotion.css`\n        ${tokenSizeMixin(emotion)(\n          t.tokenPaddingYSmall,\n          t.tokenPaddingXSmall,\n          t.tokenLineHeightSmall,\n          t.tokenFontSizeSmall,\n          t.tokenMarginYSmall,\n          t.tokenMarginXSmall,\n        )};\n      `;\n    },\n\n    tokenMedium(t: Theme) {\n      return emotion.css`\n        ${tokenSizeMixin(emotion)(\n          t.tokenPaddingYMedium,\n          t.tokenPaddingXMedium,\n          t.tokenLineHeightMedium,\n          t.tokenFontSizeMedium,\n          t.tokenMarginYMedium,\n          t.tokenMarginXMedium,\n        )};\n      `;\n    },\n\n    tokenLarge(t: Theme) {\n      return emotion.css`\n        ${tokenSizeMixin(emotion)(\n          t.tokenPaddingYLarge,\n          t.tokenPaddingXLarge,\n          t.tokenLineHeightLarge,\n          t.tokenFontSizeLarge,\n          t.tokenMarginYLarge,\n          t.tokenMarginXLarge,\n        )};\n      `;\n    },\n\n    tokenIdle(t: Theme) {\n      return emotion.css`\n        color: ${t.tokenColor};\n        background: ${t.tokenBg};\n        border-color: ${t.tokenBorderColor};\n        background-clip: border-box;\n      `;\n    },\n\n    tokenHover(t: Theme) {\n      return emotion.css`\n        &:hover {\n          color: ${t.tokenColorHover};\n          background: ${t.tokenBgHover};\n          border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorHover};\n        }\n      `;\n    },\n\n    tokenActive(t: Theme) {\n      return emotion.css`\n        color: ${t.tokenColorActive};\n        background: ${t.tokenBgActive};\n        border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorActive};\n      `;\n    },\n\n    tokenError(t: Theme) {\n      return emotion.css`\n        border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorError};\n        box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorError};\n      `;\n    },\n\n    tokenWarning(t: Theme) {\n      return emotion.css`\n        border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorWarning};\n        box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorWarning};\n      `;\n    },\n\n    tokenDisabled(t: Theme) {\n      return emotion.css`\n        user-select: text;\n        cursor: text;\n        color: ${t.tokenTextColorDisabled};\n        pointer-events: none;\n        border: solid 1px ${t.tokenBorderColorDisabled};\n\n        .${globalClasses.removeIcon} {\n          visibility: hidden;\n        }\n      `;\n    },\n\n    text() {\n      return emotion.css`\n        display: inline-block;\n      `;\n    },\n\n    removeIcon(t: Theme) {\n      return emotion.css`\n        height: ${t.tokenRemoveIconSize};\n        width: ${t.tokenRemoveIconSize};\n        flex-shrink: 0;\n        padding: ${t.tokenRemoveIconPaddingY} ${t.tokenRemoveIconPaddingX};\n        box-sizing: ${t.tokenRemoveIconBoxSizing};\n        margin-left: ${t.tokenRemoveIconGap};\n        transition: none;\n        fill: currentColor;\n        opacity: 0.5;\n        line-height: 0;\n        display: inline-block;\n\n        &:hover {\n          opacity: 1;\n        }\n      `;\n    },\n\n    helperText() {\n      return emotion.css`\n        max-width: 100%;\n        word-break: break-all;\n\n        // don't collapse spaces\n        // so they get counted in width\n        white-space: pre-wrap;\n      `;\n    },\n    helperContainer() {\n      return emotion.css`\n        display: flex;\n        position: absolute;\n        visibility: hidden;\n      `;\n    },\n    helperContainerSmall(t: Theme) {\n      return emotion.css`\n        left: ${t.tokenInputPaddingXSmall};\n        right: ${t.tokenInputPaddingXSmall};\n      `;\n    },\n    helperContainerMedium(t: Theme) {\n      return emotion.css`\n        left: ${t.tokenInputPaddingXMedium};\n        right: ${t.tokenInputPaddingXMedium};\n      `;\n    },\n    helperContainerLarge(t: Theme) {\n      return emotion.css`\n        left: ${t.tokenInputPaddingXLarge};\n        right: ${t.tokenInputPaddingXLarge};\n      `;\n    },\n  });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","prefix","tokenSizeMixin","globalClasses","removeIcon","styles","token","t","_templateObject","_taggedTemplateLiteralLoose","tokenBorderRadius","tokenBorderWidth","tokenSmall","_templateObject2","tokenPaddingYSmall","tokenPaddingXSmall","tokenLineHeightSmall","tokenFontSizeSmall","tokenMarginYSmall","tokenMarginXSmall","tokenMedium","_templateObject3","tokenPaddingYMedium","tokenPaddingXMedium","tokenLineHeightMedium","tokenFontSizeMedium","tokenMarginYMedium","tokenMarginXMedium","tokenLarge","_templateObject4","tokenPaddingYLarge","tokenPaddingXLarge","tokenLineHeightLarge","tokenFontSizeLarge","tokenMarginYLarge","tokenMarginXLarge","tokenIdle","_templateObject5","tokenColor","tokenBg","tokenBorderColor","tokenHover","_templateObject6","tokenColorHover","tokenBgHover","tokenBorderColorHover","tokenActive","_templateObject7","tokenColorActive","tokenBgActive","tokenBorderColorActive","tokenError","_templateObject8","tokenBorderColorError","tokenOutlineWidth","tokenWarning","_templateObject9","tokenBorderColorWarning","tokenDisabled","_templateObject10","tokenTextColorDisabled","tokenBorderColorDisabled","text","_templateObject11","_templateObject12","tokenRemoveIconSize","tokenRemoveIconPaddingY","tokenRemoveIconPaddingX","tokenRemoveIconBoxSizing","tokenRemoveIconGap","helperText","_templateObject13","helperContainer","_templateObject14","helperContainerSmall","_templateObject15","tokenInputPaddingXSmall","helperContainerMedium","_templateObject16","tokenInputPaddingXMedium","helperContainerLarge","_templateObject17","tokenInputPaddingXLarge"],"sources":["Token.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { tokenSizeMixin } from './Token.mixins';\n\nexport const globalClasses = prefix('token')({\n  removeIcon: 'remove-icon',\n});\n\nexport const styles = memoizeStyle({\n  token(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      border-radius: ${t.tokenBorderRadius};\n      border: solid ${t.tokenBorderWidth} transparent;\n      min-width: 0;\n      word-break: break-all;\n      user-select: none;\n\n      &:hover {\n        cursor: pointer;\n      }\n    `;\n  },\n\n  tokenSmall(t: Theme) {\n    return css`\n      ${tokenSizeMixin(\n        t.tokenPaddingYSmall,\n        t.tokenPaddingXSmall,\n        t.tokenLineHeightSmall,\n        t.tokenFontSizeSmall,\n        t.tokenMarginYSmall,\n        t.tokenMarginXSmall,\n      )};\n    `;\n  },\n\n  tokenMedium(t: Theme) {\n    return css`\n      ${tokenSizeMixin(\n        t.tokenPaddingYMedium,\n        t.tokenPaddingXMedium,\n        t.tokenLineHeightMedium,\n        t.tokenFontSizeMedium,\n        t.tokenMarginYMedium,\n        t.tokenMarginXMedium,\n      )};\n    `;\n  },\n\n  tokenLarge(t: Theme) {\n    return css`\n      ${tokenSizeMixin(\n        t.tokenPaddingYLarge,\n        t.tokenPaddingXLarge,\n        t.tokenLineHeightLarge,\n        t.tokenFontSizeLarge,\n        t.tokenMarginYLarge,\n        t.tokenMarginXLarge,\n      )};\n    `;\n  },\n\n  tokenIdle(t: Theme) {\n    return css`\n      color: ${t.tokenColor};\n      background: ${t.tokenBg};\n      border-color: ${t.tokenBorderColor};\n      background-clip: border-box;\n    `;\n  },\n\n  tokenHover(t: Theme) {\n    return css`\n      &:hover {\n        color: ${t.tokenColorHover};\n        background: ${t.tokenBgHover};\n        border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorHover};\n      }\n    `;\n  },\n\n  tokenActive(t: Theme) {\n    return css`\n      color: ${t.tokenColorActive};\n      background: ${t.tokenBgActive};\n      border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorActive};\n    `;\n  },\n\n  tokenError(t: Theme) {\n    return css`\n      border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorError};\n      box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorError};\n    `;\n  },\n\n  tokenWarning(t: Theme) {\n    return css`\n      border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorWarning};\n      box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorWarning};\n    `;\n  },\n\n  tokenDisabled(t: Theme) {\n    return css`\n      user-select: text;\n      cursor: text;\n      color: ${t.tokenTextColorDisabled};\n      pointer-events: none;\n      border: solid 1px ${t.tokenBorderColorDisabled};\n\n      .${globalClasses.removeIcon} {\n        visibility: hidden;\n      }\n    `;\n  },\n\n  text() {\n    return css`\n      display: inline-block;\n    `;\n  },\n\n  removeIcon(t: Theme) {\n    return css`\n      height: ${t.tokenRemoveIconSize};\n      width: ${t.tokenRemoveIconSize};\n      flex-shrink: 0;\n      padding: ${t.tokenRemoveIconPaddingY} ${t.tokenRemoveIconPaddingX};\n      box-sizing: ${t.tokenRemoveIconBoxSizing};\n      margin-left: ${t.tokenRemoveIconGap};\n      transition: none;\n      fill: currentColor;\n      opacity: 0.5;\n      line-height: 0;\n      display: inline-block;\n\n      &:hover {\n        opacity: 1;\n      }\n    `;\n  },\n\n  helperText() {\n    return css`\n      max-width: 100%;\n      word-break: break-all;\n\n      // don't collapse spaces\n      // so they get counted in width\n      white-space: pre-wrap;\n    `;\n  },\n  helperContainer() {\n    return css`\n      display: flex;\n      position: absolute;\n      visibility: hidden;\n    `;\n  },\n  helperContainerSmall(t: Theme) {\n    return css`\n      left: ${t.tokenInputPaddingXSmall};\n      right: ${t.tokenInputPaddingXSmall};\n    `;\n  },\n  helperContainerMedium(t: Theme) {\n    return css`\n      left: ${t.tokenInputPaddingXMedium};\n      right: ${t.tokenInputPaddingXMedium};\n    `;\n  },\n  helperContainerLarge(t: Theme) {\n    return css`\n      left: ${t.tokenInputPaddingXLarge};\n      right: ${t.tokenInputPaddingXLarge};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/Token/Token.styles.d.ts

@@ -1,24 +1,23 @@
-import type { Emotion } from '@emotion/css/create-instance';
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    removeIcon: string;
-};
-export declare const getStyles: (emotion: Emotion) => {
-    token(t: Theme): string;
-    tokenSmall(t: Theme): string;
-    tokenMedium(t: Theme): string;
-    tokenLarge(t: Theme): string;
-    tokenIdle(t: Theme): string;
-    tokenHover(t: Theme): string;
-    tokenActive(t: Theme): string;
-    tokenError(t: Theme): string;
-    tokenWarning(t: Theme): string;
-    tokenDisabled(t: Theme): string;
-    text(): string;
-    removeIcon(t: Theme): string;
-    helperText(): string;
-    helperContainer(): string;
-    helperContainerSmall(t: Theme): string;
-    helperContainerMedium(t: Theme): string;
-    helperContainerLarge(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    removeIcon: string;
+};
+export declare const styles: {
+    token(t: Theme): string;
+    tokenSmall(t: Theme): string;
+    tokenMedium(t: Theme): string;
+    tokenLarge(t: Theme): string;
+    tokenIdle(t: Theme): string;
+    tokenHover(t: Theme): string;
+    tokenActive(t: Theme): string;
+    tokenError(t: Theme): string;
+    tokenWarning(t: Theme): string;
+    tokenDisabled(t: Theme): string;
+    text(): string;
+    removeIcon(t: Theme): string;
+    helperText(): string;
+    helperContainer(): string;
+    helperContainerSmall(t: Theme): string;
+    helperContainerMedium(t: Theme): string;
+    helperContainerLarge(t: Theme): string;
+};