@skbkontur/react-ui 0.0.0-c91b3db3f4 → 0.0.0-cb270e7a13

package/cjs/components/Textarea/Textarea.md

@@ -1,25 +1,25 @@
-```jsx harmony
-const [value, setValue] = React.useState('');
-
-<Textarea
-  value={value}
-  onValueChange={setValue}
-  autoResize
-  placeholder="Through faith we can reign in every area of life"
-/>;
-```
-
-Счетчик введенных символов
-
-```jsx harmony
-const [value, setValue] = React.useState('');
-
-<Textarea
-  value={value}
-  onValueChange={setValue}
-  placeholder="Счетчик появляется при фокусе"
-  lengthCounter={10}
-  showLengthCounter
-  counterHelp="Hello 👋"
-/>;
-```
+```jsx harmony
+const [value, setValue] = React.useState('');
+
+<Textarea
+  value={value}
+  onValueChange={setValue}
+  autoResize
+  placeholder="Through faith we can reign in every area of life"
+/>;
+```
+
+Счетчик введенных символов
+
+```jsx harmony
+const [value, setValue] = React.useState('');
+
+<Textarea
+  value={value}
+  onValueChange={setValue}
+  placeholder="Счетчик появляется при фокусе"
+  lengthCounter={10}
+  showLengthCounter
+  counterHelp="Hello 👋"
+/>;
+```

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

@@ -1,9 +1,10 @@
 import { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const styles: {
     root(t: Theme): string;
     textarea(t: Theme): string;
     error(t: Theme): string;
     warning(t: Theme): string;
+    disabled(t: Theme): string;
     fake(): string;
     placeholder(): string;
     counterContainer(t: Theme): string;

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

@@ -1,7 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
     return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      font-size: ", ";\n      line-height: ", ";\n      position: relative;\n    "])),
 
@@ -12,7 +12,7 @@ var styles = {
   },
 
   textarea: function textarea(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      -webkit-appearance: none;\n      background-clip: padding-box;\n      background: ", ";\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      min-width: ", ";\n      min-height: ", ";\n      outline: none;\n      padding: ", " ", ";\n      transition: height 0.2s ease-out;\n      vertical-align: middle;\n      width: 100%;\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      &:disabled {\n        color: ", ";\n        background: ", ";\n        border-color: ", ";\n        box-shadow: none;\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      &:-moz-placeholder {\n        color: ", ";\n      }\n\n      &::-moz-placeholder {\n        color: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      -webkit-appearance: none;\n      background-clip: padding-box;\n      background: ", ";\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      min-width: ", ";\n      min-height: ", ";\n      outline: none;\n      padding: ", " ", ";\n      transition: height 0.2s ease-out;\n      vertical-align: middle;\n      width: 100%;\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.textareaBg,
@@ -46,12 +46,6 @@ var styles = {
 
 
 
-    t.textareaTextColorDisabled,
-    t.textareaDisabledBg,
-    t.textareaDisabledBorderColor,
-
-
-
 
     t.textareaPlaceholderColor,
 
@@ -67,12 +61,11 @@ var styles = {
   },
 
   error: function error(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n      ", "&:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])),
-    (0, _Emotion.cssName)(styles.textarea(t)),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\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,
 
-    (0, _Emotion.cssName)(styles.textarea(t)),
+
     t.textareaBorderColorError,
     t.textareaOutlineWidth, t.textareaBorderColorError);
 
@@ -80,20 +73,32 @@ var styles = {
   },
 
   warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n      ", "&:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])),
-    (0, _Emotion.cssName)(styles.textarea(t)),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\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,
 
-    (0, _Emotion.cssName)(styles.textarea(t)),
+
     t.textareaBorderColorWarning,
     t.textareaOutlineWidth, t.textareaBorderColorWarning);
 
 
+  },
+
+  disabled: function disabled(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    "])));
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    "])));
 
 
 
@@ -104,7 +109,7 @@ var styles = {
   },
 
   placeholder: function placeholder() {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
 
 
 
@@ -118,7 +123,7 @@ var styles = {
   },
 
   counterContainer: function counterContainer(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      border: ", " solid transparent;\n      box-sizing: content-box;\n    "])),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      border: ", " solid transparent;\n      box-sizing: content-box;\n    "])),
 
 
     t.textareaBorderWidth);
