@skbkontur/react-ui 4.10.0-theme2022.4 → 4.11.0-revert-datatids

package/cjs/components/FileUploader/FileUploader.styles.js

@@ -1,30 +1,11 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
-var ColorFunctions = _interopRequireWildcard(require("../../lib/styles/ColorFunctions"));
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-
-var _FileUploader = require("./FileUploader.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32;function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
-
-var globalClasses = (0, _Emotion.prefix)('file-uploader')({
-  afterLinkText: 'after-link-text' });exports.globalClasses = globalClasses;
 
+var _FileUploader = require("./FileUploader.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30;
 
 var styles = {
-  calcPulse: function calcPulse(t) {
-    return (0, _Emotion.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      0% {\n        box-shadow: 0 0 0 1px ", ";\n      }\n      95% {\n        box-shadow: 0 0 0 10px ", ";\n      }\n      100% {\n        box-shadow: 0 0 0 1px ", ";\n      }\n    "])),
-
-    ColorFunctions.fade(t.inputBlinkColor, 0.6),
-
-
-    ColorFunctions.fade(t.inputBlinkColor, 0.1),
-
-
-    ColorFunctions.fade(t.inputBlinkColor, 0.0));
-
-
-  },
   pulse: function pulse() {
-    return (0, _Emotion.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0);\n        }\n      "])));
+    return (0, _Emotion.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0);\n        }\n      "])));
 
 
 
@@ -44,20 +25,19 @@ var styles = {
   },
 
   root: function root(t) {
-    var bg = (0, _ThemeHelpers.isTheme2022)(t) ? '' : "background-color: " + t.fileUploaderBg;
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: relative;\n      ", ";\n      line-height: ", ";\n      font-size: ", ";\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: relative;\n      background-color: ", ";\n      line-height: ", ";\n      font-size: ", ";\n      color: ", ";\n      position: relative;\n    "])),
 
 
-    bg,
+    t.fileUploaderBg,
     t.fileUploaderLineHeight,
     t.fileUploaderFontSize,
     t.fileUploaderTextColorDefault);
 
+
   },
 
   uploadButton: function uploadButton(t) {
-    var bg = (0, _ThemeHelpers.isTheme2022)(t) ? "background-color: " + t.fileUploaderBg : '';
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ", " ", " ", ";\n      box-sizing: border-box;\n      border-radius: ", ";\n      outline: none;\n      cursor: pointer;\n      padding: ", " ", ";\n      transition: box-shadow 0.3s ease;\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ", " ", " ", ";\n      box-sizing: border-box;\n      border-radius: ", ";\n      outline: none;\n      cursor: pointer;\n      padding: ", " ", ";\n      transition: box-shadow 0.3s ease;\n    "])),
 
 
 
@@ -67,43 +47,35 @@ var styles = {
     t.fileUploaderBorderRadius,
 
 
-    t.fileUploaderPaddingY, t.fileUploaderPaddingX,
+    t.fileUploaderPaddingY, t.fileUploaderPaddingX);
 
-    bg);
 
   },
 
   uploadButtonFocus: function uploadButtonFocus(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
     t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus,
     t.fileUploaderBorderColorFocus);
 
   },
 
   dragOver: function dragOver(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 1px solid ", ";\n      border-radius: ", ";\n      box-shadow: 0px 0px 0px 3px rgb(149, 149, 149), 0px 0px 0px 8px rgba(61, 61, 61, 0.2);\n    "])),
-    t.borderColorFocus,
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 1px solid #2da4f9;\n      border-radius: ", ";\n      box-shadow: 0px 0px 0px 3px #2da4f9, 0px 0px 0px 8px rgba(45, 164, 249, 0.35);\n    "])),
+
     t.fileUploaderBorderRadius);
 
 
   },
 
   windowDragOver: function windowDragOver(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])),
     t.fileUploaderBorderRadius,
     styles.pulse());
 
   },
 
