@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72

package/cjs/components/TokenInput/TokenInput.styles.d.ts

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     label(t: Theme): string;
     labelSmall(t: Theme): string;
     labelMedium(t: Theme): string;

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

@@ -1,19 +1,16 @@
-"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");
+"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");
 
 
 var _TokenInput = require("./TokenInput.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
 
-var getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      label: function label(t) {
-        return 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 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,
 
 
 
@@ -21,66 +18,66 @@ var getStyles = function getStyles(emotion) {return (
 
 
 
-        t.tokenInputBorderRadius);
+    t.tokenInputBorderRadius);
 
-      },
-      labelSmall: function labelSmall(t) {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-        (0, _TokenInput.labelSizeMixin)(emotion)(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall));
+  },
+  labelSmall: function labelSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _TokenInput.labelSizeMixin)(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall));
 
-      },
-      labelMedium: function labelMedium(t) {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-        (0, _TokenInput.labelSizeMixin)(emotion)(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium));
+  },
+  labelMedium: function labelMedium(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _TokenInput.labelSizeMixin)(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium));
 
-      },
-      labelLarge: function labelLarge(t) {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-        (0, _TokenInput.labelSizeMixin)(emotion)(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge));
+  },
+  labelLarge: function labelLarge(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _TokenInput.labelSizeMixin)(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge));
 
-      },
+  },
 
-      hovering: function hovering(t) {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        &:hover {\n          border-color: ", ";\n        }\n      "])),
+  hovering: function hovering(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])),
 
-        t.tokenInputBorderColorHover);
+    t.tokenInputBorderColorHover);
 
 
-      },
+  },
 
-      warning: function warning(t) {
-        return 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 (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);
 
-      },
+  },
 
-      error: function error(t) {
-        return 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 (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);
 
-      },
+  },
 
-      labelFocused: function labelFocused(t) {
-        return 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 (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);
 
-      },
+  },
 
-      labelDisabled: function labelDisabled(t) {
-        return 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 (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);
 
 
 
-      },
+  },
 
-      input: function input(t) {
-        return 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 (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    "])),
 
 
 
@@ -92,7 +89,7 @@ var getStyles = function getStyles(emotion) {return (
 
 
 
-        t.tokenInputTextColor,
+    t.tokenInputTextColor,
 
 
 
@@ -103,16 +100,16 @@ var getStyles = function getStyles(emotion) {return (
 
 
 
-        t.tokenInputPlaceholderColor,
-        t.tokenInputPlaceholderColor,
+    t.tokenInputPlaceholderColor,
+    t.tokenInputPlaceholderColor,
 
 
-        t.tokenInputPlaceholderColorDisabled,
-        t.tokenInputPlaceholderColorDisabled,
+    t.tokenInputPlaceholderColorDisabled,
+    t.tokenInputPlaceholderColorDisabled,
 
 
-        t.tokenInputPlaceholderColorLight,
-        t.tokenInputPlaceholderColorLight);
+    t.tokenInputPlaceholderColorLight,
+    t.tokenInputPlaceholderColorLight);
 
 
 
@@ -122,48 +119,48 @@ var getStyles = function getStyles(emotion) {return (
 
 
 
-      },
-      inputSmall: function inputSmall(t) {
-        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _TokenInput.inputSizeMixin)(emotion)(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall));
+  },
+  inputSmall: function inputSmall(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _TokenInput.inputSizeMixin)(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall));
 
-      },
-      inputMedium: function inputMedium(t) {
-        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _TokenInput.inputSizeMixin)(emotion)(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium));
+  },
+  inputMedium: function inputMedium(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _TokenInput.inputSizeMixin)(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium));
 
-      },
-      inputLarge: function inputLarge(t) {
-        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _TokenInput.inputSizeMixin)(emotion)(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge));
+  },
+  inputLarge: function inputLarge(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _TokenInput.inputSizeMixin)(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge));
 
-      },
+  },
 
