@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

package/internal/themes/BasicTheme/BasicTheme.js

@@ -550,13 +550,6 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.btnTextHoverBg;
     }
-
-    /** @deprecated use btnWithIconPadding[Small/Medium/Large] instead */
-  }, {
-    key: "btnWithIconPaddingLeftSmall",
-    get: function get() {
-      return this.btnWithIconPaddingSmall;
-    }
   }, {
     key: "btnWithIconPaddingLeftMedium",
     get: function get() {
@@ -715,6 +708,11 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.btnDefaultHoverBorderColor;
     }
+  }, {
+    key: "tooltipCloseBtnColor",
+    get: function get() {
+      return this.closeGrayColor;
+    }
   }, {
     key: "tooltipTextColor",
     get: function get() {
@@ -725,24 +723,6 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.popupBorder;
     }
-    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
-     * @see {@link tooltipBorderRadiusSmall `tooltipBorderRadiusSmall`} */
-  }, {
-    key: "tooltipPinSize",
-    get:
-    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
-     * @see {@link tooltipPinSizeSmall `tooltipPinSizeSmall`} */
-    function get() {
-      return this.popupPinSize;
-    }
-  }, {
-    key: "tooltipFontSize",
-    get:
-    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
-     * @see {@link tooltipFontSizeSmall `tooltipFontSizeSmall`} */
-    function get() {
-      return this.fontSizeSmall;
-    }
   }, {
     key: "tooltipFontSizeSmall",
     get: function get() {
@@ -758,13 +738,6 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.fontSizeLarge;
     }
-    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
-     * @see {@link tooltipLineHeightSmall `tooltipLineHeightSmall`} */
-  }, {
-    key: "tooltipLineHeight",
-    get: function get() {
-      return this.controlLineHeightSmall;
-    }
   }, {
     key: "tooltipLineHeightSmall",
     get: function get() {
@@ -785,12 +758,12 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "tooltipMenuPinOffsetX",
     get: function get() {
-      return this.tooltipPinOffsetX;
+      return this.tooltipPinOffsetXSmall;
     }
   }, {
     key: "tooltipMenuPinOffsetY",
     get: function get() {
-      return this.tooltipPinOffsetY;
+      return this.tooltipPinOffsetYSmall;
     }
   }, {
     key: "tooltipMenuMargin",
@@ -810,6 +783,11 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.bgSecondary;
     }
+  }, {
+    key: "modalCloseButtonColor",
+    get: function get() {
+      return this.closeGrayColor;
+    }
   }, {
     key: "modalFixedHeaderBg",
     get: function get() {
@@ -855,6 +833,16 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.modalFooterPaddingBottom;
     }
+  }, {
+    key: "mobileModalCloseButtonRightPadding",
+    get: function get() {
+      return this.mobileModalCloseButtonClickArea;
+    }
+  }, {
+    key: "mobileModalCloseButtonTopPadding",
+    get: function get() {
+      return this.mobileModalCloseButtonClickArea;
+    }
   }, {
     key: "mobileModalWithoutHeaderCloseButtonWidth",
     get: function get() {
@@ -873,6 +861,11 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.textColorDefault;
     }
+  }, {
+    key: "mobileSidePageCloseButtonPadding",
+    get: function get() {
+      return this.mobileSidePageCloseButtonClickArea;
+    }
   }, {
     key: "sidePageFooterPanelPaddingTop",
     get: function get() {
@@ -883,6 +876,26 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.sidePageFooterPanelPaddingTop;
     }
+  }, {
+    key: "sidePageCloseButtonClickAreaTop",
+    get: function get() {
+      return this.modalCloseButtonClickAreaTop;
+    }
+  }, {
+    key: "sidePageCloseButtonClickAreaBottom",
+    get: function get() {
+      return this.modalCloseButtonClickAreaBottom;
+    }
+  }, {
+    key: "sidePageCloseButtonClickAreaLeft",
+    get: function get() {
+      return this.modalCloseButtonClickAreaLeft;
+    }
+  }, {
+    key: "sidePageCloseButtonClickAreaRight",
+    get: function get() {
+      return this.modalCloseButtonClickAreaRight;
+    }
   }, {
     key: "sidePageCloseButtonFixedClickAreaTop",
     get: function get() {
@@ -1012,18 +1025,12 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       return this.popupBoxShadow;
     }
   }, {
-    key: "pagingFontSize",
+    key: "pagingFontSizeSmall",
     get:
     //#endregion DateSelect
     //#region Paging
-    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
-     * @see {@link pagingFontSizeSmall `pagingFontSizeSmall`} */
+
     function get() {
-      return this.fontSizeMedium;
-    }
-  }, {
-    key: "pagingFontSizeSmall",
-    get: function get() {
       return this.fontSizeSmall;
     }
   }, {
@@ -1036,8 +1043,6 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.fontSizeLarge;
     }
