@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1

package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.js

@@ -1,434 +1,452 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getJsTileStyles = exports.getJsStyles = exports.getJsRowStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsTileStyles = exports.jsStyles = exports.jsRowStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56;
 
-var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53;
 
+var styles = {
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: inherit;\n    "])));
 
-var getJsStyles = exports.getJsStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
-    root: function root() {
-      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: inherit;\n    "])));
 
 
+  },
 
-    },
+  content: function content() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      width: 100%;\n      align-items: baseline;\n    "])));
 
-    content: function content() {
-      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      width: 100%;\n      align-items: baseline;\n    "])));
 
 
 
+  },
 
-    },
+  error: function error(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.fileUploaderBorderColorError);
 
-    validationTextError: function validationTextError(t) {
-      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-      t.fileUploaderErrorTextColor);
+  },
 
-    },
+  validationTextError: function validationTextError(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.fileUploaderErrorTextColor);
 
-    validationTextWarning: function validationTextWarning(t) {
-      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-      t.fileUploaderWarningTextColor);
+  },
 
-    },
+  validationTextWarning: function validationTextWarning(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.fileUploaderWarningTextColor);
 
-    nameBlock: function nameBlock() {
-      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      flex-wrap: wrap;\n      flex: 1 1 100%;\n      width: 100%;\n    "])));
+  },
 
+  nameBlock: function nameBlock() {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      flex-wrap: wrap;\n      flex: 1 1 100%;\n      width: 100%;\n    "])));
 
 
 
 
-    },
 
-    size: function size(t) {
-      return css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n      flex: 1 0 auto;\n    "])),
-      t.fileUploaderFileSizeMarginLeft);
+  },
 
+  size: function size(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n      flex: 1 0 auto;\n    "])),
+    t.fileUploaderFileSizeMarginLeft);
 
-    },
 
-    sizeSmall: function sizeSmall(t) {
-      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-      t.fileUploaderFileSizeWidthSmall,
-      t.fileUploaderFileSizeMarginSmall,
-      t.fileUploaderFontSizeSmall,
-      t.fileUploaderLineHeightSmall);
+  },
 
-    },
+  sizeSmall: function sizeSmall(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.fileUploaderFileSizeWidthSmall,
+    t.fileUploaderFileSizeMarginSmall,
+    t.fileUploaderFontSizeSmall,
+    t.fileUploaderLineHeightSmall);
 
-    sizeMedium: function sizeMedium(t) {
-      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-      t.fileUploaderFileSizeWidthMedium,
-      t.fileUploaderFileSizeMarginMedium,
-      t.fileUploaderFontSizeMedium,
-      t.fileUploaderLineHeightMedium);
+  },
 
-    },
+  sizeMedium: function sizeMedium(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.fileUploaderFileSizeWidthMedium,
+    t.fileUploaderFileSizeMarginMedium,
+    t.fileUploaderFontSizeMedium,
+    t.fileUploaderLineHeightMedium);
 
-    sizeLarge: function sizeLarge(t) {
-      return css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-      t.fileUploaderFileSizeWidthLarge,
-      t.fileUploaderFileSizeMarginLarge,
-      t.fileUploaderFontSizeLarge,
-      t.fileUploaderLineHeightLarge);
+  },
 
-    },
+  sizeLarge: function sizeLarge(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.fileUploaderFileSizeWidthLarge,
+    t.fileUploaderFileSizeMarginLarge,
+    t.fileUploaderFontSizeLarge,
+    t.fileUploaderLineHeightLarge);
 
-    icon: function icon(t) {
-      return css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: ", ";\n      right: ", ";\n      display: flex;\n      flex: 1 0 auto;\n      align-items: center;\n      justify-content: center;\n      width: ", ";\n      border-radius: ", ";\n      cursor: pointer;\n      text-align: center;\n      outline: none;\n      &:hover {\n        background: ", ";\n      }\n      &:active {\n        background: ", ";\n      }\n    "])),
+  },
 
-      t.fileUploaderIconGapSmall,
-      t.fileUploaderIconGapSmall,
+  icon: function icon(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      flex: 1 0 auto;\n      cursor: pointer;\n      text-align: right;\n      outline: none;\n    "])),
+    t.fileUploaderTileIconSizeSmall);
 
 
 
 
-      t.fileUploaderTileIconSizeSmall,
-      t.fileUploaderBorderRadius,
 
+  },
 
