@skbkontur/react-ui-validations 2.3.7-225d1.0 → 2.3.7

package/index.js

@@ -2105,6 +2105,13 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "tooltipCloseBtnColor", {
+        get: function () {
+            return this.closeGrayColor;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "tooltipTextColor", {
         get: function () {
             return this.textColorDefault;
@@ -2225,6 +2232,13 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "modalCloseButtonColor", {
+        get: function () {
+            return this.closeGrayColor;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "modalFixedHeaderBg", {
         get: function () {
             return this.bgSecondary;
@@ -3537,6 +3551,13 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "inputBorderColorHover", {
+        get: function () {
+            return this.closeGrayColor;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "inputBorderColorFocus", {
         get: function () {
             return this.borderColorFocus;
@@ -4610,6 +4631,27 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "fileUploaderPaddingYSmall", {
+        get: function () {
+            return this.controlPaddingYSmall;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "fileUploaderPaddingYMedium", {
+        get: function () {
+            return this.controlPaddingYMedium;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "fileUploaderPaddingYLarge", {
+        get: function () {
+            return this.controlPaddingYLarge;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "fileUploaderPaddingXSmall", {
         get: function () {
             return this.inputPaddingXSmall;
@@ -4631,65 +4673,65 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "fileUploaderFontSizeSmall", {
+    Object.defineProperty(BasicThemeClass, "fileUploaderTileIconActionPositionSmall", {
         get: function () {
-            return this.fontSizeSmall;
+            return "".concat(parseInt(this.fileUploaderTilePaddingSmall) + 1, "px");
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "fileUploaderFontSizeMedium", {
+    Object.defineProperty(BasicThemeClass, "fileUploaderTileIconActionPositionMedium", {
         get: function () {
-            return this.fontSizeMedium;
+            return "".concat(parseInt(this.fileUploaderTilePaddingMedium) + 1, "px");
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "fileUploaderFontSizeLarge", {
+    Object.defineProperty(BasicThemeClass, "fileUploaderTileIconActionPositionLarge", {
         get: function () {
-            return this.fontSizeLarge;
+            return "".concat(parseInt(this.fileUploaderTilePaddingLarge) + 1, "px");
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "fileUploaderLineHeightSmall", {
+    Object.defineProperty(BasicThemeClass, "fileUploaderFontSizeSmall", {
         get: function () {
-            return this.controlLineHeightSmall;
+            return this.fontSizeSmall;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "fileUploaderLineHeightMedium", {
+    Object.defineProperty(BasicThemeClass, "fileUploaderFontSizeMedium", {
         get: function () {
-            return this.controlLineHeightMedium;
+            return this.fontSizeMedium;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "fileUploaderLineHeightLarge", {
+    Object.defineProperty(BasicThemeClass, "fileUploaderFontSizeLarge", {
         get: function () {
-            return this.controlLineHeightLarge;
+            return this.fontSizeLarge;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "fileUploaderPaddingYSmall", {
+    Object.defineProperty(BasicThemeClass, "fileUploaderLineHeightSmall", {
         get: function () {
-            return this.controlPaddingYSmall;
+            return this.controlLineHeightSmall;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "fileUploaderPaddingYMedium", {
+    Object.defineProperty(BasicThemeClass, "fileUploaderLineHeightMedium", {
         get: function () {
-            return this.controlPaddingYMedium;
+            return this.controlLineHeightMedium;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "fileUploaderPaddingYLarge", {
+    Object.defineProperty(BasicThemeClass, "fileUploaderLineHeightLarge", {
         get: function () {
-            return this.controlPaddingYLarge;
+            return this.controlLineHeightLarge;
         },
         enumerable: false,
         configurable: true
@@ -4771,6 +4813,27 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "fileUploaderErrorColor", {
+        get: function () {
+            return this.closeGrayColor;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "fileUploaderErrorTextColor", {
+        get: function () {
+            return this.redDark;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "fileUploaderWarningTextColor", {
+        get: function () {
+            return this.yellowDark;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "fileUploaderDragOverBorderColor", {
         get: function () {
             return this.borderColorFocus;
@@ -4778,6 +4841,55 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "fileUploaderIconSizeSmall", {
+        get: function () {
+            return this.btnIconSizeSmall;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "fileUploaderIconSizeMedium", {
+        get: function () {
+            return this.btnIconSizeMedium;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "fileUploaderIconSizeLarge", {
+        get: function () {
+            return this.btnIconSizeLarge;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "fileUploaderFileTypeErrorIconColor", {
+        get: function () {
+            return this.red;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "fileUploaderFileTypeWarningIconColor", {
+        get: function () {
+            return this.yellow;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "fileUploaderFileTypePdfIconColor", {
+        get: function () {
+            return this.red;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "fileUploaderDisabledFileTypeIcon", {
+        get: function () {
+            return this.closeGrayColor;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "clearCrossIconWidthSmall", {
         //#endregion FileUploader
         //#region ClearCrossIcon
@@ -4870,6 +4982,15 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "closeBtnIconColor", {
+        //#endregion ClearCrossIcon
+        //#region CloseIcon
+        get: function () {
+            return this.closeGrayColor;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "closeBtnIconFocusShadow", {
         get: function () {
             return "inset 0 0 0 1px ".concat(this.borderColorFocus, ", inset 0 0 0 2px ").concat(this.outlineColorFocus);
@@ -4932,6 +5053,7 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.warningMain = '#fcb73e';
     BasicThemeClass.warningSecondary = '#fff0bc';
     BasicThemeClass.warningText = '#d97e00';
+    BasicThemeClass.closeGrayColor = 'rgba(0, 0, 0, 0.32)';
     BasicThemeClass.borderColorFocusLight = '#cdedff';
     BasicThemeClass.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';
     BasicThemeClass.borderColorGrayLight = 'rgba(0, 0, 0, 0.16)';
@@ -5175,7 +5297,6 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.tooltipCloseBtnPaddingMedium = '6px';
     BasicThemeClass.tooltipCloseBtnPaddingLarge = '8px';
     BasicThemeClass.tooltipCloseBtnSide = '16px';
-    BasicThemeClass.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.32)';
     BasicThemeClass.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';
     BasicThemeClass.tooltipBg = '#fff';
     /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
@@ -5225,7 +5346,6 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.06)';
     BasicThemeClass.modalBackBg = '#000';
     BasicThemeClass.modalBackOpacity = '0.16';
-    BasicThemeClass.modalCloseButtonColor = 'rgba(0, 0, 0, 0.32)';
     BasicThemeClass.modalCloseButtonDisabledColor = '#8b8b8b';
     BasicThemeClass.modalCloseButtonHoverColor = 'rgba(0, 0, 0, 0.865)';
     BasicThemeClass.modalCloseButtonPadding = '32px';
@@ -5609,7 +5729,6 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.inputBorderRadiusLarge = '2px';
     BasicThemeClass.inputDisabledBackgroundClip = 'padding-box';
     BasicThemeClass.inputBorderColor = 'rgba(0, 0, 0, 0.16)';
-    BasicThemeClass.inputBorderColorHover = 'rgba(0, 0, 0, 0.32)';
     BasicThemeClass.inputBlinkColor = 'rgba(61, 61, 61, 0.2)';
     BasicThemeClass.inputColorScheme = 'light';
     BasicThemeClass.checkboxBoxSizeSmall = '16px';
@@ -5716,8 +5835,18 @@ var BasicThemeClass = /** @class */ (function () {
     //#endregion
     //#region FileUploader
     BasicThemeClass.fileUploaderWidth = '362px';
+    BasicThemeClass.fileUploaderTileWidth = 'auto';
     BasicThemeClass.fileUploaderBg = '';
     BasicThemeClass.fileUploaderUploadButtonBg = '#fff';
+    BasicThemeClass.fileUploaderTilePaddingSmall = '3px';
+    BasicThemeClass.fileUploaderTilePaddingMedium = '5px';
+    BasicThemeClass.fileUploaderTilePaddingLarge = '7px';
+    BasicThemeClass.fileUploaderTileFilePaddingSmall = '7px';
+    BasicThemeClass.fileUploaderTileFilePaddingMedium = '11px';
+    BasicThemeClass.fileUploaderTileFilePaddingLarge = '15px';
+    BasicThemeClass.fileUploaderTileIconActionPaddingSmall = '8px';
+    BasicThemeClass.fileUploaderTileIconActionPaddingMedium = '6px';
+    BasicThemeClass.fileUploaderTileIconActionPaddingLarge = '8px';
     BasicThemeClass.fileUploaderBorderRadius = '8px';
     BasicThemeClass.fileUploaderBorderColor = 'rgba(0, 0, 0, 0.37)';
     BasicThemeClass.fileUploaderBorderStyle = 'dashed';
@@ -5725,21 +5854,68 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.fileUploaderIconSize = '14px';
     BasicThemeClass.fileUploaderIconColor = '#222222';
     BasicThemeClass.fileUploaderIconHoverColor = '#333';
+    BasicThemeClass.fileUploaderTileIconColorBg = 'rgba(0, 0, 0, 0.4)';
+    BasicThemeClass.fileUploaderTileIconHoverColorBg = 'rgba(0, 0, 0, 0.48)';
+    BasicThemeClass.fileUploaderTileIconActiveColorBg = 'rgba(0, 0, 0, 0.24)';
+    BasicThemeClass.fileUploaderTileIconColor = '#ffffff';
+    BasicThemeClass.fileUploaderTileIconHoverColor = '#ffffff';
     BasicThemeClass.fileUploaderDisabledBgClip = 'padding-box';
     BasicThemeClass.fileUploaderDisabledBorderColor = 'rgba(0, 0, 0, 0.16)';
+    BasicThemeClass.fileUploaderErrorBgColor = '#FFECEF';
+    BasicThemeClass.fileUploaderErrorBgHoverColor = '#FFDADD';
+    BasicThemeClass.fileUploaderWarningBgColor = '#FFF1CA';
+    BasicThemeClass.fileUploaderWarningBgHoverColor = '#FAE2AB';
+    BasicThemeClass.fileUploaderValidationTextColor = 'rgba(0, 0, 0, 0.87)';
     BasicThemeClass.fileUploaderLinkHoverTextDecoration = 'none';
     BasicThemeClass.fileUploaderHoveredBg = 'rgba(0, 0, 0, 0.06)';
+    BasicThemeClass.fileUploaderActiveBg = 'rgba(0, 0, 0, 0.1)';
     BasicThemeClass.fileUploaderHoveredBorderColor = 'transparent';
     BasicThemeClass.fileUploaderIconGapSmall = '4px';
     BasicThemeClass.fileUploaderIconGapMedium = '6px';
     BasicThemeClass.fileUploaderIconGapLarge = '8px';
     BasicThemeClass.fileUploaderDragOverShadow = '0px 0px 0px 3px rgb(149, 149, 149), 0px 0px 0px 8px rgba(61, 61, 61, 0.2)';
+    BasicThemeClass.fileUploaderFileTypeCodeIconColor = '#B750D1';
+    BasicThemeClass.fileUploaderFileTypePictureIconColor = '#51ADFF';
+    BasicThemeClass.fileUploaderFileTypePresentationIconColor = '#FC7630';
+    BasicThemeClass.fileUploaderFileTypeTableIconColor = '#26AD50';
+    BasicThemeClass.fileUploaderFileTypeTextIconColor = '#2291FF';
+    BasicThemeClass.fileUploaderFileTypeArchiveIconColor = '#D46421';
+    BasicThemeClass.fileUploaderFileTypeFolderIconColor = '#FECA42';
+    BasicThemeClass.fileUploaderFileTypeUnknownIconColor = '#ADADAD';
+    BasicThemeClass.fileUploaderDisabledColor = 'rgba(0, 0, 0, 0.54)';
+    BasicThemeClass.fileUploaderFileHeightSmall = '32px';
+    BasicThemeClass.fileUploaderFileHeightMedium = '40px';
+    BasicThemeClass.fileUploaderFileHeightLarge = '48px';
+    BasicThemeClass.fileUploaderTileWidthSmall = '104px';
+    BasicThemeClass.fileUploaderTileWidthMedium = '120px';
+    BasicThemeClass.fileUploaderTileWidthLarge = '144px';
+    BasicThemeClass.fileUploaderTileMinHeightSmall = '132px';
+    BasicThemeClass.fileUploaderTileMinHeightMedium = '150px';
+    BasicThemeClass.fileUploaderTileMinHeightLarge = '184px';
+    BasicThemeClass.fileUploaderTileHeightSmall = '180px';
+    BasicThemeClass.fileUploaderTileHeightMedium = '206px';
+    BasicThemeClass.fileUploaderTileHeightLarge = '248px';
+    BasicThemeClass.fileUploaderFileSizeWidthSmall = '80px';
+    BasicThemeClass.fileUploaderFileSizeWidthMedium = '88px';
+    BasicThemeClass.fileUploaderFileSizeWidthLarge = '104px';
+    BasicThemeClass.fileUploaderFileSizeMarginLeft = '28px';
+    BasicThemeClass.fileUploaderFileSizeMarginSmall = '32px';
+    BasicThemeClass.fileUploaderFileSizeMarginMedium = '34px';
+    BasicThemeClass.fileUploaderFileSizeMarginLarge = '36px';
+    BasicThemeClass.fileUploaderFileIconSizeSmall = '24px';
+    BasicThemeClass.fileUploaderFileIconSizeMedium = '32px';
+    BasicThemeClass.fileUploaderFileIconSizeLarge = '40px';
+    BasicThemeClass.fileUploaderTileIconSizeSmall = '20px';
+    BasicThemeClass.fileUploaderTileIconSizeMedium = '24px';
+    BasicThemeClass.fileUploaderTileIconSizeLarge = '32px';
+    BasicThemeClass.fileUploaderTileTypeIconHeightSmall = '116px';
+    BasicThemeClass.fileUploaderTileTypeIconHeightMedium = '126px';
+    BasicThemeClass.fileUploaderTileTypeIconHeightLarge = '152px';
+    BasicThemeClass.fileUploaderListGap = '8px';
+    BasicThemeClass.fileUploaderListSummaryTextGap = '12px';
     BasicThemeClass.clearCrossIconColor = 'rgba(0, 0, 0, 0.54)';
     BasicThemeClass.clearCrossIconHoverColor = 'rgba(0, 0, 0, 0.87)';
     BasicThemeClass.clearCrossIconAlign = 'center';
-    //#endregion ClearCrossIcon
-    //#region CloseIcon
-    BasicThemeClass.closeBtnIconColor = 'rgba(0, 0, 0, 0.32)';
     BasicThemeClass.closeBtnIconDisabledColor = '#8b8b8b';
     BasicThemeClass.closeBtnIconHoverColor = 'rgba(0, 0, 0, 0.865)';
     BasicThemeClass.closeBtnIconBorderRadius = '4px';
@@ -5785,9 +5961,9 @@ var LightTheme5_0 = createTheme({
     themeMarkers: [markThemeVersion('5.0')],
 });
 
-var _a$7;
+var _a$8;
 var LightTheme5_1 = createTheme({
-    themeClass: (_a$7 = /** @class */ (function (_super) {
+    themeClass: (_a$8 = /** @class */ (function (_super) {
             __extends(LightTheme5_1, _super);
             function LightTheme5_1() {
                 return _super !== null && _super.apply(this, arguments) || this;
@@ -5843,23 +6019,23 @@ var LightTheme5_1 = createTheme({
             });
             return LightTheme5_1;
         }(BasicThemeClassForExtension)),
-        _a$7.modalCloseButtonClickAreaTop = '30px',
-        _a$7.modalCloseButtonClickAreaBottom = '22px',
-        _a$7.modalCloseButtonClickAreaLeft = '24px',
-        _a$7.modalCloseButtonClickAreaRight = '28px',
-        _a$7.mobileModalCloseButtonClickArea = '22px',
-        _a$7.sidePageHeaderStickyOffset = '10px',
-        _a$7.mobileSidePageCloseButtonClickArea = '22px',
-        _a$7.sidePageCloseButtonWrapperFixedOffsetTop = '4px',
-        _a$7.sidePageCloseButtonWrapperOffsetTop = '2px',
-        _a$7),
+        _a$8.modalCloseButtonClickAreaTop = '30px',
+        _a$8.modalCloseButtonClickAreaBottom = '22px',
+        _a$8.modalCloseButtonClickAreaLeft = '24px',
+        _a$8.modalCloseButtonClickAreaRight = '28px',
+        _a$8.mobileModalCloseButtonClickArea = '22px',
+        _a$8.sidePageHeaderStickyOffset = '10px',
+        _a$8.mobileSidePageCloseButtonClickArea = '22px',
+        _a$8.sidePageCloseButtonWrapperFixedOffsetTop = '4px',
+        _a$8.sidePageCloseButtonWrapperOffsetTop = '2px',
+        _a$8),
     prototypeTheme: LightTheme5_0,
     themeMarkers: [markThemeVersion('5.1')],
 });
 
-var _a$6;
+var _a$7;
 var LightTheme5_2 = createTheme({
-    themeClass: (_a$6 = /** @class */ (function (_super) {
+    themeClass: (_a$7 = /** @class */ (function (_super) {
             __extends(LightTheme5_2, _super);
             function LightTheme5_2() {
                 return _super !== null && _super.apply(this, arguments) || this;
@@ -5880,32 +6056,33 @@ var LightTheme5_2 = createTheme({
             });
             return LightTheme5_2;
         }(BasicThemeClassForExtension)),
-        _a$6.mobileModalCloseButtonClickArea = '22px',
-        _a$6.mobileModalBodyPadding = '0 16px 0 16px',
-        _a$6.mobileModalContainerMarginTop = '16px',
-        _a$6.mobileModalContainerMarginRight = '16px',
-        _a$6.mobileModalContainerMarginBottom = '16px',
-        _a$6.mobileModalContainerMarginLeft = '16px',
-        _a$6.miniModalMarginTopMobile = '16px',
-        _a$6.miniModalMarginLeftMobile = '16px',
-        _a$6.miniModalMarginRightMobile = '16px',
-        _a$6),
+        _a$7.mobileModalCloseButtonClickArea = '22px',
+        _a$7.mobileModalBodyPadding = '0 16px 0 16px',
+        _a$7.mobileModalContainerMarginTop = '16px',
+        _a$7.mobileModalContainerMarginRight = '16px',
+        _a$7.mobileModalContainerMarginBottom = '16px',
+        _a$7.mobileModalContainerMarginLeft = '16px',
+        _a$7.miniModalMarginTopMobile = '16px',
+        _a$7.miniModalMarginLeftMobile = '16px',
+        _a$7.miniModalMarginRightMobile = '16px',
+        _a$7),
     prototypeTheme: LightTheme5_1,
     themeMarkers: [markThemeVersion('5.2')],
 });
 
-var _a$5;
+var _a$6;
 var LightTheme5_3 = createTheme({
-    themeClass: (_a$5 = /** @class */ (function (_super) {
+    themeClass: (_a$6 = /** @class */ (function (_super) {
             __extends(LightTheme5_3, _super);
             function LightTheme5_3() {
                 return _super !== null && _super.apply(this, arguments) || this;
             }
             return LightTheme5_3;
         }(BasicThemeClassForExtension)),
-        _a$5.miniModalDescriptionFontSize = '16px',
-        _a$5.miniModalDescriptionLineHeight = '22px',
-        _a$5),
+        //#region MiniModal
+        _a$6.miniModalDescriptionFontSize = '16px',
+        _a$6.miniModalDescriptionLineHeight = '22px',
+        _a$6),
     prototypeTheme: LightTheme5_2,
     themeMarkers: [markThemeVersion('5.3')],
 });
@@ -5919,28 +6096,69 @@ var themeTokens5_4 = {
     textareaVerticalAlign: 'top',
 };
 
-var _a$4;
+var _a$5;
 var LightTheme5_4 = createTheme({
-    themeClass: (_a$4 = /** @class */ (function (_super) {
+    themeClass: (_a$5 = /** @class */ (function (_super) {
             __extends(LightTheme5_4, _super);
             function LightTheme5_4() {
                 return _super !== null && _super.apply(this, arguments) || this;
             }
             return LightTheme5_4;
         }(BasicThemeClassForExtension)),
-        _a$4.textareaMargin = themeTokens5_4.textareaMargin,
-        _a$4.clearCrossIconWidthSmall = themeTokens5_4.clearCrossIconWidthSmall,
-        _a$4.clearCrossIconWidthMedium = themeTokens5_4.clearCrossIconWidthMedium,
-        _a$4.clearCrossIconWidthLarge = themeTokens5_4.clearCrossIconWidthLarge,
-        _a$4.clearCrossIconAlign = themeTokens5_4.clearCrossIconAlign,
-        _a$4.textareaVerticalAlign = themeTokens5_4.textareaVerticalAlign,
-        _a$4),
+        _a$5.textareaMargin = themeTokens5_4.textareaMargin,
+        _a$5.clearCrossIconWidthSmall = themeTokens5_4.clearCrossIconWidthSmall,
+        _a$5.clearCrossIconWidthMedium = themeTokens5_4.clearCrossIconWidthMedium,
+        _a$5.clearCrossIconWidthLarge = themeTokens5_4.clearCrossIconWidthLarge,
+        _a$5.clearCrossIconAlign = themeTokens5_4.clearCrossIconAlign,
+        _a$5.textareaVerticalAlign = themeTokens5_4.textareaVerticalAlign,
+        _a$5),
     prototypeTheme: LightTheme5_3,
     themeMarkers: [markThemeVersion('5.4')],
 });
 
-var LIGHT_THEME_5_4 = LightTheme5_4;
-var LIGHT_THEME = LIGHT_THEME_5_4;
+var _a$4;
+var LightTheme5_5 = createTheme({
+    themeClass: (_a$4 = /** @class */ (function (_super) {
+            __extends(LightTheme5_5, _super);
+            function LightTheme5_5() {
+                return _super !== null && _super.apply(this, arguments) || this;
+            }
+            Object.defineProperty(LightTheme5_5, "fileUploaderBorderColor", {
+                get: function () {
+                    return this.borderColorGrayLight;
+                },
+                enumerable: false,
+                configurable: true
+            });
+            Object.defineProperty(LightTheme5_5, "fileUploaderDisabledTextColor", {
+                get: function () {
+                    return this.fileUploaderDisabledColor;
+                },
+                enumerable: false,
+                configurable: true
+            });
+            Object.defineProperty(LightTheme5_5, "fileUploaderDisabledFileTypeIcon", {
+                get: function () {
+                    return this.fileUploaderDisabledIconColor;
+                },
+                enumerable: false,
+                configurable: true
+            });
+            return LightTheme5_5;
+        }(BasicThemeClassForExtension)),
+        //#region FileUploader
+        _a$4.fileUploaderPaddingXSmall = '7px',
+        _a$4.fileUploaderPaddingXMedium = '9px',
+        _a$4.fileUploaderPaddingXLarge = '11px',
+        _a$4.fileUploaderDisabledColor = 'rgba(0, 0, 0, 0.54)',
+        _a$4.fileUploaderDisabledIconColor = 'rgba(0, 0, 0, 0.32)',
+        _a$4),
+    prototypeTheme: LightTheme5_4,
+    themeMarkers: [markThemeVersion('5.5')],
+});
+
+var LIGHT_THEME_5_5 = LightTheme5_5;
+var LIGHT_THEME = LIGHT_THEME_5_5;
 
 var ThemeFactory = /** @class */ (function () {
     function ThemeFactory() {