@skbkontur/react-ui 0.0.0-73eeccf6c9 → 0.0.0-74f39c97a5

package/components/Toggle/Toggle.styles/package.json

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

package/components/Toggle/index/index.js

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

package/components/Toggle/index/index.js.map

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

package/components/Toggle/index/package.json

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

package/components/Toggle/package.json

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

package/components/Token/Token/Token.js

@@ -1,102 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import cn from 'classnames';
-import { CrossIcon } from "../../../internal/icons/CrossIcon";
-import { emptyHandler } from "../../../lib/utils";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { jsStyles, jsTokenColors } from "../Token.styles";
-export var Token = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Token, _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.theme = void 0;
-
-    _this.onRemoveClick = function (event) {
-      var _this$props = _this.props,
-          disabled = _this$props.disabled,
-          _this$props$onRemove = _this$props.onRemove,
-          onRemove = _this$props$onRemove === void 0 ? emptyHandler : _this$props$onRemove;
-
-      if (disabled) {
-        event.preventDefault();
-        return;
-      }
-
-      onRemove(event);
-    };
-
-    return _this;
-  }
-
-  var _proto = Token.prototype;
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  };
-
-  _proto.renderMain = function renderMain() {
-    var _cn, _cn2;
-
-    var _this$props2 = this.props,
-        children = _this$props2.children,
-        isActive = _this$props2.isActive,
-        colors = _this$props2.colors,
-        error = _this$props2.error,
-        warning = _this$props2.warning,
-        disabled = _this$props2.disabled,
-        _this$props2$onClick = _this$props2.onClick,
-        onClick = _this$props2$onClick === void 0 ? emptyHandler : _this$props2$onClick,
-        _this$props2$onDouble = _this$props2.onDoubleClick,
-        onDoubleClick = _this$props2$onDouble === void 0 ? emptyHandler : _this$props2$onDouble,
-        _this$props2$onMouseE = _this$props2.onMouseEnter,
-        onMouseEnter = _this$props2$onMouseE === void 0 ? emptyHandler : _this$props2$onMouseE,
-        _this$props2$onMouseL = _this$props2.onMouseLeave,
-        onMouseLeave = _this$props2$onMouseL === void 0 ? emptyHandler : _this$props2$onMouseL,
-        _this$props2$onFocus = _this$props2.onFocus,
-        onFocus = _this$props2$onFocus === void 0 ? emptyHandler : _this$props2$onFocus,
-        _this$props2$onBlur = _this$props2.onBlur,
-        onBlur = _this$props2$onBlur === void 0 ? emptyHandler : _this$props2$onBlur;
-    var theme = this.theme;
-    var validation = error ? 'error' : warning ? 'warning' : null;
-    var disableClassNames = cn(jsTokenColors.defaultDisabled(theme), (_cn = {}, _cn[jsTokenColors.defaultDisabledWarning(theme)] = warning, _cn[jsTokenColors.defaultDisabledError(theme)] = error, _cn));
-    var tokenClassName = disabled ? disableClassNames : jsTokenColors.defaultIdle(theme, validation);
-    var activeTokenClassName = disabled ? disableClassNames : jsTokenColors.defaultActive(theme, validation);
-
-    if (!disabled && colors) {
-      tokenClassName = jsTokenColors[colors.idle](theme, validation);
-      var activeClassName = colors.active ? colors.active : colors.idle;
-      activeTokenClassName = jsTokenColors[activeClassName](theme, validation);
-    }
-
-    var tokenClassNames = cn(jsStyles.token(this.theme), tokenClassName, (_cn2 = {}, _cn2[activeTokenClassName] = !!isActive, _cn2[jsStyles.disabled(theme)] = !!disabled, _cn2));
-    return /*#__PURE__*/React.createElement("div", {
-      className: tokenClassNames,
-      onClick: onClick,
-      onDoubleClick: onDoubleClick,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      onFocus: onFocus,
-      onBlur: onBlur
-    }, /*#__PURE__*/React.createElement("span", {
-      className: jsStyles.text(this.theme)
-    }, children), /*#__PURE__*/React.createElement("span", {
-      className: jsStyles.removeIcon(this.theme),
-      onClick: this.onRemoveClick
-    }, /*#__PURE__*/React.createElement(CrossIcon, null)));
-  };
-
-  return Token;
-}(React.Component);
-Token.__KONTUR_REACT_UI__ = 'Token';

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Token.tsx"],"names":["React","cn","CrossIcon","emptyHandler","ThemeContext","jsStyles","jsTokenColors","Token","theme","onRemoveClick","event","props","disabled","onRemove","preventDefault","render","renderMain","children","isActive","colors","error","warning","onClick","onDoubleClick","onMouseEnter","onMouseLeave","onFocus","onBlur","validation","disableClassNames","defaultDisabled","defaultDisabledWarning","defaultDisabledError","tokenClassName","defaultIdle","activeTokenClassName","defaultActive","idle","activeClassName","active","tokenClassNames","token","text","removeIcon","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\nimport { emptyHandler } from '../../lib/utils';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles, jsTokenColors } from './Token.styles';\r\n\r\nexport type TokenColorName = keyof typeof jsTokenColors;\r\n\r\nexport interface TokenColors {\r\n  idle: TokenColorName;\r\n  active?: TokenColorName;\r\n}\r\n\r\nexport interface TokenProps {\r\n  colors?: TokenColors;\r\n  isActive?: boolean;\r\n  error?: boolean;\r\n  warning?: boolean;\r\n  disabled?: boolean;\r\n\r\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\r\n  onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;\r\n  onRemove?: React.MouseEventHandler<HTMLElement>;\r\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\r\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\r\n  onFocus?: React.FocusEventHandler<HTMLDivElement>;\r\n  onBlur?: React.FocusEventHandler<HTMLDivElement>;\r\n}\r\n\r\nexport class Token extends React.Component<TokenProps> {\r\n  public static __KONTUR_REACT_UI__ = 'Token';\r\n\r\n  private theme!: Theme;\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const {\r\n      children,\r\n      isActive,\r\n      colors,\r\n      error,\r\n      warning,\r\n      disabled,\r\n      onClick = emptyHandler,\r\n      onDoubleClick = emptyHandler,\r\n      onMouseEnter = emptyHandler,\r\n      onMouseLeave = emptyHandler,\r\n      onFocus = emptyHandler,\r\n      onBlur = emptyHandler,\r\n    } = this.props;\r\n\r\n    const theme = this.theme;\r\n    const validation = error ? 'error' : warning ? 'warning' : null;\r\n    const disableClassNames = cn(jsTokenColors.defaultDisabled(theme), {\r\n      [jsTokenColors.defaultDisabledWarning(theme)]: warning,\r\n      [jsTokenColors.defaultDisabledError(theme)]: error,\r\n    });\r\n\r\n    let tokenClassName = disabled ? disableClassNames : jsTokenColors.defaultIdle(theme, validation);\r\n    let activeTokenClassName = disabled ? disableClassNames : jsTokenColors.defaultActive(theme, validation);\r\n\r\n    if (!disabled && colors) {\r\n      tokenClassName = jsTokenColors[colors.idle](theme, validation);\r\n\r\n      const activeClassName = colors.active ? colors.active : colors.idle;\r\n      activeTokenClassName = jsTokenColors[activeClassName](theme, validation);\r\n    }\r\n\r\n    const tokenClassNames = cn(jsStyles.token(this.theme), tokenClassName, {\r\n      [activeTokenClassName]: !!isActive,\r\n      [jsStyles.disabled(theme)]: !!disabled,\r\n    });\r\n\r\n    return (\r\n      <div\r\n        className={tokenClassNames}\r\n        onClick={onClick}\r\n        onDoubleClick={onDoubleClick}\r\n        onMouseEnter={onMouseEnter}\r\n        onMouseLeave={onMouseLeave}\r\n        onFocus={onFocus}\r\n        onBlur={onBlur}\r\n      >\r\n        <span className={jsStyles.text(this.theme)}>{children}</span>\r\n        <span className={jsStyles.removeIcon(this.theme)} onClick={this.onRemoveClick}>\r\n          <CrossIcon />\r\n        </span>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private onRemoveClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\r\n    const { disabled, onRemove = emptyHandler } = this.props;\r\n\r\n    if (disabled) {\r\n      event.preventDefault();\r\n      return;\r\n    }\r\n\r\n    onRemove(event);\r\n  };\r\n}\r\n"]}