-      helperTextEditing: function helperTextEditing(t) {
-        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding-bottom: ", ";\n      "])),
-        t.tokenLegacyTextShift);
+  helperTextEditing: function helperTextEditing(t) {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: ", ";\n    "])),
+    t.tokenLegacyTextShift);
 
-      },
+  },
 
-      inputDisabled: function inputDisabled(t) {
-        return emotion.css(_templateObject15 || (_templateObject15 = (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 (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (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 emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        flex: 1 1 100%;\n      "])));
+  inputPlaceholderWrapper: function inputPlaceholderWrapper() {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 100%;\n    "])));
 
 
-      },
+  },
 
-      reservedInput: function reservedInput(t) {
-        return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        min-width: 2px;\n        color: ", ";\n        word-break: break-all;\n      "])),
+  reservedInput: function reservedInput(t) {
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: 2px;\n      color: ", ";\n      word-break: break-all;\n    "])),
 
-        t.tokenInputTextColorDisabled);
+    t.tokenInputTextColorDisabled);
 
 
-      } }));};exports.getStyles = getStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["TokenInput.styles.ts"],"names":["getStyles","emotion","label","t","css","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","transitionDuration","transitionTimingFunction","tokenInputBorderRadius","labelSmall","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","tokenFontSizeSmall","tokenInputLineHeightSmall","inputMedium","tokenFontSizeMedium","tokenInputLineHeightMedium","inputLarge","tokenFontSizeLarge","tokenInputLineHeightLarge","helperTextEditing","tokenLegacyTextShift","inputDisabled","tokenInputTextColorDisabled","inputPlaceholderWrapper","reservedInput"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { inputSizeMixin, labelSizeMixin } from './TokenInput.mixins';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    label(t: Theme) {\n      return emotion.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 emotion.css`\n        ${labelSizeMixin(emotion)(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall)}\n      `;\n    },\n    labelMedium(t: Theme) {\n      return emotion.css`\n        ${labelSizeMixin(emotion)(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium)}\n      `;\n    },\n    labelLarge(t: Theme) {\n      return emotion.css`\n        ${labelSizeMixin(emotion)(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge)}\n      `;\n    },\n\n    hovering(t: Theme) {\n      return emotion.css`\n        &:hover {\n          border-color: ${t.tokenInputBorderColorHover};\n        }\n      `;\n    },\n\n    warning(t: Theme) {\n      return emotion.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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n        ${inputSizeMixin(emotion)(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall)};\n      `;\n    },\n    inputMedium(t: Theme) {\n      return emotion.css`\n        ${inputSizeMixin(emotion)(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium)};\n      `;\n    },\n    inputLarge(t: Theme) {\n      return emotion.css`\n        ${inputSizeMixin(emotion)(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge)};\n      `;\n    },\n\n    helperTextEditing(t: Theme) {\n      return emotion.css`\n        padding-bottom: ${t.tokenLegacyTextShift};\n      `;\n    },\n\n    inputDisabled(t: Theme) {\n      return emotion.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 emotion.css`\n        flex: 1 1 100%;\n      `;\n    },\n\n    reservedInput(t: Theme) {\n      return emotion.css`\n        min-width: 2px;\n        color: ${t.tokenInputTextColorDisabled};\n        word-break: break-all;\n      `;\n    },\n  });\n"]}
+{"version":3,"sources":["TokenInput.styles.ts"],"names":["styles","label","t","css","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","transitionDuration","transitionTimingFunction","tokenInputBorderRadius","labelSmall","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","tokenFontSizeSmall","tokenInputLineHeightSmall","inputMedium","tokenFontSizeMedium","tokenInputLineHeightMedium","inputLarge","tokenFontSizeLarge","tokenInputLineHeightLarge","helperTextEditing","tokenLegacyTextShift","inputDisabled","tokenInputTextColorDisabled","inputPlaceholderWrapper","reservedInput"],"mappings":"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","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { 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  helperTextEditing(t: Theme) {\n    return css`\n      padding-bottom: ${t.tokenLegacyTextShift};\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"]}

package/cjs/components/TokenInput/TokenInputMenu.js

@@ -6,9 +6,9 @@ var _Popup = require("../../internal/Popup");
 var _CustomComboBox = require("../../internal/CustomComboBox");
 
 
-
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
+
 var _TokenInput = require("./TokenInput");var
 
 
@@ -128,4 +128,4 @@ TokenInputMenu = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.d
       return paddingY + outlineWidth + marginY;
     };_this.
 
-    menuRef = function (node) {return _this.menu = node;};return _this;}var _proto = TokenInputMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeConsumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeProvider, { value: _ThemeFactory.ThemeFactory.create({ popupMargin: _this2.getPopupMargin() + 'px', popupBackground: _this2.theme.tokenInputMenuPopupBg }, theme) }, _this2.renderMain());});};_proto.getPopupMarginSize = function getPopupMarginSize(t) {switch (this.props.size) {case 'large':return t.tokenInputPopupMarginLarge;case 'medium':return t.tokenInputPopupMarginMedium;case 'small':default:return t.tokenInputPopupMarginSmall;}};_proto.renderMain = function renderMain() {var _this$props = this.props,loading = _this$props.loading,maxMenuHeight = _this$props.maxMenuHeight,renderTotalCount = _this$props.renderTotalCount,totalCount = _this$props.totalCount,opened = _this$props.opened,items = _this$props.items,renderNotFound = _this$props.renderNotFound,renderItem = _this$props.renderItem,onValueChange = _this$props.onValueChange,renderAddButton = _this$props.renderAddButton,anchorElement = _this$props.anchorElement,menuWidth = _this$props.menuWidth,menuAlign = _this$props.menuAlign;return /*#__PURE__*/_react.default.createElement(_Popup.Popup, { id: this.props.popupMenuId, "data-tid": _TokenInput.TokenInputDataTids.tokenInputMenu, opened: !!opened, positions: ['bottom left', 'top left'], anchorElement: anchorElement, popupOffset: menuAlign === 'left' ? parseInt(this.theme.tokenInputPopupOffset) : 8 + parseInt(this.theme.tokenInputPopupOffset), margin: menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme)), hasShadow: true, width: menuAlign === 'cursor' ? 'auto' : menuWidth, withoutMobile: true }, /*#__PURE__*/_react.default.createElement(_CustomComboBox.ComboBoxMenu, { items: items, loading: loading, maxMenuHeight: maxMenuHeight, onValueChange: onValueChange, opened: opened, refMenu: this.menuRef, renderTotalCount: renderTotalCount, renderItem: renderItem, renderNotFound: renderNotFound, totalCount: totalCount, renderAddButton: renderAddButton }));};return TokenInputMenu;}(_react.default.Component);exports.TokenInputMenu = TokenInputMenu;TokenInputMenu.__KONTUR_REACT_UI__ = 'TokenInputMenu';TokenInputMenu.displayName = 'TokenInputMenu';
+    menuRef = function (node) {return _this.menu = node;};return _this;}var _proto = TokenInputMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupMargin: _this2.getPopupMargin() + 'px', popupBackground: _this2.theme.tokenInputMenuPopupBg }, theme) }, _this2.renderMain());});};_proto.getPopupMarginSize = function getPopupMarginSize(t) {switch (this.props.size) {case 'large':return t.tokenInputPopupMarginLarge;case 'medium':return t.tokenInputPopupMarginMedium;case 'small':default:return t.tokenInputPopupMarginSmall;}};_proto.renderMain = function renderMain() {var _this$props = this.props,loading = _this$props.loading,maxMenuHeight = _this$props.maxMenuHeight,renderTotalCount = _this$props.renderTotalCount,totalCount = _this$props.totalCount,opened = _this$props.opened,items = _this$props.items,renderNotFound = _this$props.renderNotFound,renderItem = _this$props.renderItem,onValueChange = _this$props.onValueChange,renderAddButton = _this$props.renderAddButton,anchorElement = _this$props.anchorElement,menuWidth = _this$props.menuWidth,menuAlign = _this$props.menuAlign;return /*#__PURE__*/_react.default.createElement(_Popup.Popup, { id: this.props.popupMenuId, "data-tid": _TokenInput.TokenInputDataTids.tokenInputMenu, opened: !!opened, positions: ['bottom left', 'top left'], anchorElement: anchorElement, popupOffset: menuAlign === 'left' ? parseInt(this.theme.tokenInputPopupOffset) : 8 + parseInt(this.theme.tokenInputPopupOffset), margin: menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme)), hasShadow: true, width: menuAlign === 'cursor' ? 'auto' : menuWidth, withoutMobile: true }, /*#__PURE__*/_react.default.createElement(_CustomComboBox.ComboBoxMenu, { items: items, loading: loading, maxMenuHeight: maxMenuHeight, onValueChange: onValueChange, opened: opened, refMenu: this.menuRef, renderTotalCount: renderTotalCount, renderItem: renderItem, renderNotFound: renderNotFound, totalCount: totalCount, renderAddButton: renderAddButton }));};return TokenInputMenu;}(_react.default.Component);exports.TokenInputMenu = TokenInputMenu;TokenInputMenu.__KONTUR_REACT_UI__ = 'TokenInputMenu';TokenInputMenu.displayName = 'TokenInputMenu';

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

