@skbkontur/react-ui 0.0.0-80ce75eca6 → 0.0.0-85ea551f96

package/cjs/internal/themes/DefaultTheme.js

@@ -1,9 +1,8 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DefaultThemeInternal = exports.DefaultTheme = void 0;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var ColorFunctions = _interopRequireWildcard(require("../../lib/styles/ColorFunctions"));
 var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");var
 
-DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createClass2.default)(DefaultTheme, null, [{ key: "bgActive",
+DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createClass2.default)(DefaultTheme, null, [{ key: "bgActive", get:
     //#region Common variables
-    get: function get()
 
 
 
@@ -59,31 +58,36 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
-    {
+
+
+
+
+
+    function get() {
       return this.blueLight;
-    } }, { key: "borderColorFocus", get: function get()
-    {
+    } }, { key: "borderColorFocus", get:
+    function get() {
       return this.blueLight;
-    } }, { key: "borderColorError", get: function get()
-    {
+    } }, { key: "borderColorError", get:
+    function get() {
       return this.errorMain;
-    } }, { key: "borderColorWarning", get: function get()
-    {
+    } }, { key: "borderColorWarning", get:
+    function get() {
       return this.warningMain;
-    } }, { key: "controlHeightSmall", get: function get()
-    {
+    } }, { key: "controlHeightSmall", get:
+    function get() {
       var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
       var paddingYSmall = parseInt(this.controlPaddingYSmall, 10) || 0;
       var lineHeightSmall = parseInt(this.controlLineHeightSmall, 10) || 0;
       return 2 * borderWidth + 2 * paddingYSmall + lineHeightSmall + "px";
-    } }, { key: "controlHeightMedium", get: function get()
-    {
+    } }, { key: "controlHeightMedium", get:
+    function get() {
       var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
       var paddingYMedium = parseInt(this.controlPaddingYMedium, 10) || 0;
       var lineHeightMedium = parseInt(this.controlLineHeightMedium, 10) || 0;
       return 2 * borderWidth + 2 * paddingYMedium + lineHeightMedium + "px";
-    } }, { key: "controlHeightLarge", get: function get()
-    {
+    } }, { key: "controlHeightLarge", get:
+    function get() {
       var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
       var paddingYLarge = parseInt(this.controlPaddingYLarge, 10) || 0;
       var lineHeightLarge = parseInt(this.controlLineHeightLarge, 10) || 0;
@@ -92,7 +96,7 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
     //#endregion
     //#region Link
-  }, { key: "linkHoverColor", get: function get()
+  }, { key: "linkHoverColor", get:
 
 
 
@@ -102,29 +106,24 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
-    {
+    function get() {
       return this.linkColor;
-    } }, { key: "linkDisabledColor", get: function get()
-    {
+    } }, { key: "linkDisabledColor", get:
+    function get() {
       return this.textColorDisabled;
-    } }, { key: "dropdownMenuHoverBg", get: function get()
+    } }, { key: "tokenTextColorDisabled", get:
 
 
 
 
 
-    {
-      return this.bgActive;
-    }
-    //#endregion
-    //#region Token
-  }, { key: "tokenTextColorDisabled", get: function get()
-    {
-      return this.textColorDisabled;
-    } }, { key: "tokenFontSize", get: function get()
-    {
+    function get() {
+      return this.textColorDisabledContrast;
+    } }, { key: "tokenFontSize", get:
+    function get() {
       return this.fontSizeSmall;
-    } }, { key: "tokenBorderColorDisabled", get: function get()
+    } }, { key: "tokenDefaultIdle", get:
+
 
 
 
@@ -138,123 +137,125 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
-    {
-      return this.tokenDisabledBg;
-    } }, { key: "tokenDefaultIdle", get: function get()
-    {
+    function get() {
       return this.grayXLight;
-    } }, { key: "tokenDefaultActive", get: function get()
-    {
+    } }, { key: "tokenDefaultActive", get:
+    function get() {
       return this.brand;
-    } }, { key: "tokenGrayIdle", get: function get()
-    {
+    } }, { key: "tokenGrayIdle", get:
+    function get() {
       return this.grayXLight;
-    } }, { key: "tokenGrayActive", get: function get()
-    {
+    } }, { key: "tokenGrayActive", get:
+    function get() {
       return this.grayDark;
-    } }, { key: "tokenBlueIdle", get: function get()
-    {
+    } }, { key: "tokenBlueIdle", get:
+    function get() {
       return this.blueLight;
-    } }, { key: "tokenBlueActive", get: function get()
-    {
+    } }, { key: "tokenBlueActive", get:
+    function get() {
       return this.blueDark;
-    } }, { key: "tokenGreenIdle", get: function get()
-    {
+    } }, { key: "tokenGreenIdle", get:
+    function get() {
       return this.greenXxLight;
-    } }, { key: "tokenGreenActive", get: function get()
-    {
+    } }, { key: "tokenGreenActive", get:
+    function get() {
       return this.greenDark;
-    } }, { key: "tokenYellowIdle", get: function get()
-    {
+    } }, { key: "tokenYellowIdle", get:
+    function get() {
       return this.yellowXxLight;
-    } }, { key: "tokenYellowActive", get: function get()
-    {
+    } }, { key: "tokenYellowActive", get:
+    function get() {
       return this.yellowDark;
-    } }, { key: "tokenRedIdle", get: function get()
-    {
+    } }, { key: "tokenRedIdle", get:
+    function get() {
       return this.redXxLight;
-    } }, { key: "tokenRedActive", get: function get()
-    {
+    } }, { key: "tokenRedActive", get:
+    function get() {
       return this.redDark;
-    } }, { key: "tokenWhite", get: function get()
-    {
+    } }, { key: "tokenWhite", get:
+    function get() {
       return this.white;
-    } }, { key: "tokenBlack", get: function get()
-    {
+    } }, { key: "tokenBlack", get:
+    function get() {
       return this.black;
-    } }, { key: "tokenBorderColorWarning", get: function get()
-    {
+    } }, { key: "tokenBorderColorWarning", get:
+    function get() {
       return this.borderColorWarning;
-    } }, { key: "tokenBorderColorError", get: function get()
-    {
+    } }, { key: "tokenBorderColorError", get:
+    function get() {
       return this.borderColorError;
-    } }, { key: "tokenPaddingXDisabled", get: function get()
+    } }, { key: "tokenPaddingXDisabled", get:
 
 
 
-    {
+    function get() {
       return this.tokenPaddingX;
-    } }, { key: "tokenInputBorderColor",
-
+    } }, { key: "tokenShadowDisabled", get:
 
 
+    function get() {
+      return "0 0 0 " + this.tokenBorderWidth + " " + this.tokenBorderColorDisabled;
+    }
     //#endregion
     //#region TokenInput
-    get: function get() {
+  }, { key: "tokenInputBorderColor", get: function get() {
       return this.inputBorderColor;
-    } }, { key: "tokenInputBorderColorFocus", get: function get()
-    {
+    } }, { key: "tokenInputBorderColorFocus", get:
+    function get() {
       return this.inputBorderColorFocus;
-    } }, { key: "tokenInputBorderColorError", get: function get()
-    {
+    } }, { key: "tokenInputBorderColorError", get:
+    function get() {
       return this.inputBorderColorError;
-    } }, { key: "tokenInputBorderColorWarning", get: function get()
-    {
+    } }, { key: "tokenInputBorderColorWarning", get:
+    function get() {
       return this.inputBorderColorWarning;
-    } }, { key: "tokenInputBorderTopColor", get: function get()
-    {
+    } }, { key: "tokenInputBorderTopColor", get:
+    function get() {
       return this.inputBorderTopColor;
-    } }, { key: "tokenInputPlaceholderColor", get: function get()
-    {
+    } }, { key: "tokenInputPlaceholderColor", get:
+    function get() {
       return this.inputPlaceholderColor;
-    } }, { key: "tokenInputPlaceholderColorLight", get: function get()
-    {
+    } }, { key: "tokenInputPlaceholderColorLight", get:
+    function get() {
       return this.inputPlaceholderColorLight;
-    } }, { key: "tokenInputDisabledBg", get: function get()
-    {
+    } }, { key: "tokenInputDisabledBg", get:
+    function get() {
       return this.inputDisabledBg;
-    } }, { key: "tokenInputDisabledBorderColor", get: function get()
-    {
+    } }, { key: "tokenInputDisabledBorderColor", get:
+    function get() {
       return this.inputDisabledBorderColor;
-    } }, { key: "tokenInputBorderWidth", get: function get()
-    {
+    } }, { key: "tokenInputBorderWidth", get:
+    function get() {
       return this.inputBorderWidth;
-    } }, { key: "tokenInputOutlineWidth", get: function get()
-    {
+    } }, { key: "tokenInputOutlineWidth", get:
+    function get() {
       return this.inputOutlineWidth;
-    } }, { key: "tokenInputBg", get: function get()
-    {
+    } }, { key: "tokenInputBg", get:
+    function get() {
       return this.inputBg;
-    } }, { key: "tokenInputShadow", get: function get()
-    {
+    } }, { key: "tokenInputShadow", get:
+    function get() {
       return this.inputShadow;
-    } }, { key: "tokenInputTextColor", get: function get()
-    {
+    } }, { key: "tokenInputTextColor", get:
+    function get() {
       return this.inputTextColor;
-    } }, { key: "tokenInputTextColorDisabled", get: function get()
-    {
-      return this.inputTextColorDisabled;
-    } }, { key: "tokenInputFontSize", get: function get()
+    } }, { key: "tokenInputTextColorDisabled", get:
+    function get() {
+      return this.textColorDisabledContrast;
+    } }, { key: "tokenInputPlaceholderColorDisabled", get:
+    function get() {
+      return this.textColorDisabledContrast;
+    } }, { key: "tokenInputFontSize", get:
 
 
-    {
+    function get() {
       return this.inputFontSizeSmall;
-    } }, { key: "tokenInputInputPaddingRight", get: function get()
+    } }, { key: "tokenInputInputPaddingRight", get:
 
 
 
 
-    {
+    function get() {
       var paddingX = parseInt(this.tokenPaddingX, 10) || 0;
       var removeIconMarginX = parseInt(this.tokenRemoveIconGap, 10) || 0;
       var removeIconSizeX = parseInt(this.tokenInputFontSize, 10) || 0;
@@ -262,28 +263,21 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
     }
     //#endregion
     //#region Loader
-  }, { key: "btnWrapPadding",
+  }, { key: "btnFocusShadowWidth", get:
 
-    //#endregion
-    //#region Button
-    get: function get() {
-      return this.btnBorderWidth;
-    } }, { key: "btnHeightShift", get: function get()
-    {
-      var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
-      return "-" + 2 * borderWidth + "px";
-    } }, { key: "btnFocusShadowWidth", get: function get()
 
 
 
 
 
-    {
-      return this.btnOutlineWidth;
-    } }, { key: "btnCheckedShadow", get: function get()
 
 
 
+    function get() {
+      var outlineWidth = parseInt(this.btnOutlineWidth, 10) || 0;
+      var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
+      return outlineWidth - borderWidth + "px";
+    } }, { key: "btnOutlineWidth", get:
 
 
 
@@ -291,9 +285,6 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(0, 0, 0, 0.6), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3)";
-    } }, { key: "btnOutlineWidth", get: function get()
 
 
 
@@ -301,10 +292,10 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
+    function get() {
+      return parseInt(this.btnBorderWidth, 10) + 1 + "px";
+    } }, { key: "btnDefaultTextColor", get:
 
-    {
-      return this.controlOutlineWidth;
-    } }, { key: "btnDefaultTextColor", get: function get()
 
 
 
@@ -317,30 +308,21 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "btnPayTextColor", get:
 
 
 
-    {
-      return this.textColorDefault;
-    } }, { key: "btnDefaultShadow", get: function get()
 
 
 
 
-    {
-      return "0 " + this.btnBorderWidth + " 0 0 rgba(0, 0, 0, 0.15), 0 0 0 " + this.btnBorderWidth + " rgba(0, 0, 0, 0.15)";
-    } }, { key: "btnDefaultHoverShadow", get: function get()
 
 
 
-    {
-      return "0 " + this.btnBorderWidth + " 0 0 rgba(0, 0, 0, 0.15), 0 0 0 " + this.btnBorderWidth + " rgba(0, 0, 0, 0.2)";
-    } }, { key: "btnDefaultActiveShadow", get: function get()
 
 
-    {
-      return "0 -" + this.btnBorderWidth + " 0 0 rgba(0, 0, 0, 0.1), 0 0 0 " + this.btnBorderWidth + " rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)";
-    } }, { key: "btnSuccessShadow", get: function get()
 
 
 
@@ -350,20 +332,11 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
-    {
-      return "0 0 0 " + this.btnBorderWidth + "  rgba(25, 103, 6, 0.7), 0 " + this.btnBorderWidth + "  0 0 rgba(21, 80, 7, 0.5)";
-    } }, { key: "btnSuccessHoverShadow", get: function get()
 
 
 
-    {
-      return "0 0 0 " + this.btnBorderWidth + "  rgba(7, 73, 1, 0.7), 0 " + this.btnBorderWidth + "  0 0 rgba(16, 70, 4, 0.3)";
-    } }, { key: "btnSuccessActiveShadow", get: function get()
 
 
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(4, 63, 0, 0.75), 0 -" + this.btnBorderWidth + " 0 0 rgba(9, 32, 4, 0.6), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)";
-    } }, { key: "btnPrimaryShadow", get: function get()
 
 
 
@@ -373,20 +346,11 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(14, 81, 129, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(7, 37, 80, 0.5)";
-    } }, { key: "btnPrimaryHoverShadow", get: function get()
 
 
 
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(5, 60, 99, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(7, 37, 80, 0.3)";
-    } }, { key: "btnPrimaryActiveShadow", get: function get()
 
 
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(10, 63, 99, 0.75), 0 -" + this.btnBorderWidth + " 0 0 rgba(8, 45, 96, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)";
-    } }, { key: "btnDangerShadow", get: function get()
 
 
 
@@ -396,20 +360,11 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(173, 15, 0, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(0, 0, 0, 0.4)";
-    } }, { key: "btnDangerHoverShadow", get: function get()
 
 
 
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(145, 0, 0, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(90, 3, 3, 0.4)";
-    } }, { key: "btnDangerActiveShadow", get: function get()
 
 
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(108, 7, 7, 0.75), 0 -" + this.btnBorderWidth + " 0 0 rgba(90, 3, 3, 0.4), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)";
-    } }, { key: "btnPayShadow", get: function get()
 
 
 
@@ -418,191 +373,214 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(238, 169, 34, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(77, 16, 0, 0.56)";
-    } }, { key: "btnPayTextColor", get: function get()
-    {
-      return this.textColorDefault;
-    } }, { key: "btnPayHoverShadow", get: function get()
 
+
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "btnFontSizeSmall", get:
 
 
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(227, 142, 8, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(93, 20, 3, 0.4)";
-    } }, { key: "btnPayActiveShadow", get: function get()
 
 
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(210, 144, 0, 0.7), 0 -" + this.btnBorderWidth + " 0 0 rgba(0, 0, 0, 0.44), inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)";
-    } }, { key: "btnFontSizeSmall", get: function get()
 
 
 
-    {
+    function get() {
       return this.fontSizeSmall;
-    } }, { key: "btnFontSizeMedium", get: function get()
-    {
+    } }, { key: "btnFontSizeMedium", get:
+    function get() {
       return this.fontSizeMedium;
-    } }, { key: "btnFontSizeLarge", get: function get()
-    {
+    } }, { key: "btnFontSizeLarge", get:
+    function get() {
       return this.fontSizeLarge;
-    } }, { key: "btnLineHeightSmall", get: function get()
-    {
+    } }, { key: "btnLineHeightSmall", get:
+    function get() {
       return this.controlLineHeightSmall;
-    } }, { key: "btnLineHeightMedium", get: function get()
-    {
+    } }, { key: "btnLineHeightMedium", get:
+    function get() {
       return this.controlLineHeightMedium;
-    } }, { key: "btnLineHeightLarge", get: function get()
-    {
+    } }, { key: "btnLineHeightLarge", get:
+    function get() {
       return this.controlLineHeightLarge;
-    } }, { key: "btnPaddingYSmall", get: function get()
-    {
+    } }, { key: "btnPaddingYSmall", get:
+    function get() {
       return this.controlPaddingYSmall;
-    } }, { key: "btnPaddingYMedium", get: function get()
-    {
+    } }, { key: "btnPaddingYMedium", get:
+    function get() {
       return this.controlPaddingYMedium;
-    } }, { key: "btnPaddingYLarge", get: function get()
-    {
+    } }, { key: "btnPaddingYLarge", get:
+    function get() {
       return this.controlPaddingYLarge;
-    } }, { key: "btnDisabledBg", get: function get()
-    {
+    } }, { key: "btnDisabledBg", get:
+    function get() {
       return this.bgDisabled;
-    } }, { key: "btnDisabledShadowColor", get: function get()
-    {
-      return this.borderColorGrayLight;
-    } }, { key: "btnDisabledShadow", get: function get()
-    {
-      return "0 0 0 " + this.btnBorderWidth + " " + this.btnDisabledShadowColor;
-    } }, { key: "btnDisabledShadowArrow", get: function get()
-    {
-      return "1px 0 0 0 " + this.btnDisabledShadowColor;
-    } }, { key: "btnTextColorDefault", get: function get()
-    {
-      return this.textColorDefault;
-    } }, { key: "btnBorderColorWarning", get: function get()
-    {
+    } }, { key: "btnBorderColorWarning", get:
+    function get() {
       return this.borderColorWarning;
-    } }, { key: "btnBorderColorError", get: function get()
-    {
+    } }, { key: "btnBorderColorError", get:
+    function get() {
       return this.borderColorError;
-    } }, { key: "btnHeightSmall", get: function get()
-    {
+    } }, { key: "btnHeightSmall", get:
+    function get() {
       return this.controlHeightSmall;
-    } }, { key: "btnHeightMedium", get: function get()
-    {
+    } }, { key: "btnHeightMedium", get:
+    function get() {
       return this.controlHeightMedium;
-    } }, { key: "btnHeightLarge", get: function get()
-    {
+    } }, { key: "btnHeightLarge", get:
+    function get() {
       return this.controlHeightLarge;
-    } }, { key: "btnLinkColor", get: function get()
-    {
+    } }, { key: "btnLinkColor", get:
+    function get() {
       return this.linkColor;
-    } }, { key: "btnLinkHoverColor", get: function get()
-    {
+    } }, { key: "btnLinkHoverColor", get:
+    function get() {
       return this.linkHoverColor;
-    } }, { key: "btnLinkHoverTextDecoration", get: function get()
-    {
+    } }, { key: "btnLinkHoverTextDecoration", get:
+    function get() {
       return this.linkHoverTextDecoration;
-    } }, { key: "btnLinkActiveColor", get: function get()
-    {
-      return this.linkActiveColor;
-    } }, { key: "btnLinkIconMarginRight", get: function get()
-    {
+    } }, { key: "btnLinkIconMarginRight", get:
+    function get() {
       return this.linkIconMarginRight;
-    } }, { key: "btnErrorSecondary", get: function get()
-    {
+    } }, { key: "btnErrorSecondary", get:
+    function get() {
       return this.errorSecondary;
-    } }, { key: "btnOutlineColorFocus", get: function get()
-    {
+    } }, { key: "btnWarningSecondary", get:
+    function get() {
+      return this.warningSecondary;
+    } }, { key: "btnOutlineColorFocus", get:
+    function get() {
       return this.outlineColorFocus;
-    } }, { key: "btnBorderColorFocus", get: function get()
-    {
+    } }, { key: "btnBorderColorFocus", get:
+
+    function get() {
       return this.borderColorFocus;
-    } }, { key: "btnLinkDisabledColor", get: function get()
-    {
+    } }, { key: "btnLinkDisabledColor", get:
+    function get() {
       return this.linkDisabledColor;
+    } }, { key: "btnDisabledTextColor", get:
+    function get() {
+      return this.textColorDisabledContrast;
     }
     //#endregion
     //#region Select
-  }, { key: "selectOutlineWidth", get: function get()
+  }, { key: "selectPlaceholderColorDisabled", get:
 
-    {
+    function get() {
+      return this.textColorDisabledContrast;
+    } }, { key: "selectOutlineWidth", get:
+    function get() {
       return this.controlOutlineWidth;
-    } }, { key: "selectLineHeightSmall", get: function get()
-    {
+    } }, { key: "selectLineHeightSmall", get:
+    function get() {
       return this.controlLineHeightSmall;
-    } }, { key: "selectFontSizeSmall", get: function get()
-    {
+    } }, { key: "selectFontSizeSmall", get:
+    function get() {
       return this.fontSizeSmall;
-    } }, { key: "selectPaddingYSmall", get: function get()
+    } }, { key: "selectPaddingYSmall", get:
 
-    {
+    function get() {
       return this.controlPaddingYSmall;
-    } }, { key: "selectBorderRadiusSmall", get: function get()
-    {
+    } }, { key: "selectBorderRadiusSmall", get:
+    function get() {
       return this.btnBorderRadiusSmall;
-    } }, { key: "selectIconGapSmall", get: function get()
-    {
+    } }, { key: "selectIconGapSmall", get:
+    function get() {
       return this.btnIconGapSmall;
-    } }, { key: "selectLineHeightMedium", get: function get()
-
-    {
+    } }, { key: "selectLineHeightMedium", get:
+    function get() {
       return this.controlLineHeightMedium;
-    } }, { key: "selectFontSizeMedium", get: function get()
-    {
+    } }, { key: "selectFontSizeMedium", get:
+    function get() {
       return this.fontSizeMedium;
-    } }, { key: "selectPaddingYMedium", get: function get()
+    } }, { key: "selectPaddingYMedium", get:
 
-    {
+    function get() {
       return this.controlPaddingYMedium;
-    } }, { key: "selectBorderRadiusMedium", get: function get()
-    {
+    } }, { key: "selectBorderRadiusMedium", get:
+    function get() {
       return this.btnBorderRadiusMedium;
-    } }, { key: "selectIconGapMedium", get: function get()
-    {
+    } }, { key: "selectIconGapMedium", get:
+    function get() {
       return this.btnIconGapMedium;
-    } }, { key: "selectLineHeightLarge", get: function get()
-
-    {
+    } }, { key: "selectLineHeightLarge", get:
+    function get() {
       return this.controlLineHeightLarge;
-    } }, { key: "selectFontSizeLarge", get: function get()
-    {
+    } }, { key: "selectFontSizeLarge", get:
+    function get() {
       return this.fontSizeLarge;
-    } }, { key: "selectPaddingYLarge", get: function get()
+    } }, { key: "selectPaddingYLarge", get:
 
-    {
+    function get() {
       return this.controlPaddingYLarge;
-    } }, { key: "selectBorderRadiusLarge", get: function get()
-    {
+    } }, { key: "selectBorderRadiusLarge", get:
+    function get() {
       return this.btnBorderRadiusLarge;
-    } }, { key: "selectIconGapLarge", get: function get()
-    {
+    } }, { key: "selectIconGapLarge", get:
+    function get() {
       return this.btnIconGapLarge;
-    } }, { key: "selectMenuArrowColor", get: function get()
-
-    {
+    } }, { key: "selectMenuArrowColor", get:
+    function get() {
       return this.btnMenuArrowColor;
-    } }, { key: "selectIconSizeSmall", get: function get()
-    {
+    } }, { key: "selectMenuArrowColorDisabled", get:
+    function get() {
+      return this.selectMenuArrowColor;
+    } }, { key: "selectIconSizeSmall", get:
+    function get() {
       return this.btnIconSizeSmall;
-    } }, { key: "selectIconSizeMedium", get: function get()
-    {
+    } }, { key: "selectIconSizeMedium", get:
+    function get() {
       return this.btnIconSizeMedium;
-    } }, { key: "selectIconSizeLarge", get: function get()
-    {
+    } }, { key: "selectIconSizeLarge", get:
+    function get() {
       return this.btnIconSizeLarge;
+    } }, { key: "selectTextColorDisabled", get:
+    function get() {
+      return this.btnDisabledTextColor;
+    } }, { key: "selectBgDisabled", get:
+    function get() {
+      return this.btnDisabledBg;
+    } }, { key: "selectBorderColorDisabled", get:
+    function get() {
+      return this.btnDisabledBorderColor;
     }
     //#endregion
     //#region Tooltip
-  }, { key: "calendarCellHoverBgColor", get: function get()
+  }, { key: "tooltipTextColor", get:
 
 
 
 
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "tooltipBorder", get:
+    function get() {
+      return this.popupBorder;
+    } }, { key: "tooltipBorderRadius", get:
+    function get() {
+      return this.popupBorderRadius;
+    } }, { key: "tooltipPinSize", get:
 
 
 
 
+    function get() {
+      return this.popupPinSize;
+    }
+    //#endregion
+    //#region TooltipMenu
+  }, { key: "tooltipMenuMargin", get:
+    function get() {
+      return this.popupMargin;
+    } }, { key: "tooltipMenuPinSize", get:
+    function get() {
+      return this.popupPinSize;
+    }
+    //#endregion
+    //#region Kebab
+  }, { key: "kebabPinSize", get:
+    function get() {
+      return this.popupPinSize;
+    } }, { key: "modalFixedHeaderShadow", get:
 
 
 
@@ -623,19 +601,135 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
+    function get() {
+      return this.fixedPanelShadow;
+    } }, { key: "modalFixedFooterShadow", get:
+    function get() {
+      return this.fixedPanelShadow;
+    } }, { key: "modalHeaderTextColor", get:
 
 
 
 
 
 
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "sidePageBgDefault", get:
 
-    {
-      return this.bgActive;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    function get() {
+      return this.bgDefault;
+    } }, { key: "sidePageHeaderTextColor", get:
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "sidePageFixedHeaderShadow", get:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    function get() {
+      return this.fixedPanelShadow;
+    } }, { key: "sidePageFixedFooterShadow", get:
+    function get() {
+      return this.fixedPanelShadow;
     }
     //#endregion
-    //#region DatePicker
-  }, { key: "dateSelectMenuBg",
+    //#region DateInput
+  }, { key: "calendarCellHeight", get:
+
+
+
+
+
+
+
+
+
+
+
+
+    // deprecated
+    function get() {
+      return this.calendarCellSize;
+    } }, { key: "calendarCellWidth", get:
+    function get() {
+      return this.calendarCellSize;
+    } }, { key: "calendarCellLineHeight", get:
+    function get() {
+      return parseInt(this.calendarCellHeight) - 2 + "px";
+    } }, { key: "calendarCellHoverBgColor", get:
+
+
+    function get() {
+      return this.bgActive;
+    } }, { key: "dateSelectTextColorDisabled", get:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    function get() {
+      return this.textColorDisabled;
+    } }, { key: "dateSelectTextColorDefault", get:
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "dateSelectLinkColor", get:
+    function get() {
+      return this.linkColor;
+    } }, { key: "dateSelectPopupBoxShadow", get:
+    function get() {
+      return this.popupBoxShadow;
+    } }, { key: "dateSelectTextColorInvert", get:
+    function get() {
+      return this.textColorInvert;
+    } }, { key: "dateSelectMenuBg", get:
+
+
+
+
 
 
 
@@ -644,87 +738,221 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
     //#endregion
     //#region DateSelect
-    get: function get() {
+    function get() {
       return this.bgDefault;
-    } }, { key: "dateSelectMenuItemBgActive", get: function get()
-    {
+    } }, { key: "dateSelectMenuItemBgActive", get:
+    function get() {
       return this.bgActive;
-    } }, { key: "dateSelectMenuItemBgDisabled", get: function get()
-    {
+    } }, { key: "dateSelectMenuItemBgDisabled", get:
+    function get() {
       return this.bgDefault;
-    } }, { key: "dateSelectMenuItemFontActive", get: function get()
-    {
+    } }, { key: "dateSelectMenuItemFontActive", get:
+    function get() {
       return this.textColorInvert;
-    } }, { key: "dateSelectMenuItemFontSelected", get: function get()
-    {
+    } }, { key: "dateSelectMenuItemFontSelected", get:
+    function get() {
       return this.textColorDefault;
-    } }, { key: "dateSelectMenuItemFontDisabled", get: function get()
-    {
+    } }, { key: "dateSelectMenuItemFontDisabled", get:
+    function get() {
       return this.textColorDisabled;
     }
     //#endregion
     //#region Paging
-  }, { key: "pagingForwardLinkColor", get: function get()
+  }, { key: "pagingPageLinkActiveColor", get:
+
+
+
+
+
+
+
+
+
+
+
+
+
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "pagingForwardLinkColor", get:
+
+
 
 
 
 
-    {
+    function get() {
       return this.linkColor;
-    } }, { key: "pagingForwardLinkDisabledColor", get: function get()
-    {
+    } }, { key: "pagingForwardLinkDisabledColor", get:
+    function get() {
       return this.linkDisabledColor;
     }
     //#endregion
+    //#region Hint
+  }, { key: "hintColor", get: function get() {
+      return this.textColorInvert;
+    } }, { key: "hintFontSize", get:
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "hintLineHeight", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { key: "hintBorder", get:
+
+
+
+
+
+    function get() {
+      return this.popupBorder;
+    } }, { key: "hintBorderRadius", get:
+    function get() {
+      return this.popupBorderRadius;
+    } }, { key: "toastFontSize", get:
+
+
+    //#endregion
+    //#region Toast
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "dropdownMenuHoverBg", get:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    //deprecated
+    function get() {
+      //deprecated
+      return this.bgActive;
+    }
+    //#endregion
     //#region Menu
-  }, { key: "toggleHandleBorderRadius", get: function get()
+  }, { key: "menuBgDefault", get: function get() {
+      return this.bgDefault;
+    } }, { key: "menuItemTextColor", get:
+
+
+
+    // menuItem
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "menuItemSelectedBg", get:
+    function get() {
+      return this.dropdownMenuSelectedBg;
+    } }, { key: "menuItemHoverBg", get:
+    function get() {
+      return this.dropdownMenuHoverBg;
+    } }, { key: "menuItemPaddingForIcon", get:
+
+
+
 
+    function get() {
+      return (
+        parseInt(this.menuItemPaddingX) +
+        parseInt(this.menuItemIconWidth) +
+        parseInt(this.menuItemIconGap) +
+        parseInt(this.menuItemIconLegacyMargin) + "px");
 
+    } }, { key: "menuItemFontSize", get:
 
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "menuItemPaddingY", get:
 
+    function get() {
+      return this.controlPaddingYSmall;
+    } }, { key: "menuItemHoverColor", get:
 
 
+    function get() {
+      return this.textColorInvert;
+    } }, { key: "menuItemDisabledColor", get:
+    function get() {
+      return this.textColorDisabled;
+    } }, { key: "menuItemLinkColor", get:
+    function get() {
+      return this.linkColor;
+    } }, { key: "menuHeaderColor", get:
+
 
+    //menuHeader
+    function get() {
+      return this.gray;
+    } }, { key: "menuHeaderPaddingX", get:
 
 
+    function get() {
+      return this.menuItemPaddingX;
+    } }, { key: "toggleTextColor", get:
 
 
 
 
 
 
-    {
+
+    //#endregion
+    //#region Toggle
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "toggleHandleBorderRadius", get:
+
+    function get() {
       var height = parseInt(this.toggleHeight, 10) || 0;
       var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
       var handleSize = height - 2 * borderWidth;
       return handleSize / 2 + "px";
-    } }, { key: "toggleBgHover", get: function get()
+    } }, { key: "toggleBgDisabled", get:
+
 
 
 
 
 
-    {
+    function get() {
+      return this.bgDisabled;
+    } }, { key: "toggleBgDisabledChecked", get:
+    function get() {
+      return this.bgDisabled;
+    } }, { key: "toggleBgHover", get:
+    function get() {
       return this.toggleBgFocus;
-    } }, { key: "toggleBgActive", get: function get()
+    } }, { key: "toggleBorderColorDisabled", get:
 
 
 
 
+    function get() {
+      return this.toggleBorderColor;
+    } }, { key: "toggleBorderColorDisabledChecked", get:
+    function get() {
+      return this.toggleBorderColor;
+    } }, { key: "toggleBgActive", get:
 
-    {
+    function get() {
       return this.toggleBgChecked;
-    } }, { key: "toggleBgError", get: function get()
-    {
+    } }, { key: "toggleShadowColorError", get:
+    function get() {
       return this.errorMain;
-    } }, { key: "toggleBgWarning", get: function get()
-    {
+    } }, { key: "toggleShadowColorWarning", get:
+    function get() {
       return this.warningMain;
-    } }, { key: "toggleFocusShadowColor", get: function get()
-    {
+    } }, { key: "toggleFocusShadowColor", get:
+    function get() {
       return this.borderColorFocus;
-    } }, { key: "popupBackground", get: function get()
-
+    } }, { key: "popupTextColor", get:
 
 
 
@@ -733,59 +961,66 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
-    {
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "popupBackground", get:
+    function get() {
       return this.bgDefault;
-    } }, { key: "inputTextColorDisabled", get: function get()
-
+    } }, { key: "inputTextColor", get:
 
 
 
 
 
-    {
-      return this.textColorDisabled;
-    } }, { key: "inputFontSizeSmall", get: function get()
+    //#endregion
+    //#region Input
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "inputTextColorDisabled", get:
 
 
 
 
 
-    {
+    function get() {
+      return this.textColorDisabledContrast;
+    } }, { key: "inputFontSizeSmall", get:
+    function get() {
       return this.fontSizeSmall;
-    } }, { key: "inputFontSizeMedium", get: function get()
-    {
+    } }, { key: "inputFontSizeMedium", get:
+    function get() {
       return this.fontSizeMedium;
-    } }, { key: "inputFontSizeLarge", get: function get()
-    {
+    } }, { key: "inputFontSizeLarge", get:
+    function get() {
       return this.fontSizeLarge;
-    } }, { key: "inputLineHeightSmall", get: function get()
-    {
+    } }, { key: "inputLineHeightSmall", get:
+    function get() {
       return this.controlLineHeightSmall;
-    } }, { key: "inputLineHeightMedium", get: function get()
-    {
+    } }, { key: "inputLineHeightMedium", get:
+    function get() {
       return this.controlLineHeightMedium;
-    } }, { key: "inputLineHeightLarge", get: function get()
-    {
+    } }, { key: "inputLineHeightLarge", get:
+    function get() {
       return this.controlLineHeightLarge;
-    } }, { key: "inputHeightSmall", get: function get()
-    {
+    } }, { key: "inputHeightSmall", get:
+    function get() {
       return this.controlHeightSmall;
-    } }, { key: "inputHeightMedium", get: function get()
-    {
+    } }, { key: "inputHeightMedium", get:
+    function get() {
       return this.controlHeightMedium;
-    } }, { key: "inputHeightLarge", get: function get()
-    {
+    } }, { key: "inputHeightLarge", get:
+    function get() {
       return this.controlHeightLarge;
-    } }, { key: "inputPaddingYSmall", get: function get()
-    {
+    } }, { key: "inputPaddingYSmall", get:
+    function get() {
       return this.controlPaddingYSmall;
-    } }, { key: "inputPaddingYMedium", get: function get()
-    {
+    } }, { key: "inputPaddingYMedium", get:
+    function get() {
       return this.controlPaddingYMedium;
-    } }, { key: "inputPaddingYLarge", get: function get()
-    {
+    } }, { key: "inputPaddingYLarge", get:
+    function get() {
       return this.controlPaddingYLarge;
-    } }, { key: "inputFocusShadow", get: function get()
+    } }, { key: "inputFocusShadow", get:
 
 
 
@@ -795,162 +1030,162 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
-    {
+    function get() {
       return "0 0 0 " + this.inputOutlineWidth + " " + this.borderColorFocus;
-    } }, { key: "inputDisabledBg", get: function get()
-    {
+    } }, { key: "inputDisabledBg", get:
+    function get() {
       return this.bgDisabled;
-    } }, { key: "inputDisabledBorderColor", get: function get()
-    {
+    } }, { key: "inputDisabledBorderColor", get:
+    function get() {
       return this.borderColorGrayLight;
-    } }, { key: "inputFocusOutline", get: function get()
-    {
+    } }, { key: "inputFocusOutline", get:
+    function get() {
       return this.borderColorFocus;
-    } }, { key: "inputBorderWidth", get: function get()
-    {
+    } }, { key: "inputBorderWidth", get:
+    function get() {
       return this.controlBorderWidth;
-    } }, { key: "inputOutlineWidth", get: function get()
-    {
+    } }, { key: "inputOutlineWidth", get:
+    function get() {
       var OutlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
       var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
       return OutlineWidth - borderWidth + "px";
-    } }, { key: "inputBorderColor", get: function get()
+    } }, { key: "inputBorderColor", get:
 
 
 
-    {
+    function get() {
       return this.borderColorGrayLight;
-    } }, { key: "inputBorderColorFocus", get: function get()
-    {
+    } }, { key: "inputBorderColorFocus", get:
+    function get() {
       return this.borderColorFocus;
-    } }, { key: "inputBorderColorError", get: function get()
-    {
+    } }, { key: "inputBorderColorError", get:
+    function get() {
       return this.borderColorError;
-    } }, { key: "inputBorderColorWarning", get: function get()
-    {
+    } }, { key: "inputBorderColorWarning", get:
+    function get() {
       return this.borderColorWarning;
-    } }, { key: "inputBorderTopColor", get: function get()
-    {
+    } }, { key: "inputBorderTopColor", get:
+    function get() {
       return this.borderColorGrayDark;
-    } }, { key: "inputPlaceholderColor", get: function get()
-    {
+    } }, { key: "inputPlaceholderColor", get:
+    function get() {
       return this.placeholderColor;
-    } }, { key: "inputPlaceholderColorLight", get: function get()
-    {
+    } }, { key: "inputPlaceholderColorDisabled", get:
+    function get() {
+      return this.textColorDisabledContrast;
+    } }, { key: "inputPlaceholderColorLight", get:
+    function get() {
       return this.placeholderColorLight;
-    } }, { key: "inputBlinkColor", get: function get()
-    {
+    } }, { key: "inputBlinkColor", get:
+    function get() {
       return this.blinkColor;
     }
     //#endregion
     //#region Checkbox
-  }, { key: "checkboxFontSize", get: function get()
-    {
+  }, { key: "checkboxFontSize", get:
+    function get() {
       return this.fontSizeSmall;
-    } }, { key: "checkboxLineHeight", get: function get()
-    {
+    } }, { key: "checkboxLineHeight", get:
+    function get() {
       return this.controlLineHeightSmall;
-    } }, { key: "checkboxTextColorDefault", get: function get()
+    } }, { key: "checkboxTextColorDefault", get:
 
 
 
 
 
-    {
+    function get() {
       return this.textColorDefault;
-    } }, { key: "checkboxTextColorDisabled", get: function get()
-    {
+    } }, { key: "checkboxTextColorDisabled", get:
+    function get() {
       return this.textColorDisabled;
-    } }, { key: "checkboxIndeterminateBg", get: function get()
-    {
-      return this.textColorDefault;
-    } }, { key: "checkboxShadowDisabled", get: function get()
-    {
+    } }, { key: "checkboxShadowDisabled", get:
+    function get() {
       return "0 0 0 " + this.checkboxBorderWidth + " rgba(0, 0, 0, 0.15)";
-    } }, { key: "checkboxShadow", get: function get()
+    } }, { key: "checkboxShadow", get:
 
 
-    {
+    function get() {
       return "0 0 0 " + this.checkboxBorderWidth + " rgba(0, 0, 0, 0.15)";
-    } }, { key: "checkboxShadowHover", get: function get()
-    {
+    } }, { key: "checkboxShadowHover", get:
+    function get() {
       return this.checkboxShadow;
-    } }, { key: "checkboxCheckedColor", get: function get()
-    {
+    } }, { key: "checkboxCheckedColor", get:
+    function get() {
       return this.textColorDefault;
-    } }, { key: "checkboxOutlineColorFocus", get: function get()
-    {
+    } }, { key: "checkboxOutlineColorFocus", get:
+    function get() {
       return this.outlineColorFocus;
-    } }, { key: "checkboxBorderColorWarning", get: function get()
-    {
+    } }, { key: "checkboxBorderColorWarning", get:
+    function get() {
       return this.borderColorWarning;
-    } }, { key: "checkboxBorderColorError", get: function get()
-    {
+    } }, { key: "checkboxBorderColorError", get:
+    function get() {
       return this.borderColorError;
-    } }, { key: "checkboxCheckedHoverShadow", get: function get()
-    {
+    } }, { key: "checkboxCheckedHoverShadow", get:
+    function get() {
       return this.checkboxShadow;
-    } }, { key: "checkboxCheckedShadow", get: function get()
+    } }, { key: "checkboxCheckedShadow", get:
 
 
-    {
+    function get() {
       return this.checkboxShadow;
-    } }, { key: "checkboxCheckedActiveShadow", get: function get()
-    {
-      return this.btnDefaultActiveShadow;
-    } }, { key: "checkboxBorderColorFocus", get: function get()
-    {
+    } }, { key: "checkboxCheckedActiveShadow", get:
+    function get() {
+      return this.checkboxShadow + ", " + this.btnDefaultActiveShadow;
+    } }, { key: "checkboxBorderColorFocus", get:
+    function get() {
       return this.borderColorFocus;
-    } }, { key: "checkboxBg", get: function get()
-    {
+    } }, { key: "checkboxBg", get:
+    function get() {
       return "linear-gradient(" + this.checkboxBgStart + ", " + this.checkboxBgEnd + ")";
-    } }, { key: "checkboxHoverBg", get: function get()
-    {
+    } }, { key: "checkboxHoverBg", get:
+    function get() {
       return "linear-gradient(-180deg, " + this.btnDefaultHoverBgStart + " 0, " + this.btnDefaultHoverBgEnd + " 100%)";
-    } }, { key: "checkboxActiveBg", get: function get()
-    {
+    } }, { key: "checkboxActiveBg", get:
+    function get() {
       return this.btnDefaultActiveBg;
-    } }, { key: "checkboxCheckedBg", get: function get()
-    {
+    } }, { key: "checkboxCheckedBg", get:
+    function get() {
       return this.checkboxBg;
-    } }, { key: "checkboxBgDisabled", get: function get()
-    {
+    } }, { key: "checkboxBgDisabled", get:
+    function get() {
       return this.bgDisabled;
-    } }, { key: "checkboxBoxIndeterminateBg", get: function get()
-    {
-      return this.checkboxBg;
-    } }, { key: "checkboxCheckedHoverBg", get: function get()
-    {
+    } }, { key: "checkboxCheckedHoverBg", get:
+    function get() {
       return this.checkboxHoverBg;
-    } }, { key: "checkboxCheckedActiveBg", get: function get()
-    {
+    } }, { key: "checkboxCheckedActiveBg", get:
+    function get() {
       return this.btnDefaultActiveBg;
-    } }, { key: "checkboxShadowActive", get: function get()
-    {
-      return this.btnDefaultActiveShadow;
+    } }, { key: "checkboxShadowActive", get:
+    function get() {
+      return this.checkboxShadow + ", " + this.btnDefaultActiveShadow;
     }
     //#endregion
     //#region TextArea
   }, { key: "textareaBg", get: function get() {
       return this.bgDefault;
-    } }, { key: "textareaColor", get: function get()
-    {
-      return this.black;
-    } }, { key: "textareaTextColorDisabled", get: function get()
-    {
-      return this.textColorDisabled;
-    } }, { key: "textareaPlaceholderColorLight", get: function get()
-    {
+    } }, { key: "textareaColor", get:
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "textareaTextColorDisabled", get:
+    function get() {
+      return this.textColorDisabledContrast;
+    } }, { key: "textareaPlaceholderColorLight", get:
+    function get() {
       return this.placeholderColorLight;
-    } }, { key: "textareaPlaceholderColor", get: function get()
-    {
+    } }, { key: "textareaPlaceholderColor", get:
+    function get() {
       return this.placeholderColor;
-    } }, { key: "textareaFontSize", get: function get()
+    } }, { key: "textareaPlaceholderColorDisabled", get:
+    function get() {
+      return this.textColorDisabledContrast;
+    } }, { key: "textareaFontSize", get:
 
-    {
+    function get() {
       return this.fontSizeMedium;
-    } }, { key: "textareaLineHeight", get: function get()
-    {
+    } }, { key: "textareaLineHeight", get:
+    function get() {
       var fontSize = this.textareaFontSize;
       switch (fontSize) {
         case '14px':
@@ -960,77 +1195,80 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
         default:
           return parseInt(fontSize, 10) * 1.5 + "px";}
 
-    } }, { key: "textareaBorderWidth", get: function get()
+    } }, { key: "textareaBorderWidth", get:
 
-    {
+    function get() {
       return this.controlBorderWidth;
-    } }, { key: "textareaOutlineWidth", get: function get()
-    {
+    } }, { key: "textareaOutlineWidth", get:
+    function get() {
       return this.controlBorderWidth;
-    } }, { key: "textareaMinHeight", get: function get()
-    {
+    } }, { key: "textareaMinHeight", get:
+    function get() {
       var lineHeight = parseInt(this.textareaLineHeight, 10) || 0;
       var paddingY = parseInt(this.textareaPaddingY, 10) || 0;
       var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
 
       return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
-    } }, { key: "textareaPaddingX", get: function get()
+    } }, { key: "textareaPaddingX", get:
 
-    {
+    function get() {
       return '10px';
-    } }, { key: "textareaPaddingY", get: function get()
-    {
+    } }, { key: "textareaPaddingY", get:
+    function get() {
       return this.controlPaddingYSmall;
-    } }, { key: "textareaBorderColor", get: function get()
-    {
+    } }, { key: "textareaBorderColor", get:
+    function get() {
       return this.borderColorGrayLight;
-    } }, { key: "textareaBorderTopColor", get: function get()
-    {
+    } }, { key: "textareaBorderTopColor", get:
+    function get() {
       return this.borderColorGrayDark;
-    } }, { key: "textareaBorderColorFocus", get: function get()
-    {
+    } }, { key: "textareaBorderColorFocus", get:
+    function get() {
       return this.borderColorFocus;
-    } }, { key: "textareaBorderColorWarning", get: function get()
-    {
+    } }, { key: "textareaBorderColorWarning", get:
+    function get() {
       return this.borderColorWarning;
-    } }, { key: "textareaBorderColorError", get: function get()
-    {
+    } }, { key: "textareaBorderColorError", get:
+    function get() {
       return this.borderColorError;
-    } }, { key: "textareaDisabledBg", get: function get()
-    {
+    } }, { key: "textareaDisabledBg", get:
+    function get() {
       return this.bgDisabled;
-    } }, { key: "textareaDisabledBorderColor", get: function get()
-    {
+    } }, { key: "textareaDisabledBorderColor", get:
+    function get() {
       return this.borderColorGrayLight;
-    } }, { key: "textareaCounterColor", get: function get()
-    {
+    } }, { key: "textareaCounterColor", get:
+    function get() {
       return this.gray;
-    } }, { key: "textareaCounterBg", get: function get()
-    {
+    } }, { key: "textareaCounterBg", get:
+    function get() {
       return ColorFunctions.fade(this.textareaBg, 0.9);
-    } }, { key: "textareaCounterErrorColor", get: function get()
-    {
+    } }, { key: "textareaCounterErrorColor", get:
+    function get() {
       return this.errorText;
-    } }, { key: "textareaCounterHelpIconColor", get: function get()
-    {
+    } }, { key: "textareaCounterHelpIconColor", get:
+    function get() {
       return this.linkColor;
     }
     //#endregion
     //#region Radio
-  }, { key: "radioOutlineWidth", get: function get()
-    {
+  }, { key: "radioOutlineWidth", get:
+    function get() {
       return this.controlOutlineWidth;
-    } }, { key: "radioSizeAfter", get: function get()
+    } }, { key: "radioTextColor", get:
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "radioSizeAfter", get:
 
-    {
+    function get() {
       return "calc(" + this.radioSize + " + 2 * " + this.radioOutlineWidth + " - 2 * " + this.radioBorderWidthCompensation + ")";
-    } }, { key: "radioFontSize", get: function get()
-    {
+    } }, { key: "radioFontSize", get:
+    function get() {
       return this.fontSizeSmall;
-    } }, { key: "radioLineHeight", get: function get()
-    {
+    } }, { key: "radioLineHeight", get:
+    function get() {
       return this.controlLineHeightSmall;
-    } }, { key: "radioBoxShadow", get: function get()
+    } }, { key: "radioBoxShadow", get:
 
 
 
@@ -1039,34 +1277,39 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
-    {
+
+    function get() {
       return "0 " + this.radioBorderWidth + " 0 0 " + this.radioBorderColor + ", 0 0 0 " + this.radioBorderWidth + " " + this.radioBorderColor;
-    } }, { key: "radioBorderColorFocus", get: function get()
+    } }, { key: "radioBorderColorFocus", get:
 
-    {
+    function get() {
       return this.borderColorFocus;
-    } }, { key: "radioBorderColorWarning", get: function get()
-    {
+    } }, { key: "radioBorderColorWarning", get:
+    function get() {
       return this.borderColorWarning;
-    } }, { key: "radioBorderColorError", get: function get()
-    {
+    } }, { key: "radioBorderColorError", get:
+    function get() {
       return this.borderColorError;
-    } }, { key: "radioHoverShadow", get: function get()
-    {
+    } }, { key: "radioHoverShadow", get:
+    function get() {
       return "0 " + this.radioBorderWidth + " 0 0 rgba(0, 0, 0, 0.15), 0 0 0 " + this.radioBorderWidth + " rgba(0, 0, 0, 0.2)";
-    } }, { key: "radioActiveShadow", get: function get()
-    {
+    } }, { key: "radioActiveShadow", get:
+    function get() {
       return "0 -" + this.radioBorderWidth + " 0 0 rgba(0, 0, 0, 0.1), 0 0 0 " + this.radioBorderWidth + " rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)";
-    } }, { key: "radioCheckedHoverBgColor", get: function get()
+    } }, { key: "radioCheckedHoverBgColor", get:
+
 
 
 
-    {
+    function get() {
       return this.radioHoverBg;
-    } }, { key: "radioDisabledShadow", get: function get()
-    {
+    } }, { key: "radioDisabledBg", get:
+    function get() {
+      return this.bgDisabled;
+    } }, { key: "radioDisabledShadow", get:
+    function get() {
       return "0 0 0 " + this.radioBorderWidth + " rgba(0, 0, 0, 0.15)";
-    } }, { key: "tabFontSize",
+    } }, { key: "tabFontSize", get:
 
 
 
@@ -1075,70 +1318,68 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
     //#endregion
     //#region Tabs
-    get: function get() {
+    function get() {
       return '18px';
-    } }, { key: "tabPaddingX", get: function get()
-    {
+    } }, { key: "tabPaddingX", get:
+    function get() {
       return '20px';
-    } }, { key: "tabsMarginX", get: function get()
-    {
+    } }, { key: "tabsMarginX", get:
+    function get() {
       return this.tabPaddingX;
-    } }, { key: "tabLineHeight", get: function get()
+    } }, { key: "tabLineHeight", get:
 
-    {
+    function get() {
       return 'normal';
-    } }, { key: "tabTextColorDefault", get: function get()
+    } }, { key: "tabTextColorDefault", get:
 
 
-    {
+    function get() {
       return this.textColorDefault;
-    } }, { key: "tabColorFocus", get: function get()
-    {
+    } }, { key: "tabColorFocus", get:
+    function get() {
       return this.borderColorFocus;
-    } }, { key: "tabColorError", get: function get()
-    {
+    } }, { key: "tabColorError", get:
+    function get() {
       return this.btnDangerBg;
-    } }, { key: "tabColorWarning", get: function get()
-    {
+    } }, { key: "tabColorWarning", get:
+    function get() {
       return this.btnPayBg;
-    } }, { key: "tabColorSuccess", get: function get()
-    {
+    } }, { key: "tabColorSuccess", get:
+    function get() {
       return this.btnSuccessBg;
-    } }, { key: "tabColorPrimary", get: function get()
-    {
+    } }, { key: "tabColorPrimary", get:
+    function get() {
       return this.btnPrimaryBg;
-    } }, { key: "tabColorHover", get: function get()
-    {
+    } }, { key: "tabColorHover", get:
+    function get() {
       return this.borderColorFocusLight;
-    } }, { key: "tabColorHoverError", get: function get()
-    {
+    } }, { key: "tabColorHoverError", get:
+    function get() {
       return ColorFunctions.lighten(this.tabColorError, '25%');
-    } }, { key: "tabColorHoverWarning", get: function get()
-    {
+    } }, { key: "tabColorHoverWarning", get:
+    function get() {
       return ColorFunctions.lighten(this.tabColorWarning, '25%');
-    } }, { key: "tabColorHoverSuccess", get: function get()
-    {
+    } }, { key: "tabColorHoverSuccess", get:
+    function get() {
       return ColorFunctions.lighten(this.tabColorSuccess, '25%');
-    } }, { key: "tabColorHoverPrimary", get: function get()
-    {
+    } }, { key: "tabColorHoverPrimary", get:
+    function get() {
       return ColorFunctions.lighten(this.tabColorPrimary, '25%');
     }
     //#endregion
     //#region Spinner
   }, { key: "spinnerBgColor", get: function get() {
       return this.grayXLight;
-    } }, { key: "spinnerColor", get: function get()
-    {
+    } }, { key: "spinnerColor", get:
+    function get() {
       return this.red;
-    } }, { key: "spinnerDimmedColor", get: function get()
-    {
+    } }, { key: "spinnerDimmedColor", get:
+    function get() {
       return this.gray;
-    } }, { key: "spinnerCaptionColor", get: function get()
-    {
+    } }, { key: "spinnerCaptionColor", get:
+    function get() {
       return this.gray;
-    } }, { key: "switcherButtonPaddingXSmall", get: function get()
-
-
+    } }, { key: "switcherTextColor", get:
 
 
 
@@ -1148,6 +1389,11 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
+    //#endregion
+    //#region Switcher
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "switcherButtonPaddingXSmall", get:
 
 
 
@@ -1158,61 +1404,67 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
 
 
 
-    {
+    function get() {
       return this.btnPaddingXSmall;
-    } }, { key: "switcherButtonPaddingXMedium", get: function get()
-    {
+    } }, { key: "switcherButtonPaddingXMedium", get:
+    function get() {
       return this.btnPaddingXMedium;
-    } }, { key: "switcherButtonPaddingXLarge", get: function get()
-    {
+    } }, { key: "switcherButtonPaddingXLarge", get:
+    function get() {
       return this.btnPaddingXLarge;
-    } }, { key: "switcherButtonPaddingYSmall", get: function get()
-    {
+    } }, { key: "switcherButtonPaddingYSmall", get:
+    function get() {
       return this.btnPaddingYSmall;
-    } }, { key: "switcherButtonPaddingYMedium", get: function get()
-    {
+    } }, { key: "switcherButtonPaddingYMedium", get:
+    function get() {
       return this.btnPaddingYMedium;
-    } }, { key: "switcherButtonPaddingYLarge", get: function get()
-    {
+    } }, { key: "switcherButtonPaddingYLarge", get:
+    function get() {
       return this.btnPaddingYLarge;
-    } }, { key: "switcherButtonLineHeightSmall", get: function get()
-    {
+    } }, { key: "switcherButtonLineHeightSmall", get:
+    function get() {
       return this.btnLineHeightSmall;
-    } }, { key: "switcherButtonLineHeightMedium", get: function get()
-    {
+    } }, { key: "switcherButtonLineHeightMedium", get:
+    function get() {
       return this.btnLineHeightMedium;
-    } }, { key: "switcherButtonLineHeightLarge", get: function get()
-    {
+    } }, { key: "switcherButtonLineHeightLarge", get:
+    function get() {
       return this.btnLineHeightLarge;
-    } }, { key: "switcherButtonFontSizeSmall", get: function get()
-    {
+    } }, { key: "switcherButtonFontSizeSmall", get:
+    function get() {
       return this.btnFontSizeSmall;
-    } }, { key: "switcherButtonFontSizeMedium", get: function get()
-    {
+    } }, { key: "switcherButtonFontSizeMedium", get:
+    function get() {
       return this.btnFontSizeMedium;
-    } }, { key: "switcherButtonFontSizeLarge", get: function get()
-    {
+    } }, { key: "switcherButtonFontSizeLarge", get:
+    function get() {
       return this.btnFontSizeLarge;
-    } }, { key: "switcherButtonBorderRadiusSmall", get: function get()
-    {
+    } }, { key: "switcherButtonBorderRadiusSmall", get:
+    function get() {
       return this.btnBorderRadiusSmall;
-    } }, { key: "switcherButtonBorderRadiusMedium", get: function get()
-    {
+    } }, { key: "switcherButtonBorderRadiusMedium", get:
+    function get() {
       return this.btnBorderRadiusMedium;
-    } }, { key: "switcherButtonBorderRadiusLarge", get: function get()
-    {
+    } }, { key: "switcherButtonBorderRadiusLarge", get:
+    function get() {
       return this.btnBorderRadiusLarge;
-    } }, { key: "switcherButtonBorderWidth", get: function get()
-    {
+    } }, { key: "switcherButtonBorderWidth", get:
+    function get() {
       return this.btnBorderWidth;
-    } }, { key: "switcherButtonDisabledBorderColor", get: function get()
-    {
+    } }, { key: "switcherButtonDisabledBorderColor", get:
+    function get() {
       return this.btnDisabledBorderColor;
-    } }, { key: "switcherButtonCheckedDisabledShadow", get: function get()
-    {
+    } }, { key: "switcherButtonCheckedDisabledShadow", get:
+    function get() {
       return this.btnCheckedDisabledShadow;
     }
     //#endregion
-  }]);return DefaultTheme;}();exports.DefaultTheme = DefaultTheme;DefaultTheme.brandXLight = '#cae5f5';DefaultTheme.brandLight = '#3094d0';DefaultTheme.brand = '#1e79be';DefaultTheme.brandDark = '#1363a0';DefaultTheme.brandXDark = '#084f85';DefaultTheme.white = '#fff';DefaultTheme.grayXxLight = '#f2f2f2';DefaultTheme.grayXLight = '#e5e5e5';DefaultTheme.grayLight = '#a0a0a0';DefaultTheme.gray = '#808080';DefaultTheme.grayDark = '#333';DefaultTheme.black = '#000';DefaultTheme.blueXxLight = '#e4f3ff';DefaultTheme.blueLight = '#5199db';DefaultTheme.blue = '#3072c4';DefaultTheme.blueDark = '#1e5aa4';DefaultTheme.blueXDark = '#044785';DefaultTheme.greenXxLight = '#e2f7dc';DefaultTheme.green = '#3f9726';DefaultTheme.greenDark = '#228007';DefaultTheme.redXxLight = '#ffd6d6';DefaultTheme.red = '#d70c17';DefaultTheme.redDark = '#ce0014';DefaultTheme.yellowXxLight = '#fff0bc';DefaultTheme.yellow = '#f69c00';DefaultTheme.yellowDark = '#d97e00';DefaultTheme.bgDefault = '#fff';DefaultTheme.bgDisabled = '#f2f2f2';DefaultTheme.errorMain = '#d70c17';DefaultTheme.errorSecondary = '#ffd6d6';DefaultTheme.errorText = '#ce0014';DefaultTheme.warningMain = '#f69c00';DefaultTheme.warningSecondary = '#fff0bc';DefaultTheme.warningText = '#d97e00';DefaultTheme.borderColorFocusLight = '#bad7f1';DefaultTheme.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';DefaultTheme.borderColorGrayLight = 'rgba(0, 0, 0, 0.15)';DefaultTheme.placeholderColor = '#a0a0a0';DefaultTheme.outlineColorFocus = '#fff';DefaultTheme.placeholderColorLight = '#cdcdcd';DefaultTheme.blinkColor = 'rgba(0, 136, 255, 0.2)';DefaultTheme.controlBorderWidth = '1px';DefaultTheme.controlOutlineWidth = '2px';DefaultTheme.controlLineHeightSmall = '20px';DefaultTheme.controlLineHeightMedium = '20px';DefaultTheme.controlLineHeightLarge = '22px';DefaultTheme.controlPaddingYSmall = '6px';DefaultTheme.controlPaddingYMedium = '9px';DefaultTheme.controlPaddingYLarge = '10px';DefaultTheme.textColorDefault = '#404040';DefaultTheme.textColorInvert = '#fff';DefaultTheme.textColorDisabled = '#a0a0a0';DefaultTheme.fontSizeSmall = '14px';DefaultTheme.fontSizeMedium = '14px';DefaultTheme.fontSizeLarge = '16px';DefaultTheme.specificityLevel = '0';DefaultTheme.linkColor = '#3072c4';DefaultTheme.linkActiveColor = '#044785';DefaultTheme.linkHoverTextDecoration = 'underline';DefaultTheme.linkSuccessColor = '#3f9726';DefaultTheme.linkSuccessHoverColor = '#3f9726';DefaultTheme.linkSuccessActiveColor = '#3f9726';DefaultTheme.linkDangerColor = '#e3071c';DefaultTheme.linkDangerHoverColor = '#e3071c';DefaultTheme.linkDangerActiveColor = '#b00616';DefaultTheme.linkIconMarginRight = '3px';DefaultTheme.linkButtonLineHeight = '34px';DefaultTheme.linkButtonPaddingX = '10px';DefaultTheme.dropdownMenuSelectedBg = '#f1f1f1';DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.15)';DefaultTheme.tokenMarginY = '3px';DefaultTheme.tokenMarginX = '3px';DefaultTheme.tokenLineHeight = '1.5';DefaultTheme.tokenPaddingY = '0px';DefaultTheme.tokenPaddingX = '4px';DefaultTheme.tokenMarginBeforeIcon = '4px';DefaultTheme.tokenRemoveIconSize = '1em';DefaultTheme.tokenRemoveIconPaddingY = '2px';DefaultTheme.tokenRemoveIconPaddingX = '2px';DefaultTheme.tokenRemoveIconGap = '4px';DefaultTheme.tokenRemoveIconBoxSizing = 'border-box';DefaultTheme.tokenBorderRadius = '1px';DefaultTheme.tokenBorderWidth = '1px';DefaultTheme.tokenOutlineWidth = '2px';DefaultTheme.tokenLegacyTextShift = '1px';DefaultTheme.tokenPaddingYDisabled = '1px';DefaultTheme.tokenMarginYDisabled = '2px';DefaultTheme.tokenMarginXDisabled = '2px';DefaultTheme.tokenShadowDisabled = 'none';DefaultTheme.tokenInputPaddingY = '2px';DefaultTheme.tokenInputPaddingX = '4px';DefaultTheme.tokenInputLineHeight = '22px';DefaultTheme.tokenInputInputPaddingLeft = '5px';DefaultTheme.loaderBg = 'rgba(255, 255, 255, 0.8)';DefaultTheme.loaderOpacity = '0.8';DefaultTheme.btnArrowBgImageActive = 'linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, transparent 15%), linear-gradient(-95deg, rgba(0,0,0,0.1) 0%, transparent 4%)';DefaultTheme.btnArrowBgImageChecked = 'linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, transparent 15%), linear-gradient(-95deg, rgba(0,0,0,0.1) 0%, transparent 4%)';DefaultTheme.btnLinkBorderRadius = '1px';DefaultTheme.btnFocusBorder = 'none';DefaultTheme.btnDisabledTextColor = '#a0a0a0';DefaultTheme.btnDisabledBorderColor = 'transparent';DefaultTheme.btnCheckedBg = '#737373';DefaultTheme.btnCheckedDisabledBg = '#a0a0a0';DefaultTheme.btnCheckedDisabledColor = 'rgba(255, 255, 255, 0.7)';DefaultTheme.btnCheckedHoverBorderColor = 'transparent';DefaultTheme.btnCheckedTextColor = '#fff';DefaultTheme.btnCheckedDisabledBorderColor = 'transparent';DefaultTheme.btnCheckedShadowColorArrow = 'rgba(0, 0, 0, 0.3)';DefaultTheme.btnCheckedShadowArrow = '1px 0 0 0 rgba(0, 0, 0, 0.6)';DefaultTheme.btnCheckedDisabledShadow = '0 0 0 1px rgba(0, 0, 0, 0.37)';DefaultTheme.btnCheckedDisabledShadowArrow = '1px 0 0 0 rgba(0, 0, 0, 0.37)';DefaultTheme.btnBorderRadiusSmall = '1px';DefaultTheme.btnBorderRadiusMedium = '2px';DefaultTheme.btnBorderRadiusLarge = '2px';DefaultTheme.btnBorderWidth = '1px';DefaultTheme.btnPaddingXSmall = '15px';DefaultTheme.btnPaddingXMedium = '15px';DefaultTheme.btnPaddingXLarge = '20px';DefaultTheme.btnIconGapSmall = '7px';DefaultTheme.btnIconGapMedium = '7px';DefaultTheme.btnIconGapLarge = '7px';DefaultTheme.btnIconSizeSmall = 'auto';DefaultTheme.btnIconSizeMedium = 'auto';DefaultTheme.btnIconSizeLarge = 'auto';DefaultTheme.btnDefaultBg = 'none';DefaultTheme.btnDefaultBgStart = '#fff';DefaultTheme.btnDefaultBgEnd = '#ebebeb';DefaultTheme.btnDeprecatedSizeMediumFontSize = '16px';DefaultTheme.btnDeprecatedSizeMediumPaddingShift = '1';DefaultTheme.btnDefaultCheckedBorder = 'none';DefaultTheme.btnDefaultHoverBg = 'none';DefaultTheme.btnDefaultHoverBorderColor = 'transparent';DefaultTheme.btnDefaultActiveBorderColor = 'none';DefaultTheme.btnDefaultBorder = 'none';DefaultTheme.btnDefaultShadowArrow = '1.2px 0 0 0 rgba(0, 0, 0, 0.15)';DefaultTheme.btnDefaultHoverBgStart = '#f2f2f2';DefaultTheme.btnDefaultHoverBgEnd = '#dfdfdf';DefaultTheme.btnDefaultHoverShadowArrow = '1px 0 0 0 rgba(0, 0, 0, 0.2)';DefaultTheme.btnDefaultActiveBg = '#e1e1e1';DefaultTheme.btnDefaultActiveShadowArrow = '1px 0 0 0 rgba(0, 0, 0, 0.2)';DefaultTheme.btnSuccessBg = '#419d14';DefaultTheme.btnSuccessHoverBg = 'none';DefaultTheme.btnSuccessHoverBorderColor = 'transparent';DefaultTheme.btnSuccessDisabledBg = 'none';DefaultTheme.btnSuccessBorder = 'none';DefaultTheme.btnSuccessBgStart = '#4ba91d';DefaultTheme.btnSuccessBgEnd = '#37910b';DefaultTheme.btnSuccessTextColor = '#fff';DefaultTheme.btnSuccessShadowArrow = '1px 0 0 0 rgba(25, 103, 6, 0.7)';DefaultTheme.btnSuccessHoverBgStart = '#3b8d13';DefaultTheme.btnSuccessHoverBgEnd = '#317e0b';DefaultTheme.btnSuccessHoverShadowArrow = '1px 0 0 0 rgba(7, 73, 1, 0.7)';DefaultTheme.btnSuccessActiveBg = '#35840e';DefaultTheme.btnSuccessActiveShadowArrow = '1px 0 0 0 rgba(4, 63, 0, 0.75)';DefaultTheme.btnPrimaryBg = '#1e8dd4';DefaultTheme.btnPrimaryHoverBg = 'none';DefaultTheme.btnPrimaryHoverBorderColor = 'transparent';DefaultTheme.btnPrimaryDisabledBg = 'none';DefaultTheme.btnPrimaryBorder = 'none';DefaultTheme.btnPrimaryBgStart = '#2899ea';DefaultTheme.btnPrimaryBgEnd = '#167ac1';DefaultTheme.btnPrimaryTextColor = '#fff';DefaultTheme.btnPrimaryShadowArrow = '1px 0 0 0 rgba(14, 81, 129, 0.7)';DefaultTheme.btnPrimaryHoverBgStart = '#0087d5';DefaultTheme.btnPrimaryHoverBgEnd = '#167ac1';DefaultTheme.btnPrimaryHoverShadowArrow = '1px 0 0 0 rgba(5, 60, 99, 0.7)';DefaultTheme.btnPrimaryActiveBg = '#0079c3';DefaultTheme.btnPrimaryActiveShadowArrow = '1px 0 0 0 rgba(10, 63, 99, 0.75)';DefaultTheme.btnDangerBg = '#e14c30';DefaultTheme.btnDangerHoverBg = 'none';DefaultTheme.btnDangerHoverBorderColor = 'transparent';DefaultTheme.btnDangerDisabledBg = 'none';DefaultTheme.btnDangerBorder = 'none';DefaultTheme.btnDangerBgStart = '#ec5438';DefaultTheme.btnDangerBgEnd = '#d44327';DefaultTheme.btnDangerTextColor = '#fff';DefaultTheme.btnDangerShadowArrow = "1px 0 0 0 rgba(173, 15, 0, 0.7)";DefaultTheme.btnDangerHoverBgStart = '#d44227';DefaultTheme.btnDangerHoverBgEnd = '#c73013';DefaultTheme.btnDangerHoverShadowArrow = '1px 0 0 0 rgba(145, 0, 0, 0.7)';DefaultTheme.btnDangerActiveBg = '#cd381b';DefaultTheme.btnDangerActiveShadowArrow = '1px 0 0 0 rgba(108, 7, 7, 0.75)';DefaultTheme.btnPayBg = '#ffc943';DefaultTheme.btnPayHoverBg = 'none';DefaultTheme.btnPayHoverBorderColor = 'transparent';DefaultTheme.btnPayDisabledBg = 'none';DefaultTheme.btnPayBorder = 'none';DefaultTheme.btnPayBgStart = '#ffd54b';DefaultTheme.btnPayBgEnd = '#ffbb39';DefaultTheme.btnPayShadowArrow = '1px 0 0 0 rgba(238, 169, 34, 0.7)';DefaultTheme.btnPayHoverBgStart = '#ffbd3a';DefaultTheme.btnPayHoverBgEnd = '#f8a91d';DefaultTheme.btnPayHoverShadowArrow = '1px 0 0 0 rgba(227, 142, 8, 0.7)';DefaultTheme.btnPayActiveBg = '#fbb028';DefaultTheme.btnPayActiveShadowArrow = '1px 0 0 0 rgba(210, 144, 0, 0.7)';DefaultTheme.btnDeprecatedSizeMediumPaddingShiftIe = '1';DefaultTheme.btnMenuArrowColor = '#a6a6a6';DefaultTheme.selectPlaceholderColor = '#a0a0a0';DefaultTheme.selectBorderWidth = '1px';DefaultTheme.selectPaddingXSmall = '9px';DefaultTheme.selectPaddingArrowSmall = '10px';DefaultTheme.selectPaddingXMedium = '9px';DefaultTheme.selectPaddingArrowMedium = '10px';DefaultTheme.selectPaddingXLarge = '9px';DefaultTheme.selectPaddingArrowLarge = '13px';DefaultTheme.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.374)';DefaultTheme.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';DefaultTheme.modalBackBg = '#333';DefaultTheme.modalBackOpacity = '0.6';DefaultTheme.modalCloseButtonColor = '#808080';DefaultTheme.modalCloseButtonDisabledColor = '#8b8b8b';DefaultTheme.modalCloseButtonHoverColor = '#333';DefaultTheme.modalFixedHeaderBg = '#fff';DefaultTheme.modalFixedHeaderShadow = '0 1px 10px #000000';DefaultTheme.modalFixedFooterShadow = '0 -1px 10px #000000';DefaultTheme.modalFooterBg = '#e9e9e9';DefaultTheme.modalAdaptiveThreshold = '425px';DefaultTheme.sidePageFooterPanelBg = '#e9e9e9';DefaultTheme.sidePageCloseButtonColor = 'rgba(0, 0, 0, 0.374)';DefaultTheme.sidePageCloseButtonHoverColor = 'rgba(0, 0, 0, 0.5)';DefaultTheme.sidePageContainerShadow = '0 5px 10px rgba(0, 0, 0, 0.2)';DefaultTheme.dateInputIconColor = '#333';DefaultTheme.dateInputMaskColor = '#b8b8b8';DefaultTheme.dateInputComponentSelectedBgColor = '#cae0f4';DefaultTheme.calendarCellBg = 'white';DefaultTheme.calendarCellHoverColor = 'white';DefaultTheme.calendarCellActiveHoverColor = 'white';DefaultTheme.calendarCellWeekendColor = '#f00';DefaultTheme.calendarCellTodayBorder = '1px solid #8b8b8b';DefaultTheme.calendarCellSelectedBgColor = '#e9e9e9';DefaultTheme.calendarCellSelectedFontColor = 'inherit';DefaultTheme.calendarMonthHeaderStickedBgColor = 'white';DefaultTheme.calendarMonthTitleBorderBottomColor = '#dfdede';DefaultTheme.dateSelectMenuItemBgSelected = '#ececec';DefaultTheme.datePickerOpenBtnColor = '#333';DefaultTheme.pickerBg = '#fff';DefaultTheme.pickerShadow = '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)';DefaultTheme.pickerTodayWrapperBgColor = 'white';DefaultTheme.pickerTodayWrapperBorderTop = '1px solid #dfdede';DefaultTheme.pickerTodayWrapperHoverBgColor = '#f5f5f5';DefaultTheme.pagingDotsColor = 'gray';DefaultTheme.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.09)';DefaultTheme.pagingPageLinkActiveColor = 'black';DefaultTheme.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.pagingPageLinkHintColor = '#bbb';DefaultTheme.menuSeparatorBorderColor = '#e6e6e6';DefaultTheme.toastBg = 'rgba(51, 51, 51, 0.8)';DefaultTheme.toastColor = 'white';DefaultTheme.toastLinkColor = '#80caff';DefaultTheme.toastCloseColor = '#a0a0a0';DefaultTheme.toastCloseHoverColor = 'white';DefaultTheme.menuItemPaddingForIcon = '36px';DefaultTheme.menuBorder = '1px solid #d5d5d5';DefaultTheme.menuShadow = '0 2px 6px rgba(0, 0, 0, 0.2)';DefaultTheme.toggleHandleActiveWidthIncrement = '4px';DefaultTheme.toggleHeight = '20px';DefaultTheme.toggleWidth = '34px';DefaultTheme.toggleBorderRadius = '10px';DefaultTheme.toggleBg = 'linear-gradient(-180deg, #fff, #ebebeb)';DefaultTheme.toggleBgDisabled = 'none';DefaultTheme.toggleBgChecked = '#3072c4';DefaultTheme.toggleBorderWidth = '1px';DefaultTheme.toggleOutlineWidth = '3px';DefaultTheme.toggleBorderColor = '#d0d0d0';DefaultTheme.toggleBgFocus = 'linear-gradient(-180deg, #f1f1f1, #dedede)';DefaultTheme.toggleCaptionGap = '10px';DefaultTheme.popupBorder = 'none';DefaultTheme.popupBorderRadius = '2px';DefaultTheme.popupBorderColor = 'transparent';DefaultTheme.popupDropShadow = 'drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))';DefaultTheme.popupBoxShadow = '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)';DefaultTheme.popupTextColor = 'inherit';DefaultTheme.popupPinOffset = '16px';DefaultTheme.popupMargin = '10px';DefaultTheme.popupPinSize = '8px';DefaultTheme.inputTextColor = 'none';DefaultTheme.inputShadow = 'inset 0 1px 0 0 rgba(0, 0, 0, 0.05)';DefaultTheme.inputBg = 'white';DefaultTheme.inputIconColor = '#a9a9a9';DefaultTheme.inputColor = 'inherit';DefaultTheme.inputWidth = '250px';DefaultTheme.inputPaddingXSmall = '10px';DefaultTheme.inputPaddingXMedium = '10px';DefaultTheme.inputPaddingXLarge = '10px';DefaultTheme.inputIconGapSmall = '2px';DefaultTheme.inputIconGapMedium = '2px';DefaultTheme.inputIconGapLarge = '2px';DefaultTheme.inputIconSizeSmall = 'auto';DefaultTheme.inputIconSizeMedium = 'auto';DefaultTheme.inputIconSizeLarge = 'auto';DefaultTheme.inputBorderRadiusSmall = '0';DefaultTheme.inputBorderRadiusMedium = '0';DefaultTheme.inputBorderRadiusLarge = '0';DefaultTheme.checkboxBorderWidthCompensation = '0px';DefaultTheme.checkboxBoxSize = '16px';DefaultTheme.checkboxLabelGap = '10px';DefaultTheme.checkboxPaddingY = '0';DefaultTheme.checkboxBgStart = '#fdfdfd';DefaultTheme.checkboxBgEnd = '#ededed';DefaultTheme.checkboxBorder = 'none';DefaultTheme.checkboxBorderWidth = '1px';DefaultTheme.checkboxBorderRadius = '1px';DefaultTheme.checkboxOutlineWidth = '2px';DefaultTheme.textareaShadow = 'inset 0 1px 0 0 rgba(0, 0, 0, 0.05)';DefaultTheme.textareaBorderRadius = '0px';DefaultTheme.textareaWidth = '250px';DefaultTheme.radioBulletSize = '8px';DefaultTheme.radioSize = '16px';DefaultTheme.radioLabelGap = '9px';DefaultTheme.radioPaddingY = '0';DefaultTheme.radioVerticalAlign = '-2px';DefaultTheme.radioBgImage = 'linear-gradient(-180deg, #fff 0, #ebebeb 100%)';DefaultTheme.radioHoverBg = 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%)';DefaultTheme.radioActiveBg = 'linear-gradient(-180deg, #e1e1e1 0, #e1e1e1 100%)';DefaultTheme.radioBorderWidth = '1px';DefaultTheme.radioBorderColor = 'rgba(0, 0, 0, 0.15)';DefaultTheme.radioBorder = '0 none';DefaultTheme.radioFocusShadow = 'none';DefaultTheme.radioCheckedBgColor = 'transparent';DefaultTheme.radioCheckedBulletColor = '#404040';DefaultTheme.radioLabelDisplay = 'inline-table';DefaultTheme.radioBorderWidthCompensation = '0px';DefaultTheme.radioMarginY = '2px';DefaultTheme.radioGroupLegacyItemGap = '10px';DefaultTheme.tabPaddingY = '10px';DefaultTheme.tabBorderWidth = '3px';DefaultTheme.tabOutlineWidth = '2px';DefaultTheme.spinnerFontSizeSmall = '14px';DefaultTheme.spinnerFontSizeMedium = '16px';DefaultTheme.spinnerFontSizeLarge = '18px';DefaultTheme.spinnerLineHeightSmall = '1';DefaultTheme.spinnerLineHeightMedium = '1.375';DefaultTheme.spinnerLineHeightLarge = '1.33';DefaultTheme.spinnerCaptionGapSmall = '8px';DefaultTheme.spinnerCaptionGapMedium = '-6px';DefaultTheme.spinnerCaptionGapLarge = '-8px';DefaultTheme.switcherOutlineWidth = '2px';DefaultTheme.switcherLabelFontSizeSmall = 'inherit';DefaultTheme.switcherLabelFontSizeMedium = 'inherit';DefaultTheme.switcherLabelFontSizeLarge = 'inherit';DefaultTheme.switcherLabelLineHeightSmall = 'inherit';DefaultTheme.switcherLabelLineHeightMedium = 'inherit';DefaultTheme.switcherLabelLineHeightLarge = 'inherit';DefaultTheme.switcherLabelGapSmall = '15px';DefaultTheme.switcherLabelGapMedium = '15px';DefaultTheme.switcherLabelGapLarge = '15px';
+    //#region ScrollContainer
+
+
+
+
+    //#endregion
+  }]);return DefaultTheme;}();exports.DefaultTheme = DefaultTheme;DefaultTheme.fontFamilyCompensationBaseline = '1';DefaultTheme.brandXLight = '#cae5f5';DefaultTheme.brandLight = '#3094d0';DefaultTheme.brand = '#1e79be';DefaultTheme.brandDark = '#1363a0';DefaultTheme.brandXDark = '#084f85';DefaultTheme.white = '#fff';DefaultTheme.grayXxLight = '#f2f2f2';DefaultTheme.grayXLight = '#e5e5e5';DefaultTheme.grayLight = '#a0a0a0';DefaultTheme.gray = '#808080';DefaultTheme.grayDark = '#333';DefaultTheme.black = '#000';DefaultTheme.blueXxLight = '#e4f3ff';DefaultTheme.blueLight = '#1d85d0';DefaultTheme.blue = '#3072c4';DefaultTheme.blueDark = '#1e5aa4';DefaultTheme.blueXDark = '#044785';DefaultTheme.greenXxLight = '#e2f7dc';DefaultTheme.green = '#3f9726';DefaultTheme.greenDark = '#228007';DefaultTheme.redXxLight = '#ffd6d6';DefaultTheme.red = '#d70c17';DefaultTheme.redDark = '#ce0014';DefaultTheme.yellowXxLight = '#fff0bc';DefaultTheme.yellow = '#f69c00';DefaultTheme.yellowDark = '#d97e00';DefaultTheme.bgDefault = '#fff';DefaultTheme.bgDisabled = '#f2f2f2';DefaultTheme.errorMain = '#d70c17';DefaultTheme.errorSecondary = '#ffd6d6';DefaultTheme.errorText = '#ce0014';DefaultTheme.warningMain = '#f69c00';DefaultTheme.warningSecondary = '#fff0bc';DefaultTheme.warningText = '#d97e00';DefaultTheme.borderColorFocusLight = '#bad7f1';DefaultTheme.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';DefaultTheme.borderColorGrayLight = 'rgba(0, 0, 0, 0.15)';DefaultTheme.borderColorDisabled = 'rgba(0, 0, 0, 0.05)';DefaultTheme.placeholderColor = '#a0a0a0';DefaultTheme.outlineColorFocus = '#fff';DefaultTheme.placeholderColorLight = '#cdcdcd';DefaultTheme.blinkColor = 'rgba(0, 136, 255, 0.2)';DefaultTheme.controlBorderWidth = '1px';DefaultTheme.controlOutlineWidth = '2px';DefaultTheme.controlLineHeightSmall = '20px';DefaultTheme.controlLineHeightMedium = '20px';DefaultTheme.controlLineHeightLarge = '22px';DefaultTheme.controlPaddingYSmall = '6px';DefaultTheme.controlPaddingYMedium = '9px';DefaultTheme.controlPaddingYLarge = '10px';DefaultTheme.textColorDefault = '#333333';DefaultTheme.textColorInvert = '#fff';DefaultTheme.textColorDisabled = '#a0a0a0';DefaultTheme.textColorDisabledContrast = '#808080';DefaultTheme.fontSizeSmall = '14px';DefaultTheme.fontSizeMedium = '14px';DefaultTheme.fontSizeLarge = '16px';DefaultTheme.specificityLevel = '0';DefaultTheme.fixedPanelShadow = '0 0 16px 1px rgba(0, 0, 0, 0.3)';DefaultTheme.linkColor = '#3072c4';DefaultTheme.linkActiveColor = '#044785';DefaultTheme.linkHoverTextDecoration = 'underline';DefaultTheme.linkSuccessColor = '#3f9726';DefaultTheme.linkSuccessHoverColor = '#3f9726';DefaultTheme.linkSuccessActiveColor = '#3f9726';DefaultTheme.linkDangerColor = '#e3071c';DefaultTheme.linkDangerHoverColor = '#e3071c';DefaultTheme.linkDangerActiveColor = '#b00616';DefaultTheme.linkIconMarginRight = '3px';DefaultTheme.linkButtonLineHeight = '34px';DefaultTheme.linkButtonPaddingX = '10px';DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.10)';DefaultTheme.tokenMarginY = '3px';DefaultTheme.tokenMarginX = '3px';DefaultTheme.tokenLineHeight = '1.5';DefaultTheme.tokenPaddingY = '0px';DefaultTheme.tokenPaddingX = '4px';DefaultTheme.tokenMarginBeforeIcon = '4px';DefaultTheme.tokenRemoveIconSize = '1em';DefaultTheme.tokenRemoveIconPaddingY = '2px';DefaultTheme.tokenRemoveIconPaddingX = '2px';DefaultTheme.tokenRemoveIconGap = '4px';DefaultTheme.tokenRemoveIconBoxSizing = 'border-box';DefaultTheme.tokenBorderRadius = '1px';DefaultTheme.tokenBorderWidth = '1px';DefaultTheme.tokenBorderColorDisabled = 'rgba(0, 0, 0, 0.15)';DefaultTheme.tokenOutlineWidth = '2px';DefaultTheme.tokenLegacyTextShift = '1px';DefaultTheme.tokenPaddingYDisabled = '1px';DefaultTheme.tokenMarginYDisabled = '2px';DefaultTheme.tokenMarginXDisabled = '2px';DefaultTheme.tokenInputPaddingY = '2px';DefaultTheme.tokenInputPaddingX = '4px';DefaultTheme.tokenInputLineHeight = '22px';DefaultTheme.tokenInputInputPaddingLeft = '5px';DefaultTheme.loaderBg = 'rgba(255, 255, 255, 0.8)';DefaultTheme.loaderOpacity = '0.8';DefaultTheme.btnBackgroundClip = 'padding-box';DefaultTheme.btnArrowBgImageActive = 'linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, transparent 15%), linear-gradient(-95deg, rgba(0,0,0,0.1) 0%, transparent 4%)';DefaultTheme.btnArrowBgImageChecked = 'linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, transparent 15%), linear-gradient(-95deg, rgba(0,0,0,0.1) 0%, transparent 4%)';DefaultTheme.btnLinkBorderRadius = '1px';DefaultTheme.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.15)';DefaultTheme.btnCheckedBg = '#737373';DefaultTheme.btnCheckedDisabledBg = '#a0a0a0';DefaultTheme.btnCheckedDisabledColor = 'rgba(255, 255, 255, 0.7)';DefaultTheme.btnCheckedTextColor = '#fff';DefaultTheme.btnCheckedDisabledBorderColor = 'rgba(161,161,161,1)';DefaultTheme.btnCheckedShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.3)';DefaultTheme.btnCheckedDisabledShadow = 'none';DefaultTheme.btnBorderRadiusSmall = '2px';DefaultTheme.btnBorderRadiusMedium = '2px';DefaultTheme.btnBorderRadiusLarge = '2px';DefaultTheme.btnBorderWidth = '1px';DefaultTheme.btnInsetWidth = '1px';DefaultTheme.btnPaddingXSmall = '15px';DefaultTheme.btnPaddingXMedium = '15px';DefaultTheme.btnPaddingXLarge = '20px';DefaultTheme.btnIconGapSmall = '7px';DefaultTheme.btnIconGapMedium = '7px';DefaultTheme.btnIconGapLarge = '7px';DefaultTheme.btnIconSizeSmall = 'auto';DefaultTheme.btnIconSizeMedium = 'auto';DefaultTheme.btnIconSizeLarge = 'auto';DefaultTheme.btnDefaultBg = 'none';DefaultTheme.btnDefaultBgStart = '#fff';DefaultTheme.btnDefaultBgEnd = '#ebebeb';DefaultTheme.btnDefaultCheckedBorderColor = 'rgba(102,102,102,1)';DefaultTheme.btnDefaultHoverBg = 'none';DefaultTheme.btnDefaultHoverBgStart = '#f2f2f2';DefaultTheme.btnDefaultHoverBgEnd = '#dfdfdf';DefaultTheme.btnDefaultActiveBg = '#e5e5e5';DefaultTheme.btnDefaultHoverBorderColor = 'rgba(0, 0, 0, 0.2)';DefaultTheme.btnDefaultHoverBorderBottomColor = 'rgba(0, 0, 0, 0.35)';DefaultTheme.btnDefaultActiveBorderColor = 'rgba(0, 0, 0, 0.2)';DefaultTheme.btnDefaultActiveBorderTopColor = 'rgba(0, 0, 0, 0.35)';DefaultTheme.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.15)';DefaultTheme.btnDefaultBorderBottomColor = 'rgba(0, 0, 0, 0.28)';DefaultTheme.btnDefaultActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)';DefaultTheme.btnSuccessBg = '#419d14';DefaultTheme.btnSuccessHoverBg = 'none';DefaultTheme.btnSuccessHoverBorderColor = 'rgba(8, 73, 2, 0.7)';DefaultTheme.btnSuccessHoverBorderBottomColor = 'rgba(8, 73, 2, 0.9)';DefaultTheme.btnSuccessBorderColor = 'rgba(25, 103, 6, 0.7)';DefaultTheme.btnSuccessBorderBottomColor = 'rgba(23, 89, 7, 0.9)';DefaultTheme.btnSuccessBgStart = '#4ba91d';DefaultTheme.btnSuccessBgEnd = '#37910b';DefaultTheme.btnSuccessTextColor = '#fff';DefaultTheme.btnSuccessHoverBgStart = '#3b8d13';DefaultTheme.btnSuccessHoverBgEnd = '#317e0b';DefaultTheme.btnSuccessActiveBg = '#35840e';DefaultTheme.btnSuccessActiveBorderColor = 'rgba(8, 73, 2, 0.7)';DefaultTheme.btnSuccessActiveBorderTopColor = 'rgba(8, 73, 2, 0.9)';DefaultTheme.btnSuccessActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)';DefaultTheme.btnPrimaryBg = '#1e8dd4';DefaultTheme.btnPrimaryHoverBg = 'none';DefaultTheme.btnPrimaryHoverBorderColor = 'rgba(5, 61, 100, 0.7)';DefaultTheme.btnPrimaryHoverBorderBottomColor = 'rgba(5, 61, 100, 0.9)';DefaultTheme.btnPrimaryBorderColor = 'rgba(14, 81, 129, 0.7)';DefaultTheme.btnPrimaryBorderBottomColor = 'rgba(14, 81, 129, 0.9)';DefaultTheme.btnPrimaryBgStart = '#2899ea';DefaultTheme.btnPrimaryBgEnd = '#167ac1';DefaultTheme.btnPrimaryTextColor = '#fff';DefaultTheme.btnPrimaryHoverBgStart = '#0087d5';DefaultTheme.btnPrimaryHoverBgEnd = '#167ac1';DefaultTheme.btnPrimaryActiveBg = '#0079c3';DefaultTheme.btnPrimaryActiveBorderColor = 'rgba(5, 61, 100, 0.7) ';DefaultTheme.btnPrimaryActiveBorderTopColor = 'rgba(5, 61, 100, 0.9)';DefaultTheme.btnPrimaryActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)';DefaultTheme.btnDangerBg = '#e14c30';DefaultTheme.btnDangerHoverBg = 'none';DefaultTheme.btnDangerHoverBorderColor = 'rgba(145, 0, 0, 0.7)';DefaultTheme.btnDangerHoverBorderBottomColor = 'rgba(145, 0, 0, 0.95)';DefaultTheme.btnDangerBorderColor = 'rgba(173,15,0,0.7)';DefaultTheme.btnDangerBorderBottomColor = 'rgba(173,15,0,0.9)';DefaultTheme.btnDangerBgStart = '#ec5438';DefaultTheme.btnDangerBgEnd = '#d44327';DefaultTheme.btnDangerTextColor = '#fff';DefaultTheme.btnDangerHoverBgStart = '#d44227';DefaultTheme.btnDangerHoverBgEnd = '#c73013';DefaultTheme.btnDangerActiveBg = '#cd381b';DefaultTheme.btnDangerActiveBorderColor = 'rgba(145, 0, 0, 0.7)';DefaultTheme.btnDangerActiveBorderTopColor = 'rgba(145, 0, 0, 0.95)';DefaultTheme.btnDangerActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)';DefaultTheme.btnPayBg = '#ffc943';DefaultTheme.btnPayHoverBg = 'none';DefaultTheme.btnPayHoverBorderColor = 'rgba(227, 142, 8, 0.7)';DefaultTheme.btnPayHoverBorderBottomColor = 'rgba(227, 142, 8, 0.95)';DefaultTheme.btnPayBorderColor = 'rgba(238, 169, 34, 0.7)';DefaultTheme.btnPayBorderBottomColor = 'rgba(217, 144, 3, 0.9)';DefaultTheme.btnPayBgStart = '#ffd54b';DefaultTheme.btnPayBgEnd = '#ffbb39';DefaultTheme.btnPayHoverBgStart = '#ffbd3a';DefaultTheme.btnPayHoverBgEnd = '#f8a91d';DefaultTheme.btnPayActiveBg = '#fbb028';DefaultTheme.btnPayActiveBorderColor = 'rgba(227, 142, 8, 0.7)';DefaultTheme.btnPayActiveBorderTopColor = 'rgba(227, 142, 8, 0.95)';DefaultTheme.btnPayActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)';DefaultTheme.btnMenuArrowColor = '#a6a6a6';DefaultTheme.btnInsetColor = '#fff';DefaultTheme.selectPlaceholderColor = '#a0a0a0';DefaultTheme.selectBorderWidth = '1px';DefaultTheme.selectPaddingXSmall = '9px';DefaultTheme.selectPaddingXMedium = '9px';DefaultTheme.selectPaddingXLarge = '9px';DefaultTheme.tooltipPaddingY = '15px';DefaultTheme.tooltipPaddingX = '20px';DefaultTheme.tooltipCloseBtnPadding = '8px';DefaultTheme.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.374)';DefaultTheme.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';DefaultTheme.tooltipPinOffset = '0px';DefaultTheme.tooltipPinOffsetX = '17px';DefaultTheme.tooltipPinOffsetY = '17px';DefaultTheme.tooltipMargin = '15px';DefaultTheme.tooltipMenuPinOffset = '15px';DefaultTheme.kebabPinOffset = '15px';DefaultTheme.kebabMargin = '5px';DefaultTheme.kebabBackground = 'transparent';DefaultTheme.kebabBackgroundHover = 'rgba(0, 0, 0, 0.09)';DefaultTheme.kebabBorderRadius = '50%';DefaultTheme.kebabBorder = '2px solid transparent';DefaultTheme.modalBackBg = '#333';DefaultTheme.modalBackOpacity = '0.6';DefaultTheme.modalCloseButtonColor = '#808080';DefaultTheme.modalCloseButtonDisabledColor = '#8b8b8b';DefaultTheme.modalCloseButtonHoverColor = '#333';DefaultTheme.modalCloseButtonPadding = '35px';DefaultTheme.modalCloseButtonLegacyShift = '15px';DefaultTheme.modalCloseButtonBottomPadding = '20px';DefaultTheme.modalCloseButtonClickArea = '10px';DefaultTheme.modalCloseIconSize = '14px';DefaultTheme.modalCloseLegacyGap = '26px';DefaultTheme.modalCloseWrapperLegacyGap = '7px';DefaultTheme.modalFixedHeaderBg = '#fff';DefaultTheme.modalFooterBg = '#e5e5e5';DefaultTheme.modalAdaptiveThreshold = '425px';DefaultTheme.modalPaddingTop = '30px';DefaultTheme.modalPaddingLeft = '30px';DefaultTheme.modalPaddingRight = '35px';DefaultTheme.modalHeaderFontSize = '22px';DefaultTheme.modalHeaderLineHeight = '30px';DefaultTheme.modalHeaderPaddingBottom = '11px';DefaultTheme.modalHeaderPaddingTop = '24px';DefaultTheme.modalFixedHeaderPaddingBottom = '11px';DefaultTheme.modalBodyPaddingBottom = '25px';DefaultTheme.modalFooterPaddingTop = '0px';DefaultTheme.modalFooterPaddingBottom = '30px';DefaultTheme.modalPaddingBottom = '30px';DefaultTheme.modalFooterPanelPaddingTop = '20px';DefaultTheme.modalFooterPanelPaddingBottom = '20px';DefaultTheme.sidePageFooterPanelBg = '#e5e5e5';DefaultTheme.sidePageBackingBg = '#333';DefaultTheme.sidePageBackingBgOpacity = '0.6';DefaultTheme.sidePageCloseButtonColor = 'rgba(0, 0, 0, 0.374)';DefaultTheme.sidePageCloseButtonHoverColor = 'rgba(0, 0, 0, 0.5)';DefaultTheme.sidePageContainerShadow = '0 5px 10px rgba(0, 0, 0, 0.2)';DefaultTheme.sidePagePaddingLeft = '30px';DefaultTheme.sidePagePaddingRight = '35px';DefaultTheme.sidePagePaddingTop = '25px';DefaultTheme.sidePagePaddingBottom = '20px';DefaultTheme.sidePageFooterPaddingTop = '20px';DefaultTheme.sidePageFooterPaddingBottom = '20px';DefaultTheme.sidePageHeaderFontSize = '22px';DefaultTheme.sidePageHeaderLineHeight = '30px';DefaultTheme.sidePageHeaderPaddingBottom = '25px';DefaultTheme.sidePageHeaderPaddingTop = '25px';DefaultTheme.sidePageHeaderFixedFontSize = '18px';DefaultTheme.sidePageHeaderFixedLineHeight = '24px';DefaultTheme.sidePageHeaderFixedPaddingY = '13px';DefaultTheme.sidePageHeaderStickyOffset = '8px';DefaultTheme.sidePageCloseButtonPadding = '36px';DefaultTheme.sidePageCloseButtonLegacyPaddingLeft = '37px';DefaultTheme.sidePageFooterPanelPaddingTop = '20px';DefaultTheme.sidePageFooterPanelPaddingBottom = '20px';DefaultTheme.sidePageCloseIconSize = '12px';DefaultTheme.sidePageCloseButtonClickArea = '10px';DefaultTheme.dateInputIconColor = '#333';DefaultTheme.dateInputMaskColor = '#b8b8b8';DefaultTheme.dateInputComponentSelectedBgColor = '#cae0f4';DefaultTheme.calendarCellBg = 'white';DefaultTheme.calendarCellHoverColor = 'white';DefaultTheme.calendarCellActiveHoverColor = 'white';DefaultTheme.calendarCellWeekendColor = '#f00';DefaultTheme.calendarCellTodayBorder = '1px solid #8b8b8b';DefaultTheme.calendarCellBorderRadius = '50%';DefaultTheme.calendarCellSelectedBgColor = '#e9e9e9';DefaultTheme.calendarCellSelectedFontColor = 'inherit';DefaultTheme.calendarCellSize = '30px';DefaultTheme.calendarMonthHeaderStickedBgColor = 'white';DefaultTheme.calendarMonthTitleBorderBottomColor = '#dfdede';DefaultTheme.calendarPaddingX = '15px';DefaultTheme.calendarMonthTitleLineHeight = '24px';DefaultTheme.calendarMonthTitlePaddingTop = '8px';DefaultTheme.calendarMonthTitlePaddingBottom = '8px';DefaultTheme.calendarMonthTitleMarginX = '0';DefaultTheme.calendarMonthTitleMarginBottom = '10px';DefaultTheme.calendarWrapperHeight = ' 330px';DefaultTheme.calendarMonthMarginBottom = '10px';DefaultTheme.calendarMaxMonthsToAppendOnScroll = '5';DefaultTheme.dateSelectLineHeight = '24px';DefaultTheme.dateSelectFontSize = '14px';DefaultTheme.dateSelectFontWeight = 'bold';DefaultTheme.dateSelectMenuItemBgSelected = '#ececec';DefaultTheme.datePickerOpenBtnColor = '#333';DefaultTheme.pickerBg = '#fff';DefaultTheme.pickerShadow = '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)';DefaultTheme.pickerTodayWrapperBgColor = 'white';DefaultTheme.pickerTodayWrapperBorderTop = '1px solid #dfdede';DefaultTheme.pickerTodayWrapperHoverBgColor = '#f5f5f5';DefaultTheme.pickerTodayWrapperFontSize = '14px';DefaultTheme.pickerTodayWrapperLineHeight = 'normal';DefaultTheme.pickerTodayWrapperPaddingTop = '7px';DefaultTheme.pickerTodayWrapperPaddingBottom = '8px';DefaultTheme.pagingFontSize = '16px';DefaultTheme.pagingForwardIconSize = '18px';DefaultTheme.pagingForwardIconMarginTop = '0px';DefaultTheme.pagingPageLinkPaddingX = '10px';DefaultTheme.pagingPageLinkPaddingY = '2px';DefaultTheme.pagingPageLinkLegacyPaddingY = '5px';DefaultTheme.pagingPageLinkMinWidth = 'initial';DefaultTheme.pagingPageForwardLinkMarginTop = '4px';DefaultTheme.pagingPageForwardLinkMarginLeft = '10px';DefaultTheme.pagingPageForwardLinkPaddingRight = '22px';DefaultTheme.pagingLineHeight = 'initial';DefaultTheme.pagingDotsColor = 'gray';DefaultTheme.pagingDotsPadding = '6px 10px 0';DefaultTheme.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.09)';DefaultTheme.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.pagingPageLinkHintColor = '#bbb';DefaultTheme.pagingPageLinkHintFontSize = '11px';DefaultTheme.pagingPageLinkHintLineHeight = '15px';DefaultTheme.pagingPageLinkBorderRadius = '16px';DefaultTheme.pagingPageLinkMargin = '2px 1px';DefaultTheme.hintMaxWidth = '200px';DefaultTheme.hintPaddingY = '6px';DefaultTheme.hintPaddingX = '8px';DefaultTheme.hintTextAlign = 'center';DefaultTheme.hintBgColor = 'rgba(51, 51, 51, 0.8)';DefaultTheme.hintPinOffset = '8px';DefaultTheme.hintMargin = '15px';DefaultTheme.toastLineHeight = '20px';DefaultTheme.toastPaddingY = '10px';DefaultTheme.toastPaddingX = '20px';DefaultTheme.toastBorderRadius = '2px';DefaultTheme.toastBorder = 'none';DefaultTheme.toastTop = '20px';DefaultTheme.toastBg = 'rgba(51, 51, 51, 0.8)';DefaultTheme.toastColor = 'white';DefaultTheme.toastLinkColor = '#80caff';DefaultTheme.toastClosePadding = '16px';DefaultTheme.toastCloseColor = '#a0a0a0';DefaultTheme.toastCloseHoverColor = 'white';DefaultTheme.toastCloseSize = '8px';DefaultTheme.dropdownMenuSelectedBg = '#f1f1f1';DefaultTheme.menuBorder = '1px solid #d5d5d5';DefaultTheme.menuShadow = '0 2px 6px rgba(0, 0, 0, 0.2)';DefaultTheme.menuPaddingY = '5px';DefaultTheme.menuItemIconWidth = '16px';DefaultTheme.menuItemIconGap = '5px';DefaultTheme.menuItemIconLegacyMargin = '7px';DefaultTheme.menuItemIconLegacyShift = '-1px';DefaultTheme.menuItemLineHeight = '18px';DefaultTheme.menuItemPaddingX = '8px';DefaultTheme.menuItemLegacyPaddingX = '10px';DefaultTheme.menuItemLegacyPaddingY = '1px';DefaultTheme.menuItemCommentColor = '#a0a0a0';DefaultTheme.menuItemCommentColorHover = '#fff';DefaultTheme.menuHeaderLineHeight = 'inherit';DefaultTheme.menuHeaderFontSize = '12px';DefaultTheme.menuHeaderPaddingTop = '6px';DefaultTheme.menuHeaderPaddingBottom = '7px';DefaultTheme.menuHeaderLegacyPaddingRight = '10px';DefaultTheme.menuSeparatorBorderColor = '#e6e6e6';DefaultTheme.menuSeparatorMarginY = '5px';DefaultTheme.menuSeparatorBorderWidth = '1px';DefaultTheme.toggleHandleActiveWidthIncrement = '4px';DefaultTheme.toggleHeight = '20px';DefaultTheme.toggleWidth = '34px';DefaultTheme.toggleBorderRadius = '10px';DefaultTheme.toggleBg = 'linear-gradient(-180deg, #fff, #ebebeb)';DefaultTheme.toggleDisabledHandleBg = '#fff';DefaultTheme.toggleBaseBg = '#fff';DefaultTheme.toggleBgChecked = '#3072c4';DefaultTheme.toggleBorderWidth = '1px';DefaultTheme.toggleOutlineWidth = '3px';DefaultTheme.toggleBorderColor = '#d0d0d0';DefaultTheme.toggleBgFocus = 'linear-gradient(-180deg, #f1f1f1, #dedede)';DefaultTheme.toggleCaptionGap = '10px';DefaultTheme.popupBorder = 'none';DefaultTheme.popupBorderRadius = '2px';DefaultTheme.popupBorderColor = 'transparent';DefaultTheme.popupDropShadow = 'drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))';DefaultTheme.popupBoxShadow = '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)';DefaultTheme.popupPinOffset = '0';DefaultTheme.popupPinOffsetX = '16px';DefaultTheme.popupPinOffsetY = '16px';DefaultTheme.popupMargin = '10px';DefaultTheme.popupPinSize = '8px';DefaultTheme.inputShadow = 'inset 0 1px 0 0 rgba(0, 0, 0, 0.05)';DefaultTheme.inputBg = 'white';DefaultTheme.inputIconColor = '#a9a9a9';DefaultTheme.inputColor = 'inherit';DefaultTheme.inputWidth = '250px';DefaultTheme.inputPaddingXSmall = '10px';DefaultTheme.inputPaddingXMedium = '10px';DefaultTheme.inputPaddingXLarge = '10px';DefaultTheme.inputIconGapSmall = '2px';DefaultTheme.inputIconGapMedium = '2px';DefaultTheme.inputIconGapLarge = '2px';DefaultTheme.inputIconSizeSmall = 'auto';DefaultTheme.inputIconSizeMedium = 'auto';DefaultTheme.inputIconSizeLarge = 'auto';DefaultTheme.inputBorderRadiusSmall = '0';DefaultTheme.inputBorderRadiusMedium = '0';DefaultTheme.inputBorderRadiusLarge = '0';DefaultTheme.checkboxBorderWidthCompensation = '0px';DefaultTheme.checkboxBoxSize = '16px';DefaultTheme.checkboxLabelGap = '10px';DefaultTheme.checkboxPaddingY = '0';DefaultTheme.checkboxBgStart = '#fdfdfd';DefaultTheme.checkboxBgEnd = '#ededed';DefaultTheme.checkboxBorder = 'none';DefaultTheme.checkboxBorderWidth = '1px';DefaultTheme.checkboxBorderRadius = '1px';DefaultTheme.checkboxOutlineWidth = '2px';DefaultTheme.textareaShadow = 'inset 0 1px 0 0 rgba(0, 0, 0, 0.05)';DefaultTheme.textareaBorderRadius = '0px';DefaultTheme.textareaWidth = '250px';DefaultTheme.radioBulletSize = '8px';DefaultTheme.radioSize = '16px';DefaultTheme.radioLabelGap = '9px';DefaultTheme.radioPaddingY = '0';DefaultTheme.radioVerticalAlign = '-2px';DefaultTheme.radioBgImage = 'linear-gradient(-180deg, #fff 0, #ebebeb 100%)';DefaultTheme.radioBgColor = 'transparent';DefaultTheme.radioHoverBg = 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%)';DefaultTheme.radioActiveBg = 'linear-gradient(-180deg, #e1e1e1 0, #e1e1e1 100%)';DefaultTheme.radioBorderWidth = '1px';DefaultTheme.radioBorderColor = 'rgba(0, 0, 0, 0.15)';DefaultTheme.radioBorder = '0 none';DefaultTheme.radioFocusShadow = 'none';DefaultTheme.radioCheckedBgColor = 'transparent';DefaultTheme.radioCheckedBorderColor = 'inherit';DefaultTheme.radioCheckedBulletColor = '#404040';DefaultTheme.radioLabelDisplay = 'inline-table';DefaultTheme.radioBorderWidthCompensation = '0px';DefaultTheme.radioMarginY = '2px';DefaultTheme.radioGroupLegacyItemGap = '10px';DefaultTheme.tabPaddingY = '10px';DefaultTheme.tabBorderWidth = '3px';DefaultTheme.tabOutlineWidth = '2px';DefaultTheme.spinnerFontSizeSmall = '14px';DefaultTheme.spinnerFontSizeMedium = '16px';DefaultTheme.spinnerFontSizeLarge = '18px';DefaultTheme.spinnerLineHeightSmall = '1';DefaultTheme.spinnerLineHeightMedium = '1.375';DefaultTheme.spinnerLineHeightLarge = '1.33';DefaultTheme.spinnerCaptionGapSmall = '8px';DefaultTheme.spinnerCaptionGapMedium = '-6px';DefaultTheme.spinnerCaptionGapLarge = '-8px';DefaultTheme.switcherOutlineWidth = '2px';DefaultTheme.switcherLabelFontSizeSmall = 'inherit';DefaultTheme.switcherLabelFontSizeMedium = 'inherit';DefaultTheme.switcherLabelFontSizeLarge = 'inherit';DefaultTheme.switcherLabelLineHeightSmall = 'inherit';DefaultTheme.switcherLabelLineHeightMedium = 'inherit';DefaultTheme.switcherLabelLineHeightLarge = 'inherit';DefaultTheme.switcherLabelGapSmall = '15px';DefaultTheme.switcherLabelGapMedium = '15px';DefaultTheme.switcherLabelGapLarge = '15px';DefaultTheme.scrollContainerScrollBarSize = '4px';DefaultTheme.scrollContainerScrollBarHoverSize = '10px';DefaultTheme.scrollContainerScrollBarColor = '#b7b7b7';DefaultTheme.scrollContainerScrollBarInvertColor = 'rgba(255, 255, 255, 0.5)';
 
-var DefaultThemeInternal = (0, _ThemeHelpers.exposeGetters)((0, _ThemeHelpers.markAsFullTheme)(DefaultTheme));exports.DefaultThemeInternal = DefaultThemeInternal;
+var DefaultThemeInternal = (0, _ThemeHelpers.markAsFullTheme)((0, _ThemeHelpers.exposeGetters)(DefaultTheme));exports.DefaultThemeInternal = DefaultThemeInternal;