@skbkontur/react-ui 0.0.0-b0853da840 → 0.0.0-b08da15166

package/components/Toggle/Toggle.module.css

@@ -1,72 +0,0 @@
-:local .handle {
-  height: 18px;
-  width: 18px;
-  border-radius: 9px;
-  position: absolute;
-  top: 1px;
-  bottom: 1px;
-  left: 1px;
-  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
-  transition: 0.2s ease-in;
-}
-:local .input {
-  position: absolute;
-  opacity: 0;
-}
-:local .wrapper {
-  position: relative;
-  display: inline-block;
-  width: 34px;
-  height: 20px;
-  cursor: pointer;
-}
-:local .wrapper.isDisabled {
-  opacity: 0.3;
-  cursor: default;
-}
-:local .wrapper::after {
-  content: '';
-  display: inline-block;
-}
-:local .wrapper:active:not(.isDisabled) .handle {
-  width: 22px;
-}
-:local .wrapper:active:not(.isDisabled) .input:checked ~ .handle {
-  transform: translateX(10px);
-}
-:local .container {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  border-radius: 10px;
-  overflow: hidden;
-  /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */
-  z-index: 0;
-}
-.isDisabled :local .container {
-  background: none;
-}
-:local .activeBackground {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 10px;
-  background: inherit;
-  transition: 0.2s ease-in;
-}
-:local .activeBackground .isLoading {
-  visibility: visible;
-}
-:local .input:focus {
-  outline: none;
-}
-:local .input:checked ~ .container {
-  transition: background 0s 0.2s;
-}
-:local .input:checked ~ .container .activeBackground {
-  width: 70%;
-}
-:local .input:checked ~ .handle {
-  transform: translateX(14px);
-}

package/components/Toggle/Toggle.module.css.d.ts

@@ -1,11 +0,0 @@
-export interface IToggleModuleLess {
-  'handle': string;
-  'input': string;
-  'wrapper': string;
-  'isDisabled': string;
-  'container': string;
-  'activeBackground': string;
-  'isLoading': string;
-}
-declare const styles: IToggleModuleLess;
-export default styles;

package/components/Toggle/Toggle.styles.js