-  windowDragOver2022: function windowDragOver2022(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])),
-    t.fileUploaderBorderRadius,
-    styles.calcPulse(t));
-
-  },
-
   content: function content() {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    "])));
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    "])));
 
 
 
@@ -114,98 +86,89 @@ var styles = {
   },
 
   contentWithFiles: function contentWithFiles() {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: center;\n    "])));
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: center;\n    "])));
 
 
 
   },
 
   contentInnerSmall: function contentInnerSmall(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
     t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
 
   },
 
   contentInnerMedium: function contentInnerMedium(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
     t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
 
   },
 
   contentInnerLarge: function contentInnerLarge(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
     t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
 
   },
 
   fileInput: function fileInput() {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 0;\n      height: 0;\n    "])));
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 0;\n      height: 0;\n    "])));
 
 
 
   },
 
-  afterLinkText: function afterLinkText(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n      color: ", ";\n    "])),
+  afterLinkText: function afterLinkText() {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n    "])));
 
-    t.fileUploaderAfterLinkColor);
 
   },
 
-  afterLinkText_HasFiles: function afterLinkText_HasFiles(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n      color: ", ";\n    "])),
+  afterLinkText_HasFiles: function afterLinkText_HasFiles() {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n    "])));
 
 
 
-    t.fileUploaderAfterLinkColor);
 
   },
 
   warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
     t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning,
     t.fileUploaderBorderColorWarning);
 
   },
 
   error: function error(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
     t.fileUploaderBorderWidth, t.fileUploaderBorderColorError,
     t.fileUploaderBorderColorError);
 
   },
 
   hovered: function hovered(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-color: ", ";\n    "])),
-    t.fileUploaderHoveredBg,
-    t.fileUploaderHoveredBorderColor);
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
+    t.fileUploaderHoveredBg);
 
   },
 
   linkHovered: function linkHovered(t) {
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
     t.fileUploaderLinkHoverTextDecoration);
 
   },
 
   disabled: function disabled(t) {
-    var bc = (0, _ThemeHelpers.isTheme2022)(t) ? 'background-clip: padding-box' : '';
-    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      background: ", ";\n      border: ", " solid ", ";\n      color: ", ";\n      box-shadow: none;\n      ", ";\n\n      .", " {\n        color: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      background: ", ";\n      border: ", " solid ", ";\n      color: ", ";\n      box-shadow: none;\n    "])),
 
     t.fileUploaderDisabledBg,
     t.fileUploaderBorderWidth, t.fileUploaderDisabledBorderColor,
-    t.fileUploaderDisabledTextColor,
-
-    bc,
-
-    globalClasses.afterLinkText,
     t.fileUploaderDisabledTextColor);
 
 
   },
 
   icon: function icon(t) {
-    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      color: ", ";\n      text-align: right;\n    "])),
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      color: ", ";\n      text-align: right;\n    "])),
 
 
     t.fileUploaderIconColor);
@@ -214,13 +177,13 @@ var styles = {
   },
 
   iconDisabled: function iconDisabled(t) {
-    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.fileUploaderDisabledIconColor);
 
   },
 
   link: function link(t) {
-    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])),
 
 
     t.fileUploaderLinkColor);
@@ -228,7 +191,7 @@ var styles = {
   },
 
   linkDisabled: function linkDisabled(t) {
-    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])),
     t.fileUploaderDisabledLinkColor);
 
 
