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

package/components/FileUploader/FileUploader.d.ts

@@ -75,11 +75,11 @@ interface _FileUploaderProps extends CommonProps, Omit<React.InputHTMLAttributes
     }>>;
     /**
      * Задает функцию, которая позволяет кастомизировать файлы. Через нее можно вешать кастомные валидации на каждый файл.
-     * @default (props: FileUploaderFileProps) => <FileUploaderFile {...props} />
-     * @param {FileUploaderFileProps} props - пропсы компонента `FileUploaderFile`, смотри примеры использования в документации.
-     * @returns {ReactNode} элемент, который отрисовывает контент файла.
+     * @param {FileUploaderAttachedFile} file - файл, отображение которого нужно кастомизировать.
+     * @param {fileNode} fileNode - `reactElement` компонента `FileUploaderFile`
+     * @param {FileUploaderFileProps} props - пропы компонента `FileUploaderFile`, смотри примеры использования в документации.
      */
-    renderFile?: (props: FileUploaderFileProps) => React.ReactNode;
+    renderFile?: (file: FileUploaderAttachedFile, fileNode: React.ReactElement, props: FileUploaderFileProps) => React.ReactNode;
 }
 export interface FileUploaderRef extends InstanceWithRootNode {
     focus: () => void;
@@ -102,5 +102,5 @@ export interface FileUploaderProps extends _FileUploaderProps, FileUploaderContr
  *
  * Можно использовать для синхронной отправки данных, например, в форме. Или же можно использовать в асинхронном режиме.
  */
-export declare const FileUploader: React.ForwardRefExoticComponent<FileUploaderProps & FileUploaderControlProviderProps & React.RefAttributes<FileUploaderRef>>;
+export declare const FileUploader: React.MemoExoticComponent<React.ForwardRefExoticComponent<FileUploaderProps & FileUploaderControlProviderProps & React.RefAttributes<FileUploaderRef>>>;
 export {};

package/components/FileUploader/FileUploader.mixins/FileUploader.mixins.js

@@ -1,3 +1,6 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject;
+import { css } from "../../../lib/theming/Emotion";
 export var fileUploaderSizeMixin = function fileUploaderSizeMixin(fontSize, lineHeight, paddingX, paddingY) {
-  return "\n    font-size: " + fontSize + ";\n    box-sizing: border-box;\n    padding: " + paddingY + " " + paddingX + ";\n    line-height: " + lineHeight + ";\n  ";
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", " ", ";\n    line-height: ", ";\n  "])), fontSize, paddingY, paddingX, lineHeight);
 };

package/components/FileUploader/FileUploader.mixins/FileUploader.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["fileUploaderSizeMixin","fontSize","lineHeight","paddingX","paddingY"],"sources":["FileUploader.mixins.ts"],"sourcesContent":["export const fileUploaderSizeMixin = (\n  fontSize: string,\n  lineHeight: string,\n  paddingX: string,\n  paddingY: string,\n): string => {\n  return `\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${paddingY} ${paddingX};\n    line-height: ${lineHeight};\n  `;\n};\n"],"mappings":"AAAA,OAAO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA;AAChCC,QAAgB;AAChBC,UAAkB;AAClBC,QAAgB;AAChBC,QAAgB;AACL;EACX;EACeH,QAAQ;;EAEVG,QAAQ,SAAID,QAAQ;EAChBD,UAAU;;AAE7B,CAAC","ignoreList":[]}
+{"version":3,"names":["css","fileUploaderSizeMixin","fontSize","lineHeight","paddingX","paddingY","_templateObject","_taggedTemplateLiteralLoose"],"sources":["FileUploader.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const fileUploaderSizeMixin = (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => {\n  return css`\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${paddingY} ${paddingX};\n    line-height: ${lineHeight};\n  `;\n};\n"],"mappings":"oHAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,QAAgB,EAAK;EACjH,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACKL,QAAQ;;EAEVG,QAAQ,EAAID,QAAQ;EAChBD,UAAU;;AAE7B,CAAC","ignoreList":[]}

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

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