@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

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

@@ -1,6 +1,4 @@
-"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");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.jsStyles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
 var ColorFunctions = _interopRequireWildcard(require("../../lib/styles/ColorFunctions"));
 
@@ -10,280 +8,280 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('file-uploader'
   afterLinkText: 'after-link-text'
 });
 
-var getStyles = exports.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));
+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),
 
-    },
 
-    root: function root(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: relative;\n      line-height: ", ";\n      font-size: ", ";\n      color: ", ";\n      background-color: ", ";\n    "])),
+    ColorFunctions.fade(t.inputBlinkColor, 0.1),
 
 
-      t.fileUploaderLineHeightSmall,
-      t.fileUploaderFontSizeSmall,
-      t.fileUploaderTextColorDefault,
-      t.fileUploaderBg);
-
-    },
+    ColorFunctions.fade(t.inputBlinkColor, 0.0));
 
-    uploadButton: function uploadButton(t) {
-      return 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:\n        background-color ", " ", ",\n        border-color ", " ", ";\n      background-color: ", ";\n    "])),
 
+  },
 
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (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.fileUploaderLineHeightSmall,
+    t.fileUploaderFontSizeSmall,
+    t.fileUploaderTextColorDefault,
+    t.fileUploaderBg);
 
-      t.fileUploaderBorderRadius,
+  },
 
+  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:\n        background-color ", " ", ",\n        border-color ", " ", ";\n      background-color: ", ";\n    "])),
 
-      t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall,
 
-      t.transitionDuration, t.transitionTimingFunction,
-      t.transitionDuration, t.transitionTimingFunction,
-      t.fileUploaderUploadButtonBg);
 
-    },
 
-    uploadButtonFocus: function uploadButtonFocus(t) {
-      return 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,
 
-    },
+    t.fileUploaderBorderRadius,
 
-    dragOver: function dragOver(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 1px solid ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n    "])),
-      t.fileUploaderDragOverBorderColor,
-      t.fileUploaderBorderRadius,
-      t.fileUploaderDragOverShadow);
 
-    },
+    t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall,
 
-    windowDragOver: function windowDragOver(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])),
-      t.fileUploaderBorderRadius,
-      this.calcPulse(t));
+    t.transitionDuration, t.transitionTimingFunction,
+    t.transitionDuration, t.transitionTimingFunction,
+    t.fileUploaderUploadButtonBg);
 
-    },
+  },
 
-    content: function content() {
-      return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    "])));
+  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);
 
+  },
 
+  dragOver: function dragOver(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 1px solid ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n    "])),
+    t.fileUploaderDragOverBorderColor,
+    t.fileUploaderBorderRadius,
+    t.fileUploaderDragOverShadow);
 
+  },
 
+  windowDragOver: function windowDragOver(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])),
+    t.fileUploaderBorderRadius,
+    styles.calcPulse(t));
 
+  },
 
+  content: function content() {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    "])));
 
-    },
 
-    contentWithFiles: function contentWithFiles() {
-      return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: center;\n    "])));
 
 
 
-    },
 
-    contentInnerSmall: function contentInnerSmall(t) {
-      return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
-      t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
 
-    },
+  },
 
-    contentInnerMedium: function contentInnerMedium(t) {
-      return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
-      t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
+  contentWithFiles: function contentWithFiles() {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: center;\n    "])));
 
-    },
 
-    contentInnerLarge: function contentInnerLarge(t) {
-      return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
-      t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
 
-    },
+  },
 