@@ -237,13 +200,13 @@ var styles = {
   },
 
   singleFile: function singleFile() {
-    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
 
 
   },
 
   sizeSmall: function sizeSmall(t) {
-    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _FileUploader.fileUploaderSizeMixin)(
     t.fileUploaderFontSizeSmall,
     t.fileUploaderLineHeightSmall,
@@ -254,7 +217,7 @@ var styles = {
   },
 
   sizeMedium: function sizeMedium(t) {
-    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _FileUploader.fileUploaderSizeMixin)(
     t.fileUploaderFontSizeMedium,
     t.fileUploaderLineHeightMedium,
@@ -265,7 +228,7 @@ var styles = {
   },
 
   sizeLarge: function sizeLarge(t) {
-    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _FileUploader.fileUploaderSizeMixin)(
     t.fileUploaderFontSizeLarge,
     t.fileUploaderLineHeightLarge,
@@ -276,7 +239,7 @@ var styles = {
   },
 
   iconSmall: function iconSmall(t) {
-    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
     t.fileUploaderFontSizeSmall,
     t.fileUploaderLineHeightSmall,
     t.inputIconSizeSmall,
@@ -285,7 +248,7 @@ var styles = {
 
   },
   iconMedium: function iconMedium(t) {
-    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
     t.fileUploaderFontSizeMedium,
     t.fileUploaderLineHeightMedium,
     t.inputIconSizeMedium,
@@ -294,7 +257,7 @@ var styles = {
 
   },
   iconLarge: function iconLarge(t) {
-    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
     t.fileUploaderFontSizeLarge,
     t.fileUploaderLineHeightLarge,
     t.inputIconSizeLarge,

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

@@ -1 +1 @@
-{"version":3,"sources":["FileUploader.styles.ts"],"names":["globalClasses","afterLinkText","styles","calcPulse","t","keyframes","ColorFunctions","fade","inputBlinkColor","pulse","root","bg","fileUploaderBg","css","fileUploaderLineHeight","fileUploaderFontSize","fileUploaderTextColorDefault","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingY","fileUploaderPaddingX","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","borderColorFocus","windowDragOver","windowDragOver2022","content","contentWithFiles","contentInnerSmall","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","inputIconSizeLarge","fileUploaderIconGapLarge","fileInput","fileUploaderAfterLinkColor","afterLinkText_HasFiles","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","fileUploaderHoveredBorderColor","linkHovered","fileUploaderLinkHoverTextDecoration","disabled","bc","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","icon","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkDisabled","fileUploaderDisabledLinkColor","singleFile","sizeSmall","fileUploaderFontSizeSmall","fileUploaderLineHeightSmall","fileUploaderPaddingXSmall","fileUploaderPaddingYSmall","sizeMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","iconSmall","iconMedium","iconLarge","jsStyles"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins';\n\nexport const globalClasses = prefix('file-uploader')({\n  afterLinkText: 'after-link-text',\n});\n\nconst styles = {\n  calcPulse(t: Theme) {\n    return keyframes`\n      0% {\n        box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.6)};\n      }\n      95% {\n        box-shadow: 0 0 0 10px ${ColorFunctions.fade(t.inputBlinkColor, 0.1)};\n      }\n      100% {\n        box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.0)};\n      }\n    `;\n  },\n  pulse() {\n    return keyframes`\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0);\n        }\n      `;\n  },\n\n  root(t: Theme) {\n    const bg = isTheme2022(t) ? '' : `background-color: ${t.fileUploaderBg}`;\n    return css`\n      display: inline-block;\n      position: relative;\n      ${bg};\n      line-height: ${t.fileUploaderLineHeight};\n      font-size: ${t.fileUploaderFontSize};\n      color: ${t.fileUploaderTextColorDefault};\n    `;\n  },\n\n  uploadButton(t: Theme) {\n    const bg = isTheme2022(t) ? `background-color: ${t.fileUploaderBg}` : '';\n    return css`\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n      box-sizing: border-box;\n      border-radius: ${t.fileUploaderBorderRadius};\n      outline: none;\n      cursor: pointer;\n      padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n      transition: box-shadow 0.3s ease;\n      ${bg};\n    `;\n  },\n\n  uploadButtonFocus(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n    `;\n  },\n\n  dragOver(t: Theme) {\n    return css`\n      border: 1px solid ${t.borderColorFocus};\n      border-radius: ${t.fileUploaderBorderRadius};\n      box-shadow: 0px 0px 0px 3px rgb(149, 149, 149), 0px 0px 0px 8px rgba(61, 61, 61, 0.2);\n    `;\n  },\n\n  windowDragOver(t: Theme) {\n    return css`\n      border-radius: ${t.fileUploaderBorderRadius};\n      animation: ${styles.pulse()} 1.5s infinite;\n    `;\n  },\n\n  windowDragOver2022(t: Theme) {\n    return css`\n      border-radius: ${t.fileUploaderBorderRadius};\n      animation: ${styles.calcPulse(t)} 1.5s infinite;\n    `;\n  },\n\n  content() {\n    return css`\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `;\n  },\n\n  contentWithFiles() {\n    return css`\n      display: flex;\n      align-items: center;\n    `;\n  },\n\n  contentInnerSmall(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n    `;\n  },\n\n  contentInnerMedium(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n    `;\n  },\n\n  contentInnerLarge(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n    `;\n  },\n\n  fileInput() {\n    return css`\n      width: 0;\n      height: 0;\n    `;\n  },\n\n  afterLinkText(t: Theme) {\n    return css`\n      display: inline;\n      color: ${t.fileUploaderAfterLinkColor};\n    `;\n  },\n\n  afterLinkText_HasFiles(t: Theme) {\n    return css`\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n      color: ${t.fileUploaderAfterLinkColor};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n    `;\n  },\n\n  hovered(t: Theme) {\n    return css`\n      background: ${t.fileUploaderHoveredBg};\n      border-color: ${t.fileUploaderHoveredBorderColor};\n    `;\n  },\n\n  linkHovered(t: Theme) {\n    return css`\n      text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n    `;\n  },\n\n  disabled(t: Theme) {\n    const bc = isTheme2022(t) ? 'background-clip: padding-box' : '';\n    return css`\n      cursor: default;\n      background: ${t.fileUploaderDisabledBg};\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderDisabledBorderColor};\n      color: ${t.fileUploaderDisabledTextColor};\n      box-shadow: none;\n      ${bc};\n\n      .${globalClasses.afterLinkText} {\n        color: ${t.fileUploaderDisabledTextColor};\n      }\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      color: ${t.fileUploaderIconColor};\n      text-align: right;\n    `;\n  },\n\n  iconDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledIconColor};\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      outline: none;\n      text-decoration: none;\n      color: ${t.fileUploaderLinkColor};\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledLinkColor};\n      &:hover {\n        text-decoration: none;\n      }\n    `;\n  },\n\n  singleFile() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeSmall,\n        t.fileUploaderLineHeightSmall,\n        t.fileUploaderPaddingXSmall,\n        t.fileUploaderPaddingYSmall,\n      )};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeMedium,\n        t.fileUploaderLineHeightMedium,\n        t.fileUploaderPaddingXMedium,\n        t.fileUploaderPaddingYMedium,\n      )};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeLarge,\n        t.fileUploaderLineHeightLarge,\n        t.fileUploaderPaddingXLarge,\n        t.fileUploaderPaddingYLarge,\n      )};\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n      line-height: ${t.fileUploaderLineHeightSmall};\n      width: ${t.inputIconSizeSmall};\n      bottom: ${t.fileUploaderPaddingYSmall};\n      right: ${t.fileUploaderPaddingXSmall};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n      line-height: ${t.fileUploaderLineHeightMedium};\n      width: ${t.inputIconSizeMedium};\n      bottom: ${t.fileUploaderPaddingYMedium};\n      right: ${t.fileUploaderPaddingXMedium};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n      line-height: ${t.fileUploaderLineHeightLarge};\n      width: ${t.inputIconSizeLarge};\n      bottom: ${t.fileUploaderPaddingYLarge};\n      right: ${t.fileUploaderPaddingXLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["FileUploader.styles.ts"],"names":["styles","pulse","keyframes","root","t","css","fileUploaderBg","fileUploaderLineHeight","fileUploaderFontSize","fileUploaderTextColorDefault","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingY","fileUploaderPaddingX","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","windowDragOver","content","contentWithFiles","contentInnerSmall","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","inputIconSizeLarge","fileUploaderIconGapLarge","fileInput","afterLinkText","afterLinkText_HasFiles","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","linkHovered","fileUploaderLinkHoverTextDecoration","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","icon","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkDisabled","fileUploaderDisabledLinkColor","singleFile","sizeSmall","fileUploaderFontSizeSmall","fileUploaderLineHeightSmall","fileUploaderPaddingXSmall","fileUploaderPaddingYSmall","sizeMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","iconSmall","iconMedium","iconLarge","jsStyles"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins';\n\nconst styles = {\n  pulse() {\n    return keyframes`\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0);\n        }\n      `;\n  },\n\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      position: relative;\n      background-color: ${t.fileUploaderBg};\n      line-height: ${t.fileUploaderLineHeight};\n      font-size: ${t.fileUploaderFontSize};\n      color: ${t.fileUploaderTextColorDefault};\n      position: relative;\n    `;\n  },\n\n  uploadButton(t: Theme) {\n    return css`\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n      box-sizing: border-box;\n      border-radius: ${t.fileUploaderBorderRadius};\n      outline: none;\n      cursor: pointer;\n      padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n      transition: box-shadow 0.3s ease;\n    `;\n  },\n\n  uploadButtonFocus(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n    `;\n  },\n\n  dragOver(t: Theme) {\n    return css`\n      border: 1px solid #2da4f9;\n      border-radius: ${t.fileUploaderBorderRadius};\n      box-shadow: 0px 0px 0px 3px #2da4f9, 0px 0px 0px 8px rgba(45, 164, 249, 0.35);\n    `;\n  },\n\n  windowDragOver(t: Theme) {\n    return css`\n      border-radius: ${t.fileUploaderBorderRadius};\n      animation: ${styles.pulse()} 1.5s infinite;\n    `;\n  },\n\n  content() {\n    return css`\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `;\n  },\n\n  contentWithFiles() {\n    return css`\n      display: flex;\n      align-items: center;\n    `;\n  },\n\n  contentInnerSmall(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n    `;\n  },\n\n  contentInnerMedium(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n    `;\n  },\n\n  contentInnerLarge(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n    `;\n  },\n\n  fileInput() {\n    return css`\n      width: 0;\n      height: 0;\n    `;\n  },\n\n  afterLinkText() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  afterLinkText_HasFiles() {\n    return css`\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n    `;\n  },\n\n  hovered(t: Theme) {\n    return css`\n      background: ${t.fileUploaderHoveredBg};\n    `;\n  },\n\n  linkHovered(t: Theme) {\n    return css`\n      text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      cursor: default;\n      background: ${t.fileUploaderDisabledBg};\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderDisabledBorderColor};\n      color: ${t.fileUploaderDisabledTextColor};\n      box-shadow: none;\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      color: ${t.fileUploaderIconColor};\n      text-align: right;\n    `;\n  },\n\n  iconDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledIconColor};\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      outline: none;\n      text-decoration: none;\n      color: ${t.fileUploaderLinkColor};\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledLinkColor};\n      &:hover {\n        text-decoration: none;\n      }\n    `;\n  },\n\n  singleFile() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeSmall,\n        t.fileUploaderLineHeightSmall,\n        t.fileUploaderPaddingXSmall,\n        t.fileUploaderPaddingYSmall,\n      )};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeMedium,\n        t.fileUploaderLineHeightMedium,\n        t.fileUploaderPaddingXMedium,\n        t.fileUploaderPaddingYMedium,\n      )};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeLarge,\n        t.fileUploaderLineHeightLarge,\n        t.fileUploaderPaddingXLarge,\n        t.fileUploaderPaddingYLarge,\n      )};\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n      line-height: ${t.fileUploaderLineHeightSmall};\n      width: ${t.inputIconSizeSmall};\n      bottom: ${t.fileUploaderPaddingYSmall};\n      right: ${t.fileUploaderPaddingXSmall};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n      line-height: ${t.fileUploaderLineHeightMedium};\n      width: ${t.inputIconSizeMedium};\n      bottom: ${t.fileUploaderPaddingYMedium};\n      right: ${t.fileUploaderPaddingXMedium};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n      line-height: ${t.fileUploaderLineHeightLarge};\n      width: ${t.inputIconSizeLarge};\n      bottom: ${t.fileUploaderPaddingYLarge};\n      right: ${t.fileUploaderPaddingXLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/components/FxInput/FxInput.d.ts

@@ -22,9 +22,6 @@ export interface FxInputProps extends CommonProps, Override<CurrencyInputProps,
     hideTrailingZeros?: boolean;
 }> {
 }
-export declare const FxInputDataTids: {
-    readonly root: "FxInput__root";
-};
 declare type DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;
 declare type DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;
 /** Принимает все свойства `Input`'a */
@@ -35,7 +32,6 @@ export declare class FxInput extends React.Component<FxInputProps> {
         type: PropTypes.Requireable<string>;
     };
     static defaultProps: DefaultProps;
-    private theme;
     private input;
     private getProps;
     private setRootNode;

package/cjs/components/FxInput/FxInput.js

@@ -1,8 +1,9 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.FxInputDataTids = exports.FxInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.FxInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _Button = require("../Button");
 var _Group = require("../Group");
 var _Input = require("../Input");
 var _CurrencyInput = require("../CurrencyInput");
@@ -10,13 +11,9 @@ var _createPropsGetter = require("../../lib/createPropsGetter");
 
 var _px = require("../../internal/icons/16px");
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _rootNode = require("../../lib/rootNode");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _rootNode = require("../../lib/rootNode");var _excluded = ["type", "onRestore", "auto", "refInput", "value", "width"];var _class, _class2, _temp;
 
 
-var _MathFunctionIcon = require("./MathFunctionIcon");
-var _FxInputRestoreBtn = require("./FxInputRestoreBtn");var _excluded = ["type", "onRestore", "auto", "refInput", "value", "width"];var _class, _class2, _temp;
 
 
 
@@ -37,12 +34,6 @@ var _FxInputRestoreBtn = require("./FxInputRestoreBtn");var _excluded = ["type",
 
 
 
-
-
-
-var FxInputDataTids = {
-  root: 'FxInput__root' };exports.FxInputDataTids = FxInputDataTids;
-
 
 
 
@@ -63,7 +54,6 @@ FxInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
 
 
 
-
     input = null;_this.
 
     getProps = (0, _createPropsGetter.createPropsGetter)(FxInput.defaultProps);_this.
@@ -77,13 +67,6 @@ FxInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
 
 
 
-
-
-
-
-
-
-
     renderMain = function (props) {
       var type = props.type,onRestore = props.onRestore,auto = props.auto,refInput = props.refInput,value = props.value,width = props.width,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
       var inputProps = {
@@ -91,42 +74,30 @@ FxInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
 
 
       var button = null;
-      var inputCorners;
-      var IconFunction = /*#__PURE__*/_react.default.createElement(_px.FunctionIcon, null);
-
-      if ((0, _ThemeHelpers.isTheme2022)(_this.theme)) {
-        inputCorners = auto ? {} : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0 };
-        var iconSizes = {
-          small: parseInt(_this.theme.inputIconSizeSmall),
-          medium: parseInt(_this.theme.inputIconSizeMedium),
-          large: parseInt(_this.theme.inputIconSizeLarge) };
-
-        var size = _this.props.size || _Input.Input.defaultProps.size;
-        IconFunction = /*#__PURE__*/_react.default.createElement(_MathFunctionIcon.MathFunctionIcon, { size: iconSizes[size] });
-      }
 
       if (auto) {
-        inputProps.leftIcon = IconFunction;
+        inputProps.leftIcon = /*#__PURE__*/_react.default.createElement(_px.FunctionIcon, null);
       } else {
         button = /*#__PURE__*/
-        _react.default.createElement(_FxInputRestoreBtn.FxInputRestoreBtn, {
-          size: rest.size,
-          onRestore: onRestore,
-          disabled: rest.disabled,
-          borderless: rest.borderless });
+        _react.default.createElement(_Button.Button, {
+          size: _this.props.size,
+          narrow: true,
+          onClick: _this.props.onRestore,
+          borderless: _this.props.borderless,
+          disabled: _this.props.disabled }, /*#__PURE__*/
+
+        _react.default.createElement(_px.UndoIcon, null));
 
 
       }
 
       return /*#__PURE__*/(
-        _react.default.createElement(_Group.Group, { "data-tid": FxInputDataTids.root, width: width },
+        _react.default.createElement(_Group.Group, { width: width },
         button,
         type === 'currency' ? /*#__PURE__*/
         _react.default.createElement(_CurrencyInput.CurrencyInput, (0, _extends2.default)({},
         inputProps,
         rest, {
-          corners: inputCorners,
-          size: _this.props.size,
           width: '100%',
           ref: _this.refInput,
           value: value,
@@ -136,8 +107,6 @@ FxInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
         _react.default.createElement(_Input.Input, (0, _extends2.default)({},
         inputProps,
         rest, {
-          corners: inputCorners,
-          size: _this.props.size,
           width: '100%',
           ref: _this.refInput,
           type: type,
@@ -173,4 +142,4 @@ FxInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
       if (_this.props.refInput) {
         _this.props.refInput(_this.input);
       }
-    };return _this;}var _proto = FxInput.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});};return FxInput;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'FxInput', _class2.propTypes = { auto: _propTypes.default.bool, type: _propTypes.default.string }, _class2.defaultProps = { width: 250, type: 'text', value: '' }, _temp)) || _class;exports.FxInput = FxInput;
+    };return _this;}var _proto = FxInput.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.getProps()), this.renderMain);};return FxInput;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'FxInput', _class2.propTypes = { auto: _propTypes.default.bool, type: _propTypes.default.string }, _class2.defaultProps = { width: 250, type: 'text', value: '' }, _temp)) || _class;exports.FxInput = FxInput;

