@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

package/cjs/components/TokenInput/TokenInput.styles.js

@@ -1,16 +1,18 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+
+var _Emotion = require("../../lib/theming/Emotion");
 
 
 var _TokenInput = require("./TokenInput.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  label: function label(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      box-shadow: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      transition: border-color ", " ", ";\n      box-sizing: border-box;\n      cursor: text;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ", ";\n    "])),
-    t.tokenInputBg,
-    t.tokenInputShadow,
-    t.tokenInputBorderWidth, t.tokenInputBorderColor,
-    t.tokenInputBorderTopColor,
-    t.transitionDuration, t.transitionTimingFunction,
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    label: function label(t) {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      box-shadow: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      transition: border-color ", " ", ";\n      box-sizing: border-box;\n      cursor: text;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ", ";\n    "])),
+      t.tokenInputBg,
+      t.tokenInputShadow,
+      t.tokenInputBorderWidth, t.tokenInputBorderColor,
+      t.tokenInputBorderTopColor,
+      t.transitionDuration, t.transitionTimingFunction,
 
 
 
@@ -18,66 +20,66 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
-    t.tokenInputBorderRadius);
+      t.tokenInputBorderRadius);
 
-  },
-  labelSmall: function labelSmall(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
-    (0, _TokenInput.labelSizeMixin)(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall));
+    },
+    labelSmall: function labelSmall(t) {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+      (0, _TokenInput.labelSizeMixin)(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall));
 
-  },
-  labelMedium: function labelMedium(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
-    (0, _TokenInput.labelSizeMixin)(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium));
+    },
+    labelMedium: function labelMedium(t) {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+      (0, _TokenInput.labelSizeMixin)(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium));
 
-  },
-  labelLarge: function labelLarge(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
-    (0, _TokenInput.labelSizeMixin)(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge));
+    },
+    labelLarge: function labelLarge(t) {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+      (0, _TokenInput.labelSizeMixin)(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge));
 
-  },
+    },
 
-  hovering: function hovering(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])),
+    hovering: function hovering(t) {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])),
 
-    t.tokenInputBorderColorHover);
+      t.tokenInputBorderColorHover);
 
 
-  },
+    },
 
-  warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
-    t.tokenInputBorderWidth, t.tokenInputBorderColorWarning,
-    t.tokenInputOutlineWidth, t.tokenInputBorderColorWarning);
+    warning: function warning(t) {
+      return css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
+      t.tokenInputBorderWidth, t.tokenInputBorderColorWarning,
+      t.tokenInputOutlineWidth, t.tokenInputBorderColorWarning);
 
-  },
+    },
 
-  error: function error(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
-    t.tokenInputBorderWidth, t.tokenInputBorderColorError,
-    t.tokenInputOutlineWidth, t.tokenInputBorderColorError);
+    error: function error(t) {
+      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
+      t.tokenInputBorderWidth, t.tokenInputBorderColorError,
+      t.tokenInputOutlineWidth, t.tokenInputBorderColorError);
 
-  },
+    },
 
-  labelFocused: function labelFocused(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
-    t.tokenInputBorderWidth, t.tokenInputBorderColorFocus,
-    t.tokenInputOutlineWidth, t.tokenInputBorderColorFocus);
+    labelFocused: function labelFocused(t) {
+      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
+      t.tokenInputBorderWidth, t.tokenInputBorderColorFocus,
+      t.tokenInputOutlineWidth, t.tokenInputBorderColorFocus);
 
-  },
+    },
 
-  labelDisabled: function labelDisabled(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      background-clip: ", ";\n      border-color: ", ";\n      box-shadow: none;\n      cursor: default;\n    "])),
-    t.tokenInputDisabledBg,
-    t.inputDisabledBackgroundClip,
-    t.tokenInputDisabledBorderColor);
+    labelDisabled: function labelDisabled(t) {
+      return css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      background-clip: ", ";\n      border-color: ", ";\n      box-shadow: none;\n      cursor: default;\n    "])),
+      t.tokenInputDisabledBg,
+      t.inputDisabledBackgroundClip,
+      t.tokenInputDisabledBorderColor);
 
 
 
-  },
+    },
 
-  input: function input(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      overflow: hidden;\n      resize: none;\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ", ";\n      box-sizing: border-box;\n      word-break: break-all;\n      padding: 0;\n      margin: 0;\n      flex: 1 1 100%;\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:disabled::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:focus::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    "])),
+    input: function input(t) {
+      return css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      overflow: hidden;\n      resize: none;\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ", ";\n      box-sizing: border-box;\n      word-break: break-all;\n      padding: 0;\n      margin: 0;\n      flex: 1 1 100%;\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:disabled::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:focus::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    "])),
 
 
 
@@ -89,7 +91,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
-    t.tokenInputTextColor,
+      t.tokenInputTextColor,
 
 
 
@@ -100,16 +102,16 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
-    t.tokenInputPlaceholderColor,
-    t.tokenInputPlaceholderColor,
+      t.tokenInputPlaceholderColor,
+      t.tokenInputPlaceholderColor,
 
 
-    t.tokenInputPlaceholderColorDisabled,
-    t.tokenInputPlaceholderColorDisabled,
+      t.tokenInputPlaceholderColorDisabled,
+      t.tokenInputPlaceholderColorDisabled,
 
 
-    t.tokenInputPlaceholderColorLight,
-    t.tokenInputPlaceholderColorLight);
+      t.tokenInputPlaceholderColorLight,
+      t.tokenInputPlaceholderColorLight);
 
 
 
