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

package/components/Textarea/Textarea.mixins/Textarea.mixins.js

@@ -1,12 +1,12 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3;
 import { css } from "../../../lib/theming/Emotion";
 export var rootTextareaSizeMixin = function rootTextareaSizeMixin(fontSize, lineHeight) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: ", ";\n    line-height: ", ";\n  "])), fontSize, lineHeight);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    line-height: ", ";\n  "])), fontSize, lineHeight);
 };
 export var textareaSizeMixin = function textareaSizeMixin(paddingY, paddingX, minHeight) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    min-height: ", ";\n    padding: ", " ", ";\n  "])), minHeight, paddingY, paddingX);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    min-height: ", ";\n    padding: ", " ", ";\n  "])), minHeight, paddingY, paddingX);
 };
 export var counterSizeMixin = function counterSizeMixin(paddingX, paddingY) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    right: ", ";\n    bottom: ", ";\n  "])), paddingY, paddingX);
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    right: ", ";\n    bottom: ", ";\n  "])), paddingY, paddingX);
 };

package/components/Textarea/Textarea.mixins/Textarea.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","rootTextareaSizeMixin","fontSize","lineHeight","_templateObject","_taggedTemplateLiteral","textareaSizeMixin","paddingY","paddingX","minHeight","_templateObject2","counterSizeMixin","_templateObject3"],"sources":["Textarea.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const rootTextareaSizeMixin = (fontSize: string, lineHeight: string) => {\n  return css`\n    font-size: ${fontSize};\n    line-height: ${lineHeight};\n  `;\n};\n\nexport const textareaSizeMixin = (paddingY: string, paddingX: string, minHeight: string) => {\n  return css`\n    min-height: ${minHeight};\n    padding: ${paddingY} ${paddingX};\n  `;\n};\n\nexport const counterSizeMixin = (paddingX: string, paddingY: string) => {\n  return css`\n    right: ${paddingY};\n    bottom: ${paddingX};\n  `;\n};\n"],"mappings":"8IAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,QAAgB,EAAEC,UAAkB,EAAK;EAC7E,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA;EACKH,QAAQ;EACNC,UAAU;;AAE7B,CAAC;;AAED,OAAO,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAgB,EAAEC,QAAgB,EAAEC,SAAiB,EAAK;EAC1F,OAAOT,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA;EACMI,SAAS;EACZF,QAAQ,EAAIC,QAAQ;;AAEnC,CAAC;;AAED,OAAO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIH,QAAgB,EAAED,QAAgB,EAAK;EACtE,OAAOP,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA;EACCE,QAAQ;EACPC,QAAQ;;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"names":["css","rootTextareaSizeMixin","fontSize","lineHeight","_templateObject","_taggedTemplateLiteralLoose","textareaSizeMixin","paddingY","paddingX","minHeight","_templateObject2","counterSizeMixin","_templateObject3"],"sources":["Textarea.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const rootTextareaSizeMixin = (fontSize: string, lineHeight: string) => {\n  return css`\n    font-size: ${fontSize};\n    line-height: ${lineHeight};\n  `;\n};\n\nexport const textareaSizeMixin = (paddingY: string, paddingX: string, minHeight: string) => {\n  return css`\n    min-height: ${minHeight};\n    padding: ${paddingY} ${paddingX};\n  `;\n};\n\nexport const counterSizeMixin = (paddingX: string, paddingY: string) => {\n  return css`\n    right: ${paddingY};\n    bottom: ${paddingX};\n  `;\n};\n"],"mappings":"wJAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,QAAgB,EAAEC,UAAkB,EAAK;EAC7E,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACKH,QAAQ;EACNC,UAAU;;AAE7B,CAAC;;AAED,OAAO,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAgB,EAAEC,QAAgB,EAAEC,SAAiB,EAAK;EAC1F,OAAOT,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;EACMI,SAAS;EACZF,QAAQ,EAAIC,QAAQ;;AAEnC,CAAC;;AAED,OAAO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIH,QAAgB,EAAED,QAAgB,EAAK;EACtE,OAAOP,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;EACCE,QAAQ;EACPC,QAAQ;;AAEtB,CAAC","ignoreList":[]}

package/components/Textarea/Textarea.styles/Textarea.styles.js