-    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
-     * @see {@link pagingLineHeightSmall `pagingLineHeightSmall`} */
   }, {
     key: "pagingLineHeightSmall",
     get: function get() {
@@ -1063,18 +1068,6 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.textColorDefault;
     }
-  }, {
-    key: "pagingPageForwardLinkPaddingRight",
-    get: /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
-    function get() {
-      return this.pagingPageLinkPaddingX;
-    }
-  }, {
-    key: "pagingForwardIconSize",
-    get: /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
-    function get() {
-      return this.pagingFontSize;
-    }
   }, {
     key: "pagingForwardLinkColor",
     get: function get() {
@@ -1085,8 +1078,6 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.linkDisabledColor;
     }
-    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
-     * @see {@link pagingDotsPaddingSmall `pagingDotsPaddingSmall`} */
   }, {
     key: "pagingDotsDisabledColor",
     get: function get() {
@@ -1316,14 +1307,6 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.menuItemTextColor;
     }
-    /**
-     * @deprecated
-     */
-  }, {
-    key: "menuItemLinkColor",
-    get: function get() {
-      return this.linkColor;
-    }
   }, {
     key: "menuItemCommentColor",
     get: function get() {
@@ -1785,6 +1768,11 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return "calc(" + this.controlOutlineWidth + " - 1px)";
     }
+  }, {
+    key: "inputBorderColorHover",
+    get: function get() {
+      return this.closeGrayColor;
+    }
   }, {
     key: "inputBorderColorFocus",
     get: function get() {
@@ -2570,19 +2558,34 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       return this.blueLight;
     }
   }, {
-    key: "fileUploaderPaddingXSmall",
+    key: "fileUploaderPaddingYSmall",
     get: function get() {
-      return this.inputPaddingXSmall;
+      return this.controlPaddingYSmall;
     }
   }, {
-    key: "fileUploaderPaddingXMedium",
+    key: "fileUploaderPaddingYMedium",
     get: function get() {
-      return this.inputPaddingXMedium;
+      return this.controlPaddingYMedium;
+    }
+  }, {
+    key: "fileUploaderPaddingYLarge",
+    get: function get() {
+      return this.controlPaddingYLarge;
+    }
+  }, {
+    key: "fileUploaderTileIconActionPositionSmall",
+    get: function get() {
+      return parseInt(this.fileUploaderTilePaddingSmall) + 1 + "px";
     }
   }, {
-    key: "fileUploaderPaddingXLarge",
+    key: "fileUploaderTileIconActionPositionMedium",
     get: function get() {
-      return this.inputPaddingXLarge;
+      return parseInt(this.fileUploaderTilePaddingMedium) + 1 + "px";
+    }
+  }, {
+    key: "fileUploaderTileIconActionPositionLarge",
+    get: function get() {
+      return parseInt(this.fileUploaderTilePaddingLarge) + 1 + "px";
     }
   }, {
     key: "fileUploaderFontSizeSmall",
@@ -2615,24 +2618,14 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       return this.controlLineHeightLarge;
     }
   }, {
-    key: "fileUploaderPaddingYSmall",
-    get: function get() {
-      return this.controlPaddingYSmall;
-    }
-  }, {
-    key: "fileUploaderPaddingYMedium",
+    key: "fileUploaderTextColorDefault",
     get: function get() {
-      return this.controlPaddingYMedium;
+      return this.textColorDefault;
     }
   }, {
-    key: "fileUploaderPaddingYLarge",
+    key: "fileUploaderBorderColor",
     get: function get() {
-      return this.controlPaddingYLarge;
-    }
-  }, {
-    key: "fileUploaderTextColorDefault",
-    get: function get() {
-      return this.textColorDefault;
+      return this.borderColorGrayLight;
     }
   }, {
     key: "fileUploaderBorderWidth",
@@ -2672,7 +2665,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "fileUploaderDisabledTextColor",
     get: function get() {
-      return this.textColorDisabled;
+      return this.fileUploaderDisabledColor;
     }
   }, {
     key: "fileUploaderDisabledLinkColor",
@@ -2680,9 +2673,19 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       return this.textColorDisabled;
     }
   }, {
-    key: "fileUploaderDisabledIconColor",
+    key: "fileUploaderErrorColor",
     get: function get() {
-      return this.textColorDisabled;
+      return this.closeGrayColor;
+    }
+  }, {
+    key: "fileUploaderErrorTextColor",
+    get: function get() {
+      return this.redDark;
+    }
+  }, {
+    key: "fileUploaderWarningTextColor",
+    get: function get() {
+      return this.yellowDark;
     }
   }, {
     key: "fileUploaderDragOverBorderColor",
@@ -2690,23 +2693,39 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       return this.borderColorFocus;
     }
   }, {
-    key: "clearCrossIconWidthSmall",
-    get:
-    //#endregion FileUploader
-
-    //#region ClearCrossIcon
-    function get() {
-      return this.inputHeightSmall;
+    key: "fileUploaderIconSizeSmall",
+    get: function get() {
+      return this.btnIconSizeSmall;
     }
   }, {
-    key: "clearCrossIconWidthMedium",
+    key: "fileUploaderIconSizeMedium",
     get: function get() {
-      return this.inputHeightMedium;
+      return this.btnIconSizeMedium;
     }
   }, {
-    key: "clearCrossIconWidthLarge",
+    key: "fileUploaderIconSizeLarge",
     get: function get() {
-      return this.inputHeightLarge;
+      return this.btnIconSizeLarge;
+    }
+  }, {
+    key: "fileUploaderFileTypeErrorIconColor",
+    get: function get() {
+      return this.red;
+    }
+  }, {
+    key: "fileUploaderFileTypeWarningIconColor",
+    get: function get() {
+      return this.yellow;
+    }
+  }, {
+    key: "fileUploaderFileTypePdfIconColor",
+    get: function get() {
+      return this.red;
+    }
+  }, {
+    key: "fileUploaderDisabledFileTypeIcon",
+    get: function get() {
+      return this.fileUploaderDisabledIconColor;
     }
   }, {
     key: "clearCrossIconHeightSmall",
@@ -2759,6 +2778,15 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.inputBorderRadiusLarge;
     }
+  }, {
+    key: "closeBtnIconColor",
+    get:
+    //#endregion ClearCrossIcon
+
+    //#region CloseIcon
+    function get() {
+      return this.closeGrayColor;
+    }
   }, {
     key: "closeBtnIconFocusShadow",
     get: function get() {
@@ -2822,6 +2850,7 @@ BasicThemeClass.bgDisabled = '#F0F0F0';
 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)';
@@ -2855,7 +2884,7 @@ BasicThemeClass.borderColorFocus = '#3D3D3D';
 BasicThemeClass.controlHeightSmall = '32px';
 BasicThemeClass.controlHeightMedium = '40px';
 BasicThemeClass.controlHeightLarge = '48px';
-BasicThemeClass.mobileMediaQuery = '(max-width: 576px) and (pointer: coarse)';
+BasicThemeClass.mobileMediaQuery = '(max-width: 576px)';
 BasicThemeClass.transitionDuration = '100ms';
 BasicThemeClass.transitionTimingFunction = 'cubic-bezier(0.5, 1, 0.89, 1)'; //#endregion Common variables
 //#region Link
@@ -3040,42 +3069,27 @@ BasicThemeClass.selectRootWidthMobile = 'auto';
 BasicThemeClass.mobileSelectMaxWidth = '100%';
 BasicThemeClass.selectBorderColorTransition = "box-shadow " + _BasicThemeClass.transitionDuration + " " + _BasicThemeClass.transitionTimingFunction + ";"; //#endregion Select
 //#region Tooltip
-/** @deprecated Эта переменная устарела при появлении размеров у `Tooltip` и будет удалена в `6.0`.
- * @see {@link tooltipPaddingYSmall `tooltipPaddingYSmall`} */
-BasicThemeClass.tooltipPaddingY = '16px'; /** @deprecated Эта переменная устарела при появлении размеров у `Tooltip` и будет удалена в `6.0`.
-                                          * @see {@link tooltipPaddingXSmall `tooltipPaddingXSmall`} */
-BasicThemeClass.tooltipPaddingX = '16px';
 BasicThemeClass.tooltipPaddingYSmall = '16px';
 BasicThemeClass.tooltipPaddingXSmall = '16px';
 BasicThemeClass.tooltipPaddingYMedium = '20px';
 BasicThemeClass.tooltipPaddingXMedium = '20px';
 BasicThemeClass.tooltipPaddingYLarge = '24px';
-BasicThemeClass.tooltipPaddingXLarge = '24px'; /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
-                                               * @see {@link tooltipCloseBtnPaddingSmall `tooltipCloseBtnPaddingSmall`} */
-BasicThemeClass.tooltipCloseBtnPadding = '4px';
+BasicThemeClass.tooltipPaddingXLarge = '24px';
 BasicThemeClass.tooltipCloseBtnPaddingSmall = '4px';
 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';
-BasicThemeClass.tooltipBorderRadius = '8px';
 BasicThemeClass.tooltipBorderRadiusSmall = '8px';
 BasicThemeClass.tooltipBorderRadiusMedium = '10px';
-BasicThemeClass.tooltipBorderRadiusLarge = '12px'; /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
-                                                   * @see {@link tooltipPinOffsetYSmall `tooltipPinOffsetYSmall`} */
-BasicThemeClass.tooltipPinOffsetY = '18px';
+BasicThemeClass.tooltipBorderRadiusLarge = '12px';
 BasicThemeClass.tooltipPinOffsetYSmall = '18px';
 BasicThemeClass.tooltipPinOffsetYMedium = '21px';
-BasicThemeClass.tooltipPinOffsetYLarge = '24px'; /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
-                                                 * @see {@link tooltipPinOffsetXSmall `tooltipPinOffsetXSmall` */
-BasicThemeClass.tooltipPinOffsetX = '16px';
+BasicThemeClass.tooltipPinOffsetYLarge = '24px';
 BasicThemeClass.tooltipPinOffsetXSmall = '16px';
 BasicThemeClass.tooltipPinOffsetXMedium = '20px';
-BasicThemeClass.tooltipPinOffsetXLarge = '24px'; /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
-                                                 * @see {@link tooltipMarginSmall `tooltipMarginSmall`} */
-BasicThemeClass.tooltipMargin = '10px';
+BasicThemeClass.tooltipPinOffsetXLarge = '24px';
 BasicThemeClass.tooltipMarginSmall = '10px';
 BasicThemeClass.tooltipMarginMedium = '12px';
 BasicThemeClass.tooltipMarginLarge = '14px';
@@ -3099,16 +3113,14 @@ BasicThemeClass.kebabIconColor = '#757575'; //#endregion
 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';
-BasicThemeClass.modalCloseButtonBottomPadding = '20px'; /** @deprecated use modalCloseButtonClickArea[Top/Bottom/Left/Right] instead */
-BasicThemeClass.modalCloseButtonClickArea = '6px';
-BasicThemeClass.modalCloseButtonClickAreaTop = '6px';
-BasicThemeClass.modalCloseButtonClickAreaBottom = '6px';
-BasicThemeClass.modalCloseButtonClickAreaLeft = '6px';
-BasicThemeClass.modalCloseButtonClickAreaRight = '6px';
+BasicThemeClass.modalCloseButtonBottomPadding = '20px';
+BasicThemeClass.modalCloseButtonClickAreaTop = '30px';
+BasicThemeClass.modalCloseButtonClickAreaBottom = '22px';
+BasicThemeClass.modalCloseButtonClickAreaLeft = '24px';
+BasicThemeClass.modalCloseButtonClickAreaRight = '28px';
 BasicThemeClass.modalCloseIconSize = '20px';
 BasicThemeClass.modalBorderRadius = '16px';
 BasicThemeClass.modalFixedHeaderBorder = 'none';
@@ -3137,25 +3149,23 @@ BasicThemeClass.modalFooterPaddingTop = '0px';
 BasicThemeClass.modalFooterPaddingBottom = '20px';
 BasicThemeClass.modalPaddingBottom = '40px';
 BasicThemeClass.modalFooterPanelPaddingTop = '20px';
-BasicThemeClass.mobileModalCloseButtonRightPadding = '16px';
-BasicThemeClass.mobileModalCloseButtonTopPadding = '8px';
-BasicThemeClass.mobileModalCloseButtonClickArea = '16px';
+BasicThemeClass.mobileModalCloseButtonClickArea = '22px';
 BasicThemeClass.mobileModalWithoutHeaderCloseButtonPadding = '10px';
 BasicThemeClass.mobileModalCloseIconSize = '20px';
 BasicThemeClass.mobileModalHeaderFontSize = '24px';
 BasicThemeClass.mobileModalHeaderLineHeight = '32px';
 BasicThemeClass.mobileModalHeaderPadding = '16px';
-BasicThemeClass.mobileModalBodyPadding = '0 16px 16px 16px';
+BasicThemeClass.mobileModalBodyPadding = '0 16px 0 16px';
 BasicThemeClass.mobileModalBodyPaddingTop = '16px';
 BasicThemeClass.mobileModalBodyPaddingBottom = '16px';
 BasicThemeClass.mobileModalBodyFontSize = '16px';
 BasicThemeClass.mobileModalFooterPadding = '16px';
 BasicThemeClass.mobileModalPaddingBottom = '16px';
 BasicThemeClass.mobileModalContainerHeight = '100%';
-BasicThemeClass.mobileModalContainerMarginTop = '0';
-BasicThemeClass.mobileModalContainerMarginRight = '0';
-BasicThemeClass.mobileModalContainerMarginBottom = '0';
-BasicThemeClass.mobileModalContainerMarginLeft = '0';
+BasicThemeClass.mobileModalContainerMarginTop = '16px';
+BasicThemeClass.mobileModalContainerMarginRight = '16px';
+BasicThemeClass.mobileModalContainerMarginBottom = '16px';
+BasicThemeClass.mobileModalContainerMarginLeft = '16px';
 BasicThemeClass.sidePageBackingBg = '#000';
 BasicThemeClass.sidePageBackingBgOpacity = '0.16';
 BasicThemeClass.sidePageCloseButtonColor = 'rgba(0, 0, 0, 0.374)';
@@ -3179,28 +3189,17 @@ BasicThemeClass.sidePageHeaderFontSize = '24px';
 BasicThemeClass.sidePageHeaderLineHeight = '32px';
 BasicThemeClass.sidePageHeaderPaddingBottom = '16px';
 BasicThemeClass.sidePageHeaderPaddingTop = '24px';
-BasicThemeClass.sidePageHeaderFixedFontSize = '18px';
-BasicThemeClass.sidePageHeaderFixedLineHeight = '28px';
-BasicThemeClass.sidePageHeaderFixedPaddingY = '10px';
-BasicThemeClass.sidePageHeaderStickyOffset = '9px'; /** @deprecated use sidePageCloseButtonClickAreaLeft and sidePageCloseButtonClickAreaRight instead */
-BasicThemeClass.sidePageCloseButtonPadding = '32px';
-BasicThemeClass.mobileSidePageCloseButtonPadding = '16px';
-BasicThemeClass.sidePageCloseIconSize = '20px'; /** @deprecated use sidePageCloseButtonClickArea[Top/Bottom/Left/Right] instead */
-BasicThemeClass.sidePageCloseButtonClickArea = '6px';
-BasicThemeClass.sidePageCloseButtonClickAreaTop = '6px';
-BasicThemeClass.sidePageCloseButtonClickAreaBottom = '6px';
-BasicThemeClass.sidePageCloseButtonClickAreaLeft = '6px';
-BasicThemeClass.sidePageCloseButtonClickAreaRight = '6px';
+BasicThemeClass.sidePageHeaderStickyOffset = '10px';
+BasicThemeClass.sidePageCloseIconSize = '20px';
 BasicThemeClass.sidePageCloseButtonFixedClickAreaBottom = '14px';
-BasicThemeClass.mobileSidePageCloseButtonClickArea = '16px';
+BasicThemeClass.mobileSidePageCloseButtonClickArea = '22px';
 BasicThemeClass.sidePageFixedPanelShadow = 'none';
 BasicThemeClass.mobileSidePageHeaderFontSize = '24px';
 BasicThemeClass.mobileSidePageHeaderLineHeight = '32px';
 BasicThemeClass.mobileSidePageHeaderPaddingBottom = '16px';
-BasicThemeClass.mobileSidePageHeaderPaddingTop = '16px'; /** @deprecated use mobileSidePageCloseButtonPadding instead */
-BasicThemeClass.mobileSidePageCloseButtonRightPadding = '12px';
+BasicThemeClass.mobileSidePageHeaderPaddingTop = '16px';
 BasicThemeClass.sidePageHeaderFontWeight = 'bold';
-BasicThemeClass.sidePageCloseButtonWrapperOffsetTop = '4px';
+BasicThemeClass.sidePageCloseButtonWrapperOffsetTop = '2px';
 BasicThemeClass.sidePageCloseButtonWrapperFixedOffsetTop = '4px';
 BasicThemeClass.dateInputMaskColor = '#b8b8b8';
 BasicThemeClass.dateInputComponentSelectedBgColor = '';
@@ -3253,32 +3252,22 @@ BasicThemeClass.dateSelectMenuItemBgSelected = '#ececec';
 BasicThemeClass.dateSelectTextColorInvert = '';
 BasicThemeClass.mobileDateSelectFontSize = '16px';
 BasicThemeClass.mobileDateSelectLineHeight = '20px';
-BasicThemeClass.pagingLineHeight = '22px';
-BasicThemeClass.pagingPageLinkBoxSizing = 'border-box'; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
-BasicThemeClass.pagingPageLinkMinWidth = '0.75em'; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
-                                                   * @see {@link pagingPageLinkPaddingYSmall `pagingPageLinkPaddingYSmall`} */
-BasicThemeClass.pagingPageLinkPaddingY = '0.3125em'; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
-                                                     * @see {@link pagingPageLinkPaddingXSmall `pagingPageLinkPaddingXSmall`} */
-BasicThemeClass.pagingPageLinkPaddingX = '12px';
+BasicThemeClass.pagingPageLinkBoxSizing = 'border-box';
 BasicThemeClass.pagingPageLinkPaddingYSmall = '6px';
 BasicThemeClass.pagingPageLinkPaddingXSmall = '11.5px';
 BasicThemeClass.pagingPageLinkPaddingYMedium = '9px';
 BasicThemeClass.pagingPageLinkPaddingXMedium = '15px';
 BasicThemeClass.pagingPageLinkPaddingYLarge = '12px';
-BasicThemeClass.pagingPageLinkPaddingXLarge = '18.5px'; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
-BasicThemeClass.pagingPageLinkMargin = '0px 1px';
+BasicThemeClass.pagingPageLinkPaddingXLarge = '18.5px';
 BasicThemeClass.pagingPageLinkBorderRadius = '9999px';
 BasicThemeClass.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.1)';
 BasicThemeClass.pagingPageLinkDisabledActiveBg = 'rgba(0, 0, 0, 0.04)';
-BasicThemeClass.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.06)'; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
-BasicThemeClass.pagingPageForwardLinkMarginTop = ''; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
-BasicThemeClass.pagingPageForwardLinkMarginLeft = '0px';
+BasicThemeClass.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.06)';
 BasicThemeClass.pagingForwardLinkPaddingSmall = '6px 8px 6px 12px';
 BasicThemeClass.pagingForwardLinkPaddingMedium = '9px 12px 9px 16px';
 BasicThemeClass.pagingForwardLinkPaddingLarge = '12px 16px 12px 20px';
 BasicThemeClass.pagingForwardLinkPaddingMediumMobile = '10px';
 BasicThemeClass.pagingForwardLinkPaddingLargeMobile = '12px';
