@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

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"));
 
@@ -9,284 +7,281 @@ var _FileUploader = require("./FileUploader.mixins");var _templateObject, _templ
 var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('file-uploader')({
   afterLinkText: 'after-link-text'
 });
-var getStyles = exports.getStyles = function getStyles(emotion) {
-  var style = {
-    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,
-      style.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)(
-        t.fileUploaderFontSizeSmall,
-        t.fileUploaderLineHeightSmall,
-        t.fileUploaderPaddingXSmall,
-        t.fileUploaderPaddingYSmall,
-        emotion
-      ));
 
-    },
 
-    sizeMedium: function sizeMedium(t) {
-      return emotion.css(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-      (0, _FileUploader.fileUploaderSizeMixin)(
-        t.fileUploaderFontSizeMedium,
-        t.fileUploaderLineHeightMedium,
-        t.fileUploaderPaddingXMedium,
-        t.fileUploaderPaddingYMedium,
-        emotion
-      ));
+  },
 
-    },
+  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)(
-        t.fileUploaderFontSizeLarge,
-        t.fileUploaderLineHeightLarge,
-        t.fileUploaderPaddingXLarge,
-        t.fileUploaderPaddingYLarge,
-        emotion
-      ));
 
-    },
+  },
 
-    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);
-
-    }
-  };
-  return (0, _Emotion.memoizeStyle)(style);
-};
+      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","style","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","memoizeStyle"],"sources":["FileUploader.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { 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});\nexport const getStyles = function (emotion: Emotion) {\n  const style = {\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: ${style.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(\n          t.fileUploaderFontSizeSmall,\n          t.fileUploaderLineHeightSmall,\n          t.fileUploaderPaddingXSmall,\n          t.fileUploaderPaddingYSmall,\n          emotion,\n        )};\n      `;\n    },\n\n    sizeMedium(t: Theme) {\n      return emotion.css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeMedium,\n          t.fileUploaderLineHeightMedium,\n          t.fileUploaderPaddingXMedium,\n          t.fileUploaderPaddingYMedium,\n          emotion,\n        )};\n      `;\n    },\n\n    sizeLarge(t: Theme) {\n      return emotion.css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeLarge,\n          t.fileUploaderLineHeightLarge,\n          t.fileUploaderPaddingXLarge,\n          t.fileUploaderPaddingYLarge,\n          emotion,\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  return memoizeStyle(style);\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 type { 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/FxInput/FxInput.md

@@ -0,0 +1,31 @@
+### Базовый пример
+```jsx harmony
+const [auto, setAuto] = React.useState(false);
+const [value, setValue] = React.useState();
+
+function handleValueChange(value) {
+  setAuto(false);
+  setValue(value);
+}
+
+function handleRestore() {
+  setAuto(true);
+  setValue('auto');
+}
+
+<FxInput auto={auto} value={value} onValueChange={handleValueChange} onRestore={handleRestore} />;
+```
+
+### Очистка значения
+Очистить значение в `FxInput`'е можно с помощью пустой строки или `undefined`
+```jsx harmony
+import { Group, Button } from '@skbkontur/react-ui';
+
+const [value, setValue] = React.useState(12345);
+
+<Group>
+  <FxInput value={value} onValueChange={setValue} />
+  <Button onClick={() => setValue(undefined)}>Undefined</Button>
+  <Button onClick={() => setValue('')}>Пустая строка</Button>
+</Group>
+```

package/cjs/components/Gapped/Gapped.md

@@ -0,0 +1,44 @@
+### Вывод элементов с горизонтальным расположением
+
+```jsx harmony
+import { Button } from '@skbkontur/react-ui';
+
+<Gapped gap={20}>
+  <Button use="primary">Сохранить</Button>
+  <Button>Отмена</Button>
+</Gapped>;
+```
+
+### Вертикальное расположение
+
+```jsx harmony
+import { Checkbox } from '@skbkontur/react-ui';
+
+<Gapped vertical gap={20}>
+  <Checkbox checked>Write todos</Checkbox>
+  <Checkbox initialIndeterminate>Work in progress</Checkbox>
+  <Checkbox>Make things done</Checkbox>
+</Gapped>;
+```
+
+### Wrap
+По умолчанию `Gapped` выстраивает элементы в одну строчку, но с помощью свойства `wrap` можно включить перенос элементов на новую строку.
+При этом между строчками будет отступ равный значению свойста `gap`
+В таком случае из-за особенности верстки `Gapped` может перекрывать элементы расположенные сверху-слева.
+
+```jsx harmony
+import { Button, Checkbox, Toggle } from '@skbkontur/react-ui';
+
+<>
+  {"U Can't Touch This! => "}
+  <Toggle />
+
+  <div style={{ paddingTop: '10px', position: 'relative', width: '250px' }}>
+    <Gapped wrap gap={50}>
+      <Button use="primary">Сохранить</Button>
+      <Button>Отмена</Button>
+      <Checkbox>Я не робот</Checkbox>
+    </Gapped>
+  </div>
+</>;
+```