@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.9

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

@@ -1,7 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.jsTileStyles = exports.jsStyles = exports.jsRowStyles = exports.globalClasses = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));var _Emotion = require("../../lib/theming/Emotion");
+"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");
 
 
-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, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71, _templateObject72;
 
 var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('file-uploader')({
   afterLinkText: 'after-link-text'
@@ -9,7 +9,7 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('file-uploader'
 
 var styles = {
   calcPulse: function calcPulse(t) {
-    return (0, _Emotion.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.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    "])),
+    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,
 
@@ -23,7 +23,7 @@ var styles = {
   },
 
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      display: inline-block;\n      position: relative;\n      line-height: ", ";\n      font-size: ", ";\n      color: ", ";\n      background-color: ", ";\n    "])),
+    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,
@@ -33,15 +33,16 @@ var styles = {
 
   },
 
-  root5_5: function root5_5() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      display: inline-flex;\n      flex-wrap: wrap;\n    "])));
+  root5_5: function root5_5(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      flex-wrap: wrap;\n      border-radius: ", ";\n    "])),
 
 
+    t.fileUploaderBorderRadius);
 
   },
 
   uploadButton: function uploadButton(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.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    "])),
+    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    "])),
 
 
 
@@ -59,39 +60,39 @@ var styles = {
   },
 
   uploadButtonFocus: function uploadButtonFocus(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+    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);
 
   },
 
   uploadButtonWithFile: function uploadButtonWithFile(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n      border: ", " solid transparent;\n      background: none;\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid transparent;\n      background: none;\n    "])),
     t.fileUploaderBorderWidth);
 
 
   },
 
   uploadButtonIconGapSmall: function uploadButtonIconGapSmall(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n      margin-right: ", ";\n    "])),
+    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, _taggedTemplateLiteral2.default)(["\n      margin-right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
     t.inputIconGapMedium);
 
   },
 
   uploadButtonIconGapLarge: function uploadButtonIconGapLarge(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n      margin-right: ", ";\n    "])),
+    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, _taggedTemplateLiteral2.default)(["\n      border: 1px solid ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n    "])),
+    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);
@@ -99,32 +100,32 @@ var styles = {
   },
 
   windowDragOver: function windowDragOver(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])),
     t.fileUploaderBorderRadius,
     styles.calcPulse(t));
 
   },
 
   contentInnerSmall: function contentInnerSmall(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
     t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
 
   },
 
   contentInnerMedium: function contentInnerMedium(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
     t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
 
   },
 
   contentInnerLarge: function contentInnerLarge(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: calc(100% - ", " - ", ");\n    "])),
     t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
 
   },
 
   visuallyHidden: function visuallyHidden() {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.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    "])));
+    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    "])));
 
 
 
@@ -139,19 +140,19 @@ var styles = {
   },
 
   afterLinkText: function afterLinkText() {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n      display: inline;\n    "])));
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n    "])));
 
 
   },
 
   afterLinkTextColor: function afterLinkTextColor(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n    "])),
+    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, _taggedTemplateLiteral2.default)(["\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n      height: 100%;\n    "])));
+    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    "])));
 
 
 
@@ -160,14 +161,14 @@ var styles = {
   },
 
   warningButton: function warningButton(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+    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, _taggedTemplateLiteral2.default)(["\n      background: ", ";\n      color: ", ";\n      &:hover {\n        background: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      &:hover {\n        background: ", ";\n      }\n    "])),
     t.fileUploaderWarningBgColor,
     t.fileUploaderValidationTextColor,
 
@@ -177,14 +178,14 @@ var styles = {
   },
 
   errorButton: function errorButton(t) {
-    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])),
+    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, _taggedTemplateLiteral2.default)(["\n      background: ", ";\n      color: ", ";\n      &:hover {\n        background: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      &:hover {\n        background: ", ";\n      }\n    "])),
     t.fileUploaderErrorBgColor,
     t.fileUploaderValidationTextColor,
 