-BasicThemeClass.pagingDotsPadding = '0.375em 0.625em 0';
 BasicThemeClass.pagingDotsPaddingSmall = '11px 8px 5px 8px';
 BasicThemeClass.pagingDotsPaddingMedium = '14px 12px 10px 12px';
 BasicThemeClass.pagingDotsPaddingLarge = '19px 16px 13px 16px';
@@ -3458,7 +3447,6 @@ BasicThemeClass.inputBorderRadiusMedium = '2px';
 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';
@@ -3482,8 +3470,8 @@ BasicThemeClass.textareaPaddingXSmall = '7px';
 BasicThemeClass.textareaPaddingXMedium = '11px';
 BasicThemeClass.textareaPaddingXLarge = '15px';
 BasicThemeClass.textareaBorderTopColor = 'rgba(0, 0, 0, 0.16)';
-BasicThemeClass.textareaMargin = '';
-BasicThemeClass.textareaVerticalAlign = 'middle'; //#endregion Textarea
+BasicThemeClass.textareaMargin = '0px'; // обнуление вертикального браузерного margin в firefox
+BasicThemeClass.textareaVerticalAlign = 'top'; //#endregion Textarea
 //#region Radio
 BasicThemeClass.radioBulletSizeSmall = '6px';
 BasicThemeClass.radioBulletSizeMedium = '10px';