+  icon5_5: function icon5_5(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: center;\n      border-radius: ", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: absolute;\n      top: ", ";\n      right: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n      &:active {\n        background: ", ";\n      }\n    "])),
 
+    t.fileUploaderBorderRadius,
 
-      t.fileUploaderHoveredBg,
 
 
-      t.fileUploaderActiveBg);
 
+    t.fileUploaderIconGapSmall,
+    t.fileUploaderIconGapSmall,
 
-    },
 
-    disabledFileTypeIconSvg: function disabledFileTypeIconSvg(t) {
-      return css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      svg {\n        fill: ", " !important;\n      }\n    "])),
+    t.fileUploaderHoveredBg,
 
-      t.fileUploaderDisabledFileTypeIcon);
 
+    t.fileUploaderActiveBg);
 
-    },
 
-    fileTypeIconMultiple: function fileTypeIconMultiple() {
-      return css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: 0;\n    "])));
+  },
 
+  iconMultiple: function iconMultiple() {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: static;\n    "])));
 
-    },
 
-    contentSmall: function contentSmall(t) {
-      return css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-      t.fileUploaderFontSizeSmall,
-      t.fileUploaderLineHeightSmall);
+  },
 
-    },
+  disabledFileTypeIconSvg: function disabledFileTypeIconSvg(t) {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      svg {\n        fill: ", " !important;\n      }\n    "])),
 
-    contentMedium: function contentMedium(t) {
-      return css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-      t.fileUploaderFontSizeMedium,
-      t.fileUploaderLineHeightMedium);
+    t.fileUploaderDisabledFileTypeIcon);
 
-    },
 
-    contentLarge: function contentLarge(t) {
-      return css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-      t.fileUploaderFontSizeLarge,
-      t.fileUploaderLineHeightLarge);
+  },
 
-    }
-  };});
+  fileTypeIconMultiple: function fileTypeIconMultiple() {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: 0;\n    "])));
 
-var getJsRowStyles = exports.getJsRowStyles = (0, _Emotion.memoizeGetStyles)(function (_ref2) {var css = _ref2.css;
-  return {
-    content: function content() {
-      return css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        flex-direction: row;\n      "])));
 
+  },
 
-    },
+  contentSmall: function contentSmall(t) {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.fileUploaderFontSizeSmall,
+    t.fileUploaderLineHeightSmall);
 
-    contentSmall: function contentSmall(t) {
-      return css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
-      t.fileUploaderFileIconSizeSmall);
+  },
 
-    },
+  contentMedium: function contentMedium(t) {
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.fileUploaderFontSizeMedium,
+    t.fileUploaderLineHeightMedium);
 
-    contentMedium: function contentMedium(t) {
-      return css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
-      t.fileUploaderFileIconSizeMedium);
+  },
 
-    },
+  contentLarge: function contentLarge(t) {
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.fileUploaderFontSizeLarge,
+    t.fileUploaderLineHeightLarge);
 
-    contentLarge: function contentLarge(t) {
-      return css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
-      t.fileUploaderFileIconSizeMedium);
+  }
+};
 
-    },
+var rowStyles = {
+  content: function content() {
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: row;\n    "])));
 
-    iconSmall: function iconSmall(t) {
-      return css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: ", ";\n        width: ", ";\n      "])),
-      t.fileUploaderFileIconSizeSmall,
-      t.fileUploaderFileIconSizeSmall);
 
-    },
+  },
 
-    iconMedium: function iconMedium(t) {
-      return css(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: ", ";\n        width: ", ";\n      "])),
-      t.fileUploaderFileIconSizeMedium,
-      t.fileUploaderFileIconSizeMedium);
+  contentSmall: function contentSmall(t) {
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.fileUploaderFileIconSizeSmall);
 
-    },
+  },
 
-    iconLarge: function iconLarge(t) {
-      return css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: ", ";\n        width: ", ";\n      "])),
-      t.fileUploaderFileIconSizeLarge,
-      t.fileUploaderFileIconSizeLarge);
+  contentMedium: function contentMedium(t) {
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.fileUploaderFileIconSizeMedium);
 
-    },
+  },
 
-    fileTypeIconSmall: function fileTypeIconSmall(t) {
-      return css(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
-      t.fileUploaderIconGapSmall);
+  contentLarge: function contentLarge(t) {
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.fileUploaderFileIconSizeMedium);
 
-    },
+  },
 