package/components/Token/Token/package.json

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

package/components/Token/Token.md

@@ -1,112 +0,0 @@
-Token example
-
-```jsx harmony
-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';
-
-const colors = {
-  default: {
-    idle: 'defaultIdle',
-    active: 'defaultActive',
-  },
-  gray: {
-    idle: 'grayIdle',
-    active: 'grayActive',
-  },
-  blue: {
-    idle: 'blueIdle',
-    active: 'blueActive',
-  },
-  green: {
-    idle: 'greenIdle',
-    active: 'greenActive',
-  },
-  yellow: {
-    idle: 'yellowIdle',
-    active: 'yellowActive',
-  },
-  red: {
-    idle: 'redIdle',
-    active: 'redActive',
-  },
-  mono: {
-    idle: 'white',
-    active: 'black',
-  },
-};
-
-<Gapped gap={20} vertical>
-  <Gapped gap={10}>
-    <Token colors={colors.default}>Default</Token>
-    <Token isActive colors={colors.default}>
-      Default
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.gray}>Gray</Token>
-    <Token isActive colors={colors.gray}>
-      Gray
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.blue}>Blue</Token>
-    <Token isActive colors={colors.blue}>
-      Blue
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.green}>Green</Token>
-    <Token isActive colors={colors.green}>
-      Green
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.yellow}>Yellow</Token>
-    <Token isActive colors={colors.yellow}>
-      Yellow
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.red}>Red</Token>
-    <Token isActive colors={colors.red}>
-      Red
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.mono}>Monochrome</Token>
-    <Token isActive colors={colors.mono}>
-      Monochrome
-    </Token>
-  </Gapped>
-</Gapped>;
-```
-
-Can accept validation state
-
-```jsx harmony
-import { Gapped, Token } from '@skbkontur/react-ui';
-
-<Gapped gap={20} vertical>
-  <Gapped gap={10}>
-    <Token>Correct</Token>
-    <Token warning>Warned</Token>
-    <Token error>Errored</Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token isActive>Correct</Token>
-    <Token isActive warning>
-      Warned
-    </Token>
-    <Token isActive error>
-      Errored
-    </Token>
-  </Gapped>
-</Gapped>;
-```

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