@@ -127,7 +132,7 @@ var styles = {
   },
 
   counter: function counter(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ", ";\n      color: ", ";\n      border-radius: 2px;\n      right: ", ";\n      bottom: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ", ";\n      color: ", ";\n      border-radius: 2px;\n      right: ", ";\n      bottom: ", ";\n    "])),
 
 
 
@@ -140,23 +145,20 @@ var styles = {
   },
 
   counterError: function counterError(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n    "])),
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.textareaCounterErrorColor);
 
   },
 
   counterHelp: function counterHelp() {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: 4px;\n      cursor: pointer;\n    "])));
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: 4px;\n      cursor: pointer;\n    "])));
 
 
 
   },
 
   disableAnimations: function disableAnimations() {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transition: none;\n    "])));
-
-
-  } };
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transition: none;\n    "])));
 
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Textarea.styles.ts"],"names":["styles","root","t","css","textareaFontSize","textareaLineHeight","textarea","textareaBg","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","textareaMinHeight","textareaPaddingY","textareaPaddingX","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColor","error","textareaBorderColorError","warning","textareaBorderColorWarning","fake","placeholder","counterContainer","counter","textareaCounterBg","textareaCounterColor","counterError","textareaCounterErrorColor","counterHelp","disableAnimations","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      font-size: ${t.textareaFontSize};\r\n      line-height: ${t.textareaLineHeight};\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  textarea(t: Theme) {\r\n    return css`\r\n      -webkit-appearance: none;\r\n      background-clip: padding-box;\r\n      background: ${t.textareaBg};\r\n      border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\r\n      border-top-color: ${t.textareaBorderTopColor};\r\n      box-shadow: ${t.textareaShadow};\r\n      box-sizing: border-box;\r\n      color: ${t.textareaColor};\r\n      font-family: inherit;\r\n      font-size: inherit;\r\n      line-height: inherit;\r\n      max-width: 100%;\r\n      min-width: ${t.textareaWidth};\r\n      min-height: ${t.textareaMinHeight};\r\n      outline: none;\r\n      padding: ${t.textareaPaddingY} ${t.textareaPaddingX};\r\n      transition: height 0.2s ease-out;\r\n      vertical-align: middle;\r\n      width: 100%;\r\n      border-radius: ${t.textareaBorderRadius};\r\n      white-space: pre-wrap;\r\n\r\n      &:focus {\r\n        border-color: ${t.textareaBorderColorFocus};\r\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorFocus};\r\n        position: relative;\r\n        z-index: 2;\r\n\r\n        &::placeholder {\r\n          color: ${t.textareaPlaceholderColorLight};\r\n        }\r\n      }\r\n      &:disabled {\r\n        color: ${t.textareaTextColorDisabled};\r\n        background: ${t.textareaDisabledBg};\r\n        border-color: ${t.textareaDisabledBorderColor};\r\n        box-shadow: none;\r\n      }\r\n\r\n      &::placeholder {\r\n        color: ${t.textareaPlaceholderColor};\r\n      }\r\n\r\n      &:-moz-placeholder {\r\n        color: ${t.textareaPlaceholderColor};\r\n      }\r\n\r\n      &::-moz-placeholder {\r\n        color: ${t.textareaPlaceholderColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.textarea(t))}& {\r\n        border-color: ${t.textareaBorderColorError};\r\n        box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\r\n      }\r\n      ${cssName(styles.textarea(t))}&:focus {\r\n        border-color: ${t.textareaBorderColorError};\r\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.textarea(t))}& {\r\n        border-color: ${t.textareaBorderColorWarning};\r\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\r\n      }\r\n      ${cssName(styles.textarea(t))}&:focus {\r\n        border-color: ${t.textareaBorderColorWarning};\r\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\r\n      }\r\n    `;\r\n  },\r\n\r\n  fake() {\r\n    return css`\r\n      height: 0;\r\n      left: 0;\r\n      position: absolute;\r\n      top: 0;\r\n      visibility: hidden;\r\n      width: 100%;\r\n    `;\r\n  },\r\n\r\n  placeholder() {\r\n    return css`\r\n      -ms-user-select: none;\r\n      color: #aaa;\r\n      left: 12px;\r\n      overflow: hidden;\r\n      position: absolute;\r\n      right: 12px;\r\n      top: 9px;\r\n      user-select: none;\r\n      z-index: 3;\r\n    `;\r\n  },\r\n\r\n  counterContainer(t: Theme) {\r\n    return css`\r\n      position: absolute;\r\n      top: 0;\r\n      border: ${t.textareaBorderWidth} solid transparent;\r\n      box-sizing: content-box;\r\n    `;\r\n  },\r\n\r\n  counter(t: Theme) {\r\n    return css`\r\n      position: absolute;\r\n      z-index: 3;\r\n      text-align: right;\r\n      background: ${t.textareaCounterBg};\r\n      color: ${t.textareaCounterColor};\r\n      border-radius: 2px;\r\n      right: ${t.textareaPaddingX};\r\n      bottom: ${t.textareaPaddingY};\r\n    `;\r\n  },\r\n\r\n  counterError(t: Theme) {\r\n    return css`\r\n      color: ${t.textareaCounterErrorColor} !important;\r\n    `;\r\n  },\r\n\r\n  counterHelp() {\r\n    return css`\r\n      margin-left: 4px;\r\n      cursor: pointer;\r\n    `;\r\n  },\r\n\r\n  disableAnimations() {\r\n    return css`\r\n      transition: none;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Textarea.styles.ts"],"names":["styles","root","t","css","textareaFontSize","textareaLineHeight","textarea","textareaBg","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","textareaMinHeight","textareaPaddingY","textareaPaddingX","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","error","textareaBorderColorError","warning","textareaBorderColorWarning","disabled","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","placeholder","counterContainer","counter","textareaCounterBg","textareaCounterColor","counterError","textareaCounterErrorColor","counterHelp","disableAnimations"],"mappings":"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","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      font-size: ${t.textareaFontSize};\n      line-height: ${t.textareaLineHeight};\n      position: relative;\n    `;\n  },\n\n  textarea(t: Theme) {\n    return css`\n      -webkit-appearance: none;\n      background-clip: padding-box;\n      background: ${t.textareaBg};\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      min-width: ${t.textareaWidth};\n      min-height: ${t.textareaMinHeight};\n      outline: none;\n      padding: ${t.textareaPaddingY} ${t.textareaPaddingX};\n      transition: height 0.2s ease-out;\n      vertical-align: middle;\n      width: 100%;\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\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      right: ${t.textareaPaddingX};\n      bottom: ${t.textareaPaddingY};\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"]}

package/cjs/components/Textarea/TextareaCounter.js

@@ -1,10 +1,10 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");exports.__esModule = true;exports.TextareaCounter = void 0;var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");exports.__esModule = true;exports.TextareaCounter = void 0;var _react = _interopRequireWildcard(require("react"));
 
 var _px = require("../../internal/icons/16px");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _utils = require("../../lib/utils");
 var _Tooltip = require("../Tooltip");
+var _Emotion = require("../../lib/theming/Emotion");
 
 
 var _Textarea = require("./Textarea.styles");
@@ -26,7 +26,7 @@ var handleHelpMouseDown = function handleHelpMouseDown(e) {return e.preventDefau
 var TextareaCounter = /*#__PURE__*/_react.default.forwardRef(function TextareaCounter(_ref,
 
 ref)
-{var _cn;var length = _ref.length,value = _ref.value,help = _ref.help,onCloseHelp = _ref.onCloseHelp,textarea = _ref.textarea;
+{var _cx;var length = _ref.length,value = _ref.value,help = _ref.help,onCloseHelp = _ref.onCloseHelp,textarea = _ref.textarea;
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);var _useState =
   (0, _react.useState)(textarea.clientWidth),width = _useState[0],setWidth = _useState[1];var _useState2 =
   (0, _react.useState)(textarea.clientHeight),height = _useState2[0],setHeight = _useState2[1];
@@ -49,14 +49,14 @@ ref)
 
 
   return /*#__PURE__*/(
-    _react.default.createElement("div", { className: _Textarea.jsStyles.counterContainer(theme), style: { width: width, height: height } }, /*#__PURE__*/
+    _react.default.createElement("div", { className: _Textarea.styles.counterContainer(theme), style: { width: width, height: height } }, /*#__PURE__*/
     _react.default.createElement("span", {
-      className: (0, _classnames.default)(_Textarea.jsStyles.counter(theme), (_cn = {}, _cn[
-      _Textarea.jsStyles.counterError(theme)] = counterValue < 0, _cn)) },
+      className: (0, _Emotion.cx)(_Textarea.styles.counter(theme), (_cx = {}, _cx[
+      _Textarea.styles.counterError(theme)] = counterValue < 0, _cx)) },
 
 
     counterValue,
-    help && /*#__PURE__*/_react.default.createElement("span", { className: _Textarea.jsStyles.counterHelp() }, counterHelp))));
+    help && /*#__PURE__*/_react.default.createElement("span", { className: _Textarea.styles.counterHelp() }, counterHelp))));
 
 
 

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

@@ -1 +1 @@
-{"version":3,"sources":["TextareaCounter.tsx"],"names":["handleHelpMouseDown","e","preventDefault","TextareaCounter","React","forwardRef","ref","length","value","help","onCloseHelp","textarea","theme","ThemeContext","clientWidth","width","setWidth","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","counterHelp","textareaCounterHelpIconColor","jsStyles","counterContainer","counter","counterError"],"mappings":"oPAAA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;;;;;;;;;;;;;;AAcA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,CAAD,UAAuBA,CAAC,CAACC,cAAF,EAAvB,EAA5B;;AAEO,IAAMC,eAAe,gBAAGC,eAAMC,UAAN,CAA2D,SAASF,eAAT;;AAExFG,GAFwF;AAGxF,aAFEC,MAEF,QAFEA,MAEF,CAFUC,KAEV,QAFUA,KAEV,CAFiBC,IAEjB,QAFiBA,IAEjB,CAFuBC,WAEvB,QAFuBA,WAEvB,CAFoCC,QAEpC,QAFoCA,QAEpC;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd,CADA;AAE0B,uBAASF,QAAQ,CAACG,WAAlB,CAF1B,CAEOC,KAFP,gBAEcC,QAFd;AAG4B,uBAASL,QAAQ,CAACM,YAAlB,CAH5B,CAGOC,MAHP,iBAGeC,SAHf;AAIA,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACXN,IAAAA,WADW,GACmBH,QADnB,CACXG,WADW,CACEG,YADF,GACmBN,QADnB,CACEM,YADF;AAEnBD,IAAAA,QAAQ,CAACF,WAAD,CAAR;AACAK,IAAAA,SAAS,CAACF,YAAD,CAAT;AACD,GAJD;AAKA,wBAAUG,MAAV,EAAkB,CAACT,QAAD,CAAlB;AACA,kCAAoBL,GAApB,EAAyB,oBAAO,EAAEc,MAAM,EAANA,MAAF,EAAP,EAAzB,EAA6C,CAACd,GAAD,CAA7C;AACA,MAAMe,oBAAoB,GAAG,wBAAY,oBAAMZ,IAAN,EAAZ,EAAwB,CAACA,IAAD,CAAxB,CAA7B;AACA,MAAMa,aAAa,GAAGd,KAAK,GAAGA,KAAK,CAACe,QAAN,GAAiBhB,MAApB,GAA6B,CAAxD;AACA,MAAMiB,YAAY,GAAGjB,MAAM,GAAGe,aAA9B;AACA,MAAMG,WAAW,GAAG,uBAAWhB,IAAX;AAClBA,EAAAA,IAAI,EADc;;AAGlB,+BAAC,gBAAD,IAAS,GAAG,EAAE,cAAd,EAA8B,OAAO,EAAE,OAAvC,EAAgD,MAAM,EAAEY,oBAAxD,EAA8E,YAAY,EAAEX,WAA5F;AACE,+BAAC,eAAD,IAAa,WAAW,EAAEV,mBAA1B,EAA+C,KAAK,EAAEY,KAAK,CAACc,4BAA5D,GADF,CAHF;;;;AAQA;AACE,0CAAK,SAAS,EAAEC,mBAASC,gBAAT,CAA0BhB,KAA1B,CAAhB,EAAkD,KAAK,EAAE,EAAEG,KAAK,EAALA,KAAF,EAASG,MAAM,EAANA,MAAT,EAAzD;AACE;AACE,MAAA,SAAS,EAAE,yBAAGS,mBAASE,OAAT,CAAiBjB,KAAjB,CAAH;AACRe,yBAASG,YAAT,CAAsBlB,KAAtB,CADQ,IACuBY,YAAY,GAAG,CADtC,OADb;;;AAKGA,IAAAA,YALH;AAMGf,IAAAA,IAAI,iBAAI,uCAAM,SAAS,EAAEkB,mBAASF,WAAT,EAAjB,IAA0CA,WAA1C,CANX,CADF,CADF;;;;AAYD,CArC8B,CAAxB,C","sourcesContent":["import React, { SyntheticEvent, useEffect, useContext, useCallback, useImperativeHandle, useState } from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { HelpDotIcon } from '../../internal/icons/16px';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { isFunction } from '../../lib/utils';\r\nimport { Tooltip } from '../Tooltip';\r\n\r\nimport { TextareaProps } from './Textarea';\r\nimport { jsStyles } from './Textarea.styles';\r\n\r\nexport type TextareaCounterProps = {\r\n  value: TextareaProps['value'];\r\n  length: number;\r\n  help: TextareaProps['counterHelp'];\r\n  onCloseHelp: () => void;\r\n  textarea: HTMLTextAreaElement;\r\n};\r\n\r\nexport interface TextareaCounterRef {\r\n  reflow: () => void;\r\n}\r\n\r\nconst handleHelpMouseDown = (e: SyntheticEvent) => e.preventDefault();\r\n\r\nexport const TextareaCounter = React.forwardRef<TextareaCounterRef, TextareaCounterProps>(function TextareaCounter(\r\n  { length, value, help, onCloseHelp, textarea },\r\n  ref,\r\n) {\r\n  const theme = useContext(ThemeContext);\r\n  const [width, setWidth] = useState(textarea.clientWidth);\r\n  const [height, setHeight] = useState(textarea.clientHeight);\r\n  const reflow = () => {\r\n    const { clientWidth, clientHeight } = textarea;\r\n    setWidth(clientWidth);\r\n    setHeight(clientHeight);\r\n  };\r\n  useEffect(reflow, [textarea]);\r\n  useImperativeHandle(ref, () => ({ reflow }), [ref]);\r\n  const renderTooltipContent = useCallback(() => help, [help]);\r\n  const textareaValue = value ? value.toString().length : 0;\r\n  const counterValue = length - textareaValue;\r\n  const counterHelp = isFunction(help) ? (\r\n    help()\r\n  ) : (\r\n    <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\r\n      <HelpDotIcon onMouseDown={handleHelpMouseDown} color={theme.textareaCounterHelpIconColor} />\r\n    </Tooltip>\r\n  );\r\n\r\n  return (\r\n    <div className={jsStyles.counterContainer(theme)} style={{ width, height }}>\r\n      <span\r\n        className={cn(jsStyles.counter(theme), {\r\n          [jsStyles.counterError(theme)]: counterValue < 0,\r\n        })}\r\n      >\r\n        {counterValue}\r\n        {help && <span className={jsStyles.counterHelp()}>{counterHelp}</span>}\r\n      </span>\r\n    </div>\r\n  );\r\n});\r\n"]}
+{"version":3,"sources":["TextareaCounter.tsx"],"names":["handleHelpMouseDown","e","preventDefault","TextareaCounter","React","forwardRef","ref","length","value","help","onCloseHelp","textarea","theme","ThemeContext","clientWidth","width","setWidth","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","counterHelp","textareaCounterHelpIconColor","styles","counterContainer","counter","counterError"],"mappings":"+JAAA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;;;;;;;;;;;;;;AAcA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,CAAD,UAAuBA,CAAC,CAACC,cAAF,EAAvB,EAA5B;;AAEO,IAAMC,eAAe,gBAAGC,eAAMC,UAAN,CAA2D,SAASF,eAAT;;AAExFG,GAFwF;AAGxF,aAFEC,MAEF,QAFEA,MAEF,CAFUC,KAEV,QAFUA,KAEV,CAFiBC,IAEjB,QAFiBA,IAEjB,CAFuBC,WAEvB,QAFuBA,WAEvB,CAFoCC,QAEpC,QAFoCA,QAEpC;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd,CADA;AAE0B,uBAASF,QAAQ,CAACG,WAAlB,CAF1B,CAEOC,KAFP,gBAEcC,QAFd;AAG4B,uBAASL,QAAQ,CAACM,YAAlB,CAH5B,CAGOC,MAHP,iBAGeC,SAHf;AAIA,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACXN,IAAAA,WADW,GACmBH,QADnB,CACXG,WADW,CACEG,YADF,GACmBN,QADnB,CACEM,YADF;AAEnBD,IAAAA,QAAQ,CAACF,WAAD,CAAR;AACAK,IAAAA,SAAS,CAACF,YAAD,CAAT;AACD,GAJD;AAKA,wBAAUG,MAAV,EAAkB,CAACT,QAAD,CAAlB;AACA,kCAAoBL,GAApB,EAAyB,oBAAO,EAAEc,MAAM,EAANA,MAAF,EAAP,EAAzB,EAA6C,CAACd,GAAD,CAA7C;AACA,MAAMe,oBAAoB,GAAG,wBAAY,oBAAMZ,IAAN,EAAZ,EAAwB,CAACA,IAAD,CAAxB,CAA7B;AACA,MAAMa,aAAa,GAAGd,KAAK,GAAGA,KAAK,CAACe,QAAN,GAAiBhB,MAApB,GAA6B,CAAxD;AACA,MAAMiB,YAAY,GAAGjB,MAAM,GAAGe,aAA9B;AACA,MAAMG,WAAW,GAAG,uBAAWhB,IAAX;AAClBA,EAAAA,IAAI,EADc;;AAGlB,+BAAC,gBAAD,IAAS,GAAG,EAAE,cAAd,EAA8B,OAAO,EAAE,OAAvC,EAAgD,MAAM,EAAEY,oBAAxD,EAA8E,YAAY,EAAEX,WAA5F;AACE,+BAAC,eAAD,IAAa,WAAW,EAAEV,mBAA1B,EAA+C,KAAK,EAAEY,KAAK,CAACc,4BAA5D,GADF,CAHF;;;;AAQA;AACE,0CAAK,SAAS,EAAEC,iBAAOC,gBAAP,CAAwBhB,KAAxB,CAAhB,EAAgD,KAAK,EAAE,EAAEG,KAAK,EAALA,KAAF,EAASG,MAAM,EAANA,MAAT,EAAvD;AACE;AACE,MAAA,SAAS,EAAE,iBAAGS,iBAAOE,OAAP,CAAejB,KAAf,CAAH;AACRe,uBAAOG,YAAP,CAAoBlB,KAApB,CADQ,IACqBY,YAAY,GAAG,CADpC,OADb;;;AAKGA,IAAAA,YALH;AAMGf,IAAAA,IAAI,iBAAI,uCAAM,SAAS,EAAEkB,iBAAOF,WAAP,EAAjB,IAAwCA,WAAxC,CANX,CADF,CADF;;;;AAYD,CArC8B,CAAxB,C","sourcesContent":["import React, { SyntheticEvent, useEffect, useContext, useCallback, useImperativeHandle, useState } from 'react';\n\nimport { HelpDotIcon } from '../../internal/icons/16px';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { TextareaProps } from './Textarea';\nimport { styles } from './Textarea.styles';\n\nexport type TextareaCounterProps = {\n  value: TextareaProps['value'];\n  length: number;\n  help: TextareaProps['counterHelp'];\n  onCloseHelp: () => void;\n  textarea: HTMLTextAreaElement;\n};\n\nexport interface TextareaCounterRef {\n  reflow: () => void;\n}\n\nconst handleHelpMouseDown = (e: SyntheticEvent) => e.preventDefault();\n\nexport const TextareaCounter = React.forwardRef<TextareaCounterRef, TextareaCounterProps>(function TextareaCounter(\n  { length, value, help, onCloseHelp, textarea },\n  ref,\n) {\n  const theme = useContext(ThemeContext);\n  const [width, setWidth] = useState(textarea.clientWidth);\n  const [height, setHeight] = useState(textarea.clientHeight);\n  const reflow = () => {\n    const { clientWidth, clientHeight } = textarea;\n    setWidth(clientWidth);\n    setHeight(clientHeight);\n  };\n  useEffect(reflow, [textarea]);\n  useImperativeHandle(ref, () => ({ reflow }), [ref]);\n  const renderTooltipContent = useCallback(() => help, [help]);\n  const textareaValue = value ? value.toString().length : 0;\n  const counterValue = length - textareaValue;\n  const counterHelp = isFunction(help) ? (\n    help()\n  ) : (\n    <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n      <HelpDotIcon onMouseDown={handleHelpMouseDown} color={theme.textareaCounterHelpIconColor} />\n    </Tooltip>\n  );\n\n  return (\n    <div className={styles.counterContainer(theme)} style={{ width, height }}>\n      <span\n        className={cx(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"]}

package/cjs/components/Textarea/TextareaHelpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TextareaHelpers.tsx"],"names":["getTextAreaHeight","params","node","minRows","maxRows","extraRow","style","getComputedStyle","borderTop","borderTopWidth","parseInt","borderBottom","borderBottomWidth","lineHeight","paddingTop","paddingBottom","minHeight","maxHeight","extraRowHeight","expectedHeight","scrollHeight","height","Math","min","max","exceededMaxHeight"],"mappings":"qFAAO,SAASA,iBAAT,CAA2BC,MAA3B,EAA4D;AACzDC,EAAAA,IADyD,GACpBD,MADoB,CACzDC,IADyD,CACnDC,OADmD,GACpBF,MADoB,CACnDE,OADmD,CAC1CC,OAD0C,GACpBH,MADoB,CAC1CG,OAD0C,CACjCC,QADiC,GACpBJ,MADoB,CACjCI,QADiC;AAEjE,MAAMC,KAA0B,GAAGC,gBAAgB,CAACL,IAAD,CAAnD;AACA,MAAMM,SAAS,GAAGF,KAAK,CAACG,cAAN,GAAuBC,QAAQ,CAACJ,KAAK,CAACG,cAAP,EAAuB,EAAvB,CAA/B,GAA4D,CAA9E;AACA,MAAME,YAAY,GAAGL,KAAK,CAACM,iBAAN,GAA0BF,QAAQ,CAACJ,KAAK,CAACM,iBAAP,EAA0B,EAA1B,CAAlC,GAAkE,CAAvF;AACA,MAAMC,UAAU,GAAGP,KAAK,CAACO,UAAN,GAAmBH,QAAQ,CAACJ,KAAK,CAACO,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,UAAU,GAAGR,KAAK,CAACQ,UAAN,GAAmBJ,QAAQ,CAACJ,KAAK,CAACQ,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,aAAa,GAAGT,KAAK,CAACS,aAAN,GAAsBL,QAAQ,CAACJ,KAAK,CAACS,aAAP,EAAsB,EAAtB,CAA9B,GAA0D,CAAhF;AACA,MAAMC,SAAS,GAAGR,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGV,OAAvF;AACA,MAAMc,SAAS,GAAGT,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGT,OAAvF;AACA,MAAMc,cAAc,GAAGb,QAAQ,GAAGQ,UAAH,GAAgB,CAA/C;AACA,MAAMM,cAAc,GAAGjB,IAAI,CAACkB,YAAL,GAAoBZ,SAApB,GAAgCG,YAAhC,GAA+CO,cAAtE;AACA,SAAO;AACLG,IAAAA,MAAM,EAAEC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASL,cAAT,EAAyBH,SAAzB,CAAT,EAA8CC,SAA9C,CADH;AAELQ,IAAAA,iBAAiB,EAAEN,cAAc,GAAGF,SAAS,GAAGC,cAF3C,EAAP;;AAID","sourcesContent":["export function getTextAreaHeight(params: GetTextAreaHeightParams) {\r\n  const { node, minRows, maxRows, extraRow } = params;\r\n  const style: CSSStyleDeclaration = getComputedStyle(node);\r\n  const borderTop = style.borderTopWidth ? parseInt(style.borderTopWidth, 10) : 0;\r\n  const borderBottom = style.borderBottomWidth ? parseInt(style.borderBottomWidth, 10) : 0;\r\n  const lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;\r\n  const paddingTop = style.paddingTop ? parseInt(style.paddingTop, 10) : 0;\r\n  const paddingBottom = style.paddingBottom ? parseInt(style.paddingBottom, 10) : 0;\r\n  const minHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * minRows;\r\n  const maxHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * maxRows;\r\n  const extraRowHeight = extraRow ? lineHeight : 0;\r\n  const expectedHeight = node.scrollHeight + borderTop + borderBottom + extraRowHeight;\r\n  return {\r\n    height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),\r\n    exceededMaxHeight: expectedHeight > maxHeight + extraRowHeight,\r\n  };\r\n}\r\n\r\ninterface GetTextAreaHeightParams {\r\n  node: HTMLTextAreaElement;\r\n  minRows: number;\r\n  maxRows: number;\r\n  extraRow: boolean;\r\n}\r\n"]}
+{"version":3,"sources":["TextareaHelpers.tsx"],"names":["getTextAreaHeight","params","node","minRows","maxRows","extraRow","style","getComputedStyle","borderTop","borderTopWidth","parseInt","borderBottom","borderBottomWidth","lineHeight","paddingTop","paddingBottom","minHeight","maxHeight","extraRowHeight","expectedHeight","scrollHeight","height","Math","min","max","exceededMaxHeight"],"mappings":"qFAAO,SAASA,iBAAT,CAA2BC,MAA3B,EAA4D;AACzDC,EAAAA,IADyD,GACpBD,MADoB,CACzDC,IADyD,CACnDC,OADmD,GACpBF,MADoB,CACnDE,OADmD,CAC1CC,OAD0C,GACpBH,MADoB,CAC1CG,OAD0C,CACjCC,QADiC,GACpBJ,MADoB,CACjCI,QADiC;AAEjE,MAAMC,KAA0B,GAAGC,gBAAgB,CAACL,IAAD,CAAnD;AACA,MAAMM,SAAS,GAAGF,KAAK,CAACG,cAAN,GAAuBC,QAAQ,CAACJ,KAAK,CAACG,cAAP,EAAuB,EAAvB,CAA/B,GAA4D,CAA9E;AACA,MAAME,YAAY,GAAGL,KAAK,CAACM,iBAAN,GAA0BF,QAAQ,CAACJ,KAAK,CAACM,iBAAP,EAA0B,EAA1B,CAAlC,GAAkE,CAAvF;AACA,MAAMC,UAAU,GAAGP,KAAK,CAACO,UAAN,GAAmBH,QAAQ,CAACJ,KAAK,CAACO,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,UAAU,GAAGR,KAAK,CAACQ,UAAN,GAAmBJ,QAAQ,CAACJ,KAAK,CAACQ,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,aAAa,GAAGT,KAAK,CAACS,aAAN,GAAsBL,QAAQ,CAACJ,KAAK,CAACS,aAAP,EAAsB,EAAtB,CAA9B,GAA0D,CAAhF;AACA,MAAMC,SAAS,GAAGR,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGV,OAAvF;AACA,MAAMc,SAAS,GAAGT,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGT,OAAvF;AACA,MAAMc,cAAc,GAAGb,QAAQ,GAAGQ,UAAH,GAAgB,CAA/C;AACA,MAAMM,cAAc,GAAGjB,IAAI,CAACkB,YAAL,GAAoBZ,SAApB,GAAgCG,YAAhC,GAA+CO,cAAtE;AACA,SAAO;AACLG,IAAAA,MAAM,EAAEC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASL,cAAT,EAAyBH,SAAzB,CAAT,EAA8CC,SAA9C,CADH;AAELQ,IAAAA,iBAAiB,EAAEN,cAAc,GAAGF,SAAS,GAAGC,cAF3C,EAAP;;AAID","sourcesContent":["export function getTextAreaHeight(params: GetTextAreaHeightParams) {\n  const { node, minRows, maxRows, extraRow } = params;\n  const style: CSSStyleDeclaration = getComputedStyle(node);\n  const borderTop = style.borderTopWidth ? parseInt(style.borderTopWidth, 10) : 0;\n  const borderBottom = style.borderBottomWidth ? parseInt(style.borderBottomWidth, 10) : 0;\n  const lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;\n  const paddingTop = style.paddingTop ? parseInt(style.paddingTop, 10) : 0;\n  const paddingBottom = style.paddingBottom ? parseInt(style.paddingBottom, 10) : 0;\n  const minHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * minRows;\n  const maxHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * maxRows;\n  const extraRowHeight = extraRow ? lineHeight : 0;\n  const expectedHeight = node.scrollHeight + borderTop + borderBottom + extraRowHeight;\n  return {\n    height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),\n    exceededMaxHeight: expectedHeight > maxHeight + extraRowHeight,\n  };\n}\n\ninterface GetTextAreaHeightParams {\n  node: HTMLTextAreaElement;\n  minRows: number;\n  maxRows: number;\n  extraRow: boolean;\n}\n"]}

package/cjs/components/Textarea/index.js.map

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

package/cjs/components/Toast/Toast.js

@@ -26,14 +26,14 @@ var _ToastStatic = require("./ToastStatic");
 
 
 
-/**
- * Показывает уведомления.
- *
- * Доступен статический метод: `Toast.push(notification, action?)`.
- * Однако, при его использовании не работает кастомизация и могут быть проблемы
- * с перекрытием уведомления другими элементами страницы.
- *
- * Рекомендуется использовать Toast через `ref` (см. примеры).
+/**
+ * Показывает уведомления.
+ *
+ * Доступен статический метод: `Toast.push(notification, action?)`.
+ * Однако, при его использовании не работает кастомизация и могут быть проблемы
+ * с перекрытием уведомления другими элементами страницы.
+ *
+ * Рекомендуется использовать Toast через `ref` (см. примеры).
  */var
 Toast = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Toast, _React$Component);Toast.
 
@@ -153,15 +153,15 @@ Toast = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(T
 
     _refToast = function (element) {
       _this._toast = element;
-    };_this.state = { notification: null, action: null, id: 0 };return _this;}var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, this._renderToast()));} /**
-   * Показывает тост с `notification` в качестве сообщения.
-   * Тост автоматически скрывается через 3 или 7 секунд,
-   * в зависимости от наличия у него кнопки `action`.
-   *
-   * @public
-   * @param {string} notification
-   * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`
-   * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
-   */;_proto.push = function push(notification, action) {if (this.state.notification) {this.close();}safelyCall(this.props.onPush, notification, action);this.setState(function (_ref) {var id = _ref.id;return { notification: notification, action: action, id: id + 1 };}, this._setTimer);} /**
-   * @public
-   */;_proto._renderToast = function _renderToast() {var _this$state = this.state,notification = _this$state.notification,action = _this$state.action,id = _this$state.id;if (!notification) {return null;}var toastProps = { onMouseEnter: this._clearTimer, onMouseLeave: this._setTimer, onClose: this.close, children: notification, action: action };return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { key: id, classNames: { enter: _Toast.jsStyles.enter(), enterActive: _Toast.jsStyles.enterActive(), exit: _Toast.jsStyles.exit(), exitActive: _Toast.jsStyles.exitActive() }, timeout: { enter: 200, exit: 150 }, enter: !_currentEnvironment.isTestEnv, exit: !_currentEnvironment.isTestEnv }, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_ToastView.ToastView, (0, _extends2.default)({ ref: this._refToast }, toastProps))));};return Toast;}(_react.default.Component);exports.Toast = Toast;Toast.__KONTUR_REACT_UI__ = 'Toast';function safelyCall(fn) {if (fn) {for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {args[_key - 1] = arguments[_key];}fn.apply(void 0, args);}}
+    };_this.state = { notification: null, action: null, id: 0 };return _this;}var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, this._renderToast()));} /**
+   * Показывает тост с `notification` в качестве сообщения.
+   * Тост автоматически скрывается через 3 или 7 секунд,
+   * в зависимости от наличия у него кнопки `action`.
+   *
+   * @public
+   * @param {string} notification
+   * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`
+   * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
+   */;_proto.push = function push(notification, action) {if (this.state.notification) {this.close();}safelyCall(this.props.onPush, notification, action);this.setState(function (_ref) {var id = _ref.id;return { notification: notification, action: action, id: id + 1 };}, this._setTimer);} /**
+   * @public
+   */;_proto._renderToast = function _renderToast() {var _this$state = this.state,notification = _this$state.notification,action = _this$state.action,id = _this$state.id;if (!notification) {return null;}var toastProps = { onMouseEnter: this._clearTimer, onMouseLeave: this._setTimer, onClose: this.close, children: notification, action: action };return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { key: id, classNames: { enter: _Toast.styles.enter(), enterActive: _Toast.styles.enterActive(), exit: _Toast.styles.exit(), exitActive: _Toast.styles.exitActive() }, timeout: { enter: 200, exit: 150 }, enter: !_currentEnvironment.isTestEnv, exit: !_currentEnvironment.isTestEnv }, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_ToastView.ToastView, (0, _extends2.default)({ ref: this._refToast }, toastProps))));};return Toast;}(_react.default.Component);exports.Toast = Toast;Toast.__KONTUR_REACT_UI__ = 'Toast';function safelyCall(fn) {if (fn) {for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {args[_key - 1] = arguments[_key];}fn.apply(void 0, args);}}

