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

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

@@ -1,568 +1,518 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsTileStyles = exports.jsStyles = exports.jsRowStyles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = exports.getJsTileStyles = exports.getJsStyles = exports.getJsRowStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
+var _Emotion = require("../../lib/theming/Emotion");
 
-var _FileUploader = require("./FileUploader.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71;
+
+var _FileUploader = require("./FileUploader.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64;
 
 var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('file-uploader')({
   afterLinkText: 'after-link-text'
 });
+var getJsStyles = exports.getJsStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css,keyframes = _ref.keyframes;
+  return {
+    calcPulse: function calcPulse(t) {
+      return 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    "])),
 
-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    "])),
-
-    t.inputBlinkColor,
-
-
-    t.inputBlinkColor,
-
-
-    t.inputBlinkColor);
-
-
-  },
-
-  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.fileUploaderLineHeightSmall,
-    t.fileUploaderFontSizeSmall,
-    t.fileUploaderTextColorDefault,
-    t.fileUploaderBg);
-
-  },
-
-  root5_5: function root5_5() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      flex-wrap: wrap;\n    "])));
-
-
-
-  },
-
-  uploadButton: function uploadButton(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      border: ", " ", " ", ";\n      box-sizing: border-box;\n      border-radius: ", ";\n      outline: none;\n      cursor: pointer;\n      transition:\n        background-color ", " ", ",\n        border-color ", " ", ";\n      background-color: ", ";\n    "])),
-
+      t.inputBlinkColor,
 
 
+      t.inputBlinkColor,
 
-    t.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor,
 
-    t.fileUploaderBorderRadius,
+      t.inputBlinkColor);
 
 
+    },
 
-    t.transitionDuration, t.transitionTimingFunction,
-    t.transitionDuration, t.transitionTimingFunction,
-    t.fileUploaderUploadButtonBg);
+    root: function root(t) {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-flex;\n        flex-wrap: wrap;\n        position: relative;\n        line-height: ", ";\n        font-size: ", ";\n        color: ", ";\n        background-color: ", ";\n      "])),
 
-  },
 
-  uploadButtonFocus: function uploadButtonFocus(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
-    t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus,
-    t.fileUploaderBorderColorFocus);
 
-  },
+      t.fileUploaderLineHeightSmall,
+      t.fileUploaderFontSizeSmall,
+      t.fileUploaderTextColorDefault,
+      t.fileUploaderBg);
 
-  uploadButtonWithFile: function uploadButtonWithFile(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid transparent;\n      background: none;\n    "])),
-    t.fileUploaderBorderWidth);
+    },
 
+    uploadButton: function uploadButton(t) {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: 100%;\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        border: ", " ", " ", ";\n        box-sizing: border-box;\n        border-radius: ", ";\n        outline: none;\n        cursor: pointer;\n        transition:\n          background-color ", " ", ",\n          border-color ", " ", ";\n        background-color: ", ";\n      "])),
 
-  },
 
-  uploadButtonIconGapSmall: function uploadButtonIconGapSmall(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
-    t.inputIconGapSmall);
 
-  },
 
-  uploadButtonIconGapMedium: function uploadButtonIconGapMedium(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
-    t.inputIconGapMedium);
+      t.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor,
 
-  },
+      t.fileUploaderBorderRadius,
 
-  uploadButtonIconGapLarge: function uploadButtonIconGapLarge(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
-    t.inputIconGapLarge);
 
-  },
 
-  dragOver: function dragOver(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 1px solid ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n    "])),
-    t.fileUploaderDragOverBorderColor,
-    t.fileUploaderBorderRadius,
-    t.fileUploaderDragOverShadow);
+      t.transitionDuration, t.transitionTimingFunction,
+      t.transitionDuration, t.transitionTimingFunction,
+      t.fileUploaderUploadButtonBg);
 
-  },
+    },
 