@@ -1,72 +1,72 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { counterSizeMixin, rootTextareaSizeMixin, textareaSizeMixin } from "../Textarea.mixins";
 export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: inline-block;\n      position: relative;\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: relative;\n    "])));
   },
   rootSmall: function rootSmall(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      ", ";\n    "])), rootTextareaSizeMixin(t.textareaFontSizeSmall, t.textareaLineHeightSmall));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), rootTextareaSizeMixin(t.textareaFontSizeSmall, t.textareaLineHeightSmall));
   },
   rootMedium: function rootMedium(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      ", ";\n    "])), rootTextareaSizeMixin(t.textareaFontSizeMedium, t.textareaLineHeightMedium));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), rootTextareaSizeMixin(t.textareaFontSizeMedium, t.textareaLineHeightMedium));
   },
   rootLarge: function rootLarge(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      ", ";\n    "])), rootTextareaSizeMixin(t.textareaFontSizeLarge, t.textareaLineHeightLarge));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), rootTextareaSizeMixin(t.textareaFontSizeLarge, t.textareaLineHeightLarge));
   },
   textarea: function textarea(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      margin: ", ";\n      -webkit-appearance: none;\n      background: ", ";\n      background-clip: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      width: 100%;\n      outline: none;\n      transition:\n        border-color ", " ", ",\n        height 0.2s ease-out;\n      vertical-align: ", ";\n      border-radius: ", ";\n      white-space: pre-wrap;\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ", ";\n        }\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      &:-moz-placeholder {\n        color: ", ";\n      }\n\n      &::-moz-placeholder {\n        color: ", ";\n      }\n    "])), t.textareaMargin, t.textareaBg, t.textareaBackgroundClip, t.textareaBorderWidth, t.textareaBorderColor, t.textareaBorderTopColor, t.textareaShadow, t.textareaColor, t.transitionDuration, t.transitionTimingFunction, t.textareaVerticalAlign, t.textareaBorderRadius, t.textareaBorderColorFocus, t.textareaOutlineWidth, t.textareaBorderColorFocus, t.textareaPlaceholderColorLight, t.textareaPlaceholderColor, t.textareaPlaceholderColor, t.textareaPlaceholderColor);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      margin: ", ";\n      -webkit-appearance: none;\n      background: ", ";\n      background-clip: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      width: 100%;\n      outline: none;\n      transition:\n        border-color ", " ", ",\n        height 0.2s ease-out;\n      vertical-align: ", ";\n      border-radius: ", ";\n      white-space: pre-wrap;\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ", ";\n        }\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      &:-moz-placeholder {\n        color: ", ";\n      }\n\n      &::-moz-placeholder {\n        color: ", ";\n      }\n    "])), t.textareaMargin, t.textareaBg, t.textareaBackgroundClip, t.textareaBorderWidth, t.textareaBorderColor, t.textareaBorderTopColor, t.textareaShadow, t.textareaColor, t.transitionDuration, t.transitionTimingFunction, t.textareaVerticalAlign, t.textareaBorderRadius, t.textareaBorderColorFocus, t.textareaOutlineWidth, t.textareaBorderColorFocus, t.textareaPlaceholderColorLight, t.textareaPlaceholderColor, t.textareaPlaceholderColor, t.textareaPlaceholderColor);
   },
   textareaSmall: function textareaSmall(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      ", ";\n    "])), textareaSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall));
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), textareaSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall));
   },
   textareaMedium: function textareaMedium(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      ", ";\n    "])), textareaSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium));
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), textareaSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium));
   },
   textareaLarge: function textareaLarge(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      ", ";\n    "])), textareaSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge));
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), textareaSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge));
   },
   hovering: function hovering(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      &:enabled:hover:not(:focus) {\n        border-color: ", ";\n      }\n    "])), t.textareaBorderColorHover);
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      &:enabled:hover:not(:focus) {\n        border-color: ", ";\n      }\n    "])), t.textareaBorderColorHover);
   },
   error: function error(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])), t.textareaBorderColorError, t.textareaBorderWidth, t.textareaBorderColorError, t.textareaBorderColorError, t.textareaOutlineWidth, t.textareaBorderColorError);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])), t.textareaBorderColorError, t.textareaBorderWidth, t.textareaBorderColorError, t.textareaBorderColorError, t.textareaOutlineWidth, t.textareaBorderColorError);
   },
   warning: function warning(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])), t.textareaBorderColorWarning, t.textareaOutlineWidth, t.textareaBorderColorWarning, t.textareaBorderColorWarning, t.textareaOutlineWidth, t.textareaBorderColorWarning);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])), t.textareaBorderColorWarning, t.textareaOutlineWidth, t.textareaBorderColorWarning, t.textareaBorderColorWarning, t.textareaOutlineWidth, t.textareaBorderColorWarning);
   },
   disabled: function disabled(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      color: ", ";\n      background: ", ";\n      border-color: ", ";\n      box-shadow: none;\n\n      &::placeholder {\n        color: ", ";\n      }\n    "])), t.textareaTextColorDisabled, t.textareaDisabledBg, t.textareaDisabledBorderColor, t.textareaPlaceholderColorDisabled);
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background: ", ";\n      border-color: ", ";\n      box-shadow: none;\n\n      &::placeholder {\n        color: ", ";\n      }\n    "])), t.textareaTextColorDisabled, t.textareaDisabledBg, t.textareaDisabledBorderColor, t.textareaPlaceholderColorDisabled);
   },
   fake: function fake() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    "])));
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    "])));
   },
   placeholder: function placeholder() {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      -ms-user-select: none;\n      color: #aaa;\n      left: 12px;\n      overflow: hidden;\n      position: absolute;\n      right: 12px;\n      top: 9px;\n      user-select: none;\n      z-index: 3;\n    "])));
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      -ms-user-select: none;\n      color: #aaa;\n      left: 12px;\n      overflow: hidden;\n      position: absolute;\n      right: 12px;\n      top: 9px;\n      user-select: none;\n      z-index: 3;\n    "])));
   },
   counterContainer: function counterContainer(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      position: absolute;\n      top: 0;\n      border: ", " solid transparent;\n      box-sizing: content-box;\n    "])), t.textareaBorderWidth);
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n      border: ", " solid transparent;\n      box-sizing: content-box;\n    "])), t.textareaBorderWidth);
   },
   counter: function counter(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ", ";\n      color: ", ";\n      border-radius: 2px;\n    "])), t.textareaCounterBg, t.textareaCounterColor);
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ", ";\n      color: ", ";\n      border-radius: 2px;\n    "])), t.textareaCounterBg, t.textareaCounterColor);
   },
   counterSmall: function counterSmall(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      ", ";\n    "])), counterSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall));
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), counterSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall));
   },
   counterMedium: function counterMedium(t) {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      ", ";\n    "])), counterSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium));
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), counterSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium));
   },
   counterLarge: function counterLarge(t) {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n      ", ";\n    "])), counterSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge));
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), counterSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge));
   },
   counterError: function counterError(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), t.textareaCounterErrorColor);
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textareaCounterErrorColor);
   },
   counterHelp: function counterHelp() {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n      margin-left: 4px;\n      cursor: pointer;\n    "])));
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      margin-left: 4px;\n      cursor: pointer;\n    "])));
   },
   disableAnimations: function disableAnimations() {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n      transition: none;\n    "])));
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      transition: none;\n    "])));
   }
 });