package/cjs/components/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Toast.tsx"],"names":["Toast","push","notification","action","ToastStatic","close","props","_toast","_timeout","safelyCall","onClose","state","setState","_clearTimer","clearTimeout","_setTimer","timeOut","window","setTimeout","_refToast","element","id","componentWillUnmount","render","_renderToast","onPush","toastProps","onMouseEnter","onMouseLeave","children","enter","jsStyles","enterActive","exit","exitActive","isTestEnv","React","Component","__KONTUR_REACT_UI__","fn","args"],"mappings":"mUAAA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G;AACaA,K;;;AAGGC,EAAAA,I,GAAd,cAAmBC,YAAnB,EAAyCC,MAAzC,EAA0D;AACxDC,6BAAYH,IAAZ,CAAiBC,YAAjB,EAA+BC,MAA/B;AACD,G;;AAEaE,EAAAA,K,GAAd,iBAAsB;AACpBD,6BAAYC,KAAZ;AACD,G;;;;;AAKD,iBAAYC,KAAZ,EAA+B;AAC7B,wCAAMA,KAAN,UAD6B,MAHxBC,MAGwB,gBAFvBC,QAEuB,GAFM,IAEN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CxBH,IAAAA,KA5CwB,GA4ChB,YAAM;AACnBI,MAAAA,UAAU,CAAC,MAAKH,KAAL,CAAWI,OAAZ,EAAqB,MAAKC,KAAL,CAAWT,YAAhC,EAA8C,MAAKS,KAAL,CAAWR,MAAzD,CAAV;AACA,YAAKS,QAAL,CAAc,EAAEV,YAAY,EAAE,IAAhB,EAAsBC,MAAM,EAAE,IAA9B,EAAd;AACD,KA/C8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFvBU,IAAAA,WAvFuB,GAuFT,YAAM;AAC1B,UAAI,MAAKL,QAAT,EAAmB;AACjBM,QAAAA,YAAY,CAAC,MAAKN,QAAN,CAAZ;AACA,cAAKA,QAAL,GAAgB,IAAhB;AACD;AACF,KA5F8B;;AA8FvBO,IAAAA,SA9FuB,GA8FX,YAAM;AACxB,YAAKF,WAAL;;AAEA,UAAMG,OAAO,GAAG,MAAKL,KAAL,CAAWR,MAAX,GAAoB,CAApB,GAAwB,CAAxC;;AAEA,YAAKK,QAAL,GAAgBS,MAAM,CAACC,UAAP,CAAkB,MAAKb,KAAvB,EAA8BW,OAAO,GAAG,IAAxC,CAAhB;AACD,KApG8B;;AAsGvBG,IAAAA,SAtGuB,GAsGX,UAACC,OAAD,EAAwB;AAC1C,YAAKb,MAAL,GAAca,OAAd;AACD,KAxG8B,CAE7B,MAAKT,KAAL,GAAa,EACXT,YAAY,EAAE,IADH,EAEXC,MAAM,EAAE,IAFG,EAGXkB,EAAE,EAAE,CAHO,EAAb,CAF6B,aAO9B,C,oCAEMC,oB,GAAP,gCAA8B,CAC5B,KAAKT,WAAL,GACD,C,QAEMU,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,gCAAD,qBACE,6BAAC,qCAAD,QAAkB,KAAKC,YAAL,EAAlB,CADF,CADF,CAKD,C,CAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,K,QACSvB,I,GAAP,cAAYC,YAAZ,EAAkCC,MAAlC,EAAmD,CACjD,IAAI,KAAKQ,KAAL,CAAWT,YAAf,EAA6B,CAC3B,KAAKG,KAAL,GACD,CAEDI,UAAU,CAAC,KAAKH,KAAL,CAAWmB,MAAZ,EAAoBvB,YAApB,EAAkCC,MAAlC,CAAV,CAEA,KAAKS,QAAL,CAAc,qBAAGS,EAAH,QAAGA,EAAH,QAAa,EAAEnB,YAAY,EAAZA,YAAF,EAAgBC,MAAM,EAANA,MAAhB,EAAwBkB,EAAE,EAAEA,EAAE,GAAG,CAAjC,EAAb,EAAd,EAAkE,KAAKN,SAAvE,EACD,C,CAED;AACF;AACA,K,QAMUS,Y,GAAR,wBAAuB,mBACgB,KAAKb,KADrB,CACbT,YADa,eACbA,YADa,CACCC,MADD,eACCA,MADD,CACSkB,EADT,eACSA,EADT,CAGrB,IAAI,CAACnB,YAAL,EAAmB,CACjB,OAAO,IAAP,CACD,CAED,IAAMwB,UAA0B,GAAG,EACjCC,YAAY,EAAE,KAAKd,WADc,EAEjCe,YAAY,EAAE,KAAKb,SAFc,EAGjCL,OAAO,EAAE,KAAKL,KAHmB,EAIjCwB,QAAQ,EAAE3B,YAJuB,EAKjCC,MAAM,EAANA,MALiC,EAAnC,CAQA,oBACE,6BAAC,mCAAD,IACE,GAAG,EAAEkB,EADP,EAEE,UAAU,EAAE,EACVS,KAAK,EAAEC,gBAASD,KAAT,EADG,EAEVE,WAAW,EAAED,gBAASC,WAAT,EAFH,EAGVC,IAAI,EAAEF,gBAASE,IAAT,EAHI,EAIVC,UAAU,EAAEH,gBAASG,UAAT,EAJF,EAFd,EAQE,OAAO,EAAE,EACPJ,KAAK,EAAE,GADA,EAEPG,IAAI,EAAE,GAFC,EARX,EAYE,KAAK,EAAE,CAACE,6BAZV,EAaE,IAAI,EAAE,CAACA,6BAbT,iBAeE,6BAAC,4BAAD,EAAmB,KAAK7B,KAAxB,eACE,6BAAC,oBAAD,2BAAW,GAAG,EAAE,KAAKa,SAArB,IAAoCO,UAApC,EADF,CAfF,CADF,CAqBD,C,gBAnGwBU,eAAMC,S,wBAApBrC,K,CACGsC,mB,GAAsB,O,CAwHtC,SAAS7B,UAAT,CAAoB8B,EAApB,EAAoE,CAClE,IAAIA,EAAJ,EAAQ,mCAD6CC,IAC7C,uEAD6CA,IAC7C,8BACND,EAAE,MAAF,SAAMC,IAAN,EACD,CACF","sourcesContent":["import React from 'react';\r\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\r\n\r\nimport { RenderContainer } from '../../internal/RenderContainer';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\n\r\nimport { jsStyles } from './Toast.styles';\r\nimport { ToastView, ToastViewProps } from './ToastView';\r\nimport { ToastStatic } from './ToastStatic';\r\n\r\nexport interface Action {\r\n  label: string;\r\n  handler: () => void;\r\n}\r\n\r\nexport interface ToastState {\r\n  notification: Nullable<string>;\r\n  action: Nullable<Action>;\r\n  id: number;\r\n}\r\n\r\nexport interface ToastProps extends CommonProps {\r\n  onPush?: (notification: string, action?: Action) => void;\r\n  onClose?: (notification: string, action?: Action) => void;\r\n}\r\n\r\n/**\r\n * Показывает уведомления.\r\n *\r\n * Доступен статический метод: `Toast.push(notification, action?)`.\r\n * Однако, при его использовании не работает кастомизация и могут быть проблемы\r\n * с перекрытием уведомления другими элементами страницы.\r\n *\r\n * Рекомендуется использовать Toast через `ref` (см. примеры).\r\n */\r\nexport class Toast extends React.Component<ToastProps, ToastState> {\r\n  public static __KONTUR_REACT_UI__ = 'Toast';\r\n\r\n  public static push(notification: string, action?: Action) {\r\n    ToastStatic.push(notification, action);\r\n  }\r\n\r\n  public static close() {\r\n    ToastStatic.close();\r\n  }\r\n\r\n  public _toast: Nullable<ToastView>;\r\n  private _timeout: Nullable<number> = null;\r\n\r\n  constructor(props: ToastProps) {\r\n    super(props);\r\n    this.state = {\r\n      notification: null,\r\n      action: null,\r\n      id: 0,\r\n    };\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this._clearTimer();\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <RenderContainer>\r\n        <TransitionGroup>{this._renderToast()}</TransitionGroup>\r\n      </RenderContainer>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Показывает тост с `notification` в качестве сообщения.\r\n   * Тост автоматически скрывается через 3 или 7 секунд,\r\n   * в зависимости от наличия у него кнопки `action`.\r\n   *\r\n   * @public\r\n   * @param {string} notification\r\n   * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`\r\n   * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\r\n   */\r\n  public push(notification: string, action?: Action) {\r\n    if (this.state.notification) {\r\n      this.close();\r\n    }\r\n\r\n    safelyCall(this.props.onPush, notification, action);\r\n\r\n    this.setState(({ id }) => ({ notification, action, id: id + 1 }), this._setTimer);\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public close = () => {\r\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\r\n    this.setState({ notification: null, action: null });\r\n  };\r\n\r\n  private _renderToast() {\r\n    const { notification, action, id } = this.state;\r\n\r\n    if (!notification) {\r\n      return null;\r\n    }\r\n\r\n    const toastProps: ToastViewProps = {\r\n      onMouseEnter: this._clearTimer,\r\n      onMouseLeave: this._setTimer,\r\n      onClose: this.close,\r\n      children: notification,\r\n      action,\r\n    };\r\n\r\n    return (\r\n      <CSSTransition\r\n        key={id}\r\n        classNames={{\r\n          enter: jsStyles.enter(),\r\n          enterActive: jsStyles.enterActive(),\r\n          exit: jsStyles.exit(),\r\n          exitActive: jsStyles.exitActive(),\r\n        }}\r\n        timeout={{\r\n          enter: 200,\r\n          exit: 150,\r\n        }}\r\n        enter={!isTestEnv}\r\n        exit={!isTestEnv}\r\n      >\r\n        <CommonWrapper {...this.props}>\r\n          <ToastView ref={this._refToast} {...toastProps} />\r\n        </CommonWrapper>\r\n      </CSSTransition>\r\n    );\r\n  }\r\n\r\n  private _clearTimer = () => {\r\n    if (this._timeout) {\r\n      clearTimeout(this._timeout);\r\n      this._timeout = null;\r\n    }\r\n  };\r\n\r\n  private _setTimer = () => {\r\n    this._clearTimer();\r\n\r\n    const timeOut = this.state.action ? 7 : 3;\r\n\r\n    this._timeout = window.setTimeout(this.close, timeOut * 1000);\r\n  };\r\n\r\n  private _refToast = (element: ToastView) => {\r\n    this._toast = element;\r\n  };\r\n}\r\n\r\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\r\n  if (fn) {\r\n    fn(...args);\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["Toast.tsx"],"names":["Toast","push","notification","action","ToastStatic","close","props","_toast","_timeout","safelyCall","onClose","state","setState","_clearTimer","clearTimeout","_setTimer","timeOut","window","setTimeout","_refToast","element","id","componentWillUnmount","render","_renderToast","onPush","toastProps","onMouseEnter","onMouseLeave","children","enter","styles","enterActive","exit","exitActive","isTestEnv","React","Component","__KONTUR_REACT_UI__","fn","args"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\n\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\n\nimport { styles } from './Toast.styles';\nimport { ToastView, ToastViewProps } from './ToastView';\nimport { ToastStatic } from './ToastStatic';\n\nexport interface Action {\n  label: string;\n  handler: () => void;\n}\n\nexport interface ToastState {\n  notification: Nullable<string>;\n  action: Nullable<Action>;\n  id: number;\n}\n\nexport interface ToastProps extends CommonProps {\n  onPush?: (notification: string, action?: Action) => void;\n  onClose?: (notification: string, action?: Action) => void;\n}\n\n/**\n * Показывает уведомления.\n *\n * Доступен статический метод: `Toast.push(notification, action?)`.\n * Однако, при его использовании не работает кастомизация и могут быть проблемы\n * с перекрытием уведомления другими элементами страницы.\n *\n * Рекомендуется использовать Toast через `ref` (см. примеры).\n */\nexport class Toast extends React.Component<ToastProps, ToastState> {\n  public static __KONTUR_REACT_UI__ = 'Toast';\n\n  public static push(notification: string, action?: Action) {\n    ToastStatic.push(notification, action);\n  }\n\n  public static close() {\n    ToastStatic.close();\n  }\n\n  public _toast: Nullable<ToastView>;\n  private _timeout: Nullable<number> = null;\n\n  constructor(props: ToastProps) {\n    super(props);\n    this.state = {\n      notification: null,\n      action: null,\n      id: 0,\n    };\n  }\n\n  public componentWillUnmount() {\n    this._clearTimer();\n  }\n\n  public render() {\n    return (\n      <RenderContainer>\n        <TransitionGroup>{this._renderToast()}</TransitionGroup>\n      </RenderContainer>\n    );\n  }\n\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action`.\n   *\n   * @public\n   * @param {string} notification\n   * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`\n   * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\n   */\n  public push(notification: string, action?: Action) {\n    if (this.state.notification) {\n      this.close();\n    }\n\n    safelyCall(this.props.onPush, notification, action);\n\n    this.setState(({ id }) => ({ notification, action, id: id + 1 }), this._setTimer);\n  }\n\n  /**\n   * @public\n   */\n  public close = () => {\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\n    this.setState({ notification: null, action: null });\n  };\n\n  private _renderToast() {\n    const { notification, action, id } = this.state;\n\n    if (!notification) {\n      return null;\n    }\n\n    const toastProps: ToastViewProps = {\n      onMouseEnter: this._clearTimer,\n      onMouseLeave: this._setTimer,\n      onClose: this.close,\n      children: notification,\n      action,\n    };\n\n    return (\n      <CSSTransition\n        key={id}\n        classNames={{\n          enter: styles.enter(),\n          enterActive: styles.enterActive(),\n          exit: styles.exit(),\n          exitActive: styles.exitActive(),\n        }}\n        timeout={{\n          enter: 200,\n          exit: 150,\n        }}\n        enter={!isTestEnv}\n        exit={!isTestEnv}\n      >\n        <CommonWrapper {...this.props}>\n          <ToastView ref={this._refToast} {...toastProps} />\n        </CommonWrapper>\n      </CSSTransition>\n    );\n  }\n\n  private _clearTimer = () => {\n    if (this._timeout) {\n      clearTimeout(this._timeout);\n      this._timeout = null;\n    }\n  };\n\n  private _setTimer = () => {\n    this._clearTimer();\n\n    const timeOut = this.state.action ? 7 : 3;\n\n    this._timeout = window.setTimeout(this.close, timeOut * 1000);\n  };\n\n  private _refToast = (element: ToastView) => {\n    this._toast = element;\n  };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n  if (fn) {\n    fn(...args);\n  }\n}\n"]}

package/cjs/components/Toast/Toast.md

@@ -1,41 +1,41 @@
-Вызов статических методов
-
-```jsx harmony
-import { Button, Toast } from '@skbkontur/react-ui';
-
-function showComplexNotification() {
-  Toast.push('Successfully saved', {
-    label: 'Cancel',
-    handler: () => Toast.push('Canceled'),
-  });
-}
-
-<Button onClick={showComplexNotification}>Show notification</Button>;
-```
-
-Использование `ref`
-
-```jsx harmony
-import { Button, Toast } from '@skbkontur/react-ui';
-
-class Toaster extends React.Component {
-  showNotification() {
-    this.notifier.push('Successfully');
-  }
-
-  render() {
-    return (
-      <div>
-        <Toast
-          ref={el => {
-            this.notifier = el;
-          }}
-        />
-        <Button onClick={() => this.showNotification()}>Show notification</Button>
-      </div>
-    );
-  }
-}
-
-<Toaster />;
-```
+Вызов статических методов
+
+```jsx harmony
+import { Button, Toast } from '@skbkontur/react-ui';
+
+function showComplexNotification() {
+  Toast.push('Successfully saved', {
+    label: 'Cancel',
+    handler: () => Toast.push('Canceled'),
+  });
+}
+
+<Button onClick={showComplexNotification}>Show notification</Button>;
+```
+
+Использование `ref`
+
+```jsx harmony
+import { Button, Toast } from '@skbkontur/react-ui';
+
+class Toaster extends React.Component {
+  showNotification() {
+    this.notifier.push('Successfully');
+  }
+
+  render() {
+    return (
+      <div>
+        <Toast
+          ref={el => {
+            this.notifier = el;
+          }}
+        />
+        <Button onClick={() => this.showNotification()}>Show notification</Button>
+      </div>
+    );
+  }
+}
+
+<Toaster />;
+```

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

@@ -1,4 +1,4 @@
-export declare const jsStyles: {
+export declare const styles: {
     enter(): string;
     enterActive(): string;
     exit(): string;

package/cjs/components/Toast/Toast.styles.js

@@ -1,6 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   enter: function enter() {
     return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(-40px);\n    "])));
 
@@ -23,7 +23,4 @@ var styles = {
 
 
 
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Toast.styles.ts"],"names":["styles","enter","css","enterActive","exit","exitActive","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,KADa,mBACL;AACN,eAAOC,YAAP;;;AAGD,GALY;AAMbC,EAAAA,WANa,yBAMC;AACZ,eAAOD,YAAP;;;;AAID,GAXY;AAYbE,EAAAA,IAZa,kBAYN;AACL,eAAOF,YAAP;;;;AAID,GAjBY;AAkBbG,EAAAA,UAlBa,wBAkBA;AACX,eAAOH,YAAP;;;;AAID,GAvBY,EAAf;;;AA0BO,IAAMI,QAAQ,GAAG,2BAAaN,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  enter() {\r\n    return css`\r\n      transform: translateY(-40px);\r\n    `;\r\n  },\r\n  enterActive() {\r\n    return css`\r\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n      transform: translateY(0);\r\n    `;\r\n  },\r\n  exit() {\r\n    return css`\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    `;\r\n  },\r\n  exitActive() {\r\n    return css`\r\n      opacity: 0.01;\r\n      transition: opacity 0.15s ease-out;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Toast.styles.ts"],"names":["styles","enter","css","enterActive","exit","exitActive"],"mappings":"4QAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,KADiC,mBACzB;AACN,eAAOC,YAAP;;;AAGD,GALgC;AAMjCC,EAAAA,WANiC,yBAMnB;AACZ,eAAOD,YAAP;;;;AAID,GAXgC;AAYjCE,EAAAA,IAZiC,kBAY1B;AACL,eAAOF,YAAP;;;;AAID,GAjBgC;AAkBjCG,EAAAA,UAlBiC,wBAkBpB;AACX,eAAOH,YAAP;;;;AAID,GAvBgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  enter() {\n    return css`\n      transform: translateY(-40px);\n    `;\n  },\n  enterActive() {\n    return css`\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n      transform: translateY(0);\n    `;\n  },\n  exit() {\n    return css`\n      transform: translateY(0);\n      opacity: 1;\n    `;\n  },\n  exitActive() {\n    return css`\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n    `;\n  },\n});\n"]}

