@skbkontur/react-ui 6.4.2 → 6.4.3-6344a.0

package/components/FileUploader/FileUploader.styles.js

@@ -1,221 +0,0 @@
-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, prefix } from '../../lib/theming/Emotion.js';
-import { fileUploaderSizeMixin } from './FileUploader.mixins.js';
-export var globalClasses = prefix('file-uploader')({
-    afterLinkText: 'after-link-text',
-});
-export var getJsStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css, keyframes = _a.keyframes;
-    var calcPulse = function (t) {
-        return keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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    "], ["\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);
-    };
-    return {
-        root: function (t) {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        display: inline-flex;\n        flex-wrap: wrap;\n        position: relative;\n        border-radius: ", ";\n        line-height: ", ";\n        font-size: ", ";\n        color: ", ";\n        background-color: ", ";\n      "], ["\n        display: inline-flex;\n        flex-wrap: wrap;\n        position: relative;\n        border-radius: ", ";\n        line-height: ", ";\n        font-size: ", ";\n        color: ", ";\n        background-color: ", ";\n      "])), t.fileUploaderBorderRadius, t.fileUploaderLineHeightSmall, t.fileUploaderFontSizeSmall, t.fileUploaderTextColorDefault, t.fileUploaderBg);
-        },
-        uploadButton: function (t) {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\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      "], ["\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 (t) {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "], ["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus, t.fileUploaderBorderColorFocus);
-        },
-        uploadButtonWithFile: function (t) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        border: ", " solid transparent;\n        background: none;\n      "], ["\n        border: ", " solid transparent;\n        background: none;\n      "])), t.fileUploaderBorderWidth);
-        },
-        uploadButtonIconGapSmall: function (t) {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapSmall);
-        },
-        uploadButtonIconGapMedium: function (t) {
-            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapMedium);
-        },
-        uploadButtonIconGapLarge: function (t) {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapLarge);
-        },
-        dragOver: function (t) {
-            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        border: 1px solid ", ";\n        border-radius: ", ";\n        box-shadow: ", ";\n      "], ["\n        border: 1px solid ", ";\n        border-radius: ", ";\n        box-shadow: ", ";\n      "])), t.fileUploaderDragOverBorderColor, t.fileUploaderBorderRadius, t.fileUploaderDragOverShadow);
-        },
-        windowDragOver: function (t) {
-            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        border-radius: ", ";\n        animation: ", " 1.5s infinite;\n      "], ["\n        border-radius: ", ";\n        animation: ", " 1.5s infinite;\n      "])), t.fileUploaderBorderRadius, calcPulse(t));
-        },
-        contentInnerSmall: function (t) {
-            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        width: calc(100% - ", " - ", ");\n      "], ["\n        width: calc(100% - ", " - ", ");\n      "])), t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
-        },
-        contentInnerMedium: function (t) {
-            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        width: calc(100% - ", " - ", ");\n      "], ["\n        width: calc(100% - ", " - ", ");\n      "])), t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
-        },
-        contentInnerLarge: function (t) {
-            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        width: calc(100% - ", " - ", ");\n      "], ["\n        width: calc(100% - ", " - ", ");\n      "])), t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
-        },
-        visuallyHidden: function () {
-            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\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      "], ["\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 () {
-            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        display: inline;\n      "], ["\n        display: inline;\n      "])));
-        },
-        afterLinkText_HasFiles: function () {
-            return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n        display: flex;\n        justify-content: space-between;\n        flex: 1 1 auto;\n        height: 100%;\n      "], ["\n        display: flex;\n        justify-content: space-between;\n        flex: 1 1 auto;\n        height: 100%;\n      "])));
-        },
-        warningButton: function (t) {
-            return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "], ["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderColorWarning);
-        },
-        warningFile: function (t) {
-            return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "], ["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "])), t.fileUploaderWarningBgColor, t.fileUploaderValidationTextColor, t.fileUploaderWarningBgHoverColor);
-        },
-        errorButton: function (t) {
-            return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "], ["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderColorError);
-        },
-        errorFile: function (t) {
-            return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "], ["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "])), t.fileUploaderErrorBgColor, t.fileUploaderValidationTextColor, t.fileUploaderErrorBgHoverColor);
-        },
-        hovered: function (t) {
-            return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n        background: ", ";\n      "], ["\n        background: ", ";\n      "])), t.fileUploaderHoveredBg);
-        },
-        linkHovered: function (t) {
-            return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n        text-decoration: ", ";\n      "], ["\n        text-decoration: ", ";\n      "])), t.fileUploaderLinkHoverTextDecoration);
-        },
-        disabled: function (t) {
-            return css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n        cursor: default;\n        color: ", ";\n        box-shadow: none;\n        background-clip: ", ";\n\n        .", " {\n          color: ", ";\n        }\n      "], ["\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 (t) {
-            return css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n        background: ", ";\n        border: ", ";\n      "], ["\n        background: ", ";\n        border: ", ";\n      "])), t.fileUploaderDisabledBg, t.fileUploaderDisabledBorder);
-        },
-        icon: function (t) {
-            return css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n        display: inline-block;\n        color: ", ";\n      "], ["\n        display: inline-block;\n        color: ", ";\n      "])), t.fileUploaderIconColor);
-        },
-        iconDisabled: function (t) {
-            return css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.fileUploaderDisabledIconColor);
-        },
-        link: function (t) {
-            return css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n        outline: none;\n        text-decoration: none;\n        color: ", ";\n      "], ["\n        outline: none;\n        text-decoration: none;\n        color: ", ";\n      "])), t.fileUploaderLinkColor);
-        },
-        linkDisabled: function (t) {
-            return css(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n        color: ", ";\n        &:hover {\n          text-decoration: none;\n        }\n      "], ["\n        color: ", ";\n        &:hover {\n          text-decoration: none;\n        }\n      "])), t.fileUploaderDisabledLinkColor);
-        },
-        singleFile: function () {
-            return css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n        width: 100%;\n        height: inherit;\n      "], ["\n        width: 100%;\n        height: inherit;\n      "])));
-        },
-        iconSmall: function (t) {
-            return css(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall);
-        },
-        iconMedium: function (t) {
-            return css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium);
-        },
-        iconLarge: function (t) {
-            return css(templateObject_32 || (templateObject_32 = __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 {
-        root: function () {
-            return css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n        width: 100%;\n      "], ["\n        width: 100%;\n      "])));
-        },
-        uploadButtonWithFile: function (t) {
-            return css(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n        border: ", " solid transparent;\n        background: none;\n      "], ["\n        border: ", " solid transparent;\n        background: none;\n      "])), t.fileUploaderBorderWidth);
-        },
-        uploadButton: function () {
-            return css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n        justify-content: space-between;\n      "], ["\n        justify-content: space-between;\n      "])));
-        },
-        uploadButtonWrapper: function () {
-            return css(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n        height: inherit;\n        width: 100%;\n      "], ["\n        height: inherit;\n        width: 100%;\n      "])));
-        },
-        uploadButtonIconGapSmall: function (t) {
-            return css(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapSmall);
-        },
-        uploadButtonIconGapMedium: function (t) {
-            return css(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapMedium);
-        },
-        uploadButtonIconGapLarge: function (t) {
-            return css(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapLarge);
-        },
-        sizeSmall: function (t) {
-            return css(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderPaddingXSmall, t.fileUploaderPaddingYSmall));
-        },
-        sizeMedium: function (t) {
-            return css(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderPaddingXMedium, t.fileUploaderPaddingYMedium));
-        },
-        sizeLarge: function (t) {
-            return css(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderPaddingXLarge, t.fileUploaderPaddingYLarge));
-        },
-        content: function () {
-            return css(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      "], ["\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      "])));
-        },
-        contentWithFiles: function () {
-            return css(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n        display: flex;\n        align-items: center;\n      "], ["\n        display: flex;\n        align-items: center;\n      "])));
-        },
-    };
-});
-export var getJsTileStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    return {
-        uploadButton: function () {
-            return css(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n        height: 100%;\n        justify-content: center;\n        flex-direction: column;\n      "], ["\n        height: 100%;\n        justify-content: center;\n        flex-direction: column;\n      "])));
-        },
-        uploadButtonWrapper: function () {
-            return css(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n        box-sizing: border-box;\n      "], ["\n        box-sizing: border-box;\n      "])));
-        },
-        uploadButtonWrapperSmall: function (t) {
-            return css(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "], ["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])), t.fileUploaderTileWidthSmall, t.fileUploaderTileMinHeightSmall);
-        },
-        uploadButtonWrapperMedium: function (t) {
-            return css(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "], ["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])), t.fileUploaderTileWidthMedium, t.fileUploaderTileMinHeightMedium);
-        },
-        uploadButtonWrapperLarge: function (t) {
-            return css(templateObject_49 || (templateObject_49 = __makeTemplateObject(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "], ["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])), t.fileUploaderTileWidthLarge, t.fileUploaderTileMinHeightLarge);
-        },
-        uploadButtonWrapperEmptyFileSmall: function (t) {
-            return css(templateObject_50 || (templateObject_50 = __makeTemplateObject(["\n        padding: ", ";\n        height: ", ";\n      "], ["\n        padding: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingSmall, t.fileUploaderTileMinHeightSmall);
-        },
-        uploadButtonWrapperEmptyFileMedium: function (t) {
-            return css(templateObject_51 || (templateObject_51 = __makeTemplateObject(["\n        padding: ", ";\n        height: ", ";\n      "], ["\n        padding: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingMedium, t.fileUploaderTileMinHeightMedium);
-        },
-        uploadButtonWrapperEmptyFileLarge: function (t) {
-            return css(templateObject_52 || (templateObject_52 = __makeTemplateObject(["\n        padding: ", ";\n        height: ", ";\n      "], ["\n        padding: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingLarge, t.fileUploaderTileMinHeightLarge);
-        },
-        uploadButtonWithFile: function (t) {
-            return css(templateObject_53 || (templateObject_53 = __makeTemplateObject(["\n        border: ", " solid transparent;\n        background: none;\n        justify-content: start;\n      "], ["\n        border: ", " solid transparent;\n        background: none;\n        justify-content: start;\n      "])), t.fileUploaderBorderWidth);
-        },
-        uploadButtonIconGapSmall: function (t) {
-            return css(templateObject_54 || (templateObject_54 = __makeTemplateObject(["\n        margin-bottom: ", ";\n      "], ["\n        margin-bottom: ", ";\n      "])), t.inputIconGapSmall);
-        },
-        uploadButtonIconGapMedium: function (t) {
-            return css(templateObject_55 || (templateObject_55 = __makeTemplateObject(["\n        margin-bottom: ", ";\n      "], ["\n        margin-bottom: ", ";\n      "])), t.inputIconGapMedium);
-        },
-        uploadButtonIconGapLarge: function (t) {
-            return css(templateObject_56 || (templateObject_56 = __makeTemplateObject(["\n        margin-bottom: ", ";\n      "], ["\n        margin-bottom: ", ";\n      "])), t.inputIconGapLarge);
-        },
-        uploadButtonTileWithFileSmall: function (t) {
-            return css(templateObject_57 || (templateObject_57 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), t.fileUploaderTileFilePaddingSmall);
-        },
-        uploadButtonTileWithFileMedium: function (t) {
-            return css(templateObject_58 || (templateObject_58 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), t.fileUploaderTileFilePaddingMedium);
-        },
-        uploadButtonTileWithFileLarge: function (t) {
-            return css(templateObject_59 || (templateObject_59 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), t.fileUploaderTileFilePaddingLarge);
-        },
-        sizeSmall: function (t) {
-            return css(templateObject_60 || (templateObject_60 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderTilePaddingSmall, t.fileUploaderTilePaddingSmall));
-        },
-        sizeMedium: function (t) {
-            return css(templateObject_61 || (templateObject_61 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderTilePaddingMedium, t.fileUploaderTilePaddingMedium));
-        },
-        sizeLarge: function (t) {
-            return css(templateObject_62 || (templateObject_62 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderTilePaddingLarge, t.fileUploaderTilePaddingLarge));
-        },
-        verticalAlign: function () {
-            return css(templateObject_63 || (templateObject_63 = __makeTemplateObject(["\n        vertical-align: middle;\n      "], ["\n        vertical-align: middle;\n      "])));
-        },
-        content: function () {
-            return css(templateObject_64 || (templateObject_64 = __makeTemplateObject(["\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      "], ["\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 () {
-            return css(templateObject_65 || (templateObject_65 = __makeTemplateObject(["\n        display: flex;\n        align-items: flex-start;\n        height: 100%;\n      "], ["\n        display: flex;\n        align-items: flex-start;\n        height: 100%;\n      "])));
-        },
-    };
-});
-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, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65;
-//# sourceMappingURL=FileUploader.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploader.styles.js","sourceRoot":"","sources":["FileUploader.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { fileUploaderSizeMixin } from './FileUploader.mixins.js';\n\nexport const globalClasses = prefix('file-uploader')({\n  afterLinkText: 'after-link-text',\n});\nexport const getJsStyles = memoizeGetStyles(({ css, keyframes }: Emotion) => {\n  const calcPulse = (t: Theme) => {\n    return keyframes`\n      0% {\n        box-shadow: 0 0 0 1px ${t.inputBlinkColor};\n      }\n      95% {\n        box-shadow: 0 0 0 10px ${t.inputBlinkColor};\n      }\n      100% {\n        box-shadow: 0 0 0 1px ${t.inputBlinkColor};\n      }\n    `;\n  };\n  return {\n    root(t: Theme) {\n      return css`\n        display: inline-flex;\n        flex-wrap: wrap;\n        position: relative;\n        border-radius: ${t.fileUploaderBorderRadius};\n        line-height: ${t.fileUploaderLineHeightSmall};\n        font-size: ${t.fileUploaderFontSizeSmall};\n        color: ${t.fileUploaderTextColorDefault};\n        background-color: ${t.fileUploaderBg};\n      `;\n    },\n    uploadButton(t: Theme) {\n      return css`\n        width: 100%;\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n        box-sizing: border-box;\n        border-radius: ${t.fileUploaderBorderRadius};\n        outline: none;\n        cursor: pointer;\n        transition:\n          background-color ${t.transitionDuration} ${t.transitionTimingFunction},\n          border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n        background-color: ${t.fileUploaderUploadButtonBg};\n      `;\n    },\n\n    uploadButtonFocus(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n        box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n      `;\n    },\n\n    uploadButtonWithFile(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid transparent;\n        background: none;\n      `;\n    },\n\n    uploadButtonIconGapSmall(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapSmall};\n      `;\n    },\n\n    uploadButtonIconGapMedium(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapMedium};\n      `;\n    },\n\n    uploadButtonIconGapLarge(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapLarge};\n      `;\n    },\n\n    dragOver(t: Theme) {\n      return css`\n        border: 1px solid ${t.fileUploaderDragOverBorderColor};\n        border-radius: ${t.fileUploaderBorderRadius};\n        box-shadow: ${t.fileUploaderDragOverShadow};\n      `;\n    },\n\n    windowDragOver(t: Theme) {\n      return css`\n        border-radius: ${t.fileUploaderBorderRadius};\n        animation: ${calcPulse(t)} 1.5s infinite;\n      `;\n    },\n\n    contentInnerSmall(t: Theme) {\n      return css`\n        width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n      `;\n    },\n\n    contentInnerMedium(t: Theme) {\n      return css`\n        width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n      `;\n    },\n\n    contentInnerLarge(t: Theme) {\n      return css`\n        width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n      `;\n    },\n\n    visuallyHidden() {\n      return css`\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      `;\n    },\n\n    afterLinkText() {\n      return css`\n        display: inline;\n      `;\n    },\n\n    afterLinkText_HasFiles() {\n      return css`\n        display: flex;\n        justify-content: space-between;\n        flex: 1 1 auto;\n        height: 100%;\n      `;\n    },\n\n    warningButton(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n        box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n      `;\n    },\n\n    warningFile(t: Theme) {\n      return css`\n        background: ${t.fileUploaderWarningBgColor};\n        color: ${t.fileUploaderValidationTextColor};\n        &:hover {\n          background: ${t.fileUploaderWarningBgHoverColor};\n        }\n      `;\n    },\n\n    errorButton(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n        box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n      `;\n    },\n\n    errorFile(t: Theme) {\n      return css`\n        background: ${t.fileUploaderErrorBgColor};\n        color: ${t.fileUploaderValidationTextColor};\n        &:hover {\n          background: ${t.fileUploaderErrorBgHoverColor};\n        }\n      `;\n    },\n\n    hovered(t: Theme) {\n      return css`\n        background: ${t.fileUploaderHoveredBg};\n      `;\n    },\n\n    linkHovered(t: Theme) {\n      return css`\n        text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n      `;\n    },\n\n    disabled(t: Theme) {\n      return css`\n        cursor: default;\n        color: ${t.fileUploaderDisabledTextColor};\n        box-shadow: none;\n        background-clip: ${t.fileUploaderDisabledBgClip};\n\n        .${globalClasses.afterLinkText} {\n          color: ${t.fileUploaderDisabledTextColor};\n        }\n      `;\n    },\n\n    disabledBackground(t: Theme) {\n      return css`\n        background: ${t.fileUploaderDisabledBg};\n        border: ${t.fileUploaderDisabledBorder};\n      `;\n    },\n\n    icon(t: Theme) {\n      return css`\n        display: inline-block;\n        color: ${t.fileUploaderIconColor};\n      `;\n    },\n\n    iconDisabled(t: Theme) {\n      return css`\n        color: ${t.fileUploaderDisabledIconColor};\n      `;\n    },\n\n    link(t: Theme) {\n      return css`\n        outline: none;\n        text-decoration: none;\n        color: ${t.fileUploaderLinkColor};\n      `;\n    },\n\n    linkDisabled(t: Theme) {\n      return css`\n        color: ${t.fileUploaderDisabledLinkColor};\n        &:hover {\n          text-decoration: none;\n        }\n      `;\n    },\n\n    singleFile() {\n      return css`\n        width: 100%;\n        height: inherit;\n      `;\n    },\n\n    iconSmall(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeSmall};\n        line-height: ${t.fileUploaderLineHeightSmall};\n      `;\n    },\n\n    iconMedium(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeMedium};\n        line-height: ${t.fileUploaderLineHeightMedium};\n      `;\n    },\n\n    iconLarge(t: Theme) {\n      return css`\n        font-size: ${t.fileUploaderFontSizeLarge};\n        line-height: ${t.fileUploaderLineHeightLarge};\n      `;\n    },\n  };\n});\n\nexport const getJsRowStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    root() {\n      return css`\n        width: 100%;\n      `;\n    },\n\n    uploadButtonWithFile(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid transparent;\n        background: none;\n      `;\n    },\n\n    uploadButton() {\n      return css`\n        justify-content: space-between;\n      `;\n    },\n\n    uploadButtonWrapper() {\n      return css`\n        height: inherit;\n        width: 100%;\n      `;\n    },\n\n    uploadButtonIconGapSmall(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapSmall};\n      `;\n    },\n\n    uploadButtonIconGapMedium(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapMedium};\n      `;\n    },\n\n    uploadButtonIconGapLarge(t: Theme) {\n      return css`\n        margin-right: ${t.inputIconGapLarge};\n      `;\n    },\n\n    sizeSmall(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeSmall,\n          t.fileUploaderLineHeightSmall,\n          t.fileUploaderPaddingXSmall,\n          t.fileUploaderPaddingYSmall,\n        )};\n      `;\n    },\n\n    sizeMedium(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeMedium,\n          t.fileUploaderLineHeightMedium,\n          t.fileUploaderPaddingXMedium,\n          t.fileUploaderPaddingYMedium,\n        )};\n      `;\n    },\n\n    sizeLarge(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeLarge,\n          t.fileUploaderLineHeightLarge,\n          t.fileUploaderPaddingXLarge,\n          t.fileUploaderPaddingYLarge,\n        )};\n      `;\n    },\n\n    content() {\n      return css`\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      `;\n    },\n\n    contentWithFiles() {\n      return css`\n        display: flex;\n        align-items: center;\n      `;\n    },\n  };\n});\n\nexport const getJsTileStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    uploadButton() {\n      return css`\n        height: 100%;\n        justify-content: center;\n        flex-direction: column;\n      `;\n    },\n\n    uploadButtonWrapper() {\n      return css`\n        box-sizing: border-box;\n      `;\n    },\n\n    uploadButtonWrapperSmall(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileWidthSmall};\n        min-height: ${t.fileUploaderTileMinHeightSmall};\n        height: auto;\n      `;\n    },\n\n    uploadButtonWrapperMedium(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileWidthMedium};\n        min-height: ${t.fileUploaderTileMinHeightMedium};\n        height: auto;\n      `;\n    },\n\n    uploadButtonWrapperLarge(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileWidthLarge};\n        min-height: ${t.fileUploaderTileMinHeightLarge};\n        height: auto;\n      `;\n    },\n\n    uploadButtonWrapperEmptyFileSmall(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingSmall};\n        height: ${t.fileUploaderTileMinHeightSmall};\n      `;\n    },\n\n    uploadButtonWrapperEmptyFileMedium(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingMedium};\n        height: ${t.fileUploaderTileMinHeightMedium};\n      `;\n    },\n\n    uploadButtonWrapperEmptyFileLarge(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingLarge};\n        height: ${t.fileUploaderTileMinHeightLarge};\n      `;\n    },\n\n    uploadButtonWithFile(t: Theme) {\n      return css`\n        border: ${t.fileUploaderBorderWidth} solid transparent;\n        background: none;\n        justify-content: start;\n      `;\n    },\n\n    uploadButtonIconGapSmall(t: Theme) {\n      return css`\n        margin-bottom: ${t.inputIconGapSmall};\n      `;\n    },\n\n    uploadButtonIconGapMedium(t: Theme) {\n      return css`\n        margin-bottom: ${t.inputIconGapMedium};\n      `;\n    },\n\n    uploadButtonIconGapLarge(t: Theme) {\n      return css`\n        margin-bottom: ${t.inputIconGapLarge};\n      `;\n    },\n\n    uploadButtonTileWithFileSmall(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingSmall};\n      `;\n    },\n\n    uploadButtonTileWithFileMedium(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingMedium};\n      `;\n    },\n\n    uploadButtonTileWithFileLarge(t: Theme) {\n      return css`\n        padding: ${t.fileUploaderTileFilePaddingLarge};\n      `;\n    },\n\n    sizeSmall(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeSmall,\n          t.fileUploaderLineHeightSmall,\n          t.fileUploaderTilePaddingSmall,\n          t.fileUploaderTilePaddingSmall,\n        )};\n      `;\n    },\n\n    sizeMedium(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeMedium,\n          t.fileUploaderLineHeightMedium,\n          t.fileUploaderTilePaddingMedium,\n          t.fileUploaderTilePaddingMedium,\n        )};\n      `;\n    },\n    sizeLarge(t: Theme) {\n      return css`\n        ${fileUploaderSizeMixin(\n          t.fileUploaderFontSizeLarge,\n          t.fileUploaderLineHeightLarge,\n          t.fileUploaderTilePaddingLarge,\n          t.fileUploaderTilePaddingLarge,\n        )};\n      `;\n    },\n\n    verticalAlign() {\n      return css`\n        vertical-align: middle;\n      `;\n    },\n\n    content() {\n      return css`\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      `;\n    },\n\n    contentWithFiles() {\n      return css`\n        display: flex;\n        align-items: flex-start;\n        height: 100%;\n      `;\n    },\n  };\n});\n"]}

package/components/FileUploader/FileUploaderFile.styles.js

@@ -1,184 +0,0 @@
-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

package/components/FileUploader/FileUploaderFile.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploaderFile.styles.js","sourceRoot":"","sources":["FileUploaderFile.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      width: 100%;\n      height: inherit;\n    `;\n  },\n\n  content() {\n    return css`\n      display: flex;\n      width: 100%;\n      align-items: baseline;\n    `;\n  },\n\n  validationTextError(t: Theme) {\n    return css`\n      color: ${t.fileUploaderErrorTextColor};\n    `;\n  },\n\n  validationTextWarning(t: Theme) {\n    return css`\n      color: ${t.fileUploaderWarningTextColor};\n    `;\n  },\n\n  nameBlock() {\n    return css`\n      display: flex;\n      flex-wrap: wrap;\n      flex: 1 1 100%;\n      width: 100%;\n    `;\n  },\n\n  size(t: Theme) {\n    return css`\n      margin-left: ${t.fileUploaderFileSizeMarginLeft};\n      flex: 1 0 auto;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      width: ${t.fileUploaderFileSizeWidthSmall};\n      margin-right: ${t.fileUploaderFileSizeMarginSmall};\n      font-size: ${t.fileUploaderFontSizeSmall};\n      line-height: ${t.fileUploaderLineHeightSmall};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      width: ${t.fileUploaderFileSizeWidthMedium};\n      margin-right: ${t.fileUploaderFileSizeMarginMedium};\n      font-size: ${t.fileUploaderFontSizeMedium};\n      line-height: ${t.fileUploaderLineHeightMedium};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      width: ${t.fileUploaderFileSizeWidthLarge};\n      margin-right: ${t.fileUploaderFileSizeMarginLarge};\n      font-size: ${t.fileUploaderFontSizeLarge};\n      line-height: ${t.fileUploaderLineHeightLarge};\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      position: absolute;\n      top: ${t.fileUploaderIconGapSmall};\n      right: ${t.fileUploaderIconGapSmall};\n      display: flex;\n      flex: 1 0 auto;\n      align-items: center;\n      justify-content: center;\n      width: ${t.fileUploaderTileIconSizeSmall};\n      border-radius: ${t.fileUploaderBorderRadius};\n      cursor: pointer;\n      text-align: center;\n      outline: none;\n      &:hover {\n        background: ${t.fileUploaderHoveredBg};\n      }\n      &:active {\n        background: ${t.fileUploaderActiveBg};\n      }\n    `;\n  },\n\n  disabledFileTypeIconSvg(t: Theme) {\n    return css`\n      svg {\n        fill: ${t.fileUploaderDisabledFileTypeIcon} !important;\n      }\n    `;\n  },\n\n  fileTypeIconMultiple() {\n    return css`\n      margin-left: 0;\n    `;\n  },\n\n  contentSmall(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n      line-height: ${t.fileUploaderLineHeightSmall};\n    `;\n  },\n\n  contentMedium(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n      line-height: ${t.fileUploaderLineHeightMedium};\n    `;\n  },\n\n  contentLarge(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n      line-height: ${t.fileUploaderLineHeightLarge};\n    `;\n  },\n}));\n\nexport const getJsRowStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    content() {\n      return css`\n        flex-direction: row;\n      `;\n    },\n\n    contentSmall(t: Theme) {\n      return css`\n        margin-right: ${t.fileUploaderFileIconSizeSmall};\n      `;\n    },\n\n    contentMedium(t: Theme) {\n      return css`\n        margin-right: ${t.fileUploaderFileIconSizeMedium};\n      `;\n    },\n\n    contentLarge(t: Theme) {\n      return css`\n        margin-right: ${t.fileUploaderFileIconSizeMedium};\n      `;\n    },\n\n    iconSmall(t: Theme) {\n      return css`\n        height: ${t.fileUploaderFileIconSizeSmall};\n        width: ${t.fileUploaderFileIconSizeSmall};\n      `;\n    },\n\n    iconMedium(t: Theme) {\n      return css`\n        height: ${t.fileUploaderFileIconSizeMedium};\n        width: ${t.fileUploaderFileIconSizeMedium};\n      `;\n    },\n\n    iconLarge(t: Theme) {\n      return css`\n        height: ${t.fileUploaderFileIconSizeLarge};\n        width: ${t.fileUploaderFileIconSizeLarge};\n      `;\n    },\n\n    fileTypeIconSmall(t: Theme) {\n      return css`\n        margin-right: ${t.fileUploaderIconGapSmall};\n      `;\n    },\n\n    fileTypeIconMedium(t: Theme) {\n      return css`\n        margin-right: ${t.fileUploaderIconGapMedium};\n      `;\n    },\n\n    fileTypeIconLarge(t: Theme) {\n      return css`\n        margin-right: ${t.fileUploaderIconGapLarge};\n      `;\n    },\n\n    iconColor(t: Theme) {\n      return css`\n        color: ${t.fileUploaderIconColor};\n        &:hover {\n          color: ${t.fileUploaderIconHoverColor};\n        }\n      `;\n    },\n\n    size(t: Theme) {\n      return css`\n        margin-left: ${t.fileUploaderIconGapSmall};\n        color: ${t.fileUploaderDisabledColor};\n      `;\n    },\n\n    name() {\n      return css`\n        flex: 1 1 100%;\n        overflow: hidden;\n      `;\n    },\n\n    nameBlock() {\n      return css`\n        flex: 1 1 100%;\n      `;\n    },\n\n    disabled(t: Theme) {\n      return css`\n        cursor: default;\n        color: ${t.fileUploaderDisabledTextColor};\n      `;\n    },\n  };\n});\n\nexport const getJsTileStyles = memoizeGetStyles(({ css }: Emotion) => {\n  return {\n    content() {\n      return css`\n        flex-direction: column;\n        align-items: center;\n        height: inherit;\n      `;\n    },\n\n    iconAction(t: Theme) {\n      return css`\n        border-radius: ${t.fileUploaderBorderRadius};\n        opacity: 0;\n        background: ${t.fileUploaderTileIconColorBg};\n\n        &:hover {\n          background: ${t.fileUploaderTileIconHoverColorBg};\n        }\n\n        &:active {\n          background: ${t.fileUploaderTileIconActiveColorBg};\n        }\n      `;\n    },\n\n    iconActionShow() {\n      return css`\n        opacity: 1;\n      `;\n    },\n\n    iconSmall(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileIconSizeSmall};\n        height: ${t.fileUploaderTileIconSizeSmall};\n        padding: ${t.fileUploaderTileIconActionPaddingSmall};\n        top: ${t.fileUploaderTileIconActionPositionSmall};\n        right: ${t.fileUploaderTileIconActionPositionSmall};\n      `;\n    },\n\n    iconMedium(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileIconSizeMedium};\n        height: ${t.fileUploaderTileIconSizeMedium};\n        padding: ${t.fileUploaderTileIconActionPaddingMedium};\n        top: ${t.fileUploaderTileIconActionPositionMedium};\n        right: ${t.fileUploaderTileIconActionPositionMedium};\n      `;\n    },\n\n    iconLarge(t: Theme) {\n      return css`\n        width: ${t.fileUploaderTileIconSizeLarge};\n        height: ${t.fileUploaderTileIconSizeLarge};\n        padding: ${t.fileUploaderTileIconActionPaddingLarge};\n        top: ${t.fileUploaderTileIconActionPositionLarge};\n        right: ${t.fileUploaderTileIconActionPositionLarge};\n      `;\n    },\n\n    fileTypeIcon(t: Theme) {\n      return css`\n        width: 100%;\n        border: 1px solid ${t.fileUploaderDisabledBorderColor};\n        border-radius: ${t.fileUploaderBorderRadius};\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      `;\n    },\n\n    fileTypeIconPreview() {\n      return css`\n        background-position: top;\n        background-size: cover;\n        background-repeat: no-repeat;\n      `;\n    },\n\n    fileTypeIconSmall(t: Theme) {\n      return css`\n        margin-bottom: ${t.fileUploaderIconGapSmall};\n        height: ${t.fileUploaderTileTypeIconHeightSmall};\n      `;\n    },\n\n    fileTypeIconMedium(t: Theme) {\n      return css`\n        margin-bottom: ${t.fileUploaderIconGapMedium};\n        height: ${t.fileUploaderTileTypeIconHeightMedium};\n      `;\n    },\n\n    fileTypeIconLarge(t: Theme) {\n      return css`\n        margin-bottom: ${t.fileUploaderIconGapLarge};\n        height: ${t.fileUploaderTileTypeIconHeightLarge};\n      `;\n    },\n\n    disabledFileTypeIcon(t: Theme) {\n      return css`\n        box-shadow: none;\n        background: ${t.fileUploaderDisabledBg};\n      `;\n    },\n\n    sizeDisabled(t: Theme) {\n      return css`\n        color: ${t.fileUploaderDisabledIconColor};\n      `;\n    },\n\n    errorFileTypeIcon(t: Theme) {\n      return css`\n        background: ${t.fileUploaderErrorBgColor};\n        border: 1px solid ${t.fileUploaderErrorBgColor};\n      `;\n    },\n\n    warningFileTypeIcon(t: Theme) {\n      return css`\n        background: ${t.fileUploaderWarningBgColor};\n        border: 1px solid ${t.fileUploaderWarningBgColor};\n      `;\n    },\n\n    iconColor(t: Theme) {\n      return css`\n        color: ${t.fileUploaderTileIconColor};\n        &:hover {\n          color: ${t.fileUploaderTileIconHoverColor};\n        }\n      `;\n    },\n\n    size(t: Theme) {\n      return css`\n        width: 100%;\n        margin: ${t.fileUploaderIconGapSmall} 0 0;\n        overflow: hidden;\n        text-align: center;\n        color: ${t.clearCrossIconColor};\n      `;\n    },\n\n    name() {\n      return css`\n        flex: 1 1 100%;\n        word-break: break-all;\n        height: 100%;\n\n        span {\n          word-break: break-word;\n        }\n      `;\n    },\n\n    nameBlock() {\n      return css`\n        flex: 0;\n        text-align: center;\n      `;\n    },\n\n    contentSmall(t: Theme) {\n      const maxHeight = parseInt(t.fileUploaderLineHeightSmall) * 2;\n      return css`\n        max-height: ${maxHeight}px;\n      `;\n    },\n\n    contentMedium(t: Theme) {\n      const maxHeight = parseInt(t.fileUploaderLineHeightMedium) * 2;\n      return css`\n        max-height: ${maxHeight}px;\n      `;\n    },\n\n    contentLarge(t: Theme) {\n      const maxHeight = parseInt(t.fileUploaderLineHeightLarge) * 2;\n      return css`\n        max-height: ${maxHeight}px;\n      `;\n    },\n\n    disabled(t: Theme) {\n      return css`\n        cursor: default;\n        color: ${t.fileUploaderDisabledIconColor};\n      `;\n    },\n  };\n});\n"]}