@@ -194,25 +195,25 @@ var styles = {
   },
 
   hovered: function hovered(t) {
-    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n      background: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
     t.fileUploaderHoveredBg);
 
   },
 
   hoveredBorderColor: function hoveredBorderColor(t) {
-    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n      border-color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n    "])),
     t.fileUploaderHoveredBorderColor);
 
   },
 
   linkHovered: function linkHovered(t) {
-    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n      text-decoration: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
     t.fileUploaderLinkHoverTextDecoration);
 
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n      cursor: default;\n      color: ", ";\n      box-shadow: none;\n      background-clip: ", ";\n\n      .", " {\n        color: ", ";\n      }\n    "])),
+    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,
 
@@ -225,34 +226,34 @@ var styles = {
   },
 
   disabledBackground: function disabledBackground(t) {
-    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2.default)(["\n      background: ", ";\n      border: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border: ", ";\n    "])),
     t.fileUploaderDisabledBg,
     t.fileUploaderDisabledBorder);
 
   },
 
   icon: function icon(t) {
-    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2.default)(["\n      display: inline-block;\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      color: ", ";\n    "])),
 
     t.fileUploaderIconColor);
 
   },
 
   iconRight: function iconRight() {
-    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2.default)(["\n      position: absolute;\n      text-align: right;\n    "])));
+    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      text-align: right;\n    "])));
 
 
 
   },
 
   iconDisabled: function iconDisabled(t) {
-    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.fileUploaderDisabledIconColor);
 
   },
 
   link: function link(t) {
-    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteral2.default)(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])),
 
 
     t.fileUploaderLinkColor);
@@ -260,7 +261,7 @@ var styles = {
   },
 
   linkDisabled: function linkDisabled(t) {
-    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])),
     t.fileUploaderDisabledLinkColor);
 
 
