@skbkontur/react-ui 0.0.0-2ac4c133dd → 0.0.0-2d059f9369

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

@@ -1,9 +1,29 @@
-"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, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
+"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");
+
+var ColorFunctions = _interopRequireWildcard(require("../../lib/styles/ColorFunctions"));
+
+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 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)(_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      "])));
+    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      "])));
 
 
 
@@ -23,19 +43,18 @@ var styles = {
   },
 
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      min-width: 285px;\n      position: relative;\n      background-color: ", ";\n      line-height: ", ";\n      font-size: ", ";\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: relative;\n      line-height: ", ";\n      font-size: ", ";\n      color: ", ";\n      background-color: ", ";\n    "])),
 
 
-
-    t.fileUploaderBg,
     t.fileUploaderLineHeight,
     t.fileUploaderFontSize,
-    t.fileUploaderTextColorDefault);
+    t.fileUploaderTextColorDefault,
+    t.fileUploaderBg);
 
   },
 
   uploadButton: function uploadButton(t) {
-    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    "])),
+    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: background-color ", " ", ",\n        border-color ", " ", ";\n      background-color: ", ";\n    "])),
 
 
 
@@ -45,117 +64,176 @@ var styles = {
     t.fileUploaderBorderRadius,
 
 
-    t.fileUploaderPaddingY, t.fileUploaderPaddingX);
-
+    t.fileUploaderPaddingY, t.fileUploaderPaddingX,
+    t.transitionDuration, t.transitionTimingFunction,
+    t.transitionDuration, t.transitionTimingFunction,
+    t.fileUploaderUploadButtonBg);
 
   },
 
   uploadButtonFocus: function uploadButtonFocus(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (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)(_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);
-
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 1px solid ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n    "])),
+    t.fileUploaderDragOverBorderColor,
+    t.fileUploaderBorderRadius,
+    t.fileUploaderDragOverShadow);
 
   },
 
   windowDragOver: function windowDragOver(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])),
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (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)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      width: 100%;\n      align-items: center;\n      height: 100%;\n    "])));
+    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    "])));
+
 
 
 
 
 
+
+  },
+
+  contentWithFiles: function contentWithFiles() {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: center;\n    "])));
+
+
+
   },
 
-  fileInput: function fileInput() {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 0;\n      height: 0;\n    "])));
+  contentInnerSmall: function contentInnerSmall(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (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    "])),
+    t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
+
+  },
 
+  contentInnerLarge: function contentInnerLarge(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+    t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
 
   },
 
-  afterLinkText: function afterLinkText() {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n    "])));
+  visuallyHidden: function visuallyHidden() {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      margin: -1px;\n      border: 0;\n      padding: 0;\n      white-space: nowrap;\n      clip-path: inset(100%);\n      clip: rect(0 0 0 0);\n      overflow: hidden;\n    "])));
+
+
+
+
+
+
+
 
 
 
 
+  },
+
+  afterLinkText: function afterLinkText(t) {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n      color: ", ";\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    "])),
+
+
+
+    t.fileUploaderAfterLinkColor);
+
   },
 
   warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (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)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (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)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
-    t.fileUploaderHoveredBg);
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-color: ", ";\n    "])),
+    t.fileUploaderHoveredBg,
+    t.fileUploaderHoveredBorderColor);
+
+  },
+
+  linkHovered: function linkHovered(t) {
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
+    t.fileUploaderLinkHoverTextDecoration);
 
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      background: ", ";\n      border: ", " solid ", ";\n      color: ", ";\n      box-shadow: none;\n    "])),
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      background: ", ";\n      border: ", ";\n      color: ", ";\n      box-shadow: none;\n      background-clip: ", ";\n\n      .", " {\n        color: ", ";\n      }\n    "])),
 
     t.fileUploaderDisabledBg,
-    t.fileUploaderBorderWidth, t.fileUploaderDisabledBorderColor,
+    t.fileUploaderDisabledBorder,
+    t.fileUploaderDisabledTextColor,
+
+    t.fileUploaderDisabledBgClip,
+
+    globalClasses.afterLinkText,
     t.fileUploaderDisabledTextColor);
 
 
   },
 
   icon: function icon(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      font-size: ", ";\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      color: ", ";\n      text-align: right;\n    "])),
+
 
-    t.fileUploaderIconSize,
     t.fileUploaderIconColor);
 