-    fileTypeIconMedium: function fileTypeIconMedium(t) {
-      return css(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
-      t.fileUploaderIconGapMedium);
+  iconSmall: function iconSmall(t) {
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n      width: ", ";\n    "])),
+    t.fileUploaderFileIconSizeSmall,
+    t.fileUploaderFileIconSizeSmall);
 
-    },
+  },
 
-    fileTypeIconLarge: function fileTypeIconLarge(t) {
-      return css(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
-      t.fileUploaderIconGapLarge);
+  iconMedium: function iconMedium(t) {
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n      width: ", ";\n    "])),
+    t.fileUploaderFileIconSizeMedium,
+    t.fileUploaderFileIconSizeMedium);
 
-    },
+  },
 
-    iconColor: function iconColor(t) {
-      return css(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        &:hover {\n          color: ", ";\n        }\n      "])),
-      t.fileUploaderIconColor,
+  iconLarge: function iconLarge(t) {
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n      width: ", ";\n    "])),
+    t.fileUploaderFileIconSizeLarge,
+    t.fileUploaderFileIconSizeLarge);
 
-      t.fileUploaderIconHoverColor);
+  },
 
+  fileTypeIconSmall: function fileTypeIconSmall(t) {
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.fileUploaderIconGapSmall);
 
-    },
+  },
 
-    size: function size(t) {
-      return css(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: ", ";\n        color: ", ";\n      "])),
-      t.fileUploaderIconGapSmall,
-      t.fileUploaderDisabledColor);
+  fileTypeIconMedium: function fileTypeIconMedium(t) {
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.fileUploaderIconGapMedium);
 
-    },
+  },
 
-    name: function name() {
-      return css(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n        flex: 1 1 100%;\n        overflow: hidden;\n      "])));
+  fileTypeIconLarge: function fileTypeIconLarge(t) {
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.fileUploaderIconGapLarge);
 
+  },
 
+  iconColor: function iconColor(t) {
+    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      &:hover {\n        color: ", ";\n      }\n    "])),
+    t.fileUploaderIconColor,
 
-    },
+    t.fileUploaderIconHoverColor);
 
-    nameBlock: function nameBlock() {
-      return css(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n        flex: 1 1 100%;\n      "])));
 
+  },
 
-    },
+  size: function size(t) {
+    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n      color: ", ";\n    "])),
+    t.fileUploaderIconGapSmall,
+    t.fileUploaderDisabledColor);
 
-    disabled: function disabled(t) {
-      return css(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n        cursor: default;\n        color: ", ";\n      "])),
+  },
 
-      t.fileUploaderDisabledTextColor);
+  name: function name() {
+    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 100%;\n      overflow: hidden;\n    "])));
 
-    }
-  };
-});
-var getJsTileStyles = exports.getJsTileStyles = (0, _Emotion.memoizeGetStyles)(function (_ref3) {var css = _ref3.css;
-  return {
-    content: function content() {
-      return css(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n        flex-direction: column;\n        align-items: center;\n        height: inherit;\n      "])));
 
 
+  },
 
+  nameBlock: function nameBlock() {
+    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 100%;\n    "])));
 
-    },
 
-    iconAction: function iconAction(t) {
-      return css(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border-radius: ", ";\n        opacity: 0;\n        background: ", ";\n\n        &:hover {\n          background: ", ";\n        }\n\n        &:active {\n          background: ", ";\n        }\n      "])),
-      t.fileUploaderBorderRadius,
+  },
 
-      t.fileUploaderTileIconColorBg,
+  disabled: function disabled(t) {
+    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      color: ", ";\n    "])),
 
+    t.fileUploaderDisabledTextColor);
 
-      t.fileUploaderTileIconHoverColorBg,
+  }
+};
 
+var tileStyles = {
+  content: function content() {
+    return (0, _Emotion.css)(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: column;\n      align-items: center;\n      height: inherit;\n    "])));
 
 
-      t.fileUploaderTileIconActiveColorBg);
 
 
-    },
+  },
 
-    iconActionShow: function iconActionShow() {
-      return css(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n        opacity: 1;\n      "])));
+  iconAction: function iconAction(t) {
+    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      opacity: 0;\n      background: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])),
+    t.fileUploaderBorderRadius,
 
+    t.fileUploaderTileIconColorBg,
 
-    },
 
-    iconSmall: function iconSmall(t) {
-      return css(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: ", ";\n        height: ", ";\n        padding: ", ";\n        top: ", ";\n        right: ", ";\n      "])),
-      t.fileUploaderTileIconSizeSmall,
-      t.fileUploaderTileIconSizeSmall,
-      t.fileUploaderTileIconActionPaddingSmall,
-      t.fileUploaderTileIconActionPositionSmall,
-      t.fileUploaderTileIconActionPositionSmall);
+    t.fileUploaderTileIconHoverColorBg,
 
-    },
 
-    iconMedium: function iconMedium(t) {
-      return css(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: ", ";\n        height: ", ";\n        padding: ", ";\n        top: ", ";\n        right: ", ";\n      "])),
-      t.fileUploaderTileIconSizeMedium,
-      t.fileUploaderTileIconSizeMedium,
-      t.fileUploaderTileIconActionPaddingMedium,
-      t.fileUploaderTileIconActionPositionMedium,
-      t.fileUploaderTileIconActionPositionMedium);
 
-    },
+    t.fileUploaderTileIconActiveColorBg);
 
-    iconLarge: function iconLarge(t) {
-      return css(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: ", ";\n        height: ", ";\n        padding: ", ";\n        top: ", ";\n        right: ", ";\n      "])),
-      t.fileUploaderTileIconSizeLarge,
-      t.fileUploaderTileIconSizeLarge,
-      t.fileUploaderTileIconActionPaddingLarge,
-      t.fileUploaderTileIconActionPositionLarge,
-      t.fileUploaderTileIconActionPositionLarge);
 
-    },
+  },
 
