@skbkontur/react-ui 5.6.0 → 5.6.1-85c65.0

package/cjs/internal/themes/BasicTheme.js

@@ -1,5 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.BasicThemeClassForExtension = exports.BasicThemeClass = exports.BasicTheme = void 0;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var ColorFunctions = _interopRequireWildcard(require("../../lib/styles/ColorFunctions"));var _BasicThemeClass;var
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.BasicThemeClassForExtension = exports.BasicThemeClass = exports.BasicTheme = void 0;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var colors = _interopRequireWildcard(require("@skbkontur/colors/default-light"));
+
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");var _BasicThemeClass;var
 
 BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function BasicThemeClass() {}return (0, _createClass2.default)(BasicThemeClass, null, [{ key: "bgSecondary", get:
 
@@ -224,8 +225,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     } }, { key: "tokenMarginXDisabled", get:
     function get() {
       return this.tokenMarginXSmall;
-    } }, { key: "tokenInputLineHeightSmall", get:
-
+    } }, { key: "tokenColorHover", get:
 
 
 
@@ -233,6 +233,9 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
 
+    function get() {
+      return this.tokenColor;
+    } }, { key: "tokenInputLineHeightSmall", get:
 
 
 
@@ -392,17 +395,17 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
     function get() {
       return this.btnDefaultBorderColor;
-    } }, { key: "btnDangerBg", get:
-
-
-
-
-
-
+    } }, { key: "btnSuccessBorderColor", get:
 
 
 
+    function get() {
+      return this.btnSuccessBg;
+    } }, { key: "btnSuccessHoverBorderColor", get:
 
+    function get() {
+      return this.btnSuccessHoverBg;
+    } }, { key: "btnSuccessActiveBorderColor", get:
 
 
 
@@ -410,6 +413,9 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
 
+    function get() {
+      return this.btnSuccessActiveBg;
+    } }, { key: "btnPrimaryBorderColor", get:
 
 
 
@@ -417,6 +423,15 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
 
+    function get() {
+      return this.btnPrimaryBg;
+    } }, { key: "btnPrimaryHoverBorderColor", get:
+    function get() {
+      return this.btnPrimaryHoverBg;
+    } }, { key: "btnPrimaryActiveBorderColor", get:
+    function get() {
+      return this.btnPrimaryActiveBg;
+    } }, { key: "btnDangerBg", get:
 
 
 
@@ -429,10 +444,12 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     } }, { key: "btnDangerBorderColor", get:
     function get() {
       return this.btnDangerBg;
-    } }, { key: "btnDangerActiveBorderColor", get:
-
+    } }, { key: "btnDangerHoverBorderColor", get:
 
 
+    function get() {
+      return this.btnDangerHoverBg;
+    } }, { key: "btnDangerActiveBorderColor", get:
 
 
 
@@ -443,23 +460,29 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
     function get() {
       return this.btnDangerActiveBg;
-    } }, { key: "btnPayTextColor", get:
-
-
+    } }, { key: "btnPayHoverBorderColor", get:
 
 
 
 
+    function get() {
+      return this.btnPayHoverBg;
+    } }, { key: "btnPayBorderColor", get:
 
+    function get() {
+      return this.btnPayBg;
+    } }, { key: "btnPayTextColor", get:
 
 
     function get() {
       return this.textColorDefault;
-    } }, { key: "btnFontSizeSmall", get:
-
+    } }, { key: "btnPayActiveBorderColor", get:
 
 
 
+    function get() {
+      return this.btnPayActiveBg;
+    } }, { key: "btnFontSizeSmall", get:
 
 
     function get() {
@@ -615,12 +638,8 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
     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() {
       return this.btnWithIconPaddingMedium;
     } }, { key: "btnWithIconPaddingLeftLarge", get:
@@ -744,14 +763,6 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
 
-
-
-
-
-
-
-
-
 
 
 
@@ -765,14 +776,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
     function get() {
       return this.popupBorder;
-    }
-    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
-     * @see {@link tooltipBorderRadiusSmall `tooltipBorderRadiusSmall`} */ }, { key: "tooltipPinSize", get:
-
-
-
-
-
+    } }, { key: "tooltipFontSizeSmall", get:
 
 
 
@@ -790,19 +794,9 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
 
-    /** @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() {
       return this.fontSizeSmall;
     } }, { key: "tooltipFontSizeMedium", get:
@@ -811,12 +805,8 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     } }, { key: "tooltipFontSizeLarge", 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() {
       return this.controlLineHeightSmall;
     } }, { key: "tooltipLineHeightMedium", get:
@@ -829,10 +819,10 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     //#endregion Tooltip
     //#region TooltipMenu
   }, { key: "tooltipMenuPinOffsetX", get: function get() {
-      return this.tooltipPinOffsetX;
+      return this.tooltipPinOffsetXSmall;
     } }, { key: "tooltipMenuPinOffsetY", get:
     function get() {
-      return this.tooltipPinOffsetY;
+      return this.tooltipPinOffsetYSmall;
     } }, { key: "tooltipMenuMargin", get:
     function get() {
       return this.popupMargin;
@@ -879,7 +869,6 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
 
-
     function get() {
       return this.bgSecondary;
     } }, { key: "modalFixedHeaderShadow", get:
@@ -933,11 +922,15 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
     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() {
       return parseInt(this.modalCloseIconSize) + 2 * parseInt(this.mobileModalWithoutHeaderCloseButtonPadding) + "px";
     } }, { key: "sidePageFooterPanelBg", get:
@@ -980,12 +973,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
     function get() {
       return this.textColorDefault;
-    } }, { key: "sidePageFooterPanelPaddingTop", get:
-
-
-
-
-
+    } }, { key: "mobileSidePageCloseButtonPadding", get:
 
 
 
@@ -994,19 +982,29 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
 
+    function get() {
+      return this.mobileSidePageCloseButtonClickArea;
+    } }, { key: "sidePageFooterPanelPaddingTop", get:
     function get() {
       return this.sidePageFooterPaddingTop;
     } }, { key: "sidePageFooterPanelPaddingBottom", get:
     function get() {
       return this.sidePageFooterPanelPaddingTop;
-    } }, { key: "sidePageCloseButtonFixedClickAreaTop", get:
-
-
-
-
-
+    } }, { 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() {
       return this.sidePageCloseButtonFixedClickAreaBottom;
     } }, { key: "sidePageFixedHeaderShadow", get:
@@ -1027,20 +1025,18 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
 
-
     //#endregion SidePage
     //#region DateInput
     function get() {
       return this.textColorDefault;
-    } }, { key: "calendarBottomSeparatorBorderColor", get:
+    } }, { key: "calendarBottomSeparatorBorderWidth", get:
+
+
+
+
 
 
 
-    //#endregion DateInput
-    //#region Calendar
-    function get() {
-      return ColorFunctions.fade(this.calendarMonthTitleBorderBottomColor, 1);
-    } }, { key: "calendarBottomSeparatorBorderWidth", get:
     function get() {
       return '1px';
     } }, { key: "calendarBottomSeparatorBorder", get:
@@ -1149,17 +1145,13 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     } }, { key: "dateSelectPopupBoxShadow", get:
     function get() {
       return this.popupBoxShadow;
-    } }, { key: "pagingFontSize", get:
+    } }, { 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;
     } }, { key: "pagingFontSizeMedium", get:
@@ -1168,9 +1160,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     } }, { key: "pagingFontSizeLarge", get:
     function get() {
       return this.fontSizeLarge;
-    }
-    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
-     * @see {@link pagingLineHeightSmall `pagingLineHeightSmall`} */ }, { key: "pagingLineHeightSmall", get:
+    } }, { key: "pagingLineHeightSmall", get:
 
     function get() {
       return this.controlLineHeightSmall;
@@ -1191,48 +1181,28 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
 
-
-
-
-
-
-
-
-
     function get() {
       return this.textColorDefault;
     } }, { key: "pagingPageLinkActiveColor", get:
     function get() {
       return this.textColorDefault;
-    } }, { key: "pagingPageForwardLinkPaddingRight", get:
-
-
+    } }, { key: "pagingForwardLinkColor", 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() {
       return this.textColorDefault;
     } }, { key: "pagingForwardLinkDisabledColor", get:
     function get() {
       return this.linkDisabledColor;
-    }
-    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
-     * @see {@link pagingDotsPaddingSmall `pagingDotsPaddingSmall`} */ }, { key: "pagingDotsDisabledColor", get:
+    } }, { key: "pagingDotsDisabledColor", get:
 
 
 
@@ -1459,13 +1429,8 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
     function get() {
       return this.menuItemTextColor;
-    }
-    /**
-     * @deprecated
-     */ }, { key: "menuItemLinkColor", get:
-    function get() {
-      return this.linkColor;
     } }, { key: "menuItemCommentColor", get:
+
     function get() {
       return this.menuItemTextColor;
     } }, { key: "menuItemCommentColorHover", get:
@@ -2038,11 +2003,11 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     } }, { key: "checkboxBgDisabled", get:
     function get() {
       return this.bgDisabled;
-    } }, { key: "checkboxCheckedActiveBg", get:
-
-    function get() {
-      return ColorFunctions.darken(this.checkboxCheckedBg, '15%');
     } }, { key: "checkboxShadowActive", get:
+
+
+
+
     function get() {
       return "0 0 0 " + this.checkboxBorderWidth + " #c3c3c3";
     }
@@ -2158,10 +2123,9 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     } }, { key: "textareaCounterColor", get:
     function get() {
       return this.gray;
-    } }, { key: "textareaCounterBg", get:
-    function get() {
-      return ColorFunctions.fade(this.textareaBg, 0.9);
     } }, { key: "textareaCounterErrorColor", get:
+
+
     function get() {
       return this.errorText;
     } }, { key: "textareaCounterHelpIconColor", get:
@@ -2260,13 +2224,18 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     } }, { key: "radioCheckedBgColor", get:
     function get() {
       return this.checkboxCheckedBg;
-    } }, { key: "radioCheckedHoverBgColor", get:
+    } }, { key: "radioCheckedBulletColor", get:
 
+    function get() {
+      return this.checkboxCheckedColor;
+    } }, { key: "radioCheckedHoverBgColor", get:
+    function get() {
+      return this.checkboxCheckedHoverBg;
+    } }, { key: "radioDisabledBg", get:
 
     function get() {
-      return ColorFunctions.darken(this.checkboxCheckedBg, '5%');
+      return this.checkboxBgDisabled;
     } }, { key: "radioDisabledShadow", get:
-
     function get() {
       return "0 0 0 " + this.radioBorderWidth + " rgba(0, 0, 0, 0.1)";
     } }, { key: "radioCheckedDisabledBulletBg", get:
@@ -2337,21 +2306,14 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     } }, { key: "tabColorPrimary", get:
     function get() {
       return this.btnPrimaryBg;
-    } }, { key: "tabColorHoverError", get:
-
-    function get() {
-      return ColorFunctions.lighten(this.tabColorError, '25%');
-    } }, { key: "tabColorHoverWarning", get:
-    function get() {
-      return ColorFunctions.lighten(this.tabColorWarning, '25%');
-    } }, { key: "tabColorHoverSuccess", get:
-    function get() {
-      return ColorFunctions.lighten(this.tabColorSuccess, '25%');
-    } }, { key: "tabColorHoverPrimary", get:
-    function get() {
-      return ColorFunctions.lighten(this.tabColorPrimary, '25%');
     } }, { key: "spinnerBgColor", get:
 
+
+
+
+
+
+
     //#endregion Tabs
     //#region Spinner
     function get() {
@@ -2537,22 +2499,16 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     } }, { key: "fileUploaderPaddingYLarge", get:
     function get() {
       return this.controlPaddingYLarge;
-    } }, { key: "fileUploaderPaddingXSmall", get:
-
-    function get() {
-      return this.inputPaddingXSmall;
-    } }, { key: "fileUploaderPaddingXMedium", get:
-    function get() {
-      return this.inputPaddingXMedium;
-    } }, { key: "fileUploaderPaddingXLarge", get:
-    function get() {
-      return this.inputPaddingXLarge;
     } }, { key: "fileUploaderTileIconActionPositionSmall", get:
 
 
 
 
 
+
+
+
+
     function get() {
       return parseInt(this.fileUploaderTilePaddingSmall) + 1 + "px";
     } }, { key: "fileUploaderTileIconActionPositionMedium", get:
@@ -2592,9 +2548,11 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
     function get() {
       return this.textColorDefault;
-    } }, { key: "fileUploaderBorderWidth", get:
-
+    } }, { key: "fileUploaderBorderColor", get:
 
+    function get() {
+      return this.borderColorGrayLight;
+    } }, { key: "fileUploaderBorderWidth", get:
     function get() {
       return this.controlBorderWidth;
     } }, { key: "fileUploaderDisabledBorder", get:
@@ -2619,7 +2577,6 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
 
-
     function get() {
       return this.borderColorError;
     } }, { key: "fileUploaderBorderColorWarning", get:
@@ -2632,7 +2589,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
     function get() {
-      return this.textColorDisabled;
+      return this.fileUploaderDisabledColor;
     } }, { key: "fileUploaderDisabledLinkColor", get:
     function get() {
       return this.textColorDisabled;
@@ -2699,8 +2656,13 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
     function get() {
-      return this.closeGrayColor;
-    } }, { key: "clearCrossIconWidthSmall", get:
+      return this.fileUploaderDisabledIconColor;
+    } }, { key: "clearCrossIconHeightSmall", get:
+
+
+
+
+
 
 
 
@@ -2743,18 +2705,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
 
-    //#endregion FileUploader
 
-    //#region ClearCrossIcon
-    function get() {
-      return this.inputHeightSmall;
-    } }, { key: "clearCrossIconWidthMedium", get:
-    function get() {
-      return this.inputHeightMedium;
-    } }, { key: "clearCrossIconWidthLarge", get:
-    function get() {
-      return this.inputHeightLarge;
-    } }, { key: "clearCrossIconHeightSmall", get:
     function get() {
       return this.inputHeightSmall;
     } }, { key: "clearCrossIconHeightMedium", get:
@@ -2850,47 +2801,44 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
     //#endregion
   }]);}();_BasicThemeClass = BasicThemeClass; //#region Common variables