+
   },
 
   iconDisabled: function iconDisabled(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.fileUploaderDisabledIconColor);
 
   },
 
   link: function link(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])),
 
 
     t.fileUploaderLinkColor);
 
   },
 
-  linkHovered: function linkHovered(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
-    t.fileUploaderLinkHoverTextDecoration);
-
-  },
-
   linkDisabled: function linkDisabled(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])),
     t.fileUploaderDisabledLinkColor);
 
 
@@ -164,8 +242,69 @@ var styles = {
   },
 
   singleFile: function singleFile() {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
+
+
+  },
+
+  sizeSmall: function sizeSmall(t) {
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _FileUploader.fileUploaderSizeMixin)(
+    t.fileUploaderFontSizeSmall,
+    t.fileUploaderLineHeightSmall,
+    t.fileUploaderPaddingXSmall,
+    t.fileUploaderPaddingYSmall));
+
+
+  },
+
+  sizeMedium: function sizeMedium(t) {
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _FileUploader.fileUploaderSizeMixin)(
+    t.fileUploaderFontSizeMedium,
+    t.fileUploaderLineHeightMedium,
+    t.fileUploaderPaddingXMedium,
+    t.fileUploaderPaddingYMedium));
+
 
+  },
+
+  sizeLarge: function sizeLarge(t) {
+    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _FileUploader.fileUploaderSizeMixin)(
+    t.fileUploaderFontSizeLarge,
+    t.fileUploaderLineHeightLarge,
+    t.fileUploaderPaddingXLarge,
+    t.fileUploaderPaddingYLarge));
+
+
+  },
+
+  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    "])),
+    t.fileUploaderFontSizeSmall,
+    t.fileUploaderLineHeightSmall,
+    t.inputIconSizeSmall,
+    t.fileUploaderPaddingYSmall,
+    t.fileUploaderPaddingXSmall);
+
+  },
+  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    "])),
+    t.fileUploaderFontSizeMedium,
+    t.fileUploaderLineHeightMedium,
+    t.inputIconSizeMedium,
+    t.fileUploaderPaddingYMedium,
+    t.fileUploaderPaddingXMedium);
+
+  },
+  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    "])),
+    t.fileUploaderFontSizeLarge,
+    t.fileUploaderLineHeightLarge,
+    t.inputIconSizeLarge,
+    t.fileUploaderPaddingYLarge,
+    t.fileUploaderPaddingXLarge);
 
   } };
 

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

@@ -1 +1 @@
-{"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","fileInput","afterLinkText","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","icon","fileUploaderIconSize","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkHovered","fileUploaderLinkHoverTextDecoration","linkDisabled","fileUploaderDisabledLinkColor","singleFile","jsStyles"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\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      min-width: 285px;\n      position: relative;\n      background-color: ${t.fileUploaderBg};\n      line-height: ${t.fileUploaderLineHeight};\n      font-size: ${t.fileUploaderFontSize};\n      color: ${t.fileUploaderTextColorDefault};\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: flex;\n      width: 100%;\n      align-items: center;\n      height: 100%;\n    `;\n  },\n\n  fileInput() {\n    return css`\n      width: 0;\n      height: 0;\n    `;\n  },\n\n  afterLinkText() {\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  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      font-size: ${t.fileUploaderIconSize};\n      color: ${t.fileUploaderIconColor};\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  linkHovered(t: Theme) {\n    return css`\n      text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\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\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["FileUploader.styles.ts"],"names":["globalClasses","afterLinkText","styles","calcPulse","t","keyframes","ColorFunctions","fade","inputBlinkColor","pulse","root","css","fileUploaderLineHeight","fileUploaderFontSize","fileUploaderTextColorDefault","fileUploaderBg","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingY","fileUploaderPaddingX","transitionDuration","transitionTimingFunction","fileUploaderUploadButtonBg","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","fileUploaderDragOverBorderColor","fileUploaderDragOverShadow","windowDragOver","windowDragOver2022","content","contentWithFiles","contentInnerSmall","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","inputIconSizeLarge","fileUploaderIconGapLarge","visuallyHidden","fileUploaderAfterLinkColor","afterLinkText_HasFiles","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","fileUploaderHoveredBorderColor","linkHovered","fileUploaderLinkHoverTextDecoration","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorder","fileUploaderDisabledTextColor","fileUploaderDisabledBgClip","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';\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    return css`\n      display: inline-block;\n      position: relative;\n      line-height: ${t.fileUploaderLineHeight};\n      font-size: ${t.fileUploaderFontSize};\n      color: ${t.fileUploaderTextColorDefault};\n      background-color: ${t.fileUploaderBg};\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: background-color ${t.transitionDuration} ${t.transitionTimingFunction},\n        border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      background-color: ${t.fileUploaderUploadButtonBg};\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.fileUploaderDragOverBorderColor};\n      border-radius: ${t.fileUploaderBorderRadius};\n      box-shadow: ${t.fileUploaderDragOverShadow};\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  visuallyHidden() {\n    return css`\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      margin: -1px;\n      border: 0;\n      padding: 0;\n      white-space: nowrap;\n      clip-path: inset(100%);\n      clip: rect(0 0 0 0);\n      overflow: hidden;\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    return css`\n      cursor: default;\n      background: ${t.fileUploaderDisabledBg};\n      border: ${t.fileUploaderDisabledBorder};\n      color: ${t.fileUploaderDisabledTextColor};\n      box-shadow: none;\n      background-clip: ${t.fileUploaderDisabledBgClip};\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"]}