@@ -1 +1 @@
-{"version":3,"sources":["TokenInputMenu.tsx"],"names":["TokenInputMenu","menu","getMenuRef","getPopupMargin","paddingY","parseInt","theme","tokenInputPaddingY","outlineWidth","controlOutlineWidth","marginY","tokenMarginY","menuRef","node","render","ThemeFactory","create","popupMargin","popupBackground","tokenInputMenuPopupBg","renderMain","getPopupMarginSize","t","props","size","tokenInputPopupMarginLarge","tokenInputPopupMarginMedium","tokenInputPopupMarginSmall","loading","maxMenuHeight","renderTotalCount","totalCount","opened","items","renderNotFound","renderItem","onValueChange","renderAddButton","anchorElement","menuWidth","menuAlign","popupMenuId","TokenInputDataTids","tokenInputMenu","tokenInputPopupOffset","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { HTMLProps } from '../../typings/html';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupProps } from '../../internal/Popup';\nimport { ComboBoxMenu, ComboBoxMenuProps } from '../../internal/CustomComboBox';\nimport { Menu } from '../../internal/Menu';\nimport { Theme } from '../../lib/theming/Theme';\nimport { TokenSize } from '../Token';\nimport { ThemeConsumer, ThemeProvider } from '../../lib/theming/ThemeContext';\n\nimport { TokenInputDataTids, TokenInputMenuAlign, TokenInputProps } from './TokenInput';\n\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\n  anchorElement: PopupProps['anchorElement'];\n  menuWidth: TokenInputProps<string>['menuWidth'];\n  menuAlign: TokenInputMenuAlign;\n  /**\n   * Позволяет задать `id` выпадающему меню.\n   *\n   * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.\n   */\n  popupMenuId?: HTMLProps['id'];\n  size?: TokenSize;\n}\n\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\n  public static displayName = 'TokenInputMenu';\n\n  private theme!: Theme;\n\n  private menu: Menu | null = null;\n\n  public render() {\n    return (\n      <ThemeConsumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeProvider\n              value={ThemeFactory.create(\n                {\n                  popupMargin: this.getPopupMargin() + 'px',\n                  popupBackground: this.theme.tokenInputMenuPopupBg,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeProvider>\n          );\n        }}\n      </ThemeConsumer>\n    );\n  }\n\n  public getMenuRef = (): any | null => this.menu;\n\n  private getPopupMarginSize(t: Theme) {\n    switch (this.props.size) {\n      case 'large':\n        return t.tokenInputPopupMarginLarge;\n      case 'medium':\n        return t.tokenInputPopupMarginMedium;\n      case 'small':\n      default:\n        return t.tokenInputPopupMarginSmall;\n    }\n  }\n\n  private renderMain() {\n    const {\n      loading,\n      maxMenuHeight,\n      renderTotalCount,\n      totalCount,\n      opened,\n      items,\n      renderNotFound,\n      renderItem,\n      onValueChange,\n      renderAddButton,\n      anchorElement,\n      menuWidth,\n      menuAlign,\n    } = this.props;\n\n    return (\n      <Popup\n        id={this.props.popupMenuId}\n        data-tid={TokenInputDataTids.tokenInputMenu}\n        opened={!!opened}\n        positions={['bottom left', 'top left']}\n        anchorElement={anchorElement}\n        popupOffset={\n          menuAlign === 'left'\n            ? parseInt(this.theme.tokenInputPopupOffset)\n            : 8 + parseInt(this.theme.tokenInputPopupOffset)\n        }\n        margin={menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme))}\n        hasShadow\n        width={menuAlign === 'cursor' ? 'auto' : menuWidth}\n        withoutMobile\n      >\n        <ComboBoxMenu\n          items={items}\n          loading={loading}\n          maxMenuHeight={maxMenuHeight}\n          onValueChange={onValueChange}\n          opened={opened}\n          refMenu={this.menuRef}\n          renderTotalCount={renderTotalCount}\n          renderItem={renderItem}\n          renderNotFound={renderNotFound}\n          totalCount={totalCount}\n          renderAddButton={renderAddButton}\n        />\n      </Popup>\n    );\n  }\n\n  private getPopupMargin = (): number => {\n    const paddingY = parseInt(this.theme.tokenInputPaddingY, 10) || 0;\n    const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) || 0;\n    const marginY = parseInt(this.theme.tokenMarginY, 10) || 0;\n\n    return paddingY + outlineWidth + marginY;\n  };\n\n  private menuRef = (node: any) => (this.menu = node);\n}\n"]}
+{"version":3,"sources":["TokenInputMenu.tsx"],"names":["TokenInputMenu","menu","getMenuRef","getPopupMargin","paddingY","parseInt","theme","tokenInputPaddingY","outlineWidth","controlOutlineWidth","marginY","tokenMarginY","menuRef","node","render","ThemeFactory","create","popupMargin","popupBackground","tokenInputMenuPopupBg","renderMain","getPopupMarginSize","t","props","size","tokenInputPopupMarginLarge","tokenInputPopupMarginMedium","tokenInputPopupMarginSmall","loading","maxMenuHeight","renderTotalCount","totalCount","opened","items","renderNotFound","renderItem","onValueChange","renderAddButton","anchorElement","menuWidth","menuAlign","popupMenuId","TokenInputDataTids","tokenInputMenu","tokenInputPopupOffset","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { HTMLProps } from '../../typings/html';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupProps } from '../../internal/Popup';\nimport { ComboBoxMenu, ComboBoxMenuProps } from '../../internal/CustomComboBox';\nimport { Menu } from '../../internal/Menu';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { TokenSize } from '../Token';\n\nimport { TokenInputDataTids, TokenInputMenuAlign, TokenInputProps } from './TokenInput';\n\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\n  anchorElement: PopupProps['anchorElement'];\n  menuWidth: TokenInputProps<string>['menuWidth'];\n  menuAlign: TokenInputMenuAlign;\n  /**\n   * Позволяет задать `id` выпадающему меню.\n   *\n   * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.\n   */\n  popupMenuId?: HTMLProps['id'];\n  size?: TokenSize;\n}\n\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\n  public static displayName = 'TokenInputMenu';\n\n  private theme!: Theme;\n\n  private menu: Menu | null = null;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupMargin: this.getPopupMargin() + 'px',\n                  popupBackground: this.theme.tokenInputMenuPopupBg,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public getMenuRef = (): any | null => this.menu;\n\n  private getPopupMarginSize(t: Theme) {\n    switch (this.props.size) {\n      case 'large':\n        return t.tokenInputPopupMarginLarge;\n      case 'medium':\n        return t.tokenInputPopupMarginMedium;\n      case 'small':\n      default:\n        return t.tokenInputPopupMarginSmall;\n    }\n  }\n\n  private renderMain() {\n    const {\n      loading,\n      maxMenuHeight,\n      renderTotalCount,\n      totalCount,\n      opened,\n      items,\n      renderNotFound,\n      renderItem,\n      onValueChange,\n      renderAddButton,\n      anchorElement,\n      menuWidth,\n      menuAlign,\n    } = this.props;\n\n    return (\n      <Popup\n        id={this.props.popupMenuId}\n        data-tid={TokenInputDataTids.tokenInputMenu}\n        opened={!!opened}\n        positions={['bottom left', 'top left']}\n        anchorElement={anchorElement}\n        popupOffset={\n          menuAlign === 'left'\n            ? parseInt(this.theme.tokenInputPopupOffset)\n            : 8 + parseInt(this.theme.tokenInputPopupOffset)\n        }\n        margin={menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme))}\n        hasShadow\n        width={menuAlign === 'cursor' ? 'auto' : menuWidth}\n        withoutMobile\n      >\n        <ComboBoxMenu\n          items={items}\n          loading={loading}\n          maxMenuHeight={maxMenuHeight}\n          onValueChange={onValueChange}\n          opened={opened}\n          refMenu={this.menuRef}\n          renderTotalCount={renderTotalCount}\n          renderItem={renderItem}\n          renderNotFound={renderNotFound}\n          totalCount={totalCount}\n          renderAddButton={renderAddButton}\n        />\n      </Popup>\n    );\n  }\n\n  private getPopupMargin = (): number => {\n    const paddingY = parseInt(this.theme.tokenInputPaddingY, 10) || 0;\n    const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) || 0;\n    const marginY = parseInt(this.theme.tokenMarginY, 10) || 0;\n\n    return paddingY + outlineWidth + marginY;\n  };\n\n  private menuRef = (node: any) => (this.menu = node);\n}\n"]}

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