-BasicThemeClass.baseFontFamily = '"Lab Grotesque", "Lab Grotesque K", Arial, sans-serif';BasicThemeClass.labGrotesqueBaselineCompensation = '1';BasicThemeClass.brand = '#2291ff';BasicThemeClass.white = '#fff';BasicThemeClass.grayXLight = '#ebebeb';BasicThemeClass.gray = '#858585';BasicThemeClass.grayDark = '#333';BasicThemeClass.black = '#000';BasicThemeClass.blueXxLight = '#cdedff';BasicThemeClass.blueLight = '#1f87ef';BasicThemeClass.blue = '#1874cf';BasicThemeClass.greenXxLight = '#C7F9CC';BasicThemeClass.green = '#1C8A3F';BasicThemeClass.greenDark = '#197F39';BasicThemeClass.red = '#FE4C4C';BasicThemeClass.redXxLight = '#FFEBEB';BasicThemeClass.redDark = '#CC2626';BasicThemeClass.yellowXxLight = '#ffeec2';BasicThemeClass.yellow = '#fcb73e';BasicThemeClass.yellowDark = '#ef8b17';BasicThemeClass.bgDefault = '#fff';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)';BasicThemeClass.borderColorDisabled = 'rgba(0, 0, 0, 0.10)';BasicThemeClass.placeholderColor = '#adadad';BasicThemeClass.outlineColorFocus = '#fff';BasicThemeClass.placeholderColorLight = '#cdcdcd';BasicThemeClass.blinkColor = 'rgba(0, 136, 255, 0.2)';BasicThemeClass.controlBorderWidth = '1px';BasicThemeClass.controlOutlineWidth = '2px';BasicThemeClass.controlLineHeightSmall = '20px';BasicThemeClass.controlLineHeightMedium = '22px';BasicThemeClass.controlLineHeightLarge = '24px';BasicThemeClass.controlPaddingYSmall = '5px';BasicThemeClass.controlPaddingYMedium = '8px';BasicThemeClass.controlPaddingYLarge = '11px';BasicThemeClass.textColorDefault = '#222222';BasicThemeClass.textColorInvert = '#fff';BasicThemeClass.textColorDisabled = '#adadad';BasicThemeClass.textColorDisabledContrast = '#858585';BasicThemeClass.fontSizeSmall = '14px';BasicThemeClass.fontSizeMedium = '16px';BasicThemeClass.fontSizeLarge = '18px';BasicThemeClass.fontSizeMobile = '18px';BasicThemeClass.lineHeightMobile = '24px';BasicThemeClass.specificityLevel = '0';BasicThemeClass.fixedPanelShadow = 'none';BasicThemeClass.bgActive = '#141414';BasicThemeClass.bgChecked = '#3D3D3D';BasicThemeClass.borderColorFocus = '#3D3D3D';BasicThemeClass.controlHeightSmall = '32px';BasicThemeClass.controlHeightMedium = '40px';BasicThemeClass.controlHeightLarge = '48px';BasicThemeClass.mobileMediaQuery = '(max-width: 576px) and (pointer: coarse)';BasicThemeClass.transitionDuration = '100ms';BasicThemeClass.transitionTimingFunction = 'cubic-bezier(0.5, 1, 0.89, 1)'; //#endregion Common variables
+BasicThemeClass.baseFontFamily = '"Lab Grotesque", "Lab Grotesque K", Arial, sans-serif';BasicThemeClass.labGrotesqueBaselineCompensation = '1';BasicThemeClass.brand = colors.shapeBoldBrandOriginal;BasicThemeClass.white = '#fff';BasicThemeClass.grayXLight = '#ebebeb';BasicThemeClass.gray = '#858585';BasicThemeClass.grayDark = '#333';BasicThemeClass.black = '#000';BasicThemeClass.blueXxLight = '#cdedff';BasicThemeClass.blueLight = '#1f87ef';BasicThemeClass.blue = '#1874cf';BasicThemeClass.greenXxLight = '#C7F9CC';BasicThemeClass.green = '#1C8A3F';BasicThemeClass.greenDark = '#197F39';BasicThemeClass.red = '#FE4C4C';BasicThemeClass.redXxLight = '#FFEBEB';BasicThemeClass.redDark = '#CC2626';BasicThemeClass.yellowXxLight = '#ffeec2';BasicThemeClass.yellow = '#fcb73e';BasicThemeClass.yellowDark = '#ef8b17';BasicThemeClass.bgDefault = colors.surfaceHigh;BasicThemeClass.bgDisabled = colors.shapeOtherDisabled;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)';BasicThemeClass.borderColorDisabled = colors.lineNeutralFaint;BasicThemeClass.placeholderColor = colors.textNeutralFaint;BasicThemeClass.outlineColorFocus = colors.surfaceBase;BasicThemeClass.placeholderColorLight = "color-mix(in srgb, " + colors.textNeutralFaint + ", transparent 40%)";BasicThemeClass.blinkColor = 'rgba(0, 136, 255, 0.2)';BasicThemeClass.controlBorderWidth = '1px';BasicThemeClass.controlOutlineWidth = '2px';BasicThemeClass.controlLineHeightSmall = '20px';BasicThemeClass.controlLineHeightMedium = '22px';BasicThemeClass.controlLineHeightLarge = '24px';BasicThemeClass.controlPaddingYSmall = '5px';BasicThemeClass.controlPaddingYMedium = '8px';BasicThemeClass.controlPaddingYLarge = '11px';BasicThemeClass.textColorDefault = colors.textNeutralHeavy;BasicThemeClass.textColorInvert = '#fff';BasicThemeClass.textColorDisabled = colors.textNeutralFaint;BasicThemeClass.textColorDisabledContrast = '#858585';BasicThemeClass.fontSizeSmall = '14px';BasicThemeClass.fontSizeMedium = '16px';BasicThemeClass.fontSizeLarge = '18px';BasicThemeClass.fontSizeMobile = '18px';BasicThemeClass.lineHeightMobile = '24px';BasicThemeClass.specificityLevel = '0';BasicThemeClass.fixedPanelShadow = 'none';BasicThemeClass.bgActive = '#141414';BasicThemeClass.bgChecked = '#3D3D3D';BasicThemeClass.borderColorFocus = colors.lineAccentBold;BasicThemeClass.controlHeightSmall = '32px';BasicThemeClass.controlHeightMedium = '40px';BasicThemeClass.controlHeightLarge = '48px';BasicThemeClass.mobileMediaQuery = '(max-width: 576px)';BasicThemeClass.transitionDuration = '100ms';BasicThemeClass.transitionTimingFunction = 'cubic-bezier(0.5, 1, 0.89, 1)'; //#endregion Common variables
 //#region Link
-BasicThemeClass.linkColor = '#222222';BasicThemeClass.linkTextDecoration = 'underline';BasicThemeClass.linkActiveColor = '#141414';BasicThemeClass.linkHoverTextDecoration = 'none';BasicThemeClass.linkSuccessActiveColor = '#167333';BasicThemeClass.linkDangerHoverColor = '#BB1919';BasicThemeClass.linkDangerActiveColor = '#AB0D0D';BasicThemeClass.linkIconMarginRight = '4px';BasicThemeClass.linkIconMarginLeft = '4px';BasicThemeClass.linkGrayedColor = '#858585';BasicThemeClass.linkGrayedHoverColor = '#292929';BasicThemeClass.linkGrayedActiveColor = '#141414';BasicThemeClass.linkButtonLineHeight = '34px';BasicThemeClass.linkButtonPaddingX = '10px';BasicThemeClass.linkTextDecorationStyle = 'solid';BasicThemeClass.linkTextDecorationThickness = '1px';BasicThemeClass.linkTextUnderlineOffset = '4px';BasicThemeClass.linkTextUnderlineOpacity = '0.5';BasicThemeClass.linkTextDecorationColor = "color-mix(in srgb, currentColor " + parseFloat(_BasicThemeClass.linkTextUnderlineOpacity) * 100 + "%, transparent)";BasicThemeClass.linkLineBorderBottomStyle = 'solid';BasicThemeClass.linkLineBorderBottomWidth = '1px';BasicThemeClass.linkLineBorderBottomOpacity = '0.5';BasicThemeClass.linkLineBorderBottomColor = "color-mix(in srgb, currentColor " + parseFloat(_BasicThemeClass.linkLineBorderBottomOpacity) * 100 + "%, transparent)";BasicThemeClass.linkFocusOutlineColor = '#3D3D3D';BasicThemeClass.tokenDisabledBg = 'rgba(0, 0, 0, 0.05)';BasicThemeClass.tokenMarginYSmall = '2px';BasicThemeClass.tokenMarginXSmall = '1px';BasicThemeClass.tokenMarginYMedium = '2px';BasicThemeClass.tokenMarginXMedium = '2px';BasicThemeClass.tokenMarginYLarge = '2px';BasicThemeClass.tokenMarginXLarge = '3px';BasicThemeClass.tokenPaddingYSmall = '1px';BasicThemeClass.tokenPaddingXSmall = '3px';BasicThemeClass.tokenPaddingYMedium = '2px';BasicThemeClass.tokenPaddingXMedium = '5px';BasicThemeClass.tokenPaddingYLarge = '3px';BasicThemeClass.tokenPaddingXLarge = '7px';BasicThemeClass.tokenMarginBeforeIcon = '4px';BasicThemeClass.tokenRemoveIconSize = '16px';BasicThemeClass.tokenRemoveIconPaddingY = '0px';BasicThemeClass.tokenRemoveIconPaddingX = '0px';BasicThemeClass.tokenRemoveIconGap = '4px';BasicThemeClass.tokenRemoveIconBoxSizing = 'content-box';BasicThemeClass.tokenBorderRadius = '2px';BasicThemeClass.tokenBorderWidth = '1px';BasicThemeClass.tokenBorderColorDisabled = 'transparent';BasicThemeClass.tokenOutlineWidth = '1px';BasicThemeClass.tokenShadowDisabled = '';BasicThemeClass.tokenBg = 'rgba(0, 0, 0, 0.1)';BasicThemeClass.tokenColor = '#222222';BasicThemeClass.tokenBorderColor = 'rgba(0, 0, 0, 0.16)';BasicThemeClass.tokenBgHover = 'rgba(0, 0, 0, 0.16)';BasicThemeClass.tokenColorHover = '#222222';BasicThemeClass.tokenBorderColorHover = 'rgba(0, 0, 0, 0.16)';BasicThemeClass.tokenBgActive = '#3D3D3D';BasicThemeClass.tokenColorActive = '#FFFFFF';BasicThemeClass.tokenBorderColorActive = 'transparent';BasicThemeClass.tokenInputBorderRadius = '2px';BasicThemeClass.tokenInputMenuPopupBg = 'transparent';BasicThemeClass.tokenInputPaddingYSmall = '1px';BasicThemeClass.tokenInputPaddingXSmall = '2px';BasicThemeClass.tokenInputPaddingYMedium = '3px';BasicThemeClass.tokenInputPaddingXMedium = '3px';BasicThemeClass.tokenInputPaddingYLarge = '5px';BasicThemeClass.tokenInputPaddingXLarge = '4px';BasicThemeClass.tokenInputPopupOffset = '2px';BasicThemeClass.tokenInputPopupMarginSmall = '7px';BasicThemeClass.tokenInputPopupMarginMedium = '10px';BasicThemeClass.tokenInputPopupMarginLarge = '13px'; //#endregion TokenInput
+BasicThemeClass.linkColor = colors.textAccentHeavy;BasicThemeClass.linkTextDecoration = 'underline';BasicThemeClass.linkActiveColor = colors.textAccentHeavyPressed;BasicThemeClass.linkHoverTextDecoration = 'none';BasicThemeClass.linkSuccessActiveColor = colors.textSuccessHeavyPressed;BasicThemeClass.linkDangerHoverColor = colors.textErrorHeavyHover;BasicThemeClass.linkDangerActiveColor = colors.textErrorHeavyPressed;BasicThemeClass.linkIconMarginRight = '4px';BasicThemeClass.linkIconMarginLeft = '4px';BasicThemeClass.linkGrayedColor = colors.textNeutralSoft;BasicThemeClass.linkGrayedHoverColor = colors.textNeutralHeavy;BasicThemeClass.linkGrayedActiveColor = colors.textNeutralHeavy;BasicThemeClass.linkButtonLineHeight = '34px';BasicThemeClass.linkButtonPaddingX = '10px';BasicThemeClass.linkTextDecorationStyle = 'solid';BasicThemeClass.linkTextDecorationThickness = '1px';BasicThemeClass.linkTextUnderlineOffset = '4px';BasicThemeClass.linkTextUnderlineOpacity = '0.5';BasicThemeClass.linkTextDecorationColor = "color-mix(in srgb, currentColor " + parseFloat(_BasicThemeClass.linkTextUnderlineOpacity) * 100 + "%, transparent)";BasicThemeClass.linkLineBorderBottomStyle = 'solid';BasicThemeClass.linkLineBorderBottomWidth = '1px';BasicThemeClass.linkLineBorderBottomOpacity = '0.5';BasicThemeClass.linkLineBorderBottomColor = "color-mix(in srgb, currentColor " + parseFloat(_BasicThemeClass.linkLineBorderBottomOpacity) * 100 + "%, transparent)";BasicThemeClass.linkFocusOutlineColor = colors.lineAccentBold;BasicThemeClass.tokenDisabledBg = colors.shapeOtherDisabled;BasicThemeClass.tokenMarginYSmall = '2px';BasicThemeClass.tokenMarginXSmall = '1px';BasicThemeClass.tokenMarginYMedium = '2px';BasicThemeClass.tokenMarginXMedium = '2px';BasicThemeClass.tokenMarginYLarge = '2px';BasicThemeClass.tokenMarginXLarge = '3px';BasicThemeClass.tokenPaddingYSmall = '1px';BasicThemeClass.tokenPaddingXSmall = '3px';BasicThemeClass.tokenPaddingYMedium = '2px';BasicThemeClass.tokenPaddingXMedium = '5px';BasicThemeClass.tokenPaddingYLarge = '3px';BasicThemeClass.tokenPaddingXLarge = '7px';BasicThemeClass.tokenMarginBeforeIcon = '4px';BasicThemeClass.tokenRemoveIconSize = '16px';BasicThemeClass.tokenRemoveIconPaddingY = '0px';BasicThemeClass.tokenRemoveIconPaddingX = '0px';BasicThemeClass.tokenRemoveIconGap = '4px';BasicThemeClass.tokenRemoveIconBoxSizing = 'content-box';BasicThemeClass.tokenBorderRadius = '2px';BasicThemeClass.tokenBorderWidth = '1px';BasicThemeClass.tokenBorderColorDisabled = 'transparent';BasicThemeClass.tokenOutlineWidth = '1px';BasicThemeClass.tokenShadowDisabled = '';BasicThemeClass.tokenBg = colors.shapeFaintNeutralAlpha;BasicThemeClass.tokenColor = colors.textNeutralHeavy;BasicThemeClass.tokenBorderColor = colors.lineNeutralPale;BasicThemeClass.tokenBgHover = colors.shapeFaintNeutralAlphaHover;BasicThemeClass.tokenBorderColorHover = colors.lineNeutralPale;BasicThemeClass.tokenBgActive = colors.shapeBoldAccent;BasicThemeClass.tokenColorActive = colors.textOnAccentBoldHeavy;BasicThemeClass.tokenBorderColorActive = 'transparent';BasicThemeClass.tokenInputBorderRadius = '2px';BasicThemeClass.tokenInputMenuPopupBg = 'transparent';BasicThemeClass.tokenInputPaddingYSmall = '1px';BasicThemeClass.tokenInputPaddingXSmall = '2px';BasicThemeClass.tokenInputPaddingYMedium = '3px';BasicThemeClass.tokenInputPaddingXMedium = '3px';BasicThemeClass.tokenInputPaddingYLarge = '5px';BasicThemeClass.tokenInputPaddingXLarge = '4px';BasicThemeClass.tokenInputPopupOffset = '2px';BasicThemeClass.tokenInputPopupMarginSmall = '7px';BasicThemeClass.tokenInputPopupMarginMedium = '10px';BasicThemeClass.tokenInputPopupMarginLarge = '13px'; //#endregion TokenInput
 //#region Loader