@@ -1,90 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject8() {var data = _taggedTemplateLiteralLoose(["\n      &:hover:not(.", ") {\n        .", " {\n          background: ", ";\n        }\n      }\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = _taggedTemplateLiteralLoose(["\n      .", ":checked ~ .", "& {\n        background: ", ";\n        box-shadow: inset 0 0 0 1px ", ";\n\n        .", " {\n          background: ", ";\n        }\n      }\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = _taggedTemplateLiteralLoose(["\n      .", ":checked ~ .", "& {\n        background: ", ";\n        box-shadow: inset 0 0 0 1px ", ";\n\n        .", " {\n          background: ", ";\n        }\n      }\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = _taggedTemplateLiteralLoose(["\n      .", ":checked ~ .", "& {\n        background: ", ";\n        box-shadow: inset 0 0 0 1px ", ";\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      .", " & {\n        background: ", ";\n      }\n\n      .", ":checked ~ .", " & {\n        background: ", ";\n      }\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      .", "&, .", ":checked ~ & {\n        box-shadow: 0 0 0 1px ", ", 0 0 0 3px ", ";\n      }\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      box-shadow: inset 0 0 0 1px ", ";\n\n      .", " & {\n        background: ", ";\n      }\n      .", ":checked ~ & {\n        box-shadow: inset 0 0 0 1px ", ";\n        background: ", ";\n      }\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css } from '../../lib/theming/Emotion';import
-
-
-styles from "./Toggle.module.css";
-
-export var jsStyles = {
-  handle: function handle(t) {
-    return css(_templateObject(),
-    t.toggleBg);
-
-  },
-
-  container: function container(t) {
-    return css(_templateObject2(),
-    t.toggleBorderColor,
-
-    styles.isDisabled,
-    t.toggleBgDisabled,
-
-    styles.input,
-    t.toggleBgChecked,
-    t.toggleBgChecked);
-
-
-  },
-
-  focused: function focused(t) {
-    return css(_templateObject3(),
-    styles.container, styles.input,
-    t.outlineColorFocus, t.toggleFocusShadowColor);
-
-
-  },
-
-  activeBackground: function activeBackground(t) {
-    return css(_templateObject4(),
-    styles.isLoading,
-    t.toggleBgActive,
-
-
-    styles.input, styles.container,
-    t.toggleBgChecked);
-
-
-  },
-
-  isLoading: function isLoading(t) {
-    return css(_templateObject5(),
-    styles.input, styles.container,
-    t.toggleBorderColor,
-    t.toggleBorderColor);
-
-
-  },
-
-  isWarning: function isWarning(t) {
-    return css(_templateObject6(),
-    styles.input, styles.container,
-    t.toggleBgWarning,
-    t.toggleBgWarning,
-
-    styles.activeBackground,
-    t.toggleBgWarning);
-
-
-
-  },
-
-  isError: function isError(t) {
-    return css(_templateObject7(),
-    styles.input, styles.container,
-    t.toggleBgError,
-    t.toggleBgError,
-
-    styles.activeBackground,
-    t.toggleBgError);
-
-
-
-  },
-
-  wrapper: function wrapper(t) {
-    return css(_templateObject8(),
-    styles.isDisabled,
-    styles.handle,
-    t.toggleBgHover);
-
-
-
-  } };

package/components/Toggle/Toggle.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Toggle.styles.ts"],"names":["css","styles","jsStyles","handle","t","toggleBg","container","toggleBorderColor","isDisabled","toggleBgDisabled","input","toggleBgChecked","focused","outlineColorFocus","toggleFocusShadowColor","activeBackground","isLoading","toggleBgActive","isWarning","toggleBgWarning","isError","toggleBgError","wrapper","toggleBgHover"],"mappings":"sxEAAA,SAASA,GAAT,QAAoB,2BAApB,C;;;AAGOC,M;;AAEP,OAAO,IAAMC,QAAQ,GAAG;AACtBC,EAAAA,MADsB,kBACfC,CADe,EACL;AACf,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACC,QADlB;;AAGD,GALqB;;AAOtBC,EAAAA,SAPsB,qBAOZF,CAPY,EAOF;AAClB,WAAOJ,GAAP;AACgCI,IAAAA,CAAC,CAACG,iBADlC;;AAGKN,IAAAA,MAAM,CAACO,UAHZ;AAIkBJ,IAAAA,CAAC,CAACK,gBAJpB;;AAMKR,IAAAA,MAAM,CAACS,KANZ;AAOkCN,IAAAA,CAAC,CAACO,eAPpC;AAQkBP,IAAAA,CAAC,CAACO,eARpB;;;AAWD,GAnBqB;;AAqBtBC,EAAAA,OArBsB,mBAqBdR,CArBc,EAqBJ;AAChB,WAAOJ,GAAP;AACKC,IAAAA,MAAM,CAACK,SADZ,EAC4BL,MAAM,CAACS,KADnC;AAE4BN,IAAAA,CAAC,CAACS,iBAF9B,EAE8DT,CAAC,CAACU,sBAFhE;;;AAKD,GA3BqB;;AA6BtBC,EAAAA,gBA7BsB,4BA6BLX,CA7BK,EA6BK;AACzB,WAAOJ,GAAP;AACKC,IAAAA,MAAM,CAACe,SADZ;AAEkBZ,IAAAA,CAAC,CAACa,cAFpB;;;AAKKhB,IAAAA,MAAM,CAACS,KALZ,EAKgCT,MAAM,CAACK,SALvC;AAMkBF,IAAAA,CAAC,CAACO,eANpB;;;AASD,GAvCqB;;AAyCtBK,EAAAA,SAzCsB,qBAyCZZ,CAzCY,EAyCF;AAClB,WAAOJ,GAAP;AACKC,IAAAA,MAAM,CAACS,KADZ,EACgCT,MAAM,CAACK,SADvC;AAEkBF,IAAAA,CAAC,CAACG,iBAFpB;AAGkCH,IAAAA,CAAC,CAACG,iBAHpC;;;AAMD,GAhDqB;;AAkDtBW,EAAAA,SAlDsB,qBAkDZd,CAlDY,EAkDF;AAClB,WAAOJ,GAAP;AACKC,IAAAA,MAAM,CAACS,KADZ,EACgCT,MAAM,CAACK,SADvC;AAEkBF,IAAAA,CAAC,CAACe,eAFpB;AAGkCf,IAAAA,CAAC,CAACe,eAHpC;;AAKOlB,IAAAA,MAAM,CAACc,gBALd;AAMoBX,IAAAA,CAAC,CAACe,eANtB;;;;AAUD,GA7DqB;;AA+DtBC,EAAAA,OA/DsB,mBA+DdhB,CA/Dc,EA+DJ;AAChB,WAAOJ,GAAP;AACKC,IAAAA,MAAM,CAACS,KADZ,EACgCT,MAAM,CAACK,SADvC;AAEkBF,IAAAA,CAAC,CAACiB,aAFpB;AAGkCjB,IAAAA,CAAC,CAACiB,aAHpC;;AAKOpB,IAAAA,MAAM,CAACc,gBALd;AAMoBX,IAAAA,CAAC,CAACiB,aANtB;;;;AAUD,GA1EqB;;AA4EtBC,EAAAA,OA5EsB,mBA4EdlB,CA5Ec,EA4EJ;AAChB,WAAOJ,GAAP;AACiBC,IAAAA,MAAM,CAACO,UADxB;AAEOP,IAAAA,MAAM,CAACE,MAFd;AAGoBC,IAAAA,CAAC,CAACmB,aAHtB;;;;AAOD,GApFqB,EAAjB","sourcesContent":["import { css } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport styles from './Toggle.module.less';\r\n\r\nexport const jsStyles = {\r\n  handle(t: Theme) {\r\n    return css`\r\n      background: ${t.toggleBg};\r\n    `;\r\n  },\r\n\r\n  container(t: Theme) {\r\n    return css`\r\n      box-shadow: inset 0 0 0 1px ${t.toggleBorderColor};\r\n\r\n      .${styles.isDisabled} & {\r\n        background: ${t.toggleBgDisabled};\r\n      }\r\n      .${styles.input}:checked ~ & {\r\n        box-shadow: inset 0 0 0 1px ${t.toggleBgChecked};\r\n        background: ${t.toggleBgChecked};\r\n      }\r\n    `;\r\n  },\r\n\r\n  focused(t: Theme) {\r\n    return css`\r\n      .${styles.container}&, .${styles.input}:checked ~ & {\r\n        box-shadow: 0 0 0 1px ${t.outlineColorFocus}, 0 0 0 3px ${t.toggleFocusShadowColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  activeBackground(t: Theme) {\r\n    return css`\r\n      .${styles.isLoading} & {\r\n        background: ${t.toggleBgActive};\r\n      }\r\n\r\n      .${styles.input}:checked ~ .${styles.container} & {\r\n        background: ${t.toggleBgChecked};\r\n      }\r\n    `;\r\n  },\r\n\r\n  isLoading(t: Theme) {\r\n    return css`\r\n      .${styles.input}:checked ~ .${styles.container}& {\r\n        background: ${t.toggleBorderColor};\r\n        box-shadow: inset 0 0 0 1px ${t.toggleBorderColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  isWarning(t: Theme) {\r\n    return css`\r\n      .${styles.input}:checked ~ .${styles.container}& {\r\n        background: ${t.toggleBgWarning};\r\n        box-shadow: inset 0 0 0 1px ${t.toggleBgWarning};\r\n\r\n        .${styles.activeBackground} {\r\n          background: ${t.toggleBgWarning};\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  isError(t: Theme) {\r\n    return css`\r\n      .${styles.input}:checked ~ .${styles.container}& {\r\n        background: ${t.toggleBgError};\r\n        box-shadow: inset 0 0 0 1px ${t.toggleBgError};\r\n\r\n        .${styles.activeBackground} {\r\n          background: ${t.toggleBgError};\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  wrapper(t: Theme) {\r\n    return css`\r\n      &:hover:not(.${styles.isDisabled}) {\r\n        .${styles.handle} {\r\n          background: ${t.toggleBgHover};\r\n        }\r\n      }\r\n    `;\r\n  },\r\n};\r\n"]}

package/components/Toggle/index.js

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

package/components/Toggle/index.js.map

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

package/components/Token/Token.js

@@ -1,142 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import warningOutput from 'warning';
-
-import { CrossIcon } from '../internal/icons/CrossIcon';
-import { emptyHandler } from '../../lib/utils';
-import { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';
-
-
-import { jsStyles, jsTokenColors } from './Token.styles';import
-styles from "./Token.module.css";
-
-var deprecatedColorNames = {
-  'i-default': 'defaultIdle',
-  'a-default': 'defaultActive',
-  'l-gray': 'grayIdle',
-  'd-gray': 'grayActive',
-  'l-blue': 'blueIdle',
-  'd-blue': 'blueActive',
-  'l-green': 'greenIdle',
-  'd-green': 'greenActive',
-  'l-yellow': 'yellowIdle',
-  'd-yellow': 'yellowActive',
-  'l-red': 'redIdle',
-  'd-red': 'redActive' };
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-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 React.createElement(ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx;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$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;if (process.env.NODE_ENV !== 'production' && colors) {warningOutput(!deprecatedColorNames[colors.idle], "Color name '" + colors.idle + "' has been deprecated, use '" + deprecatedColorNames[colors.idle] + "' instead");if (colors.active) {warningOutput(!deprecatedColorNames[colors.active], "Color name '" + colors.active + "' has been deprecated, use '" + deprecatedColorNames[colors.active] + "' instead");}}var theme = this.theme;var tokenClassName = disabled ? jsTokenColors.defaultDisabled(theme) : jsTokenColors.defaultIdle(theme);var activeTokenClassName = disabled ? jsTokenColors.defaultDisabled(theme) : jsTokenColors.defaultActive(theme);if (!disabled && colors) {var idleClassName = deprecatedColorNames[colors.idle] || colors.idle;tokenClassName = jsTokenColors[idleClassName](theme);var activeClassName = colors.active ? deprecatedColorNames[colors.active] || colors.active : idleClassName;activeTokenClassName = jsTokenColors[activeClassName](theme);}var tokenClassNames = cx(styles.token, tokenClassName, (_cx = {}, _cx[styles.disabled] = !!disabled, _cx[activeTokenClassName] = !!isActive, _cx[styles.warning] = !!warning, _cx[styles.error] = !!error, _cx[jsStyles.disabled(theme)] = !!disabled, _cx));return React.createElement("div", { className: tokenClassNames, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, React.createElement("span", { className: styles.text }, children), React.createElement("span", { className: styles.removeIcon, onClick: this.onRemoveClick }, React.createElement(CrossIcon, null)));};return Token;}(React.Component);Token.__KONTUR_REACT_UI__ = 'Token';

package/components/Token/Token.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Token.tsx"],"names":["React","warningOutput","CrossIcon","emptyHandler","cx","ThemeConsumer","jsStyles","jsTokenColors","styles","deprecatedColorNames","Token","theme","onRemoveClick","event","props","disabled","onRemove","preventDefault","render","renderMain","children","isActive","colors","error","warning","onClick","onMouseEnter","onMouseLeave","onFocus","onBlur","process","env","NODE_ENV","idle","active","tokenClassName","defaultDisabled","defaultIdle","activeTokenClassName","defaultActive","idleClassName","activeClassName","tokenClassNames","token","text","removeIcon","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport warningOutput from 'warning';\r\n\r\nimport { CrossIcon } from '../internal/icons/CrossIcon';\r\nimport { emptyHandler } from '../../lib/utils';\r\nimport { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles, jsTokenColors } from './Token.styles';\r\nimport styles from './Token.module.less';\r\n\r\nconst deprecatedColorNames: { [key: string]: TokenColorName } = {\r\n  'i-default': 'defaultIdle',\r\n  'a-default': 'defaultActive',\r\n  'l-gray': 'grayIdle',\r\n  'd-gray': 'grayActive',\r\n  'l-blue': 'blueIdle',\r\n  'd-blue': 'blueActive',\r\n  'l-green': 'greenIdle',\r\n  'd-green': 'greenActive',\r\n  'l-yellow': 'yellowIdle',\r\n  'd-yellow': 'yellowActive',\r\n  'l-red': 'redIdle',\r\n  'd-red': 'redActive',\r\n};\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  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      <ThemeConsumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeConsumer>\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      onMouseEnter = emptyHandler,\r\n      onMouseLeave = emptyHandler,\r\n      onFocus = emptyHandler,\r\n      onBlur = emptyHandler,\r\n    } = this.props;\r\n\r\n    if (process.env.NODE_ENV !== 'production' && colors) {\r\n      warningOutput(\r\n        !deprecatedColorNames[colors.idle],\r\n        `Color name '${colors.idle}' has been deprecated, use '${deprecatedColorNames[colors.idle]}' instead`,\r\n      );\r\n\r\n      if (colors.active) {\r\n        warningOutput(\r\n          !deprecatedColorNames[colors.active],\r\n          `Color name '${colors.active}' has been deprecated, use '${deprecatedColorNames[colors.active]}' instead`,\r\n        );\r\n      }\r\n    }\r\n\r\n    const theme = this.theme;\r\n\r\n    let tokenClassName = disabled ? jsTokenColors.defaultDisabled(theme) : jsTokenColors.defaultIdle(theme);\r\n    let activeTokenClassName = disabled ? jsTokenColors.defaultDisabled(theme) : jsTokenColors.defaultActive(theme);\r\n\r\n    if (!disabled && colors) {\r\n      const idleClassName = deprecatedColorNames[colors.idle] || colors.idle;\r\n      tokenClassName = jsTokenColors[idleClassName](theme);\r\n\r\n      const activeClassName = colors.active ? deprecatedColorNames[colors.active] || colors.active : idleClassName;\r\n      activeTokenClassName = jsTokenColors[activeClassName](theme);\r\n    }\r\n\r\n    const tokenClassNames = cx(styles.token, tokenClassName, {\r\n      [styles.disabled]: !!disabled,\r\n      [activeTokenClassName]: !!isActive,\r\n      [styles.warning]: !!warning,\r\n      [styles.error]: !!error,\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        onMouseEnter={onMouseEnter}\r\n        onMouseLeave={onMouseLeave}\r\n        onFocus={onFocus}\r\n        onBlur={onBlur}\r\n      >\r\n        <span className={styles.text}>{children}</span>\r\n        <span className={styles.removeIcon} 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.module.css

@@ -1,47 +0,0 @@
-:local .token {
-  display: inline-flex;
-  align-items: center;
-  border-radius: 1px;
-  padding: 0 4px;
-  line-height: 1.5;
-  font-size: 14px;
-  margin: 3px;
-  min-width: 0;
-  word-break: break-word;
-  user-select: none;
-}
-:local .token.warning {
-  visibility: visible;
-}
-:local .token.error {
-  visibility: visible;
-}
-:local .token:hover {
-  cursor: pointer;
-}
-:local .token.disabled {
-  box-shadow: none;
-  margin: 2px;
-  padding: 1px 4px;
-  user-select: text;
-  cursor: text;
-}
-:local .text {
-  display: inline-block;
-  padding-bottom: 1px;
-}
-:local .removeIcon {
-  height: 1em;
-  width: 1em;
-  flex-shrink: 0;
-  padding: 2px;
-  box-sizing: border-box;
-  margin-left: 4px;
-  transition: none;
-  fill: currentColor;
-  opacity: 0.5;
-  line-height: 0;
-}
-:local .removeIcon:hover {
-  opacity: 1;
-}

package/components/Token/Token.module.css.d.ts

@@ -1,10 +0,0 @@
-export interface ITokenModuleLess {
-  'token': string;
-  'warning': string;
-  'error': string;
-  'disabled': string;
-  'text': string;
-  'removeIcon': string;
-}
-declare const styles: ITokenModuleLess;
-export default styles;

package/components/Token/Token.styles.js

@@ -1,91 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n\n        & .", " {\n          fill: ", ";\n          opacity: 1;\n        }\n\n        &.", " {\n          box-shadow: 0 0 0 2px ", ", inset 0 0 0 1px ", ";\n        }\n\n        &.", " {\n          box-shadow: 0 0 0 2px ", ", inset 0 0 0 1px ", ";\n        }\n      "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        color: ", ";\n        box-shadow: 0 0 0 1px ", ", inset 0 0 0 1px ", ";\n\n        & .", ":hover {\n          color: ", ";\n        }\n\n        &.", " {\n          box-shadow: 0 0 0 2px ", ", inset 0 0 0 1px ", ";\n        }\n\n        &.", " {\n          box-shadow: 0 0 0 2px ", ", inset 0 0 0 1px ", ";\n        }\n      "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css } from '../../lib/theming/Emotion';
-
-import * as ColorFunctions from '../../lib/styles/ColorFunctions';import
-
-styles from "./Token.module.css";
-
-export var jsStyles = {
-  disabled: function disabled(t) {
-    return css(_templateObject(),
-    t.textColorDisabled);
-
-  } };
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-export var jsTokenColors = [
-{ name: 'defaultIdle', color: 'grayXLight' },
-{ name: 'defaultActive', color: 'brand' },
-{ name: 'grayIdle', color: 'grayXLight' },
-{ name: 'grayActive', color: 'grayDark' },
-{ name: 'blueIdle', color: 'blueLight' },
-{ name: 'blueActive', color: 'blueDark' },
-{ name: 'greenIdle', color: 'greenXxLight' },
-{ name: 'greenActive', color: 'greenDark' },
-{ name: 'yellowIdle', color: 'yellowXxLight' },
-{ name: 'yellowActive', color: 'yellowDark' },
-{ name: 'redIdle', color: 'redXxLight' },
-{ name: 'redActive', color: 'redDark' },
-{ name: 'white', color: 'white' },
-{ name: 'black', color: 'black' }].
-reduce(
-function (colors, _ref) {var _extends2;var name = _ref.name,color = _ref.color;return _extends({},
-  colors, (_extends2 = {}, _extends2[
-  name] = function (t) {
-    return css(_templateObject2(),
-    t[color],
-    ColorFunctions.contrast(t[color]),
-    ColorFunctions.darken(t[color], '5%'), t[color],
-
-    styles.removeIcon,
-    ColorFunctions.contrast(t[color]),
-
-
-    styles.warning,
-    t.borderColorWarning, t[color],
-
-
-    styles.error,
-    t.borderColorError, t[color]);
-
-
-  }, _extends2));},
-
-{
-  defaultDisabled: function defaultDisabled(t) {
-    return css(_templateObject3(),
-    t.tokenDisabledBg,
-    ColorFunctions.contrast(t.tokenDisabledBg),
-    t.tokenDisabledBg,
-
-    styles.removeIcon,
-    t.textColorDisabled,
-
-
-
-    styles.warning,
-    t.borderColorWarning, t.tokenDisabledBg,
-
-
-    styles.error,
-    t.borderColorError, t.tokenDisabledBg);
-
-
-  } });

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Token.styles.ts"],"names":["css","ColorFunctions","styles","jsStyles","disabled","t","textColorDisabled","jsTokenColors","name","color","reduce","colors","contrast","darken","removeIcon","warning","borderColorWarning","error","borderColorError","defaultDisabled","tokenDisabledBg"],"mappings":"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","sourcesContent":["import { css } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\r\n\r\nimport styles from './Token.module.less';\r\n\r\nexport const jsStyles = {\r\n  disabled(t: Theme) {\r\n    return css`\r\n      color: ${t.textColorDisabled};\r\n    `;\r\n  },\r\n};\r\n\r\ninterface TokenColors {\r\n  defaultIdle: (t: Theme) => string;\r\n  defaultActive: (t: Theme) => string;\r\n  defaultDisabled: (t: Theme) => string;\r\n  grayIdle: (t: Theme) => string;\r\n  grayActive: (t: Theme) => string;\r\n  blueIdle: (t: Theme) => string;\r\n  blueActive: (t: Theme) => string;\r\n  greenIdle: (t: Theme) => string;\r\n  greenActive: (t: Theme) => string;\r\n  yellowIdle: (t: Theme) => string;\r\n  yellowActive: (t: Theme) => string;\r\n  redIdle: (t: Theme) => string;\r\n  redActive: (t: Theme) => string;\r\n  white: (t: Theme) => string;\r\n  black: (t: Theme) => string;\r\n}\r\n\r\nexport const jsTokenColors = [\r\n  { name: 'defaultIdle', color: 'grayXLight' },\r\n  { name: 'defaultActive', color: 'brand' },\r\n  { name: 'grayIdle', color: 'grayXLight' },\r\n  { name: 'grayActive', color: 'grayDark' },\r\n  { name: 'blueIdle', color: 'blueLight' },\r\n  { name: 'blueActive', color: 'blueDark' },\r\n  { name: 'greenIdle', color: 'greenXxLight' },\r\n  { name: 'greenActive', color: 'greenDark' },\r\n  { name: 'yellowIdle', color: 'yellowXxLight' },\r\n  { name: 'yellowActive', color: 'yellowDark' },\r\n  { name: 'redIdle', color: 'redXxLight' },\r\n  { name: 'redActive', color: 'redDark' },\r\n  { name: 'white', color: 'white' },\r\n  { name: 'black', color: 'black' },\r\n].reduce(\r\n  (colors: TokenColors, { name, color }) => ({\r\n    ...colors,\r\n    [name](t: Theme) {\r\n      return css`\r\n        background-color: ${t[color]};\r\n        color: ${ColorFunctions.contrast(t[color])};\r\n        box-shadow: 0 0 0 1px ${ColorFunctions.darken(t[color], '5%')}, inset 0 0 0 1px ${t[color]};\r\n\r\n        & .${styles.removeIcon}:hover {\r\n          color: ${ColorFunctions.contrast(t[color])};\r\n        }\r\n\r\n        &.${styles.warning} {\r\n          box-shadow: 0 0 0 2px ${t.borderColorWarning}, inset 0 0 0 1px ${t[color]};\r\n        }\r\n\r\n        &.${styles.error} {\r\n          box-shadow: 0 0 0 2px ${t.borderColorError}, inset 0 0 0 1px ${t[color]};\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        color: ${ColorFunctions.contrast(t.tokenDisabledBg)};\r\n        box-shadow: 0 0 0 1px ${t.tokenDisabledBg};\r\n\r\n        & .${styles.removeIcon} {\r\n          fill: ${t.textColorDisabled};\r\n          opacity: 1;\r\n        }\r\n\r\n        &.${styles.warning} {\r\n          box-shadow: 0 0 0 2px ${t.borderColorWarning}, inset 0 0 0 1px ${t.tokenDisabledBg};\r\n        }\r\n\r\n        &.${styles.error} {\r\n          box-shadow: 0 0 0 2px ${t.borderColorError}, inset 0 0 0 1px ${t.tokenDisabledBg};\r\n        }\r\n      `;\r\n    },\r\n  } as TokenColors,\r\n);\r\n"]}

package/components/Token/index.js

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

package/components/Token/index.js.map

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

package/components/TokenInput/TextWidthHelper.js

@@ -1,33 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-
-import { RenderContainer } from '../RenderContainer/RenderContainer';
-
-
-
-
-
-var styles = {
-  position: 'absolute',
-  left: -1000,
-  top: -1000,
-  fontSize: 14 };
-
-
-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 React.createElement(RenderContainer, null, React.createElement("div", { style: styles, ref: this.elementRef }, this.props.text));};_proto.getTextWidth = function getTextWidth() {return this.element.getBoundingClientRect().width;};return TextWidthHelper;}(React.Component);

package/components/TokenInput/TextWidthHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TextWidthHelper.tsx"],"names":["React","RenderContainer","styles","position","left","top","fontSize","TextWidthHelper","element","elementRef","node","render","props","text","getTextWidth","getBoundingClientRect","width","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,eAAT,QAAgC,oCAAhC;;;;;;AAMA,IAAMC,MAA2B,GAAG;AAClCC,EAAAA,QAAQ,EAAE,UADwB;AAElCC,EAAAA,IAAI,EAAE,CAAC,IAF2B;AAGlCC,EAAAA,GAAG,EAAE,CAAC,IAH4B;AAIlCC,EAAAA,QAAQ,EAAE,EAJwB,EAApC;;;AAOA,WAAaC,eAAb;AACUC,IAAAA,OADV,GAC2C,IAD3C;;;;;;;;;;;;;;;;AAiBUC,IAAAA,UAjBV,GAiBuB,UAACC,IAAD,UAA2B,MAAKF,OAAL,GAAeE,IAA1C,EAjBvB,6DAGSC,MAHT,GAGE,kBAAgB,CACd,OACE,oBAAC,eAAD,QACE,6BAAK,KAAK,EAAET,MAAZ,EAAoB,GAAG,EAAE,KAAKO,UAA9B,IACG,KAAKG,KAAL,CAAWC,IADd,CADF,CADF,CAOD,CAXH,QAaSC,YAbT,GAaE,wBAA8B,CAC5B,OAAO,KAAKN,OAAL,CAAcO,qBAAd,GAAsCC,KAA7C,CACD,CAfH,0BAAqChB,KAAK,CAACiB,SAA3C","sourcesContent":["import React from 'react';\r\n\r\nimport { RenderContainer } from '../RenderContainer/RenderContainer';\r\n\r\nexport interface TextWidthHelperProps {\r\n  text?: string;\r\n}\r\n\r\nconst styles: React.CSSProperties = {\r\n  position: 'absolute',\r\n  left: -1000,\r\n  top: -1000,\r\n  fontSize: 14,\r\n};\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      <RenderContainer>\r\n        <div style={styles} ref={this.elementRef}>\r\n          {this.props.text}\r\n        </div>\r\n      </RenderContainer>\r\n    );\r\n  }\r\n\r\n  public getTextWidth(): number {\r\n    return this.element!.getBoundingClientRect().width;\r\n  }\r\n\r\n  private elementRef = (node: HTMLDivElement) => (this.element = node);\r\n}\r\n"]}