package/components/Textarea/Textarea.styles/Textarea.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","counterSizeMixin","rootTextareaSizeMixin","textareaSizeMixin","styles","root","_templateObject","_taggedTemplateLiteral","rootSmall","t","_templateObject2","textareaFontSizeSmall","textareaLineHeightSmall","rootMedium","_templateObject3","textareaFontSizeMedium","textareaLineHeightMedium","rootLarge","_templateObject4","textareaFontSizeLarge","textareaLineHeightLarge","textarea","_templateObject5","textareaMargin","textareaBg","textareaBackgroundClip","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","transitionDuration","transitionTimingFunction","textareaVerticalAlign","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","textareaSmall","_templateObject6","textareaPaddingYSmall","textareaPaddingXSmall","textareaMinHeightSmall","textareaMedium","_templateObject7","textareaPaddingYMedium","textareaPaddingXMedium","textareaMinHeightMedium","textareaLarge","_templateObject8","textareaPaddingYLarge","textareaPaddingXLarge","textareaMinHeightLarge","hovering","_templateObject9","textareaBorderColorHover","error","_templateObject10","textareaBorderColorError","warning","_templateObject11","textareaBorderColorWarning","disabled","_templateObject12","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","_templateObject13","placeholder","_templateObject14","counterContainer","_templateObject15","counter","_templateObject16","textareaCounterBg","textareaCounterColor","counterSmall","_templateObject17","counterMedium","_templateObject18","counterLarge","_templateObject19","counterError","_templateObject20","textareaCounterErrorColor","counterHelp","_templateObject21","disableAnimations","_templateObject22"],"sources":["Textarea.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { counterSizeMixin, rootTextareaSizeMixin, textareaSizeMixin } from './Textarea.mixins';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeSmall, t.textareaLineHeightSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeMedium, t.textareaLineHeightMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeLarge, t.textareaLineHeightLarge)};\n    `;\n  },\n\n  textarea(t: Theme) {\n    return css`\n      margin: ${t.textareaMargin};\n      -webkit-appearance: none;\n      background: ${t.textareaBg};\n      background-clip: ${t.textareaBackgroundClip};\n      border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\n      border-top-color: ${t.textareaBorderTopColor};\n      box-shadow: ${t.textareaShadow};\n      box-sizing: border-box;\n      color: ${t.textareaColor};\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      width: 100%;\n      outline: none;\n      transition:\n        border-color ${t.transitionDuration} ${t.transitionTimingFunction},\n        height 0.2s ease-out;\n      vertical-align: ${t.textareaVerticalAlign};\n      border-radius: ${t.textareaBorderRadius};\n      white-space: pre-wrap;\n\n      &:focus {\n        border-color: ${t.textareaBorderColorFocus};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorFocus};\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ${t.textareaPlaceholderColorLight};\n        }\n      }\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &:-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &::-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n    `;\n  },\n  textareaSmall(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall)};\n    `;\n  },\n  textareaMedium(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium)};\n    `;\n  },\n  textareaLarge(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge)};\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:enabled:hover:not(:focus) {\n        border-color: ${t.textareaBorderColorHover};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorError};\n      box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorError};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorWarning};\n      box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorWarning};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.textareaTextColorDisabled};\n      background: ${t.textareaDisabledBg};\n      border-color: ${t.textareaDisabledBorderColor};\n      box-shadow: none;\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColorDisabled};\n      }\n    `;\n  },\n\n  fake() {\n    return css`\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    `;\n  },\n\n  placeholder() {\n    return css`\n      -ms-user-select: none;\n      color: #aaa;\n      left: 12px;\n      overflow: hidden;\n      position: absolute;\n      right: 12px;\n      top: 9px;\n      user-select: none;\n      z-index: 3;\n    `;\n  },\n\n  counterContainer(t: Theme) {\n    return css`\n      position: absolute;\n      top: 0;\n      border: ${t.textareaBorderWidth} solid transparent;\n      box-sizing: content-box;\n    `;\n  },\n\n  counter(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ${t.textareaCounterBg};\n      color: ${t.textareaCounterColor};\n      border-radius: 2px;\n    `;\n  },\n  counterSmall(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall)};\n    `;\n  },\n  counterMedium(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium)};\n    `;\n  },\n  counterLarge(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge)};\n    `;\n  },\n\n  counterError(t: Theme) {\n    return css`\n      color: ${t.textareaCounterErrorColor};\n    `;\n  },\n\n  counterHelp() {\n    return css`\n      margin-left: 4px;\n      cursor: pointer;\n    `;\n  },\n\n  disableAnimations() {\n    return css`\n      transition: none;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","counterSizeMixin","rootTextareaSizeMixin","textareaSizeMixin","styles","root","_templateObject","_taggedTemplateLiteralLoose","rootSmall","t","_templateObject2","textareaFontSizeSmall","textareaLineHeightSmall","rootMedium","_templateObject3","textareaFontSizeMedium","textareaLineHeightMedium","rootLarge","_templateObject4","textareaFontSizeLarge","textareaLineHeightLarge","textarea","_templateObject5","textareaMargin","textareaBg","textareaBackgroundClip","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","transitionDuration","transitionTimingFunction","textareaVerticalAlign","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","textareaSmall","_templateObject6","textareaPaddingYSmall","textareaPaddingXSmall","textareaMinHeightSmall","textareaMedium","_templateObject7","textareaPaddingYMedium","textareaPaddingXMedium","textareaMinHeightMedium","textareaLarge","_templateObject8","textareaPaddingYLarge","textareaPaddingXLarge","textareaMinHeightLarge","hovering","_templateObject9","textareaBorderColorHover","error","_templateObject10","textareaBorderColorError","warning","_templateObject11","textareaBorderColorWarning","disabled","_templateObject12","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","_templateObject13","placeholder","_templateObject14","counterContainer","_templateObject15","counter","_templateObject16","textareaCounterBg","textareaCounterColor","counterSmall","_templateObject17","counterMedium","_templateObject18","counterLarge","_templateObject19","counterError","_templateObject20","textareaCounterErrorColor","counterHelp","_templateObject21","disableAnimations","_templateObject22"],"sources":["Textarea.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { counterSizeMixin, rootTextareaSizeMixin, textareaSizeMixin } from './Textarea.mixins';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeSmall, t.textareaLineHeightSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeMedium, t.textareaLineHeightMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeLarge, t.textareaLineHeightLarge)};\n    `;\n  },\n\n  textarea(t: Theme) {\n    return css`\n      margin: ${t.textareaMargin};\n      -webkit-appearance: none;\n      background: ${t.textareaBg};\n      background-clip: ${t.textareaBackgroundClip};\n      border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\n      border-top-color: ${t.textareaBorderTopColor};\n      box-shadow: ${t.textareaShadow};\n      box-sizing: border-box;\n      color: ${t.textareaColor};\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      width: 100%;\n      outline: none;\n      transition:\n        border-color ${t.transitionDuration} ${t.transitionTimingFunction},\n        height 0.2s ease-out;\n      vertical-align: ${t.textareaVerticalAlign};\n      border-radius: ${t.textareaBorderRadius};\n      white-space: pre-wrap;\n\n      &:focus {\n        border-color: ${t.textareaBorderColorFocus};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorFocus};\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ${t.textareaPlaceholderColorLight};\n        }\n      }\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &:-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &::-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n    `;\n  },\n  textareaSmall(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall)};\n    `;\n  },\n  textareaMedium(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium)};\n    `;\n  },\n  textareaLarge(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge)};\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:enabled:hover:not(:focus) {\n        border-color: ${t.textareaBorderColorHover};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorError};\n      box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorError};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorWarning};\n      box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorWarning};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.textareaTextColorDisabled};\n      background: ${t.textareaDisabledBg};\n      border-color: ${t.textareaDisabledBorderColor};\n      box-shadow: none;\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColorDisabled};\n      }\n    `;\n  },\n\n  fake() {\n    return css`\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    `;\n  },\n\n  placeholder() {\n    return css`\n      -ms-user-select: none;\n      color: #aaa;\n      left: 12px;\n      overflow: hidden;\n      position: absolute;\n      right: 12px;\n      top: 9px;\n      user-select: none;\n      z-index: 3;\n    `;\n  },\n\n  counterContainer(t: Theme) {\n    return css`\n      position: absolute;\n      top: 0;\n      border: ${t.textareaBorderWidth} solid transparent;\n      box-sizing: content-box;\n    `;\n  },\n\n  counter(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ${t.textareaCounterBg};\n      color: ${t.textareaCounterColor};\n      border-radius: 2px;\n    `;\n  },\n  counterSmall(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall)};\n    `;\n  },\n  counterMedium(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium)};\n    `;\n  },\n  counterLarge(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge)};\n    `;\n  },\n\n  counterError(t: Theme) {\n    return css`\n      color: ${t.textareaCounterErrorColor};\n    `;\n  },\n\n  counterHelp() {\n    return css`\n      margin-left: 4px;\n      cursor: pointer;\n    `;\n  },\n\n  disableAnimations() {\n    return css`\n      transition: none;\n    `;\n  },\n});\n"],"mappings":"2fAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,SAASC,gBAAgB,EAAEC,qBAAqB,EAAEC,iBAAiB,QAAQ,mBAAmB;;AAE9F,OAAO,IAAMC,MAAM,GAAGJ,YAAY,CAAC;EACjCK,IAAI,WAAAA,KAAA,EAAG;IACL,OAAON,GAAG,CAAAO,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;EAIZ,CAAC;EACDC,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACNL,qBAAqB,CAACO,CAAC,CAACE,qBAAqB,EAAEF,CAAC,CAACG,uBAAuB,CAAC;;EAE/E,CAAC;EACDC,UAAU,WAAAA,WAACJ,CAAQ,EAAE;IACnB,OAAOV,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACNL,qBAAqB,CAACO,CAAC,CAACM,sBAAsB,EAAEN,CAAC,CAACO,wBAAwB,CAAC;;EAEjF,CAAC;EACDC,SAAS,WAAAA,UAACR,CAAQ,EAAE;IAClB,OAAOV,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;IACNL,qBAAqB,CAACO,CAAC,CAACU,qBAAqB,EAAEV,CAAC,CAACW,uBAAuB,CAAC;;EAE/E,CAAC;;EAEDC,QAAQ,WAAAA,SAACZ,CAAQ,EAAE;IACjB,OAAOV,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACEE,CAAC,CAACc,cAAc;;IAEZd,CAAC,CAACe,UAAU;IACPf,CAAC,CAACgB,sBAAsB;IACjChB,CAAC,CAACiB,mBAAmB,EAAUjB,CAAC,CAACkB,mBAAmB;IAC1ClB,CAAC,CAACmB,sBAAsB;IAC9BnB,CAAC,CAACoB,cAAc;;IAErBpB,CAAC,CAACqB,aAAa;;;;;;;;IAQPrB,CAAC,CAACsB,kBAAkB,EAAItB,CAAC,CAACuB,wBAAwB;;IAEjDvB,CAAC,CAACwB,qBAAqB;IACxBxB,CAAC,CAACyB,oBAAoB;;;;IAIrBzB,CAAC,CAAC0B,wBAAwB;IACtB1B,CAAC,CAAC2B,oBAAoB,EAAI3B,CAAC,CAAC0B,wBAAwB;;;;;IAK7D1B,CAAC,CAAC4B,6BAA6B;;;;;IAKjC5B,CAAC,CAAC6B,wBAAwB;;;;IAI1B7B,CAAC,CAAC6B,wBAAwB;;;;IAI1B7B,CAAC,CAAC6B,wBAAwB;;;EAGzC,CAAC;EACDC,aAAa,WAAAA,cAAC9B,CAAQ,EAAE;IACtB,OAAOV,GAAG,CAAAyC,gBAAA,KAAAA,gBAAA,GAAAjC,2BAAA;IACNJ,iBAAiB,CAACM,CAAC,CAACgC,qBAAqB,EAAEhC,CAAC,CAACiC,qBAAqB,EAAEjC,CAAC,CAACkC,sBAAsB,CAAC;;EAEnG,CAAC;EACDC,cAAc,WAAAA,eAACnC,CAAQ,EAAE;IACvB,OAAOV,GAAG,CAAA8C,gBAAA,KAAAA,gBAAA,GAAAtC,2BAAA;IACNJ,iBAAiB,CAACM,CAAC,CAACqC,sBAAsB,EAAErC,CAAC,CAACsC,sBAAsB,EAAEtC,CAAC,CAACuC,uBAAuB,CAAC;;EAEtG,CAAC;EACDC,aAAa,WAAAA,cAACxC,CAAQ,EAAE;IACtB,OAAOV,GAAG,CAAAmD,gBAAA,KAAAA,gBAAA,GAAA3C,2BAAA;IACNJ,iBAAiB,CAACM,CAAC,CAAC0C,qBAAqB,EAAE1C,CAAC,CAAC2C,qBAAqB,EAAE3C,CAAC,CAAC4C,sBAAsB,CAAC;;EAEnG,CAAC;;EAEDC,QAAQ,WAAAA,SAAC7C,CAAQ,EAAE;IACjB,OAAOV,GAAG,CAAAwD,gBAAA,KAAAA,gBAAA,GAAAhD,2BAAA;;IAEUE,CAAC,CAAC+C,wBAAwB;;;EAGhD,CAAC;;EAEDC,KAAK,WAAAA,MAAChD,CAAQ,EAAE;IACd,OAAOV,GAAG,CAAA2D,iBAAA,KAAAA,iBAAA,GAAAnD,2BAAA;IACQE,CAAC,CAACkD,wBAAwB;IACtBlD,CAAC,CAACiB,mBAAmB,EAAIjB,CAAC,CAACkD,wBAAwB;;;IAGrDlD,CAAC,CAACkD,wBAAwB;IACtBlD,CAAC,CAAC2B,oBAAoB,EAAI3B,CAAC,CAACkD,wBAAwB;;;EAG9E,CAAC;;EAEDC,OAAO,WAAAA,QAACnD,CAAQ,EAAE;IAChB,OAAOV,GAAG,CAAA8D,iBAAA,KAAAA,iBAAA,GAAAtD,2BAAA;IACQE,CAAC,CAACqD,0BAA0B;IACxBrD,CAAC,CAAC2B,oBAAoB,EAAI3B,CAAC,CAACqD,0BAA0B;;;IAGxDrD,CAAC,CAACqD,0BAA0B;IACxBrD,CAAC,CAAC2B,oBAAoB,EAAI3B,CAAC,CAACqD,0BAA0B;;;EAGhF,CAAC;;EAEDC,QAAQ,WAAAA,SAACtD,CAAQ,EAAE;IACjB,OAAOV,GAAG,CAAAiE,iBAAA,KAAAA,iBAAA,GAAAzD,2BAAA;IACCE,CAAC,CAACwD,yBAAyB;IACtBxD,CAAC,CAACyD,kBAAkB;IAClBzD,CAAC,CAAC0D,2BAA2B;;;;IAIlC1D,CAAC,CAAC2D,gCAAgC;;;EAGjD,CAAC;;EAEDC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOtE,GAAG,CAAAuE,iBAAA,KAAAA,iBAAA,GAAA/D,2BAAA;;;;;;;;EAQZ,CAAC;;EAEDgE,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOxE,GAAG,CAAAyE,iBAAA,KAAAA,iBAAA,GAAAjE,2BAAA;;;;;;;;;;;EAWZ,CAAC;;EAEDkE,gBAAgB,WAAAA,iBAAChE,CAAQ,EAAE;IACzB,OAAOV,GAAG,CAAA2E,iBAAA,KAAAA,iBAAA,GAAAnE,2BAAA;;;IAGEE,CAAC,CAACiB,mBAAmB;;;EAGnC,CAAC;;EAEDiD,OAAO,WAAAA,QAAClE,CAAQ,EAAE;IAChB,OAAOV,GAAG,CAAA6E,iBAAA,KAAAA,iBAAA,GAAArE,2BAAA;;;;IAIME,CAAC,CAACoE,iBAAiB;IACxBpE,CAAC,CAACqE,oBAAoB;;;EAGnC,CAAC;EACDC,YAAY,WAAAA,aAACtE,CAAQ,EAAE;IACrB,OAAOV,GAAG,CAAAiF,iBAAA,KAAAA,iBAAA,GAAAzE,2BAAA;IACNN,gBAAgB,CAACQ,CAAC,CAACgC,qBAAqB,EAAEhC,CAAC,CAACiC,qBAAqB,CAAC;;EAExE,CAAC;EACDuC,aAAa,WAAAA,cAACxE,CAAQ,EAAE;IACtB,OAAOV,GAAG,CAAAmF,iBAAA,KAAAA,iBAAA,GAAA3E,2BAAA;IACNN,gBAAgB,CAACQ,CAAC,CAACqC,sBAAsB,EAAErC,CAAC,CAACsC,sBAAsB,CAAC;;EAE1E,CAAC;EACDoC,YAAY,WAAAA,aAAC1E,CAAQ,EAAE;IACrB,OAAOV,GAAG,CAAAqF,iBAAA,KAAAA,iBAAA,GAAA7E,2BAAA;IACNN,gBAAgB,CAACQ,CAAC,CAAC0C,qBAAqB,EAAE1C,CAAC,CAAC2C,qBAAqB,CAAC;;EAExE,CAAC;;EAEDiC,YAAY,WAAAA,aAAC5E,CAAQ,EAAE;IACrB,OAAOV,GAAG,CAAAuF,iBAAA,KAAAA,iBAAA,GAAA/E,2BAAA;IACCE,CAAC,CAAC8E,yBAAyB;;EAExC,CAAC;;EAEDC,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOzF,GAAG,CAAA0F,iBAAA,KAAAA,iBAAA,GAAAlF,2BAAA;;;;EAIZ,CAAC;;EAEDmF,iBAAiB,WAAAA,kBAAA,EAAG;IAClB,OAAO3F,GAAG,CAAA4F,iBAAA,KAAAA,iBAAA,GAAApF,2BAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Textarea/TextareaCounter/TextareaCounter.js