package/cjs/components/FileUploader/UploadIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const UploadIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/FileUploader/UploadIcon.js

@@ -0,0 +1,15 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.UploadIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+
+var _iconSizer = require("../../internal/icons2022/iconSizer");
+var _NetUploadIcon16Light = require("../../internal/icons2022/NetUploadIcon/NetUploadIcon16Light");
+var _NetUploadIcon20Light = require("../../internal/icons2022/NetUploadIcon/NetUploadIcon20Light");
+var _NetUploadIcon24Regular = require("../../internal/icons2022/NetUploadIcon/NetUploadIcon24Regular"); /* eslint-disable react/display-name */
+
+var UploadIcon = (0, _iconSizer.iconSizer)(
+{
+  small: function small() {return /*#__PURE__*/_react.default.createElement(_NetUploadIcon16Light.NetUploadIcon16Light, null);},
+  medium: function medium() {return /*#__PURE__*/_react.default.createElement(_NetUploadIcon20Light.NetUploadIcon20Light, null);},
+  large: function large() {return /*#__PURE__*/_react.default.createElement(_NetUploadIcon24Regular.NetUploadIcon24Regular, null);} },
+
+'UploadIcon');exports.UploadIcon = UploadIcon;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["UploadIcon.tsx"],"names":["UploadIcon","small","medium","large"],"mappings":";AACA;;AAEA;AACA;AACA;AACA,uG,CANA;;AAQO,IAAMA,UAAU,GAAG;AACxB;AACEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,0CAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,6BAAC,0CAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,8CAAD,OAAN,EAHT,EADwB;;AAMxB,YANwB,CAAnB,C","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { NetUploadIcon16Light } from '../../internal/icons2022/NetUploadIcon/NetUploadIcon16Light';\nimport { NetUploadIcon20Light } from '../../internal/icons2022/NetUploadIcon/NetUploadIcon20Light';\nimport { NetUploadIcon24Regular } from '../../internal/icons2022/NetUploadIcon/NetUploadIcon24Regular';\n\nexport const UploadIcon = iconSizer(\n  {\n    small: () => <NetUploadIcon16Light />,\n    medium: () => <NetUploadIcon20Light />,\n    large: () => <NetUploadIcon24Regular />,\n  },\n  'UploadIcon',\n);\n"]}

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

