@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.9

package/cjs/internal/themes/BasicTheme.js

@@ -1,7 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;Object.defineProperty(exports, "__esModule", { value: true });exports.BasicThemeClassForExtension = exports.BasicThemeClass = exports.BasicTheme = void 0;var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+"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
 
-BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function BasicThemeClass() {(0, _classCallCheck2.default)(this, BasicThemeClass);}return (0, _createClass2.default)(BasicThemeClass, null, [{ key: "bgSecondary", get:
+BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function BasicThemeClass() {}return (0, _createClass2.default)(BasicThemeClass, null, [{ key: "bgSecondary", get:
 
 
 
@@ -152,7 +152,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
       return this.controlOutlineWidth;
     } }, { key: "linkFocusOutline", get:
     function get() {
-      return "".concat(this.linkFocusOutlineWidth, " solid ").concat(this.linkFocusOutlineColor);
+      return this.linkFocusOutlineWidth + " solid " + this.linkFocusOutlineColor;
     }
 
     //#endregion Link
@@ -501,19 +501,19 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
       var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
       var padding = parseInt(this.btnPaddingYSmall, 10) || 0;
       var lineHeigh = parseInt(this.btnLineHeightSmall, 10) || 0;
-      return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
     } }, { key: "btnHeightMedium", get:
     function get() {
       var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
       var padding = parseInt(this.btnPaddingYMedium, 10) || 0;
       var lineHeigh = parseInt(this.btnLineHeightMedium, 10) || 0;
-      return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
     } }, { key: "btnHeightLarge", get:
     function get() {
       var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
       var padding = parseInt(this.btnPaddingYLarge, 10) || 0;
       var lineHeigh = parseInt(this.btnLineHeightLarge, 10) || 0;
-      return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
     } }, { key: "btnLinkColor", get:
     function get() {
       return this.linkColor;
@@ -939,7 +939,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
     function get() {
-      return "".concat(parseInt(this.modalCloseIconSize) + 2 * parseInt(this.mobileModalWithoutHeaderCloseButtonPadding), "px");
+      return parseInt(this.modalCloseIconSize) + 2 * parseInt(this.mobileModalWithoutHeaderCloseButtonPadding) + "px";
     } }, { key: "sidePageFooterPanelBg", get:
 
 
@@ -1045,7 +1045,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
       return '1px';
     } }, { key: "calendarBottomSeparatorBorder", get:
     function get() {
-      return "".concat(this.calendarBottomSeparatorBorderWidth, " solid ").concat(this.calendarBottomSeparatorBorderColor);
+      return this.calendarBottomSeparatorBorderWidth + " solid " + this.calendarBottomSeparatorBorderColor;
     } }, { key: "calendarBg", get:
     function get() {
       return this.bgSecondary;
@@ -1069,7 +1069,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     } }, { key: "calendarCellLineHeight", get:
 
     function get() {
-      return "".concat(parseInt(this.calendarCellHeight) - 2, "px");
+      return parseInt(this.calendarCellHeight) - 2 + "px";
     } }, { key: "calendarMonthHeaderStickedBgColor", get:
     function get() {
       return this.bgSecondary;
@@ -1412,18 +1412,18 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
     function get() {
-      return "".concat(
-        parseInt(this.menuItemPaddingXSmall) + parseInt(this.menuItemIconWidthSmall) + parseInt(this.menuItemIconGap), "px");
+      return (
+        parseInt(this.menuItemPaddingXSmall) + parseInt(this.menuItemIconWidthSmall) + parseInt(this.menuItemIconGap) + "px");
 
     } }, { key: "menuItemPaddingForIconMedium", get:
     function get() {
-      return "".concat(
-        parseInt(this.menuItemPaddingXMedium) + parseInt(this.menuItemIconWidthMedium) + parseInt(this.menuItemIconGap), "px");
+      return (
+        parseInt(this.menuItemPaddingXMedium) + parseInt(this.menuItemIconWidthMedium) + parseInt(this.menuItemIconGap) + "px");
 
     } }, { key: "menuItemPaddingForIconLarge", get:
     function get() {
-      return "".concat(
-        parseInt(this.menuItemPaddingXLarge) + parseInt(this.menuItemIconWidthLarge) + parseInt(this.menuItemIconGap), "px");
+      return (
+        parseInt(this.menuItemPaddingXLarge) + parseInt(this.menuItemIconWidthLarge) + parseInt(this.menuItemIconGap) + "px");
 
     } }, { key: "menuItemLineHeightSmall", get:
 
@@ -1655,19 +1655,19 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
       var height = parseInt(this.toggleHeightSmall, 10) || 0;
       var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
       var handleSize = height - 2 * borderWidth;
-      return "".concat(handleSize / 2, "px");
+      return handleSize / 2 + "px";
     } }, { key: "toggleHandleBorderRadiusMedium", get:
     function get() {
       var height = parseInt(this.toggleHeightMedium, 10) || 0;
       var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
       var handleSize = height - 2 * borderWidth;
-      return "".concat(handleSize / 2, "px");
+      return handleSize / 2 + "px";
     } }, { key: "toggleHandleBorderRadiusLarge", get:
     function get() {
       var height = parseInt(this.toggleHeightLarge, 10) || 0;
       var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
       var handleSize = height - 2 * borderWidth;
-      return "".concat(handleSize / 2, "px");
+      return handleSize / 2 + "px";
     } }, { key: "toggleBorderRadiusSmall", get:
 
 
@@ -1680,13 +1680,13 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
     function get() {
-      return "calc(".concat(this.toggleHeightSmall, " * 0.5)");
+      return "calc(" + this.toggleHeightSmall + " * 0.5)";
     } }, { key: "toggleBorderRadiusMedium", get:
     function get() {
-      return "calc(".concat(this.toggleHeightMedium, " * 0.5)");
+      return "calc(" + this.toggleHeightMedium + " * 0.5)";
     } }, { key: "toggleBorderRadiusLarge", get:
     function get() {
-      return "calc(".concat(this.toggleHeightLarge, " * 0.5)");
+      return "calc(" + this.toggleHeightLarge + " * 0.5)";
     } }, { key: "toggleBorderWidth", get:
 
 
@@ -1698,7 +1698,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     function get() {
       var outlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
       var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-      return "".concat(outlineWidth + borderWidth, "px");
+      return outlineWidth + borderWidth + "px";
     } }, { key: "toggleBorderColorDisabled", get:
 
     function get() {
@@ -1842,19 +1842,19 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
       var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
       var padding = parseInt(this.inputPaddingYSmall, 10) || 0;
       var lineHeigh = parseInt(this.inputLineHeightSmall, 10) || 0;
-      return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
     } }, { key: "inputHeightMedium", get:
     function get() {
       var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
       var padding = parseInt(this.inputPaddingYMedium, 10) || 0;
       var lineHeigh = parseInt(this.inputLineHeightMedium, 10) || 0;
-      return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
     } }, { key: "inputHeightLarge", get:
     function get() {
       var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
       var padding = parseInt(this.inputPaddingYLarge, 10) || 0;
       var lineHeigh = parseInt(this.inputLineHeightLarge, 10) || 0;
-      return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
     } }, { key: "inputPaddingYSmall", get:
     function get() {
       return this.controlPaddingYSmall;
@@ -1878,7 +1878,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
     function get() {
-      return "0 0 0 ".concat(this.inputOutlineWidth, " ").concat(this.borderColorFocus);
+      return "0 0 0 " + this.inputOutlineWidth + " " + this.borderColorFocus;
     } }, { key: "inputFocusedBg", get:
     function get() {
       return this.inputBg;
@@ -1896,7 +1896,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
       return this.controlBorderWidth;
     } }, { key: "inputOutlineWidth", get:
     function get() {
-      return "calc(".concat(this.controlOutlineWidth, " - 1px)");
+      return "calc(" + this.controlOutlineWidth + " - 1px)";
     } }, { key: "inputBorderColorHover", get:
 
 
@@ -1960,18 +1960,18 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     function get() {
       var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
       var lineHeight = parseInt(this.checkboxLineHeightSmall, 10) || 0;
-      return "".concat((controlHeight - lineHeight) / 2, "px");
+      return (controlHeight - lineHeight) / 2 + "px";
     } }, { key: "checkboxPaddingYMedium", get:
 
     function get() {
       var controlHeight = parseInt(this.controlHeightMedium, 10) || 0;
       var lineHeight = parseInt(this.checkboxLineHeightMedium, 10) || 0;
-      return "".concat((controlHeight - lineHeight) / 2, "px");
+      return (controlHeight - lineHeight) / 2 + "px";
     } }, { key: "checkboxPaddingYLarge", get:
     function get() {
       var controlHeight = parseInt(this.controlHeightLarge, 10) || 0;
       var lineHeight = parseInt(this.checkboxLineHeightLarge, 10) || 0;
-      return "".concat((controlHeight - lineHeight) / 2, "px");
+      return (controlHeight - lineHeight) / 2 + "px";
     } }, { key: "checkboxTextColorDefault", get:
 
 
@@ -1988,17 +1988,17 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
       return this.textColorDisabled;
     } }, { key: "checkboxShadowDisabled", get:
     function get() {
-      return "0 0 0 ".concat(this.checkboxBorderWidth, " rgba(0, 0, 0, 0.1)");
+      return "0 0 0 " + this.checkboxBorderWidth + " rgba(0, 0, 0, 0.1)";
     } }, { key: "checkboxBorderWidth", get:
 
     function get() {
       return this.controlBorderWidth;
     } }, { key: "checkboxShadow", get:
     function get() {
-      return "0 0 0 ".concat(this.checkboxBorderWidth, " rgba(0, 0, 0, 0.15)");
+      return "0 0 0 " + this.checkboxBorderWidth + " rgba(0, 0, 0, 0.15)";
     } }, { key: "checkboxShadowHover", get:
     function get() {
-      return "0 0 0 ".concat(this.checkboxBorderWidth, " #c3c3c3");
+      return "0 0 0 " + this.checkboxBorderWidth + " #c3c3c3";
     } }, { key: "checkboxOutlineColorFocus", get:
 
     function get() {
@@ -2011,17 +2011,17 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
       return this.borderColorError;
     } }, { key: "checkboxCheckedHoverShadow", get:
     function get() {
-      return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(this.checkboxCheckedHoverBg);
+      return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedHoverBg;
     } }, { key: "checkboxOutlineWidth", get:
 
     function get() {
       return this.controlOutlineWidth;
     } }, { key: "checkboxCheckedShadow", get:
     function get() {
-      return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(this.checkboxCheckedBg);
+      return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedBg;
     } }, { key: "checkboxCheckedActiveShadow", get:
     function get() {
-      return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(this.checkboxCheckedActiveBg);
+      return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedActiveBg;
     } }, { key: "checkboxBorderColorFocus", get:
     function get() {
       return this.borderColorFocus;
@@ -2044,7 +2044,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
       return ColorFunctions.darken(this.checkboxCheckedBg, '15%');
     } }, { key: "checkboxShadowActive", get:
     function get() {
-      return "0 0 0 ".concat(this.checkboxBorderWidth, " #c3c3c3");
+      return "0 0 0 " + this.checkboxBorderWidth + " #c3c3c3";
     }
     //#endregion Checkbox
     //#region TextArea
@@ -2093,27 +2093,27 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     function get() {
       var outlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
       var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-      return "".concat(outlineWidth - borderWidth, "px");
+      return outlineWidth - borderWidth + "px";
     } }, { key: "textareaMinHeightSmall", get:
 
     function get() {
       var lineHeight = parseInt(this.textareaLineHeightSmall, 10) || 0;
       var paddingY = parseInt(this.textareaPaddingYSmall, 10) || 0;
       var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-      return "".concat(lineHeight + paddingY * 2 + borderWidth * 2, "px");
+      return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
     } }, { key: "textareaMinHeightMedium", get:
 
     function get() {
       var lineHeight = parseInt(this.textareaLineHeightMedium, 10) || 0;
       var paddingY = parseInt(this.textareaPaddingYMedium, 10) || 0;
       var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-      return "".concat(lineHeight + paddingY * 2 + borderWidth * 2, "px");
+      return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
     } }, { key: "textareaMinHeightLarge", get:
     function get() {
       var lineHeight = parseInt(this.textareaLineHeightLarge, 10) || 0;
       var paddingY = parseInt(this.textareaPaddingYLarge, 10) || 0;
       var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-      return "".concat(lineHeight + paddingY * 2 + borderWidth * 2, "px");
+      return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
     }
 
     /** @deprecated Перестала использоваться с версии `react-ui@5.6.7`. */ }, { key: "textareaPaddingYSmall", get:
@@ -2213,17 +2213,17 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     function get() {
       var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
       var lineHeight = parseInt(this.radioLineHeightSmall, 10) || 0;
-      return "".concat((controlHeight - lineHeight) / 2, "px");
+      return (controlHeight - lineHeight) / 2 + "px";
     } }, { key: "radioPaddingYMedium", get:
     function get() {
       var controlHeight = parseInt(this.controlHeightMedium, 10) || 0;
       var lineHeight = parseInt(this.radioLineHeightMedium, 10) || 0;
-      return "".concat((controlHeight - lineHeight) / 2, "px");
+      return (controlHeight - lineHeight) / 2 + "px";
     } }, { key: "radioPaddingYLarge", get:
     function get() {
       var controlHeight = parseInt(this.controlHeightLarge, 10) || 0;
       var lineHeight = parseInt(this.radioLineHeightLarge, 10) || 0;
-      return "".concat((controlHeight - lineHeight) / 2, "px");
+      return (controlHeight - lineHeight) / 2 + "px";
     } }, { key: "radioHoverBg", get:
 
 
@@ -2243,7 +2243,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     } }, { key: "radioBorder", get:
 
     function get() {
-      return "".concat(this.radioBorderWidth, " solid ").concat(this.radioBorderColor);
+      return this.radioBorderWidth + " solid " + this.radioBorderColor;
     } }, { key: "radioBorderColorFocus", get:
     function get() {
       return this.borderColorFocus;
@@ -2257,7 +2257,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
     function get() {
-      return "inset 0 0 0 1px ".concat(this.outlineColorFocus);
+      return "inset 0 0 0 1px " + this.outlineColorFocus;
     } }, { key: "radioCheckedBgColor", get:
     function get() {
       return this.checkboxCheckedBg;
@@ -2269,7 +2269,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     } }, { key: "radioDisabledShadow", get:
 
     function get() {
-      return "0 0 0 ".concat(this.radioBorderWidth, " rgba(0, 0, 0, 0.1)");
+      return "0 0 0 " + this.radioBorderWidth + " rgba(0, 0, 0, 0.1)";
     } }, { key: "radioCheckedDisabledBulletBg", get:
 
 
@@ -2305,17 +2305,17 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     function get() {
       var paddingY = parseInt(this.controlPaddingYSmall);
       var borderWidth = parseInt(this.controlBorderWidth);
-      return "".concat(paddingY + borderWidth, "px");
+      return paddingY + borderWidth + "px";
     } }, { key: "tabPaddingYMedium", get:
     function get() {
       var paddingY = parseInt(this.controlPaddingYMedium);
       var borderWidth = parseInt(this.controlBorderWidth);
-      return "".concat(paddingY + borderWidth, "px");
+      return paddingY + borderWidth + "px";
     } }, { key: "tabPaddingYLarge", get:
     function get() {
       var paddingY = parseInt(this.controlPaddingYLarge);
       var borderWidth = parseInt(this.controlBorderWidth);
-      return "".concat(paddingY + borderWidth, "px");
+      return paddingY + borderWidth + "px";
     } }, { key: "tabOutlineWidth", get:
 
     function get() {
@@ -2555,13 +2555,13 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
     function get() {
-      return "".concat(parseInt(this.fileUploaderTilePaddingSmall) + 1, "px");
+      return parseInt(this.fileUploaderTilePaddingSmall) + 1 + "px";
     } }, { key: "fileUploaderTileIconActionPositionMedium", get:
     function get() {
-      return "".concat(parseInt(this.fileUploaderTilePaddingMedium) + 1, "px");
+      return parseInt(this.fileUploaderTilePaddingMedium) + 1 + "px";
     } }, { key: "fileUploaderTileIconActionPositionLarge", get:
     function get() {
-      return "".concat(parseInt(this.fileUploaderTilePaddingLarge) + 1, "px");
+      return parseInt(this.fileUploaderTilePaddingLarge) + 1 + "px";
     } }, { key: "fileUploaderFontSizeSmall", get:
 
 
@@ -2600,7 +2600,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
       return this.controlBorderWidth;
     } }, { key: "fileUploaderDisabledBorder", get:
     function get() {
-      return "".concat(this.fileUploaderBorderWidth, " ").concat(this.fileUploaderBorderStyle, " ").concat(this.fileUploaderDisabledBorderColor);
+      return this.fileUploaderBorderWidth + " " + this.fileUploaderBorderStyle + " " + this.fileUploaderDisabledBorderColor;
     } }, { key: "fileUploaderBorderColorFocus", get:
 
     function get() {
@@ -2769,17 +2769,17 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
     function get() {
       var inputPaddingXSmall = parseInt(this.inputPaddingXSmall);
       var inputBorderWidth = parseInt(this.inputBorderWidth);
-      return "-".concat(inputPaddingXSmall + inputBorderWidth, "px");
+      return "-" + (inputPaddingXSmall + inputBorderWidth) + "px";
     } }, { key: "clearCrossIconRightMarginMedium", get:
     function get() {
       var inputPaddingXMedium = parseInt(this.inputPaddingXMedium);
       var inputBorderWidth = parseInt(this.inputBorderWidth);
-      return "-".concat(inputPaddingXMedium + inputBorderWidth, "px");
+      return "-" + (inputPaddingXMedium + inputBorderWidth) + "px";
     } }, { key: "clearCrossIconRightMarginLarge", get:
     function get() {
       var inputPaddingXLarge = parseInt(this.inputPaddingXLarge);
       var inputBorderWidth = parseInt(this.inputBorderWidth);
-      return "-".concat(inputPaddingXLarge + inputBorderWidth, "px");
+      return "-" + (inputPaddingXLarge + inputBorderWidth) + "px";
     } }, { key: "clearCrossIconBorderRadiusSmall", get:
 
     function get() {
@@ -2807,7 +2807,7 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
 
     function get() {
-      return "inset 0 0 0 1px ".concat(this.borderColorFocus, ", inset 0 0 0 2px ").concat(this.outlineColorFocus);
+      return "inset 0 0 0 1px " + this.borderColorFocus + ", inset 0 0 0 2px " + this.outlineColorFocus;
     }
     //#endregion CloseIcon
 
@@ -2853,11 +2853,11 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
   }]);}();_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
 //#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 ".concat(parseFloat(_BasicThemeClass.linkTextUnderlineOpacity) * 100, "%, transparent)");BasicThemeClass.linkLineBorderBottomStyle = 'solid';BasicThemeClass.linkLineBorderBottomWidth = '1px';BasicThemeClass.linkLineBorderBottomOpacity = '0.5';BasicThemeClass.linkLineBorderBottomColor = "color-mix(in srgb, currentColor ".concat(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 = '#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
 //#region Loader
 BasicThemeClass.loaderBg = 'rgba(255, 255, 255, 0.8)';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 ".concat(_BasicThemeClass.transitionDuration, " ").concat(_BasicThemeClass.transitionTimingFunction, ";"); //#endregion Select
+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
 //#region Tooltip
 /** @deprecated Эта переменная устарела при появлении размеров у `Tooltip` и будет удалена в `6.0`.
  * @see {@link tooltipPaddingYSmall `tooltipPaddingYSmall`} */BasicThemeClass.tooltipPaddingY = '16px'; /** @deprecated Эта переменная устарела при появлении размеров у `Tooltip` и будет удалена в `6.0`.
@@ -2894,4 +2894,4 @@ 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 = /*#__PURE__*/(0, _createClass2.default)(function BasicThemeClassForExtension() {(0, _classCallCheck2.default)(this, BasicThemeClassForExtension);});
+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() {};