@@ -1,212 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-function _templateObject10() {
-  var data = _taggedTemplateLiteralLoose(["\n        box-shadow: 0 0 0 ", " ", ", inset 0 0 0 1px ", ";\n      "]);
-
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject9() {
-  var data = _taggedTemplateLiteralLoose(["\n        box-shadow: 0 0 0 ", " ", ", inset 0 0 0 1px ", ";\n      "]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        box-shadow: ", "};\n\n        & ", " {\n          fill: ", ";\n          opacity: 1;\n        }\n      "]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        color: ", ";\n        box-shadow: 0 0 0 ", " ", ", inset 0 0 0 1px ", ";\n\n        ", "\n\n        & ", ":hover {\n          color: ", ";\n        }\n      "]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n        box-shadow: 0 0 0 ", " ", ", inset 0 0 0 1px ", ";\n      "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n        box-shadow: 0 0 0 ", " ", ", inset 0 0 0 1px ", ";\n      "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      height: ", ";\n      width: ", ";\n      flex-shrink: 0;\n      padding: ", " ", ";\n      box-sizing: ", ";\n      margin-left: ", ";\n      transition: none;\n      fill: currentColor;\n      opacity: 0.5;\n      line-height: 0;\n\n      &:hover {\n        opacity: 1;\n      }\n    "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      padding-bottom: ", ";\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n      margin: ", " ", ";\n      user-select: text;\n      cursor: text;\n      color: ", ";\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n      border-radius: ", ";\n      padding: ", " ", ";\n      line-height: ", ";\n      font-size: ", ";\n      margin: ", " ", ";\n      min-width: 0;\n      word-break: break-all;\n      user-select: none;\n\n      &:hover {\n        cursor: pointer;\n      }\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, cssName, memoizeStyle } from "../../../lib/theming/Emotion";
-import * as ColorFunctions from "../../../lib/styles/ColorFunctions";
-var styles = {
-  token: function token(t) {
-    return css(_templateObject(), t.tokenBorderRadius, t.tokenPaddingY, t.tokenPaddingX, t.tokenLineHeight, t.tokenFontSize, t.tokenMarginY, t.tokenMarginX);
-  },
-  disabled: function disabled(t) {
-    return css(_templateObject2(), t.tokenPaddingYDisabled, t.tokenPaddingXDisabled, t.tokenMarginYDisabled, t.tokenMarginXDisabled, t.tokenTextColorDisabled);
-  },
-  text: function text(t) {
-    return css(_templateObject3(), t.tokenLegacyTextShift);
-  },
-  removeIcon: function removeIcon(t) {
-    return css(_templateObject4(), t.tokenRemoveIconSize, t.tokenRemoveIconSize, t.tokenRemoveIconPaddingY, t.tokenRemoveIconPaddingX, t.tokenRemoveIconBoxSizing, t.tokenRemoveIconGap);
-  }
-};
-export var jsStyles = memoizeStyle(styles);
-export var jsTokenColors = [{
-  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 _extends({}, colors, (_extends2 = {}, _extends2[name] = function (t, v) {
-    var warning = css(_templateObject5(), t.tokenOutlineWidth, t.tokenBorderColorWarning, color(t));
-    var error = css(_templateObject6(), t.tokenOutlineWidth, t.tokenBorderColorError, color(t));
-    var vStyle = v === 'error' ? error : v === 'warning' ? warning : '';
-    return css(_templateObject7(), color(t), ColorFunctions.contrast(color(t)), t.tokenBorderWidth, ColorFunctions.darken(color(t), '5%'), color(t), vStyle, cssName(jsStyles.removeIcon(t)), ColorFunctions.contrast(color(t)));
-  }, _extends2));
-}, {
-  defaultDisabled: function defaultDisabled(t) {
-    return css(_templateObject8(), t.tokenDisabledBg, t.tokenShadowDisabled, cssName(jsStyles.removeIcon(t)), t.tokenTextColorDisabled);
-  },
-  defaultDisabledWarning: function defaultDisabledWarning(t) {
-    return css(_templateObject9(), t.tokenOutlineWidth, t.tokenBorderColorWarning, t.tokenDisabledBg);
-  },
-  defaultDisabledError: function defaultDisabledError(t) {
-    return css(_templateObject10(), t.tokenOutlineWidth, t.tokenBorderColorError, t.tokenDisabledBg);
-  }
-});

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Token.styles.ts"],"names":["css","cssName","memoizeStyle","ColorFunctions","styles","token","t","tokenBorderRadius","tokenPaddingY","tokenPaddingX","tokenLineHeight","tokenFontSize","tokenMarginY","tokenMarginX","disabled","tokenPaddingYDisabled","tokenPaddingXDisabled","tokenMarginYDisabled","tokenMarginXDisabled","tokenTextColorDisabled","text","tokenLegacyTextShift","removeIcon","tokenRemoveIconSize","tokenRemoveIconPaddingY","tokenRemoveIconPaddingX","tokenRemoveIconBoxSizing","tokenRemoveIconGap","jsStyles","jsTokenColors","name","color","tokenDefaultIdle","tokenDefaultActive","tokenGrayIdle","tokenGrayActive","tokenBlueIdle","tokenBlueActive","tokenGreenIdle","tokenGreenActive","tokenYellowIdle","tokenYellowActive","tokenRedIdle","tokenRedActive","tokenWhite","tokenBlack","reduce","colors","v","warning","tokenOutlineWidth","tokenBorderColorWarning","error","tokenBorderColorError","vStyle","contrast","tokenBorderWidth","darken","defaultDisabled","tokenDisabledBg","tokenShadowDisabled","defaultDisabledWarning","defaultDisabledError"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\r\n\r\nconst styles = {\r\n  token(t: Theme) {\r\n    return css`\r\n      display: inline-flex;\r\n      align-items: center;\r\n      border-radius: ${t.tokenBorderRadius};\r\n      padding: ${t.tokenPaddingY} ${t.tokenPaddingX};\r\n      line-height: ${t.tokenLineHeight};\r\n      font-size: ${t.tokenFontSize};\r\n      margin: ${t.tokenMarginY} ${t.tokenMarginX};\r\n      min-width: 0;\r\n      word-break: break-all;\r\n      user-select: none;\r\n\r\n      &:hover {\r\n        cursor: pointer;\r\n      }\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      padding: ${t.tokenPaddingYDisabled} ${t.tokenPaddingXDisabled};\r\n      margin: ${t.tokenMarginYDisabled} ${t.tokenMarginXDisabled};\r\n      user-select: text;\r\n      cursor: text;\r\n      color: ${t.tokenTextColorDisabled};\r\n    `;\r\n  },\r\n\r\n  text(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      padding-bottom: ${t.tokenLegacyTextShift};\r\n    `;\r\n  },\r\n\r\n  removeIcon(t: Theme) {\r\n    return css`\r\n      height: ${t.tokenRemoveIconSize};\r\n      width: ${t.tokenRemoveIconSize};\r\n      flex-shrink: 0;\r\n      padding: ${t.tokenRemoveIconPaddingY} ${t.tokenRemoveIconPaddingX};\r\n      box-sizing: ${t.tokenRemoveIconBoxSizing};\r\n      margin-left: ${t.tokenRemoveIconGap};\r\n      transition: none;\r\n      fill: currentColor;\r\n      opacity: 0.5;\r\n      line-height: 0;\r\n\r\n      &:hover {\r\n        opacity: 1;\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\ninterface TokenColors {\r\n  defaultIdle: (t: Theme, v: 'error' | 'warning' | null) => string;\r\n  defaultActive: (t: Theme, v: 'error' | 'warning' | null) => string;\r\n  defaultDisabled: (t: Theme) => string;\r\n  defaultDisabledWarning: (t: Theme) => string;\r\n  defaultDisabledError: (t: Theme) => string;\r\n  grayIdle: (t: Theme, v: 'error' | 'warning' | null) => string;\r\n  grayActive: (t: Theme, v: 'error' | 'warning' | null) => string;\r\n  blueIdle: (t: Theme, v: 'error' | 'warning' | null) => string;\r\n  blueActive: (t: Theme, v: 'error' | 'warning' | null) => string;\r\n  greenIdle: (t: Theme, v: 'error' | 'warning' | null) => string;\r\n  greenActive: (t: Theme, v: 'error' | 'warning' | null) => string;\r\n  yellowIdle: (t: Theme, v: 'error' | 'warning' | null) => string;\r\n  yellowActive: (t: Theme, v: 'error' | 'warning' | null) => string;\r\n  redIdle: (t: Theme, v: 'error' | 'warning' | null) => string;\r\n  redActive: (t: Theme, v: 'error' | 'warning' | null) => string;\r\n  white: (t: Theme, v: 'error' | 'warning' | null) => string;\r\n  black: (t: Theme, v: 'error' | 'warning' | null) => string;\r\n}\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n\r\nexport const jsTokenColors = [\r\n  { name: 'defaultIdle', color: (t: Theme) => t.tokenDefaultIdle },\r\n  { name: 'defaultActive', color: (t: Theme) => t.tokenDefaultActive },\r\n  { name: 'grayIdle', color: (t: Theme) => t.tokenGrayIdle },\r\n  { name: 'grayActive', color: (t: Theme) => t.tokenGrayActive },\r\n  { name: 'blueIdle', color: (t: Theme) => t.tokenBlueIdle },\r\n  { name: 'blueActive', color: (t: Theme) => t.tokenBlueActive },\r\n  { name: 'greenIdle', color: (t: Theme) => t.tokenGreenIdle },\r\n  { name: 'greenActive', color: (t: Theme) => t.tokenGreenActive },\r\n  { name: 'yellowIdle', color: (t: Theme) => t.tokenYellowIdle },\r\n  { name: 'yellowActive', color: (t: Theme) => t.tokenYellowActive },\r\n  { name: 'redIdle', color: (t: Theme) => t.tokenRedIdle },\r\n  { name: 'redActive', color: (t: Theme) => t.tokenRedActive },\r\n  { name: 'white', color: (t: Theme) => t.tokenWhite },\r\n  { name: 'black', color: (t: Theme) => t.tokenBlack },\r\n].reduce(\r\n  (colors: TokenColors, { name, color }) => ({\r\n    ...colors,\r\n    [name](t: Theme, v: 'error' | 'warning') {\r\n      const warning = css`\r\n        box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorWarning}, inset 0 0 0 1px ${color(t)};\r\n      `;\r\n      const error = css`\r\n        box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorError}, inset 0 0 0 1px ${color(t)};\r\n      `;\r\n      const vStyle = v === 'error' ? error : v === 'warning' ? warning : '';\r\n\r\n      return css`\r\n        background-color: ${color(t)};\r\n        color: ${ColorFunctions.contrast(color(t))};\r\n        box-shadow: 0 0 0 ${t.tokenBorderWidth} ${ColorFunctions.darken(color(t), '5%')}, inset 0 0 0 1px ${color(t)};\r\n\r\n        ${vStyle}\r\n\r\n        & ${cssName(jsStyles.removeIcon(t))}:hover {\r\n          color: ${ColorFunctions.contrast(color(t))};\r\n        }\r\n      `;\r\n    },\r\n  }),\r\n  {\r\n    defaultDisabled(t: Theme) {\r\n      return css`\r\n        background-color: ${t.tokenDisabledBg};\r\n        box-shadow: ${t.tokenShadowDisabled}};\r\n\r\n        & ${cssName(jsStyles.removeIcon(t))} {\r\n          fill: ${t.tokenTextColorDisabled};\r\n          opacity: 1;\r\n        }\r\n      `;\r\n    },\r\n    defaultDisabledWarning(t: Theme) {\r\n      return css`\r\n        box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorWarning}, inset 0 0 0 1px ${t.tokenDisabledBg};\r\n      `;\r\n    },\r\n    defaultDisabledError(t: Theme) {\r\n      return css`\r\n        box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorError}, inset 0 0 0 1px ${t.tokenDisabledBg};\r\n      `;\r\n    },\r\n  } as TokenColors,\r\n);\r\n"]}