@@ -3557,37 +3545,101 @@ BasicThemeClass.globalLoaderTransitionFromSpinnerDuration = '200'; //ms
 //#endregion
 //#region FileUploader
 BasicThemeClass.fileUploaderWidth = '362px';
+BasicThemeClass.fileUploaderTileWidth = 'auto';
 BasicThemeClass.fileUploaderBg = '';
 BasicThemeClass.fileUploaderUploadButtonBg = '#fff';
+BasicThemeClass.fileUploaderPaddingXSmall = '7px';
+BasicThemeClass.fileUploaderPaddingXMedium = '9px';
+BasicThemeClass.fileUploaderPaddingXLarge = '11px';
+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';
-BasicThemeClass.fileUploaderAfterLinkColor = '#858585';
 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.fileUploaderDisabledIconColor = 'rgba(0, 0, 0, 0.32)';
+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'; //#endregion FileUploader
+//#region ClearCrossIcon
+BasicThemeClass.clearCrossIconWidthSmall = '24px';
+BasicThemeClass.clearCrossIconWidthMedium = '30px';
+BasicThemeClass.clearCrossIconWidthLarge = '36px';
 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.clearCrossIconAlign = 'flex-start';
 BasicThemeClass.closeBtnIconDisabledColor = '#8b8b8b';
 BasicThemeClass.closeBtnIconHoverColor = 'rgba(0, 0, 0, 0.865)';
 BasicThemeClass.closeBtnIconBorderRadius = '4px';
 BasicThemeClass.miniModalHeaderPaddingBottom = '0';
 BasicThemeClass.miniModalBodyPaddingTop = '16px';
 BasicThemeClass.miniModalBodyPaddingBottom = '0';