-BasicThemeClass.loaderBg = 'rgba(255, 255, 255, 0.8)';BasicThemeClass.loaderOpacity = '0.8';BasicThemeClass.loaderBorderRadius = '0px'; //#endregion
+BasicThemeClass.loaderBg = colors.shapeInvertedNeutralHeavy;BasicThemeClass.loaderOpacity = '0.8';BasicThemeClass.loaderBorderRadius = '0px'; //#endregion
 //#region Button
-BasicThemeClass.btnBackgroundClip = 'padding-box';BasicThemeClass.btnLinkBorderRadius = '2px';BasicThemeClass.btnFocusShadowWidth = '2px';BasicThemeClass.btnBorderColorTransition = '';BasicThemeClass.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.10)';BasicThemeClass.btnCheckedBg = '#3D3D3D';BasicThemeClass.btnCheckedDisabledBg = '#ADADAD';BasicThemeClass.btnCheckedDisabledColor = '#E6E6E6';BasicThemeClass.btnCheckedTextColor = '#fff';BasicThemeClass.btnCheckedShadow = 'none';BasicThemeClass.btnCheckedDisabledShadow = 'none';BasicThemeClass.btnBorderRadiusSmall = '8px';BasicThemeClass.btnBorderRadiusMedium = '8px';BasicThemeClass.btnBorderRadiusLarge = '8px';BasicThemeClass.btnInsetWidth = '1px';BasicThemeClass.btnPaddingXSmall = '12px';BasicThemeClass.btnPaddingXMedium = '16px';BasicThemeClass.btnPaddingXLarge = '20px';BasicThemeClass.btnIconGapSmallLeft = '4px';BasicThemeClass.btnIconGapMediumLeft = '6px';BasicThemeClass.btnIconGapLargeLeft = '8px';BasicThemeClass.btnIconSizeSmall = '16px';BasicThemeClass.btnIconSizeMedium = '20px';BasicThemeClass.btnIconSizeLarge = '24px';BasicThemeClass.btnDefaultBg = '#fff';BasicThemeClass.btnDefaultBgStart = 'none';BasicThemeClass.btnDefaultBgEnd = 'none';BasicThemeClass.btnDefaultHoverBg = '#F0F0F0';BasicThemeClass.btnDefaultHoverBgStart = 'none';BasicThemeClass.btnDefaultHoverBgEnd = 'none';BasicThemeClass.btnDefaultActiveBg = '#E6E6E6';BasicThemeClass.btnDefaultHoverTextColor = '';BasicThemeClass.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16)';BasicThemeClass.btnDefaultActiveShadow = 'none';BasicThemeClass.btnSuccessBg = '#26AD50';BasicThemeClass.btnSuccessBorderColor = '#26AD50';BasicThemeClass.btnSuccessHoverBg = '#23A14A';BasicThemeClass.btnSuccessHoverBorderColor = '#23A14A';BasicThemeClass.btnSuccessHoverTextColor = '';BasicThemeClass.btnSuccessBgStart = 'none';BasicThemeClass.btnSuccessBgEnd = 'none';BasicThemeClass.btnSuccessTextColor = '#fff';BasicThemeClass.btnSuccessHoverBgStart = 'none';BasicThemeClass.btnSuccessHoverBgEnd = 'none';BasicThemeClass.btnSuccessActiveBg = '#209644';BasicThemeClass.btnSuccessActiveBorderColor = '#209644';BasicThemeClass.btnSuccessActiveShadow = 'none';BasicThemeClass.btnPrimaryBg = '#3D3D3D';BasicThemeClass.btnPrimaryHoverBg = '#292929';BasicThemeClass.btnPrimaryActiveBg = '#141414';BasicThemeClass.btnPrimaryHoverTextColor = '';BasicThemeClass.btnPrimaryBorderColor = '#3D3D3D';BasicThemeClass.btnPrimaryHoverBorderColor = '#292929';BasicThemeClass.btnPrimaryActiveBorderColor = '#141414';BasicThemeClass.btnPrimaryBgStart = 'none';BasicThemeClass.btnPrimaryBgEnd = 'none';BasicThemeClass.btnPrimaryTextColor = '#fff';BasicThemeClass.btnPrimaryHoverBgStart = 'none';BasicThemeClass.btnPrimaryHoverBgEnd = 'none';BasicThemeClass.btnPrimaryActiveShadow = 'none';BasicThemeClass.btnDangerHoverBg = '#ED3F3F';BasicThemeClass.btnDangerHoverBorderColor = '#ED3F3F';BasicThemeClass.btnDangerHoverTextColor = '';BasicThemeClass.btnDangerBgStart = 'none';BasicThemeClass.btnDangerBgEnd = 'none';BasicThemeClass.btnDangerTextColor = '#fff';BasicThemeClass.btnDangerHoverBgStart = 'none';BasicThemeClass.btnDangerHoverBgEnd = 'none';BasicThemeClass.btnDangerActiveBg = '#DD3333';BasicThemeClass.btnDangerActiveShadow = 'none';BasicThemeClass.btnPayBg = '#fcb73e';BasicThemeClass.btnPayHoverBg = '#fda70c';BasicThemeClass.btnPayHoverBorderColor = '#fda70c';BasicThemeClass.btnPayHoverTextColor = '';BasicThemeClass.btnPayBorderColor = '#fcb73e';BasicThemeClass.btnPayBgStart = 'none';BasicThemeClass.btnPayBgEnd = 'none';BasicThemeClass.btnPayHoverBgStart = 'none';BasicThemeClass.btnPayHoverBgEnd = 'none';BasicThemeClass.btnPayActiveBg = '#f69912';BasicThemeClass.btnPayActiveBorderColor = '#f69912';BasicThemeClass.btnPayActiveShadow = 'none';BasicThemeClass.btnMenuArrowColor = '#a6a6a6';BasicThemeClass.btnDisabledBg = 'rgba(0, 0, 0, 0.06)';BasicThemeClass.btnInsetColor = '#fff';BasicThemeClass.btnBacklessBg = 'transparent';BasicThemeClass.btnBacklessHoverBg = 'rgba(0, 0, 0, 0.06)';BasicThemeClass.btnBacklessActiveBg = 'rgba(0, 0, 0, 0.1)';BasicThemeClass.btnBacklessHoverTextColor = '';BasicThemeClass.btnTextBg = 'transparent';BasicThemeClass.btnTextHoverBg = 'rgba(0, 0, 0, 0.06)';BasicThemeClass.btnTextActiveBg = 'rgba(0, 0, 0, 0.1)';BasicThemeClass.btnTextHoverTextColor = '';BasicThemeClass.btnWithIconPaddingSmall = '8px';BasicThemeClass.btnWithIconPaddingMedium = '10px';BasicThemeClass.btnWithIconPaddingLarge = '12px';BasicThemeClass.btnIconColor = '';BasicThemeClass.btnIconHoverColor = '';BasicThemeClass.btnIconDisabledColor = '';BasicThemeClass.selectPlaceholderColor = '#adadad';BasicThemeClass.selectPaddingXSmall = '7px';BasicThemeClass.selectPaddingXMedium = '11px';BasicThemeClass.selectPaddingXLarge = '15px';BasicThemeClass.selectRootWidthMobile = 'auto';BasicThemeClass.mobileSelectMaxWidth = '100%';BasicThemeClass.selectBorderColorTransition = "box-shadow " + _BasicThemeClass.transitionDuration + " " + _BasicThemeClass.transitionTimingFunction + ";"; //#endregion Select
+BasicThemeClass.btnBackgroundClip = 'padding-box';BasicThemeClass.btnLinkBorderRadius = '2px';BasicThemeClass.btnFocusShadowWidth = '2px';BasicThemeClass.btnBorderColorTransition = '';BasicThemeClass.btnDisabledBorderColor = colors.lineNeutralFaint;BasicThemeClass.btnCheckedBg = colors.shapeBoldAccent;BasicThemeClass.btnCheckedDisabledBg = colors.shapeOtherAccentBoldDisabled;BasicThemeClass.btnCheckedDisabledColor = colors.textInvertedNeutralSoft;BasicThemeClass.btnCheckedTextColor = colors.textOnAccentBoldHeavy;BasicThemeClass.btnCheckedShadow = 'none';BasicThemeClass.btnCheckedDisabledShadow = 'none';BasicThemeClass.btnBorderRadiusSmall = '8px';BasicThemeClass.btnBorderRadiusMedium = '8px';BasicThemeClass.btnBorderRadiusLarge = '8px';BasicThemeClass.btnInsetWidth = '1px';BasicThemeClass.btnPaddingXSmall = '12px';BasicThemeClass.btnPaddingXMedium = '16px';BasicThemeClass.btnPaddingXLarge = '20px';BasicThemeClass.btnIconGapSmallLeft = '4px';BasicThemeClass.btnIconGapMediumLeft = '6px';BasicThemeClass.btnIconGapLargeLeft = '8px';BasicThemeClass.btnIconSizeSmall = '16px';BasicThemeClass.btnIconSizeMedium = '20px';BasicThemeClass.btnIconSizeLarge = '24px';BasicThemeClass.btnDefaultBg = colors.shapeOtherBase;BasicThemeClass.btnDefaultBgStart = 'none';BasicThemeClass.btnDefaultBgEnd = 'none';BasicThemeClass.btnDefaultHoverBg = colors.shapeOtherBaseHover;BasicThemeClass.btnDefaultHoverBgStart = 'none';BasicThemeClass.btnDefaultHoverBgEnd = 'none';BasicThemeClass.btnDefaultActiveBg = colors.shapeOtherBasePressed;BasicThemeClass.btnDefaultHoverTextColor = colors.textNeutralHeavy;BasicThemeClass.btnDefaultBorderColor = colors.lineNeutralPale;BasicThemeClass.btnDefaultActiveShadow = 'none';BasicThemeClass.btnSuccessBg = colors.shapeBoldSuccess;BasicThemeClass.btnSuccessHoverBg = colors.shapeBoldSuccessHover;BasicThemeClass.btnSuccessHoverTextColor = colors.textConstHeavyWhite;BasicThemeClass.btnSuccessBgStart = 'none';BasicThemeClass.btnSuccessBgEnd = 'none';BasicThemeClass.btnSuccessTextColor = colors.textConstHeavyWhite;BasicThemeClass.btnSuccessHoverBgStart = 'none';BasicThemeClass.btnSuccessHoverBgEnd = 'none';BasicThemeClass.btnSuccessActiveBg = colors.shapeBoldSuccessPressed;BasicThemeClass.btnSuccessActiveShadow = 'none';BasicThemeClass.btnPrimaryBg = colors.shapeBoldAccent;BasicThemeClass.btnPrimaryHoverBg = colors.shapeBoldAccentHover;BasicThemeClass.btnPrimaryActiveBg = colors.shapeBoldAccentPressed;BasicThemeClass.btnPrimaryHoverTextColor = '';BasicThemeClass.btnPrimaryBgStart = 'none';BasicThemeClass.btnPrimaryBgEnd = 'none';BasicThemeClass.btnPrimaryTextColor = colors.textOnAccentBoldHeavy;BasicThemeClass.btnPrimaryHoverBgStart = 'none';BasicThemeClass.btnPrimaryHoverBgEnd = 'none';BasicThemeClass.btnPrimaryActiveShadow = 'none';BasicThemeClass.btnDangerHoverBg = colors.shapeBoldErrorHover;BasicThemeClass.btnDangerHoverTextColor = '';BasicThemeClass.btnDangerBgStart = 'none';BasicThemeClass.btnDangerBgEnd = 'none';BasicThemeClass.btnDangerTextColor = colors.textConstHeavyWhite;BasicThemeClass.btnDangerHoverBgStart = 'none';BasicThemeClass.btnDangerHoverBgEnd = 'none';BasicThemeClass.btnDangerActiveBg = colors.shapeBoldErrorPressed;BasicThemeClass.btnDangerActiveShadow = 'none';BasicThemeClass.btnPayBg = colors.shapeBoldWarning;BasicThemeClass.btnPayHoverBg = colors.shapeBoldWarningHover;BasicThemeClass.btnPayHoverTextColor = '';BasicThemeClass.btnPayBgStart = 'none';BasicThemeClass.btnPayBgEnd = 'none';BasicThemeClass.btnPayHoverBgStart = 'none';BasicThemeClass.btnPayHoverBgEnd = 'none';BasicThemeClass.btnPayActiveBg = colors.shapeBoldWarningPressed;BasicThemeClass.btnPayActiveShadow = 'none';BasicThemeClass.btnMenuArrowColor = colors.textNeutralSoft;BasicThemeClass.btnDisabledBg = colors.shapeOtherDisabled;BasicThemeClass.btnInsetColor = colors.surfaceBase;BasicThemeClass.btnBacklessBg = 'transparent';BasicThemeClass.btnBacklessHoverBg = colors.shapeOtherBacklessHover;BasicThemeClass.btnBacklessActiveBg = colors.shapeOtherBacklessPressed;BasicThemeClass.btnBacklessHoverTextColor = '';BasicThemeClass.btnTextBg = 'transparent';BasicThemeClass.btnTextHoverBg = colors.shapeOtherBacklessHover;BasicThemeClass.btnTextActiveBg = colors.shapeOtherBacklessPressed;BasicThemeClass.btnTextHoverTextColor = '';BasicThemeClass.btnWithIconPaddingSmall = '8px';BasicThemeClass.btnWithIconPaddingMedium = '10px';BasicThemeClass.btnWithIconPaddingLarge = '12px';BasicThemeClass.btnIconColor = '';BasicThemeClass.btnIconHoverColor = '';BasicThemeClass.btnIconDisabledColor = '';BasicThemeClass.selectPlaceholderColor = _BasicThemeClass.placeholderColor;BasicThemeClass.selectPaddingXSmall = '7px';BasicThemeClass.selectPaddingXMedium = '11px';BasicThemeClass.selectPaddingXLarge = '15px';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.tooltipCloseBtnPaddingSmall = '4px';BasicThemeClass.tooltipCloseBtnPaddingMedium = '6px';BasicThemeClass.tooltipCloseBtnPaddingLarge = '8px';BasicThemeClass.tooltipCloseBtnSide = '16px';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.tooltipPinOffsetYSmall = '18px';BasicThemeClass.tooltipPinOffsetYMedium = '21px';BasicThemeClass.tooltipPinOffsetYLarge = '24px'; /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
- * @see {@link tooltipPinOffsetXSmall `tooltipPinOffsetXSmall` */BasicThemeClass.tooltipPinOffsetX = '16px';BasicThemeClass.tooltipPinOffsetXSmall = '16px';BasicThemeClass.tooltipPinOffsetXMedium = '20px';BasicThemeClass.tooltipPinOffsetXLarge = '24px'; /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
- * @see {@link tooltipMarginSmall `tooltipMarginSmall`} */BasicThemeClass.tooltipMargin = '10px';BasicThemeClass.tooltipMarginSmall = '10px';BasicThemeClass.tooltipMarginMedium = '12px';BasicThemeClass.tooltipMarginLarge = '14px';BasicThemeClass.tooltipPinSizeSmall = '8px';BasicThemeClass.tooltipPinSizeMedium = '10px';BasicThemeClass.tooltipPinSizeLarge = '12px';BasicThemeClass.kebabMargin = '4px';BasicThemeClass.kebabBackground = 'transparent';BasicThemeClass.kebabBackgroundHover = 'rgba(0, 0, 0, 0.06)';BasicThemeClass.kebabBackgroundActive = 'rgba(0, 0, 0, 0.10)';BasicThemeClass.kebabBorderRadius = '50%';BasicThemeClass.kebabBorder = '2px solid transparent';BasicThemeClass.kebabSizeSmall = '24px';BasicThemeClass.kebabSizeMedium = '32px';BasicThemeClass.kebabSizeLarge = '40px';BasicThemeClass.kebabIconSizeSmall = '16px';BasicThemeClass.kebabIconSizeMedium = '20px';BasicThemeClass.kebabIconSizeLarge = '24px';BasicThemeClass.kebabIconColor = '#757575'; //#endregion
+BasicThemeClass.tooltipPaddingYSmall = '16px';BasicThemeClass.tooltipPaddingXSmall = '16px';BasicThemeClass.tooltipPaddingYMedium = '20px';BasicThemeClass.tooltipPaddingXMedium = '20px';BasicThemeClass.tooltipPaddingYLarge = '24px';BasicThemeClass.tooltipPaddingXLarge = '24px';BasicThemeClass.tooltipCloseBtnPaddingSmall = '4px';BasicThemeClass.tooltipCloseBtnPaddingMedium = '6px';BasicThemeClass.tooltipCloseBtnPaddingLarge = '8px';BasicThemeClass.tooltipCloseBtnSide = '16px';BasicThemeClass.tooltipCloseBtnHoverColor = colors.textNeutralHeavy;BasicThemeClass.tooltipBg = colors.surfaceHigh;BasicThemeClass.tooltipBorderRadiusSmall = '8px';BasicThemeClass.tooltipBorderRadiusMedium = '10px';BasicThemeClass.tooltipBorderRadiusLarge = '12px';BasicThemeClass.tooltipPinOffsetYSmall = '18px';BasicThemeClass.tooltipPinOffsetYMedium = '21px';BasicThemeClass.tooltipPinOffsetYLarge = '24px';BasicThemeClass.tooltipPinOffsetXSmall = '16px';BasicThemeClass.tooltipPinOffsetXMedium = '20px';BasicThemeClass.tooltipPinOffsetXLarge = '24px';BasicThemeClass.tooltipMarginSmall = '10px';BasicThemeClass.tooltipMarginMedium = '12px';BasicThemeClass.tooltipMarginLarge = '14px';BasicThemeClass.tooltipPinSizeSmall = '8px';BasicThemeClass.tooltipPinSizeMedium = '10px';BasicThemeClass.tooltipPinSizeLarge = '12px';BasicThemeClass.kebabMargin = '4px';BasicThemeClass.kebabBackground = 'transparent';BasicThemeClass.kebabBackgroundHover = colors.shapeOtherBacklessHover;BasicThemeClass.kebabBackgroundActive = colors.shapeOtherBacklessPressed;BasicThemeClass.kebabBorderRadius = '50%';BasicThemeClass.kebabBorder = '2px solid transparent';BasicThemeClass.kebabSizeSmall = '24px';BasicThemeClass.kebabSizeMedium = '32px';BasicThemeClass.kebabSizeLarge = '40px';BasicThemeClass.kebabIconSizeSmall = '16px';BasicThemeClass.kebabIconSizeMedium = '20px';BasicThemeClass.kebabIconSizeLarge = '24px';BasicThemeClass.kebabIconColor = colors.textNeutralSoft; //#endregion
 //#region Modal
-BasicThemeClass.modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.06)';BasicThemeClass.modalBackBg = '#000';BasicThemeClass.modalBackOpacity = '0.16';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.modalCloseIconSize = '20px';BasicThemeClass.modalBorderRadius = '16px';BasicThemeClass.modalFixedHeaderBorder = 'none';BasicThemeClass.modalFixedFooterBorder = 'none';BasicThemeClass.modalFixedPanelShadow = 'none';BasicThemeClass.modalAdaptiveThreshold = '425px';BasicThemeClass.modalPaddingTop = '24px';BasicThemeClass.modalPaddingLeft = '32px';BasicThemeClass.modalPaddingRight = '32px';BasicThemeClass.modalHeaderFontSize = '24px';BasicThemeClass.modalHeaderFontWeight = '700';BasicThemeClass.modalHeaderLineHeight = '32px';BasicThemeClass.modalHeaderPaddingBottom = '16px';BasicThemeClass.modalHeaderPaddingTop = '24px';BasicThemeClass.modalFixedHeaderMarginBottom = '0px';BasicThemeClass.modalFixedFooterMarginTop = '0px';BasicThemeClass.modalSeparatorBorderBottom = '1px solid #E6E6E6';BasicThemeClass.modalSeparatorMargin = '0 32px';BasicThemeClass.modalSeparatorFixedMargin = '0 16px';BasicThemeClass.modalBodyTextColor = 'inherit';BasicThemeClass.modalFooterTextColor = 'inherit';BasicThemeClass.modalBodyPaddingTop = '0';BasicThemeClass.modalBodyPaddingBottom = '20px';BasicThemeClass.modalBodyBorderRadius = '0px';BasicThemeClass.modalFooterPaddingTop = '0px';BasicThemeClass.modalFooterPaddingBottom = '20px';BasicThemeClass.modalPaddingBottom = '40px';BasicThemeClass.modalFooterPanelPaddingTop = '20px';BasicThemeClass.mobileModalCloseButtonRightPadding = '16px';BasicThemeClass.mobileModalCloseButtonTopPadding = '8px';BasicThemeClass.mobileModalCloseButtonClickArea = '16px';BasicThemeClass.mobileModalWithoutHeaderCloseButtonPadding = '10px';BasicThemeClass.mobileModalCloseIconSize = '20px';BasicThemeClass.mobileModalHeaderFontSize = '24px';BasicThemeClass.mobileModalHeaderLineHeight = '32px';BasicThemeClass.mobileModalHeaderPadding = '16px';BasicThemeClass.mobileModalBodyPadding = '0 16px 16px 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.sidePageBackingBg = '#000';BasicThemeClass.sidePageBackingBgOpacity = '0.16';BasicThemeClass.sidePageCloseButtonColor = 'rgba(0, 0, 0, 0.374)';BasicThemeClass.sidePageCloseButtonHoverColor = 'rgba(0, 0, 0, 0.5)';BasicThemeClass.sidePageContainerShadow = '0 5px 10px rgba(0, 0, 0, 0.2)';BasicThemeClass.mobileSidePagePaddingLeft = '16px';BasicThemeClass.mobileSidePagePaddingRight = '16px';BasicThemeClass.mobileSidePagePaddingTop = '16px';BasicThemeClass.mobileSidePagePaddingBottom = '16px';BasicThemeClass.mobileSidePageFooterPadding = '16px';BasicThemeClass.sidePagePaddingLeft = '32px';BasicThemeClass.sidePagePaddingRight = '36px';BasicThemeClass.sidePagePaddingTop = '24px';BasicThemeClass.sidePagePaddingBottom = '40px';BasicThemeClass.sidePageFooterPaddingTop = '20px';BasicThemeClass.sidePageFooterPaddingBottom = '20px';BasicThemeClass.sidePageBgDefault = '#fff';BasicThemeClass.sidePageBodyTextColor = 'inherit';BasicThemeClass.sidePageFooterTextColor = 'inherit';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.sidePageCloseButtonFixedClickAreaBottom = '14px';BasicThemeClass.mobileSidePageCloseButtonClickArea = '16px';BasicThemeClass.sidePageFixedPanelShadow = 'none';BasicThemeClass.mobileSidePageHeaderFontSize = '24px';BasicThemeClass.mobileSidePageHeaderLineHeight = '32px';BasicThemeClass.mobileSidePageHeaderPaddingBottom = '16px';BasicThemeClass.mobileSidePageHeaderPaddingTop = '16px'; /** @deprecated use mobileSidePageCloseButtonPadding instead */BasicThemeClass.mobileSidePageCloseButtonRightPadding = '12px';BasicThemeClass.sidePageHeaderFontWeight = 'bold';BasicThemeClass.sidePageCloseButtonWrapperOffsetTop = '4px';BasicThemeClass.sidePageCloseButtonWrapperFixedOffsetTop = '4px';BasicThemeClass.dateInputMaskColor = '#b8b8b8';BasicThemeClass.dateInputComponentSelectedBgColor = '';BasicThemeClass.dateInputComponentSelectedTextColor = '';BasicThemeClass.calendarBorderRadius = '8px';BasicThemeClass.calendarCellHoverColor = '';BasicThemeClass.calendarCellActiveHoverColor = '';BasicThemeClass.calendarCellTodayBorder = '1px solid';BasicThemeClass.calendarCellBorderRadius = '9999px';BasicThemeClass.calendarCellSelectedBgColor = '#E6E6E6';BasicThemeClass.calendarCellSelectedFontColor = 'inherit';BasicThemeClass.calendarCellHeight = '32px';BasicThemeClass.calendarCellFontSize = '14px';BasicThemeClass.calendarMonthTitleBorderBottomColor = '#dfdede';BasicThemeClass.calendarCellHoverBgColor = '#F0F0F0';BasicThemeClass.calendarPaddingX = '18px';BasicThemeClass.calendarMonthTitleLineHeight = '20px';BasicThemeClass.calendarMonthTitlePaddingTop = '12px';BasicThemeClass.calendarMonthTitlePaddingBottom = '8px';BasicThemeClass.calendarMonthTitleMarginX = '6px';BasicThemeClass.calendarMonthTitleMarginBottom = '6px';BasicThemeClass.calendarWrapperHeight = ' 330px';BasicThemeClass.calendarMonthMarginBottom = '6px';BasicThemeClass.calendarMaxMonthsToAppendOnScroll = '5';BasicThemeClass.calendarGridRowSpacing = '0px';BasicThemeClass.pickerShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';BasicThemeClass.mobileCalendarPaddingX = '16px';BasicThemeClass.mobileCalendarCellWidth = '40px';BasicThemeClass.mobileCalendarCellHeight = '40px';BasicThemeClass.mobileCalendarCellBorderRadius = '20px';BasicThemeClass.mobileCalendarCellFontSize = '16px';BasicThemeClass.mobileCalendarGridRowSpacing = '8px';BasicThemeClass.mobileCalendarWrapperHeight = '304px'; //#endregion DatePicker
+BasicThemeClass.modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.06)';BasicThemeClass.modalBackBg = colors.surfaceModalBackdrop;BasicThemeClass.modalBackOpacity = '1';BasicThemeClass.modalCloseButtonDisabledColor = colors.textNeutralFaint;BasicThemeClass.modalCloseButtonHoverColor = colors.textNeutralHeavy;BasicThemeClass.modalCloseButtonPadding = '32px';BasicThemeClass.modalCloseButtonBottomPadding = '20px';BasicThemeClass.modalCloseButtonClickAreaTop = '30px';BasicThemeClass.modalCloseButtonClickAreaBottom = '22px';BasicThemeClass.modalCloseButtonClickAreaLeft = '24px';BasicThemeClass.modalCloseButtonClickAreaRight = '28px';BasicThemeClass.modalCloseIconSize = '20px';BasicThemeClass.modalBorderRadius = '16px';BasicThemeClass.modalFixedHeaderBorder = 'none';BasicThemeClass.modalFixedFooterBorder = 'none';BasicThemeClass.modalFixedPanelShadow = 'none';BasicThemeClass.modalAdaptiveThreshold = '425px';BasicThemeClass.modalPaddingTop = '24px';BasicThemeClass.modalPaddingLeft = '32px';BasicThemeClass.modalPaddingRight = '32px';BasicThemeClass.modalHeaderFontSize = '24px';BasicThemeClass.modalHeaderFontWeight = '700';BasicThemeClass.modalHeaderLineHeight = '32px';BasicThemeClass.modalHeaderPaddingBottom = '16px';BasicThemeClass.modalHeaderPaddingTop = '24px';BasicThemeClass.modalFixedHeaderMarginBottom = '0px';BasicThemeClass.modalFixedFooterMarginTop = '0px';BasicThemeClass.modalSeparatorBorderBottom = "1px solid " + colors.lineNeutralFaint;BasicThemeClass.modalSeparatorMargin = '0 32px';BasicThemeClass.modalSeparatorFixedMargin = '0 16px';BasicThemeClass.modalBodyTextColor = 'inherit';BasicThemeClass.modalFooterTextColor = 'inherit';BasicThemeClass.modalBodyPaddingTop = '0';BasicThemeClass.modalBodyPaddingBottom = '20px';BasicThemeClass.modalBodyBorderRadius = '0px';BasicThemeClass.modalFooterPaddingTop = '0px';BasicThemeClass.modalFooterPaddingBottom = '20px';BasicThemeClass.modalPaddingBottom = '40px';BasicThemeClass.modalFooterPanelPaddingTop = '20px';BasicThemeClass.mobileModalCloseButtonClickArea = '22px';BasicThemeClass.mobileModalWithoutHeaderCloseButtonPadding = '10px';BasicThemeClass.mobileModalCloseIconSize = '20px';BasicThemeClass.mobileModalHeaderFontSize = '24px';BasicThemeClass.mobileModalHeaderLineHeight = '32px';BasicThemeClass.mobileModalHeaderPadding = '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 = '16px';BasicThemeClass.mobileModalContainerMarginRight = '16px';BasicThemeClass.mobileModalContainerMarginBottom = '16px';BasicThemeClass.mobileModalContainerMarginLeft = '16px';BasicThemeClass.sidePageBackingBg = colors.surfaceModalBackdrop;BasicThemeClass.sidePageBackingBgOpacity = '1';BasicThemeClass.sidePageCloseButtonColor = colors.textNeutralPale;BasicThemeClass.sidePageCloseButtonHoverColor = colors.textNeutralHeavy;BasicThemeClass.sidePageContainerShadow = '0 5px 10px rgba(0, 0, 0, 0.2)';BasicThemeClass.mobileSidePagePaddingLeft = '16px';BasicThemeClass.mobileSidePagePaddingRight = '16px';BasicThemeClass.mobileSidePagePaddingTop = '16px';BasicThemeClass.mobileSidePagePaddingBottom = '16px';BasicThemeClass.mobileSidePageFooterPadding = '16px';BasicThemeClass.sidePagePaddingLeft = '32px';BasicThemeClass.sidePagePaddingRight = '36px';BasicThemeClass.sidePagePaddingTop = '24px';BasicThemeClass.sidePagePaddingBottom = '40px';BasicThemeClass.sidePageFooterPaddingTop = '20px';BasicThemeClass.sidePageFooterPaddingBottom = '20px';BasicThemeClass.sidePageBgDefault = colors.surfaceHigh;BasicThemeClass.sidePageBodyTextColor = 'inherit';BasicThemeClass.sidePageFooterTextColor = 'inherit';BasicThemeClass.sidePageHeaderFontSize = '24px';BasicThemeClass.sidePageHeaderLineHeight = '32px';BasicThemeClass.sidePageHeaderPaddingBottom = '16px';BasicThemeClass.sidePageHeaderPaddingTop = '24px';BasicThemeClass.sidePageHeaderStickyOffset = '10px';BasicThemeClass.sidePageCloseIconSize = '20px';BasicThemeClass.sidePageCloseButtonFixedClickAreaBottom = '14px';BasicThemeClass.mobileSidePageCloseButtonClickArea = '22px';BasicThemeClass.sidePageFixedPanelShadow = 'none';BasicThemeClass.mobileSidePageHeaderFontSize = '24px';BasicThemeClass.mobileSidePageHeaderLineHeight = '32px';BasicThemeClass.mobileSidePageHeaderPaddingBottom = '16px';BasicThemeClass.mobileSidePageHeaderPaddingTop = '16px';BasicThemeClass.sidePageHeaderFontWeight = 'bold';BasicThemeClass.sidePageCloseButtonWrapperOffsetTop = '2px';BasicThemeClass.sidePageCloseButtonWrapperFixedOffsetTop = '4px';BasicThemeClass.dateInputMaskColor = colors.textNeutralFaint;BasicThemeClass.dateInputComponentSelectedBgColor = '';BasicThemeClass.dateInputComponentSelectedTextColor = ''; //#endregion DateInput
+//#region Calendar
+BasicThemeClass.calendarBottomSeparatorBorderColor = colors.lineNeutralFaint;BasicThemeClass.calendarBorderRadius = '8px';BasicThemeClass.calendarCellHoverColor = '';BasicThemeClass.calendarCellActiveHoverColor = '';BasicThemeClass.calendarCellTodayBorder = '1px solid';BasicThemeClass.calendarCellBorderRadius = '9999px';BasicThemeClass.calendarCellSelectedBgColor = colors.shapeBoldAccent;BasicThemeClass.calendarCellSelectedFontColor = colors.textOnAccentBoldHeavy;BasicThemeClass.calendarCellHeight = '32px';BasicThemeClass.calendarCellFontSize = '14px';BasicThemeClass.calendarMonthTitleBorderBottomColor = colors.lineNeutralFaint;BasicThemeClass.calendarCellHoverBgColor = colors.shapeOtherBacklessHover;BasicThemeClass.calendarPaddingX = '18px';BasicThemeClass.calendarMonthTitleLineHeight = '20px';BasicThemeClass.calendarMonthTitlePaddingTop = '12px';BasicThemeClass.calendarMonthTitlePaddingBottom = '8px';BasicThemeClass.calendarMonthTitleMarginX = '6px';BasicThemeClass.calendarMonthTitleMarginBottom = '6px';BasicThemeClass.calendarWrapperHeight = ' 330px';BasicThemeClass.calendarMonthMarginBottom = '6px';BasicThemeClass.calendarMaxMonthsToAppendOnScroll = '5';BasicThemeClass.calendarGridRowSpacing = '0px';BasicThemeClass.pickerShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';BasicThemeClass.mobileCalendarPaddingX = '16px';BasicThemeClass.mobileCalendarCellWidth = '40px';BasicThemeClass.mobileCalendarCellHeight = '40px';BasicThemeClass.mobileCalendarCellBorderRadius = '20px';BasicThemeClass.mobileCalendarCellFontSize = '16px';BasicThemeClass.mobileCalendarGridRowSpacing = '8px';BasicThemeClass.mobileCalendarWrapperHeight = '304px'; //#endregion DatePicker
 //#region DateRangePicker
