var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
export var getJsStyles = memoizeGetStyles(function (_a) {
    var css = _a.css;
    return ({
        root: function () {
            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      width: 100%;\n      height: inherit;\n    "], ["\n      width: 100%;\n      height: inherit;\n    "])));
        },
        content: function () {
            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      display: flex;\n      width: 100%;\n      align-items: baseline;\n    "], ["\n      display: flex;\n      width: 100%;\n      align-items: baseline;\n    "])));
        },
        validationTextError: function (t) {
            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.fileUploaderErrorTextColor);
        },
        validationTextWarning: function (t) {
            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.fileUploaderWarningTextColor);
        },
        nameBlock: function () {
            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      display: flex;\n      flex-wrap: wrap;\n      flex: 1 1 100%;\n      width: 100%;\n    "], ["\n      display: flex;\n      flex-wrap: wrap;\n      flex: 1 1 100%;\n      width: 100%;\n    "])));
        },
        size: function (t) {
            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      margin-left: ", ";\n      flex: 1 0 auto;\n    "], ["\n      margin-left: ", ";\n      flex: 1 0 auto;\n    "])), t.fileUploaderFileSizeMarginLeft);
        },
        sizeSmall: function (t) {
            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFileSizeWidthSmall, t.fileUploaderFileSizeMarginSmall, t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall);
        },
        sizeMedium: function (t) {
            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFileSizeWidthMedium, t.fileUploaderFileSizeMarginMedium, t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium);
        },
        sizeLarge: function (t) {
            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFileSizeWidthLarge, t.fileUploaderFileSizeMarginLarge, t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge);
        },
        icon: function (t) {
            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      position: absolute;\n      top: ", ";\n      right: ", ";\n      display: flex;\n      flex: 1 0 auto;\n      align-items: center;\n      justify-content: center;\n      width: ", ";\n      border-radius: ", ";\n      cursor: pointer;\n      text-align: center;\n      outline: none;\n      &:hover {\n        background: ", ";\n      }\n      &:active {\n        background: ", ";\n      }\n    "], ["\n      position: absolute;\n      top: ", ";\n      right: ", ";\n      display: flex;\n      flex: 1 0 auto;\n      align-items: center;\n      justify-content: center;\n      width: ", ";\n      border-radius: ", ";\n      cursor: pointer;\n      text-align: center;\n      outline: none;\n      &:hover {\n        background: ", ";\n      }\n      &:active {\n        background: ", ";\n      }\n    "])), t.fileUploaderIconGapSmall, t.fileUploaderIconGapSmall, t.fileUploaderTileIconSizeSmall, t.fileUploaderBorderRadius, t.fileUploaderHoveredBg, t.fileUploaderActiveBg);
        },
        disabledFileTypeIconSvg: function (t) {
            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      svg {\n        fill: ", " !important;\n      }\n    "], ["\n      svg {\n        fill: ", " !important;\n      }\n    "])), t.fileUploaderDisabledFileTypeIcon);
        },
        fileTypeIconMultiple: function () {
            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      margin-left: 0;\n    "], ["\n      margin-left: 0;\n    "])));
        },
        contentSmall: function (t) {
            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall);
        },
        contentMedium: function (t) {
            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium);
        },
        contentLarge: function (t) {
            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge);
        },
    });
});
export var getJsRowStyles = memoizeGetStyles(function (_a) {
    var css = _a.css;
    return {
        content: function () {
            return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n        flex-direction: row;\n      "], ["\n        flex-direction: row;\n      "])));
        },
        contentSmall: function (t) {
            return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.fileUploaderFileIconSizeSmall);
        },
        contentMedium: function (t) {
            return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.fileUploaderFileIconSizeMedium);
        },
        contentLarge: function (t) {
            return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.fileUploaderFileIconSizeMedium);
        },
        iconSmall: function (t) {
            return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n        height: ", ";\n        width: ", ";\n      "], ["\n        height: ", ";\n        width: ", ";\n      "])), t.fileUploaderFileIconSizeSmall, t.fileUploaderFileIconSizeSmall);
        },
        iconMedium: function (t) {
            return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n        height: ", ";\n        width: ", ";\n      "], ["\n        height: ", ";\n        width: ", ";\n      "])), t.fileUploaderFileIconSizeMedium, t.fileUploaderFileIconSizeMedium);
        },
        iconLarge: function (t) {
            return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n        height: ", ";\n        width: ", ";\n      "], ["\n        height: ", ";\n        width: ", ";\n      "])), t.fileUploaderFileIconSizeLarge, t.fileUploaderFileIconSizeLarge);
        },
        fileTypeIconSmall: function (t) {
            return css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.fileUploaderIconGapSmall);
        },
        fileTypeIconMedium: function (t) {
            return css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.fileUploaderIconGapMedium);
        },
        fileTypeIconLarge: function (t) {
            return css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.fileUploaderIconGapLarge);
        },
        iconColor: function (t) {
            return css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n        color: ", ";\n        &:hover {\n          color: ", ";\n        }\n      "], ["\n        color: ", ";\n        &:hover {\n          color: ", ";\n        }\n      "])), t.fileUploaderIconColor, t.fileUploaderIconHoverColor);
        },
        size: function (t) {
            return css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n        margin-left: ", ";\n        color: ", ";\n      "], ["\n        margin-left: ", ";\n        color: ", ";\n      "])), t.fileUploaderIconGapSmall, t.fileUploaderDisabledColor);
        },
        name: function () {
            return css(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n        flex: 1 1 100%;\n        overflow: hidden;\n      "], ["\n        flex: 1 1 100%;\n        overflow: hidden;\n      "])));
        },
        nameBlock: function () {
            return css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n        flex: 1 1 100%;\n      "], ["\n        flex: 1 1 100%;\n      "])));
        },
        disabled: function (t) {
            return css(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n        cursor: default;\n        color: ", ";\n      "], ["\n        cursor: default;\n        color: ", ";\n      "])), t.fileUploaderDisabledTextColor);
        },
    };
});
export var getJsTileStyles = memoizeGetStyles(function (_a) {
    var css = _a.css;
    return {
        content: function () {
            return css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n        flex-direction: column;\n        align-items: center;\n        height: inherit;\n      "], ["\n        flex-direction: column;\n        align-items: center;\n        height: inherit;\n      "])));
        },
        iconAction: function (t) {
            return css(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n        border-radius: ", ";\n        opacity: 0;\n        background: ", ";\n\n        &:hover {\n          background: ", ";\n        }\n\n        &:active {\n          background: ", ";\n        }\n      "], ["\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 () {
            return css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n        opacity: 1;\n      "], ["\n        opacity: 1;\n      "])));
        },
        iconSmall: function (t) {
            return css(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n        width: ", ";\n        height: ", ";\n        padding: ", ";\n        top: ", ";\n        right: ", ";\n      "], ["\n        width: ", ";\n        height: ", ";\n        padding: ", ";\n        top: ", ";\n        right: ", ";\n      "])), t.fileUploaderTileIconSizeSmall, t.fileUploaderTileIconSizeSmall, t.fileUploaderTileIconActionPaddingSmall, t.fileUploaderTileIconActionPositionSmall, t.fileUploaderTileIconActionPositionSmall);
        },
        iconMedium: function (t) {
            return css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n        width: ", ";\n        height: ", ";\n        padding: ", ";\n        top: ", ";\n        right: ", ";\n      "], ["\n        width: ", ";\n        height: ", ";\n        padding: ", ";\n        top: ", ";\n        right: ", ";\n      "])), t.fileUploaderTileIconSizeMedium, t.fileUploaderTileIconSizeMedium, t.fileUploaderTileIconActionPaddingMedium, t.fileUploaderTileIconActionPositionMedium, t.fileUploaderTileIconActionPositionMedium);
        },
        iconLarge: function (t) {
            return css(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n        width: ", ";\n        height: ", ";\n        padding: ", ";\n        top: ", ";\n        right: ", ";\n      "], ["\n        width: ", ";\n        height: ", ";\n        padding: ", ";\n        top: ", ";\n        right: ", ";\n      "])), t.fileUploaderTileIconSizeLarge, t.fileUploaderTileIconSizeLarge, t.fileUploaderTileIconActionPaddingLarge, t.fileUploaderTileIconActionPositionLarge, t.fileUploaderTileIconActionPositionLarge);
        },
        fileTypeIcon: function (t) {
            return css(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\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      "], ["\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 () {
            return css(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n      "], ["\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n      "])));
        },
        fileTypeIconSmall: function (t) {
            return css(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n        margin-bottom: ", ";\n        height: ", ";\n      "], ["\n        margin-bottom: ", ";\n        height: ", ";\n      "])), t.fileUploaderIconGapSmall, t.fileUploaderTileTypeIconHeightSmall);
        },
        fileTypeIconMedium: function (t) {
            return css(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n        margin-bottom: ", ";\n        height: ", ";\n      "], ["\n        margin-bottom: ", ";\n        height: ", ";\n      "])), t.fileUploaderIconGapMedium, t.fileUploaderTileTypeIconHeightMedium);
        },
        fileTypeIconLarge: function (t) {
            return css(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n        margin-bottom: ", ";\n        height: ", ";\n      "], ["\n        margin-bottom: ", ";\n        height: ", ";\n      "])), t.fileUploaderIconGapLarge, t.fileUploaderTileTypeIconHeightLarge);
        },
        disabledFileTypeIcon: function (t) {
            return css(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n        box-shadow: none;\n        background: ", ";\n      "], ["\n        box-shadow: none;\n        background: ", ";\n      "])), t.fileUploaderDisabledBg);
        },
        sizeDisabled: function (t) {
            return css(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.fileUploaderDisabledIconColor);
        },
        errorFileTypeIcon: function (t) {
            return css(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n        background: ", ";\n        border: 1px solid ", ";\n      "], ["\n        background: ", ";\n        border: 1px solid ", ";\n      "])), t.fileUploaderErrorBgColor, t.fileUploaderErrorBgColor);
        },
        warningFileTypeIcon: function (t) {
            return css(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n        background: ", ";\n        border: 1px solid ", ";\n      "], ["\n        background: ", ";\n        border: 1px solid ", ";\n      "])), t.fileUploaderWarningBgColor, t.fileUploaderWarningBgColor);
        },
        iconColor: function (t) {
            return css(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n        color: ", ";\n        &:hover {\n          color: ", ";\n        }\n      "], ["\n        color: ", ";\n        &:hover {\n          color: ", ";\n        }\n      "])), t.fileUploaderTileIconColor, t.fileUploaderTileIconHoverColor);
        },
        size: function (t) {
            return css(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n        width: 100%;\n        margin: ", " 0 0;\n        overflow: hidden;\n        text-align: center;\n        color: ", ";\n      "], ["\n        width: 100%;\n        margin: ", " 0 0;\n        overflow: hidden;\n        text-align: center;\n        color: ", ";\n      "])), t.fileUploaderIconGapSmall, t.clearCrossIconColor);
        },
        name: function () {
            return css(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n        flex: 1 1 100%;\n        word-break: break-all;\n        height: 100%;\n\n        span {\n          word-break: break-word;\n        }\n      "], ["\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 () {
            return css(templateObject_49 || (templateObject_49 = __makeTemplateObject(["\n        flex: 0;\n        text-align: center;\n      "], ["\n        flex: 0;\n        text-align: center;\n      "])));
        },
        contentSmall: function (t) {
            var maxHeight = parseInt(t.fileUploaderLineHeightSmall) * 2;
            return css(templateObject_50 || (templateObject_50 = __makeTemplateObject(["\n        max-height: ", "px;\n      "], ["\n        max-height: ", "px;\n      "])), maxHeight);
        },
        contentMedium: function (t) {
            var maxHeight = parseInt(t.fileUploaderLineHeightMedium) * 2;
            return css(templateObject_51 || (templateObject_51 = __makeTemplateObject(["\n        max-height: ", "px;\n      "], ["\n        max-height: ", "px;\n      "])), maxHeight);
        },
        contentLarge: function (t) {
            var maxHeight = parseInt(t.fileUploaderLineHeightLarge) * 2;
            return css(templateObject_52 || (templateObject_52 = __makeTemplateObject(["\n        max-height: ", "px;\n      "], ["\n        max-height: ", "px;\n      "])), maxHeight);
        },
        disabled: function (t) {
            return css(templateObject_53 || (templateObject_53 = __makeTemplateObject(["\n        cursor: default;\n        color: ", ";\n      "], ["\n        cursor: default;\n        color: ", ";\n      "])), t.fileUploaderDisabledIconColor);
        },
    };
});
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53;
//# sourceMappingURL=FileUploaderFile.styles.js.map