-  windowDragOver: function windowDragOver(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])),
-    t.fileUploaderBorderRadius,
-    styles.calcPulse(t));
+    uploadButtonFocus: function uploadButtonFocus(t) {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])),
+      t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus,
+      t.fileUploaderBorderColorFocus);
 
-  },
+    },
 
-  contentInnerSmall: function contentInnerSmall(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
-    t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
+    uploadButtonWithFile: function uploadButtonWithFile(t) {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border: ", " solid transparent;\n        background: none;\n      "])),
+      t.fileUploaderBorderWidth);
 
-  },
 
-  contentInnerMedium: function contentInnerMedium(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
-    t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
+    },
 
-  },
+    uploadButtonIconGapSmall: function uploadButtonIconGapSmall(t) {
+      return css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
+      t.inputIconGapSmall);
 
-  contentInnerLarge: function contentInnerLarge(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
-    t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
+    },
 
-  },
+    uploadButtonIconGapMedium: function uploadButtonIconGapMedium(t) {
+      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
+      t.inputIconGapMedium);
 
-  visuallyHidden: function visuallyHidden() {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (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    "])));
+    },
 
+    uploadButtonIconGapLarge: function uploadButtonIconGapLarge(t) {
+      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
+      t.inputIconGapLarge);
 
+    },
 
+    dragOver: function dragOver(t) {
+      return css(_templateObject9 || (_templateObject9 = (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 css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border-radius: ", ";\n        animation: ", " 1.5s infinite;\n      "])),
+      t.fileUploaderBorderRadius,
+      this.calcPulse(t));
 
+    },
 
+    contentInnerSmall: function contentInnerSmall(t) {
+      return css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: calc(100% - ", " - ", ");\n      "])),
+      t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
 
+    },
 
+    contentInnerMedium: function contentInnerMedium(t) {
+      return css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: calc(100% - ", " - ", ");\n      "])),
+      t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
 
+    },
 
-  },
+    contentInnerLarge: function contentInnerLarge(t) {
+      return css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: calc(100% - ", " - ", ");\n      "])),
+      t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
 
-  afterLinkText: function afterLinkText() {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n    "])));
+    },
 
+    visuallyHidden: function visuallyHidden() {
+      return css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        margin: -1px;\n        border: 0;\n        padding: 0;\n        white-space: nowrap;\n        clip-path: inset(100%);\n        clip: rect(0 0 0 0);\n        overflow: hidden;\n      "])));
 
-  },
 
-  afterLinkTextColor: function afterLinkTextColor(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.fileUploaderAfterLinkColor);
 
-  },
 
-  afterLinkText_HasFiles: function afterLinkText_HasFiles() {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n      height: 100%;\n    "])));
 
 
 
 
 
-  },
 
-  warningButton: function warningButton(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
-    t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning,
-    t.fileUploaderBorderColorWarning);
 
-  },
+    },
 
-  warningFile: function warningFile(t) {
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      &:hover {\n        background: ", ";\n      }\n    "])),
-    t.fileUploaderWarningBgColor,
-    t.fileUploaderValidationTextColor,
+    afterLinkText: function afterLinkText() {
+      return css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline;\n      "])));
 
-    t.fileUploaderWarningBgHoverColor);
 
+    },
 
-  },
+    afterLinkText_HasFiles: function afterLinkText_HasFiles() {
+      return css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: flex;\n        justify-content: space-between;\n        flex: 1 1 auto;\n        height: 100%;\n      "])));
 
-  errorButton: function errorButton(t) {
-    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
-    t.fileUploaderBorderWidth, t.fileUploaderBorderColorError,
-    t.fileUploaderBorderColorError);
 
-  },
 
-  errorFile: function errorFile(t) {
-    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      &:hover {\n        background: ", ";\n      }\n    "])),
-    t.fileUploaderErrorBgColor,
-    t.fileUploaderValidationTextColor,
 
-    t.fileUploaderErrorBgHoverColor);
 
+    },
 