@@ -125,7 +125,6 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
     private static triggersWithoutCloseButton;
     state: TooltipState;
     private theme;
-    private emotion;
     private hoverTimeout;
     private contentElement;
     private positions;

package/cjs/components/Tooltip/Tooltip.js

@@ -3,7 +3,6 @@ var _warning = _interopRequireDefault(require("warning"));
 var _lodash = _interopRequireDefault(require("lodash.isequal"));
 var _globalObject = require("@skbkontur/global-object");
 
-
 var _utils = require("../../lib/utils");
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
 var _Popup = require("../../internal/Popup");
@@ -12,6 +11,7 @@ var _CrossIcon = require("../../internal/icons/CrossIcon");
 
 
 var _listenFocusOutside = require("../../lib/listenFocusOutside");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _currentEnvironment = require("../../lib/currentEnvironment");
 var _CommonWrapper = require("../../internal/CommonWrapper");
@@ -21,8 +21,6 @@ var _createPropsGetter = require("../../lib/createPropsGetter");
 var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 var _CloseButtonIcon = require("../../internal/CloseButtonIcon/CloseButtonIcon");
 var _isInstanceOf = require("../../lib/isInstanceOf");
-var _Emotion = require("../../lib/theming/Emotion");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _Tooltip = require("./Tooltip.styles");var _class, _class2, _temp;
 