package/components/Token/Token.styles/package.json

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

package/components/Token/index/index.js

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

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

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

package/components/Token/index/package.json

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

package/components/Token/package.json

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

package/components/TokenInput/TextWidthHelper/TextWidthHelper.js

@@ -1,52 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import { jsStyles } from "../TokenInput.styles"; // a thin character to preserve some space
-// for the caret visibillity in the input
-
-var THIN_SPACE = "\u2009";
-/**
- * Херпер позволяет вычислить размеры блока с текстом
- * для последующего выставления размеров input
- */
-
-export var TextWidthHelper = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(TextWidthHelper, _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.elementRef = function (node) {
-      return _this.element = node;
-    };
-
-    return _this;
-  }
-
-  var _proto = TextWidthHelper.prototype;
-
-  _proto.render = function render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.helperContainer(this.props.theme)
-    }, /*#__PURE__*/React.createElement("div", {
-      className: this.props.classHelp,
-      ref: this.elementRef
-    }, this.props.text || THIN_SPACE));
-  };
-
-  _proto.getTextWidth = function getTextWidth() {
-    return this.element ? this.element.getBoundingClientRect().width : 0;
-  };
-
-  _proto.getTextHeight = function getTextHeight() {
-    return this.element.getBoundingClientRect().height;
-  };
-
-  return TextWidthHelper;
-}(React.Component);

