@skbkontur/react-ui 0.0.0-444dd4e7b3 → 0.0.0-48840c3b9c

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

@@ -1,33 +1,32 @@
-"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").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 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 _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 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),
-
+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.0));
+      ColorFunctions.fade(t.inputBlinkColor, 0.6),
 
 
-  },
-  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      "])));
+      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      "])));
 
 
 
@@ -40,105 +39,105 @@ var styles = {
 
 
 
-  },
 
-  root: function root(t) {
-    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    "])),
+    },
 
+    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.fileUploaderLineHeight,
-    t.fileUploaderFontSize,
-    t.fileUploaderTextColorDefault,
-    t.fileUploaderBg);
 
-  },
+      t.fileUploaderLineHeight,
+      t.fileUploaderFontSize,
+      t.fileUploaderTextColorDefault,
+      t.fileUploaderBg);
 
-  uploadButton: function uploadButton(t) {
-    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    "])),
+    },
 
+    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    "])),
 
 
 
-    t.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor,
 
-    t.fileUploaderBorderRadius,
+      t.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor,
 
+      t.fileUploaderBorderRadius,
 
-    t.fileUploaderPaddingY, t.fileUploaderPaddingX,
-    t.transitionDuration, t.transitionTimingFunction,
-    t.transitionDuration, t.transitionTimingFunction,
-    t.fileUploaderUploadButtonBg);
 
-  },
+      t.fileUploaderPaddingY, t.fileUploaderPaddingX,
+      t.transitionDuration, t.transitionTimingFunction,
+      t.transitionDuration, t.transitionTimingFunction,
+      t.fileUploaderUploadButtonBg);
 
-  uploadButtonFocus: function uploadButtonFocus(t) {
-    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);
+    },
 
-  },
+    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);
 
-  dragOver: function dragOver(t) {
-    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);
+    },
 
-  },
+    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 (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])),
-    t.fileUploaderBorderRadius,
-    styles.pulse());
+    },
 
-  },
+    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 (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])),
-    t.fileUploaderBorderRadius,
-    styles.calcPulse(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));
 
-  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    "])));
+    },
 
+    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    "])));
 
 
 
 
 
 
-  },
 
-  contentWithFiles: function contentWithFiles() {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: center;\n    "])));
+    },
 
+    contentWithFiles: function contentWithFiles() {
+      return emotion.css(_templateObject10 || (_templateObject10 = (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    "])),
-    t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
+    },
 
-  },
+    contentInnerSmall: function contentInnerSmall(t) {
+      return 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);
+    },
 
-  },
+    contentInnerMedium: function contentInnerMedium(t) {
+      return 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);
+    },
 
-  },
+    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 (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    "])));
+    },
 
+    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    "])));
 
 
 
@@ -149,164 +148,164 @@ var styles = {
 
 
 
-  },
 
-  afterLinkText: function afterLinkText(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n      color: ", ";\n    "])),
+    },
 
-    t.fileUploaderAfterLinkColor);
+    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 (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(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    "])),
 
 
-    t.fileUploaderAfterLinkColor);
 
-  },
+      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    "])),
-    t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning,
-    t.fileUploaderBorderColorWarning);
+    },
 
-  },
+    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);
 
-  error: function error(t) {
-    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);
+    },
 
-  },
+    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 (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-color: ", ";\n    "])),
-    t.fileUploaderHoveredBg,
-    t.fileUploaderHoveredBorderColor);
+    },
 
-  },
+    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 (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
-    t.fileUploaderLinkHoverTextDecoration);
+    },
 
-  },
+    linkHovered: function linkHovered(t) {
+      return emotion.css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
+      t.fileUploaderLinkHoverTextDecoration);
 
-  disabled: function disabled(t) {
-    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.fileUploaderDisabledBorder,
-    t.fileUploaderDisabledTextColor,
+    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.fileUploaderDisabledBgClip,
+      t.fileUploaderDisabledBg,
+      t.fileUploaderDisabledBorder,
+      t.fileUploaderDisabledTextColor,
 
-    globalClasses.afterLinkText,
-    t.fileUploaderDisabledTextColor);
+      t.fileUploaderDisabledBgClip,
 
+      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    "])),
+    },
 
+    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);
 
+      t.fileUploaderIconColor);
 
-  },
 
-  iconDisabled: function iconDisabled(t) {
-    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.fileUploaderDisabledIconColor);
+    },
 
-  },
+    iconDisabled: function iconDisabled(t) {
+      return emotion.css(_templateObject23 || (_templateObject23 = (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    "])),
+    },
 
+    link: function link(t) {
+      return emotion.css(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])),
 
-    t.fileUploaderLinkColor);
 
-  },
+      t.fileUploaderLinkColor);
 
-  linkDisabled: function linkDisabled(t) {
-    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])),
-    t.fileUploaderDisabledLinkColor);
+    },
 
+    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 (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
+    },
 
+    singleFile: function singleFile() {
+      return 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));
+    },
 
+    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 (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _FileUploader.fileUploaderSizeMixin)(
-    t.fileUploaderFontSizeMedium,
-    t.fileUploaderLineHeightMedium,
-    t.fileUploaderPaddingXMedium,
-    t.fileUploaderPaddingYMedium));
+    },
 
+    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 (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _FileUploader.fileUploaderSizeMixin)(
-    t.fileUploaderFontSizeLarge,
-    t.fileUploaderLineHeightLarge,
-    t.fileUploaderPaddingXLarge,
-    t.fileUploaderPaddingYLarge));
+    },
 
+    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 (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);
+    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);
 
-  },
-  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);
+    },
+    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);
 
+    } });
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+};exports.getStyles = getStyles;

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","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"]}
+{"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.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.UploadIcon = void 0;
+"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");

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

@@ -32,6 +32,7 @@ declare type DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultPro
 /** Принимает все свойства `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>;

package/cjs/components/FxInput/FxInput.js

@@ -1,4 +1,4 @@
-"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").default;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"));
@@ -12,9 +12,9 @@ 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 _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;
@@ -68,6 +68,7 @@ FxInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
 
 
 
+
     input = null;_this.
 
     getProps = (0, _createPropsGetter.createPropsGetter)(FxInput.defaultProps);_this.
@@ -178,4 +179,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() {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.displayName = 'FxInput', _class2.propTypes = { auto: _propTypes.default.bool, type: _propTypes.default.string }, _class2.defaultProps = { width: 250, type: 'text', value: '' }, _temp)) || _class;exports.FxInput = FxInput;