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