@skbkontur/react-ui 6.4.2-static-css.0 → 6.4.3-5e1c3.0

package/components/FileUploader/FileUploader.styles.js

@@ -1,78 +1,221 @@
-import { prefix } from '../../lib/theming/Emotion.js';
-import { staticStyles } from '../../lib/theming/staticStyles.js';
+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',
 });
-/** Правила — в `FileUploader.css`; здесь только имена классов. */
-export var getJsRowStyles = staticStyles({
-    uploadButtonWithFile: 'react-ui-FileUploader-JsRow-uploadButtonWithFile',
-    uploadButton: 'react-ui-FileUploader-JsRow-uploadButton',
-    uploadButtonWrapper: 'react-ui-FileUploader-JsRow-uploadButtonWrapper',
-    uploadButtonIconGapSmall: 'react-ui-FileUploader-JsRow-uploadButtonIconGapSmall',
-    uploadButtonIconGapMedium: 'react-ui-FileUploader-JsRow-uploadButtonIconGapMedium',
-    uploadButtonIconGapLarge: 'react-ui-FileUploader-JsRow-uploadButtonIconGapLarge',
-    sizeSmall: 'react-ui-FileUploader-JsRow-sizeSmall',
-    sizeMedium: 'react-ui-FileUploader-JsRow-sizeMedium',
-    sizeLarge: 'react-ui-FileUploader-JsRow-sizeLarge',
-    content: 'react-ui-FileUploader-JsRow-content',
-    contentWithFiles: 'react-ui-FileUploader-JsRow-contentWithFiles',
+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        transition: background-color ", " ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n        &:active {\n          background: ", ";\n        }\n      "], ["\n        background: ", ";\n        transition: background-color ", " ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n        &:active {\n          background: ", ";\n        }\n      "])), t.fileUploaderWarningBgColor, t.transitionDuration, t.transitionTimingFunction, t.fileUploaderValidationTextColor, t.fileUploaderWarningBgHoverColor, t.fileUploaderWarningBgPressedColor);
+        },
+        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        transition: background-color ", " ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n        &:active {\n          background: ", ";\n        }\n      "], ["\n        background: ", ";\n        transition: background-color ", " ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n        &:active {\n          background: ", ";\n        }\n      "])), t.fileUploaderErrorBgColor, t.transitionDuration, t.transitionTimingFunction, t.fileUploaderValidationTextColor, t.fileUploaderErrorBgHoverColor, t.fileUploaderErrorBgPressedColor);
+        },
+        hovered: function (t) {
+            return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n        background: ", ";\n        transition: background-color ", " ", ";\n\n        &:active {\n          background: ", ";\n        }\n      "], ["\n        background: ", ";\n        transition: background-color ", " ", ";\n\n        &:active {\n          background: ", ";\n        }\n      "])), t.fileUploaderHoveredBg, t.transitionDuration, t.transitionTimingFunction, t.fileUploaderActiveBg);
+        },
+        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 getJsStyles = staticStyles({
-    root: 'react-ui-FileUploader-Js-root',
-    defaultWidth: 'react-ui-FileUploader-Js-defaultWidth',
-    tileSingleWidth: 'react-ui-FileUploader-Js-tileSingleWidth',
-    uploadButton: 'react-ui-FileUploader-Js-uploadButton',
-    uploadButtonFocus: 'react-ui-FileUploader-Js-uploadButtonFocus',
-    uploadButtonWithFile: 'react-ui-FileUploader-Js-uploadButtonWithFile',
-    uploadButtonIconGapSmall: 'react-ui-FileUploader-Js-uploadButtonIconGapSmall',
-    uploadButtonIconGapMedium: 'react-ui-FileUploader-Js-uploadButtonIconGapMedium',
-    uploadButtonIconGapLarge: 'react-ui-FileUploader-Js-uploadButtonIconGapLarge',
-    dragOver: 'react-ui-FileUploader-Js-dragOver',
-    windowDragOver: 'react-ui-FileUploader-Js-windowDragOver',
-    contentInnerSmall: 'react-ui-FileUploader-Js-contentInnerSmall',
-    contentInnerMedium: 'react-ui-FileUploader-Js-contentInnerMedium',
-    contentInnerLarge: 'react-ui-FileUploader-Js-contentInnerLarge',
-    visuallyHidden: 'react-ui-FileUploader-Js-visuallyHidden',
-    afterLinkText: 'react-ui-FileUploader-Js-afterLinkText',
-    afterLinkText_HasFiles: 'react-ui-FileUploader-Js-afterLinkText_HasFiles',
-    warningButton: 'react-ui-FileUploader-Js-warningButton',
-    warningFile: 'react-ui-FileUploader-Js-warningFile',
-    errorButton: 'react-ui-FileUploader-Js-errorButton',
-    errorFile: 'react-ui-FileUploader-Js-errorFile',
-    hovered: 'react-ui-FileUploader-Js-hovered',
-    linkHovered: 'react-ui-FileUploader-Js-linkHovered',
-    disabled: 'react-ui-FileUploader-Js-disabled',
-    disabledBackground: 'react-ui-FileUploader-Js-disabledBackground',
-    icon: 'react-ui-FileUploader-Js-icon',
-    iconDisabled: 'react-ui-FileUploader-Js-iconDisabled',
-    link: 'react-ui-FileUploader-Js-link',
-    linkDisabled: 'react-ui-FileUploader-Js-linkDisabled',
-    singleFile: 'react-ui-FileUploader-Js-singleFile',
-    iconSmall: 'react-ui-FileUploader-Js-iconSmall',
-    iconMedium: 'react-ui-FileUploader-Js-iconMedium',
-    iconLarge: 'react-ui-FileUploader-Js-iconLarge',
+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 = staticStyles({
-    uploadButton: 'react-ui-FileUploader-JsTile-uploadButton',
-    uploadButtonWrapper: 'react-ui-FileUploader-JsTile-uploadButtonWrapper',
-    uploadButtonWrapperSmall: 'react-ui-FileUploader-JsTile-uploadButtonWrapperSmall',
-    uploadButtonWrapperMedium: 'react-ui-FileUploader-JsTile-uploadButtonWrapperMedium',
-    uploadButtonWrapperLarge: 'react-ui-FileUploader-JsTile-uploadButtonWrapperLarge',
-    uploadButtonWrapperEmptyFileSmall: 'react-ui-FileUploader-JsTile-uploadButtonWrapperEmptyFileSmall',
-    uploadButtonWrapperEmptyFileMedium: 'react-ui-FileUploader-JsTile-uploadButtonWrapperEmptyFileMedium',
-    uploadButtonWrapperEmptyFileLarge: 'react-ui-FileUploader-JsTile-uploadButtonWrapperEmptyFileLarge',
-    uploadButtonWithFile: 'react-ui-FileUploader-JsTile-uploadButtonWithFile',
-    uploadButtonIconGapSmall: 'react-ui-FileUploader-JsTile-uploadButtonIconGapSmall',
-    uploadButtonIconGapMedium: 'react-ui-FileUploader-JsTile-uploadButtonIconGapMedium',
-    uploadButtonIconGapLarge: 'react-ui-FileUploader-JsTile-uploadButtonIconGapLarge',
-    uploadButtonTileWithFileSmall: 'react-ui-FileUploader-JsTile-uploadButtonTileWithFileSmall',
-    uploadButtonTileWithFileMedium: 'react-ui-FileUploader-JsTile-uploadButtonTileWithFileMedium',
-    uploadButtonTileWithFileLarge: 'react-ui-FileUploader-JsTile-uploadButtonTileWithFileLarge',
-    sizeSmall: 'react-ui-FileUploader-JsTile-sizeSmall',
-    sizeMedium: 'react-ui-FileUploader-JsTile-sizeMedium',
-    sizeLarge: 'react-ui-FileUploader-JsTile-sizeLarge',
-    verticalAlign: 'react-ui-FileUploader-JsTile-verticalAlign',
-    content: 'react-ui-FileUploader-JsTile-content',
-    contentWithFiles: 'react-ui-FileUploader-JsTile-contentWithFiles',
+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 +1 @@
-{"version":3,"file":"FileUploader.styles.js","sourceRoot":"","sources":["FileUploader.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IACnD,aAAa,EAAE,iBAAiB;CACjC,CAAC,CAAC;AAEH,kEAAkE;AAClE,MAAM,CAAC,IAAM,cAAc,GAAG,YAAY,CAAC;IACzC,oBAAoB,EAAE,kDAAkD;IACxE,YAAY,EAAE,0CAA0C;IACxD,mBAAmB,EAAE,iDAAiD;IACtE,wBAAwB,EAAE,sDAAsD;IAChF,yBAAyB,EAAE,uDAAuD;IAClF,wBAAwB,EAAE,sDAAsD;IAChF,SAAS,EAAE,uCAAuC;IAClD,UAAU,EAAE,wCAAwC;IACpD,SAAS,EAAE,uCAAuC;IAClD,OAAO,EAAE,qCAAqC;IAC9C,gBAAgB,EAAE,8CAA8C;CACjE,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,WAAW,GAAG,YAAY,CAAC;IACtC,IAAI,EAAE,+BAA+B;IACrC,YAAY,EAAE,uCAAuC;IACrD,eAAe,EAAE,0CAA0C;IAC3D,YAAY,EAAE,uCAAuC;IACrD,iBAAiB,EAAE,4CAA4C;IAC/D,oBAAoB,EAAE,+CAA+C;IACrE,wBAAwB,EAAE,mDAAmD;IAC7E,yBAAyB,EAAE,oDAAoD;IAC/E,wBAAwB,EAAE,mDAAmD;IAC7E,QAAQ,EAAE,mCAAmC;IAC7C,cAAc,EAAE,yCAAyC;IACzD,iBAAiB,EAAE,4CAA4C;IAC/D,kBAAkB,EAAE,6CAA6C;IACjE,iBAAiB,EAAE,4CAA4C;IAC/D,cAAc,EAAE,yCAAyC;IACzD,aAAa,EAAE,wCAAwC;IACvD,sBAAsB,EAAE,iDAAiD;IACzE,aAAa,EAAE,wCAAwC;IACvD,WAAW,EAAE,sCAAsC;IACnD,WAAW,EAAE,sCAAsC;IACnD,SAAS,EAAE,oCAAoC;IAC/C,OAAO,EAAE,kCAAkC;IAC3C,WAAW,EAAE,sCAAsC;IACnD,QAAQ,EAAE,mCAAmC;IAC7C,kBAAkB,EAAE,6CAA6C;IACjE,IAAI,EAAE,+BAA+B;IACrC,YAAY,EAAE,uCAAuC;IACrD,IAAI,EAAE,+BAA+B;IACrC,YAAY,EAAE,uCAAuC;IACrD,UAAU,EAAE,qCAAqC;IACjD,SAAS,EAAE,oCAAoC;IAC/C,UAAU,EAAE,qCAAqC;IACjD,SAAS,EAAE,oCAAoC;CAChD,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,eAAe,GAAG,YAAY,CAAC;IAC1C,YAAY,EAAE,2CAA2C;IACzD,mBAAmB,EAAE,kDAAkD;IACvE,wBAAwB,EAAE,uDAAuD;IACjF,yBAAyB,EAAE,wDAAwD;IACnF,wBAAwB,EAAE,uDAAuD;IACjF,iCAAiC,EAAE,gEAAgE;IACnG,kCAAkC,EAAE,iEAAiE;IACrG,iCAAiC,EAAE,gEAAgE;IACnG,oBAAoB,EAAE,mDAAmD;IACzE,wBAAwB,EAAE,uDAAuD;IACjF,yBAAyB,EAAE,wDAAwD;IACnF,wBAAwB,EAAE,uDAAuD;IACjF,6BAA6B,EAAE,4DAA4D;IAC3F,8BAA8B,EAAE,6DAA6D;IAC7F,6BAA6B,EAAE,4DAA4D;IAC3F,SAAS,EAAE,wCAAwC;IACnD,UAAU,EAAE,yCAAyC;IACrD,SAAS,EAAE,wCAAwC;IACnD,aAAa,EAAE,4CAA4C;IAC3D,OAAO,EAAE,sCAAsC;IAC/C,gBAAgB,EAAE,+CAA+C;CAClE,CAAC,CAAC","sourcesContent":["import { prefix } from '../../lib/theming/Emotion.js';\nimport { staticStyles } from '../../lib/theming/staticStyles.js';\n\nexport const globalClasses = prefix('file-uploader')({\n  afterLinkText: 'after-link-text',\n});\n\n/** Правила — в `FileUploader.css`; здесь только имена классов. */\nexport const getJsRowStyles = staticStyles({\n  uploadButtonWithFile: 'react-ui-FileUploader-JsRow-uploadButtonWithFile',\n  uploadButton: 'react-ui-FileUploader-JsRow-uploadButton',\n  uploadButtonWrapper: 'react-ui-FileUploader-JsRow-uploadButtonWrapper',\n  uploadButtonIconGapSmall: 'react-ui-FileUploader-JsRow-uploadButtonIconGapSmall',\n  uploadButtonIconGapMedium: 'react-ui-FileUploader-JsRow-uploadButtonIconGapMedium',\n  uploadButtonIconGapLarge: 'react-ui-FileUploader-JsRow-uploadButtonIconGapLarge',\n  sizeSmall: 'react-ui-FileUploader-JsRow-sizeSmall',\n  sizeMedium: 'react-ui-FileUploader-JsRow-sizeMedium',\n  sizeLarge: 'react-ui-FileUploader-JsRow-sizeLarge',\n  content: 'react-ui-FileUploader-JsRow-content',\n  contentWithFiles: 'react-ui-FileUploader-JsRow-contentWithFiles',\n});\n\nexport const getJsStyles = staticStyles({\n  root: 'react-ui-FileUploader-Js-root',\n  defaultWidth: 'react-ui-FileUploader-Js-defaultWidth',\n  tileSingleWidth: 'react-ui-FileUploader-Js-tileSingleWidth',\n  uploadButton: 'react-ui-FileUploader-Js-uploadButton',\n  uploadButtonFocus: 'react-ui-FileUploader-Js-uploadButtonFocus',\n  uploadButtonWithFile: 'react-ui-FileUploader-Js-uploadButtonWithFile',\n  uploadButtonIconGapSmall: 'react-ui-FileUploader-Js-uploadButtonIconGapSmall',\n  uploadButtonIconGapMedium: 'react-ui-FileUploader-Js-uploadButtonIconGapMedium',\n  uploadButtonIconGapLarge: 'react-ui-FileUploader-Js-uploadButtonIconGapLarge',\n  dragOver: 'react-ui-FileUploader-Js-dragOver',\n  windowDragOver: 'react-ui-FileUploader-Js-windowDragOver',\n  contentInnerSmall: 'react-ui-FileUploader-Js-contentInnerSmall',\n  contentInnerMedium: 'react-ui-FileUploader-Js-contentInnerMedium',\n  contentInnerLarge: 'react-ui-FileUploader-Js-contentInnerLarge',\n  visuallyHidden: 'react-ui-FileUploader-Js-visuallyHidden',\n  afterLinkText: 'react-ui-FileUploader-Js-afterLinkText',\n  afterLinkText_HasFiles: 'react-ui-FileUploader-Js-afterLinkText_HasFiles',\n  warningButton: 'react-ui-FileUploader-Js-warningButton',\n  warningFile: 'react-ui-FileUploader-Js-warningFile',\n  errorButton: 'react-ui-FileUploader-Js-errorButton',\n  errorFile: 'react-ui-FileUploader-Js-errorFile',\n  hovered: 'react-ui-FileUploader-Js-hovered',\n  linkHovered: 'react-ui-FileUploader-Js-linkHovered',\n  disabled: 'react-ui-FileUploader-Js-disabled',\n  disabledBackground: 'react-ui-FileUploader-Js-disabledBackground',\n  icon: 'react-ui-FileUploader-Js-icon',\n  iconDisabled: 'react-ui-FileUploader-Js-iconDisabled',\n  link: 'react-ui-FileUploader-Js-link',\n  linkDisabled: 'react-ui-FileUploader-Js-linkDisabled',\n  singleFile: 'react-ui-FileUploader-Js-singleFile',\n  iconSmall: 'react-ui-FileUploader-Js-iconSmall',\n  iconMedium: 'react-ui-FileUploader-Js-iconMedium',\n  iconLarge: 'react-ui-FileUploader-Js-iconLarge',\n});\n\nexport const getJsTileStyles = staticStyles({\n  uploadButton: 'react-ui-FileUploader-JsTile-uploadButton',\n  uploadButtonWrapper: 'react-ui-FileUploader-JsTile-uploadButtonWrapper',\n  uploadButtonWrapperSmall: 'react-ui-FileUploader-JsTile-uploadButtonWrapperSmall',\n  uploadButtonWrapperMedium: 'react-ui-FileUploader-JsTile-uploadButtonWrapperMedium',\n  uploadButtonWrapperLarge: 'react-ui-FileUploader-JsTile-uploadButtonWrapperLarge',\n  uploadButtonWrapperEmptyFileSmall: 'react-ui-FileUploader-JsTile-uploadButtonWrapperEmptyFileSmall',\n  uploadButtonWrapperEmptyFileMedium: 'react-ui-FileUploader-JsTile-uploadButtonWrapperEmptyFileMedium',\n  uploadButtonWrapperEmptyFileLarge: 'react-ui-FileUploader-JsTile-uploadButtonWrapperEmptyFileLarge',\n  uploadButtonWithFile: 'react-ui-FileUploader-JsTile-uploadButtonWithFile',\n  uploadButtonIconGapSmall: 'react-ui-FileUploader-JsTile-uploadButtonIconGapSmall',\n  uploadButtonIconGapMedium: 'react-ui-FileUploader-JsTile-uploadButtonIconGapMedium',\n  uploadButtonIconGapLarge: 'react-ui-FileUploader-JsTile-uploadButtonIconGapLarge',\n  uploadButtonTileWithFileSmall: 'react-ui-FileUploader-JsTile-uploadButtonTileWithFileSmall',\n  uploadButtonTileWithFileMedium: 'react-ui-FileUploader-JsTile-uploadButtonTileWithFileMedium',\n  uploadButtonTileWithFileLarge: 'react-ui-FileUploader-JsTile-uploadButtonTileWithFileLarge',\n  sizeSmall: 'react-ui-FileUploader-JsTile-sizeSmall',\n  sizeMedium: 'react-ui-FileUploader-JsTile-sizeMedium',\n  sizeLarge: 'react-ui-FileUploader-JsTile-sizeLarge',\n  verticalAlign: 'react-ui-FileUploader-JsTile-verticalAlign',\n  content: 'react-ui-FileUploader-JsTile-content',\n  contentWithFiles: 'react-ui-FileUploader-JsTile-contentWithFiles',\n});\n"]}
+{"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        transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction};\n        color: ${t.fileUploaderValidationTextColor};\n        &:hover {\n          background: ${t.fileUploaderWarningBgHoverColor};\n        }\n        &:active {\n          background: ${t.fileUploaderWarningBgPressedColor};\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        transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction};\n        color: ${t.fileUploaderValidationTextColor};\n        &:hover {\n          background: ${t.fileUploaderErrorBgHoverColor};\n        }\n        &:active {\n          background: ${t.fileUploaderErrorBgPressedColor};\n        }\n      `;\n    },\n\n    hovered(t: Theme) {\n      return css`\n        background: ${t.fileUploaderHoveredBg};\n        transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction};\n\n        &:active {\n          background: ${t.fileUploaderActiveBg};\n        }\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.js

@@ -29,9 +29,9 @@ import { isKeyEnter } from '../../lib/events/keyboard/identifiers.js';
 import { useKeyListener } from '../../lib/events/keyListener.js';
 import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
 import { LocaleContext } from '../../lib/locale/LocaleContext.js';
-import { useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';
+import { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';
 import { truncate } from '../../lib/stringUtils.js';
-import { concatClassNames as cx } from '../../lib/theming/Emotion.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { formatBytes } from '../../lib/utils.js';
 import { Hint } from '../Hint/index.js';
 import { Tooltip } from '../Tooltip/index.js';
@@ -97,7 +97,9 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
     var textHelperRef = useRef(null);
     var fileNameElementRef = useRef(null);
     var langCode = useContext(LocaleContext).langCode;
+    var theme = useContext(ThemeContext);
     var globalObject = useGlobal();
+    var cx = useEmotion().cx;
     var keyListener = useKeyListener();
     var jsStyles = useStyles(getJsStyles);
     var jsRowStyles = useStyles(getJsRowStyles);
@@ -121,26 +123,26 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
     var isWarning = file.status === FileUploaderFileStatus.Warning || warning;
     var isInvalid = isError || !isValid;
     var sizeIconClass = useFileUploaderSize(size, {
-        small: jsViewStyles.iconSmall(),
-        medium: jsViewStyles.iconMedium(),
-        large: jsViewStyles.iconLarge(),
+        small: jsViewStyles.iconSmall(theme),
+        medium: jsViewStyles.iconMedium(theme),
+        large: jsViewStyles.iconLarge(theme),
     });
     var renderTooltipContent = useCallback(function () {
         return !isValid && !error && message ? message : null;
     }, [isValid, error, message]);
     var sizeNameBlockClass = useFileUploaderSize(size, {
-        small: jsStyles.contentSmall(),
-        medium: jsStyles.contentMedium(),
-        large: jsStyles.contentLarge(),
+        small: jsStyles.contentSmall(theme),
+        medium: jsStyles.contentMedium(theme),
+        large: jsStyles.contentLarge(theme),
     });
     var sizeViewNameBlockClass = useFileUploaderSize(size, {
-        small: jsViewStyles.contentSmall(),
-        medium: jsViewStyles.contentMedium(),
-        large: jsViewStyles.contentLarge(),
+        small: jsViewStyles.contentSmall(theme),
+        medium: jsViewStyles.contentMedium(theme),
+        large: jsViewStyles.contentLarge(theme),
     });
     var validationTextClassName = cx((_a = {},
-        _a[jsStyles.validationTextWarning()] = isWarning,
-        _a[jsStyles.validationTextError()] = isError,
+        _a[jsStyles.validationTextWarning(theme)] = isWarning,
+        _a[jsStyles.validationTextError(theme)] = isError,
         _a));
     var contentClassNames = cx(jsStyles.content(), jsViewStyles.content());
     var nameTextClassNames = cx(jsViewStyles.name(), isTileView && !disabled && validationTextClassName);
@@ -168,31 +170,31 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
             onRemove(id);
         }
     }, [onRemove, id]);
-    var iconClassNames = cx(jsStyles.icon(), (_b = {},
+    var iconClassNames = cx(jsStyles.icon(theme), (_b = {},
         _b[sizeIconClass] = true,
-        _b[jsTileStyles.iconAction()] = isTileView,
+        _b[jsTileStyles.iconAction(theme)] = isTileView,
         _b[jsTileStyles.iconActionShow()] = isTileView && !disabled && (hovered || hoveredFile || focused || focusedByTab),
         _b));
     var sizeClassName = useFileUploaderSize(size, {
-        small: jsStyles.sizeSmall(),
-        medium: jsStyles.sizeMedium(),
-        large: jsStyles.sizeLarge(),
+        small: jsStyles.sizeSmall(theme),
+        medium: jsStyles.sizeMedium(theme),
+        large: jsStyles.sizeLarge(theme),
     });
-    var sizeClassNames = cx(jsStyles.size(), sizeClassName, jsViewStyles.size(), isTileView && (disabled || isLoading) && jsTileStyles.sizeDisabled());
+    var sizeClassNames = cx(jsStyles.size(theme), sizeClassName, jsViewStyles.size(theme), isTileView && (disabled || isLoading) && jsTileStyles.sizeDisabled(theme));
     var sizeFileTypeIconClass = useFileUploaderSize(size, {
-        small: jsViewStyles.fileTypeIconSmall(),
-        medium: jsViewStyles.fileTypeIconMedium(),
-        large: jsViewStyles.fileTypeIconLarge(),
+        small: jsViewStyles.fileTypeIconSmall(theme),
+        medium: jsViewStyles.fileTypeIconMedium(theme),
+        large: jsViewStyles.fileTypeIconLarge(theme),
     });
     var isTruncated = truncatedFileName !== name;
-    var fileTypeIconClassName = cx(sizeFileTypeIconClass, disabled && jsStyles.disabledFileTypeIconSvg(), isTileView && (_c = {},
-        _c[jsTileStyles.fileTypeIcon()] = true,
+    var fileTypeIconClassName = cx(sizeFileTypeIconClass, disabled && jsStyles.disabledFileTypeIconSvg(theme), isTileView && (_c = {},
+        _c[jsTileStyles.fileTypeIcon(theme)] = true,
         _c[jsTileStyles.fileTypeIconPreview()] = !!previewImg,
-        _c[jsTileStyles.disabledFileTypeIcon()] = disabled,
-        _c[jsTileStyles.warningFileTypeIcon()] = isWarning,
-        _c[jsTileStyles.errorFileTypeIcon()] = isError,
+        _c[jsTileStyles.disabledFileTypeIcon(theme)] = disabled,
+        _c[jsTileStyles.warningFileTypeIcon(theme)] = isWarning,
+        _c[jsTileStyles.errorFileTypeIcon(theme)] = isError,
         _c), multiple && jsStyles.fileTypeIconMultiple());
-    var nameBlockClassNames = cx(sizeNameBlockClass, sizeViewNameBlockClass, jsStyles.nameBlock(), (disabled || isLoading) && jsViewStyles.disabled(), jsViewStyles.nameBlock());
+    var nameBlockClassNames = cx(sizeNameBlockClass, sizeViewNameBlockClass, jsStyles.nameBlock(), (disabled || isLoading) && jsViewStyles.disabled(theme), jsViewStyles.nameBlock());
     var fileType = getFileUploaderTypeIcon(file.originalFile, isError, isWarning && !!withWarningIcon);
     var icon = isTileView && isLoading ? (React.createElement(LoadingIcon, { size: size })) : ((fileTypeIcon !== null && fileTypeIcon !== void 0 ? fileTypeIcon : React.createElement(FileUploaderFileTypeIcon, { type: fileType, size: size, view: view })));
     var splitTruncatedFileName = truncatedFileName && splitFileNameAndExtension(truncatedFileName);