-BasicThemeClass.rangeCalendarCellBg = '#f0f0f0';BasicThemeClass.rangeCalendarCellEndBg = '#1e1e1e';BasicThemeClass.rangeCalendarCellEndColor = 'white';BasicThemeClass.rangeCalendarCellHoverBg = 'rgba(0, 0, 0, 0.1)';BasicThemeClass.rangeCalendarWrapperHeight = '450px';BasicThemeClass.mobileRangeCalendarCellHeight = '42px';BasicThemeClass.mobileRangeCalendarCellWidth = '42px';BasicThemeClass.mobileRangeCalendarGridRowSpacing = '0px';BasicThemeClass.mobileRangeCalendarWrapperHeight = '400px';BasicThemeClass.dateSelectMenuItemBgActive = '#F0F0F0';BasicThemeClass.dateSelectMenuItemFontActive = '';BasicThemeClass.dateSelectLineHeight = '20px';BasicThemeClass.dateSelectFontSize = '14px';BasicThemeClass.dateSelectFontWeight = 'bold';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.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.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.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';BasicThemeClass.pagingDotsColor = '#ADADAD';BasicThemeClass.pagingPageLinkHintFontSize = '12px';BasicThemeClass.pagingPageLinkHintLineHeight = '16px';BasicThemeClass.pagingPageLinkHintMargin = '4px -20px 0px';BasicThemeClass.hintMaxWidth = '200px';BasicThemeClass.hintPaddingY = '4px';BasicThemeClass.hintPaddingX = '8px';BasicThemeClass.hintTextAlign = 'center';BasicThemeClass.hintBgColor = 'rgba(0, 0, 0, 0.76)';BasicThemeClass.hintBorder = 'none';BasicThemeClass.hintBorderRadius = '6px';BasicThemeClass.hintMargin = '8px';BasicThemeClass.toastPaddingY = '10px';BasicThemeClass.toastPaddingX = '16px';BasicThemeClass.toastBorderRadius = '8px';BasicThemeClass.toastBorder = 'none';BasicThemeClass.toastTop = '24px';BasicThemeClass.toastBg = 'rgba(0, 0, 0, 0.76)';BasicThemeClass.toastErrorBg = '#F63B3F';BasicThemeClass.toastColor = 'white';BasicThemeClass.toastColorError = '#fff';BasicThemeClass.toastLinkColor = '#fff';BasicThemeClass.toastLinkColorError = '#fff';BasicThemeClass.toastLinkTextDecorationHover = '';BasicThemeClass.toastLinkBgHover = 'rgba(255, 255, 255, 0.12)';BasicThemeClass.toastLinkBgHoverError = 'rgba(255, 255, 255, 0.08)';BasicThemeClass.toastLinkBgActive = 'rgba(0, 0, 0, 0.87)';BasicThemeClass.toastLinkBgActiveError = 'rgba(255, 255, 255, 0.04)';BasicThemeClass.toastLinkColorActiveError = 'rgba(255, 255, 255, 0.64)';BasicThemeClass.toastLinkPadding = '12px';BasicThemeClass.toastClosePadding = '16px';BasicThemeClass.toastCloseColor = 'rgba(255, 255, 255, 0.6)';BasicThemeClass.toastCloseColorError = 'rgba(255, 255, 255, 0.6)';BasicThemeClass.toastCloseHoverColor = 'white';BasicThemeClass.toastCloseHoverColorError = 'white';BasicThemeClass.toastCloseSize = '16px'; //#endregion Toast
+BasicThemeClass.rangeCalendarCellBg = colors.shapeFaintNeutralAlpha;BasicThemeClass.rangeCalendarCellEndBg = colors.shapeBoldAccent;BasicThemeClass.rangeCalendarCellEndColor = colors.textOnAccentBoldHeavy;BasicThemeClass.rangeCalendarCellHoverBg = colors.shapeOtherBacklessHover;BasicThemeClass.rangeCalendarWrapperHeight = '450px';BasicThemeClass.mobileRangeCalendarCellHeight = '42px';BasicThemeClass.mobileRangeCalendarCellWidth = '42px';BasicThemeClass.mobileRangeCalendarGridRowSpacing = '0px';BasicThemeClass.mobileRangeCalendarWrapperHeight = '400px';BasicThemeClass.dateSelectMenuItemBgActive = '#F0F0F0';BasicThemeClass.dateSelectMenuItemFontActive = '';BasicThemeClass.dateSelectLineHeight = '20px';BasicThemeClass.dateSelectFontSize = '14px';BasicThemeClass.dateSelectFontWeight = 'bold';BasicThemeClass.dateSelectMenuItemBgSelected = '#ececec';BasicThemeClass.dateSelectTextColorInvert = '';BasicThemeClass.mobileDateSelectFontSize = '16px';BasicThemeClass.mobileDateSelectLineHeight = '20px';BasicThemeClass.pagingPageLinkBoxSizing = 'border-box';BasicThemeClass.pagingPageLinkPaddingYSmall = '6px';BasicThemeClass.pagingPageLinkPaddingXSmall = '11.5px';BasicThemeClass.pagingPageLinkPaddingYMedium = '9px';BasicThemeClass.pagingPageLinkPaddingXMedium = '15px';BasicThemeClass.pagingPageLinkPaddingYLarge = '12px';BasicThemeClass.pagingPageLinkPaddingXLarge = '18.5px';BasicThemeClass.pagingPageLinkBorderRadius = '9999px';BasicThemeClass.pagingPageLinkActiveBg = colors.shapeOtherBacklessPressed;BasicThemeClass.pagingPageLinkDisabledActiveBg = colors.shapeOtherDisabled;BasicThemeClass.pagingPageLinkHoverBg = colors.shapeOtherBacklessHover;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.pagingDotsPaddingSmall = '11px 8px 5px 8px';BasicThemeClass.pagingDotsPaddingMedium = '14px 12px 10px 12px';BasicThemeClass.pagingDotsPaddingLarge = '19px 16px 13px 16px';BasicThemeClass.pagingDotsColor = colors.textNeutralFaint;BasicThemeClass.pagingPageLinkHintFontSize = '12px';BasicThemeClass.pagingPageLinkHintLineHeight = '16px';BasicThemeClass.pagingPageLinkHintMargin = '4px -20px 0px';BasicThemeClass.hintMaxWidth = '200px';BasicThemeClass.hintPaddingY = '4px';BasicThemeClass.hintPaddingX = '8px';BasicThemeClass.hintTextAlign = 'center';BasicThemeClass.hintBgColor = colors.shapeHeavyNeutral;BasicThemeClass.hintBorder = 'none';BasicThemeClass.hintBorderRadius = '6px';BasicThemeClass.hintMargin = '8px';BasicThemeClass.toastPaddingY = '10px';BasicThemeClass.toastPaddingX = '16px';BasicThemeClass.toastBorderRadius = '8px';BasicThemeClass.toastBorder = 'none';BasicThemeClass.toastTop = '24px';BasicThemeClass.toastBg = colors.shapeHeavyNeutral;BasicThemeClass.toastErrorBg = colors.shapeBoldError;BasicThemeClass.toastColor = colors.textInvertedNeutralHeavy;BasicThemeClass.toastColorError = colors.textConstHeavyWhite;BasicThemeClass.toastLinkColor = colors.textInvertedNeutralHeavy;BasicThemeClass.toastLinkColorError = colors.textConstHeavyWhite;BasicThemeClass.toastLinkTextDecorationHover = '';BasicThemeClass.toastLinkBgHover = colors.shapeInvertedBacklessHover;BasicThemeClass.toastLinkBgHoverError = colors.shapeConstBacklessWhiteHover;BasicThemeClass.toastLinkBgActive = colors.shapeInvertedBacklessPressed;BasicThemeClass.toastLinkBgActiveError = colors.shapeConstBacklessWhiteHover;BasicThemeClass.toastLinkColorActiveError = colors.textConstHeavyWhite;BasicThemeClass.toastLinkPadding = '12px';BasicThemeClass.toastClosePadding = '16px';BasicThemeClass.toastCloseColor = colors.textInvertedNeutralSoft;BasicThemeClass.toastCloseColorError = colors.textConstSoftWhite;BasicThemeClass.toastCloseHoverColor = colors.textInvertedNeutralHeavy;BasicThemeClass.toastCloseHoverColorError = colors.textConstHeavyWhite;BasicThemeClass.toastCloseSize = '16px'; //#endregion Toast
 //#region Dropdown