@@ -119,43 +121,43 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
-  },
-  inputSmall: function inputSmall(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _TokenInput.inputSizeMixin)(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall));
+    },
+    inputSmall: function inputSmall(t) {
+      return css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _TokenInput.inputSizeMixin)(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall));
 
-  },
-  inputMedium: function inputMedium(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _TokenInput.inputSizeMixin)(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium));
+    },
+    inputMedium: function inputMedium(t) {
+      return css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _TokenInput.inputSizeMixin)(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium));
 
-  },
-  inputLarge: function inputLarge(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _TokenInput.inputSizeMixin)(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge));
+    },
+    inputLarge: function inputLarge(t) {
+      return css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _TokenInput.inputSizeMixin)(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge));
 
-  },
+    },
 
-  inputDisabled: function inputDisabled(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ", ";\n    "])),
+    inputDisabled: function inputDisabled(t) {
+      return css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ", ";\n    "])),
 
 
 
-    t.tokenInputTextColorDisabled);
+      t.tokenInputTextColorDisabled);
 
-  },
+    },
 
-  inputPlaceholderWrapper: function inputPlaceholderWrapper() {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 100%;\n    "])));
+    inputPlaceholderWrapper: function inputPlaceholderWrapper() {
+      return css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 100%;\n    "])));
 
 
-  },
+    },
 