-BasicThemeClass.miniModalDescriptionFontSize = 'inherit';
-BasicThemeClass.miniModalDescriptionLineHeight = 'normal';
+BasicThemeClass.miniModalDescriptionFontSize = '16px';
+BasicThemeClass.miniModalDescriptionLineHeight = '22px';
 BasicThemeClass.miniModalHeaderPaddingTop = '32px';
 BasicThemeClass.miniModalActionGap = '8px';
 BasicThemeClass.miniModalCancelIndent = '8px';
@@ -3595,9 +3647,9 @@ BasicThemeClass.miniModalFooterPaddingTop = '24px';
 BasicThemeClass.miniModalFooterPaddingBottom = '32px';
 BasicThemeClass.miniModalTitleMarginTop = '16px';
 BasicThemeClass.miniModalHeightMobile = 'auto';
-BasicThemeClass.miniModalMarginTopMobile = '80px';
-BasicThemeClass.miniModalMarginLeftMobile = '24px';
-BasicThemeClass.miniModalMarginRightMobile = '24px';
+BasicThemeClass.miniModalMarginTopMobile = '16px';
+BasicThemeClass.miniModalMarginLeftMobile = '16px';
+BasicThemeClass.miniModalMarginRightMobile = '16px';
 BasicThemeClass.miniModalFooterPaddingMobile = '24px 16px 16px';
 BasicThemeClass.miniModalHeaderPaddingMobile = '32px 16px 0';
 BasicThemeClass.miniModalBodyPaddingMobile = '16px 16px 0';