-BasicThemeClass.dropdownMenuBorderColorTransition = '';BasicThemeClass.dropdownMenuMenuBoxSizing = 'content-box';BasicThemeClass.dropdownButtonBorderRadiusSmall = '8px';BasicThemeClass.dropdownButtonBorderRadiusMedium = '8px';BasicThemeClass.dropdownButtonBorderRadiusLarge = '8px';BasicThemeClass.menuBorderRadius = '8px';BasicThemeClass.menuBorder = 'none';BasicThemeClass.menuShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';BasicThemeClass.menuPaddingY = '0px';BasicThemeClass.menuScrollContainerContentWrapperPaddingY = '4px';BasicThemeClass.mobileMenuPaddingY = '0px';BasicThemeClass.mobileMenuScrollContainerContentWrapperPaddingY = '0px';BasicThemeClass.menuPaddingX = '4px';BasicThemeClass.mobileMenuPaddingX = '8px';BasicThemeClass.menuOffsetY = '4px';BasicThemeClass.menuBoxSizing = 'border-box';BasicThemeClass.menuItemSelectedBg = '#E6E6E6';BasicThemeClass.menuItemHoverBg = '#F0F0F0';BasicThemeClass.menuItemIconWidthSmall = '16px';BasicThemeClass.menuItemIconWidthMedium = '20px';BasicThemeClass.menuItemIconWidthLarge = '24px';BasicThemeClass.menuItemIconGap = '4px';BasicThemeClass.menuItemPaddingXSmall = '8px';BasicThemeClass.menuItemPaddingYSmall = '6px';BasicThemeClass.menuItemPaddingXMedium = '12px';BasicThemeClass.menuItemPaddingYMedium = '9px';BasicThemeClass.menuItemPaddingXLarge = '16px';BasicThemeClass.menuItemPaddingYLarge = '12px';BasicThemeClass.menuItemBorderRadius = '6px';BasicThemeClass.menuItemCommentOpacity = '0.6';BasicThemeClass.menuItemCommentOpacityHover = '0.6';BasicThemeClass.menuItemDisplay = 'block';BasicThemeClass.menuItemPaddingMobile = '12px 16px';BasicThemeClass.menuItemDisabledBg = 'transparent';BasicThemeClass.menuItemGap = '1px'; //menuHeader
-BasicThemeClass.menuHeaderColor = '#757575';BasicThemeClass.menuHeaderLineHeightSmall = '16px';BasicThemeClass.menuHeaderLineHeightMedium = '20px';BasicThemeClass.menuHeaderLineHeightLarge = '22px';BasicThemeClass.menuHeaderFontSizeSmall = '12px';BasicThemeClass.menuHeaderFontSizeMedium = '14px';BasicThemeClass.menuHeaderFontSizeLarge = '16px';BasicThemeClass.menuHeaderPaddingXSmall = '8px';BasicThemeClass.menuHeaderPaddingTopSmall = '12px';BasicThemeClass.menuHeaderPaddingBottomSmall = '4px';BasicThemeClass.menuHeaderPaddingXMedium = '12px';BasicThemeClass.menuHeaderPaddingTopMedium = '14px';BasicThemeClass.menuHeaderPaddingBottomMedium = '6px';BasicThemeClass.menuHeaderPaddingXLarge = '16px';BasicThemeClass.menuHeaderPaddingTopLarge = '18px';BasicThemeClass.menuHeaderPaddingBottomLarge = '8px';BasicThemeClass.menuHeaderTotalCountPaddingTopSmall = '4px';BasicThemeClass.menuHeaderTotalCountPaddingTopMedium = '6px';BasicThemeClass.menuHeaderTotalCountPaddingTopLarge = '8px';BasicThemeClass.menuHeaderTotalCountPaddingBottomSmall = '12px';BasicThemeClass.menuHeaderTotalCountPaddingBottomMedium = '14px';BasicThemeClass.menuHeaderTotalCountPaddingBottomLarge = '18px';BasicThemeClass.menuSeparatorBorderColor = '#ebebeb';BasicThemeClass.menuSeparatorMarginY = '2px';BasicThemeClass.menuSeparatorMarginX = '8px';BasicThemeClass.menuSeparatorBorderWidth = '1px'; // mobileMenuSeparator
-BasicThemeClass.mobileMenuSeparatorMarginY = '4px';BasicThemeClass.mobileMenuSeparatorMarginX = '24px';BasicThemeClass.toggleHandleActiveWidthIncrement = '0px';BasicThemeClass.toggleHeightSmall = '20px';BasicThemeClass.toggleWidthSmall = '32px';BasicThemeClass.toggleHeightMedium = '22px';BasicThemeClass.toggleWidthMedium = '34px';BasicThemeClass.toggleHeightLarge = '24px';BasicThemeClass.toggleWidthLarge = '36px';BasicThemeClass.toggleBaseBg = '#fff';BasicThemeClass.toggleBgHover = '#F0F0F0';BasicThemeClass.toggleBorderColor = 'rgba(0, 0, 0, 0.16)';BasicThemeClass.toggleHandleSizeSmall = '14px';BasicThemeClass.toggleHandleSizeMedium = '16px';BasicThemeClass.toggleHandleSizeLarge = '18px';BasicThemeClass.toggleHandleLeft = '3px';BasicThemeClass.toggleHandleTop = '3px';BasicThemeClass.toggleBgFocus = 'linear-gradient(-180deg, #f1f1f1, #dedede)';BasicThemeClass.toggleCaptionGap = '8px';BasicThemeClass.toggleButtonOffsetY = '0px';BasicThemeClass.toggleContainerBg = '#FFFFFF';BasicThemeClass.toggleHandleBg = '#FFFFFF';BasicThemeClass.toggleHandleBoxShadow = '0 0 0 1px rgba(0, 0, 0, 0.16)';BasicThemeClass.toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.16)'; // idle :hover
-BasicThemeClass.toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(0, 0, 0, 0.16)';BasicThemeClass.toggleHandleBgHover = '#FFFFFF';BasicThemeClass.toggleHandleBoxShadowHover = '0 0 0 1px rgba(0, 0, 0, 0.16)';BasicThemeClass.toggleContainerBoxShadowChecked = 'none';BasicThemeClass.toggleHandleBoxShadowChecked = 'none';BasicThemeClass.toggleHandleBgChecked = '#FFFFFF';BasicThemeClass.toggleBgChecked = '#3D3D3D';BasicThemeClass.toggleCheckedBg = '#fff';BasicThemeClass.toggleCheckedBgHover = '#fff'; // checked :hover
-BasicThemeClass.toggleContainerBoxShadowCheckedHover = 'none';BasicThemeClass.toggleContainerBgCheckedHover = '#292929';BasicThemeClass.toggleHandleBoxShadowCheckedHover = 'none';BasicThemeClass.toggleHandleBgCheckedHover = '#F0F0F0'; // disabled
-BasicThemeClass.toggleContainerBgDisabled = '#F0F0F0';BasicThemeClass.toggleHandleBgDisabled = 'transparent';BasicThemeClass.toggleContainerBoxShadowDisabled = 'inset 0 0 0 1px rgba(0, 0, 0, 0.1)';BasicThemeClass.toggleHandleBoxShadowDisabled = '0 0 0 1px rgba(0, 0, 0, 0.1)';BasicThemeClass.toggleDisabledHandleBg = '#fff';BasicThemeClass.toggleContainerBgDisabledChecked = '#D6D6D6';BasicThemeClass.toggleHandleBgDisabledChecked = '#F0F0F0';BasicThemeClass.toggleContainerBoxShadowDisabledChecked = 'none';BasicThemeClass.toggleHandleBoxShadowDisabledChecked = 'none';BasicThemeClass.toggleBgDisabledChecked = '#dadada'; //#endregion Toggle
+BasicThemeClass.dropdownMenuBorderColorTransition = '';BasicThemeClass.dropdownMenuMenuBoxSizing = 'content-box';BasicThemeClass.dropdownButtonBorderRadiusSmall = '8px';BasicThemeClass.dropdownButtonBorderRadiusMedium = '8px';BasicThemeClass.dropdownButtonBorderRadiusLarge = '8px';BasicThemeClass.menuBorderRadius = '8px';BasicThemeClass.menuBorder = 'none';BasicThemeClass.menuShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';BasicThemeClass.menuPaddingY = '0px';BasicThemeClass.menuScrollContainerContentWrapperPaddingY = '4px';BasicThemeClass.mobileMenuPaddingY = '0px';BasicThemeClass.mobileMenuScrollContainerContentWrapperPaddingY = '0px';BasicThemeClass.menuPaddingX = '4px';BasicThemeClass.mobileMenuPaddingX = '8px';BasicThemeClass.menuOffsetY = '4px';BasicThemeClass.menuBoxSizing = 'border-box';BasicThemeClass.menuItemSelectedBg = colors.shapeOtherBacklessPressed;BasicThemeClass.menuItemHoverBg = colors.shapeOtherBacklessHover;BasicThemeClass.menuItemIconWidthSmall = '16px';BasicThemeClass.menuItemIconWidthMedium = '20px';BasicThemeClass.menuItemIconWidthLarge = '24px';BasicThemeClass.menuItemIconGap = '4px';BasicThemeClass.menuItemPaddingXSmall = '8px';BasicThemeClass.menuItemPaddingYSmall = '6px';BasicThemeClass.menuItemPaddingXMedium = '12px';BasicThemeClass.menuItemPaddingYMedium = '9px';BasicThemeClass.menuItemPaddingXLarge = '16px';BasicThemeClass.menuItemPaddingYLarge = '12px';BasicThemeClass.menuItemBorderRadius = '6px';BasicThemeClass.menuItemCommentOpacity = '1';BasicThemeClass.menuItemCommentOpacityHover = '0.6';BasicThemeClass.menuItemDisplay = 'block';BasicThemeClass.menuItemPaddingMobile = '12px 16px';BasicThemeClass.menuItemDisabledBg = 'transparent';BasicThemeClass.menuItemGap = '1px'; //menuHeader
+BasicThemeClass.menuHeaderColor = colors.textNeutralSoft;BasicThemeClass.menuHeaderLineHeightSmall = '16px';BasicThemeClass.menuHeaderLineHeightMedium = '20px';BasicThemeClass.menuHeaderLineHeightLarge = '22px';BasicThemeClass.menuHeaderFontSizeSmall = '12px';BasicThemeClass.menuHeaderFontSizeMedium = '14px';BasicThemeClass.menuHeaderFontSizeLarge = '16px';BasicThemeClass.menuHeaderPaddingXSmall = '8px';BasicThemeClass.menuHeaderPaddingTopSmall = '12px';BasicThemeClass.menuHeaderPaddingBottomSmall = '4px';BasicThemeClass.menuHeaderPaddingXMedium = '12px';BasicThemeClass.menuHeaderPaddingTopMedium = '14px';BasicThemeClass.menuHeaderPaddingBottomMedium = '6px';BasicThemeClass.menuHeaderPaddingXLarge = '16px';BasicThemeClass.menuHeaderPaddingTopLarge = '18px';BasicThemeClass.menuHeaderPaddingBottomLarge = '8px';BasicThemeClass.menuHeaderTotalCountPaddingTopSmall = '4px';BasicThemeClass.menuHeaderTotalCountPaddingTopMedium = '6px';BasicThemeClass.menuHeaderTotalCountPaddingTopLarge = '8px';BasicThemeClass.menuHeaderTotalCountPaddingBottomSmall = '12px';BasicThemeClass.menuHeaderTotalCountPaddingBottomMedium = '14px';BasicThemeClass.menuHeaderTotalCountPaddingBottomLarge = '18px';BasicThemeClass.menuSeparatorBorderColor = colors.lineNeutralFaint;BasicThemeClass.menuSeparatorMarginY = '2px';BasicThemeClass.menuSeparatorMarginX = '8px';BasicThemeClass.menuSeparatorBorderWidth = '1px'; // mobileMenuSeparator
+BasicThemeClass.mobileMenuSeparatorMarginY = '4px';BasicThemeClass.mobileMenuSeparatorMarginX = '24px';BasicThemeClass.toggleHandleActiveWidthIncrement = '0px';BasicThemeClass.toggleHeightSmall = '20px';BasicThemeClass.toggleWidthSmall = '32px';BasicThemeClass.toggleHeightMedium = '22px';BasicThemeClass.toggleWidthMedium = '34px';BasicThemeClass.toggleHeightLarge = '24px';BasicThemeClass.toggleWidthLarge = '36px';BasicThemeClass.toggleBaseBg = 'transparent';BasicThemeClass.toggleBgHover = colors.shapeOtherFieldHover;BasicThemeClass.toggleBorderColor = colors.lineNeutralPale;BasicThemeClass.toggleHandleSizeSmall = '14px';BasicThemeClass.toggleHandleSizeMedium = '16px';BasicThemeClass.toggleHandleSizeLarge = '18px';BasicThemeClass.toggleHandleLeft = '3px';BasicThemeClass.toggleHandleTop = '3px';BasicThemeClass.toggleBgFocus = 'linear-gradient(-180deg, #f1f1f1, #dedede)';BasicThemeClass.toggleCaptionGap = '8px';BasicThemeClass.toggleButtonOffsetY = '0px';BasicThemeClass.toggleContainerBg = colors.shapeOtherField;BasicThemeClass.toggleHandleBg = colors.shapeOtherBase;BasicThemeClass.toggleHandleBoxShadow = "0 0 0 1px " + colors.lineNeutralPale;BasicThemeClass.toggleContainerBoxShadow = "inset 0 0 0 1px " + colors.lineNeutralPale; // idle :hover
+BasicThemeClass.toggleContainerBoxShadowHover = "inset 0 0 0 1px " + colors.lineNeutralPaleHover;BasicThemeClass.toggleHandleBgHover = colors.shapeOtherBase;BasicThemeClass.toggleHandleBoxShadowHover = "0 0 0 1px " + colors.lineNeutralPale;BasicThemeClass.toggleContainerBoxShadowChecked = 'none';BasicThemeClass.toggleHandleBoxShadowChecked = 'none';BasicThemeClass.toggleHandleBgChecked = colors.shapeInvertedNeutralHeavy;BasicThemeClass.toggleBgChecked = colors.shapeBoldAccent;BasicThemeClass.toggleCheckedBg = '#fff';BasicThemeClass.toggleCheckedBgHover = '#fff'; // checked :hover
+BasicThemeClass.toggleContainerBoxShadowCheckedHover = 'none';BasicThemeClass.toggleContainerBgCheckedHover = colors.shapeBoldAccentHover;BasicThemeClass.toggleHandleBoxShadowCheckedHover = 'none';BasicThemeClass.toggleHandleBgCheckedHover = colors.shapeInvertedNeutralHeavyHover; // disabled
+BasicThemeClass.toggleContainerBgDisabled = colors.shapeOtherDisabled;BasicThemeClass.toggleHandleBgDisabled = 'transparent';BasicThemeClass.toggleContainerBoxShadowDisabled = "inset 0 0 0 1px " + colors.lineNeutralFaint;BasicThemeClass.toggleHandleBoxShadowDisabled = "0 0 0 1px " + colors.lineNeutralFaint;BasicThemeClass.toggleDisabledHandleBg = 'transparent';BasicThemeClass.toggleContainerBgDisabledChecked = colors.shapeOtherAccentBoldDisabled;BasicThemeClass.toggleHandleBgDisabledChecked = colors.shapeInvertedNeutralHeavy;BasicThemeClass.toggleContainerBoxShadowDisabledChecked = 'none';BasicThemeClass.toggleHandleBoxShadowDisabledChecked = 'none';BasicThemeClass.toggleBgDisabledChecked = '#dadada'; //#endregion Toggle
 //#region Popup