-    fileTypeIcon: function fileTypeIcon(t) {
-      return css(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: 100%;\n        border: 1px solid ", ";\n        border-radius: ", ";\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      "])),
+  iconActionShow: function iconActionShow() {
+    return (0, _Emotion.css)(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 1;\n    "])));
 
-      t.fileUploaderDisabledBorderColor,
-      t.fileUploaderBorderRadius);
 
+  },
 
+  iconSmall: function iconSmall(t) {
+    return (0, _Emotion.css)(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      height: ", ";\n      padding: ", ";\n      top: ", ";\n      right: ", ";\n    "])),
+    t.fileUploaderTileIconSizeSmall,
+    t.fileUploaderTileIconSizeSmall,
+    t.fileUploaderTileIconActionPaddingSmall,
+    t.fileUploaderTileIconActionPositionSmall,
+    t.fileUploaderTileIconActionPositionSmall);
 
+  },
 
+  iconMedium: function iconMedium(t) {
+    return (0, _Emotion.css)(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      height: ", ";\n      padding: ", ";\n      top: ", ";\n      right: ", ";\n    "])),
+    t.fileUploaderTileIconSizeMedium,
+    t.fileUploaderTileIconSizeMedium,
+    t.fileUploaderTileIconActionPaddingMedium,
+    t.fileUploaderTileIconActionPositionMedium,
+    t.fileUploaderTileIconActionPositionMedium);
 
-    },
+  },
 
-    fileTypeIconPreview: function fileTypeIconPreview() {
-      return css(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n      "])));
+  iconLarge: function iconLarge(t) {
+    return (0, _Emotion.css)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      height: ", ";\n      padding: ", ";\n      top: ", ";\n      right: ", ";\n    "])),
+    t.fileUploaderTileIconSizeLarge,
+    t.fileUploaderTileIconSizeLarge,
+    t.fileUploaderTileIconActionPaddingLarge,
+    t.fileUploaderTileIconActionPositionLarge,
+    t.fileUploaderTileIconActionPositionLarge);
 
+  },
 
+  fileTypeIcon: function fileTypeIcon(t) {
+    return (0, _Emotion.css)(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      border: 1px solid ", ";\n      border-radius: ", ";\n      box-sizing: border-box;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    "])),
 
+    t.fileUploaderDisabledBorderColor,
+    t.fileUploaderBorderRadius);
 
-    },
 
-    fileTypeIconSmall: function fileTypeIconSmall(t) {
-      return css(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-bottom: ", ";\n        height: ", ";\n      "])),
-      t.fileUploaderIconGapSmall,
-      t.fileUploaderTileTypeIconHeightSmall);
 
-    },
 
-    fileTypeIconMedium: function fileTypeIconMedium(t) {
-      return css(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-bottom: ", ";\n        height: ", ";\n      "])),
-      t.fileUploaderIconGapMedium,
-      t.fileUploaderTileTypeIconHeightMedium);
 
-    },
+  },
 
-    fileTypeIconLarge: function fileTypeIconLarge(t) {
-      return css(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-bottom: ", ";\n        height: ", ";\n      "])),
-      t.fileUploaderIconGapLarge,
-      t.fileUploaderTileTypeIconHeightLarge);
+  fileTypeIconPreview: function fileTypeIconPreview() {
+    return (0, _Emotion.css)(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-position: top;\n      background-size: cover;\n      background-repeat: no-repeat;\n    "])));
 
-    },
 
-    disabledFileTypeIcon: function disabledFileTypeIcon(t) {
-      return css(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow: none;\n        background: ", ";\n      "])),
 
-      t.fileUploaderDisabledBg);
 
-    },
+  },
 
-    sizeDisabled: function sizeDisabled(t) {
-      return css(_templateObject43 || (_templateObject43 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
-      t.fileUploaderDisabledIconColor);
+  fileTypeIconSmall: function fileTypeIconSmall(t) {
+    return (0, _Emotion.css)(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: ", ";\n      height: ", ";\n    "])),
+    t.fileUploaderIconGapSmall,
+    t.fileUploaderTileTypeIconHeightSmall);
 
-    },
+  },
 
-    errorFileTypeIcon: function errorFileTypeIcon(t) {
-      return css(_templateObject44 || (_templateObject44 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        border: 1px solid ", ";\n      "])),
-      t.fileUploaderErrorBgColor,
-      t.fileUploaderErrorBgColor);
+  fileTypeIconMedium: function fileTypeIconMedium(t) {
+    return (0, _Emotion.css)(_templateObject43 || (_templateObject43 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: ", ";\n      height: ", ";\n    "])),
+    t.fileUploaderIconGapMedium,
+    t.fileUploaderTileTypeIconHeightMedium);
 
-    },
+  },
 
-    warningFileTypeIcon: function warningFileTypeIcon(t) {
-      return css(_templateObject45 || (_templateObject45 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        border: 1px solid ", ";\n      "])),
-      t.fileUploaderWarningBgColor,
-      t.fileUploaderWarningBgColor);
+  fileTypeIconLarge: function fileTypeIconLarge(t) {
+    return (0, _Emotion.css)(_templateObject44 || (_templateObject44 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: ", ";\n      height: ", ";\n    "])),
+    t.fileUploaderIconGapLarge,
+    t.fileUploaderTileTypeIconHeightLarge);
 
-    },
+  },
 
-    iconColor: function iconColor(t) {
-      return css(_templateObject46 || (_templateObject46 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        &:hover {\n          color: ", ";\n        }\n      "])),
-      t.fileUploaderTileIconColor,
+  disabledFileTypeIcon: function disabledFileTypeIcon(t) {
+    return (0, _Emotion.css)(_templateObject45 || (_templateObject45 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      background: ", ";\n    "])),
 
-      t.fileUploaderTileIconHoverColor);
+    t.fileUploaderDisabledBg);
 
+  },
 
-    },
+  sizeDisabled: function sizeDisabled(t) {
+    return (0, _Emotion.css)(_templateObject46 || (_templateObject46 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.fileUploaderDisabledIconColor);
 
-    size: function size(t) {
-      return css(_templateObject47 || (_templateObject47 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: 100%;\n        margin: ", " 0 0;\n        overflow: hidden;\n        text-align: center;\n        color: ", ";\n      "])),
+  },
 
-      t.fileUploaderIconGapSmall,
+  errorFileTypeIcon: function errorFileTypeIcon(t) {
+    return (0, _Emotion.css)(_templateObject47 || (_templateObject47 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border: 1px solid ", ";\n    "])),
+    t.fileUploaderErrorBgColor,
+    t.fileUploaderErrorBgColor);
 
+  },
 
-      t.clearCrossIconColor);
+  warningFileTypeIcon: function warningFileTypeIcon(t) {
+    return (0, _Emotion.css)(_templateObject48 || (_templateObject48 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border: 1px solid ", ";\n    "])),
+    t.fileUploaderWarningBgColor,
+    t.fileUploaderWarningBgColor);
 
-    },
+  },
 
-    name: function name() {
-      return css(_templateObject48 || (_templateObject48 = (0, _taggedTemplateLiteralLoose2.default)(["\n        flex: 1 1 100%;\n        word-break: break-all;\n        height: 100%;\n\n        span {\n          word-break: break-word;\n        }\n      "])));
+  iconColor: function iconColor(t) {
+    return (0, _Emotion.css)(_templateObject49 || (_templateObject49 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      &:hover {\n        color: ", ";\n      }\n    "])),
+    t.fileUploaderTileIconColor,
 
+    t.fileUploaderTileIconHoverColor);
 
 
+  },
 
+  size: function size(t) {
+    return (0, _Emotion.css)(_templateObject50 || (_templateObject50 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      margin: ", " 0 0;\n      overflow: hidden;\n      text-align: center;\n      color: ", ";\n    "])),
 
+    t.fileUploaderIconGapSmall,
 
 
+    t.clearCrossIconColor);
 
-    },
+  },
 
-    nameBlock: function nameBlock() {
-      return css(_templateObject49 || (_templateObject49 = (0, _taggedTemplateLiteralLoose2.default)(["\n        flex: 0;\n        text-align: center;\n      "])));
+  name: function name() {
+    return (0, _Emotion.css)(_templateObject51 || (_templateObject51 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 100%;\n      word-break: break-all;\n      height: 100%;\n\n      span {\n        word-break: break-word;\n      }\n    "])));
 
 
 
-    },
 
-    contentSmall: function contentSmall(t) {
-      var maxHeight = parseInt(t.fileUploaderLineHeightSmall) * 2;
-      return css(_templateObject50 || (_templateObject50 = (0, _taggedTemplateLiteralLoose2.default)(["\n        max-height: ", "px;\n      "])),
-      maxHeight);
 
-    },
 
-    contentMedium: function contentMedium(t) {
-      var maxHeight = parseInt(t.fileUploaderLineHeightMedium) * 2;
-      return css(_templateObject51 || (_templateObject51 = (0, _taggedTemplateLiteralLoose2.default)(["\n        max-height: ", "px;\n      "])),
-      maxHeight);
 
-    },
 
-    contentLarge: function contentLarge(t) {
-      var maxHeight = parseInt(t.fileUploaderLineHeightLarge) * 2;
-      return css(_templateObject52 || (_templateObject52 = (0, _taggedTemplateLiteralLoose2.default)(["\n        max-height: ", "px;\n      "])),
-      maxHeight);
+  },
 
-    },
+  nameBlock: function nameBlock() {
+    return (0, _Emotion.css)(_templateObject52 || (_templateObject52 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 0;\n      text-align: center;\n    "])));
 
-    disabled: function disabled(t) {
-      return css(_templateObject53 || (_templateObject53 = (0, _taggedTemplateLiteralLoose2.default)(["\n        cursor: default;\n        color: ", ";\n      "])),
 
-      t.fileUploaderDisabledIconColor);
 
-    }
-  };
-});
+  },
+
+  contentSmall: function contentSmall(t) {
+    var maxHeight = parseInt(t.fileUploaderLineHeightSmall) * 2;
+    return (0, _Emotion.css)(_templateObject53 || (_templateObject53 = (0, _taggedTemplateLiteralLoose2.default)(["\n      max-height: ", "px;\n    "])),
+    maxHeight);
+
+  },
+
+  contentMedium: function contentMedium(t) {
+    var maxHeight = parseInt(t.fileUploaderLineHeightMedium) * 2;
+    return (0, _Emotion.css)(_templateObject54 || (_templateObject54 = (0, _taggedTemplateLiteralLoose2.default)(["\n      max-height: ", "px;\n    "])),
+    maxHeight);
+
+  },
+
+  contentLarge: function contentLarge(t) {
+    var maxHeight = parseInt(t.fileUploaderLineHeightLarge) * 2;
+    return (0, _Emotion.css)(_templateObject55 || (_templateObject55 = (0, _taggedTemplateLiteralLoose2.default)(["\n      max-height: ", "px;\n    "])),
+    maxHeight);
+
+  },
+
+  disabled: function disabled(t) {
+    return (0, _Emotion.css)(_templateObject56 || (_templateObject56 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      color: ", ";\n    "])),
+
+    t.fileUploaderDisabledIconColor);
+
+  }
+};
+
+var jsStyles = exports.jsStyles = (0, _Emotion.memoizeStyle)(styles);
+var jsRowStyles = exports.jsRowStyles = (0, _Emotion.memoizeStyle)(rowStyles);
+var jsTileStyles = exports.jsTileStyles = (0, _Emotion.memoizeStyle)(tileStyles);