@@ -1,10 +1,11 @@
-import React from 'react';
+import React, { AriaAttributes } from 'react';
 import PropTypes from 'prop-types';
 import { Input, InputProps } from '../Input';
 import { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';
+import { DefaultizedProps } from '../../lib/createPropsGetter';
 import { Override } from '../../typings/utility-types';
 import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-export interface FxInputProps extends CommonProps, Override<CurrencyInputProps, {
+export interface FxInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<CurrencyInputProps, {
     /** Авто-режим */
     auto?: boolean;
     /** Тип инпута */
@@ -19,11 +20,15 @@ export interface FxInputProps extends CommonProps, Override<CurrencyInputProps,
     refInput?: (element: CurrencyInput | Input | null) => void;
     /** Убрать лишние нули после запятой */
     hideTrailingZeros?: boolean;
+    /** Позвоялет задать атрибут aria-label кнопке восстановления (restore button) */
+    buttonAriaLabel?: AriaAttributes['aria-label'];
 }> {
 }
 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 */
 export declare class FxInput extends React.Component<FxInputProps> {
     static __KONTUR_REACT_UI__: string;
@@ -31,16 +36,13 @@ export declare class FxInput extends React.Component<FxInputProps> {
         auto: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
     };
-    static defaultProps: {
-        width: number;
-        type: string;
-        value: string;
-    };
+    static defaultProps: DefaultProps;
+    private theme;
     private input;
     private getProps;
     private setRootNode;
     render(): JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<FxInputProps>) => JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => JSX.Element;
     /**
      * @public
      */
@@ -51,3 +53,4 @@ export declare class FxInput extends React.Component<FxInputProps> {
     blur: () => void;
     private refInput;
 }
+export {};

package/cjs/components/FxInput/FxInput.js

@@ -1,7 +1,8 @@
-"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"));var _react = _interopRequireDefault(require("react"));
+"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"));
+
+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");
@@ -9,7 +10,17 @@ var _createPropsGetter = require("../../lib/createPropsGetter");
 
 var _px = require("../../internal/icons/16px");
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _rootNode = require("../../lib/rootNode");var _excluded = ["type", "onRestore", "auto", "refInput"];var _class, _class2, _temp;
+var _rootNode = require("../../lib/rootNode");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
+
+
+var _MathFunctionIcon = require("./MathFunctionIcon");
+var _FxInputRestoreBtn = require("./FxInputRestoreBtn");var _excluded = ["type", "onRestore", "auto", "refInput", "value", "width"];var _class, _class2, _temp;
+
+
+
 
 
 
@@ -34,10 +45,13 @@ var _rootNode = require("../../lib/rootNode");var _excluded = ["type", "onRestor
 
 
 var FxInputDataTids = {
-  root: 'FxInput__root' };
+  root: 'FxInput__root' };exports.FxInputDataTids = FxInputDataTids;
+
+
 
 
-/** Принимает все свойства `Input`'a */exports.FxInputDataTids = FxInputDataTids;var
+
+/** Принимает все свойства `Input`'a */var
 
 FxInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(FxInput, _React$Component);function FxInput() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
@@ -53,6 +67,7 @@ FxInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
 
 
 
+
     input = null;_this.
 
     getProps = (0, _createPropsGetter.createPropsGetter)(FxInput.defaultProps);_this.
@@ -66,50 +81,72 @@ 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,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      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 = {
         align: 'right' };
 
 
       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 = /*#__PURE__*/_react.default.createElement(_px.FunctionIcon, null);
+        inputProps.leftIcon = IconFunction;
       } else {
         button = /*#__PURE__*/
-        _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));
+        _react.default.createElement(_FxInputRestoreBtn.FxInputRestoreBtn, {
+          size: rest.size,
+          onRestore: onRestore,
+          disabled: rest.disabled,
+          borderless: rest.borderless,
+          "aria-label": props.buttonAriaLabel });
 
 
       }
 
       return /*#__PURE__*/(
-        _react.default.createElement(_Group.Group, { "data-tid": FxInputDataTids.root, width: _this.props.width },
+        _react.default.createElement(_Group.Group, { "data-tid": FxInputDataTids.root, width: width },
         button,
-        _this.getProps().type === 'currency' ? /*#__PURE__*/
+        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: _this.props.value,
+          value: value,
           onValueChange: _this.props.onValueChange })) : /*#__PURE__*/
 
 
         _react.default.createElement(_Input.Input, (0, _extends2.default)({},
         inputProps,
         rest, {
+          corners: inputCorners,
+          size: _this.props.size,
           width: '100%',
           ref: _this.refInput,
-          type: _this.props.type,
-          value: _this.props.value,
+          type: type,
+          value: value,
           onValueChange: _this.props.onValueChange }))));
 
 
@@ -141,4 +178,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() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), 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;
+    };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;