-BasicThemeClass.popupBorder = 'none';BasicThemeClass.popupBorderRadius = '8px';BasicThemeClass.popupBorderColor = 'transparent';BasicThemeClass.popupDropShadow = 'drop-shadow(0px 32px 32px rgba(0, 0, 0, 0.08)) drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.12))';BasicThemeClass.popupBoxShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';BasicThemeClass.popupPinOffsetX = '16px';BasicThemeClass.popupPinOffsetY = '16px';BasicThemeClass.popupMargin = '10px';BasicThemeClass.popupPinSize = '8px';BasicThemeClass.popupMenuMenuOffsetY = '0px';BasicThemeClass.inputShadow = 'none';BasicThemeClass.inputBg = 'white';BasicThemeClass.inputIconColor = '#858585';BasicThemeClass.inputColor = 'inherit';BasicThemeClass.inputWidth = '200px';BasicThemeClass.inputPaddingXSmall = '7px';BasicThemeClass.inputPaddingXMedium = '11px';BasicThemeClass.inputPaddingXLarge = '15px';BasicThemeClass.inputIconGapSmall = '4px';BasicThemeClass.inputIconGapMedium = '6px';BasicThemeClass.inputIconGapLarge = '8px';BasicThemeClass.inputIconSizeSmall = '16px';BasicThemeClass.inputIconSizeMedium = '20px';BasicThemeClass.inputIconSizeLarge = '24px';BasicThemeClass.inputBackgroundClip = 'padding-box';BasicThemeClass.inputBorderRadiusSmall = '2px';BasicThemeClass.inputBorderRadiusMedium = '2px';BasicThemeClass.inputBorderRadiusLarge = '2px';BasicThemeClass.inputDisabledBackgroundClip = 'padding-box';BasicThemeClass.inputBorderColor = 'rgba(0, 0, 0, 0.16)';BasicThemeClass.inputBlinkColor = 'rgba(61, 61, 61, 0.2)';BasicThemeClass.inputColorScheme = 'light';BasicThemeClass.checkboxBoxSizeSmall = '16px';BasicThemeClass.checkboxBoxSizeMedium = '20px';BasicThemeClass.checkboxBoxSizeLarge = '24px';BasicThemeClass.checkboxCaptionGap = '8px';BasicThemeClass.checkboxPaddingXSmall = '0';BasicThemeClass.checkboxPaddingXMedium = '0';BasicThemeClass.checkboxPaddingXLarge = '0';BasicThemeClass.checkboxBoxOffsetY = '1px';BasicThemeClass.checkboxBgStart = '#fdfdfd';BasicThemeClass.checkboxBgEnd = '#ededed';BasicThemeClass.checkboxBorder = 'none';BasicThemeClass.checkboxCheckedColor = '#fff';BasicThemeClass.checkboxBorderRadius = '4px';BasicThemeClass.checkboxBg = '#fff';BasicThemeClass.checkboxCheckedHoverBg = '#292929';BasicThemeClass.textareaBg = '#fff';BasicThemeClass.textareaShadow = 'none';BasicThemeClass.textareaBackgroundClip = 'padding-box';BasicThemeClass.textareaBorderRadius = '2px';BasicThemeClass.textareaWidth = '250px';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.popupBorder = 'none';BasicThemeClass.popupBorderRadius = '8px';BasicThemeClass.popupBorderColor = 'transparent';BasicThemeClass.popupDropShadow = 'drop-shadow(0px 32px 32px rgba(0, 0, 0, 0.08)) drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.12))';BasicThemeClass.popupBoxShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';BasicThemeClass.popupPinOffsetX = '16px';BasicThemeClass.popupPinOffsetY = '16px';BasicThemeClass.popupMargin = '10px';BasicThemeClass.popupPinSize = '8px';BasicThemeClass.popupMenuMenuOffsetY = '0px';BasicThemeClass.inputShadow = 'none';BasicThemeClass.inputBg = colors.shapeOtherField;BasicThemeClass.inputIconColor = colors.textNeutralSoft;BasicThemeClass.inputColor = 'inherit';BasicThemeClass.inputWidth = '200px';BasicThemeClass.inputPaddingXSmall = '7px';BasicThemeClass.inputPaddingXMedium = '11px';BasicThemeClass.inputPaddingXLarge = '15px';BasicThemeClass.inputIconGapSmall = '4px';BasicThemeClass.inputIconGapMedium = '6px';BasicThemeClass.inputIconGapLarge = '8px';BasicThemeClass.inputIconSizeSmall = '16px';BasicThemeClass.inputIconSizeMedium = '20px';BasicThemeClass.inputIconSizeLarge = '24px';BasicThemeClass.inputBackgroundClip = 'padding-box';BasicThemeClass.inputBorderRadiusSmall = '2px';BasicThemeClass.inputBorderRadiusMedium = '2px';BasicThemeClass.inputBorderRadiusLarge = '2px';BasicThemeClass.inputDisabledBackgroundClip = 'padding-box';BasicThemeClass.inputBorderColor = colors.lineNeutralPale;BasicThemeClass.inputBlinkColor = colors.shapeFaintNeutralAlpha;BasicThemeClass.inputColorScheme = 'light';BasicThemeClass.checkboxBoxSizeSmall = '16px';BasicThemeClass.checkboxBoxSizeMedium = '20px';BasicThemeClass.checkboxBoxSizeLarge = '24px';BasicThemeClass.checkboxCaptionGap = '8px';BasicThemeClass.checkboxPaddingXSmall = '0';BasicThemeClass.checkboxPaddingXMedium = '0';BasicThemeClass.checkboxPaddingXLarge = '0';BasicThemeClass.checkboxBoxOffsetY = '1px';BasicThemeClass.checkboxBgStart = '#fdfdfd';BasicThemeClass.checkboxBgEnd = '#ededed';BasicThemeClass.checkboxBorder = 'none';BasicThemeClass.checkboxCheckedColor = colors.shapeInvertedNeutralHeavy;BasicThemeClass.checkboxBorderRadius = '4px';BasicThemeClass.checkboxBg = colors.shapeOtherField;BasicThemeClass.checkboxCheckedHoverBg = colors.shapeBoldAccentHover;BasicThemeClass.checkboxCheckedActiveBg = colors.shapeBoldAccentPressed;BasicThemeClass.textareaBg = colors.shapeOtherField;BasicThemeClass.textareaShadow = 'none';BasicThemeClass.textareaBackgroundClip = 'padding-box';BasicThemeClass.textareaBorderRadius = '2px';BasicThemeClass.textareaWidth = '250px';BasicThemeClass.textareaPaddingXSmall = '7px';BasicThemeClass.textareaPaddingXMedium = '11px';BasicThemeClass.textareaPaddingXLarge = '15px';BasicThemeClass.textareaBorderTopColor = colors.lineNeutralPale;BasicThemeClass.textareaCounterBg = 'transparent';BasicThemeClass.textareaMargin = '0px'; // обнуление вертикального браузерного margin в firefox
+BasicThemeClass.textareaVerticalAlign = 'top'; //#endregion Textarea
 //#region Radio
