@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

package/cjs/components/Token/Token.js

@@ -1,19 +1,22 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TokenDataTids = exports.Token = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TokenDataTids = exports.Token = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _react = _interopRequireDefault(require("react"));
 
 var _decorators = require("../../lib/locale/decorators");
-var _CrossIcon = require("../../internal/icons/CrossIcon");
 var _utils = require("../../lib/utils");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
+
 var _rootNode = require("../../lib/rootNode");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 var _CloseButtonIcon = require("../../internal/CloseButtonIcon/CloseButtonIcon");
 
 var _reactGetTextContent = require("../../lib/reactGetTextContent");
+var _getVisualStateDataAttributes = require("../../internal/CommonWrapper/utils/getVisualStateDataAttributes");
 
 var _Token2 = require("./Token.styles");
+
 var _locale = require("./locale");
 var _TokenView = require("./TokenView");var _dec, _class, _Token;
 
@@ -45,27 +48,17 @@ var _TokenView = require("./TokenView");var _dec, _class, _Token;
 
 
 
-
-
-
-
-
-
-var getValidation = function getValidation(error, warning) {
-  if (error) {
-    return 'error';
-  } else if (warning) {
-    return 'warning';
-  }
-
-  return null;
-};
 
 var TokenDataTids = exports.TokenDataTids = {
   root: 'Token__root',
   removeIcon: 'Token__removeIcon'
-};var
+};
 
