@skbkontur/react-ui 0.0.0-69a6fa606f → 0.0.0-6fbd9fadb2

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

@@ -1,173 +1,311 @@
-"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").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.globalClasses = exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
+var _Emotion = require("../../lib/theming/Emotion");
 
-var styles = {
-  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      "])));
+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;
 
+var globalClasses = (0, _Emotion.prefix)('file-uploader')({
+  afterLinkText: 'after-link-text' });exports.globalClasses = globalClasses;
 
 
+var getStyles = function getStyles(emotion) {
+  return (0, _Emotion.memoizeStyle)({
+    calcPulse: function calcPulse(t) {
+      return 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 emotion.keyframes(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        0% {\n          box-shadow: 0px 0px 0px 0px #2DA4F9,\n          0px 0px 0px 1px rgba(45, 164, 249, 0.7);\n        }\n        95% {\n          box-shadow: 0px 0px 0px 0px #2DA4F9,\n          0px 0px 0px 10px rgba(45, 164, 249, 0);\n        }\n        100% {\n          box-shadow: 0px 0px 0px 0px #2DA4F9,\n          0px 0px 0px 1px rgba(45, 164, 249, 0);\n        }\n      "])));
 
 
 
 
 
-  },
 
-  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    "])),
 
 
 
-    t.fileUploaderBg,
-    t.fileUploaderLineHeight,
-    t.fileUploaderFontSize,
-    t.fileUploaderTextColorDefault);
 
-  },
 
-  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    "])),
 
 
+    },
 
+    root: function root(t) {
+      return 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.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor,
 
-    t.fileUploaderBorderRadius,
+      t.fileUploaderLineHeight,
+      t.fileUploaderFontSize,
+      t.fileUploaderTextColorDefault,
+      t.fileUploaderBg);
 
+    },
 
-    t.fileUploaderPaddingY, t.fileUploaderPaddingX);
+    uploadButton: function uploadButton(t) {
+      return 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    "])),
 
 
-  },
 
-  uploadButtonFocus: function uploadButtonFocus(t) {
-    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);
 
-  },
+      t.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor,
 
-  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,
 
-    t.fileUploaderBorderRadius);
 
+      t.fileUploaderPaddingY, t.fileUploaderPaddingX,
+      t.transitionDuration, t.transitionTimingFunction,
+      t.transitionDuration, t.transitionTimingFunction,
+      t.fileUploaderUploadButtonBg);
 
-  },
+    },
 
-  windowDragOver: function windowDragOver(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])),
-    t.fileUploaderBorderRadius,
-    styles.pulse());
+    uploadButtonFocus: function uploadButtonFocus(t) {
+      return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+      t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus,
+      t.fileUploaderBorderColorFocus);
 
-  },
+    },
 
-  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    "])));
+    dragOver: function dragOver(t) {
+      return 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 emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])),
+      t.fileUploaderBorderRadius,
+      this.pulse(t));
 
+    },
 
+    windowDragOver2022: function windowDragOver2022(t) {
+      return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])),
+      t.fileUploaderBorderRadius,
+      this.calcPulse(t));
 
-  },
+    },
 
-  fileInput: function fileInput() {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 0;\n      height: 0;\n    "])));
+    content: function content() {
+      return 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    "])));
 
 
 
-  },
 
-  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    "])));
 
 
 
+    },
 
-  },
+    contentWithFiles: function contentWithFiles() {
+      return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: center;\n    "])));
 
-  warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (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    "])),
-    t.fileUploaderBorderWidth, t.fileUploaderBorderColorError,
-    t.fileUploaderBorderColorError);
+    },
 
-  },
+    contentInnerSmall: function contentInnerSmall(t) {
+      return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+      t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
 
-  hovered: function hovered(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
-    t.fileUploaderHoveredBg);
+    },
 
-  },
+    contentInnerMedium: function contentInnerMedium(t) {
+      return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+      t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
 
-  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    "])),
+    },
 