@@ -210,7 +208,6 @@ Tooltip = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
     state = { opened: false, focused: false };_this.
 
 
-
     contentElement = null;_this.
     positions = null;_this.
     clickedOutside = true;_this.
@@ -255,13 +252,6 @@ Tooltip = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
 
 
 
-
-
-
-
-
-
-
 
 
 
@@ -275,10 +265,9 @@ Tooltip = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
       if ((0, _utils.isNullable)(content)) {
         return null;
       }
-      var styles = (0, _Tooltip.getStyles)(_this.emotion);
 
       return /*#__PURE__*/(
-        _react.default.createElement("div", { ref: _this.refContent, className: styles.tooltipContent(_this.theme), "data-tid": TooltipDataTids.content },
+        _react.default.createElement("div", { ref: _this.refContent, className: _Tooltip.styles.tooltipContent(_this.theme), "data-tid": TooltipDataTids.content },
         content,
         _this.renderCloseButton()));
 
@@ -596,7 +585,7 @@ Tooltip = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
       }
 
       _this.close();
-    };return _this;}var _proto = Tooltip.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$getProps = this.getProps(),trigger = _this$getProps.trigger,allowedPositions = _this$getProps.allowedPositions,pos = _this$getProps.pos;if (trigger === 'closed' && this.state.opened) {this.close();}var posChanged = prevProps.pos !== pos;var allowedChanged = !(0, _lodash.default)(prevProps.allowedPositions, allowedPositions);if (posChanged || allowedChanged) {this.positions = null;}};_proto.componentWillUnmount = function componentWillUnmount() {this.clearHoverTimeout();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeConsumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeProvider, { value: _ThemeFactory.ThemeFactory.create({ popupPinOffset: theme.tooltipPinOffset, popupMargin: theme.tooltipMargin, popupBorder: theme.tooltipBorder, popupBorderRadius: theme.tooltipBorderRadius, popupPinSize: theme.tooltipPinSize, popupPinOffsetX: theme.tooltipPinOffsetX, popupPinOffsetY: theme.tooltipPinOffsetY, popupBackground: theme.tooltipBg }, 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 = (0, _ThemeHelpers.isTheme2022)(this.theme) ? /*#__PURE__*/_react.default.createElement(_CloseButtonIcon.CloseButtonIcon, { tabbable: false, side: parseInt(this.theme.tooltipCloseBtnSide), color: this.theme.tooltipCloseBtnColor, colorHover: this.theme.tooltipCloseBtnHoverColor }) : /*#__PURE__*/_react.default.createElement(_CrossIcon.CrossIcon, null);var styles = (0, _Tooltip.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement("div", { className: styles.cross(this.theme), onClick: this.handleCloseButtonClick, "data-tid": TooltipDataTids.crossIcon }, icon);}; /**
+    };return _this;}var _proto = Tooltip.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$getProps = this.getProps(),trigger = _this$getProps.trigger,allowedPositions = _this$getProps.allowedPositions,pos = _this$getProps.pos;if (trigger === 'closed' && this.state.opened) {this.close();}var posChanged = prevProps.pos !== pos;var allowedChanged = !(0, _lodash.default)(prevProps.allowedPositions, allowedPositions);if (posChanged || allowedChanged) {this.positions = null;}};_proto.componentWillUnmount = function componentWillUnmount() {this.clearHoverTimeout();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupPinOffset: theme.tooltipPinOffset, popupMargin: theme.tooltipMargin, popupBorder: theme.tooltipBorder, popupBorderRadius: theme.tooltipBorderRadius, popupPinSize: theme.tooltipPinSize, popupPinOffsetX: theme.tooltipPinOffsetX, popupPinOffsetY: theme.tooltipPinOffsetY, popupBackground: theme.tooltipBg }, 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 = (0, _ThemeHelpers.isTheme2022)(this.theme) ? /*#__PURE__*/_react.default.createElement(_CloseButtonIcon.CloseButtonIcon, { tabbable: false, side: parseInt(this.theme.tooltipCloseBtnSide), color: this.theme.tooltipCloseBtnColor, colorHover: this.theme.tooltipCloseBtnHoverColor }) : /*#__PURE__*/_react.default.createElement(_CrossIcon.CrossIcon, null);return /*#__PURE__*/_react.default.createElement("div", { className: _Tooltip.styles.cross(this.theme), onClick: this.handleCloseButtonClick, "data-tid": TooltipDataTids.crossIcon }, icon);}; /**
    * Программно открывает тултип.
    * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
    * @public