-BasicThemeClass.radioBulletSizeSmall = '6px';BasicThemeClass.radioBulletSizeMedium = '10px';BasicThemeClass.radioBulletSizeLarge = '12px';BasicThemeClass.radioSizeSmall = '16px';BasicThemeClass.radioSizeMedium = '20px';BasicThemeClass.radioSizeLarge = '24px';BasicThemeClass.radioCaptionGap = '8px';BasicThemeClass.radioVerticalAlign = 'top';BasicThemeClass.radioBgImage = 'none';BasicThemeClass.radioBgColor = '#fff';BasicThemeClass.radioBoxShadow = 'none';BasicThemeClass.radioHoverShadow = 'none';BasicThemeClass.radioActiveShadow = 'none';BasicThemeClass.radioCheckedBorderColor = 'transparent';BasicThemeClass.radioCheckedBulletColor = '#fff';BasicThemeClass.radioDisabledBg = '#F0F0F0';BasicThemeClass.radioCaptionDisplay = 'inline-flex';BasicThemeClass.radioBorderWidthCompensation = '0px';BasicThemeClass.radioCircleOffsetY = '1px';BasicThemeClass.tabPaddingXSmall = '8px';BasicThemeClass.tabPaddingXMedium = '10px';BasicThemeClass.tabPaddingXLarge = '12px';BasicThemeClass.tabBorderWidth = '2px';BasicThemeClass.tabColorHover = '#D6D6D6';BasicThemeClass.tabIndicatorBorderRadius = '2px';BasicThemeClass.spinnerCaptionGapSmall = '6px';BasicThemeClass.spinnerCaptionGapMedium = '-4px';BasicThemeClass.spinnerCaptionGapLarge = '-3px';BasicThemeClass.spinnerCaptionMarginSmall = '0 0 0 6px';BasicThemeClass.spinnerCaptionMarginMedium = '0 0 0 6px';BasicThemeClass.spinnerCaptionMarginLarge = '0 0 0 6px'; //#endregion
+BasicThemeClass.radioBulletSizeSmall = '6px';BasicThemeClass.radioBulletSizeMedium = '10px';BasicThemeClass.radioBulletSizeLarge = '12px';BasicThemeClass.radioSizeSmall = '16px';BasicThemeClass.radioSizeMedium = '20px';BasicThemeClass.radioSizeLarge = '24px';BasicThemeClass.radioCaptionGap = '8px';BasicThemeClass.radioVerticalAlign = 'top';BasicThemeClass.radioBgImage = 'none';BasicThemeClass.radioBgColor = colors.shapeOtherField;BasicThemeClass.radioBoxShadow = 'none';BasicThemeClass.radioHoverShadow = 'none';BasicThemeClass.radioActiveShadow = 'none';BasicThemeClass.radioCheckedBorderColor = 'transparent';BasicThemeClass.radioCaptionDisplay = 'inline-flex';BasicThemeClass.radioBorderWidthCompensation = '0px';BasicThemeClass.radioCircleOffsetY = '1px';BasicThemeClass.tabPaddingXSmall = '8px';BasicThemeClass.tabPaddingXMedium = '10px';BasicThemeClass.tabPaddingXLarge = '12px';BasicThemeClass.tabBorderWidth = '2px';BasicThemeClass.tabColorHover = colors.lineNeutralPale;BasicThemeClass.tabColorHoverError = colors.shapeBoldErrorHover;BasicThemeClass.tabColorHoverWarning = colors.shapeBoldWarningHover;BasicThemeClass.tabColorHoverSuccess = colors.shapeBoldSuccessHover;BasicThemeClass.tabColorHoverPrimary = colors.lineAccentPale;BasicThemeClass.tabIndicatorBorderRadius = '2px';BasicThemeClass.spinnerCaptionGapSmall = '6px';BasicThemeClass.spinnerCaptionGapMedium = '-4px';BasicThemeClass.spinnerCaptionGapLarge = '-3px';BasicThemeClass.spinnerCaptionMarginSmall = '0 0 0 6px';BasicThemeClass.spinnerCaptionMarginMedium = '0 0 0 6px';BasicThemeClass.spinnerCaptionMarginLarge = '0 0 0 6px'; //#endregion
 //#region Switcher