-    t.fileUploaderDisabledBg,
-    t.fileUploaderBorderWidth, t.fileUploaderDisabledBorderColor,
-    t.fileUploaderDisabledTextColor);
+    contentInnerLarge: function contentInnerLarge(t) {
+      return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+      t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
 
+    },
 
-  },
+    visuallyHidden: function visuallyHidden() {
+      return 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    "])));
 
-  icon: function icon(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      font-size: ", ";\n      color: ", ";\n    "])),
 
-    t.fileUploaderIconSize,
-    t.fileUploaderIconColor);
 
-  },
 
-  iconDisabled: function iconDisabled(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (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    "])),
 
 
-    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    "])),
-    t.fileUploaderDisabledLinkColor);
+    afterLinkText: function afterLinkText(t) {
+      return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n      color: ", ";\n    "])),
 
+      t.fileUploaderAfterLinkColor);
 
+    },
 
+    afterLinkText_HasFiles: function afterLinkText_HasFiles(t) {
+      return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n      color: ", ";\n    "])),
 
-  },
 
-  singleFile: function singleFile() {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
 
+      t.fileUploaderAfterLinkColor);
 
-  } };
+    },
 
+    warning: function warning(t) {
+      return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+      t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning,
+      t.fileUploaderBorderColorWarning);
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+    },
+
+    error: function error(t) {
+      return 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 emotion.css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-color: ", ";\n    "])),
+      t.fileUploaderHoveredBg,
+      t.fileUploaderHoveredBorderColor);
+
+    },
+
+    linkHovered: function linkHovered(t) {
+      return emotion.css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
+      t.fileUploaderLinkHoverTextDecoration);
+
+    },
+
+    disabled: function disabled(t) {
+      return 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.fileUploaderDisabledBorder,
+      t.fileUploaderDisabledTextColor,
+
+      t.fileUploaderDisabledBgClip,
+
+      globalClasses.afterLinkText,
+      t.fileUploaderDisabledTextColor);
+
+
+    },
+
+    icon: function icon(t) {
+      return emotion.css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      color: ", ";\n      text-align: right;\n    "])),
+
+
+      t.fileUploaderIconColor);
+
+
+    },
+
+    iconDisabled: function iconDisabled(t) {
+      return emotion.css(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+      t.fileUploaderDisabledIconColor);
+
+    },
+
+    link: function link(t) {
+      return emotion.css(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])),
+
+
+      t.fileUploaderLinkColor);
+
+    },
+
+    linkDisabled: function linkDisabled(t) {
+      return emotion.css(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])),
+      t.fileUploaderDisabledLinkColor);
+
+
+
+
+    },
+
+    singleFile: function singleFile() {
+      return emotion.css(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
+
+
+    },
+
+    sizeSmall: function sizeSmall(t) {
+      return emotion.css(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _FileUploader.fileUploaderSizeMixin)(emotion)(
+      t.fileUploaderFontSizeSmall,
+      t.fileUploaderLineHeightSmall,
+      t.fileUploaderPaddingXSmall,
+      t.fileUploaderPaddingYSmall));
+
+
+    },
+
+    sizeMedium: function sizeMedium(t) {
+      return emotion.css(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _FileUploader.fileUploaderSizeMixin)(emotion)(
+      t.fileUploaderFontSizeMedium,
+      t.fileUploaderLineHeightMedium,
+      t.fileUploaderPaddingXMedium,
+      t.fileUploaderPaddingYMedium));
+
+
+    },
+
+    sizeLarge: function sizeLarge(t) {
+      return emotion.css(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _FileUploader.fileUploaderSizeMixin)(emotion)(
+      t.fileUploaderFontSizeLarge,
+      t.fileUploaderLineHeightLarge,
+      t.fileUploaderPaddingXLarge,
+      t.fileUploaderPaddingYLarge));
+
+
+    },
+
+    iconSmall: function iconSmall(t) {
+      return 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 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 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);
+
+    } });
+
+};exports.getStyles = getStyles;

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","getStyles","emotion","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"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { 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\nexport const getStyles = (emotion: Emotion) => {\n  return memoizeStyle({\n    calcPulse(t: Theme) {\n      return emotion.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 emotion.keyframes`\n        0% {\n          box-shadow: 0px 0px 0px 0px #2DA4F9,\n          0px 0px 0px 1px rgba(45, 164, 249, 0.7);\n        }\n        95% {\n          box-shadow: 0px 0px 0px 0px #2DA4F9,\n          0px 0px 0px 10px rgba(45, 164, 249, 0);\n        }\n        100% {\n          box-shadow: 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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n      border-radius: ${t.fileUploaderBorderRadius};\n      animation: ${this.pulse(t)} 1.5s infinite;\n    `;\n    },\n\n    windowDragOver2022(t: Theme) {\n      return emotion.css`\n      border-radius: ${t.fileUploaderBorderRadius};\n      animation: ${this.calcPulse(t)} 1.5s infinite;\n    `;\n    },\n\n    content() {\n      return emotion.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 emotion.css`\n      display: flex;\n      align-items: center;\n    `;\n    },\n\n    contentInnerSmall(t: Theme) {\n      return emotion.css`\n      width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n    `;\n    },\n\n    contentInnerMedium(t: Theme) {\n      return emotion.css`\n      width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n    `;\n    },\n\n    contentInnerLarge(t: Theme) {\n      return emotion.css`\n      width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n    `;\n    },\n\n    visuallyHidden() {\n      return emotion.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 emotion.css`\n      display: inline;\n      color: ${t.fileUploaderAfterLinkColor};\n    `;\n    },\n\n    afterLinkText_HasFiles(t: Theme) {\n      return emotion.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 emotion.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 emotion.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 emotion.css`\n      background: ${t.fileUploaderHoveredBg};\n      border-color: ${t.fileUploaderHoveredBorderColor};\n    `;\n    },\n\n    linkHovered(t: Theme) {\n      return emotion.css`\n      text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n    `;\n    },\n\n    disabled(t: Theme) {\n      return emotion.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 emotion.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 emotion.css`\n      color: ${t.fileUploaderDisabledIconColor};\n    `;\n    },\n\n    link(t: Theme) {\n      return emotion.css`\n      outline: none;\n      text-decoration: none;\n      color: ${t.fileUploaderLinkColor};\n    `;\n    },\n\n    linkDisabled(t: Theme) {\n      return emotion.css`\n      color: ${t.fileUploaderDisabledLinkColor};\n      &:hover {\n        text-decoration: none;\n      }\n    `;\n    },\n\n    singleFile() {\n      return emotion.css`\n      width: 100%;\n    `;\n    },\n\n    sizeSmall(t: Theme) {\n      return emotion.css`\n      ${fileUploaderSizeMixin(emotion)(\n        t.fileUploaderFontSizeSmall,\n        t.fileUploaderLineHeightSmall,\n        t.fileUploaderPaddingXSmall,\n        t.fileUploaderPaddingYSmall,\n      )};\n    `;\n    },\n\n    sizeMedium(t: Theme) {\n      return emotion.css`\n      ${fileUploaderSizeMixin(emotion)(\n        t.fileUploaderFontSizeMedium,\n        t.fileUploaderLineHeightMedium,\n        t.fileUploaderPaddingXMedium,\n        t.fileUploaderPaddingYMedium,\n      )};\n    `;\n    },\n\n    sizeLarge(t: Theme) {\n      return emotion.css`\n      ${fileUploaderSizeMixin(emotion)(\n        t.fileUploaderFontSizeLarge,\n        t.fileUploaderLineHeightLarge,\n        t.fileUploaderPaddingXLarge,\n        t.fileUploaderPaddingYLarge,\n      )};\n    `;\n    },\n\n    iconSmall(t: Theme) {\n      return emotion.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 emotion.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 emotion.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};\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").default;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,28 +20,30 @@ 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;
+    static displayName: string;
     static propTypes: {
         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 +54,4 @@ export declare class FxInput extends React.Component<FxInputProps> {
     blur: () => void;
     private refInput;
 }
+export {};