-    visuallyHidden: function visuallyHidden() {
-      return emotion.css(_templateObject12 || (_templateObject12 = (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    "])));
+  contentInnerSmall: function contentInnerSmall(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+    t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
 
+  },
 
+  contentInnerMedium: function contentInnerMedium(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+    t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
 
+  },
 
+  contentInnerLarge: function contentInnerLarge(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+    t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
 
+  },
 
+  visuallyHidden: function visuallyHidden() {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      margin: -1px;\n      border: 0;\n      padding: 0;\n      white-space: nowrap;\n      clip-path: inset(100%);\n      clip: rect(0 0 0 0);\n      overflow: hidden;\n    "])));
 
 
 
 
 
-    },
 
-    afterLinkText: function afterLinkText(t) {
-      return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n      color: ", ";\n    "])),
 
-      t.fileUploaderAfterLinkColor);
 
-    },
 
-    afterLinkText_HasFiles: function afterLinkText_HasFiles(t) {
-      return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n      color: ", ";\n    "])),
 
 
+  },
 
-      t.fileUploaderAfterLinkColor);
+  afterLinkText: function afterLinkText(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n      color: ", ";\n    "])),
 
-    },
+    t.fileUploaderAfterLinkColor);
 
-    warning: function warning(t) {
-      return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
-      t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning,
-      t.fileUploaderBorderColorWarning);
+  },
 
-    },
+  afterLinkText_HasFiles: function afterLinkText_HasFiles(t) {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n      color: ", ";\n    "])),
 
-    error: function error(t) {
-      return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
-      t.fileUploaderBorderWidth, t.fileUploaderBorderColorError,
-      t.fileUploaderBorderColorError);
 
-    },
 
-    hovered: function hovered(t) {
-      return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-color: ", ";\n    "])),
-      t.fileUploaderHoveredBg,
-      t.fileUploaderHoveredBorderColor);
+    t.fileUploaderAfterLinkColor);
 
-    },
+  },
 
-    linkHovered: function linkHovered(t) {
-      return emotion.css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
-      t.fileUploaderLinkHoverTextDecoration);
+  warning: function warning(t) {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+    t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning,
+    t.fileUploaderBorderColorWarning);
 
-    },
+  },
 
-    disabled: function disabled(t) {
-      return emotion.css(_templateObject19 || (_templateObject19 = (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    "])),
+  error: function error(t) {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+    t.fileUploaderBorderWidth, t.fileUploaderBorderColorError,
+    t.fileUploaderBorderColorError);
 
-      t.fileUploaderDisabledBg,
-      t.fileUploaderDisabledBorder,
-      t.fileUploaderDisabledTextColor,
+  },
 
-      t.fileUploaderDisabledBgClip,
+  hovered: function hovered(t) {
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-color: ", ";\n    "])),
+    t.fileUploaderHoveredBg,
+    t.fileUploaderHoveredBorderColor);
 
-      globalClasses.afterLinkText,
-      t.fileUploaderDisabledTextColor);
+  },
 
+  linkHovered: function linkHovered(t) {
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
+    t.fileUploaderLinkHoverTextDecoration);
 
-    },
+  },
 
-    icon: function icon(t) {
-      return emotion.css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      color: ", ";\n      text-align: right;\n    "])),
+  disabled: function disabled(t) {
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (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.fileUploaderIconColor);
+    t.fileUploaderDisabledBgClip,
 
+    globalClasses.afterLinkText,
+    t.fileUploaderDisabledTextColor);
 
-    },
 
-    iconDisabled: function iconDisabled(t) {
-      return emotion.css(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-      t.fileUploaderDisabledIconColor);
+  },
 
-    },
+  icon: function icon(t) {
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      color: ", ";\n      text-align: right;\n    "])),
 
-    link: function link(t) {
-      return emotion.css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])),
 
+    t.fileUploaderIconColor);
 
-      t.fileUploaderLinkColor);
 
-    },
+  },
 
-    linkDisabled: function linkDisabled(t) {
-      return emotion.css(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])),
-      t.fileUploaderDisabledLinkColor);
+  iconDisabled: function iconDisabled(t) {
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.fileUploaderDisabledIconColor);
 
+  },
 
+  link: function link(t) {
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])),
 
 
-    },
+    t.fileUploaderLinkColor);
 
-    singleFile: function singleFile() {
-      return emotion.css(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
+  },
 
+  linkDisabled: function linkDisabled(t) {
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])),
+    t.fileUploaderDisabledLinkColor);
 
-    },
 