-BasicThemeClass.switcherBorderRadius = '8px';BasicThemeClass.switcherButtonPaddingXSmall = '7px';BasicThemeClass.switcherButtonPaddingXMedium = '11px';BasicThemeClass.switcherButtonPaddingXLarge = '15px';BasicThemeClass.switcherBtnDisabledBorderColor = 'rgba(0, 0, 0, 0.16)';BasicThemeClass.mobilePopupTopPadding = '80px';BasicThemeClass.mobilePopupContainerBottomPadding = '8px';BasicThemeClass.mobilePopupHeaderPadding = '16px 16px 8px 16px';BasicThemeClass.mobilePopupFooterPadding = '16px 16px 16px 16px';BasicThemeClass.mobilePopupContainerBorderRadius = '16px';BasicThemeClass.mobilePopupHeaderFontWeight = '500';BasicThemeClass.mobilePopupHeaderChildPadding = '12px';BasicThemeClass.mobilePopupOuterIndentY = '24px'; //#endregion
+BasicThemeClass.switcherBorderRadius = '8px';BasicThemeClass.switcherButtonPaddingXSmall = '7px';BasicThemeClass.switcherButtonPaddingXMedium = '11px';BasicThemeClass.switcherButtonPaddingXLarge = '15px';BasicThemeClass.switcherBtnDisabledBorderColor = colors.lineNeutralPale;BasicThemeClass.mobilePopupTopPadding = '80px';BasicThemeClass.mobilePopupContainerBottomPadding = '8px';BasicThemeClass.mobilePopupHeaderPadding = '16px 16px 8px 16px';BasicThemeClass.mobilePopupFooterPadding = '16px 16px 16px 16px';BasicThemeClass.mobilePopupContainerBorderRadius = '16px';BasicThemeClass.mobilePopupHeaderFontWeight = '500';BasicThemeClass.mobilePopupHeaderChildPadding = '12px';BasicThemeClass.mobilePopupOuterIndentY = '24px'; //#endregion
 //#region ScrollContainer
-BasicThemeClass.scrollContainerScrollBarSize = '4px';BasicThemeClass.scrollContainerScrollBarHoverSize = '10px';BasicThemeClass.scrollContainerScrollBarColor = 'rgba(183, 183, 183, 0.7)';BasicThemeClass.scrollContainerScrollBarInvertColor = 'rgba(255, 255, 255, 0.5)';BasicThemeClass.scrollContainerScrollBarOffsetY = '4px';BasicThemeClass.dropdownMenuScrollContainerScrollBarOffsetY = '0px'; //#endregion
+BasicThemeClass.scrollContainerScrollBarSize = '4px';BasicThemeClass.scrollContainerScrollBarHoverSize = '10px';BasicThemeClass.scrollContainerScrollBarColor = colors.shapeSoftNeutralAlpha;BasicThemeClass.scrollContainerScrollBarInvertColor = colors.shapeInvertedNeutralSoftAlpha;BasicThemeClass.scrollContainerScrollBarOffsetY = '4px';BasicThemeClass.dropdownMenuScrollContainerScrollBarOffsetY = '0px'; //#endregion
 //#region PasswordInput
-BasicThemeClass.passwordInputVisibilityIconColor = '#000';BasicThemeClass.passwordInputVisibilityIconOpacity = '0.6';BasicThemeClass.passwordInputVisibilityIconHoverColor = '#000';BasicThemeClass.passwordInputVisibilityIconHoverOpacity = '1';BasicThemeClass.globalLoaderHeight = '4px';BasicThemeClass.globalLoaderWidth = '100%';BasicThemeClass.globalLoaderPosition = 'fixed';BasicThemeClass.globalLoaderTop = '0px';BasicThemeClass.globalLoaderLeft = '0px';BasicThemeClass.globalLoaderBottom = 'auto';BasicThemeClass.globalLoaderRight = 'auto';BasicThemeClass.globalLoaderBackgroundColor = 'transparent';BasicThemeClass.globalLoaderTransitionToSpinnerDuration = '500'; //ms
+BasicThemeClass.passwordInputVisibilityIconColor = colors.textNeutralHeavy;BasicThemeClass.passwordInputVisibilityIconOpacity = '0.64';BasicThemeClass.passwordInputVisibilityIconHoverColor = colors.textNeutralHeavy;BasicThemeClass.passwordInputVisibilityIconHoverOpacity = '1';BasicThemeClass.globalLoaderHeight = '4px';BasicThemeClass.globalLoaderWidth = '100%';BasicThemeClass.globalLoaderPosition = 'fixed';BasicThemeClass.globalLoaderTop = '0px';BasicThemeClass.globalLoaderLeft = '0px';BasicThemeClass.globalLoaderBottom = 'auto';BasicThemeClass.globalLoaderRight = 'auto';BasicThemeClass.globalLoaderBackgroundColor = 'transparent';BasicThemeClass.globalLoaderTransitionToSpinnerDuration = '500'; //ms
 BasicThemeClass.globalLoaderSpinnerAnimationDuration = '2000'; //ms
 BasicThemeClass.globalLoaderSlowAnimationDuration = '20000'; //ms
 BasicThemeClass.globalLoaderTransitionFromSpinnerDuration = '200'; //ms
 //#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';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.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';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.miniModalHeaderPaddingTop = '32px';BasicThemeClass.miniModalActionGap = '8px';BasicThemeClass.miniModalCancelIndent = '8px';BasicThemeClass.miniModalFooterPaddingTop = '24px';BasicThemeClass.miniModalFooterPaddingBottom = '32px';BasicThemeClass.miniModalTitleMarginTop = '16px';BasicThemeClass.miniModalHeightMobile = 'auto';BasicThemeClass.miniModalMarginTopMobile = '80px';BasicThemeClass.miniModalMarginLeftMobile = '24px';BasicThemeClass.miniModalMarginRightMobile = '24px';BasicThemeClass.miniModalFooterPaddingMobile = '24px 16px 16px';BasicThemeClass.miniModalHeaderPaddingMobile = '32px 16px 0';BasicThemeClass.miniModalBodyPaddingMobile = '16px 16px 0';BasicThemeClass.validationsTextColorWarning = '#ef8b17';var BasicTheme = exports.BasicTheme = (0, _ThemeHelpers.createTheme)({ themeClass: BasicThemeClass });var BasicThemeClassForExtension = exports.BasicThemeClassForExtension = function BasicThemeClassForExtension() {};
+BasicThemeClass.fileUploaderWidth = '362px';BasicThemeClass.fileUploaderTileWidth = 'auto';BasicThemeClass.fileUploaderBg = '';BasicThemeClass.fileUploaderUploadButtonBg = 'transparent';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.fileUploaderBorderStyle = 'dashed';BasicThemeClass.fileUploaderIconSize = '14px';BasicThemeClass.fileUploaderIconColor = colors.textNeutralPale;BasicThemeClass.fileUploaderIconHoverColor = colors.textNeutralHeavy;BasicThemeClass.fileUploaderTileIconColorBg = colors.shapeFaintAccent;BasicThemeClass.fileUploaderTileIconHoverColorBg = colors.shapeFaintAccentHover;BasicThemeClass.fileUploaderTileIconActiveColorBg = colors.shapeFaintAccentPressed;BasicThemeClass.fileUploaderTileIconColor = colors.textInvertedAccentHeavy;BasicThemeClass.fileUploaderTileIconHoverColor = colors.textInvertedAccentHeavyHover;BasicThemeClass.fileUploaderDisabledBgClip = 'padding-box';BasicThemeClass.fileUploaderDisabledBorderColor = colors.lineNeutralFaint;BasicThemeClass.fileUploaderErrorBgColor = colors.shapeFaintError;BasicThemeClass.fileUploaderErrorBgHoverColor = colors.shapeFaintErrorHover;BasicThemeClass.fileUploaderWarningBgColor = colors.shapeFaintWarning;BasicThemeClass.fileUploaderWarningBgHoverColor = colors.shapeFaintWarningHover;BasicThemeClass.fileUploaderValidationTextColor = colors.textWarningHeavy;BasicThemeClass.fileUploaderLinkHoverTextDecoration = 'none';BasicThemeClass.fileUploaderHoveredBg = colors.shapeOtherBacklessHover;BasicThemeClass.fileUploaderActiveBg = colors.shapeOtherBacklessPressed;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 = colors.customizableBoldPurple;BasicThemeClass.fileUploaderFileTypePictureIconColor = colors.customizableBoldBlue;BasicThemeClass.fileUploaderFileTypePresentationIconColor = colors.customizableBoldOrange;BasicThemeClass.fileUploaderFileTypeTableIconColor = colors.customizableBoldGreen;BasicThemeClass.fileUploaderFileTypeTextIconColor = colors.customizableBoldBlue;BasicThemeClass.fileUploaderFileTypeArchiveIconColor = colors.customizableHeavyOrange;BasicThemeClass.fileUploaderFileTypeFolderIconColor = colors.customizableBoldYellow;BasicThemeClass.fileUploaderFileTypeUnknownIconColor = colors.textNeutralSoft;BasicThemeClass.fileUploaderDisabledColor = colors.textNeutralFaint;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 = colors.textNeutralSoft;BasicThemeClass.clearCrossIconHoverColor = colors.textNeutralHeavy;BasicThemeClass.clearCrossIconAlign = 'flex-start';BasicThemeClass.closeBtnIconDisabledColor = colors.textNeutralFaint;BasicThemeClass.closeBtnIconHoverColor = colors.textNeutralHeavy;BasicThemeClass.closeBtnIconBorderRadius = '4px';BasicThemeClass.miniModalHeaderPaddingBottom = '0';BasicThemeClass.miniModalBodyPaddingTop = '16px';BasicThemeClass.miniModalBodyPaddingBottom = '0';BasicThemeClass.miniModalDescriptionFontSize = '16px';BasicThemeClass.miniModalDescriptionLineHeight = '22px';BasicThemeClass.miniModalHeaderPaddingTop = '32px';BasicThemeClass.miniModalActionGap = '8px';BasicThemeClass.miniModalCancelIndent = '8px';BasicThemeClass.miniModalFooterPaddingTop = '24px';BasicThemeClass.miniModalFooterPaddingBottom = '32px';BasicThemeClass.miniModalTitleMarginTop = '16px';BasicThemeClass.miniModalHeightMobile = 'auto';BasicThemeClass.miniModalMarginTopMobile = '16px';BasicThemeClass.miniModalMarginLeftMobile = '16px';BasicThemeClass.miniModalMarginRightMobile = '16px';BasicThemeClass.miniModalFooterPaddingMobile = '24px 16px 16px';BasicThemeClass.miniModalHeaderPaddingMobile = '32px 16px 0';BasicThemeClass.miniModalBodyPaddingMobile = '16px 16px 0';BasicThemeClass.validationsTextColorWarning = colors.textWarningHeavy;var BasicTheme = exports.BasicTheme = (0, _ThemeHelpers.createTheme)({ themeClass: BasicThemeClass });var BasicThemeClassForExtension = exports.BasicThemeClassForExtension = function BasicThemeClassForExtension() {};