@@ -269,14 +270,14 @@ var styles = {
   },
 
   singleFile: function singleFile() {
-    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteral2.default)(["\n      width: 100%;\n      height: inherit;\n    "])));
+    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: inherit;\n    "])));
 
 
 
   },
 
   iconSmall: function iconSmall(t) {
-    return (0, _Emotion.css)(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteral2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
+    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,
@@ -286,7 +287,7 @@ var styles = {
   },
 
   iconMedium: function iconMedium(t) {
-    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteral2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
+    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,
@@ -296,7 +297,7 @@ var styles = {
   },
 
   iconLarge: function iconLarge(t) {
-    return (0, _Emotion.css)(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteral2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])),
+    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,
@@ -306,21 +307,21 @@ var styles = {
   },
 
   iconSmall5_5: function iconSmall5_5(t) {
-    return (0, _Emotion.css)(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteral2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
     t.fileUploaderFontSizeSmall,
     t.fileUploaderLineHeightSmall);
 
   },
 
   iconMedium5_5: function iconMedium5_5(t) {
-    return (0, _Emotion.css)(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteral2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
     t.fileUploaderFontSizeMedium,
     t.fileUploaderLineHeightMedium);
 
   },
 
   iconLarge5_5: function iconLarge5_5(t) {
-    return (0, _Emotion.css)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteral2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
     t.fileUploaderFontSizeLarge,
     t.fileUploaderLineHeightLarge);
 
@@ -329,51 +330,51 @@ var styles = {
 
 var rowStyles = {
   root: function root() {
-    return (0, _Emotion.css)(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteral2.default)(["\n      width: 100%;\n    "])));
+    return (0, _Emotion.css)(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
 
 
   },
 
   uploadButtonWithFile: function uploadButtonWithFile(t) {
-    return (0, _Emotion.css)(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteral2.default)(["\n      border: ", " solid transparent;\n      background: none;\n    "])),
+    return (0, _Emotion.css)(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid transparent;\n      background: none;\n    "])),
     t.fileUploaderBorderWidth);
 
 
   },
 
   uploadButton: function uploadButton() {
-    return (0, _Emotion.css)(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteral2.default)(["\n      justify-content: space-between;\n    "])));
+    return (0, _Emotion.css)(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteralLoose2.default)(["\n      justify-content: space-between;\n    "])));
 
 
   },
 
   uploadButtonWrapper: function uploadButtonWrapper() {
-    return (0, _Emotion.css)(_templateObject43 || (_templateObject43 = (0, _taggedTemplateLiteral2.default)(["\n      height: inherit;\n      width: 100%;\n    "])));
+    return (0, _Emotion.css)(_templateObject43 || (_templateObject43 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: inherit;\n      width: 100%;\n    "])));
 
 
 
   },
 
   uploadButtonIconGapSmall: function uploadButtonIconGapSmall(t) {
-    return (0, _Emotion.css)(_templateObject44 || (_templateObject44 = (0, _taggedTemplateLiteral2.default)(["\n      margin-right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject44 || (_templateObject44 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
     t.inputIconGapSmall);
 
   },
 
   uploadButtonIconGapMedium: function uploadButtonIconGapMedium(t) {
-    return (0, _Emotion.css)(_templateObject45 || (_templateObject45 = (0, _taggedTemplateLiteral2.default)(["\n      margin-right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject45 || (_templateObject45 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
     t.inputIconGapMedium);
 
   },
 
   uploadButtonIconGapLarge: function uploadButtonIconGapLarge(t) {
-    return (0, _Emotion.css)(_templateObject46 || (_templateObject46 = (0, _taggedTemplateLiteral2.default)(["\n      margin-right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject46 || (_templateObject46 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
     t.inputIconGapLarge);
 
   },
 
   sizeSmall: function sizeSmall(t) {
-    return (0, _Emotion.css)(_templateObject47 || (_templateObject47 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject47 || (_templateObject47 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _FileUploader.fileUploaderSizeMixin)(
       t.fileUploaderFontSizeSmall,
       t.fileUploaderLineHeightSmall,
@@ -384,7 +385,7 @@ var rowStyles = {
   },
 
   sizeMedium: function sizeMedium(t) {
-    return (0, _Emotion.css)(_templateObject48 || (_templateObject48 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject48 || (_templateObject48 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _FileUploader.fileUploaderSizeMixin)(
       t.fileUploaderFontSizeMedium,
       t.fileUploaderLineHeightMedium,
@@ -395,7 +396,7 @@ var rowStyles = {
   },
 
   sizeLarge: function sizeLarge(t) {
-    return (0, _Emotion.css)(_templateObject49 || (_templateObject49 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject49 || (_templateObject49 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _FileUploader.fileUploaderSizeMixin)(
       t.fileUploaderFontSizeLarge,
       t.fileUploaderLineHeightLarge,
@@ -406,7 +407,7 @@ var rowStyles = {
   },
 
   content: function content() {
-    return (0, _Emotion.css)(_templateObject50 || (_templateObject50 = (0, _taggedTemplateLiteral2.default)(["\n      display: block;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    "])));
+    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    "])));
 
 
 
@@ -416,7 +417,7 @@ var rowStyles = {
   },
 
   contentWithFiles: function contentWithFiles() {
-    return (0, _Emotion.css)(_templateObject51 || (_templateObject51 = (0, _taggedTemplateLiteral2.default)(["\n      display: flex;\n      align-items: center;\n    "])));
+    return (0, _Emotion.css)(_templateObject51 || (_templateObject51 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: center;\n    "])));
 
 
 
@@ -425,7 +426,7 @@ var rowStyles = {
 
 var tileStyles = {
   uploadButton: function uploadButton() {
-    return (0, _Emotion.css)(_templateObject52 || (_templateObject52 = (0, _taggedTemplateLiteral2.default)(["\n      height: 100%;\n      justify-content: center;\n      flex-direction: column;\n    "])));
+    return (0, _Emotion.css)(_templateObject52 || (_templateObject52 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      justify-content: center;\n      flex-direction: column;\n    "])));
 
 
 
@@ -433,13 +434,13 @@ var tileStyles = {
   },
 
   uploadButtonWrapper: function uploadButtonWrapper() {
-    return (0, _Emotion.css)(_templateObject53 || (_templateObject53 = (0, _taggedTemplateLiteral2.default)(["\n      box-sizing: border-box;\n    "])));
+    return (0, _Emotion.css)(_templateObject53 || (_templateObject53 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box;\n    "])));
 
 
   },
 
   uploadButtonWrapperSmall: function uploadButtonWrapperSmall(t) {
-    return (0, _Emotion.css)(_templateObject54 || (_templateObject54 = (0, _taggedTemplateLiteral2.default)(["\n      width: ", ";\n      min-height: ", ";\n      height: auto;\n    "])),
+    return (0, _Emotion.css)(_templateObject54 || (_templateObject54 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      min-height: ", ";\n      height: auto;\n    "])),
     t.fileUploaderTileWidthSmall,
     t.fileUploaderTileMinHeightSmall);
 
@@ -447,7 +448,7 @@ var tileStyles = {
   },
 
   uploadButtonWrapperMedium: function uploadButtonWrapperMedium(t) {
-    return (0, _Emotion.css)(_templateObject55 || (_templateObject55 = (0, _taggedTemplateLiteral2.default)(["\n      width: ", ";\n      min-height: ", ";\n      height: auto;\n    "])),
+    return (0, _Emotion.css)(_templateObject55 || (_templateObject55 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      min-height: ", ";\n      height: auto;\n    "])),
     t.fileUploaderTileWidthMedium,
     t.fileUploaderTileMinHeightMedium);
 
@@ -455,7 +456,7 @@ var tileStyles = {
   },
 
   uploadButtonWrapperLarge: function uploadButtonWrapperLarge(t) {
-    return (0, _Emotion.css)(_templateObject56 || (_templateObject56 = (0, _taggedTemplateLiteral2.default)(["\n      width: ", ";\n      min-height: ", ";\n      height: auto;\n    "])),
+    return (0, _Emotion.css)(_templateObject56 || (_templateObject56 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      min-height: ", ";\n      height: auto;\n    "])),
     t.fileUploaderTileWidthLarge,
     t.fileUploaderTileMinHeightLarge);
 
@@ -463,28 +464,28 @@ var tileStyles = {
   },
 
   uploadButtonWrapperEmptyFileSmall: function uploadButtonWrapperEmptyFileSmall(t) {
-    return (0, _Emotion.css)(_templateObject57 || (_templateObject57 = (0, _taggedTemplateLiteral2.default)(["\n      padding: ", ";\n      height: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject57 || (_templateObject57 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n      height: ", ";\n    "])),
     t.fileUploaderTileFilePaddingSmall,
     t.fileUploaderTileMinHeightSmall);
 
   },
 
   uploadButtonWrapperEmptyFileMedium: function uploadButtonWrapperEmptyFileMedium(t) {
-    return (0, _Emotion.css)(_templateObject58 || (_templateObject58 = (0, _taggedTemplateLiteral2.default)(["\n      padding: ", ";\n      height: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject58 || (_templateObject58 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n      height: ", ";\n    "])),
     t.fileUploaderTileFilePaddingMedium,
     t.fileUploaderTileMinHeightMedium);
 
   },
 
   uploadButtonWrapperEmptyFileLarge: function uploadButtonWrapperEmptyFileLarge(t) {
-    return (0, _Emotion.css)(_templateObject59 || (_templateObject59 = (0, _taggedTemplateLiteral2.default)(["\n      padding: ", ";\n      height: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject59 || (_templateObject59 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n      height: ", ";\n    "])),
     t.fileUploaderTileFilePaddingLarge,
     t.fileUploaderTileMinHeightLarge);
 
   },
 
   uploadButtonWithFile: function uploadButtonWithFile(t) {
-    return (0, _Emotion.css)(_templateObject60 || (_templateObject60 = (0, _taggedTemplateLiteral2.default)(["\n      border: ", " solid transparent;\n      background: none;\n      justify-content: start;\n    "])),
+    return (0, _Emotion.css)(_templateObject60 || (_templateObject60 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid transparent;\n      background: none;\n      justify-content: start;\n    "])),
     t.fileUploaderBorderWidth);
 
 
@@ -492,43 +493,49 @@ var tileStyles = {
   },
 
   uploadButtonIconGapSmall: function uploadButtonIconGapSmall(t) {
-    return (0, _Emotion.css)(_templateObject61 || (_templateObject61 = (0, _taggedTemplateLiteral2.default)(["\n      margin-bottom: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject61 || (_templateObject61 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: ", ";\n    "])),
     t.inputIconGapSmall);
 
   },
 
   uploadButtonIconGapMedium: function uploadButtonIconGapMedium(t) {
-    return (0, _Emotion.css)(_templateObject62 || (_templateObject62 = (0, _taggedTemplateLiteral2.default)(["\n      margin-bottom: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject62 || (_templateObject62 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: ", ";\n    "])),
     t.inputIconGapMedium);
 
   },
 
   uploadButtonIconGapLarge: function uploadButtonIconGapLarge(t) {
-    return (0, _Emotion.css)(_templateObject63 || (_templateObject63 = (0, _taggedTemplateLiteral2.default)(["\n      margin-bottom: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject63 || (_templateObject63 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: ", ";\n    "])),
     t.inputIconGapLarge);
 
   },
 
   uploadButtonTileWithFileSmall: function uploadButtonTileWithFileSmall(t) {
-    return (0, _Emotion.css)(_templateObject64 || (_templateObject64 = (0, _taggedTemplateLiteral2.default)(["\n      padding: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject64 || (_templateObject64 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
     t.fileUploaderTileFilePaddingSmall);
 
   },
 
   uploadButtonTileWithFileMedium: function uploadButtonTileWithFileMedium(t) {
-    return (0, _Emotion.css)(_templateObject65 || (_templateObject65 = (0, _taggedTemplateLiteral2.default)(["\n      padding: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject65 || (_templateObject65 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
     t.fileUploaderTileFilePaddingMedium);
 
   },
 
   uploadButtonTileWithFileLarge: function uploadButtonTileWithFileLarge(t) {
-    return (0, _Emotion.css)(_templateObject66 || (_templateObject66 = (0, _taggedTemplateLiteral2.default)(["\n      padding: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject66 || (_templateObject66 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
     t.fileUploaderTileFilePaddingLarge);
 
   },
 
+  verticalAlign: function verticalAlign() {
+    return (0, _Emotion.css)(_templateObject67 || (_templateObject67 = (0, _taggedTemplateLiteralLoose2.default)(["\n      vertical-align: middle;\n    "])));
+
+
+  },
+
   sizeSmall: function sizeSmall(t) {
-    return (0, _Emotion.css)(_templateObject67 || (_templateObject67 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject68 || (_templateObject68 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _FileUploader.fileUploaderSizeMixin)(
       t.fileUploaderFontSizeSmall,
       t.fileUploaderLineHeightSmall,
@@ -539,7 +546,7 @@ var tileStyles = {
   },
 
   sizeMedium: function sizeMedium(t) {
-    return (0, _Emotion.css)(_templateObject68 || (_templateObject68 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject69 || (_templateObject69 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _FileUploader.fileUploaderSizeMixin)(
       t.fileUploaderFontSizeMedium,
       t.fileUploaderLineHeightMedium,
@@ -550,7 +557,7 @@ var tileStyles = {
   },
 
   sizeLarge: function sizeLarge(t) {
-    return (0, _Emotion.css)(_templateObject69 || (_templateObject69 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject70 || (_templateObject70 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _FileUploader.fileUploaderSizeMixin)(
       t.fileUploaderFontSizeLarge,
       t.fileUploaderLineHeightLarge,
@@ -561,7 +568,7 @@ var tileStyles = {
   },
 
   content: function content() {
-    return (0, _Emotion.css)(_templateObject70 || (_templateObject70 = (0, _taggedTemplateLiteral2.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    "])));
+    return (0, _Emotion.css)(_templateObject71 || (_templateObject71 = (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    "])));
 
 
 
@@ -574,7 +581,7 @@ var tileStyles = {
   },
 
   contentWithFiles: function contentWithFiles() {
-    return (0, _Emotion.css)(_templateObject71 || (_templateObject71 = (0, _taggedTemplateLiteral2.default)(["\n      display: flex;\n      align-items: flex-start;\n      height: 100%;\n    "])));
+    return (0, _Emotion.css)(_templateObject72 || (_templateObject72 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: flex-start;\n      height: 100%;\n    "])));