package/components/TokenInput/TextWidthHelper/TextWidthHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TextWidthHelper.tsx"],"names":["React","jsStyles","THIN_SPACE","TextWidthHelper","element","elementRef","node","render","helperContainer","props","theme","classHelp","text","getTextWidth","getBoundingClientRect","width","getTextHeight","height","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;AAIA,SAASC,QAAT,QAAyB,qBAAzB;;AAEA;AACA;AACA,IAAMC,UAAU,GAAG,QAAnB;;;;;;;AAOA;AACA;AACA;AACA;AACA,WAAaC,eAAb;AACUC,IAAAA,OADV,GAC2C,IAD3C;;;;;;;;;;;;;;;;;;;;AAqBUC,IAAAA,UArBV,GAqBuB,UAACC,IAAD,UAA2B,MAAKF,OAAL,GAAeE,IAA1C,EArBvB,6DAGSC,MAHT,GAGE,kBAAgB,CACd,oBACE,6BAAK,SAAS,EAAEN,QAAQ,CAACO,eAAT,CAAyB,KAAKC,KAAL,CAAWC,KAApC,CAAhB,iBACE,6BAAK,SAAS,EAAE,KAAKD,KAAL,CAAWE,SAA3B,EAAsC,GAAG,EAAE,KAAKN,UAAhD,IACG,KAAKI,KAAL,CAAWG,IAAX,IAAmBV,UADtB,CADF,CADF,CAOD,CAXH,QAaSW,YAbT,GAaE,wBAA8B,CAC5B,OAAO,KAAKT,OAAL,GAAe,KAAKA,OAAL,CAAaU,qBAAb,GAAqCC,KAApD,GAA4D,CAAnE,CACD,CAfH,QAiBSC,aAjBT,GAiBE,yBAA+B,CAC7B,OAAO,KAAKZ,OAAL,CAAcU,qBAAd,GAAsCG,MAA7C,CACD,CAnBH,0BAAqCjB,KAAK,CAACkB,SAA3C","sourcesContent":["import React from 'react';\r\n\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './TokenInput.styles';\r\n\r\n// a thin character to preserve some space\r\n// for the caret visibillity in the input\r\nconst THIN_SPACE = '\\u2009';\r\n\r\nexport interface TextWidthHelperProps {\r\n  text?: string;\r\n  classHelp: string;\r\n  theme: Theme;\r\n}\r\n/**\r\n * Херпер позволяет вычислить размеры блока с текстом\r\n * для последующего выставления размеров input\r\n */\r\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\r\n  private element: HTMLDivElement | null = null;\r\n\r\n  public render() {\r\n    return (\r\n      <div className={jsStyles.helperContainer(this.props.theme)}>\r\n        <div className={this.props.classHelp} ref={this.elementRef}>\r\n          {this.props.text || THIN_SPACE}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  public getTextWidth(): number {\r\n    return this.element ? this.element.getBoundingClientRect().width : 0;\r\n  }\r\n\r\n  public getTextHeight(): number {\r\n    return this.element!.getBoundingClientRect().height;\r\n  }\r\n\r\n  private elementRef = (node: HTMLDivElement) => (this.element = node);\r\n}\r\n"]}

package/components/TokenInput/TextWidthHelper/package.json

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