-    sizeSmall: function sizeSmall(t) {
-      return emotion.css(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-      (0, _FileUploader.fileUploaderSizeMixin)(emotion)(
-        t.fileUploaderFontSizeSmall,
-        t.fileUploaderLineHeightSmall,
-        t.fileUploaderPaddingXSmall,
-        t.fileUploaderPaddingYSmall
-      ));
 
-    },
 
-    sizeMedium: function sizeMedium(t) {
-      return emotion.css(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-      (0, _FileUploader.fileUploaderSizeMixin)(emotion)(
-        t.fileUploaderFontSizeMedium,
-        t.fileUploaderLineHeightMedium,
-        t.fileUploaderPaddingXMedium,
-        t.fileUploaderPaddingYMedium
-      ));
+  },
 
-    },
+  singleFile: function singleFile() {
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
 
-    sizeLarge: function sizeLarge(t) {
-      return emotion.css(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-      (0, _FileUploader.fileUploaderSizeMixin)(emotion)(
-        t.fileUploaderFontSizeLarge,
-        t.fileUploaderLineHeightLarge,
-        t.fileUploaderPaddingXLarge,
-        t.fileUploaderPaddingYLarge
-      ));
 
-    },
+  },
 
-    iconSmall: function iconSmall(t) {
-      return emotion.css(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
+  sizeSmall: function sizeSmall(t) {
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _FileUploader.fileUploaderSizeMixin)(
       t.fileUploaderFontSizeSmall,
       t.fileUploaderLineHeightSmall,
-      t.inputIconSizeSmall,
-      t.fileUploaderPaddingYSmall,
-      t.fileUploaderPaddingXSmall);
+      t.fileUploaderPaddingXSmall,
+      t.fileUploaderPaddingYSmall
+    ));
 
-    },
-    iconMedium: function iconMedium(t) {
-      return emotion.css(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
+  },
+
+  sizeMedium: function sizeMedium(t) {
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _FileUploader.fileUploaderSizeMixin)(
       t.fileUploaderFontSizeMedium,
       t.fileUploaderLineHeightMedium,
-      t.inputIconSizeMedium,
-      t.fileUploaderPaddingYMedium,
-      t.fileUploaderPaddingXMedium);
+      t.fileUploaderPaddingXMedium,
+      t.fileUploaderPaddingYMedium
+    ));
+
+  },
 
