npm - @skbkontur/react-ui - Versions diffs - 5.6.9-5e213.0 → 5.6.9 - Mend

@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2366) hide show

package/cjs/components/Token/Token.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.TokenDataTids = exports.Token = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+"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");
@@ -18,7 +18,7 @@ var _getVisualStateDataAttributes = require("../../internal/CommonWrapper/utils/
 var _Token2 = require("./Token.styles");
 var _locale = require("./locale");
-var _TokenView = require("./TokenView");var _dec, _class, _Token;function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
+var _TokenView = require("./TokenView");var _dec, _class, _Token;
@@ -60,7 +60,7 @@ var TokenDataTids = exports.TokenDataTids = {
  */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;(0, _classCallCheck2.default)(this, Token);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, Token, [].concat(args));_this.
+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.
@@ -158,4 +158,4 @@ Token = exports.Token = (_dec = (0, _decorators.locale)('Token', _locale.TokenLo
       }
       onRemove(event);
-    };return _this;}(0, _inherits2.default)(Token, _React$Component);return (0, _createClass2.default)(Token, [{ key: "render", value: function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} }, { key: "renderMain", value: 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));} }]);}(_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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_decorators","_utils","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_CloseButtonIcon","_reactGetTextContent","_getVisualStateDataAttributes","_Token2","_locale","_TokenView","_dec","_class","_Token","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","TokenDataTids","exports","root","removeIcon","Token","locale","TokenLocaleHelper","rootNode","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","onRemoveClick","event","_this$props","props","disabled","_this$props$onRemove","onRemove","emptyHandler","preventDefault","_inherits2","_createClass2","key","value","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 { TGetRootNode, 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 /* Меняет визуальное отображение токена на состояние «ошибка». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). /\n error?: boolean;\n /* Меняет визуальное отображение токена на состояние «предупреждение». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). /\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 \n Используется ак значение внутри [TokenInput](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-tokeninput-tokeninput--docs).\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 public getRootNode!: TGetRootNode;\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":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;;;AAGA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;;AAEA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;;AAEA,IAAAQ,oBAAA,GAAAR,OAAA;AACA,IAAAS,6BAAA,GAAAT,OAAA;;AAEA,IAAAU,OAAA,GAAAV,OAAA;;AAEA,IAAAW,OAAA,GAAAX,OAAA;AACA,IAAAY,UAAA,GAAAZ,OAAA,gBAAwC,IAAAa,IAAA,EAAAC,MAAA,EAAAC,MAAA,UAAAC,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,UAAAD,CAAA,OAAAE,gBAAA,CAAAC,OAAA,EAAAH,CAAA,OAAAI,2BAAA,CAAAD,OAAA,EAAAJ,CAAA,MAAAM,0BAAA,CAAAF,OAAA,MAAAG,OAAA,CAAAC,SAAA,CAAAP,CAAA,EAAAC,CAAA,YAAAC,gBAAA,CAAAC,OAAA,EAAAJ,CAAA,EAAAS,WAAA,IAAAR,CAAA,CAAAS,KAAA,CAAAV,CAAA,EAAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BjC,IAAMS,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,IAAI,EAAE,aAAa;EACnBC,UAAU,EAAE;AACd,CAAU;;AAEV;AACA;AACA;AACA,GAHA;;;AAMaC,KAAK,GAAAH,OAAA,CAAAG,KAAA,IAAAnB,IAAA,GADjB,IAAAoB,kBAAM,EAAC,OAAO,EAAEC,yBAAiB,CAAC,MADlCC,kBAAQ,EAAArB,MAAA,GAAAD,IAAA,CAAAC,MAAA,IAAAC,MAAA,0BAAAqB,gBAAA,YAAAJ,MAAA,OAAAK,KAAA,KAAAC,gBAAA,CAAAjB,OAAA,QAAAW,KAAA,WAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAP,KAAA,GAAArB,UAAA,OAAAgB,KAAA,KAAAa,MAAA,CAAAH,IAAA,GAAAL,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2FCS,aAAa,GAAG,UAACC,KAAgD,EAAK;MAC5E,IAAAC,WAAA,GAA8CX,KAAA,CAAKY,KAAK,CAAhDC,QAAQ,GAAAF,WAAA,CAARE,QAAQ,CAAAC,oBAAA,GAAAH,WAAA,CAAEI,QAAQ,CAARA,QAAQ,GAAAD,oBAAA,cAAGE,mBAAY,GAAAF,oBAAA;;MAEzC,IAAID,QAAQ,EAAE;QACZH,KAAK,CAACO,cAAc,CAAC,CAAC;QACtB;MACF;;MAEAF,QAAQ,CAACL,KAAK,CAAC;IACjB,CAAC,QAAAV,KAAA,MAAAkB,UAAA,CAAAlC,OAAA,EAAAW,KAAA,EAAAI,gBAAA,aAAAoB,aAAA,CAAAnC,OAAA,EAAAW,KAAA,KAAAyB,GAAA,YAAAC,KAAA,EAzFD,SAAAC,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE9D,MAAA,CAAAuB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAA2D,YAAY,CAACC,QAAQ,QACnB,UAACC,KAAK,EAAK,CACVJ,MAAI,CAACI,KAAK,GAAGA,KAAK,CAClB,OAAOJ,MAAI,CAACK,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,CAAC,MAAAR,GAAA,gBAAAC,KAAA,EAED,SAAAO,WAAA,EAAqB,CACnB,IAAAC,YAAA,GAcI,IAAI,CAACjB,KAAK,CAbZkB,IAAI,GAAAD,YAAA,CAAJC,IAAI,CACJC,QAAQ,GAAAF,YAAA,CAARE,QAAQ,CACRC,QAAQ,GAAAH,YAAA,CAARG,QAAQ,CACRC,KAAK,GAAAJ,YAAA,CAALI,KAAK,CACLC,OAAO,GAAAL,YAAA,CAAPK,OAAO,CACPrB,QAAQ,GAAAgB,YAAA,CAARhB,QAAQ,CACYsB,eAAe,GAAAN,YAAA,CAAnC,kBAAkB,EAAAO,oBAAA,GAAAP,YAAA,CAClBQ,OAAO,CAAPA,OAAO,GAAAD,oBAAA,cAAGpB,mBAAY,GAAAoB,oBAAA,CAAAE,qBAAA,GAAAT,YAAA,CACtBU,aAAa,CAAbA,aAAa,GAAAD,qBAAA,cAAGtB,mBAAY,GAAAsB,qBAAA,CAAAE,qBAAA,GAAAX,YAAA,CAC5BY,YAAY,CAAZA,YAAY,GAAAD,qBAAA,cAAGxB,mBAAY,GAAAwB,qBAAA,CAAAE,qBAAA,GAAAb,YAAA,CAC3Bc,YAAY,CAAZA,YAAY,GAAAD,qBAAA,cAAG1B,mBAAY,GAAA0B,qBAAA,CAAAE,oBAAA,GAAAf,YAAA,CAC3BgB,OAAO,CAAPA,OAAO,GAAAD,oBAAA,cAAG5B,mBAAY,GAAA4B,oBAAA,CAAAE,mBAAA,GAAAjB,YAAA,CACtBkB,MAAM,CAANA,MAAM,GAAAD,mBAAA,cAAG9B,mBAAY,GAAA8B,mBAAA,CAGvB,IAAMnB,KAAK,GAAG,IAAI,CAACA,KAAK,CAExB,IAAMqB,qBAAqB,GAAG,IAAI,CAACpD,MAAM,CAACoD,qBAAqB,GAAG,GAAG,GAAG,IAAAC,wCAAmB,EAAClB,QAAQ,CAAC,CAErG,IAAMmB,IAAI,gBACRzF,MAAA,CAAAuB,OAAA,CAAAwC,aAAA,CAACtD,gBAAA,CAAAiF,eAAe,IACdC,IAAI,EAAE,EAAG,EACTC,KAAK,EAAC,SAAS,EACfC,UAAU,EAAC,SAAS,EACpB,cAAYN,qBAAsB,EAClCO,QAAQ,EAAE,KAAM,EACjB,CACF,CAED,IAAMC,UAAU,GAAG,IAAAC,WAAE,EACnBC,cAAM,CAACC,SAAS,CAAChC,KAAK,CAAC,EACvB,CAACK,QAAQ,IAAI,CAACE,OAAO,IAAI,CAACD,KAAK,IAAI,CAACpB,QAAQ,IAAI6C,cAAM,CAACE,UAAU,CAACjC,KAAK,CAAC,EACxEK,QAAQ,IAAI0B,cAAM,CAACG,WAAW,CAAClC,KAAK,CAAC,EACrCO,OAAO,IAAIwB,cAAM,CAACI,YAAY,CAACnC,KAAK,CAAC,EACrCM,KAAK,IAAIyB,cAAM,CAACK,UAAU,CAACpC,KAAK,CAAC,EACjCd,QAAQ,IAAI6C,cAAM,CAACM,aAAa,CAACrC,KAAK,CACxC,CAAC,CAED,IAAMsC,UAAU,gBAAGxG,MAAA,CAAAuB,OAAA,CAAAwC,aAAA,WAAM0C,SAAS,EAAER,cAAM,CAACS,IAAI,CAAC,CAAE,IAAEpC,QAAe,CAAC,CAEpE,IAAMqC,WAAW,gBACf3G,MAAA,CAAAuB,OAAA,CAAAwC,aAAA,WAAMa,OAAO,EAAE,IAAI,CAAC5B,aAAc,EAAC,YAAUlB,aAAa,CAACG,UAAW,IACnEwD,IACG,CACP,CAED,oBACEzF,MAAA,CAAAuB,OAAA,CAAAwC,aAAA,CAACzD,cAAA,CAAAsG,aAAa,MAAAC,SAAA,CAAAtF,OAAA,IAACuF,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAAC5D,KAAK,EAAM,IAAA6D,0DAA4B,EAAC,EAAE5D,QAAQ,EAARA,QAAQ,CAAC,CAAC,CAAC,gBAC1GpD,MAAA,CAAAuB,OAAA,CAAAwC,aAAA,CAACjD,UAAA,CAAAmG,SAAS,IACRR,SAAS,EAAEV,UAAW,EACtB1B,IAAI,EAAEA,IAAK,EACXsC,WAAW,EAAEA,WAAY,EACzB,YAAU7E,aAAa,CAACE,IAAK,EAC7B,oBAAkB0C,eAAgB,EAClCE,OAAO,EAAEA,OAAQ,EACjBE,aAAa,EAAEA,aAAc,EAC7BE,YAAY,EAAEA,YAAa,EAC3BE,YAAY,EAAEA,YAAa,EAC3BE,OAAO,EAAEA,OAAQ,EACjBE,MAAM,EAAEA,MAAO,IAEdkB,UACQ,CACE,CAAC,CAEpB,CAAC,OAvFwBU,cAAK,CAACC,SAAS,GAAAlG,MAAA,CAC1BmG,mBAAmB,GAAG,OAAO,EAAAnG,MAAA,CAC7BoG,WAAW,GAAG,OAAO,EAAApG,MAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}
1	+ {"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 { TGetRootNode, 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 /* Меняет визуальное отображение токена на состояние «ошибка». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). /\n error?: boolean;\n /* Меняет визуальное отображение токена на состояние «предупреждение». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). /\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 \n Используется ак значение внутри [TokenInput](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-tokeninput-tokeninput--docs).\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 public getRootNode!: TGetRootNode;\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.mixins.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.tokenSizeMixin = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.tokenSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
 var tokenSizeMixin = exports.tokenSizeMixin = function tokenSizeMixin(
 tokenPaddingY,
@@ -8,7 +8,7 @@ fontSize,
 tokenMarginY,
 tokenMarginX)
 {
-  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    padding: ", " ", ";\n    margin: ", " ", ";\n    line-height: ", ";\n    font-size: ", ";\n  "])),
+  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding: ", " ", ";\n    margin: ", " ", ";\n    line-height: ", ";\n    font-size: ", ";\n  "])),
   tokenPaddingY, tokenPaddingX,
   tokenMarginY, tokenMarginX,
   lineHeight,

package/cjs/components/Token/Token.mixins.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_templateObject","tokenSizeMixin","exports","tokenPaddingY","tokenPaddingX","lineHeight","fontSize","tokenMarginY","tokenMarginX","css","~~_taggedTemplateLiteral2~~","default"],"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":"~~sTAAA~~,IAAAA,QAAA,GAAAC,OAAA,8BAAgD,IAAAC,eAAA;;AAEzC,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA;AACzBE,aAAqB;AACrBC,aAAqB;AACrBC,UAAkB;AAClBC,QAAgB;AAChBC,YAAoB;AACpBC,YAAoB;AACjB;EACH,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,~~uBAAA~~,CAAAC,OAAA;EACGR,aAAa,EAAIC,aAAa;EAC/BG,YAAY,EAAIC,YAAY;EACvBH,UAAU;EACZC,QAAQ;;AAEzB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_templateObject","tokenSizeMixin","exports","tokenPaddingY","tokenPaddingX","lineHeight","fontSize","tokenMarginY","tokenMarginX","css","_taggedTemplateLiteralLoose2","default"],"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":"4RAAA,IAAAA,QAAA,GAAAC,OAAA,8BAAgD,IAAAC,eAAA;;AAEzC,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA;AACzBE,aAAqB;AACrBC,aAAqB;AACrBC,UAAkB;AAClBC,QAAgB;AAChBC,YAAoB;AACpBC,YAAoB;AACjB;EACH,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;EACGR,aAAa,EAAIC,aAAa;EAC/BG,YAAY,EAAIC,YAAY;EACvBH,UAAU;EACZC,QAAQ;;AAEzB,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));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 _Token = require("./Token.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
@@ -9,7 +9,7 @@ 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, _taggedTemplateLiteral2.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    "])),
+    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,
@@ -25,7 +25,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   tokenSmall: function tokenSmall(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Token.tokenSizeMixin)(
       t.tokenPaddingYSmall,
       t.tokenPaddingXSmall,
@@ -38,7 +38,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   tokenMedium: function tokenMedium(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Token.tokenSizeMixin)(
       t.tokenPaddingYMedium,
       t.tokenPaddingXMedium,
@@ -51,7 +51,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   tokenLarge: function tokenLarge(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Token.tokenSizeMixin)(
       t.tokenPaddingYLarge,
       t.tokenPaddingXLarge,
@@ -64,7 +64,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   tokenIdle: function tokenIdle(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n      background: ", ";\n      border-color: ", ";\n      background-clip: border-box;\n    "])),
+    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);
@@ -73,7 +73,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   tokenHover: function tokenHover(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n      &:hover {\n        color: ", ";\n        background: ", ";\n        border: solid ", " ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        color: ", ";\n        background: ", ";\n        border: solid ", " ", ";\n      }\n    "])),
     t.tokenColorHover,
     t.tokenBgHover,
@@ -83,7 +83,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   tokenActive: function tokenActive(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n      background: ", ";\n      border: solid ", " ", ";\n    "])),
+    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);
@@ -91,21 +91,21 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   tokenError: function tokenError(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
+    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);
   },
   tokenWarning: function tokenWarning(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
+    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);
   },
   tokenDisabled: function tokenDisabled(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.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    "])),
+    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,
@@ -119,13 +119,13 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   text: function text() {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n      display: inline-block;\n    "])));
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
   },
   removeIcon: function removeIcon(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.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,
@@ -145,7 +145,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   helperText: function helperText() {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.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    "])));
@@ -155,26 +155,26 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   helperContainer: function helperContainer() {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.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)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.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)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.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)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
     t.tokenInputPaddingXLarge,
     t.tokenInputPaddingXLarge);

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

	@@ -1 +1 @@
1	- {"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","~~_taggedTemplateLiteral2~~","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":"~~sUAAA~~,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,~~uBAAA~~,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,~~uBAAA~~,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,~~uBAAA~~,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,~~uBAAA~~,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,~~uBAAA~~,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,~~uBAAA~~,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,~~uBAAA~~,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,~~uBAAA~~,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,~~uBAAA~~,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,~~uBAAA~~,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,~~uBAAA~~,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDP,UAAU,WAAAA,WAACI,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAd,iBAAA,KAAAA,iBAAA,OAAAe,~~uBAAA~~,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,~~uBAAA~~,CAAAC,OAAA;;;;;;;;EAQZ,CAAC;EACDoD,eAAe,WAAAA,gBAAA,EAAG;IAChB,WAAOtD,YAAG,EAAAZ,iBAAA,KAAAA,iBAAA,OAAAa,~~uBAAA~~,CAAAC,OAAA;;;;;EAKZ,CAAC;EACDqD,oBAAoB,WAAAA,qBAACxD,CAAQ,EAAE;IAC7B,WAAOC,YAAG,EAAAX,iBAAA,KAAAA,iBAAA,OAAAY,~~uBAAA~~,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,~~uBAAA~~,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,~~uBAAA~~,CAAAC,OAAA;IACAH,CAAC,CAAC6D,uBAAuB;IACxB7D,CAAC,CAAC6D,uBAAuB;;EAEtC;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"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":"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","ignoreList":[]}

package/cjs/components/Token/TokenView.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;Object.defineProperty(exports, "__esModule", { value: true });exports.TokenView = TokenView;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.TokenView = TokenView;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _CommonWrapper = require("../../internal/CommonWrapper");
@@ -17,8 +17,8 @@ var _Token = require("./Token.styles");var _excluded = ["size", "children", "clo
-function TokenView(props) {
-  var _props$size = props.size,size = _props$size === void 0 ? 'small' : _props$size,children = props.children,closeButton = props.closeButton,hideCloseButton = props.hideCloseButton,className = props.className,rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+function TokenView(props) {var _cx;
+  var _props$size = props.size,size = _props$size === void 0 ? 'small' : _props$size,children = props.children,closeButton = props.closeButton,hideCloseButton = props.hideCloseButton,className = props.className,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
   var getSizeClassName = function getSizeClassName(size) {
     switch (size) {
@@ -39,8 +39,8 @@ function TokenView(props) {
     _react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__PURE__*/
     _react.default.createElement("div", (0, _extends2.default)({},
     rest, {
-      className: (0, _Emotion.cx)(getSizeClassName(size), (0, _defineProperty2.default)({},
-      _Token.styles.token(theme), true)
+      className: (0, _Emotion.cx)(getSizeClassName(size), (_cx = {}, _cx[
+      _Token.styles.token(theme)] = true, _cx)
       ) }),
     children,

package/cjs/components/Token/TokenView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_CommonWrapper","_ThemeContext","_Emotion","_Token","_excluded","TokenView","props","_props$size","size","children","closeButton","hideCloseButton","className","rest","~~_objectWithoutProperties2~~","default","theme","useContext","ThemeContext","getSizeClassName","styles","tokenLarge","tokenMedium","tokenSmall","closeButtonNode","createElement","cx","removeIcon","globalClasses","CommonWrapper","_extends2","~~_defineProperty2","~~token"],"sources":["TokenView.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport type { TokenSize } from './Token';\nimport { globalClasses, styles } from './Token.styles';\n\nexport interface TokenViewProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Задает размер контрола. /\n size?: TokenSize;\n /* Задает компонент крестика для удаления токена. /\n closeButton?: ReactNode;\n /* Определяет, скрывать ли крестик для удаления токена. */\n hideCloseButton?: boolean;\n}\n\nexport function TokenView(props: TokenViewProps) {\n const { size = 'small', children, closeButton, hideCloseButton, className, ...rest } = props;\n const theme = useContext(ThemeContext);\n const getSizeClassName = (size: TokenSize) => {\n switch (size) {\n case 'large':\n return styles.tokenLarge(theme);\n case 'medium':\n return styles.tokenMedium(theme);\n case 'small':\n default:\n return styles.tokenSmall(theme);\n }\n };\n const closeButtonNode = hideCloseButton ? null : (\n <span className={cx(styles.removeIcon(theme), globalClasses.removeIcon)}>{closeButton}</span>\n );\n\n return (\n <CommonWrapper {...props}>\n <div\n {...rest}\n className={cx(getSizeClassName(size), {\n [styles.token(theme)]: true,\n })}\n >\n {children}\n {closeButtonNode}\n </div>\n </CommonWrapper>\n );\n}\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;;;AAGA,IAAAI,MAAA,GAAAJ,OAAA,mBAAuD,IAAAK,SAAA;;;;;;;;;;;AAWhD,SAASC,SAASA,CAACC,KAAqB,EAAE;EAC/C,IAAAC,WAAA,~~GAAuFD~~,KAAK,~~CAApFE~~,IAAI,CAAJA,IAAI,GAAAD,WAAA,cAAG,OAAO,GAAAA,WAAA,CAAEE,QAAQ,~~GAAuDH~~,KAAK,~~CAApEG~~,QAAQ,CAAEC,WAAW,~~GAA0CJ~~,KAAK,~~CAA1DI~~,WAAW,CAAEC,eAAe,~~GAAyBL~~,KAAK,~~CAA7CK~~,eAAe,CAAEC,SAAS,~~GAAcN~~,KAAK,~~CAA5BM~~,SAAS,CAAKC,IAAI,OAAAC,~~yBAAA~~,CAAAC,OAAA,~~EAAKT~~,KAAK,EAAAF,SAAA;EAC5F,~~IAAMY~~,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIX,IAAe,EAAK;IAC5C,QAAQA,IAAI;MACV,KAAK,OAAO;QACV,OAAOY,aAAM,CAACC,UAAU,CAACL,KAAK,CAAC;MACjC,KAAK,QAAQ;QACX,OAAOI,aAAM,CAACE,WAAW,CAACN,KAAK,CAAC;MAClC,KAAK,OAAO;MACZ;QACE,OAAOI,aAAM,CAACG,UAAU,CAACP,KAAK,CAAC;IACnC;EACF,CAAC;EACD,IAAMQ,eAAe,GAAGb,eAAe,GAAG,IAAI;~~EAC5Cd~~,MAAA,~~CAAAkB~~,OAAA,CAAAU,aAAA,WAAMb,SAAS,EAAE,IAAAc,WAAE,EAACN,aAAM,CAACO,UAAU,CAACX,KAAK,CAAC,EAAEY,oBAAa,CAACD,UAAU,CAAE,IAAEjB,WAAkB,CAC7F;;;EAED;~~IACEb~~,MAAA,~~CAAAkB~~,OAAA,CAAAU,aAAA,~~CAACzB~~,cAAA,~~CAAA6B~~,aAAa,~~EAAKvB~~,KAAK;IACtBT,MAAA,~~CAAAkB~~,OAAA,CAAAU,aAAA,YAAAK,SAAA,CAAAf,OAAA;IACMF,IAAI;MACRD,SAAS,EAAE,IAAAc,WAAE,EAACP,gBAAgB,CAACX,IAAI,CAAC,~~MAAAuB~~,~~gBAAA~~,~~CAAAhB~~,~~OAAA~~;~~MACjCK~~,aAAM,~~CAACY~~,KAAK,~~CAAChB~~,KAAK,CAAC,~~EAAG~~,IAAI;MAC5B,CAAE;;~~IAEFP~~,QAAQ;IACRe;IACE;IACQ,CAAC;;AAEpB","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_CommonWrapper","_ThemeContext","_Emotion","_Token","_excluded","TokenView","props","_cx","_props$size","size","children","closeButton","hideCloseButton","className","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","getSizeClassName","styles","tokenLarge","tokenMedium","tokenSmall","closeButtonNode","createElement","cx","removeIcon","globalClasses","CommonWrapper","_extends2","token"],"sources":["TokenView.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport type { TokenSize } from './Token';\nimport { globalClasses, styles } from './Token.styles';\n\nexport interface TokenViewProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Задает размер контрола. /\n size?: TokenSize;\n /* Задает компонент крестика для удаления токена. /\n closeButton?: ReactNode;\n /* Определяет, скрывать ли крестик для удаления токена. */\n hideCloseButton?: boolean;\n}\n\nexport function TokenView(props: TokenViewProps) {\n const { size = 'small', children, closeButton, hideCloseButton, className, ...rest } = props;\n const theme = useContext(ThemeContext);\n const getSizeClassName = (size: TokenSize) => {\n switch (size) {\n case 'large':\n return styles.tokenLarge(theme);\n case 'medium':\n return styles.tokenMedium(theme);\n case 'small':\n default:\n return styles.tokenSmall(theme);\n }\n };\n const closeButtonNode = hideCloseButton ? null : (\n <span className={cx(styles.removeIcon(theme), globalClasses.removeIcon)}>{closeButton}</span>\n );\n\n return (\n <CommonWrapper {...props}>\n <div\n {...rest}\n className={cx(getSizeClassName(size), {\n [styles.token(theme)]: true,\n })}\n >\n {children}\n {closeButtonNode}\n </div>\n </CommonWrapper>\n );\n}\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;;;AAGA,IAAAI,MAAA,GAAAJ,OAAA,mBAAuD,IAAAK,SAAA;;;;;;;;;;;AAWhD,SAASC,SAASA,CAACC,KAAqB,EAAE,KAAAC,GAAA;EAC/C,IAAAC,WAAA,GAAuFF,KAAK,CAApFG,IAAI,CAAJA,IAAI,GAAAD,WAAA,cAAG,OAAO,GAAAA,WAAA,CAAEE,QAAQ,GAAuDJ,KAAK,CAApEI,QAAQ,CAAEC,WAAW,GAA0CL,KAAK,CAA1DK,WAAW,CAAEC,eAAe,GAAyBN,KAAK,CAA7CM,eAAe,CAAEC,SAAS,GAAcP,KAAK,CAA5BO,SAAS,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAKV,KAAK,EAAAF,SAAA;EAC5F,IAAMa,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIX,IAAe,EAAK;IAC5C,QAAQA,IAAI;MACV,KAAK,OAAO;QACV,OAAOY,aAAM,CAACC,UAAU,CAACL,KAAK,CAAC;MACjC,KAAK,QAAQ;QACX,OAAOI,aAAM,CAACE,WAAW,CAACN,KAAK,CAAC;MAClC,KAAK,OAAO;MACZ;QACE,OAAOI,aAAM,CAACG,UAAU,CAACP,KAAK,CAAC;IACnC;EACF,CAAC;EACD,IAAMQ,eAAe,GAAGb,eAAe,GAAG,IAAI;EAC5Cf,MAAA,CAAAmB,OAAA,CAAAU,aAAA,WAAMb,SAAS,EAAE,IAAAc,WAAE,EAACN,aAAM,CAACO,UAAU,CAACX,KAAK,CAAC,EAAEY,oBAAa,CAACD,UAAU,CAAE,IAAEjB,WAAkB,CAC7F;;;EAED;IACEd,MAAA,CAAAmB,OAAA,CAAAU,aAAA,CAAC1B,cAAA,CAAA8B,aAAa,EAAKxB,KAAK;IACtBT,MAAA,CAAAmB,OAAA,CAAAU,aAAA,YAAAK,SAAA,CAAAf,OAAA;IACMF,IAAI;MACRD,SAAS,EAAE,IAAAc,WAAE,EAACP,gBAAgB,CAACX,IAAI,CAAC,GAAAF,GAAA,OAAAA,GAAA;MACjCc,aAAM,CAACW,KAAK,CAACf,KAAK,CAAC,IAAG,IAAI,EAAAV,GAAA;MAC5B,CAAE;;IAEFG,QAAQ;IACRe;IACE;IACQ,CAAC;;AAEpB","ignoreList":[]}

package/cjs/components/Token/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";~~Object~~.~~defineProperty(exports, "~~__esModule", { ~~value:~~ true });var _Token = require("./Token");Object.keys(_Token).forEach(function (key) {if (key === "default" \|\| key === "__esModule") return;if (key in exports && exports[key] === _Token[key]) return;~~Object.defineProperty(~~exports, key, { ~~enumerable: true, get: function get() {return~~ _Token[key];} });~~});~~
1	+ "use strict";exports.__esModule = true;var _Token = require("./Token");Object.keys(_Token).forEach(function (key) {if (key === "default" \|\| key === "__esModule") return;if (key in exports && exports[key] === _Token[key]) return;exports[key] = _Token[key];});

package/cjs/components/Token/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Token","require","Object","keys","forEach","key","exports"~~,"defineProperty","enumerable","get"~~],"sources":["index.ts"],"sourcesContent":["export * from './Token';\n"],"mappings":"~~2EAAA~~,IAAAA,MAAA,GAAAC,OAAA,YAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA,~~UAAAH~~,~~MAAA~~,~~CAAAK,cAAA,~~CAAAD,~~OAAA,EAAAD,~~GAAA,~~IAAAG~~,~~UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAT,~~MAAA,CAAAK,GAAA","ignoreList":[]}
1	+ {"version":3,"names":["_Token","require","Object","keys","forEach","key","exports"],"sources":["index.ts"],"sourcesContent":["export * from './Token';\n"],"mappings":"uCAAA,IAAAA,MAAA,GAAAC,OAAA,YAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,MAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/components/Token/locale/index.js CHANGED Viewed

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });var _exportNames = { TokenLocaleHelper: true };exports.TokenLocaleHelper = void 0;var _LocaleHelper = require("../../../lib/locale/LocaleHelper");
+"use strict";exports.__esModule = true;var _exportNames = { TokenLocaleHelper: true };exports.TokenLocaleHelper = void 0;var _LocaleHelper = require("../../../lib/locale/LocaleHelper");
 var _en = require("./locales/en");
 var _ru = require("./locales/ru");
-var _types = require("./types");Object.keys(_types).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _types[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _types[key];} });});
+var _types = require("./types");Object.keys(_types).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _types[key]) return;exports[key] = _types[key];});
 var TokenLocaleHelper = exports.TokenLocaleHelper = new _LocaleHelper.LocaleHelper({
   ru_RU: _ru.componentsLocales,

package/cjs/components/Token/locale/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","~~defineProperty","enumerable","get","~~TokenLocaleHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport type { TokenLocale } from './types';\n\nexport * from './types';\n\nexport const TokenLocaleHelper = new LocaleHelper<TokenLocale>({\n ru_RU,\n en_GB,\n});\n"],"mappings":"~~6JAAA~~,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,~~UAAAH~~,~~MAAA,CAAAS,cAAA,CAAAD,~~OAAA,~~EAAAL~~,GAAA,~~IAAAO~~,~~UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAZ,~~MAAA,CAAAI,GAAA;;AAEO,~~IAAMS~~,iBAAiB,~~GAAAJ~~,OAAA,~~CAAAI~~,iBAAA,GAAG,IAAIC,0BAAY,CAAc;EAC7DC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","TokenLocaleHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport type { TokenLocale } from './types';\n\nexport * from './types';\n\nexport const TokenLocaleHelper = new LocaleHelper<TokenLocale>({\n ru_RU,\n en_GB,\n});\n"],"mappings":"yHAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,UAAAK,OAAA,CAAAL,GAAA,IAAAJ,MAAA,CAAAI,GAAA;;AAEO,IAAMM,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,IAAIC,0BAAY,CAAc;EAC7DC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Token/locale/locales/en.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.componentsLocales = void 0;
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
 var componentsLocales = exports.componentsLocales = {
   removeButtonAriaLabel: 'Remove token'

package/cjs/components/Token/locale/locales/ru.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.componentsLocales = void 0;
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
 var componentsLocales = exports.componentsLocales = {
   removeButtonAriaLabel: 'Удалить токен'

package/cjs/components/Token/locale/types.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";~~Object~~.~~defineProperty(exports, "~~__esModule", { ~~value:~~ true });
1	+ "use strict";exports.__esModule = true;

package/cjs/components/TokenInput/TextWidthHelper.js CHANGED Viewed

@@ -1,11 +1,11 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.TextWidthHelper = void 0;var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TextWidthHelper = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _Emotion = require("../../lib/theming/Emotion");
 var _getDOMRect = require("../../lib/dom/getDOMRect");
 var _TokenView = require("../Token/TokenView");
-var _Token = require("../Token/Token.styles");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
+var _Token = require("../Token/Token.styles");
 // a thin character to preserve some space
 // for the caret visibillity in the input
@@ -25,7 +25,7 @@ var THIN_SPACE = "\u2009";
  * Херпер позволяет вычислить размеры блока с текстом
  * для последующего выставления размеров input
  */var
-TextWidthHelper = exports.TextWidthHelper = /*#__PURE__*/function (_React$Component) {function TextWidthHelper() {var _this;(0, _classCallCheck2.default)(this, TextWidthHelper);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, TextWidthHelper, [].concat(args));_this.
+TextWidthHelper = exports.TextWidthHelper = /*#__PURE__*/function (_React$Component) {function TextWidthHelper() {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.
     element = null;_this.
@@ -61,4 +61,4 @@ TextWidthHelper = exports.TextWidthHelper = /*#__PURE__*/function (_React$Compon
-    elementRef = function (node) {return _this.element = node;};return _this;}(0, _inherits2.default)(TextWidthHelper, _React$Component);return (0, _createClass2.default)(TextWidthHelper, [{ key: "getSizeClassName", value: function getSizeClassName(size) {switch (size) {case 'large':return _Token.styles.helperContainerLarge(this.props.theme);case 'medium':return _Token.styles.helperContainerMedium(this.props.theme);case 'small':default:return _Token.styles.helperContainerSmall(this.props.theme);}} }, { key: "render", value: function render() {return /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { size: this.props.size, className: (0, _Emotion.cx)(_Token.styles.helperContainer(), this.getSizeClassName(this.props.size)) }, /*#__PURE__*/_react.default.createElement("div", { className: _Token.styles.helperText(), ref: this.elementRef }, this.props.text || THIN_SPACE));} }, { key: "getTextWidth", value: function getTextWidth() {return (0, _getDOMRect.getDOMRect)(this.element).width;} }, { key: "getTextHeight", value: function getTextHeight() {return (0, _getDOMRect.getDOMRect)(this.element).height;} }]);}(_react.default.Component);
+    elementRef = function (node) {return _this.element = node;};return _this;}(0, _inheritsLoose2.default)(TextWidthHelper, _React$Component);var _proto = TextWidthHelper.prototype;_proto.getSizeClassName = function getSizeClassName(size) {switch (size) {case 'large':return _Token.styles.helperContainerLarge(this.props.theme);case 'medium':return _Token.styles.helperContainerMedium(this.props.theme);case 'small':default:return _Token.styles.helperContainerSmall(this.props.theme);}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { size: this.props.size, className: (0, _Emotion.cx)(_Token.styles.helperContainer(), this.getSizeClassName(this.props.size)) }, /*#__PURE__*/_react.default.createElement("div", { className: _Token.styles.helperText(), ref: this.elementRef }, this.props.text || THIN_SPACE));};_proto.getTextWidth = function getTextWidth() {return (0, _getDOMRect.getDOMRect)(this.element).width;};_proto.getTextHeight = function getTextHeight() {return (0, _getDOMRect.getDOMRect)(this.element).height;};return TextWidthHelper;}(_react.default.Component);

package/cjs/components/TokenInput/TextWidthHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_getDOMRect","_TokenView","_Token","~~_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","~~THIN_SPACE","TextWidthHelper","exports","_React$Component","_this","~~_classCallCheck2","~~_len","arguments","length","args","Array","_key","concat","element","elementRef","node","~~_inherits2~~","~~_createClass2~~","~~key~~","~~value~~","getSizeClassName","size","styles","helperContainerLarge","props","theme","helperContainerMedium","helperContainerSmall","render","createElement","TokenView","className","cx","helperContainer","helperText","ref","text","getTextWidth","getDOMRect","width","getTextHeight","height","React","Component"],"sources":["TextWidthHelper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { TokenView } from '../Token/TokenView';\nimport type { TokenSize } from '../Token';\nimport { styles } from '../Token/Token.styles';\n\n// a thin character to preserve some space\n// for the caret visibillity in the input\nconst THIN_SPACE = '\\u2009';\n\nexport interface TextWidthHelperProps {\n /** Задает текст в поле ввода, еще не ставший токеном. /\n text?: string;\n\n /* Задает объект с переменными темы. Он будет объединён с темой из контекста. /\n theme: Theme;\n\n /* Задает размер контрола. /\n size: TokenSize;\n}\n/\n Херпер позволяет вычислить размеры блока с текстом\n * для последующего выставления размеров input\n */\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\n private element: HTMLDivElement \| null = null;\n\n private getSizeClassName(size: TokenSize) {\n switch (size) {\n case 'large':\n return styles.helperContainerLarge(this.props.theme);\n case 'medium':\n return styles.helperContainerMedium(this.props.theme);\n case 'small':\n default:\n return styles.helperContainerSmall(this.props.theme);\n }\n }\n\n public render() {\n return (\n <TokenView\n size={this.props.size}\n className={cx(styles.helperContainer(), this.getSizeClassName(this.props.size))}\n >\n <div className={styles.helperText()} ref={this.elementRef}>\n {this.props.text \|\| THIN_SPACE}\n </div>\n </TokenView>\n );\n }\n\n public getTextWidth(): number {\n return getDOMRect(this.element).width;\n }\n\n public getTextHeight(): number {\n return getDOMRect(this.element).height;\n }\n\n private elementRef = (node: HTMLDivElement) => (this.element = node);\n}\n"],"mappings":"~~iyBAAA~~,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;;AAEA,IAAAI,MAAA,GAAAJ,OAAA,0BAA+C,SAAAK,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,UAAAD,CAAA,OAAAE,gBAAA,CAAAC,OAAA,EAAAH,CAAA,OAAAI,2BAAA,CAAAD,OAAA,EAAAJ,CAAA,MAAAM,0BAAA,CAAAF,OAAA,MAAAG,OAAA,CAAAC,SAAA,CAAAP,CAAA,EAAAC,CAAA,YAAAC,gBAAA,CAAAC,OAAA,EAAAJ,CAAA,EAAAS,WAAA,IAAAR,CAAA,CAAAS,KAAA,CAAAV,CAAA,EAAAE,CAAA;;~~AAE/C~~;AACA;AACA,~~IAAMS~~,UAAU,GAAG,QAAQ;;;;;;;;;;;;AAY3B;AACA;AACA;AACA,GAHA;AAIaC,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,gBAAA,YAAAF,gBAAA,OAAAG,KAAA,~~KAAAC~~,~~gBAAA,CAAAZ,OAAA,QAAAQ,eAAA,WAAAK,~~IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,~~GAAAP~~,KAAA,~~GAAAhB~~,~~UAAA~~,~~OAAAa~~,~~eAAA~~,~~KAAAW~~,MAAA,~~CAAAH~~,IAAA,~~GAAAL~~,KAAA;~~IAClBS~~,OAAO,GAA0B,IAAI,~~CAAAT~~,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~IAmCrCU~~,UAAU,GAAG,UAACC,IAAoB,~~UAAMX~~,KAAA,~~CAAKS~~,OAAO,GAAGE,IAAI,EAAC,~~QAAAX~~,KAAA,~~MAAAY~~,~~UAAA~~,~~CAAAvB~~,OAAA,~~EAAAQ~~,eAAA,EAAAE,gBAAA,~~aAAAc~~,~~aAAA~~,~~CAAAxB~~,~~OAAA~~,~~EAAAQ~~,~~eAAA~~,~~KAAAiB~~,~~GAAA~~,~~sBAAAC~~,~~KAAA~~,~~EAjCpE~~,~~SAAAC~~,iBAAyBC,IAAe,EAAE,CACxC,QAAQA,IAAI,GACV,KAAK,OAAO,CACV,OAAOC,aAAM,CAACC,oBAAoB,CAAC,IAAI,CAACC,KAAK,CAACC,KAAK,CAAC,CACtD,KAAK,QAAQ,CACX,OAAOH,aAAM,CAACI,qBAAqB,CAAC,IAAI,CAACF,KAAK,CAACC,KAAK,CAAC,CACvD,KAAK,OAAO,CACZ,QACE,OAAOH,aAAM,CAACK,oBAAoB,CAAC,IAAI,CAACH,KAAK,CAACC,KAAK,CAAC,CACxD,CACF,CAAC,~~MAAAP~~,~~GAAA~~,~~YAAAC~~,~~KAAA~~,~~EAED~~,~~SAAAS~~,OAAA,EAAgB,CACd,~~oBACE/C~~,MAAA,~~CAAAY~~,OAAA,~~CAAAoC~~,aAAA,~~CAAC3C~~,UAAA,~~CAAA4C~~,SAAS,IACRT,IAAI,EAAE,IAAI,CAACG,KAAK,CAACH,IAAK,EACtBU,SAAS,EAAE,IAAAC,WAAE,EAACV,aAAM,CAACW,eAAe,CAAC,CAAC,EAAE,IAAI,CAACb,gBAAgB,CAAC,IAAI,CAACI,KAAK,CAACH,IAAI,CAAC,CAAE,~~iBAEhFxC~~,MAAA,~~CAAAY~~,OAAA,~~CAAAoC~~,aAAA,UAAKE,SAAS,EAAET,aAAM,CAACY,UAAU,CAAC,CAAE,EAACC,GAAG,EAAE,IAAI,CAACrB,UAAW,IACvD,IAAI,CAACU,KAAK,CAACY,IAAI,~~IAAIpC~~,UACjB,CACI,CAAC,CAEhB,CAAC,~~MAAAkB~~,~~GAAA~~,~~kBAAAC~~,~~KAAA~~,~~EAED~~,~~SAAAkB~~,aAAA,EAA8B,CAC5B,OAAO,IAAAC,sBAAU,EAAC,IAAI,CAACzB,OAAO,CAAC,CAAC0B,KAAK,CACvC,CAAC,~~MAAArB~~,~~GAAA~~,~~mBAAAC~~,~~KAAA~~,~~EAED~~,~~SAAAqB~~,cAAA,EAA+B,CAC7B,OAAO,IAAAF,sBAAU,EAAC,IAAI,CAACzB,OAAO,CAAC,CAAC4B,MAAM,CACxC,CAAC,~~OAlCkCC~~,cAAK,CAACC,SAAS","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_getDOMRect","_TokenView","_Token","THIN_SPACE","TextWidthHelper","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","element","elementRef","node","_inheritsLoose2","default","_proto","prototype","getSizeClassName","size","styles","helperContainerLarge","props","theme","helperContainerMedium","helperContainerSmall","render","createElement","TokenView","className","cx","helperContainer","helperText","ref","text","getTextWidth","getDOMRect","width","getTextHeight","height","React","Component"],"sources":["TextWidthHelper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { TokenView } from '../Token/TokenView';\nimport type { TokenSize } from '../Token';\nimport { styles } from '../Token/Token.styles';\n\n// a thin character to preserve some space\n// for the caret visibillity in the input\nconst THIN_SPACE = '\\u2009';\n\nexport interface TextWidthHelperProps {\n /** Задает текст в поле ввода, еще не ставший токеном. /\n text?: string;\n\n /* Задает объект с переменными темы. Он будет объединён с темой из контекста. /\n theme: Theme;\n\n /* Задает размер контрола. /\n size: TokenSize;\n}\n/\n Херпер позволяет вычислить размеры блока с текстом\n * для последующего выставления размеров input\n */\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\n private element: HTMLDivElement \| null = null;\n\n private getSizeClassName(size: TokenSize) {\n switch (size) {\n case 'large':\n return styles.helperContainerLarge(this.props.theme);\n case 'medium':\n return styles.helperContainerMedium(this.props.theme);\n case 'small':\n default:\n return styles.helperContainerSmall(this.props.theme);\n }\n }\n\n public render() {\n return (\n <TokenView\n size={this.props.size}\n className={cx(styles.helperContainer(), this.getSizeClassName(this.props.size))}\n >\n <div className={styles.helperText()} ref={this.elementRef}>\n {this.props.text \|\| THIN_SPACE}\n </div>\n </TokenView>\n );\n }\n\n public getTextWidth(): number {\n return getDOMRect(this.element).width;\n }\n\n public getTextHeight(): number {\n return getDOMRect(this.element).height;\n }\n\n private elementRef = (node: HTMLDivElement) => (this.element = node);\n}\n"],"mappings":"mQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;;AAEA,IAAAI,MAAA,GAAAJ,OAAA;;AAEA;AACA;AACA,IAAMK,UAAU,GAAG,QAAQ;;;;;;;;;;;;AAY3B;AACA;AACA;AACA,GAHA;AAIaC,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,gBAAA,YAAAF,gBAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IAClBU,OAAO,GAA0B,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmCrCW,UAAU,GAAG,UAACC,IAAoB,UAAMZ,KAAA,CAAKU,OAAO,GAAGE,IAAI,EAAC,QAAAZ,KAAA,MAAAa,eAAA,CAAAC,OAAA,EAAAjB,eAAA,EAAAE,gBAAA,MAAAgB,MAAA,GAAAlB,eAAA,CAAAmB,SAAA,CAAAD,MAAA,CAjC5DE,gBAAgB,GAAxB,SAAAA,iBAAyBC,IAAe,EAAE,CACxC,QAAQA,IAAI,GACV,KAAK,OAAO,CACV,OAAOC,aAAM,CAACC,oBAAoB,CAAC,IAAI,CAACC,KAAK,CAACC,KAAK,CAAC,CACtD,KAAK,QAAQ,CACX,OAAOH,aAAM,CAACI,qBAAqB,CAAC,IAAI,CAACF,KAAK,CAACC,KAAK,CAAC,CACvD,KAAK,OAAO,CACZ,QACE,OAAOH,aAAM,CAACK,oBAAoB,CAAC,IAAI,CAACH,KAAK,CAACC,KAAK,CAAC,CACxD,CACF,CAAC,CAAAP,MAAA,CAEMU,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEpC,MAAA,CAAAyB,OAAA,CAAAY,aAAA,CAAChC,UAAA,CAAAiC,SAAS,IACRT,IAAI,EAAE,IAAI,CAACG,KAAK,CAACH,IAAK,EACtBU,SAAS,EAAE,IAAAC,WAAE,EAACV,aAAM,CAACW,eAAe,CAAC,CAAC,EAAE,IAAI,CAACb,gBAAgB,CAAC,IAAI,CAACI,KAAK,CAACH,IAAI,CAAC,CAAE,iBAEhF7B,MAAA,CAAAyB,OAAA,CAAAY,aAAA,UAAKE,SAAS,EAAET,aAAM,CAACY,UAAU,CAAC,CAAE,EAACC,GAAG,EAAE,IAAI,CAACrB,UAAW,IACvD,IAAI,CAACU,KAAK,CAACY,IAAI,IAAIrC,UACjB,CACI,CAAC,CAEhB,CAAC,CAAAmB,MAAA,CAEMmB,YAAY,GAAnB,SAAAA,aAAA,EAA8B,CAC5B,OAAO,IAAAC,sBAAU,EAAC,IAAI,CAACzB,OAAO,CAAC,CAAC0B,KAAK,CACvC,CAAC,CAAArB,MAAA,CAEMsB,aAAa,GAApB,SAAAA,cAAA,EAA+B,CAC7B,OAAO,IAAAF,sBAAU,EAAC,IAAI,CAACzB,OAAO,CAAC,CAAC4B,MAAM,CACxC,CAAC,QAAAzC,eAAA,GAlCkC0C,cAAK,CAACC,SAAS","ignoreList":[]}