+/**
+ * Однородный элемент — `Token`.
+ *
+ * Используется в компоненте поле с токенами TokenInput.
+ */var
 
 
 Token = exports.Token = (_dec = (0, _decorators.locale)('Token', _locale.TokenLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = (_Token = /*#__PURE__*/function (_React$Component) {function Token() {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.
@@ -137,24 +130,6 @@ Token = exports.Token = (_dec = (0, _decorators.locale)('Token', _locale.TokenLo
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -183,4 +158,4 @@ Token = exports.Token = (_dec = (0, _decorators.locale)('Token', _locale.TokenLo
       }
 
       onRemove(event);
-    };return _this;}(0, _inheritsLoose2.default)(Token, _React$Component);var _proto = Token.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props2 = this.props,size = _this$props2.size,children = _this$props2.children,isActive = _this$props2.isActive,_this$props2$colors = _this$props2.colors,colors = _this$props2$colors === void 0 ? { idle: 'defaultIdle', active: 'defaultActive' } : _this$props2$colors,error = _this$props2.error,warning = _this$props2.warning,disabled = _this$props2.disabled,ariaDescribedby = _this$props2['aria-describedby'],_this$props2$onClick = _this$props2.onClick,onClick = _this$props2$onClick === void 0 ? _utils.emptyHandler : _this$props2$onClick,_this$props2$onDouble = _this$props2.onDoubleClick,onDoubleClick = _this$props2$onDouble === void 0 ? _utils.emptyHandler : _this$props2$onDouble,_this$props2$onMouseE = _this$props2.onMouseEnter,onMouseEnter = _this$props2$onMouseE === void 0 ? _utils.emptyHandler : _this$props2$onMouseE,_this$props2$onMouseL = _this$props2.onMouseLeave,onMouseLeave = _this$props2$onMouseL === void 0 ? _utils.emptyHandler : _this$props2$onMouseL,_this$props2$onFocus = _this$props2.onFocus,onFocus = _this$props2$onFocus === void 0 ? _utils.emptyHandler : _this$props2$onFocus,_this$props2$onBlur = _this$props2.onBlur,onBlur = _this$props2$onBlur === void 0 ? _utils.emptyHandler : _this$props2$onBlur;var theme = this.theme;var validation = getValidation(error, warning);var removeButtonAriaLabel = this.locale.removeButtonAriaLabel + ' ' + (0, _reactGetTextContent.reactGetTextContent)(children);var icon = (0, _ThemeHelpers.isTheme2022)(theme) ? /*#__PURE__*/_react.default.createElement(_CloseButtonIcon.CloseButtonIcon, { side: 16, color: "inherit", colorHover: "inherit", "aria-label": removeButtonAriaLabel, tabbable: false }) : /*#__PURE__*/_react.default.createElement(_CrossIcon.CrossIcon, null);var classNames = (0, _ThemeHelpers.isTheme2022)(theme) ? (0, _Emotion.cx)(_Token2.styles.tokenDefaultIdle2022(theme), !isActive && !warning && !error && !disabled && _Token2.styles.tokenDefaultIdleHovering2022(theme), isActive && _Token2.styles.tokenDefaultActive2022(theme), warning && _Token2.styles.tokenWarning2022(theme), error && _Token2.styles.tokenError2022(theme), disabled && _Token2.styles.tokenDisabled2022(theme)) : (0, _Emotion.cx)(_Token2.colorStyles[colors.idle](theme, validation), !!isActive && _Token2.colorStyles[colors.active || colors.idle](theme, validation), !!disabled && _Token2.styles.disabled(theme), !!disabled && _Token2.colorStyles.defaultDisabled(theme), !!disabled && warning && _Token2.colorStyles.defaultDisabledWarning(theme), !!disabled && error && _Token2.colorStyles.defaultDisabledError(theme));var textholder = /*#__PURE__*/_react.default.createElement("span", { className: _Token2.styles.text(this.theme) }, children);var closeButton = /*#__PURE__*/_react.default.createElement("span", { role: (0, _ThemeHelpers.isTheme2022)(theme) ? undefined : 'button', "aria-label": (0, _ThemeHelpers.isTheme2022)(theme) ? undefined : removeButtonAriaLabel, onClick: this.onRemoveClick, "data-tid": TokenDataTids.removeIcon }, icon);return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { className: classNames, size: size, closeButton: closeButton, "data-tid": TokenDataTids.root, "aria-describedby": ariaDescribedby, onClick: onClick, onDoubleClick: onDoubleClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, textholder));};return Token;}(_react.default.Component), _Token.__KONTUR_REACT_UI__ = 'Token', _Token.displayName = 'Token', _Token)) || _class) || _class);
+    };return _this;}(0, _inheritsLoose2.default)(Token, _React$Component);var _proto = Token.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props2 = this.props,size = _this$props2.size,children = _this$props2.children,isActive = _this$props2.isActive,error = _this$props2.error,warning = _this$props2.warning,disabled = _this$props2.disabled,ariaDescribedby = _this$props2['aria-describedby'],_this$props2$onClick = _this$props2.onClick,onClick = _this$props2$onClick === void 0 ? _utils.emptyHandler : _this$props2$onClick,_this$props2$onDouble = _this$props2.onDoubleClick,onDoubleClick = _this$props2$onDouble === void 0 ? _utils.emptyHandler : _this$props2$onDouble,_this$props2$onMouseE = _this$props2.onMouseEnter,onMouseEnter = _this$props2$onMouseE === void 0 ? _utils.emptyHandler : _this$props2$onMouseE,_this$props2$onMouseL = _this$props2.onMouseLeave,onMouseLeave = _this$props2$onMouseL === void 0 ? _utils.emptyHandler : _this$props2$onMouseL,_this$props2$onFocus = _this$props2.onFocus,onFocus = _this$props2$onFocus === void 0 ? _utils.emptyHandler : _this$props2$onFocus,_this$props2$onBlur = _this$props2.onBlur,onBlur = _this$props2$onBlur === void 0 ? _utils.emptyHandler : _this$props2$onBlur;var theme = this.theme;var removeButtonAriaLabel = this.locale.removeButtonAriaLabel + ' ' + (0, _reactGetTextContent.reactGetTextContent)(children);var icon = /*#__PURE__*/_react.default.createElement(_CloseButtonIcon.CloseButtonIcon, { side: 16, color: "inherit", colorHover: "inherit", "aria-label": removeButtonAriaLabel, tabbable: false });var classNames = (0, _Emotion.cx)(_Token2.styles.tokenIdle(theme), !isActive && !warning && !error && !disabled && _Token2.styles.tokenHover(theme), isActive && _Token2.styles.tokenActive(theme), warning && _Token2.styles.tokenWarning(theme), error && _Token2.styles.tokenError(theme), disabled && _Token2.styles.tokenDisabled(theme));var textholder = /*#__PURE__*/_react.default.createElement("span", { className: _Token2.styles.text() }, children);var closeButton = /*#__PURE__*/_react.default.createElement("span", { onClick: this.onRemoveClick, "data-tid": TokenDataTids.removeIcon }, icon);return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props, (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ disabled: disabled })), /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { className: classNames, size: size, closeButton: closeButton, "data-tid": TokenDataTids.root, "aria-describedby": ariaDescribedby, onClick: onClick, onDoubleClick: onDoubleClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, textholder));};return Token;}(_react.default.Component), _Token.__KONTUR_REACT_UI__ = 'Token', _Token.displayName = 'Token', _Token)) || _class) || _class);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_decorators","_CrossIcon","_utils","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_ThemeHelpers","_CloseButtonIcon","_reactGetTextContent","_Token2","_locale","_TokenView","_dec","_class","_Token","getValidation","error","warning","TokenDataTids","exports","root","removeIcon","Token","locale","TokenLocaleHelper","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","onRemoveClick","event","_this$props","props","disabled","_this$props$onRemove","onRemove","emptyHandler","preventDefault","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_this$props2","size","children","isActive","_this$props2$colors","colors","idle","active","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","validation","removeButtonAriaLabel","reactGetTextContent","icon","isTheme2022","CloseButtonIcon","side","color","colorHover","tabbable","CrossIcon","classNames","cx","styles","tokenDefaultIdle2022","tokenDefaultIdleHovering2022","tokenDefaultActive2022","tokenWarning2022","tokenError2022","tokenDisabled2022","colorStyles","defaultDisabled","defaultDisabledWarning","defaultDisabledError","textholder","className","text","closeButton","role","undefined","CommonWrapper","_extends2","rootNodeRef","setRootNode","TokenView","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Token.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { SizeProp } from '../../lib/types/props';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\n\nimport { styles, colorStyles } from './Token.styles';\nimport { TokenLocale, TokenLocaleHelper } from './locale';\nimport { TokenView } from './TokenView';\n\nexport type TokenColorName = keyof typeof colorStyles;\n\nexport interface TokenColors {\n  idle: TokenColorName;\n  active?: TokenColorName;\n}\n\nexport type TokenSize = SizeProp;\n\nexport interface TokenProps extends Pick<AriaAttributes, 'aria-describedby'>, CommonProps {\n  colors?: TokenColors;\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\nconst getValidation = (error: TokenProps['error'], warning: TokenProps['warning']) => {\n  if (error) {\n    return 'error';\n  } else if (warning) {\n    return 'warning';\n  }\n\n  return null;\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 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      colors = { idle: 'defaultIdle', active: 'defaultActive' },\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 validation = getValidation(error, warning);\n    const removeButtonAriaLabel = this.locale.removeButtonAriaLabel + ' ' + reactGetTextContent(children);\n\n    const icon = isTheme2022(theme) ? (\n      <CloseButtonIcon\n        side={16}\n        color=\"inherit\"\n        colorHover=\"inherit\"\n        aria-label={removeButtonAriaLabel}\n        tabbable={false}\n      />\n    ) : (\n      <CrossIcon />\n    );\n\n    const classNames = isTheme2022(theme)\n      ? cx(\n          styles.tokenDefaultIdle2022(theme),\n          !isActive && !warning && !error && !disabled && styles.tokenDefaultIdleHovering2022(theme),\n          isActive && styles.tokenDefaultActive2022(theme),\n          warning && styles.tokenWarning2022(theme),\n          error && styles.tokenError2022(theme),\n          disabled && styles.tokenDisabled2022(theme),\n        )\n      : cx(\n          colorStyles[colors.idle](theme, validation),\n          !!isActive && colorStyles[colors.active || colors.idle](theme, validation),\n          !!disabled && styles.disabled(theme),\n          !!disabled && colorStyles.defaultDisabled(theme),\n          !!disabled && warning && colorStyles.defaultDisabledWarning(theme),\n          !!disabled && error && colorStyles.defaultDisabledError(theme),\n        );\n\n    const textholder = <span className={styles.text(this.theme)}>{children}</span>;\n\n    const closeButton = (\n      <span\n        role={isTheme2022(theme) ? undefined : 'button'}\n        aria-label={isTheme2022(theme) ? undefined : removeButtonAriaLabel}\n        onClick={this.onRemoveClick}\n        data-tid={TokenDataTids.removeIcon}\n      >\n        {icon}\n      </span>\n    );\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\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","_interopRequireDefault","require","_decorators","_utils","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_CloseButtonIcon","_reactGetTextContent","_getVisualStateDataAttributes","_Token2","_locale","_TokenView","_dec","_class","_Token","TokenDataTids","exports","root","removeIcon","Token","locale","TokenLocaleHelper","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","onRemoveClick","event","_this$props","props","disabled","_this$props$onRemove","onRemove","emptyHandler","preventDefault","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","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","reactGetTextContent","icon","CloseButtonIcon","side","color","colorHover","tabbable","classNames","cx","styles","tokenIdle","tokenHover","tokenActive","tokenWarning","tokenError","tokenDisabled","textholder","className","text","closeButton","CommonWrapper","_extends2","rootNodeRef","setRootNode","getVisualStateDataAttributes","TokenView","React","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/cjs/components/Token/Token.md

@@ -1,4 +1,4 @@
-Token example
+### Базовый пример
 
 ```jsx harmony
 import { Token } from '@skbkontur/react-ui';
@@ -6,7 +6,8 @@ import { Token } from '@skbkontur/react-ui';
 <Token>Example</Token>;
 ```
 
-You can control color of each token
+### Цвет токена
+У разных токенов может быть разный цвет.
 
 ```jsx harmony
 import { Gapped, Token } from '@skbkontur/react-ui';
@@ -88,7 +89,7 @@ const colors = {
 </Gapped>;
 ```
 
-Can accept validation state
+### Состояние валидации
 
 ```jsx harmony
 import { Gapped, Token } from '@skbkontur/react-ui';
@@ -111,9 +112,11 @@ import { Gapped, Token } from '@skbkontur/react-ui';
 </Gapped>;
 ```
 
-У Token есть 3 стандартных размера.
+### Размер
 
 ```jsx harmony
+import { Gapped, Token } from '@skbkontur/react-ui';
+
 <Gapped vertical>
   <Token size="small">
     Маленький

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

@@ -1 +1 @@
-export declare const tokenSizeMixin: (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/cjs/components/Token/Token.styles.d.ts

@@ -1,44 +1,23 @@
-import { 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;
-    token2022(t: Theme): string;
-    tokenDefaultIdle2022(t: Theme): string;
-    tokenDefaultIdleHovering2022(t: Theme): string;
-    tokenDefaultActive2022(t: Theme): string;
-    tokenError2022(t: Theme): string;
-    tokenWarning2022(t: Theme): string;
-    tokenDisabled2022(t: Theme): string;
-    disabled(t: Theme): string;
-    text(t: Theme): string;
-    removeIcon(t: Theme): string;
-    helperText(): string;
-    helperContainer(): string;
-    helperContainerSmall(t: Theme): string;
-    helperContainerMedium(t: Theme): string;
-    helperContainerLarge(t: Theme): string;
-};
-export declare const colorStyles: {
-    defaultIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
-    defaultActive: (t: Theme, v: 'error' | 'warning' | null) => string;
-    defaultDisabled: (t: Theme) => string;
-    defaultDisabledWarning: (t: Theme) => string;
-    defaultDisabledError: (t: Theme) => string;
-    grayIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
-    grayActive: (t: Theme, v: 'error' | 'warning' | null) => string;
-    blueIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
-    blueActive: (t: Theme, v: 'error' | 'warning' | null) => string;
-    greenIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
-    greenActive: (t: Theme, v: 'error' | 'warning' | null) => string;
-    yellowIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
-    yellowActive: (t: Theme, v: 'error' | 'warning' | null) => string;
-    redIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
-    redActive: (t: Theme, v: 'error' | 'warning' | null) => string;
-    white: (t: Theme, v: 'error' | 'warning' | null) => string;
-    black: (t: Theme, v: 'error' | 'warning' | null) => 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;
+};

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

@@ -1,8 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.styles = exports.globalClasses = exports.colorStyles = void 0;var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
-var ColorFunctions = _interopRequireWildcard(require("../../lib/styles/ColorFunctions"));
 
-var _Token = require("./Token.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25;
+var _Token = require("./Token.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
 
 var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('token')({
   removeIcon: 'remove-icon'
@@ -10,10 +9,11 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('token')({
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   token: function token(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n      border-radius: ", ";\n      min-width: 0;\n      word-break: break-all;\n      user-select: none;\n\n      &:hover {\n        cursor: pointer;\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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.tokenBorderRadius,
+    t.tokenBorderWidth);
 
 
 
@@ -63,55 +63,49 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
 
-  token2022: function token2022(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: solid ", " transparent;\n    "])),
-    t.tokenBorderWidth);
-
-  },
-
-  tokenDefaultIdle2022: function tokenDefaultIdle2022(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n      border-color: ", ";\n      background-clip: border-box;\n    "])),
-    t.tokenDefaultIdleColor,
-    t.tokenDefaultIdleBg,
-    t.tokenDefaultIdleBorderColor);
+  tokenIdle: function tokenIdle(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n      border-color: ", ";\n      background-clip: border-box;\n    "])),
+    t.tokenColor,
+    t.tokenBg,
+    t.tokenBorderColor);
 
 
   },
 
-  tokenDefaultIdleHovering2022: function tokenDefaultIdleHovering2022(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        color: ", ";\n        background: ", ";\n        border: solid ", " ", ";\n      }\n    "])),
+  tokenHover: function tokenHover(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        color: ", ";\n        background: ", ";\n        border: solid ", " ", ";\n      }\n    "])),
 
-    t.tokenDefaultIdleColorHover,
-    t.tokenDefaultIdleBgHover,
-    t.tokenBorderWidth, t.tokenDefaultIdleBorderColorHover);
+    t.tokenColorHover,
+    t.tokenBgHover,
+    t.tokenBorderWidth, t.tokenBorderColorHover);
 
 
   },
 
-  tokenDefaultActive2022: function tokenDefaultActive2022(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n      border: solid ", " ", ";\n    "])),
-    t.tokenDefaultActiveColor,
-    t.tokenDefaultActiveBg,
-    t.tokenBorderWidth, t.tokenDefaultActiveBorderColor);
+  tokenActive: function tokenActive(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n      border: solid ", " ", ";\n    "])),
+    t.tokenColorActive,
+    t.tokenBgActive,
+    t.tokenBorderWidth, t.tokenBorderColorActive);
 
   },
 
-  tokenError2022: function tokenError2022(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
+  tokenError: function tokenError(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
     t.tokenBorderWidth, t.tokenBorderColorError,
     t.tokenOutlineWidth, t.tokenBorderColorError);
 
   },
 
-  tokenWarning2022: function tokenWarning2022(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
+  tokenWarning: function tokenWarning(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
     t.tokenBorderWidth, t.tokenBorderColorWarning,
     t.tokenOutlineWidth, t.tokenBorderColorWarning);
 
   },
 
-  tokenDisabled2022: function tokenDisabled2022(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: text;\n      cursor: text;\n      color: ", ";\n      pointer-events: none;\n      border: solid 1px ", ";\n\n      .", " {\n        visibility: hidden;\n      }\n    "])),
+  tokenDisabled: function tokenDisabled(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\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,
@@ -124,28 +118,14 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
 
-  disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: text;\n      cursor: text;\n      color: ", ";\n      pointer-events: none;\n\n      .", " {\n        visibility: hidden;\n      }\n    "])),
-
-
-    t.tokenTextColorDisabled,
-
-
-    globalClasses.removeIcon);
-
-
-
-  },
-
-  text: function text(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      padding-bottom: ", ";\n    "])),
+  text: function text() {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
 
-    t.tokenLegacyTextShift);
 
   },
 
   removeIcon: function removeIcon(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\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,
 
@@ -165,7 +145,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   helperText: function helperText() {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
 
 
 
@@ -175,124 +155,28 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
   helperContainer: function helperContainer() {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      position: absolute;\n      visibility: hidden;\n    "])));
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      position: absolute;\n      visibility: hidden;\n    "])));
 
 
 
 
   },
   helperContainerSmall: function helperContainerSmall(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
     t.tokenInputPaddingXSmall,
     t.tokenInputPaddingXSmall);
 
   },
   helperContainerMedium: function helperContainerMedium(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
     t.tokenInputPaddingXMedium,
     t.tokenInputPaddingXMedium);
 
   },
   helperContainerLarge: function helperContainerLarge(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
     t.tokenInputPaddingXLarge,
     t.tokenInputPaddingXLarge);
 
   }
-});
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var colorStyles = exports.colorStyles = [
-{ name: 'defaultIdle', color: function color(t) {return t.tokenDefaultIdle;} },
-{ name: 'defaultActive', color: function color(t) {return t.tokenDefaultActive;} },
-{ name: 'grayIdle', color: function color(t) {return t.tokenGrayIdle;} },
-{ name: 'grayActive', color: function color(t) {return t.tokenGrayActive;} },
-{ name: 'blueIdle', color: function color(t) {return t.tokenBlueIdle;} },
-{ name: 'blueActive', color: function color(t) {return t.tokenBlueActive;} },
-{ name: 'greenIdle', color: function color(t) {return t.tokenGreenIdle;} },
-{ name: 'greenActive', color: function color(t) {return t.tokenGreenActive;} },
-{ name: 'yellowIdle', color: function color(t) {return t.tokenYellowIdle;} },
-{ name: 'yellowActive', color: function color(t) {return t.tokenYellowActive;} },
-{ name: 'redIdle', color: function color(t) {return t.tokenRedIdle;} },
-{ name: 'redActive', color: function color(t) {return t.tokenRedActive;} },
-{ name: 'white', color: function color(t) {return t.tokenWhite;} },
-{ name: 'black', color: function color(t) {return t.tokenBlack;} }].
-reduce(
-  function (colors, _ref) {var _extends2;var name = _ref.name,color = _ref.color;return (0, _extends3.default)({},
-    colors, (_extends2 = {}, _extends2[
-    name] = function (t, v) {
-      var getVStyle = function getVStyle() {
-        if (v === 'error') {
-          return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n            box-shadow:\n              0 0 0 ", " ", ",\n              inset 0 0 0 1px ", ";\n          "])),
-
-          t.tokenOutlineWidth, t.tokenBorderColorError,
-          color(t));
-
-        } else if (v === 'warning') {
-          return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n            box-shadow:\n              0 0 0 ", " ", ",\n              inset 0 0 0 1px ", ";\n          "])),
-
-          t.tokenOutlineWidth, t.tokenBorderColorWarning,
-          color(t));
-
-        }
-
-        return '';
-      };
-
-      return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background-color: ", ";\n        color: ", ";\n        box-shadow:\n          0 0 0 ", " ", ",\n          inset 0 0 0 1px ", ";\n\n        ", "\n\n        .", ":hover {\n          color: ", ";\n        }\n      "])),
-      color(t),
-      ColorFunctions.contrast(color(t)),
-
-      t.tokenBorderWidth, ColorFunctions.darken(color(t), '5%'),
-      color(t),
-
-      getVStyle(),
-
-      globalClasses.removeIcon,
-      ColorFunctions.contrast(color(t)));
-
-
-    }, _extends2));},
-
-  {
-    defaultDisabled: function defaultDisabled(t) {
-      return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background-color: ", ";\n        box-shadow: ", ";\n      "])),
-      t.tokenDisabledBg,
-      t.tokenShadowDisabled);
-
-    },
-    defaultDisabledWarning: function defaultDisabledWarning(t) {
-      return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow:\n          0 0 0 ", " ", ",\n          inset 0 0 0 1px ", ";\n      "])),
-
-      t.tokenOutlineWidth, t.tokenBorderColorWarning,
-      t.tokenDisabledBg);
-
-    },
-    defaultDisabledError: function defaultDisabledError(t) {
-      return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow:\n          0 0 0 ", " ", ",\n          inset 0 0 0 1px ", ";\n      "])),
-
-      t.tokenOutlineWidth, t.tokenBorderColorError,
-      t.tokenDisabledBg);
-
-    }
-  }
-);
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","ColorFunctions","_interopRequireWildcard","_Token","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","globalClasses","exports","prefix","removeIcon","styles","memoizeStyle","token","t","css","_taggedTemplateLiteralLoose2","default","tokenBorderRadius","tokenSmall","tokenSizeMixin","tokenPaddingYSmall","tokenPaddingXSmall","tokenLineHeightSmall","tokenFontSizeSmall","tokenMarginYSmall","tokenMarginXSmall","tokenMedium","tokenPaddingYMedium","tokenPaddingXMedium","tokenLineHeightMedium","tokenFontSizeMedium","tokenMarginYMedium","tokenMarginXMedium","tokenLarge","tokenPaddingYLarge","tokenPaddingXLarge","tokenLineHeightLarge","tokenFontSizeLarge","tokenMarginYLarge","tokenMarginXLarge","token2022","tokenBorderWidth","tokenDefaultIdle2022","tokenDefaultIdleColor","tokenDefaultIdleBg","tokenDefaultIdleBorderColor","tokenDefaultIdleHovering2022","tokenDefaultIdleColorHover","tokenDefaultIdleBgHover","tokenDefaultIdleBorderColorHover","tokenDefaultActive2022","tokenDefaultActiveColor","tokenDefaultActiveBg","tokenDefaultActiveBorderColor","tokenError2022","tokenBorderColorError","tokenOutlineWidth","tokenWarning2022","tokenBorderColorWarning","tokenDisabled2022","tokenTextColorDisabled","tokenBorderColorDisabled","disabled","text","tokenLegacyTextShift","tokenRemoveIconSize","tokenRemoveIconPaddingY","tokenRemoveIconPaddingX","tokenRemoveIconBoxSizing","tokenRemoveIconGap","helperText","helperContainer","helperContainerSmall","tokenInputPaddingXSmall","helperContainerMedium","tokenInputPaddingXMedium","helperContainerLarge","tokenInputPaddingXLarge","colorStyles","name","color","tokenDefaultIdle","tokenDefaultActive","tokenGrayIdle","tokenGrayActive","tokenBlueIdle","tokenBlueActive","tokenGreenIdle","tokenGreenActive","tokenYellowIdle","tokenYellowActive","tokenRedIdle","tokenRedActive","tokenWhite","tokenBlack","reduce","colors","_ref","_extends2","_extends3","v","getVStyle","contrast","darken","defaultDisabled","tokenDisabledBg","tokenShadowDisabled","defaultDisabledWarning","defaultDisabledError"],"sources":["Token.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\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      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  token2022(t: Theme) {\n    return css`\n      border: solid ${t.tokenBorderWidth} transparent;\n    `;\n  },\n\n  tokenDefaultIdle2022(t: Theme) {\n    return css`\n      color: ${t.tokenDefaultIdleColor};\n      background: ${t.tokenDefaultIdleBg};\n      border-color: ${t.tokenDefaultIdleBorderColor};\n      background-clip: border-box;\n    `;\n  },\n\n  tokenDefaultIdleHovering2022(t: Theme) {\n    return css`\n      &:hover {\n        color: ${t.tokenDefaultIdleColorHover};\n        background: ${t.tokenDefaultIdleBgHover};\n        border: solid ${t.tokenBorderWidth} ${t.tokenDefaultIdleBorderColorHover};\n      }\n    `;\n  },\n\n  tokenDefaultActive2022(t: Theme) {\n    return css`\n      color: ${t.tokenDefaultActiveColor};\n      background: ${t.tokenDefaultActiveBg};\n      border: solid ${t.tokenBorderWidth} ${t.tokenDefaultActiveBorderColor};\n    `;\n  },\n\n  tokenError2022(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  tokenWarning2022(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  tokenDisabled2022(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  disabled(t: Theme) {\n    return css`\n      user-select: text;\n      cursor: text;\n      color: ${t.tokenTextColorDisabled};\n      pointer-events: none;\n\n      .${globalClasses.removeIcon} {\n        visibility: hidden;\n      }\n    `;\n  },\n\n  text(t: Theme) {\n    return css`\n      display: inline-block;\n      padding-bottom: ${t.tokenLegacyTextShift};\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\ninterface TokenColors {\n  defaultIdle: (t: Theme, v: 'error' | 'warning' | null) => string;\n  defaultActive: (t: Theme, v: 'error' | 'warning' | null) => string;\n  defaultDisabled: (t: Theme) => string;\n  defaultDisabledWarning: (t: Theme) => string;\n  defaultDisabledError: (t: Theme) => string;\n  grayIdle: (t: Theme, v: 'error' | 'warning' | null) => string;\n  grayActive: (t: Theme, v: 'error' | 'warning' | null) => string;\n  blueIdle: (t: Theme, v: 'error' | 'warning' | null) => string;\n  blueActive: (t: Theme, v: 'error' | 'warning' | null) => string;\n  greenIdle: (t: Theme, v: 'error' | 'warning' | null) => string;\n  greenActive: (t: Theme, v: 'error' | 'warning' | null) => string;\n  yellowIdle: (t: Theme, v: 'error' | 'warning' | null) => string;\n  yellowActive: (t: Theme, v: 'error' | 'warning' | null) => string;\n  redIdle: (t: Theme, v: 'error' | 'warning' | null) => string;\n  redActive: (t: Theme, v: 'error' | 'warning' | null) => string;\n  white: (t: Theme, v: 'error' | 'warning' | null) => string;\n  black: (t: Theme, v: 'error' | 'warning' | null) => string;\n}\n\nexport const colorStyles = [\n  { name: 'defaultIdle', color: (t: Theme) => t.tokenDefaultIdle },\n  { name: 'defaultActive', color: (t: Theme) => t.tokenDefaultActive },\n  { name: 'grayIdle', color: (t: Theme) => t.tokenGrayIdle },\n  { name: 'grayActive', color: (t: Theme) => t.tokenGrayActive },\n  { name: 'blueIdle', color: (t: Theme) => t.tokenBlueIdle },\n  { name: 'blueActive', color: (t: Theme) => t.tokenBlueActive },\n  { name: 'greenIdle', color: (t: Theme) => t.tokenGreenIdle },\n  { name: 'greenActive', color: (t: Theme) => t.tokenGreenActive },\n  { name: 'yellowIdle', color: (t: Theme) => t.tokenYellowIdle },\n  { name: 'yellowActive', color: (t: Theme) => t.tokenYellowActive },\n  { name: 'redIdle', color: (t: Theme) => t.tokenRedIdle },\n  { name: 'redActive', color: (t: Theme) => t.tokenRedActive },\n  { name: 'white', color: (t: Theme) => t.tokenWhite },\n  { name: 'black', color: (t: Theme) => t.tokenBlack },\n].reduce(\n  (colors: TokenColors, { name, color }) => ({\n    ...colors,\n    [name](t: Theme, v: 'error' | 'warning') {\n      const getVStyle = () => {\n        if (v === 'error') {\n          return css`\n            box-shadow:\n              0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorError},\n              inset 0 0 0 1px ${color(t)};\n          `;\n        } else if (v === 'warning') {\n          return css`\n            box-shadow:\n              0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorWarning},\n              inset 0 0 0 1px ${color(t)};\n          `;\n        }\n\n        return '';\n      };\n\n      return css`\n        background-color: ${color(t)};\n        color: ${ColorFunctions.contrast(color(t))};\n        box-shadow:\n          0 0 0 ${t.tokenBorderWidth} ${ColorFunctions.darken(color(t), '5%')},\n          inset 0 0 0 1px ${color(t)};\n\n        ${getVStyle()}\n\n        .${globalClasses.removeIcon}:hover {\n          color: ${ColorFunctions.contrast(color(t))};\n        }\n      `;\n    },\n  }),\n  {\n    defaultDisabled(t: Theme) {\n      return css`\n        background-color: ${t.tokenDisabledBg};\n        box-shadow: ${t.tokenShadowDisabled};\n      `;\n    },\n    defaultDisabledWarning(t: Theme) {\n      return css`\n        box-shadow:\n          0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorWarning},\n          inset 0 0 0 1px ${t.tokenDisabledBg};\n      `;\n    },\n    defaultDisabledError(t: Theme) {\n      return css`\n        box-shadow:\n          0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorError},\n          inset 0 0 0 1px ${t.tokenDisabledBg};\n      `;\n    },\n  } as TokenColors,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Token","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","globalClasses","exports","prefix","removeIcon","styles","memoizeStyle","token","t","css","_taggedTemplateLiteralLoose2","default","tokenBorderRadius","tokenBorderWidth","tokenSmall","tokenSizeMixin","tokenPaddingYSmall","tokenPaddingXSmall","tokenLineHeightSmall","tokenFontSizeSmall","tokenMarginYSmall","tokenMarginXSmall","tokenMedium","tokenPaddingYMedium","tokenPaddingXMedium","tokenLineHeightMedium","tokenFontSizeMedium","tokenMarginYMedium","tokenMarginXMedium","tokenLarge","tokenPaddingYLarge","tokenPaddingXLarge","tokenLineHeightLarge","tokenFontSizeLarge","tokenMarginYLarge","tokenMarginXLarge","tokenIdle","tokenColor","tokenBg","tokenBorderColor","tokenHover","tokenColorHover","tokenBgHover","tokenBorderColorHover","tokenActive","tokenColorActive","tokenBgActive","tokenBorderColorActive","tokenError","tokenBorderColorError","tokenOutlineWidth","tokenWarning","tokenBorderColorWarning","tokenDisabled","tokenTextColorDisabled","tokenBorderColorDisabled","text","tokenRemoveIconSize","tokenRemoveIconPaddingY","tokenRemoveIconPaddingX","tokenRemoveIconBoxSizing","tokenRemoveIconGap","helperText","helperContainer","helperContainerSmall","tokenInputPaddingXSmall","helperContainerMedium","tokenInputPaddingXMedium","helperContainerLarge","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":"4SAAA,IAAAA,QAAA,GAAAC,OAAA;;;AAGA,IAAAC,MAAA,GAAAD,OAAA,mBAAgD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;;AAEzC,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,OAAO,CAAC,CAAC;EAC3CC,UAAU,EAAE;AACd,CAAC,CAAC;;AAEK,IAAMC,MAAM,GAAAH,OAAA,CAAAG,MAAA,GAAG,IAAAC,qBAAY,EAAC;EACjCC,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAzB,eAAA,KAAAA,eAAA,OAAA0B,4BAAA,CAAAC,OAAA;;;IAGSH,CAAC,CAACI,iBAAiB;IACpBJ,CAAC,CAACK,gBAAgB;;;;;;;;;EAStC,CAAC;;EAEDC,UAAU,WAAAA,WAACN,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAxB,gBAAA,KAAAA,gBAAA,OAAAyB,4BAAA,CAAAC,OAAA;IACN,IAAAI,qBAAc;MACdP,CAAC,CAACQ,kBAAkB;MACpBR,CAAC,CAACS,kBAAkB;MACpBT,CAAC,CAACU,oBAAoB;MACtBV,CAAC,CAACW,kBAAkB;MACpBX,CAAC,CAACY,iBAAiB;MACnBZ,CAAC,CAACa;IACJ,CAAC;;EAEL,CAAC;;EAEDC,WAAW,WAAAA,YAACd,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAAvB,gBAAA,KAAAA,gBAAA,OAAAwB,4BAAA,CAAAC,OAAA;IACN,IAAAI,qBAAc;MACdP,CAAC,CAACe,mBAAmB;MACrBf,CAAC,CAACgB,mBAAmB;MACrBhB,CAAC,CAACiB,qBAAqB;MACvBjB,CAAC,CAACkB,mBAAmB;MACrBlB,CAAC,CAACmB,kBAAkB;MACpBnB,CAAC,CAACoB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,UAAU,WAAAA,WAACrB,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAtB,gBAAA,KAAAA,gBAAA,OAAAuB,4BAAA,CAAAC,OAAA;IACN,IAAAI,qBAAc;MACdP,CAAC,CAACsB,kBAAkB;MACpBtB,CAAC,CAACuB,kBAAkB;MACpBvB,CAAC,CAACwB,oBAAoB;MACtBxB,CAAC,CAACyB,kBAAkB;MACpBzB,CAAC,CAAC0B,iBAAiB;MACnB1B,CAAC,CAAC2B;IACJ,CAAC;;EAEL,CAAC;;EAEDC,SAAS,WAAAA,UAAC5B,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAArB,gBAAA,KAAAA,gBAAA,OAAAsB,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAAC6B,UAAU;IACP7B,CAAC,CAAC8B,OAAO;IACP9B,CAAC,CAAC+B,gBAAgB;;;EAGtC,CAAC;;EAEDC,UAAU,WAAAA,WAAChC,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAApB,gBAAA,KAAAA,gBAAA,OAAAqB,4BAAA,CAAAC,OAAA;;IAEGH,CAAC,CAACiC,eAAe;IACZjC,CAAC,CAACkC,YAAY;IACZlC,CAAC,CAACK,gBAAgB,EAAIL,CAAC,CAACmC,qBAAqB;;;EAGnE,CAAC;;EAEDC,WAAW,WAAAA,YAACpC,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAAnB,gBAAA,KAAAA,gBAAA,OAAAoB,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACqC,gBAAgB;IACbrC,CAAC,CAACsC,aAAa;IACbtC,CAAC,CAACK,gBAAgB,EAAIL,CAAC,CAACuC,sBAAsB;;EAElE,CAAC;;EAEDC,UAAU,WAAAA,WAACxC,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAlB,gBAAA,KAAAA,gBAAA,OAAAmB,4BAAA,CAAAC,OAAA;IACQH,CAAC,CAACK,gBAAgB,EAAIL,CAAC,CAACyC,qBAAqB;IACzCzC,CAAC,CAAC0C,iBAAiB,EAAI1C,CAAC,CAACyC,qBAAqB;;EAEtE,CAAC;;EAEDE,YAAY,WAAAA,aAAC3C,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAjB,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;IACQH,CAAC,CAACK,gBAAgB,EAAIL,CAAC,CAAC4C,uBAAuB;IAC3C5C,CAAC,CAAC0C,iBAAiB,EAAI1C,CAAC,CAAC4C,uBAAuB;;EAExE,CAAC;;EAEDC,aAAa,WAAAA,cAAC7C,CAAQ,EAAE;IACtB,WAAOC,YAAG,EAAAhB,iBAAA,KAAAA,iBAAA,OAAAiB,4BAAA,CAAAC,OAAA;;;IAGCH,CAAC,CAAC8C,sBAAsB;;IAEb9C,CAAC,CAAC+C,wBAAwB;;IAE3CtD,aAAa,CAACG,UAAU;;;;EAI/B,CAAC;;EAEDoD,IAAI,WAAAA,KAAA,EAAG;IACL,WAAO/C,YAAG,EAAAf,iBAAA,KAAAA,iBAAA,OAAAgB,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDP,UAAU,WAAAA,WAACI,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAd,iBAAA,KAAAA,iBAAA,OAAAe,4BAAA,CAAAC,OAAA;IACEH,CAAC,CAACiD,mBAAmB;IACtBjD,CAAC,CAACiD,mBAAmB;;IAEnBjD,CAAC,CAACkD,uBAAuB,EAAIlD,CAAC,CAACmD,uBAAuB;IACnDnD,CAAC,CAACoD,wBAAwB;IACzBpD,CAAC,CAACqD,kBAAkB;;;;;;;;;;;EAWvC,CAAC;;EAEDC,UAAU,WAAAA,WAAA,EAAG;IACX,WAAOrD,YAAG,EAAAb,iBAAA,KAAAA,iBAAA,OAAAc,4BAAA,CAAAC,OAAA;;;;;;;;EAQZ,CAAC;EACDoD,eAAe,WAAAA,gBAAA,EAAG;IAChB,WAAOtD,YAAG,EAAAZ,iBAAA,KAAAA,iBAAA,OAAAa,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;EACDqD,oBAAoB,WAAAA,qBAACxD,CAAQ,EAAE;IAC7B,WAAOC,YAAG,EAAAX,iBAAA,KAAAA,iBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACAH,CAAC,CAACyD,uBAAuB;IACxBzD,CAAC,CAACyD,uBAAuB;;EAEtC,CAAC;EACDC,qBAAqB,WAAAA,sBAAC1D,CAAQ,EAAE;IAC9B,WAAOC,YAAG,EAAAV,iBAAA,KAAAA,iBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACAH,CAAC,CAAC2D,wBAAwB;IACzB3D,CAAC,CAAC2D,wBAAwB;;EAEvC,CAAC;EACDC,oBAAoB,WAAAA,qBAAC5D,CAAQ,EAAE;IAC7B,WAAOC,YAAG,EAAAT,iBAAA,KAAAA,iBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACAH,CAAC,CAAC6D,uBAAuB;IACxB7D,CAAC,CAAC6D,uBAAuB;;EAEtC;AACF,CAAC,CAAC","ignoreList":[]}