@@ -1,5 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useContext, useCallback, useImperativeHandle, useState } from 'react';
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
@@ -13,6 +11,7 @@ var handleHelpMouseDown = function handleHelpMouseDown(e) {
   return e.preventDefault();
 };
 export var TextareaCounter = forwardRefAndName('TextareaCounter', function (_ref, ref) {
+  var _cx;
   var length = _ref.length,
     value = _ref.value,
     help = _ref.help,
@@ -21,13 +20,11 @@ export var TextareaCounter = forwardRefAndName('TextareaCounter', function (_ref
     size = _ref.size;
   var theme = useContext(ThemeContext);
   var _useState = useState(textarea.clientWidth),
-    _useState2 = _slicedToArray(_useState, 2),
-    width = _useState2[0],
-    setWidth = _useState2[1];
-  var _useState3 = useState(textarea.clientHeight),
-    _useState4 = _slicedToArray(_useState3, 2),
-    height = _useState4[0],
-    setHeight = _useState4[1];
+    width = _useState[0],
+    setWidth = _useState[1];
+  var _useState2 = useState(textarea.clientHeight),
+    height = _useState2[0],
+    setHeight = _useState2[1];
   var reflow = useCallback(function () {
     var clientWidth = textarea.clientWidth,
       clientHeight = textarea.clientHeight;
@@ -82,7 +79,7 @@ export var TextareaCounter = forwardRefAndName('TextareaCounter', function (_ref
       }
     }, /*#__PURE__*/
     React.createElement("span", {
-      className: cx(getCounterSizeClassName(), styles.counter(theme), _defineProperty({}, styles.counterError(theme), counterValue < 0))
+      className: cx(getCounterSizeClassName(), styles.counter(theme), (_cx = {}, _cx[styles.counterError(theme)] = counterValue < 0, _cx))
     }, counterValue, help && /*#__PURE__*/React.createElement("span", {
       className: styles.counterHelp()
     }, counterHelp)))

package/components/Textarea/TextareaCounter/TextareaCounter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useCallback","useImperativeHandle","useState","forwardRefAndName","ThemeContext","isFunction","Tooltip","cx","QuestionCircleIcon16Solid","TextareaDataTids","styles","handleHelpMouseDown","e","preventDefault","TextareaCounter","_ref","ref","length","value","help","onCloseHelp","textarea","size","theme","_useState","clientWidth","_useState2","_slicedToArray","width","setWidth","_useState3","clientHeight","_useState4","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","helpIconProps","onMouseDown","color","textareaCounterHelpIconColor","helpIcon","createElement","counterHelp","pos","trigger","render","onCloseClick","getCounterSizeClassName","counterLarge","counterMedium","counterSmall","counter","className","counterContainer","style","_defineProperty","counterError"],"sources":["TextareaCounter.tsx"],"sourcesContent":["import type { SyntheticEvent } from 'react';\nimport React, { useContext, useCallback, useImperativeHandle, useState } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { cx } from '../../lib/theming/Emotion';\nimport { QuestionCircleIcon16Solid } from '../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport type { TextareaProps } from './Textarea';\nimport { TextareaDataTids } from './Textarea';\nimport { styles } from './Textarea.styles';\n\nexport interface TextareaCounterProps {\n  value: TextareaProps['value'];\n  length: number;\n  help: TextareaProps['counterHelp'];\n  onCloseHelp: () => void;\n  textarea: HTMLTextAreaElement;\n  size: SizeProp;\n}\n\nexport interface TextareaCounterRef {\n  reflow: () => void;\n}\n\nconst handleHelpMouseDown = (e: SyntheticEvent) => e.preventDefault();\n\nexport const TextareaCounter = forwardRefAndName<TextareaCounterRef, TextareaCounterProps>(\n  'TextareaCounter',\n  ({ length, value, help, onCloseHelp, textarea, size }, ref) => {\n    const theme = useContext(ThemeContext);\n    const [width, setWidth] = useState(textarea.clientWidth);\n    const [height, setHeight] = useState(textarea.clientHeight);\n    const reflow = useCallback(() => {\n      const { clientWidth, clientHeight } = textarea;\n      setWidth(clientWidth);\n      setHeight(clientHeight);\n    }, [textarea]);\n    useImperativeHandle(ref, () => ({ reflow }), [reflow]);\n    const renderTooltipContent = useCallback(() => {\n      if (typeof help === 'function') {\n        return help();\n      }\n      return help;\n    }, [help]);\n    const textareaValue = value ? value.toString().length : 0;\n    const counterValue = length - textareaValue;\n\n    const helpIconProps = {\n      onMouseDown: handleHelpMouseDown,\n      color: theme.textareaCounterHelpIconColor,\n      'data-tid': TextareaDataTids.helpIcon,\n    };\n    const helpIcon = <QuestionCircleIcon16Solid {...helpIconProps} />;\n    const counterHelp = isFunction(help) ? (\n      help()\n    ) : (\n      <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n        {helpIcon}\n      </Tooltip>\n    );\n\n    const getCounterSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return styles.counterLarge(theme);\n        case 'medium':\n          return styles.counterMedium(theme);\n        case 'small':\n        default:\n          return styles.counterSmall(theme);\n      }\n    };\n\n    return (\n      <div data-tid={TextareaDataTids.counter} className={cx(styles.counterContainer(theme))} style={{ width, height }}>\n        <span\n          className={cx(getCounterSizeClassName(), styles.counter(theme), {\n            [styles.counterError(theme)]: counterValue < 0,\n          })}\n        >\n          {counterValue}\n          {help && <span className={styles.counterHelp()}>{counterHelp}</span>}\n        </span>\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","useCallback","useImperativeHandle","useState","forwardRefAndName","ThemeContext","isFunction","Tooltip","cx","QuestionCircleIcon16Solid","TextareaDataTids","styles","handleHelpMouseDown","e","preventDefault","TextareaCounter","_ref","ref","_cx","length","value","help","onCloseHelp","textarea","size","theme","_useState","clientWidth","width","setWidth","_useState2","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","helpIconProps","onMouseDown","color","textareaCounterHelpIconColor","helpIcon","createElement","counterHelp","pos","trigger","render","onCloseClick","getCounterSizeClassName","counterLarge","counterMedium","counterSmall","counter","className","counterContainer","style","counterError"],"sources":["TextareaCounter.tsx"],"sourcesContent":["import type { SyntheticEvent } from 'react';\nimport React, { useContext, useCallback, useImperativeHandle, useState } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { cx } from '../../lib/theming/Emotion';\nimport { QuestionCircleIcon16Solid } from '../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport type { TextareaProps } from './Textarea';\nimport { TextareaDataTids } from './Textarea';\nimport { styles } from './Textarea.styles';\n\nexport interface TextareaCounterProps {\n  value: TextareaProps['value'];\n  length: number;\n  help: TextareaProps['counterHelp'];\n  onCloseHelp: () => void;\n  textarea: HTMLTextAreaElement;\n  size: SizeProp;\n}\n\nexport interface TextareaCounterRef {\n  reflow: () => void;\n}\n\nconst handleHelpMouseDown = (e: SyntheticEvent) => e.preventDefault();\n\nexport const TextareaCounter = forwardRefAndName<TextareaCounterRef, TextareaCounterProps>(\n  'TextareaCounter',\n  ({ length, value, help, onCloseHelp, textarea, size }, ref) => {\n    const theme = useContext(ThemeContext);\n    const [width, setWidth] = useState(textarea.clientWidth);\n    const [height, setHeight] = useState(textarea.clientHeight);\n    const reflow = useCallback(() => {\n      const { clientWidth, clientHeight } = textarea;\n      setWidth(clientWidth);\n      setHeight(clientHeight);\n    }, [textarea]);\n    useImperativeHandle(ref, () => ({ reflow }), [reflow]);\n    const renderTooltipContent = useCallback(() => {\n      if (typeof help === 'function') {\n        return help();\n      }\n      return help;\n    }, [help]);\n    const textareaValue = value ? value.toString().length : 0;\n    const counterValue = length - textareaValue;\n\n    const helpIconProps = {\n      onMouseDown: handleHelpMouseDown,\n      color: theme.textareaCounterHelpIconColor,\n      'data-tid': TextareaDataTids.helpIcon,\n    };\n    const helpIcon = <QuestionCircleIcon16Solid {...helpIconProps} />;\n    const counterHelp = isFunction(help) ? (\n      help()\n    ) : (\n      <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n        {helpIcon}\n      </Tooltip>\n    );\n\n    const getCounterSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return styles.counterLarge(theme);\n        case 'medium':\n          return styles.counterMedium(theme);\n        case 'small':\n        default:\n          return styles.counterSmall(theme);\n      }\n    };\n\n    return (\n      <div data-tid={TextareaDataTids.counter} className={cx(styles.counterContainer(theme))} style={{ width, height }}>\n        <span\n          className={cx(getCounterSizeClassName(), styles.counter(theme), {\n            [styles.counterError(theme)]: counterValue < 0,\n          })}\n        >\n          {counterValue}\n          {help && <span className={styles.counterHelp()}>{counterHelp}</span>}\n        </span>\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/components/Textarea/TextareaWithSafari17Workaround/TextareaWithSafari17Workaround.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 
@@ -10,9 +9,8 @@ import { forwardRefAndName } from "../../../lib/forwardRefAndName";
  */
 export var TextareaWithSafari17Workaround = forwardRefAndName('TextareaWithSafari17Workaround', function (props, ref) {
   var _React$useState = React.useState(true),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    firstRender = _React$useState2[0],
-    setFirstRender = _React$useState2[1];
+    firstRender = _React$useState[0],
+    setFirstRender = _React$useState[1];
   React.useEffect(function () {
     firstRender && setFirstRender(false);
   }, []);

package/components/Textarea/TextareaWithSafari17Workaround/TextareaWithSafari17Workaround.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRefAndName","TextareaWithSafari17Workaround","props","ref","_React$useState","useState","_React$useState2","_slicedToArray","firstRender","setFirstRender","useEffect","createElement","_extends","value"],"sources":["TextareaWithSafari17Workaround.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\n/**\n * React textarea behaves incorrectly on first rendered in Safari version 17.*\n * Reproduce: https://codesandbox.io/p/sandbox/textarea-and-textarea-safari-bug-9v95vz\n * was fixed in Safari version 17.4: https://developer.apple.com/documentation/safari-release-notes/safari-17_4-release-notes\n */\nexport const TextareaWithSafari17Workaround = forwardRefAndName<\n  HTMLTextAreaElement,\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>\n>('TextareaWithSafari17Workaround', (props, ref) => {\n  const [firstRender, setFirstRender] = React.useState(true);\n\n  React.useEffect(() => {\n    firstRender && setFirstRender(false);\n  }, []);\n\n  return <textarea {...props} value={firstRender ? '' : props.value} ref={ref} />;\n});\n"],"mappings":"gIAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,8BAA8B,GAAGD,iBAAiB;;;EAG7D,gCAAgC,EAAE,UAACE,KAAK,EAAEC,GAAG,EAAK;IAClD,IAAAC,eAAA,GAAsCL,KAAK,CAACM,QAAQ,CAAC,IAAI,CAAC,CAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA,KAAnDI,WAAW,GAAAF,gBAAA,IAAEG,cAAc,GAAAH,gBAAA;;IAElCP,KAAK,CAACW,SAAS,CAAC,YAAM;MACpBF,WAAW,IAAIC,cAAc,CAAC,KAAK,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC;;IAEN,oBAAOV,KAAA,CAAAY,aAAA,aAAAC,QAAA,KAAcV,KAAK,IAAEW,KAAK,EAAEL,WAAW,GAAG,EAAE,GAAGN,KAAK,CAACW,KAAM,EAACV,GAAG,EAAEA,GAAI,GAAE,CAAC;EACjF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","forwardRefAndName","TextareaWithSafari17Workaround","props","ref","_React$useState","useState","firstRender","setFirstRender","useEffect","createElement","_extends","value"],"sources":["TextareaWithSafari17Workaround.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\n/**\n * React textarea behaves incorrectly on first rendered in Safari version 17.*\n * Reproduce: https://codesandbox.io/p/sandbox/textarea-and-textarea-safari-bug-9v95vz\n * was fixed in Safari version 17.4: https://developer.apple.com/documentation/safari-release-notes/safari-17_4-release-notes\n */\nexport const TextareaWithSafari17Workaround = forwardRefAndName<\n  HTMLTextAreaElement,\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>\n>('TextareaWithSafari17Workaround', (props, ref) => {\n  const [firstRender, setFirstRender] = React.useState(true);\n\n  React.useEffect(() => {\n    firstRender && setFirstRender(false);\n  }, []);\n\n  return <textarea {...props} value={firstRender ? '' : props.value} ref={ref} />;\n});\n"],"mappings":"0DAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,8BAA8B,GAAGD,iBAAiB;;;EAG7D,gCAAgC,EAAE,UAACE,KAAK,EAAEC,GAAG,EAAK;IAClD,IAAAC,eAAA,GAAsCL,KAAK,CAACM,QAAQ,CAAC,IAAI,CAAC,CAAnDC,WAAW,GAAAF,eAAA,IAAEG,cAAc,GAAAH,eAAA;;IAElCL,KAAK,CAACS,SAAS,CAAC,YAAM;MACpBF,WAAW,IAAIC,cAAc,CAAC,KAAK,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC;;IAEN,oBAAOR,KAAA,CAAAU,aAAA,aAAAC,QAAA,KAAcR,KAAK,IAAES,KAAK,EAAEL,WAAW,GAAG,EAAE,GAAGJ,KAAK,CAACS,KAAM,EAACR,GAAG,EAAEA,GAAI,GAAE,CAAC;EACjF,CAAC,CAAC","ignoreList":[]}

package/components/Toast/Toast/Toast.js

@@ -1,15 +1,6 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Toast;
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
 import React from 'react';
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
 import { globalObject } from '@skbkontur/global-object';
@@ -64,8 +55,7 @@ export var ToastDataTids = {
 export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Component) {
   function Toast(props) {
     var _this;
-    _classCallCheck(this, Toast);
-    _this = _callSuper(this, Toast, [props]);
+    _this = _React$Component.call(this, props) || this;
     _this.rootRef = /*#__PURE__*/React.createRef();
 
     /**
@@ -93,7 +83,7 @@ export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Com
       var _this$state$showTime;
       _this._clearTimer();
       var showTime = _this.state.action ? 7000 : 3000;
-      showTime = (_this$state$showTime = _this.state.showTime) !== null && _this$state$showTime !== void 0 ? _this$state$showTime : showTime;
+      showTime = (_this$state$showTime = _this.state.showTime) != null ? _this$state$showTime : showTime;
       _this._timeout = globalObject.setTimeout(_this.close, showTime);
     };
     _this._refToast = function (element) {
@@ -109,125 +99,118 @@ export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Com
     };
     return _this;
   }
-  _inherits(Toast, _React$Component);
-  return _createClass(Toast, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this._clearTimer();
+  _inheritsLoose(Toast, _React$Component);
+  var _proto = Toast.prototype;
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this._clearTimer();
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = _this2.props.theme ? ThemeFactory.create(_this2.props.theme, theme) : theme;
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: _this2.theme
+      }, /*#__PURE__*/React.createElement(RenderContainer, null, /*#__PURE__*/React.createElement(TransitionGroup, null, _this2._renderToast())));
+    });
+  } /**
+    * Показывает тост с `notification` в качестве сообщения.
+    * Тост автоматически скрывается через 3 или 7 секунд,
+    * в зависимости от наличия у него кнопки `action` внутри config-а.
+    * Время показа можно задать вручную, передав `showTime` внутри config-а.
+    *
+    * @public
+    * @param {React.ReactNode} notification
+    * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
+    *
+    * @description Сейчас есть поддержка старого api метода push с передачей аргументов последовательно, но с версии 6.0 этот функционал будет удалён.
+    * @example
+    * // Будет удален в 6.0
+    * push('notification', { label: "cat meow", handler: () => {} }, 15_000, false, "error")
+    *
+    * @example
+    * // Останется в > 6.0
+    * push('notification', { action: { label: "cat meow", handler: () => {} }, showTime: 15_000, showCloseIcon: false, use: "error" })
+    */;
+  _proto.push = function push(notification, configOrAction, showTime, showCloseIcon, use) {
+    if (this.state.notification) {
+      this.close();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = _this2.props.theme ? ThemeFactory.create(_this2.props.theme, theme) : theme;
-        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-          value: _this2.theme
-        }, /*#__PURE__*/React.createElement(RenderContainer, null, /*#__PURE__*/React.createElement(TransitionGroup, null, _this2._renderToast())));
-      });
-    } /**
-      * Показывает тост с `notification` в качестве сообщения.
-      * Тост автоматически скрывается через 3 или 7 секунд,
-      * в зависимости от наличия у него кнопки `action` внутри config-а.
-      * Время показа можно задать вручную, передав `showTime` внутри config-а.
-      *
-      * @public
-      * @param {React.ReactNode} notification
-      * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
-      *
-      * @description Сейчас есть поддержка старого api метода push с передачей аргументов последовательно, но с версии 6.0 этот функционал будет удалён.
-      * @example
-      * // Будет удален в 6.0
-      * push('notification', { label: "cat meow", handler: () => {} }, 15_000, false, "error")
-      *
-      * @example
-      * // Останется в > 6.0
-      * push('notification', { action: { label: "cat meow", handler: () => {} }, showTime: 15_000, showCloseIcon: false, use: "error" })
-      */
-  }, {
-    key: "push",
-    value: function push(notification, configOrAction, showTime, showCloseIcon, use) {
-      if (this.state.notification) {
-        this.close();
-      }
-      if (isNewToastPushApi(configOrAction)) {
-        var _action = configOrAction.action,
-          _showTime = configOrAction.showTime,
-          _showCloseIcon = configOrAction.showCloseIcon,
-          _use = configOrAction.use;
-        safelyCall(this.props.onPush, notification, _action);
-        this.setState(function (_ref) {
-          var id = _ref.id;
-          return {
-            notification: notification,
-            action: _action,
-            id: id + 1,
-            showTime: _showTime,
-            showCloseIcon: _showCloseIcon,
-            currentUse: _use !== null && _use !== void 0 ? _use : 'default'
-          };
-        }, this._setTimer);
-      } /** @deprecated выпилить старый подход к api push Toast-а в react-ui 6.0 */
-      if (isOldToastPushApi(configOrAction) || isEmptySecondArg(configOrAction)) {
-        var _action2 = configOrAction;
-        safelyCall(this.props.onPush, notification, _action2);
-        this.setState(function (_ref2) {
-          var id = _ref2.id;
-          return {
-            notification: notification,
-            action: _action2,
-            id: id + 1,
-            showTime: showTime,
-            showCloseIcon: showCloseIcon,
-            currentUse: use !== null && use !== void 0 ? use : 'default'
-          };
-        }, this._setTimer);
-      }
+    if (isNewToastPushApi(configOrAction)) {
+      var _action = configOrAction.action,
+        _showTime = configOrAction.showTime,
+        _showCloseIcon = configOrAction.showCloseIcon,
+        _use = configOrAction.use;
+      safelyCall(this.props.onPush, notification, _action);
+      this.setState(function (_ref) {
+        var id = _ref.id;
+        return {
+          notification: notification,
+          action: _action,
+          id: id + 1,
+          showTime: _showTime,
+          showCloseIcon: _showCloseIcon,
+          currentUse: _use != null ? _use : 'default'
+        };
+      }, this._setTimer);
+    } /** @deprecated выпилить старый подход к api push Toast-а в react-ui 6.0 */
+    if (isOldToastPushApi(configOrAction) || isEmptySecondArg(configOrAction)) {
+      var _action2 = configOrAction;
+      safelyCall(this.props.onPush, notification, _action2);
+      this.setState(function (_ref2) {
+        var id = _ref2.id;
+        return {
+          notification: notification,
+          action: _action2,
+          id: id + 1,
+          showTime: showTime,
+          showCloseIcon: showCloseIcon,
+          currentUse: use != null ? use : 'default'
+        };
+      }, this._setTimer);
     }
-  }, {
-    key: "_renderToast",
-    value: function _renderToast() {
-      var _this$state = this.state,
-        notification = _this$state.notification,
-        action = _this$state.action,
-        id = _this$state.id,
-        showCloseIcon = _this$state.showCloseIcon,
-        currentUse = _this$state.currentUse;
-      if (!notification) {
-        return null;
-      }
-      var toastProps = {
-        onMouseEnter: this._clearTimer,
-        onMouseLeave: this._setTimer,
-        onClose: this.close,
-        children: notification,
-        'aria-label': this.props['aria-label'],
-        action: action,
-        showCloseIcon: showCloseIcon,
-        use: currentUse
-      };
-      return /*#__PURE__*/React.createElement(CSSTransition, {
-        key: id,
-        classNames: {
-          enter: styles.enter(),
-          enterActive: styles.enterActive(),
-          exit: styles.exit(),
-          exitActive: styles.exitActive()
-        },
-        timeout: {
-          enter: 200,
-          exit: 150
-        },
-        enter: !isTestEnv,
-        exit: !isTestEnv,
-        nodeRef: this.rootRef
-      }, /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: this.setRootRef
-      }, this.props), /*#__PURE__*/React.createElement(ToastView, _extends({
-        ref: this._refToast
-      }, toastProps))));
+  };
+  _proto._renderToast = function _renderToast() {
+    var _this$state = this.state,
+      notification = _this$state.notification,
+      action = _this$state.action,
+      id = _this$state.id,
+      showCloseIcon = _this$state.showCloseIcon,
+      currentUse = _this$state.currentUse;
+    if (!notification) {
+      return null;
     }
-  }]);
+    var toastProps = {
+      onMouseEnter: this._clearTimer,
+      onMouseLeave: this._setTimer,
+      onClose: this.close,
+      children: notification,
+      'aria-label': this.props['aria-label'],
+      action: action,
+      showCloseIcon: showCloseIcon,
+      use: currentUse
+    };
+    return /*#__PURE__*/React.createElement(CSSTransition, {
+      key: id,
+      classNames: {
+        enter: styles.enter(),
+        enterActive: styles.enterActive(),
+        exit: styles.exit(),
+        exitActive: styles.exitActive()
+      },
+      timeout: {
+        enter: 200,
+        exit: 150
+      },
+      enter: !isTestEnv,
+      exit: !isTestEnv,
+      nodeRef: this.rootRef
+    }, /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootRef
+    }, this.props), /*#__PURE__*/React.createElement(ToastView, _extends({
+      ref: this._refToast
+    }, toastProps))));
+  };
+  return Toast;
 }(React.Component), _Toast.__KONTUR_REACT_UI__ = 'Toast', _Toast.displayName = 'Toast', _Toast.push = function (notification, action, showTime, showCloseIcon) {
   ToastStatic.push(notification, action, showTime, showCloseIcon);
 }, _Toast.close = function () {
@@ -242,10 +225,10 @@ function safelyCall(fn) {
   }
 }
 export function isNewToastPushApi(value) {
-  return Boolean(value && _typeof(value) === 'object' && !('label' in value));
+  return Boolean(value && typeof value === 'object' && !('label' in value));
 }
 export function isOldToastPushApi(value) {
-  return Boolean(value && _typeof(value) === 'object' && 'label' in value);
+  return Boolean(value && typeof value === 'object' && 'label' in value);
 } /** Хелпер для случая, когда передаём только текст */
 export function isEmptySecondArg(value) {
   return !value;