-    },
-    iconLarge: function iconLarge(t) {
-      return emotion.css(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
+  sizeLarge: function sizeLarge(t) {
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _FileUploader.fileUploaderSizeMixin)(
       t.fileUploaderFontSizeLarge,
       t.fileUploaderLineHeightLarge,
-      t.inputIconSizeLarge,
-      t.fileUploaderPaddingYLarge,
-      t.fileUploaderPaddingXLarge);
-
-    }
-  });
-};
+      t.fileUploaderPaddingXLarge,
+      t.fileUploaderPaddingYLarge
+    ));
+
+  },
+
+  iconSmall: function iconSmall(t) {
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
+    t.fileUploaderFontSizeSmall,
+    t.fileUploaderLineHeightSmall,
+    t.inputIconSizeSmall,
+    t.fileUploaderPaddingYSmall,
+    t.fileUploaderPaddingXSmall);
+
+  },
+  iconMedium: function iconMedium(t) {
+    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
+    t.fileUploaderFontSizeMedium,
+    t.fileUploaderLineHeightMedium,
+    t.inputIconSizeMedium,
+    t.fileUploaderPaddingYMedium,
+    t.fileUploaderPaddingXMedium);
+
+  },
+  iconLarge: function iconLarge(t) {
+    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
+    t.fileUploaderFontSizeLarge,
+    t.fileUploaderLineHeightLarge,
+    t.inputIconSizeLarge,
+    t.fileUploaderPaddingYLarge,
+    t.fileUploaderPaddingXLarge);
+
+  }
+};
+
+var jsStyles = exports.jsStyles = (0, _Emotion.memoizeStyle)(styles);

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","ColorFunctions","_interopRequireWildcard","_FileUploader","_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","globalClasses","exports","prefix","afterLinkText","getStyles","emotion","memoizeStyle","calcPulse","t","keyframes","_taggedTemplateLiteralLoose2","default","fade","inputBlinkColor","root","css","fileUploaderLineHeightSmall","fileUploaderFontSizeSmall","fileUploaderTextColorDefault","fileUploaderBg","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","transitionDuration","transitionTimingFunction","fileUploaderUploadButtonBg","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","fileUploaderDragOverBorderColor","fileUploaderDragOverShadow","windowDragOver","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","fileUploaderSizeMixin","sizeMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","iconSmall","iconMedium","iconLarge"],"sources":["FileUploader.styles.ts"],"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\n    root(t: Theme) {\n      return emotion.css`\n      display: inline-block;\n      position: relative;\n      line-height: ${t.fileUploaderLineHeightSmall};\n      font-size: ${t.fileUploaderFontSizeSmall};\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.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n      transition:\n        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.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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","ColorFunctions","_interopRequireWildcard","_FileUploader","_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","globalClasses","exports","prefix","afterLinkText","styles","calcPulse","t","keyframes","_taggedTemplateLiteralLoose2","default","fade","inputBlinkColor","root","css","fileUploaderLineHeightSmall","fileUploaderFontSizeSmall","fileUploaderTextColorDefault","fileUploaderBg","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","transitionDuration","transitionTimingFunction","fileUploaderUploadButtonBg","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","fileUploaderDragOverBorderColor","fileUploaderDragOverShadow","windowDragOver","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","fileUploaderSizeMixin","sizeMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","iconSmall","iconMedium","iconLarge","jsStyles","memoizeStyle"],"sources":["FileUploader.styles.ts"],"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\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      position: relative;\n      line-height: ${t.fileUploaderLineHeightSmall};\n      font-size: ${t.fileUploaderFontSizeSmall};\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.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n      transition:\n        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.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"],"mappings":"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","ignoreList":[]}

package/cjs/components/FileUploader/__docs__/FileUploader.mdx

@@ -0,0 +1,28 @@
+import * as FileUploaderStories from './FileUploader.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={FileUploaderStories} />
+
+# FileUploader
+
+[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/file-uploader/)
+
+[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=284%3A11938)
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

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

@@ -6,22 +6,24 @@ import { DefaultizedProps } from '../../lib/createPropsGetter';
 import { Override } from '../../typings/utility-types';
 import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
 export interface FxInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<CurrencyInputProps, {
-    /** Авто-режим */
+    /** Устанавливает авто-режим. */
     auto?: boolean;
-    /** Тип инпута */
+    /** Задает тип инпута */
     type?: 'currency' | InputProps['type'];
-    /** onRestore */
+    /** Задает функцию, которая вызывается при нажатии на кнопку Restore. */
     onRestore?: () => void;
-    /** onValueChange */
+    /** Задает функцию, вызывающуюся при изменении value. */
     onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];
-    /** Значение */
+    /** Задает значение инпута. */
     value?: React.ReactText;
-    /** ref Input'а */
+    /** Задает ref инпута. */
     refInput?: (element: CurrencyInput | Input | null) => void;
-    /** Убрать лишние нули после запятой */
+    /** Убирает лишние нули после запятой. */
     hideTrailingZeros?: boolean;
-    /** Позвоялет задать атрибут aria-label кнопке восстановления (restore button) */
+    /** Задает атрибут aria-label кнопке восстановления (restore button). */
     buttonAriaLabel?: AriaAttributes['aria-label'];
+    /** @ignore */
+    corners?: React.CSSProperties;
 }> {
 }
 export declare const FxInputDataTids: {
@@ -29,7 +31,13 @@ export declare const FxInputDataTids: {
 };
 type DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;
 type DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;
-/** Принимает все свойства `Input`'a */
+/**
+ * Автополе `FxInput`.
+ *
+ * Используйте `FxInput`, если поле вычисляемое и вы рассчитали значение.
+ *
+ * Принимает все свойства `Input`'a.
+ */
 export declare class FxInput extends React.Component<FxInputProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;