-  },
+    warningButton: function warningButton(t) {
+      return css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])),
+      t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning,
+      t.fileUploaderBorderColorWarning);
 
-  hovered: function hovered(t) {
-    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
-    t.fileUploaderHoveredBg);
+    },
 
-  },
+    warningFile: function warningFile(t) {
+      return css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "])),
+      t.fileUploaderWarningBgColor,
+      t.fileUploaderValidationTextColor,
 
-  hoveredBorderColor: function hoveredBorderColor(t) {
-    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n    "])),
-    t.fileUploaderHoveredBorderColor);
+      t.fileUploaderWarningBgHoverColor);
 
-  },
 
-  linkHovered: function linkHovered(t) {
-    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
-    t.fileUploaderLinkHoverTextDecoration);
+    },
 
-  },
+    errorButton: function errorButton(t) {
+      return css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])),
+      t.fileUploaderBorderWidth, t.fileUploaderBorderColorError,
+      t.fileUploaderBorderColorError);
 
-  disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      color: ", ";\n      box-shadow: none;\n      background-clip: ", ";\n\n      .", " {\n        color: ", ";\n      }\n    "])),
+    },
 
-    t.fileUploaderDisabledTextColor,
+    errorFile: function errorFile(t) {
+      return css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "])),
+      t.fileUploaderErrorBgColor,
+      t.fileUploaderValidationTextColor,
 
-    t.fileUploaderDisabledBgClip,
+      t.fileUploaderErrorBgHoverColor);
 
-    globalClasses.afterLinkText,
-    t.fileUploaderDisabledTextColor);
 
+    },
 
-  },
+    hovered: function hovered(t) {
+      return css(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n      "])),
+      t.fileUploaderHoveredBg);
 
-  disabledBackground: function disabledBackground(t) {
-    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border: ", ";\n    "])),
-    t.fileUploaderDisabledBg,
-    t.fileUploaderDisabledBorder);
+    },
 
-  },
+    linkHovered: function linkHovered(t) {
+      return css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n        text-decoration: ", ";\n      "])),
+      t.fileUploaderLinkHoverTextDecoration);
 
-  icon: function icon(t) {
-    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      color: ", ";\n    "])),
+    },
 
-    t.fileUploaderIconColor);
+    disabled: function disabled(t) {
+      return css(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n        cursor: default;\n        color: ", ";\n        box-shadow: none;\n        background-clip: ", ";\n\n        .", " {\n          color: ", ";\n        }\n      "])),
 
-  },
+      t.fileUploaderDisabledTextColor,
 
-  iconRight: function iconRight() {
-    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      text-align: right;\n    "])));
+      t.fileUploaderDisabledBgClip,
 
+      globalClasses.afterLinkText,
+      t.fileUploaderDisabledTextColor);
 
 
-  },
+    },
 
-  iconDisabled: function iconDisabled(t) {
-    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.fileUploaderDisabledIconColor);
+    disabledBackground: function disabledBackground(t) {
+      return css(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        border: ", ";\n      "])),
+      t.fileUploaderDisabledBg,
+      t.fileUploaderDisabledBorder);
 
-  },
+    },
 
-  link: function link(t) {
-    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])),
+    icon: function icon(t) {
+      return css(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        color: ", ";\n      "])),
 
+      t.fileUploaderIconColor);
 
-    t.fileUploaderLinkColor);
+    },
 
-  },
+    iconDisabled: function iconDisabled(t) {
+      return css(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+      t.fileUploaderDisabledIconColor);
 
-  linkDisabled: function linkDisabled(t) {
-    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])),
-    t.fileUploaderDisabledLinkColor);
+    },
 
+    link: function link(t) {
+      return css(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n        outline: none;\n        text-decoration: none;\n        color: ", ";\n      "])),
 
 
+      t.fileUploaderLinkColor);
 
-  },
+    },
 