package/cjs/components/Toast/ToastStatic.js

@@ -5,7 +5,6 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _Toast = require("./Toast");var
 
-
 ToastStatic = function ToastStatic() {};exports.ToastStatic = ToastStatic;ToastStatic.
 push = function (notification, action) {
   if (!ToastStatic.node) {
@@ -16,8 +15,10 @@ push = function (notification, action) {
     }
     body.appendChild(ToastStatic.node);
 
-    _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_Toast.Toast, { "data-tid": "StaticToast", ref: function ref(el) {return ToastStatic.instance = el;} }), ToastStatic.node, function () {return (
-        ToastStatic._push(notification, action));});
+    _reactDom.default.render( /*#__PURE__*/
+    _react.default.createElement(_Toast.Toast, { "data-tid": "StaticToast", ref: function ref(el) {return ToastStatic.instance = el;} }),
+    ToastStatic.node,
+    function () {return ToastStatic._push(notification, action);});
 
   } else {
     ToastStatic._push(notification, action);

package/cjs/components/Toast/ToastStatic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ToastStatic.tsx"],"names":["ToastStatic","push","notification","action","node","document","createElement","body","Error","appendChild","ReactDOM","render","el","instance","_push","close"],"mappings":"yJAAA;AACA;;;;AAIA,gC;;;AAGaA,W,+DAAAA,W;AACGC,I,GAAO,UAACC,YAAD,EAAuBC,MAAvB,EAA2C;AAC9D,MAAI,CAACH,WAAW,CAACI,IAAjB,EAAuB;AACrBJ,IAAAA,WAAW,CAACI,IAAZ,GAAmBC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAnB,CADqB;AAEJD,IAAAA,QAFI,CAEbE,IAFa,aAEbA,IAFa;AAGrB,QAAI,CAACA,IAAL,EAAW;AACT,YAAMC,KAAK,CAAC,0CAAD,CAAX;AACD;AACDD,IAAAA,IAAI,CAACE,WAAL,CAAiBT,WAAW,CAACI,IAA7B;;AAEAM,sBAASC,MAAT,eAAgB,6BAAC,YAAD,IAAO,YAAS,aAAhB,EAA8B,GAAG,EAAE,aAAAC,EAAE,UAAKZ,WAAW,CAACa,QAAZ,GAAuBD,EAA5B,EAArC,GAAhB,EAA0FZ,WAAW,CAACI,IAAtG,EAA4G;AAC1GJ,QAAAA,WAAW,CAACc,KAAZ,CAAkBZ,YAAlB,EAAgCC,MAAhC,CAD0G,GAA5G;;AAGD,GAXD,MAWO;AACLH,IAAAA,WAAW,CAACc,KAAZ,CAAkBZ,YAAlB,EAAgCC,MAAhC;AACD;AACF,C,CAhBUH,W;;AAkBGc,K,GAAQ,UAACZ,YAAD,EAAuBC,MAAvB,EAA2C;AAC/D,MAAIH,WAAW,CAACa,QAAhB,EAA0B;AACxBb,IAAAA,WAAW,CAACa,QAAZ,CAAqBZ,IAArB,CAA0BC,YAA1B,EAAwCC,MAAxC;AACD;AACF,C,CAtBUH,W;;AAwBGe,K,GAAQ,YAAM;AAC1B,MAAIf,WAAW,CAACa,QAAhB,EAA0B;AACxBb,IAAAA,WAAW,CAACa,QAAZ,CAAqBE,KAArB;AACD;AACF,C,CA5BUf,W;;AA8BII,I,UA9BJJ,W;AA+BIa,Q,GAA4B,I","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nimport { Toast, Action } from './Toast';\r\n\r\n\r\nexport class ToastStatic {\r\n  public static push = (notification: string, action?: Action) => {\r\n    if (!ToastStatic.node) {\r\n      ToastStatic.node = document.createElement('div');\r\n      const { body } = document;\r\n      if (!body) {\r\n        throw Error('There is no \"body\" element in \"document\"');\r\n      }\r\n      body.appendChild(ToastStatic.node);\r\n\r\n      ReactDOM.render(<Toast data-tid=\"StaticToast\" ref={el => (ToastStatic.instance = el)} />, ToastStatic.node, () =>\r\n        ToastStatic._push(notification, action),\r\n      );\r\n    } else {\r\n      ToastStatic._push(notification, action);\r\n    }\r\n  };\r\n\r\n  public static _push = (notification: string, action?: Action) => {\r\n    if (ToastStatic.instance) {\r\n      ToastStatic.instance.push(notification, action);\r\n    }\r\n  };\r\n\r\n  public static close = () => {\r\n    if (ToastStatic.instance) {\r\n      ToastStatic.instance.close();\r\n    }\r\n  };\r\n\r\n  private static node: HTMLDivElement;\r\n  private static instance: Nullable<Toast> = null;\r\n}\r\n"]}
+{"version":3,"sources":["ToastStatic.tsx"],"names":["ToastStatic","push","notification","action","node","document","createElement","body","Error","appendChild","ReactDOM","render","el","instance","_push","close"],"mappings":"yJAAA;AACA;;;;AAIA,gC;;AAEaA,W,+DAAAA,W;AACGC,I,GAAO,UAACC,YAAD,EAAuBC,MAAvB,EAA2C;AAC9D,MAAI,CAACH,WAAW,CAACI,IAAjB,EAAuB;AACrBJ,IAAAA,WAAW,CAACI,IAAZ,GAAmBC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAnB,CADqB;AAEJD,IAAAA,QAFI,CAEbE,IAFa,aAEbA,IAFa;AAGrB,QAAI,CAACA,IAAL,EAAW;AACT,YAAMC,KAAK,CAAC,0CAAD,CAAX;AACD;AACDD,IAAAA,IAAI,CAACE,WAAL,CAAiBT,WAAW,CAACI,IAA7B;;AAEAM,sBAASC,MAAT;AACE,iCAAC,YAAD,IAAO,YAAS,aAAhB,EAA8B,GAAG,EAAE,aAACC,EAAD,UAASZ,WAAW,CAACa,QAAZ,GAAuBD,EAAhC,EAAnC,GADF;AAEEZ,IAAAA,WAAW,CAACI,IAFd;AAGE,wBAAMJ,WAAW,CAACc,KAAZ,CAAkBZ,YAAlB,EAAgCC,MAAhC,CAAN,EAHF;;AAKD,GAbD,MAaO;AACLH,IAAAA,WAAW,CAACc,KAAZ,CAAkBZ,YAAlB,EAAgCC,MAAhC;AACD;AACF,C,CAlBUH,W;;AAoBGc,K,GAAQ,UAACZ,YAAD,EAAuBC,MAAvB,EAA2C;AAC/D,MAAIH,WAAW,CAACa,QAAhB,EAA0B;AACxBb,IAAAA,WAAW,CAACa,QAAZ,CAAqBZ,IAArB,CAA0BC,YAA1B,EAAwCC,MAAxC;AACD;AACF,C,CAxBUH,W;;AA0BGe,K,GAAQ,YAAM;AAC1B,MAAIf,WAAW,CAACa,QAAhB,EAA0B;AACxBb,IAAAA,WAAW,CAACa,QAAZ,CAAqBE,KAArB;AACD;AACF,C,CA9BUf,W;;AAgCII,I,UAhCJJ,W;AAiCIa,Q,GAA4B,I","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { Toast, Action } from './Toast';\n\nexport class ToastStatic {\n  public static push = (notification: string, action?: Action) => {\n    if (!ToastStatic.node) {\n      ToastStatic.node = document.createElement('div');\n      const { body } = document;\n      if (!body) {\n        throw Error('There is no \"body\" element in \"document\"');\n      }\n      body.appendChild(ToastStatic.node);\n\n      ReactDOM.render(\n        <Toast data-tid=\"StaticToast\" ref={(el) => (ToastStatic.instance = el)} />,\n        ToastStatic.node,\n        () => ToastStatic._push(notification, action),\n      );\n    } else {\n      ToastStatic._push(notification, action);\n    }\n  };\n\n  public static _push = (notification: string, action?: Action) => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.push(notification, action);\n    }\n  };\n\n  public static close = () => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.close();\n    }\n  };\n\n  private static node: HTMLDivElement;\n  private static instance: Nullable<Toast> = null;\n}\n"]}