package/cjs/components/FxInput/FxInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FxInput.tsx"],"names":["FxInputDataTids","root","FxInput","rootNode","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","inputProps","align","button","inputCorners","IconFunction","theme","borderBottomLeftRadius","borderTopLeftRadius","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","size","Input","leftIcon","disabled","borderless","onValueChange","focus","blur","element","render","setRootNode","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Group } from '../Group';\nimport { Input, InputProps, InputSize } from '../Input';\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { Override } from '../../typings/utility-types';\nimport { FunctionIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { MathFunctionIcon } from './MathFunctionIcon';\nimport { FxInputRestoreBtn } from './FxInputRestoreBtn';\n\nexport interface FxInputProps\n  extends CommonProps,\n    Override<\n      CurrencyInputProps,\n      {\n        /** Авто-режим */\n        auto?: boolean;\n        /** Тип инпута */\n        type?: 'currency' | InputProps['type'];\n        /** onRestore */\n        onRestore?: () => void;\n        /** onValueChange */\n        onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\n        /** Значение */\n        value?: React.ReactText;\n        /** ref Input'а */\n        refInput?: (element: CurrencyInput | Input | null) => void;\n        /** Убрать лишние нули после запятой */\n        hideTrailingZeros?: boolean;\n      }\n    > {}\n\nexport const FxInputDataTids = {\n  root: 'FxInput__root',\n} as const;\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/** Принимает все свойства `Input`'a */\n@rootNode\nexport class FxInput extends React.Component<FxInputProps> {\n  public static __KONTUR_REACT_UI__ = 'FxInput';\n\n  public static propTypes = {\n    auto: PropTypes.bool,\n    type: PropTypes.string,\n  };\n\n  public static defaultProps: DefaultProps = {\n    width: 250,\n    type: 'text',\n    value: '',\n  };\n\n  private theme!: Theme;\n  private input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n    const { type, onRestore, auto, refInput, value, width, ...rest } = props;\n    const inputProps: Partial<CurrencyInputProps> = {\n      align: 'right',\n    };\n\n    let button = null;\n    let inputCorners: InputProps['corners'];\n    let IconFunction = <FunctionIcon />;\n\n    if (isTheme2022(this.theme)) {\n      inputCorners = auto ? {} : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0 };\n      const iconSizes: Record<InputSize, number> = {\n        small: parseInt(this.theme.inputIconSizeSmall),\n        medium: parseInt(this.theme.inputIconSizeMedium),\n        large: parseInt(this.theme.inputIconSizeLarge),\n      };\n      const size = this.props.size || Input.defaultProps.size;\n      IconFunction = <MathFunctionIcon size={iconSizes[size]} />;\n    }\n\n    if (auto) {\n      inputProps.leftIcon = IconFunction;\n    } else {\n      button = (\n        <FxInputRestoreBtn\n          size={rest.size}\n          onRestore={onRestore}\n          disabled={rest.disabled}\n          borderless={rest.borderless}\n        />\n      );\n    }\n\n    return (\n      <Group data-tid={FxInputDataTids.root} width={width}>\n        {button}\n        {type === 'currency' ? (\n          <CurrencyInput\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            value={value as CurrencyInputProps['value']}\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n          />\n        ) : (\n          <Input\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            type={type}\n            value={value as InputProps['value']}\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n          />\n        )}\n      </Group>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private refInput = (element: Input | CurrencyInput | null) => {\n    this.input = element;\n\n    if (this.props.refInput) {\n      this.props.refInput(this.input);\n    }\n  };\n}\n"]}
+{"version":3,"sources":["FxInput.tsx"],"names":["FxInput","rootNode","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","inputProps","align","button","leftIcon","size","borderless","disabled","onValueChange","focus","blur","element","render","setRootNode","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Button } from '../Button';\nimport { Group } from '../Group';\nimport { Input, InputProps } from '../Input';\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { Override } from '../../typings/utility-types';\nimport { FunctionIcon, UndoIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nexport interface FxInputProps\n  extends CommonProps,\n    Override<\n      CurrencyInputProps,\n      {\n        /** Авто-режим */\n        auto?: boolean;\n        /** Тип инпута */\n        type?: 'currency' | InputProps['type'];\n        /** onRestore */\n        onRestore?: () => void;\n        /** onValueChange */\n        onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\n        /** Значение */\n        value?: React.ReactText;\n        /** ref Input'а */\n        refInput?: (element: CurrencyInput | Input | null) => void;\n        /** Убрать лишние нули после запятой */\n        hideTrailingZeros?: boolean;\n      }\n    > {}\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/** Принимает все свойства `Input`'a */\n@rootNode\nexport class FxInput extends React.Component<FxInputProps> {\n  public static __KONTUR_REACT_UI__ = 'FxInput';\n\n  public static propTypes = {\n    auto: PropTypes.bool,\n    type: PropTypes.string,\n  };\n\n  public static defaultProps: DefaultProps = {\n    width: 250,\n    type: 'text',\n    value: '',\n  };\n\n  private input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n    const { type, onRestore, auto, refInput, value, width, ...rest } = props;\n    const inputProps: Partial<CurrencyInputProps> = {\n      align: 'right',\n    };\n\n    let button = null;\n\n    if (auto) {\n      inputProps.leftIcon = <FunctionIcon />;\n    } else {\n      button = (\n        <Button\n          size={this.props.size}\n          narrow\n          onClick={this.props.onRestore}\n          borderless={this.props.borderless}\n          disabled={this.props.disabled}\n        >\n          <UndoIcon />\n        </Button>\n      );\n    }\n\n    return (\n      <Group width={width}>\n        {button}\n        {type === 'currency' ? (\n          <CurrencyInput\n            {...inputProps}\n            {...rest}\n            width={'100%'}\n            ref={this.refInput}\n            value={value as CurrencyInputProps['value']}\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n          />\n        ) : (\n          <Input\n            {...inputProps}\n            {...rest}\n            width={'100%'}\n            ref={this.refInput}\n            type={type}\n            value={value as InputProps['value']}\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n          />\n        )}\n      </Group>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private refInput = (element: Input | CurrencyInput | null) => {\n    this.input = element;\n\n    if (this.props.refInput) {\n      this.props.refInput(this.input);\n    }\n  };\n}\n"]}

package/cjs/components/Gapped/Gapped.d.ts

@@ -24,10 +24,6 @@ export interface GappedProps extends CommonProps {
     wrap?: boolean;
     children: React.ReactNode;
 }
-export declare const GappedDataTids: {
-    readonly vertical: "Gapped__vertical";
-    readonly horizontal: "Gapped__horizontal";
-};
 declare type DefaultProps = Required<Pick<GappedProps, 'wrap' | 'vertical' | 'verticalAlign'>>;
 /**
  * Контейнер, расстояние между элементами в котором равно `gap`.

package/cjs/components/Gapped/Gapped.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.GappedDataTids = exports.Gapped = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Gapped = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../../lib/utils");
@@ -28,11 +28,6 @@ var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _cla
 
 
 
-
-
-var GappedDataTids = {
-  vertical: 'Gapped__vertical',
-  horizontal: 'Gapped__horizontal' };exports.GappedDataTids = GappedDataTids;
 
 
 
@@ -104,7 +99,7 @@ Gapped = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
 
     });
 
-    return /*#__PURE__*/_react.default.createElement("div", { "data-tid": GappedDataTids.vertical }, children);
+    return /*#__PURE__*/_react.default.createElement("div", null, children);
   };_proto.
 
   renderHorizontal = function renderHorizontal() {
@@ -120,7 +115,7 @@ Gapped = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
     var contStyle = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };
 
     return /*#__PURE__*/(
-      _react.default.createElement("div", { "data-tid": GappedDataTids.horizontal, style: rootStyle }, /*#__PURE__*/
+      _react.default.createElement("div", { style: rootStyle }, /*#__PURE__*/
       _react.default.createElement("div", { style: contStyle },
       _react.default.Children.toArray(children).
       filter(this.filterChildren).