-  singleFile: function singleFile() {
-    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: inherit;\n    "])));
+    linkDisabled: function linkDisabled(t) {
+      return css(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        &:hover {\n          text-decoration: none;\n        }\n      "])),
+      t.fileUploaderDisabledLinkColor);
 
 
 
-  },
 
-  iconSmall: function iconSmall(t) {
-    return (0, _Emotion.css)(_templateObject34 || (_templateObject34 = (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);
+    },
 
-  },
+    singleFile: function singleFile() {
+      return css(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: 100%;\n        height: inherit;\n      "])));
 
-  iconMedium: function iconMedium(t) {
-    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (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)(_templateObject36 || (_templateObject36 = (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);
+    },
 
-  },
+    iconSmall: function iconSmall(t) {
+      return css(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: ", ";\n        line-height: ", ";\n      "])),
+      t.fileUploaderFontSizeSmall,
+      t.fileUploaderLineHeightSmall);
 
-  iconSmall5_5: function iconSmall5_5(t) {
-    return (0, _Emotion.css)(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.fileUploaderFontSizeSmall,
-    t.fileUploaderLineHeightSmall);
+    },
 
-  },
+    iconMedium: function iconMedium(t) {
+      return css(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: ", ";\n        line-height: ", ";\n      "])),
+      t.fileUploaderFontSizeMedium,
+      t.fileUploaderLineHeightMedium);
 
-  iconMedium5_5: function iconMedium5_5(t) {
-    return (0, _Emotion.css)(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.fileUploaderFontSizeMedium,
-    t.fileUploaderLineHeightMedium);
+    },
 
-  },
+    iconLarge: function iconLarge(t) {
+      return css(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: ", ";\n        line-height: ", ";\n      "])),
+      t.fileUploaderFontSizeLarge,
+      t.fileUploaderLineHeightLarge);
 
-  iconLarge5_5: function iconLarge5_5(t) {
-    return (0, _Emotion.css)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.fileUploaderFontSizeLarge,
-    t.fileUploaderLineHeightLarge);
+    }
+  };
+});
 
-  }
-};
+var getJsRowStyles = exports.getJsRowStyles = (0, _Emotion.memoizeGetStyles)(function (_ref2) {var css = _ref2.css;
+  return {
+    root: function root() {
+      return css(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: 100%;\n      "])));
 
-var rowStyles = {
-  root: function root() {
-    return (0, _Emotion.css)(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
 
+    },
 
-  },
+    uploadButtonWithFile: function uploadButtonWithFile(t) {
+      return css(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border: ", " solid transparent;\n        background: none;\n      "])),
+      t.fileUploaderBorderWidth);
 
-  uploadButtonWithFile: function uploadButtonWithFile(t) {
-    return (0, _Emotion.css)(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid transparent;\n      background: none;\n    "])),
-    t.fileUploaderBorderWidth);
 
+    },
 
-  },
+    uploadButton: function uploadButton() {
+      return css(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n        justify-content: space-between;\n      "])));
 
-  uploadButton: function uploadButton() {
-    return (0, _Emotion.css)(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteralLoose2.default)(["\n      justify-content: space-between;\n    "])));
 
+    },
 
-  },
+    uploadButtonWrapper: function uploadButtonWrapper() {
+      return css(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: inherit;\n        width: 100%;\n      "])));
 
-  uploadButtonWrapper: function uploadButtonWrapper() {
-    return (0, _Emotion.css)(_templateObject43 || (_templateObject43 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: inherit;\n      width: 100%;\n    "])));
 
 
+    },
 
-  },
+    uploadButtonIconGapSmall: function uploadButtonIconGapSmall(t) {
+      return css(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
+      t.inputIconGapSmall);
 
-  uploadButtonIconGapSmall: function uploadButtonIconGapSmall(t) {
-    return (0, _Emotion.css)(_templateObject44 || (_templateObject44 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
-    t.inputIconGapSmall);
+    },
 
-  },
+    uploadButtonIconGapMedium: function uploadButtonIconGapMedium(t) {
+      return css(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
+      t.inputIconGapMedium);
 
-  uploadButtonIconGapMedium: function uploadButtonIconGapMedium(t) {
-    return (0, _Emotion.css)(_templateObject45 || (_templateObject45 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
-    t.inputIconGapMedium);
+    },
 
-  },
+    uploadButtonIconGapLarge: function uploadButtonIconGapLarge(t) {
+      return css(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
+      t.inputIconGapLarge);
 
-  uploadButtonIconGapLarge: function uploadButtonIconGapLarge(t) {
-    return (0, _Emotion.css)(_templateObject46 || (_templateObject46 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
-    t.inputIconGapLarge);
+    },
 
-  },
+    sizeSmall: function sizeSmall(t) {
+      return css(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _FileUploader.fileUploaderSizeMixin)(
+        t.fileUploaderFontSizeSmall,
+        t.fileUploaderLineHeightSmall,
+        t.fileUploaderPaddingXSmall,
+        t.fileUploaderPaddingYSmall
+      ));
 
-  sizeSmall: function sizeSmall(t) {
-    return (0, _Emotion.css)(_templateObject47 || (_templateObject47 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _FileUploader.fileUploaderSizeMixin)(
-      t.fileUploaderFontSizeSmall,
-      t.fileUploaderLineHeightSmall,
-      t.fileUploaderPaddingXSmall,
-      t.fileUploaderPaddingYSmall
-    ));
+    },
 
-  },
+    sizeMedium: function sizeMedium(t) {
+      return css(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _FileUploader.fileUploaderSizeMixin)(
+        t.fileUploaderFontSizeMedium,
+        t.fileUploaderLineHeightMedium,
+        t.fileUploaderPaddingXMedium,
+        t.fileUploaderPaddingYMedium
+      ));
 
-  sizeMedium: function sizeMedium(t) {
-    return (0, _Emotion.css)(_templateObject48 || (_templateObject48 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _FileUploader.fileUploaderSizeMixin)(
-      t.fileUploaderFontSizeMedium,
-      t.fileUploaderLineHeightMedium,
-      t.fileUploaderPaddingXMedium,
-      t.fileUploaderPaddingYMedium
-    ));
+    },
 
-  },
+    sizeLarge: function sizeLarge(t) {
+      return css(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _FileUploader.fileUploaderSizeMixin)(
+        t.fileUploaderFontSizeLarge,
+        t.fileUploaderLineHeightLarge,
+        t.fileUploaderPaddingXLarge,
+        t.fileUploaderPaddingYLarge
+      ));
 
-  sizeLarge: function sizeLarge(t) {
-    return (0, _Emotion.css)(_templateObject49 || (_templateObject49 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _FileUploader.fileUploaderSizeMixin)(
-      t.fileUploaderFontSizeLarge,
-      t.fileUploaderLineHeightLarge,
-      t.fileUploaderPaddingXLarge,
-      t.fileUploaderPaddingYLarge
-    ));
-
-  },
+    },
 
-  content: function content() {
-    return (0, _Emotion.css)(_templateObject50 || (_templateObject50 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    "])));
+    content: function content() {
+      return css(_templateObject43 || (_templateObject43 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      "])));
 
 
 
 
 
 
-  },
+    },
 
-  contentWithFiles: function contentWithFiles() {
-    return (0, _Emotion.css)(_templateObject51 || (_templateObject51 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: center;\n    "])));
+    contentWithFiles: function contentWithFiles() {
+      return css(_templateObject44 || (_templateObject44 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: flex;\n        align-items: center;\n      "])));
 
 
 
-  }
-};
-
-var tileStyles = {
-  uploadButton: function uploadButton() {
-    return (0, _Emotion.css)(_templateObject52 || (_templateObject52 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      justify-content: center;\n      flex-direction: column;\n    "])));
+    }
+  };
+});
 
+var getJsTileStyles = exports.getJsTileStyles = (0, _Emotion.memoizeGetStyles)(function (_ref3) {var css = _ref3.css;
+  return {
+    uploadButton: function uploadButton() {
+      return css(_templateObject45 || (_templateObject45 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 100%;\n        justify-content: center;\n        flex-direction: column;\n      "])));
 
 
 
-  },
 
-  uploadButtonWrapper: function uploadButtonWrapper() {
-    return (0, _Emotion.css)(_templateObject53 || (_templateObject53 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box;\n    "])));
+    },
 
+    uploadButtonWrapper: function uploadButtonWrapper() {
+      return css(_templateObject46 || (_templateObject46 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-sizing: border-box;\n      "])));
 
-  },
 
-  uploadButtonWrapperSmall: function uploadButtonWrapperSmall(t) {
-    return (0, _Emotion.css)(_templateObject54 || (_templateObject54 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      min-height: ", ";\n      height: auto;\n    "])),
-    t.fileUploaderTileWidthSmall,
-    t.fileUploaderTileMinHeightSmall);
+    },
 
+    uploadButtonWrapperSmall: function uploadButtonWrapperSmall(t) {
+      return css(_templateObject47 || (_templateObject47 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])),
+      t.fileUploaderTileWidthSmall,
+      t.fileUploaderTileMinHeightSmall);
 
-  },
 
-  uploadButtonWrapperMedium: function uploadButtonWrapperMedium(t) {
-    return (0, _Emotion.css)(_templateObject55 || (_templateObject55 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      min-height: ", ";\n      height: auto;\n    "])),
-    t.fileUploaderTileWidthMedium,
-    t.fileUploaderTileMinHeightMedium);
+    },
 
+    uploadButtonWrapperMedium: function uploadButtonWrapperMedium(t) {
+      return css(_templateObject48 || (_templateObject48 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])),
+      t.fileUploaderTileWidthMedium,
+      t.fileUploaderTileMinHeightMedium);
 
-  },
 
-  uploadButtonWrapperLarge: function uploadButtonWrapperLarge(t) {
-    return (0, _Emotion.css)(_templateObject56 || (_templateObject56 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      min-height: ", ";\n      height: auto;\n    "])),
-    t.fileUploaderTileWidthLarge,
-    t.fileUploaderTileMinHeightLarge);
+    },
 
+    uploadButtonWrapperLarge: function uploadButtonWrapperLarge(t) {
+      return css(_templateObject49 || (_templateObject49 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])),
+      t.fileUploaderTileWidthLarge,
+      t.fileUploaderTileMinHeightLarge);
 
-  },
 
-  uploadButtonWrapperEmptyFileSmall: function uploadButtonWrapperEmptyFileSmall(t) {
-    return (0, _Emotion.css)(_templateObject57 || (_templateObject57 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n      height: ", ";\n    "])),
-    t.fileUploaderTileFilePaddingSmall,
-    t.fileUploaderTileMinHeightSmall);
+    },
 
-  },
+    uploadButtonWrapperEmptyFileSmall: function uploadButtonWrapperEmptyFileSmall(t) {
+      return css(_templateObject50 || (_templateObject50 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", ";\n        height: ", ";\n      "])),
+      t.fileUploaderTileFilePaddingSmall,
+      t.fileUploaderTileMinHeightSmall);
 
-  uploadButtonWrapperEmptyFileMedium: function uploadButtonWrapperEmptyFileMedium(t) {
-    return (0, _Emotion.css)(_templateObject58 || (_templateObject58 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n      height: ", ";\n    "])),
-    t.fileUploaderTileFilePaddingMedium,
-    t.fileUploaderTileMinHeightMedium);
+    },
 
-  },
+    uploadButtonWrapperEmptyFileMedium: function uploadButtonWrapperEmptyFileMedium(t) {
+      return css(_templateObject51 || (_templateObject51 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", ";\n        height: ", ";\n      "])),
+      t.fileUploaderTileFilePaddingMedium,
+      t.fileUploaderTileMinHeightMedium);
 
-  uploadButtonWrapperEmptyFileLarge: function uploadButtonWrapperEmptyFileLarge(t) {
-    return (0, _Emotion.css)(_templateObject59 || (_templateObject59 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n      height: ", ";\n    "])),
-    t.fileUploaderTileFilePaddingLarge,
-    t.fileUploaderTileMinHeightLarge);
+    },
 
-  },
+    uploadButtonWrapperEmptyFileLarge: function uploadButtonWrapperEmptyFileLarge(t) {
+      return css(_templateObject52 || (_templateObject52 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", ";\n        height: ", ";\n      "])),
+      t.fileUploaderTileFilePaddingLarge,
+      t.fileUploaderTileMinHeightLarge);
 
-  uploadButtonWithFile: function uploadButtonWithFile(t) {
-    return (0, _Emotion.css)(_templateObject60 || (_templateObject60 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid transparent;\n      background: none;\n      justify-content: start;\n    "])),
-    t.fileUploaderBorderWidth);
+    },
 
+    uploadButtonWithFile: function uploadButtonWithFile(t) {
+      return css(_templateObject53 || (_templateObject53 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border: ", " solid transparent;\n        background: none;\n        justify-content: start;\n      "])),
+      t.fileUploaderBorderWidth);
 
 
-  },
 
-  uploadButtonIconGapSmall: function uploadButtonIconGapSmall(t) {
-    return (0, _Emotion.css)(_templateObject61 || (_templateObject61 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: ", ";\n    "])),
-    t.inputIconGapSmall);
+    },
 
-  },
+    uploadButtonIconGapSmall: function uploadButtonIconGapSmall(t) {
+      return css(_templateObject54 || (_templateObject54 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-bottom: ", ";\n      "])),
+      t.inputIconGapSmall);
 
-  uploadButtonIconGapMedium: function uploadButtonIconGapMedium(t) {
-    return (0, _Emotion.css)(_templateObject62 || (_templateObject62 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: ", ";\n    "])),
-    t.inputIconGapMedium);
+    },
 
-  },
+    uploadButtonIconGapMedium: function uploadButtonIconGapMedium(t) {
+      return css(_templateObject55 || (_templateObject55 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-bottom: ", ";\n      "])),
+      t.inputIconGapMedium);
 
-  uploadButtonIconGapLarge: function uploadButtonIconGapLarge(t) {
-    return (0, _Emotion.css)(_templateObject63 || (_templateObject63 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: ", ";\n    "])),
-    t.inputIconGapLarge);
+    },
 
-  },
+    uploadButtonIconGapLarge: function uploadButtonIconGapLarge(t) {
+      return css(_templateObject56 || (_templateObject56 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-bottom: ", ";\n      "])),
+      t.inputIconGapLarge);
 
-  uploadButtonTileWithFileSmall: function uploadButtonTileWithFileSmall(t) {
-    return (0, _Emotion.css)(_templateObject64 || (_templateObject64 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
-    t.fileUploaderTileFilePaddingSmall);
+    },
 
-  },
+    uploadButtonTileWithFileSmall: function uploadButtonTileWithFileSmall(t) {
+      return css(_templateObject57 || (_templateObject57 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", ";\n      "])),
+      t.fileUploaderTileFilePaddingSmall);
 
-  uploadButtonTileWithFileMedium: function uploadButtonTileWithFileMedium(t) {
-    return (0, _Emotion.css)(_templateObject65 || (_templateObject65 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
-    t.fileUploaderTileFilePaddingMedium);
+    },
 
-  },
+    uploadButtonTileWithFileMedium: function uploadButtonTileWithFileMedium(t) {
+      return css(_templateObject58 || (_templateObject58 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", ";\n      "])),
+      t.fileUploaderTileFilePaddingMedium);
 
-  uploadButtonTileWithFileLarge: function uploadButtonTileWithFileLarge(t) {
-    return (0, _Emotion.css)(_templateObject66 || (_templateObject66 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
-    t.fileUploaderTileFilePaddingLarge);
+    },
 
-  },
+    uploadButtonTileWithFileLarge: function uploadButtonTileWithFileLarge(t) {
+      return css(_templateObject59 || (_templateObject59 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", ";\n      "])),
+      t.fileUploaderTileFilePaddingLarge);
 
-  sizeSmall: function sizeSmall(t) {
-    return (0, _Emotion.css)(_templateObject67 || (_templateObject67 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _FileUploader.fileUploaderSizeMixin)(
-      t.fileUploaderFontSizeSmall,
-      t.fileUploaderLineHeightSmall,
-      t.fileUploaderTilePaddingSmall,
-      t.fileUploaderTilePaddingSmall
-    ));
+    },
 
-  },
+    sizeSmall: function sizeSmall(t) {
+      return css(_templateObject60 || (_templateObject60 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _FileUploader.fileUploaderSizeMixin)(
+        t.fileUploaderFontSizeSmall,
+        t.fileUploaderLineHeightSmall,
+        t.fileUploaderTilePaddingSmall,
+        t.fileUploaderTilePaddingSmall
+      ));
 
-  sizeMedium: function sizeMedium(t) {
-    return (0, _Emotion.css)(_templateObject68 || (_templateObject68 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _FileUploader.fileUploaderSizeMixin)(
-      t.fileUploaderFontSizeMedium,
-      t.fileUploaderLineHeightMedium,
-      t.fileUploaderTilePaddingMedium,
-      t.fileUploaderTilePaddingMedium
-    ));
+    },
 
-  },
+    sizeMedium: function sizeMedium(t) {
+      return css(_templateObject61 || (_templateObject61 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _FileUploader.fileUploaderSizeMixin)(
+        t.fileUploaderFontSizeMedium,
+        t.fileUploaderLineHeightMedium,
+        t.fileUploaderTilePaddingMedium,
+        t.fileUploaderTilePaddingMedium
+      ));
 
-  sizeLarge: function sizeLarge(t) {
-    return (0, _Emotion.css)(_templateObject69 || (_templateObject69 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _FileUploader.fileUploaderSizeMixin)(
-      t.fileUploaderFontSizeLarge,
-      t.fileUploaderLineHeightLarge,
-      t.fileUploaderTilePaddingLarge,
-      t.fileUploaderTilePaddingLarge
-    ));
+    },
 
-  },
+    sizeLarge: function sizeLarge(t) {
+      return css(_templateObject62 || (_templateObject62 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _FileUploader.fileUploaderSizeMixin)(
+        t.fileUploaderFontSizeLarge,
+        t.fileUploaderLineHeightLarge,
+        t.fileUploaderTilePaddingLarge,
+        t.fileUploaderTilePaddingLarge
+      ));
 
-  content: function content() {
-    return (0, _Emotion.css)(_templateObject70 || (_templateObject70 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: normal;\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      text-align: center;\n    "])));
+    },
 
+    content: function content() {
+      return css(_templateObject63 || (_templateObject63 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: block;\n        width: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: normal;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        text-align: center;\n      "])));
 
 
 
@@ -571,17 +521,15 @@ var tileStyles = {
 
 
 
-  },
 
-  contentWithFiles: function contentWithFiles() {
-    return (0, _Emotion.css)(_templateObject71 || (_templateObject71 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: flex-start;\n      height: 100%;\n    "])));
+    },
 
+    contentWithFiles: function contentWithFiles() {
+      return css(_templateObject64 || (_templateObject64 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: flex;\n        align-items: flex-start;\n        height: 100%;\n      "])));
 
 
 
-  }
-};
 
-var jsStyles = exports.jsStyles = (0, _Emotion.memoizeStyle)(styles);
-var jsRowStyles = exports.jsRowStyles = (0, _Emotion.memoizeStyle)(rowStyles);
-var jsTileStyles = exports.jsTileStyles = (0, _Emotion.memoizeStyle)(tileStyles);
+    }
+  };
+});