-  reservedInput: function reservedInput(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: 2px;\n      color: ", ";\n      word-break: break-all;\n    "])),
+    reservedInput: function reservedInput(t) {
+      return css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: 2px;\n      color: ", ";\n      word-break: break-all;\n    "])),
 
-    t.tokenInputTextColorDisabled);
+      t.tokenInputTextColorDisabled);
 
 
-  }
-});
+    }
+  };});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_TokenInput","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","styles","exports","memoizeStyle","label","t","css","_taggedTemplateLiteralLoose2","default","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","transitionDuration","transitionTimingFunction","tokenInputBorderRadius","labelSmall","labelSizeMixin","tokenInputPaddingYSmall","tokenInputPaddingXSmall","labelMedium","tokenInputPaddingYMedium","tokenInputPaddingXMedium","labelLarge","tokenInputPaddingYLarge","tokenInputPaddingXLarge","hovering","tokenInputBorderColorHover","warning","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","tokenInputBorderColorError","labelFocused","tokenInputBorderColorFocus","labelDisabled","tokenInputDisabledBg","inputDisabledBackgroundClip","tokenInputDisabledBorderColor","input","tokenInputTextColor","tokenInputPlaceholderColor","tokenInputPlaceholderColorDisabled","tokenInputPlaceholderColorLight","inputSmall","inputSizeMixin","tokenFontSizeSmall","tokenInputLineHeightSmall","inputMedium","tokenFontSizeMedium","tokenInputLineHeightMedium","inputLarge","tokenFontSizeLarge","tokenInputLineHeightLarge","inputDisabled","tokenInputTextColorDisabled","inputPlaceholderWrapper","reservedInput"],"sources":["TokenInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { labelSizeMixin, inputSizeMixin } from './TokenInput.mixins';\n\nexport const styles = memoizeStyle({\n  label(t: Theme) {\n    return css`\n      background-color: ${t.tokenInputBg};\n      box-shadow: ${t.tokenInputShadow};\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColor};\n      border-top-color: ${t.tokenInputBorderTopColor};\n      transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      box-sizing: border-box;\n      cursor: text;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ${t.tokenInputBorderRadius};\n    `;\n  },\n  labelSmall(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall)}\n    `;\n  },\n  labelMedium(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium)}\n    `;\n  },\n  labelLarge(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge)}\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:hover {\n        border-color: ${t.tokenInputBorderColorHover};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError};\n    `;\n  },\n\n  labelFocused(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus};\n    `;\n  },\n\n  labelDisabled(t: Theme) {\n    return css`\n      background: ${t.tokenInputDisabledBg};\n      background-clip: ${t.inputDisabledBackgroundClip};\n      border-color: ${t.tokenInputDisabledBorderColor};\n      box-shadow: none;\n      cursor: default;\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      overflow: hidden;\n      resize: none;\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ${t.tokenInputTextColor};\n      box-sizing: border-box;\n      word-break: break-all;\n      padding: 0;\n      margin: 0;\n      flex: 1 1 100%;\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ${t.tokenInputPlaceholderColor};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\n      }\n      &:disabled::placeholder {\n        color: ${t.tokenInputPlaceholderColorDisabled};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorDisabled};\n      }\n      &:focus::placeholder {\n        color: ${t.tokenInputPlaceholderColorLight};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorLight};\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    `;\n  },\n  inputSmall(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall)};\n    `;\n  },\n  inputMedium(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium)};\n    `;\n  },\n  inputLarge(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge)};\n    `;\n  },\n\n  inputDisabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ${t.tokenInputTextColorDisabled};\n    `;\n  },\n\n  inputPlaceholderWrapper() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  reservedInput(t: Theme) {\n    return css`\n      min-width: 2px;\n      color: ${t.tokenInputTextColorDisabled};\n      word-break: break-all;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;;AAGA,IAAAC,WAAA,GAAAD,OAAA,wBAAqE,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;;AAE9D,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAArB,eAAA,KAAAA,eAAA,OAAAsB,4BAAA,CAAAC,OAAA;IACYH,CAAC,CAACI,YAAY;IACpBJ,CAAC,CAACK,gBAAgB;IACtBL,CAAC,CAACM,qBAAqB,EAAUN,CAAC,CAACO,qBAAqB;IAC9CP,CAAC,CAACQ,wBAAwB;IACnBR,CAAC,CAACS,kBAAkB,EAAIT,CAAC,CAACU,wBAAwB;;;;;;;;IAQ5DV,CAAC,CAACW,sBAAsB;;EAE7C,CAAC;EACDC,UAAU,WAAAA,WAACZ,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAApB,gBAAA,KAAAA,gBAAA,OAAAqB,4BAAA,CAAAC,OAAA;IACN,IAAAU,0BAAc,EAACb,CAAC,CAACc,uBAAuB,EAAEd,CAAC,CAACe,uBAAuB,CAAC;;EAE1E,CAAC;EACDC,WAAW,WAAAA,YAAChB,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAAnB,gBAAA,KAAAA,gBAAA,OAAAoB,4BAAA,CAAAC,OAAA;IACN,IAAAU,0BAAc,EAACb,CAAC,CAACiB,wBAAwB,EAAEjB,CAAC,CAACkB,wBAAwB,CAAC;;EAE5E,CAAC;EACDC,UAAU,WAAAA,WAACnB,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAlB,gBAAA,KAAAA,gBAAA,OAAAmB,4BAAA,CAAAC,OAAA;IACN,IAAAU,0BAAc,EAACb,CAAC,CAACoB,uBAAuB,EAAEpB,CAAC,CAACqB,uBAAuB,CAAC;;EAE1E,CAAC;;EAEDC,QAAQ,WAAAA,SAACtB,CAAQ,EAAE;IACjB,WAAOC,YAAG,EAAAjB,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;;IAEUH,CAAC,CAACuB,0BAA0B;;;EAGlD,CAAC;;EAEDC,OAAO,WAAAA,QAACxB,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;IACEH,CAAC,CAACM,qBAAqB,EAAUN,CAAC,CAACyB,4BAA4B;IACrDzB,CAAC,CAAC0B,sBAAsB,EAAI1B,CAAC,CAACyB,4BAA4B;;EAElF,CAAC;;EAEDE,KAAK,WAAAA,MAAC3B,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;IACEH,CAAC,CAACM,qBAAqB,EAAUN,CAAC,CAAC4B,0BAA0B;IACnD5B,CAAC,CAAC0B,sBAAsB,EAAI1B,CAAC,CAAC4B,0BAA0B;;EAEhF,CAAC;;EAEDC,YAAY,WAAAA,aAAC7B,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;IACEH,CAAC,CAACM,qBAAqB,EAAUN,CAAC,CAAC8B,0BAA0B;IACnD9B,CAAC,CAAC0B,sBAAsB,EAAI1B,CAAC,CAAC8B,0BAA0B;;EAEhF,CAAC;;EAEDC,aAAa,WAAAA,cAAC/B,CAAQ,EAAE;IACtB,WAAOC,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACgC,oBAAoB;IACjBhC,CAAC,CAACiC,2BAA2B;IAChCjC,CAAC,CAACkC,6BAA6B;;;;EAInD,CAAC;;EAEDC,KAAK,WAAAA,MAACnC,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAZ,iBAAA,KAAAA,iBAAA,OAAAa,4BAAA,CAAAC,OAAA;;;;;;;;;;;;IAYCH,CAAC,CAACoC,mBAAmB;;;;;;;;;;;IAWnBpC,CAAC,CAACqC,0BAA0B;IACVrC,CAAC,CAACqC,0BAA0B;;;IAG9CrC,CAAC,CAACsC,kCAAkC;IAClBtC,CAAC,CAACsC,kCAAkC;;;IAGtDtC,CAAC,CAACuC,+BAA+B;IACfvC,CAAC,CAACuC,+BAA+B;;;;;;;;;;EAUlE,CAAC;EACDC,UAAU,WAAAA,WAACxC,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAX,iBAAA,KAAAA,iBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACN,IAAAsC,0BAAc,EAACzC,CAAC,CAAC0C,kBAAkB,EAAE1C,CAAC,CAAC2C,yBAAyB,CAAC;;EAEvE,CAAC;EACDC,WAAW,WAAAA,YAAC5C,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAAV,iBAAA,KAAAA,iBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACN,IAAAsC,0BAAc,EAACzC,CAAC,CAAC6C,mBAAmB,EAAE7C,CAAC,CAAC8C,0BAA0B,CAAC;;EAEzE,CAAC;EACDC,UAAU,WAAAA,WAAC/C,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAT,iBAAA,KAAAA,iBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACN,IAAAsC,0BAAc,EAACzC,CAAC,CAACgD,kBAAkB,EAAEhD,CAAC,CAACiD,yBAAyB,CAAC;;EAEvE,CAAC;;EAEDC,aAAa,WAAAA,cAAClD,CAAQ,EAAE;IACtB,WAAOC,YAAG,EAAAR,iBAAA,KAAAA,iBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;IAICH,CAAC,CAACmD,2BAA2B;;EAE1C,CAAC;;EAEDC,uBAAuB,WAAAA,wBAAA,EAAG;IACxB,WAAOnD,YAAG,EAAAP,iBAAA,KAAAA,iBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDkD,aAAa,WAAAA,cAACrD,CAAQ,EAAE;IACtB,WAAOC,YAAG,EAAAN,iBAAA,KAAAA,iBAAA,OAAAO,4BAAA,CAAAC,OAAA;;IAECH,CAAC,CAACmD,2BAA2B;;;EAG1C;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_TokenInput","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","getStyles","exports","memoizeGetStyles","_ref","css","label","t","_taggedTemplateLiteralLoose2","default","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","transitionDuration","transitionTimingFunction","tokenInputBorderRadius","labelSmall","labelSizeMixin","tokenInputPaddingYSmall","tokenInputPaddingXSmall","labelMedium","tokenInputPaddingYMedium","tokenInputPaddingXMedium","labelLarge","tokenInputPaddingYLarge","tokenInputPaddingXLarge","hovering","tokenInputBorderColorHover","warning","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","tokenInputBorderColorError","labelFocused","tokenInputBorderColorFocus","labelDisabled","tokenInputDisabledBg","inputDisabledBackgroundClip","tokenInputDisabledBorderColor","input","tokenInputTextColor","tokenInputPlaceholderColor","tokenInputPlaceholderColorDisabled","tokenInputPlaceholderColorLight","inputSmall","inputSizeMixin","tokenFontSizeSmall","tokenInputLineHeightSmall","inputMedium","tokenFontSizeMedium","tokenInputLineHeightMedium","inputLarge","tokenFontSizeLarge","tokenInputLineHeightLarge","inputDisabled","tokenInputTextColorDisabled","inputPlaceholderWrapper","reservedInput"],"sources":["TokenInput.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { labelSizeMixin, inputSizeMixin } from './TokenInput.mixins';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  label(t: Theme) {\n    return css`\n      background-color: ${t.tokenInputBg};\n      box-shadow: ${t.tokenInputShadow};\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColor};\n      border-top-color: ${t.tokenInputBorderTopColor};\n      transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      box-sizing: border-box;\n      cursor: text;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ${t.tokenInputBorderRadius};\n    `;\n  },\n  labelSmall(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall)}\n    `;\n  },\n  labelMedium(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium)}\n    `;\n  },\n  labelLarge(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge)}\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:hover {\n        border-color: ${t.tokenInputBorderColorHover};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError};\n    `;\n  },\n\n  labelFocused(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus};\n    `;\n  },\n\n  labelDisabled(t: Theme) {\n    return css`\n      background: ${t.tokenInputDisabledBg};\n      background-clip: ${t.inputDisabledBackgroundClip};\n      border-color: ${t.tokenInputDisabledBorderColor};\n      box-shadow: none;\n      cursor: default;\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      overflow: hidden;\n      resize: none;\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ${t.tokenInputTextColor};\n      box-sizing: border-box;\n      word-break: break-all;\n      padding: 0;\n      margin: 0;\n      flex: 1 1 100%;\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ${t.tokenInputPlaceholderColor};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\n      }\n      &:disabled::placeholder {\n        color: ${t.tokenInputPlaceholderColorDisabled};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorDisabled};\n      }\n      &:focus::placeholder {\n        color: ${t.tokenInputPlaceholderColorLight};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorLight};\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    `;\n  },\n  inputSmall(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall)};\n    `;\n  },\n  inputMedium(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium)};\n    `;\n  },\n  inputLarge(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge)};\n    `;\n  },\n\n  inputDisabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ${t.tokenInputTextColorDisabled};\n    `;\n  },\n\n  inputPlaceholderWrapper() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  reservedInput(t: Theme) {\n    return css`\n      min-width: 2px;\n      color: ${t.tokenInputTextColorDisabled};\n      word-break: break-all;\n    `;\n  },\n}));\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Tooltip/Tooltip.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
-import type { SizeProp } from '../../lib/types/props';
 import type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';
 import type { Nullable } from '../../typings/utility-types';
 import type { CommonProps } from '../../internal/CommonWrapper';
 import type { TGetRootNode } from '../../lib/rootNode';
 import type { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';
-import type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
+import type { SizeProp } from '../../lib/types/props';
 export type TooltipTrigger = 
 /** Наведение на children и на тултип */
 'hover'
@@ -88,10 +87,13 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
     static delay: number;
     private static triggersWithoutCloseButton;
     state: TooltipState;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private size;
     private sizeVariables;
-    featureFlags: ReactUIFeatureFlags;
     private hoverTimeout;
     private contentElement;
     private clickedOutside;

package/cjs/components/Tooltip/Tooltip.js

@@ -1,7 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TooltipDataTids = exports.Tooltip = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _warning = _interopRequireDefault(require("warning"));
 
-var _globalObject = require("@skbkontur/global-object");
 
 
 var _utils = require("../../lib/utils");
@@ -25,10 +24,8 @@ var _createPropsGetter = require("../../lib/createPropsGetter");
 var _CloseButtonIcon = require("../../internal/CloseButtonIcon/CloseButtonIcon");
 var _isInstanceOf = require("../../lib/isInstanceOf");
 
-var _featureFlagsContext = require("../../lib/featureFlagsContext");
-var _Emotion = require("../../lib/theming/Emotion");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 var _SizeDecorator = require("../../lib/size/SizeDecorator");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _Tooltip2 = require("./Tooltip.styles");var _class, _Tooltip;
 
@@ -155,7 +152,7 @@ var DefaultPositions = [
 
 
 
-Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_class = (_Tooltip = /*#__PURE__*/function (_React$PureComponent) {function Tooltip() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
+Tooltip = exports.Tooltip = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_class = (_Tooltip = /*#__PURE__*/function (_React$PureComponent) {function Tooltip() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
 
 
 
@@ -183,17 +180,15 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.
 
 
 
-    contentElement = null;_this.
-    clickedOutside = true;_this.
-
 
 
-    popupRef = /*#__PURE__*/_react.default.createRef();_this.
-
 
+    contentElement = null;_this.
+    clickedOutside = true;_this.
 
 
 
+    popupRef = /*#__PURE__*/_react.default.createRef();_this.
 
 
 
@@ -256,7 +251,7 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.
       return /*#__PURE__*/(
         _react.default.createElement("div", {
           ref: _this.refContent,
-          className: (0, _Emotion.cx)(_Tooltip2.styles.tooltipContent(_this.theme), _this.sizeVariables.contentStyle),
+          className: _this.cx(_this.styles.tooltipContent(_this.theme), _this.sizeVariables.contentStyle),
           "data-tid": TooltipDataTids.content },
 
         content,
@@ -466,6 +461,9 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.
 
 
 
+
+
+
 
 
 
@@ -488,7 +486,7 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.
       }
 
       _this.clearHoverTimeout();
-      _this.hoverTimeout = _globalObject.globalObject.setTimeout(_this.open, _this.getProps().delayBeforeShow);
+      _this.hoverTimeout = setTimeout(_this.open, _this.getProps().delayBeforeShow);
     };_this.
 
     handleMouseLeave = function (event) {
@@ -505,7 +503,7 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.
       if (trigger === 'hoverAnchor') {
         _this.close();
       } else {
-        _this.hoverTimeout = _globalObject.globalObject.setTimeout(_this.close, Tooltip.delay);
+        _this.hoverTimeout = setTimeout(_this.close, Tooltip.delay);
       }
     };_this.
 
@@ -572,8 +570,8 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.
       switch (_this.size) {
         case 'small':
           return {
-            closeButtonStyle: _Tooltip2.styles.closeButtonSmall(_this.theme),
-            contentStyle: _Tooltip2.styles.tooltipContentSmall(_this.theme),
+            closeButtonStyle: _this.styles.closeButtonSmall(_this.theme),
+            contentStyle: _this.styles.tooltipContentSmall(_this.theme),
             borderRadius: _this.theme.tooltipBorderRadiusSmall,
             pinSize: _this.theme.tooltipPinSizeSmall,
             pinOffsetX: _this.theme.tooltipPinOffsetXSmall,
@@ -582,8 +580,8 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.
           };
         case 'medium':
           return {
-            closeButtonStyle: _Tooltip2.styles.closeButtonMedium(_this.theme),
-            contentStyle: _Tooltip2.styles.tooltipContentMedium(_this.theme),
+            closeButtonStyle: _this.styles.closeButtonMedium(_this.theme),
+            contentStyle: _this.styles.tooltipContentMedium(_this.theme),
             borderRadius: _this.theme.tooltipBorderRadiusMedium,
             pinSize: _this.theme.tooltipPinSizeMedium,
             pinOffsetX: _this.theme.tooltipPinOffsetXMedium,
@@ -592,8 +590,8 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.
           };
         case 'large':
           return {
-            closeButtonStyle: _Tooltip2.styles.closeButtonLarge(_this.theme),
-            contentStyle: _Tooltip2.styles.tooltipContentLarge(_this.theme),
+            closeButtonStyle: _this.styles.closeButtonLarge(_this.theme),
+            contentStyle: _this.styles.tooltipContentLarge(_this.theme),
             borderRadius: _this.theme.tooltipBorderRadiusLarge,
             pinSize: _this.theme.tooltipPinSizeLarge,
             pinOffsetX: _this.theme.tooltipPinOffsetXLarge,
@@ -601,10 +599,10 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.
             margin: _this.theme.tooltipMarginLarge
           };
         default:
-          console.error("Can't get size variables: invalid value in size prop '" + _this.size + "'. Returning default");
+          (0, _warning.default)(false, "Can't get size variables: invalid value in size prop '" + _this.props.size + "'. Returning default");
           return {
-            closeButtonStyle: _Tooltip2.styles.closeButtonSmall(_this.theme),
-            contentStyle: _Tooltip2.styles.tooltipContentSmall(_this.theme),
+            closeButtonStyle: _this.styles.closeButtonSmall(_this.theme),
+            contentStyle: _this.styles.tooltipContentSmall(_this.theme),
             borderRadius: _this.theme.tooltipBorderRadiusSmall,
             pinSize: _this.theme.tooltipPinSizeSmall,
             pinOffsetX: _this.theme.tooltipPinOffsetXSmall,
@@ -612,12 +610,12 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.
             margin: _this.theme.tooltipMarginSmall
           };
       }
-    };return _this;}(0, _inheritsLoose2.default)(Tooltip, _React$PureComponent);var _proto = Tooltip.prototype;_proto.validateProps = function validateProps(props) {(0, _warning.default)(props.children || props.anchorElement, "[Tooltip]: you must provide either 'children' or 'anchorElement' prop for Tooltip to work properly");};_proto.getAllowedPositions = function getAllowedPositions() {return this.props.allowedPositions ? this.props.allowedPositions : DefaultPositions;};_proto.componentDidMount = function componentDidMount() {this.validateProps(this.getProps());};_proto.componentDidUpdate = function componentDidUpdate() {var _this$getProps = this.getProps(),trigger = _this$getProps.trigger;this.validateProps(this.getProps());if (trigger === 'closed' && this.state.opened) {this.close();}};_proto.componentWillUnmount = function componentWillUnmount() {this.clearHoverTimeout();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;_this2.sizeVariables = _this2.getSizeVariables();return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupBackground: theme.tooltipBg, popupBorder: theme.tooltipBorder, popupBorderRadius: _this2.sizeVariables.borderRadius, popupPinSize: _this2.sizeVariables.pinSize, popupPinOffsetX: _this2.sizeVariables.pinOffsetX, popupPinOffsetY: _this2.sizeVariables.pinOffsetY, popupMargin: _this2.sizeVariables.margin }, theme) }, _this2.renderMain());});});};_proto.renderCloseButton = function renderCloseButton() {var hasCross = this.props.closeButton === undefined ? !Tooltip.triggersWithoutCloseButton.includes(this.getProps().trigger) : this.props.closeButton;if (!hasCross) {return null;}var icon = /*#__PURE__*/_react.default.createElement(_CloseButtonIcon.CloseButtonIcon, { tabbable: false, side: parseInt(this.theme.tooltipCloseBtnSide), color: this.theme.tooltipCloseBtnColor, colorHover: this.theme.tooltipCloseBtnHoverColor });return /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Tooltip2.styles.closeButton(this.theme), this.sizeVariables.closeButtonStyle), onClick: this.handleCloseButtonClick, "data-tid": TooltipDataTids.crossIcon }, icon);}; /**
+    };return _this;}(0, _inheritsLoose2.default)(Tooltip, _React$PureComponent);var _proto = Tooltip.prototype;_proto.validateProps = function validateProps(props) {(0, _warning.default)(props.children || props.anchorElement, "[Tooltip]: you must provide either 'children' or 'anchorElement' prop for Tooltip to work properly");};_proto.getAllowedPositions = function getAllowedPositions() {return this.props.allowedPositions ? this.props.allowedPositions : DefaultPositions;};_proto.componentDidMount = function componentDidMount() {this.validateProps(this.getProps());};_proto.componentDidUpdate = function componentDidUpdate() {var _this$getProps = this.getProps(),trigger = _this$getProps.trigger;this.validateProps(this.getProps());if (trigger === 'closed' && this.state.opened) {this.close();}};_proto.componentWillUnmount = function componentWillUnmount() {this.clearHoverTimeout();};_proto.render = function render() {var _this2 = this;this.styles = (0, _Tooltip2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;_this2.sizeVariables = _this2.getSizeVariables();return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupBackground: theme.tooltipBg, popupBorder: theme.tooltipBorder, popupBorderRadius: _this2.sizeVariables.borderRadius, popupPinSize: _this2.sizeVariables.pinSize, popupPinOffsetX: _this2.sizeVariables.pinOffsetX, popupPinOffsetY: _this2.sizeVariables.pinOffsetY, popupMargin: _this2.sizeVariables.margin }, theme) }, _this2.renderMain());});};_proto.renderCloseButton = function renderCloseButton() {var hasCross = this.props.closeButton === undefined ? !Tooltip.triggersWithoutCloseButton.includes(this.getProps().trigger) : this.props.closeButton;if (!hasCross) {return null;}var icon = /*#__PURE__*/_react.default.createElement(_CloseButtonIcon.CloseButtonIcon, { tabbable: false, side: parseInt(this.theme.tooltipCloseBtnSide), color: this.theme.tooltipCloseBtnColor, colorHover: this.theme.tooltipCloseBtnHoverColor });return /*#__PURE__*/_react.default.createElement("div", { className: this.cx(this.styles.closeButton(this.theme), this.sizeVariables.closeButtonStyle), onClick: this.handleCloseButtonClick, "data-tid": TooltipDataTids.crossIcon }, icon);}; /**
    * Программно открывает тултип.
    * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
    * @public
-   */_proto.show = function show() {if (this.state.opened) {return;}var trigger = this.getProps().trigger;if (trigger === 'opened' || trigger === 'closed') {(0, _warning.default)(true, "Function 'show' is not supported with trigger specified '" + trigger + "'");return;}this.open();} /**
+   */_proto.show = function show() {if (this.state.opened) {return;}var trigger = this.getProps().trigger;if (trigger === 'opened' || trigger === 'closed') {(0, _warning.default)(false, "Function 'show' is not supported with trigger specified '" + trigger + "'");return;}this.open();} /**
    * Программно закрывает тултип.
    * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
    * @public
-   */;_proto.hide = function hide() {var trigger = this.getProps().trigger;if (trigger === 'opened' || trigger === 'closed') {(0, _warning.default)(true, "Function 'hide' is not supported with trigger specified '" + trigger + "'");return;}this.close();};_proto.renderMain = function renderMain() {var props = this.props;var content = this.renderContent();var _this$getPopupAndLaye = this.getPopupAndLayerProps(),popupProps = _this$getPopupAndLaye.popupProps,_this$getPopupAndLaye2 = _this$getPopupAndLaye.layerProps,layerProps = _this$getPopupAndLaye2 === void 0 ? { active: false } : _this$getPopupAndLaye2;var anchorElement = props.children || props.anchorElement;var popup = this.renderPopup(anchorElement, popupProps, content);return /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, (0, _extends2.default)({}, layerProps, { getAnchorElement: this.getAnchorElement }), popup);};_proto.renderPopup = function renderPopup(anchorElement, popupProps, content) {var _this$getProps2 = this.getProps(),disableAnimations = _this$getProps2.disableAnimations,trigger = _this$getProps2.trigger;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_Popup.Popup, (0, _extends2.default)({ "data-tid": TooltipDataTids.root, anchorElement: anchorElement, hasPin: true, hasShadow: true, maxWidth: "none", opened: this.state.opened, disableAnimations: disableAnimations, positions: (0, _ThemeHelpers.isThemeGTE)(this.theme, '5.4') ? this.getPositions() : this.props.allowedPositions, pos: this.props.pos, ignoreHover: trigger === 'hoverAnchor', onOpen: this.props.onOpen, onClose: this.props.onClose, tryPreserveFirstRenderedPosition: true, ref: this.popupRef, withoutMobile: true }, popupProps), content));};_proto.getPopupAndLayerProps = function getPopupAndLayerProps() {var props = this.props;var useWrapper = !!props.children && this.getProps().useWrapper;var trigger = this.getProps().trigger;switch (trigger) {case 'opened':return { layerProps: { active: true, onClickOutside: this.handleClickOutsideAnchor }, popupProps: { opened: true, useWrapper: useWrapper } };case 'closed':return { popupProps: { opened: false, useWrapper: useWrapper } };case 'hoverAnchor':case 'hover':return { popupProps: { onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, useWrapper: useWrapper } };case 'manual':return { popupProps: { useWrapper: useWrapper } };case 'click':return { layerProps: { active: this.state.opened, onClickOutside: this.handleClickOutsideAnchor }, popupProps: { onClick: this.handleClick, useWrapper: useWrapper } };case 'focus':return { popupProps: { onFocus: this.handleFocus, onBlur: this.handleBlur, useWrapper: useWrapper } };case 'hover&focus':return { layerProps: { active: this.state.opened, onClickOutside: this.handleClickOutsideAnchor }, popupProps: { onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, useWrapper: useWrapper } };default:throw new Error('Unknown trigger specified: ' + trigger);}};_proto.clearHoverTimeout = function clearHoverTimeout() {if (this.hoverTimeout) {_globalObject.globalObject.clearTimeout(this.hoverTimeout);this.hoverTimeout = null;}};_proto.isClickOutsideContent = function isClickOutsideContent(event) {if (this.contentElement && (0, _isInstanceOf.isInstanceOf)(event.target, _globalObject.globalObject.Element)) {return !(0, _listenFocusOutside.containsTargetOrRenderContainer)(event.target)(this.contentElement);}return true;};return Tooltip;}(_react.default.PureComponent), _Tooltip.__KONTUR_REACT_UI__ = 'Tooltip', _Tooltip.displayName = 'Tooltip', _Tooltip.defaultProps = { trigger: 'hover', disableAnimations: _currentEnvironment.isTestEnv, useWrapper: false, delayBeforeShow: DEFAULT_DELAY }, _Tooltip.delay = DEFAULT_DELAY, _Tooltip.triggersWithoutCloseButton = ['hover', 'hoverAnchor', 'focus', 'hover&focus'], _Tooltip)) || _class) || _class;
+   */;_proto.hide = function hide() {var trigger = this.getProps().trigger;if (trigger === 'opened' || trigger === 'closed') {(0, _warning.default)(false, "Function 'hide' is not supported with trigger specified '" + trigger + "'");return;}this.close();};_proto.renderMain = function renderMain() {var props = this.props;var content = this.renderContent();var _this$getPopupAndLaye = this.getPopupAndLayerProps(),popupProps = _this$getPopupAndLaye.popupProps,_this$getPopupAndLaye2 = _this$getPopupAndLaye.layerProps,layerProps = _this$getPopupAndLaye2 === void 0 ? { active: false } : _this$getPopupAndLaye2;var anchorElement = props.children || props.anchorElement;var popup = this.renderPopup(anchorElement, popupProps, content);return /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, (0, _extends2.default)({}, layerProps, { getAnchorElement: this.getAnchorElement }), popup);};_proto.renderPopup = function renderPopup(anchorElement, popupProps, content) {var _this$getProps2 = this.getProps(),disableAnimations = _this$getProps2.disableAnimations,trigger = _this$getProps2.trigger;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_Popup.Popup, (0, _extends2.default)({ "data-tid": TooltipDataTids.root, anchorElement: anchorElement, hasPin: true, hasShadow: true, maxWidth: "none", opened: this.state.opened, disableAnimations: disableAnimations, positions: this.getPositions(), pos: this.props.pos, ignoreHover: trigger === 'hoverAnchor', onOpen: this.props.onOpen, onClose: this.props.onClose, tryPreserveFirstRenderedPosition: true, ref: this.popupRef, withoutMobile: true }, popupProps), content));};_proto.getPopupAndLayerProps = function getPopupAndLayerProps() {var props = this.props;var useWrapper = !!props.children && this.getProps().useWrapper;var trigger = this.getProps().trigger;var defaultPopupAndLayerProps = { popupProps: { onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, useWrapper: useWrapper } };switch (trigger) {case 'opened':return { layerProps: { active: true, onClickOutside: this.handleClickOutsideAnchor }, popupProps: { opened: true, useWrapper: useWrapper } };case 'closed':return { popupProps: { opened: false, useWrapper: useWrapper } };case 'manual':return { popupProps: { useWrapper: useWrapper } };case 'click':return { layerProps: { active: this.state.opened, onClickOutside: this.handleClickOutsideAnchor }, popupProps: { onClick: this.handleClick, useWrapper: useWrapper } };case 'focus':return { popupProps: { onFocus: this.handleFocus, onBlur: this.handleBlur, useWrapper: useWrapper } };case 'hover&focus':return { layerProps: { active: this.state.opened, onClickOutside: this.handleClickOutsideAnchor }, popupProps: { onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, useWrapper: useWrapper } };case 'hoverAnchor':case 'hover':return defaultPopupAndLayerProps;default:(0, _warning.default)(false, "Unknown trigger specified: " + trigger + ". Returning default value.");return defaultPopupAndLayerProps;}};_proto.clearHoverTimeout = function clearHoverTimeout() {if (this.hoverTimeout) {clearTimeout(this.hoverTimeout);this.hoverTimeout = null;}};_proto.isClickOutsideContent = function isClickOutsideContent(event) {if (this.contentElement && (0, _isInstanceOf.isInstanceOf)(event.target, this.globalObject.Element)) {return !(0, _listenFocusOutside.containsTargetOrRenderContainer)(event.target)(this.contentElement);}return true;};return Tooltip;}(_react.default.PureComponent), _Tooltip.__KONTUR_REACT_UI__ = 'Tooltip', _Tooltip.displayName = 'Tooltip', _Tooltip.defaultProps = { trigger: 'hover', disableAnimations: _currentEnvironment.isTestEnv, useWrapper: false, delayBeforeShow: DEFAULT_DELAY }, _Tooltip.delay = DEFAULT_DELAY, _Tooltip.triggersWithoutCloseButton = ['hover', 'hoverAnchor', 'focus', 'hover&focus'], _Tooltip)) || _class) || _class) || _class;