npm - @skbkontur/react-ui - Versions diffs - 0.0.0-4ef0a955cc → 0.0.0-52df310f7c - Mend

@skbkontur/react-ui 0.0.0-4ef0a955cc → 0.0.0-52df310f7c

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2978) hide show

package/cjs/internal/themes/DefaultTheme.js CHANGED Viewed

@@ -1,9 +1,9 @@
-"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
+"use strict";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");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}var
-DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createClass2.default)(DefaultTheme, null, [{ key: "bgActive",
+DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createClass2.default)(DefaultTheme, null, [{ key: "bgSecondary", get:
     //#region Common variables
-    get: function get()
+    // deprecated
@@ -26,6 +26,15 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
+    function get() {
+      return this.bgDefault;
+    } }, { key: "borderColorDisabled", get:
@@ -36,6 +45,9 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
+    function get() {
+      return this.bgDisabled;
+    } }, { key: "bgActive", get:
@@ -59,40 +71,20 @@ 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()
-    {
-      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()
-    {
-      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()
-    {
-      var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
-      var paddingYLarge = parseInt(this.controlPaddingYLarge, 10) || 0;
-      var lineHeightLarge = parseInt(this.controlLineHeightLarge, 10) || 0;
-      return 2 * borderWidth + 2 * paddingYLarge + lineHeightLarge + "px";
-    }
+    } }, { key: "linkHoverColor", get:
-    //#endregion
-    //#region Link
-  }, { key: "linkHoverColor", get: function get()
@@ -102,31 +94,34 @@ 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: "tokenLineHeight", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { key: "tokenDefaultIdle", get:
@@ -138,123 +133,132 @@ 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: "tokenPaddingYDisabled", get:
-    {
+    function get() {
+      return this.tokenPaddingY;
+    } }, { key: "tokenPaddingXDisabled", get:
+    function get() {
       return this.tokenPaddingX;
-    } }, { key: "tokenInputBorderColor",
+    } }, { key: "tokenMarginYDisabled", get:
+    function get() {
+      return this.tokenMarginY;
+    } }, { key: "tokenMarginXDisabled", get:
+    function get() {
+      return this.tokenMarginX;
+    } }, { key: "tokenShadowDisabled", get:
+    function get() {
+      return "0 0 0 " + this.tokenBorderWidth + " " + this.borderColorDisabled;
+    }
     //#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,21 +266,9 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
     }
     //#endregion
     //#region Loader
-  }, { key: "btnWrapPadding",
+  }, { key: "btnCheckedDisabledBorderColor", 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()
@@ -287,31 +279,24 @@ 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: "btnBorderRadiusSmall",
+    function get() {
+      return this.btnCheckedDisabledBg;
+    } }, { key: "btnBorderWidth", get:
+    function get() {
+      return this.controlBorderWidth;
+    } }, { key: "btnOutlineWidth", get:
+    function get() {
+      return this.controlOutlineWidth;
+    } }, { key: "btnDefaultCheckedBorderColor", get:
-    // todo: deprecated
-    get: function get() {
-      return this.btnSmallBorderRadius;
-    } }, { key: "btnBorderRadiusMedium", get: function get()
-    {
-      return this.btnBorderRadius;
-    } }, { key: "btnBorderRadiusLarge", get: function get()
-    {
-      return this.btnBorderRadius;
-    } }, { key: "btnOutlineWidth", get: function get()
-    {
-      return this.controlOutlineWidth;
-    } }, { key: "btnDefaultTextColor", get: function get()
@@ -322,6 +307,12 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
+    function get() {
+      return this.btnCheckedBg;
+    } }, { key: "btnDefaultTextColor", get:
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "btnPayTextColor", get:
@@ -345,29 +336,17 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
-    {
-      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()
@@ -382,22 +361,13 @@ 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()
@@ -407,32 +377,234 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "btnFontSizeSmall", get:
-    {
-      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()
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "btnFontSizeMedium", get:
+    function get() {
+      return this.fontSizeMedium;
+    } }, { key: "btnFontSizeLarge", get:
+    function get() {
+      return this.fontSizeLarge;
+    } }, { key: "btnLineHeightSmall", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { key: "btnLineHeightMedium", get:
+    function get() {
+      return this.controlLineHeightMedium;
+    } }, { key: "btnLineHeightLarge", get:
+    function get() {
+      return this.controlLineHeightLarge;
+    } }, { key: "btnPaddingYSmall", get:
+    function get() {
+      return this.controlPaddingYSmall;
+    } }, { key: "btnPaddingYMedium", get:
+    function get() {
+      return this.controlPaddingYMedium;
+    } }, { key: "btnPaddingYLarge", get:
+    function get() {
+      return this.controlPaddingYLarge;
+    } }, { key: "btnDisabledBg", get:
+    function get() {
+      return this.bgDisabled;
+    } }, { key: "btnBorderColorWarning", get:
+    function get() {
+      return this.borderColorWarning;
+    } }, { key: "btnBorderColorError", get:
+    function get() {
+      return this.borderColorError;
+    } }, { key: "btnHeightSmall", get:
+    function get() {
+      var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
+      var padding = parseInt(this.btnPaddingYSmall, 10) || 0;
+      var lineHeigh = parseInt(this.btnLineHeightSmall, 10) || 0;
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
+    } }, { key: "btnHeightMedium", get:
+    function get() {
+      var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
+      var padding = parseInt(this.btnPaddingYMedium, 10) || 0;
+      var lineHeigh = parseInt(this.btnLineHeightMedium, 10) || 0;
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
+    } }, { key: "btnHeightLarge", get:
+    function get() {
+      var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
+      var padding = parseInt(this.btnPaddingYLarge, 10) || 0;
+      var lineHeigh = parseInt(this.btnLineHeightLarge, 10) || 0;
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
+    } }, { key: "btnLinkColor", get:
+    function get() {
+      return this.linkColor;
+    } }, { key: "btnLinkHoverColor", get:
+    function get() {
+      return this.linkHoverColor;
+    } }, { key: "btnLinkActiveColor", get:
+    function get() {
+      return this.linkActiveColor;
+    } }, { key: "btnLinkHoverTextDecoration", get:
+    function get() {
+      return this.linkHoverTextDecoration;
+    } }, { key: "btnLinkIconMarginRight", get:
+    function get() {
+      return this.linkIconMarginRight;
+    } }, { key: "btnErrorSecondary", get:
+    function get() {
+      return this.errorSecondary;
+    } }, { key: "btnWarningSecondary", get:
+    function get() {
+      return this.warningSecondary;
+    } }, { key: "btnOutlineColorFocus", get:
+    function get() {
+      return this.outlineColorFocus;
+    } }, { key: "btnBorderColorFocus", get:
+    function get() {
+      return this.borderColorFocus;
+    } }, { key: "btnLinkDisabledColor", get:
+    function get() {
+      return this.linkDisabledColor;
+    } }, { key: "btnDisabledTextColor", get:
+    function get() {
+      return this.textColorDisabledContrast;
+    }
+    //#endregion
+    //#region Select
+  }, { key: "selectDefaultBg", get: function get() {
+      return this.inputBg;
+    } }, { key: "selectBorderWidth", get:
+    function get() {
+      return this.controlBorderWidth;
+    } }, { key: "selectPlaceholderColorDisabled", get:
+    function get() {
+      return this.textColorDisabledContrast;
+    } }, { key: "selectOutlineWidth", get:
+    function get() {
+      return this.controlOutlineWidth;
+    } }, { key: "selectLineHeightSmall", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { key: "selectFontSizeSmall", get:
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "selectPaddingYSmall", get:
+    function get() {
+      return this.controlPaddingYSmall;
+    } }, { key: "selectBorderRadiusSmall", get:
+    function get() {
+      return this.btnBorderRadiusSmall;
+    } }, { key: "selectLineHeightMedium", get:
+    function get() {
+      return this.controlLineHeightMedium;
+    } }, { key: "selectFontSizeMedium", get:
+    function get() {
+      return this.fontSizeMedium;
+    } }, { key: "selectPaddingYMedium", get:
+    function get() {
+      return this.controlPaddingYMedium;
+    } }, { key: "selectBorderRadiusMedium", get:
+    function get() {
+      return this.btnBorderRadiusMedium;
+    } }, { key: "selectLineHeightLarge", get:
+    function get() {
+      return this.controlLineHeightLarge;
+    } }, { key: "selectFontSizeLarge", get:
+    function get() {
+      return this.fontSizeLarge;
+    } }, { key: "selectPaddingYLarge", get:
+    function get() {
+      return this.controlPaddingYLarge;
+    } }, { key: "selectBorderRadiusLarge", get:
+    function get() {
+      return this.btnBorderRadiusLarge;
+    } }, { key: "selectMenuArrowColor", 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()
+    function get() {
+      return this.btnMenuArrowColor;
+    } }, { key: "selectMenuArrowColorDisabled", get:
+    function get() {
+      return this.selectMenuArrowColor;
+    } }, { key: "selectIconSizeSmall", get:
+    function get() {
+      return this.btnIconSizeSmall;
+    } }, { key: "selectIconSizeMedium", get:
+    function get() {
+      return this.btnIconSizeMedium;
+    } }, { 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: "tooltipTextColor", 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()
+    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;
+    } }, { key: "tooltipFontSize", get:
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "tooltipLineHeight", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    }
+    //#endregion
+    //#region TooltipMenu
+  }, { key: "tooltipMenuPinOffset", get: function get() {
+      return this.popupPinOffset;
+    } }, { key: "tooltipMenuMargin", get:
+    function get() {
+      return this.popupMargin;
+    } }, { key: "tooltipMenuPinSize", get:
+    function get() {
+      return this.popupPinSize;
+    }
+    //#endregion
+    //#region Kebab
+  }, { key: "kebabPinOffset", get: function get() {
+      return this.popupPinOffset;
+    } }, { key: "kebabPinSize", get:
+    function get() {
+      return this.popupPinSize;
+    } }, { key: "modalBg", get:
@@ -441,29 +613,32 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
+    function get() {
+      return this.bgSecondary;
+    } }, { key: "modalFixedHeaderBg", get:
-    {
-      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()
+    function get() {
+      return this.bgSecondary;
+    } }, { key: "modalFixedHeaderShadow", get:
+    function get() {
+      return this.fixedPanelShadow;
+    } }, { key: "modalFixedFooterShadow", get:
+    function get() {
+      return this.fixedPanelShadow;
+    } }, { key: "modalHeaderTextColor", get:
@@ -471,26 +646,20 @@ 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()
-    {
+    function get() {
       return this.textColorDefault;
-    } }, { key: "btnPayHoverShadow", get: function get()
+    } }, { key: "modalFixedHeaderPaddingBottom", get:
+    function get() {
+      return Math.round(parseInt(this.modalHeaderPaddingBottom) / 2) + "px";
+    } }, { key: "sidePageBgDefault", 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()
@@ -504,166 +673,13 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
-    {
-      return this.fontSizeSmall;
-    } }, { key: "btnFontSizeMedium", get: function get()
-    {
-      return this.fontSizeMedium;
-    } }, { key: "btnFontSizeLarge", get: function get()
-    {
-      return this.fontSizeLarge;
-    } }, { key: "btnLineHeightSmall", get: function get()
-    {
-      return this.controlLineHeightSmall;
-    } }, { key: "btnLineHeightMedium", get: function get()
-    {
-      return this.controlLineHeightMedium;
-    } }, { key: "btnLineHeightLarge", get: function get()
-    {
-      return this.controlLineHeightLarge;
-    } }, { key: "btnPaddingYSmall", get: function get()
-    {
-      return this.controlPaddingYSmall;
-    } }, { key: "btnPaddingYMedium", get: function get()
-    {
-      return this.controlPaddingYMedium;
-    } }, { key: "btnPaddingYLarge", get: function get()
-    {
-      return this.controlPaddingYLarge;
-    } }, { 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 -1px 0 0 " + this.btnDisabledShadowColor;
-    } }, { key: "btnTextColorDefault", get: function get()
-    {
-      return this.textColorDefault;
-    } }, { key: "btnBorderColorWarning", get: function get()
-    {
-      return this.borderColorWarning;
-    } }, { key: "btnBorderColorError", get: function get()
-    {
-      return this.borderColorError;
-    } }, { key: "btnHeightSmall", get: function get()
-    {
-      return this.controlHeightSmall;
-    } }, { key: "btnHeightMedium", get: function get()
-    {
-      return this.controlHeightMedium;
-    } }, { key: "btnHeightLarge", get: function get()
-    {
-      return this.controlHeightLarge;
-    } }, { key: "btnLinkColor", get: function get()
-    {
-      return this.linkColor;
-    } }, { key: "btnLinkHoverColor", get: function get()
-    {
-      return this.linkHoverColor;
-    } }, { key: "btnLinkHoverTextDecoration", get: function get()
-    {
-      return this.linkHoverTextDecoration;
-    } }, { key: "btnLinkActiveColor", get: function get()
-    {
-      return this.linkActiveColor;
-    } }, { key: "btnLinkIconMarginRight", get: function get()
-    {
-      return this.linkIconMarginRight;
-    } }, { key: "btnErrorSecondary", get: function get()
-    {
-      return this.errorSecondary;
-    } }, { key: "btnOutlineColorFocus", get: function get()
-    {
-      return this.outlineColorFocus;
-    } }, { key: "btnBorderColorFocus", get: function get()
-    {
-      return this.borderColorFocus;
-    } }, { key: "btnLinkDisabledColor", get: function get()
-    {
-      return this.linkDisabledColor;
-    }
-    //#endregion
-    //#region Select
-  }, { key: "selectPlaceholderColor", get: function get()
-    {
-      return this.sltPlaceholderColor;
-    } }, { key: "selectOutlineWidth", get: function get()
-    {
-      return this.controlOutlineWidth;
-    } }, { key: "selectLineHeightSmall", get: function get()
-    {
-      return this.controlLineHeightSmall;
-    } }, { key: "selectFontSizeSmall", get: function get()
-    {
-      return this.fontSizeSmall;
-    } }, { key: "selectPaddingYSmall", get: function get()
-    {
-      return this.controlPaddingYSmall;
-    } }, { key: "selectBorderRadiusSmall", get: function get()
-    {
-      return this.btnBorderRadiusSmall;
-    } }, { key: "selectIconGapSmall", get: function get()
-    {
-      return this.btnIconGapSmall;
-    } }, { key: "selectLineHeightMedium", get: function get()
-    {
-      return this.controlLineHeightMedium;
-    } }, { key: "selectFontSizeMedium", get: function get()
-    {
-      return this.fontSizeMedium;
-    } }, { key: "selectPaddingYMedium", get: function get()
-    {
-      return this.controlPaddingYMedium;
-    } }, { key: "selectBorderRadiusMedium", get: function get()
-    {
-      return this.btnBorderRadiusMedium;
-    } }, { key: "selectIconGapMedium", get: function get()
-    {
-      return this.btnIconGapMedium;
-    } }, { key: "selectLineHeightLarge", get: function get()
-    {
-      return this.controlLineHeightLarge;
-    } }, { key: "selectFontSizeLarge", get: function get()
-    {
-      return this.fontSizeLarge;
-    } }, { key: "selectPaddingYLarge", get: function get()
-    {
-      return this.controlPaddingYLarge;
-    } }, { key: "selectBorderRadiusLarge", get: function get()
-    {
-      return this.btnBorderRadiusLarge;
-    } }, { key: "selectIconGapLarge", get: function get()
-    {
-      return this.btnIconGapLarge;
-    } }, { key: "selectMenuArrowColor", get: function get()
-    {
-      return this.btnMenuArrowColor;
-    } }, { key: "selectIconSizeSmall", get: function get()
-    {
-      return this.btnIconSizeSmall;
-    } }, { key: "selectIconSizeMedium", get: function get()
-    {
-      return this.btnIconSizeMedium;
-    } }, { key: "selectIconSizeLarge", get: function get()
-    {
-      return this.btnIconSizeLarge;
-    }
-    //#endregion
-    //#region Tooltip
-  }, { key: "calendarCellHoverBgColor", get: function get()
@@ -677,6 +693,12 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
+    function get() {
+      return this.bgSecondary;
+    } }, { key: "sidePageHeaderTextColor", get:
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "sidePageFixedHeaderShadow", get:
@@ -695,16 +717,86 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
+    function get() {
+      return this.fixedPanelShadow;
+    } }, { key: "sidePageFixedFooterShadow", get:
+    function get() {
+      return this.fixedPanelShadow;
+    } }, { key: "dateInputIconColor", get:
-    {
-      return this.bgActive;
-    }
     //#endregion
-    //#region DatePicker
-  }, { key: "dateSelectMenuBg",
+    //#region DateInput
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "calendarCellBg", get:
+    //#endregion
+    //#region Calendar
+    function get() {
+      return this.bgSecondary;
+    } }, { key: "calendarCellLineHeight", get:
+    function get() {
+      return "calc(" + this.calendarCellSize + " - 2px)";
+    } }, { key: "calendarMonthHeaderStickedBgColor", get:
+    function get() {
+      return this.bgSecondary;
+    } }, { 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: "datePickerOpenBtnColor", get:
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "pickerBg", get:
+    function get() {
+      return this.bgSecondary;
+    } }, { key: "pickerTodayWrapperBgColor", get:
+    function get() {
+      return this.bgSecondary;
+    } }, { key: "dateSelectMenuBg", get:
@@ -713,52 +805,215 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
     //#endregion
     //#region DateSelect
-    get: function get() {
-      return this.bgDefault;
-    } }, { key: "dateSelectMenuItemBgActive", get: function get()
-    {
+    function get() {
+      return this.bgSecondary;
+    } }, { key: "dateSelectMenuItemBgActive", get:
+    function get() {
       return this.bgActive;
-    } }, { key: "dateSelectMenuItemBgDisabled", get: function get()
-    {
-      return this.bgDefault;
-    } }, { key: "dateSelectMenuItemFontActive", get: function get()
-    {
+    } }, { key: "dateSelectMenuItemBgDisabled", get:
+    function get() {
+      return this.bgSecondary;
+    } }, { 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: "pagingFontSize", get: function get() {
+      return this.fontSizeMedium;
+    } }, { key: "pagingForwardIconSize", get:
+    function get() {
+      return this.pagingFontSize;
+    } }, { key: "pagingPageLinkActiveColor", get:
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "pagingPageLinkHintColor", get:
+    function get() {
+      return this.placeholderColor;
+    } }, { 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: "mobileHintColor", get:
+    function get() {
+      return this.hintColor;
+    } }, { key: "hintFontSize", get:
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "hintLineHeight", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { key: "toastFontSize", get:
+    //#endregion
+    //#region Toast
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "toastLineHeight", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { 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.bgSecondary;
+    } }, { key: "menuBorderRadius", get:
+    function get() {
+      return '0px';
+    } }, { 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: "menuItemLineHeight", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { key: "menuItemFontSize", get:
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "menuItemHoverColor", get:
+    function get() {
+      return this.textColorInvert;
+    } }, { key: "menuItemLinkColor", get:
+    function get() {
+      return this.linkColor;
+    } }, { key: "menuItemLineHeightMobile", get:
+    function get() {
+      return this.lineHeightMobile;
+    } }, { key: "menuItemFontSizeMobile", get:
+    function get() {
+      return this.fontSizeMobile;
+    } }, { key: "menuItemDisabledColor", get:
+    function get() {
+      return this.textColorDisabled;
+    } }, { key: "menuMessageTextColor", get:
+    // menuMessage
+    function get() {
+      return this.menuItemDisabledColor;
+    } }, { key: "menuMessageBg", get:
+    function get() {
+      return this.menuItemDisabledBg;
+    } }, { key: "menuMessagePaddingY", get:
+    function get() {
+      return this.menuItemPaddingY;
+    } }, { key: "menuMessagePaddingX", get:
+    function get() {
+      return this.menuItemPaddingX;
+    } }, { key: "menuMessageDisplay", get:
+    function get() {
+      return this.menuItemDisplay;
+    } }, { key: "menuMessagePaddingMobile", get:
+    function get() {
+      return this.menuItemPaddingMobile;
+    } }, { key: "menuMessageLineHeight", get:
+    function get() {
+      return this.menuItemLineHeight;
+    } }, { key: "menuMessageLineHeightMobile", get:
+    function get() {
+      return this.menuItemLineHeightMobile;
+    } }, { key: "menuMessageFontSize", get:
+    function get() {
+      return this.menuItemFontSize;
+    } }, { key: "menuMessageFontSizeMobile", get:
+    function get() {
+      return this.menuItemFontSizeMobile;
+    }
+    //menuHeader
+  }, { key: "menuHeaderColor", get: function get() {
+      return this.gray;
+    } }, { key: "toggleFontSize", get:
@@ -771,37 +1026,86 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
-    {
+    //#endregion
+    //#region Toggle
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "toggleLineHeight", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { key: "toggleTextColor", get:
+    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: "toggleBorderRadius", get:
+    function get() {
+      return "calc(" + this.toggleHeight + " * 0.5)";
+    }
+    /**
+     * @deprecated use toggleHandleBg
+     */ }, { key: "toggleHandleBg", get:
+    function get() {
+      return this.toggleBg;
+    } }, { key: "toggleBgDisabled", get:
-    {
-      return this.toggleBgFocus;
-    } }, { key: "toggleBgActive", get: function get()
+    function get() {
+      return this.bgDisabled;
+    } }, { key: "toggleBorderWidth", get:
-    {
-      return this.toggleBgChecked;
-    } }, { key: "toggleBgError", get: function get()
-    {
+    function get() {
+      return this.controlBorderWidth;
+    } }, { key: "toggleOutlineWidth", get:
+    function get() {
+      var outlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
+      var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
+      return outlineWidth + borderWidth + "px";
+    } }, { key: "toggleBorderColorDisabled", get:
+    function get() {
+      return this.toggleBorderColor;
+    } }, { key: "toggleBorderColorDisabledChecked", get:
+    function get() {
+      return this.toggleBorderColor;
+    } }, { key: "toggleHandleSize", get:
+    function get() {
+      var toggleHeight = parseInt(this.toggleHeight, 10) || 0;
+      var toggleBorderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
+      return toggleHeight - 2 * toggleBorderWidth + "px";
+    } }, { key: "toggleHandleLeft", get:
+    function get() {
+      return this.toggleBorderWidth;
+    } }, { key: "toggleHandleTop", get:
+    function get() {
+      return this.toggleBorderWidth;
+    } }, { 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:
@@ -811,59 +1115,78 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
-    {
-      return this.bgDefault;
-    } }, { key: "inputTextColorDisabled", get: function get()
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "popupBackground", get:
+    function get() {
+      return this.bgSecondary;
+    } }, { key: "inputTextColor", get:
-    {
-      return this.textColorDisabled;
-    } }, { key: "inputFontSizeSmall", get: function get()
+    //#endregion
+    //#region Input
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "inputFocusedIconColor", get:
+    function get() {
+      return this.inputIconColor;
+    } }, { 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()
-    {
-      return this.controlHeightSmall;
-    } }, { key: "inputHeightMedium", get: function get()
-    {
-      return this.controlHeightMedium;
-    } }, { key: "inputHeightLarge", get: function get()
-    {
-      return this.controlHeightLarge;
-    } }, { key: "inputPaddingYSmall", get: function get()
-    {
+    } }, { key: "inputHeightSmall", get:
+    function get() {
+      var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
+      var padding = parseInt(this.inputPaddingYSmall, 10) || 0;
+      var lineHeigh = parseInt(this.inputLineHeightSmall, 10) || 0;
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
+    } }, { key: "inputHeightMedium", get:
+    function get() {
+      var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
+      var padding = parseInt(this.inputPaddingYMedium, 10) || 0;
+      var lineHeigh = parseInt(this.inputLineHeightMedium, 10) || 0;
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
+    } }, { key: "inputHeightLarge", get:
+    function get() {
+      var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
+      var padding = parseInt(this.inputPaddingYLarge, 10) || 0;
+      var lineHeigh = parseInt(this.inputLineHeightLarge, 10) || 0;
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
+    } }, { 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:
@@ -873,382 +1196,287 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
-    {
+    function get() {
       return "0 0 0 " + this.inputOutlineWidth + " " + this.borderColorFocus;
-    } }, { key: "inputDisabledBg", get: function get()
-    {
+    } }, { key: "inputFocusedBg", get:
+    function get() {
+      return this.inputBg;
+    } }, { key: "inputDisabledBg", get:
+    function get() {
       return this.bgDisabled;
-    } }, { key: "inputDisabledBorderColor", get: function get()
-    {
-      return this.borderColorGrayLight;
-    } }, { key: "inputFocusOutline", get: function get()
-    {
+    } }, { key: "inputDisabledBorderColor", get:
+    function get() {
+      return this.borderColorDisabled;
+    } }, { 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()
-    {
-      var OutlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
-      var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
-      return OutlineWidth - borderWidth + "px";
-    } }, { key: "inputBorderColor", get: function get()
+    } }, { key: "inputOutlineWidth", get:
+    function get() {
+      return "calc(" + this.controlOutlineWidth + " - 1px)";
+    } }, { 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()
-    {
-      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 chb
-  }, { key: "chbFontSize", get: function get() {
+    //#region Checkbox
+  }, { key: "checkboxFontSize", get: function get() {
       return this.fontSizeSmall;
-    } }, { key: "chbLineHeight", get: function get()
-    {
+    } }, { key: "checkboxLineHeight", get:
+    function get() {
       return this.controlLineHeightSmall;
-    } }, { key: "chbTextColorDefault", get: function get()
+    } }, { key: "checkboxPaddingY", get:
+    function get() {
+      var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
+      var lineHeight = parseInt(this.checkboxLineHeight, 10) || 0;
+      return (controlHeight - lineHeight) / 2 + "px";
+    } }, { key: "checkboxTextColorDefault", get:
-    {
+    function get() {
       return this.textColorDefault;
-    } }, { key: "chbTextColorDisabled", get: function get()
-    {
+    } }, { key: "checkboxTextColorDisabled", get:
+    function get() {
       return this.textColorDisabled;
-    } }, { key: "chbIndeterminateBg", get: function get()
-    {
-      return this.textColorDefault;
-    } }, { key: "chbShadow", get: function get()
-    {
-      return "0 0 0 " + this.checkboxBorderWidth + " rgba(0, 0, 0, 0.15)";
-    } }, { key: "chbShadowDisabled", get: function get()
-    {
+    } }, { key: "checkboxShadowDisabled", get:
+    function get() {
+      return "0 0 0 " + this.checkboxBorderWidth + " " + this.borderColorDisabled;
+    } }, { key: "checkboxBorderWidth", get:
+    function get() {
+      return this.controlBorderWidth;
+    } }, { key: "checkboxShadow", get:
+    function get() {
       return "0 0 0 " + this.checkboxBorderWidth + " rgba(0, 0, 0, 0.15)";
-    } }, { key: "chbShadowHover", get: function get()
+    } }, { key: "checkboxShadowHover", get:
+    function get() {
+      return "0 0 0 " + this.checkboxBorderWidth + " #c3c3c3";
+    } }, { key: "checkboxOutlineColorFocus", get:
-    {
-      return this.chbShadow;
-    } }, { key: "chbCheckedColor", get: function get()
-    {
-      return this.textColorDefault;
-    } }, { key: "chbOutlineColorFocus", get: function get()
-    {
+    function get() {
       return this.outlineColorFocus;
-    } }, { key: "chbBorderColorWarning", get: function get()
-    {
+    } }, { key: "checkboxBorderColorWarning", get:
+    function get() {
       return this.borderColorWarning;
-    } }, { key: "chbBorderColorError", get: function get()
-    {
+    } }, { key: "checkboxBorderColorError", get:
+    function get() {
       return this.borderColorError;
-    } }, { key: "chbCheckedHoverShadow", get: function get()
-    {
-      return this.chbShadow;
-    } }, { key: "chbCheckedShadow", get: function get()
+    } }, { key: "checkboxCheckedHoverShadow", get:
+    function get() {
+      return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedHoverBg;
+    } }, { key: "checkboxOutlineWidth", get:
-    {
-      return this.chbShadow;
-    } }, { key: "chbBorderColorFocus", get: function get()
-    {
+    function get() {
+      return this.controlOutlineWidth;
+    } }, { key: "checkboxCheckedShadow", get:
+    function get() {
+      return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedBg;
+    } }, { key: "checkboxCheckedActiveShadow", get:
+    function get() {
+      return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedActiveBg;
+    } }, { key: "checkboxBorderColorFocus", get:
+    function get() {
       return this.borderColorFocus;
-    } }, { key: "chbBg", get: function get()
-    {
-      return "linear-gradient(" + this.checkboxBgStart + ", " + this.checkboxBgEnd + ")";
-    } }, { key: "chbHoverBg", get: function get()
-    {
-      return "linear-gradient(-180deg, " + this.btnDefaultHoverBgStart + " 0, " + this.btnDefaultHoverBgEnd + " 100%)";
-    } }, { key: "chbActiveBg", get: function get()
-    {
+    } }, { key: "checkboxHoverBg", get:
+    function get() {
+      return this.btnDefaultHoverBg;
+    } }, { key: "checkboxActiveBg", get:
+    function get() {
       return this.btnDefaultActiveBg;
-    } }, { key: "chbCheckedBg", get: function get()
-    {
-      return this.chbBg;
-    } }, { key: "chbBgDisabled", get: function get()
-    {
+    } }, { key: "checkboxCheckedBg", get:
+    function get() {
+      return this.borderColorFocus;
+    } }, { key: "checkboxBgDisabled", get:
+    function get() {
       return this.bgDisabled;
-    } }, { key: "chbBoxIndeterminateBg", get: function get()
-    {
-      return this.chbBg;
-    } }, { key: "chbCheckedHoverBg", get: function get()
-    {
-      return this.chbHoverBg;
-    } }, { key: "chbCheckedActiveBg", get: function get()
-    {
-      return this.btnDefaultActiveBg;
-    } }, { key: "chbCheckedActiveShadow", get: function get()
-    {
-      return this.btnDefaultActiveShadow;
-    } }, { key: "chbShadowActive", get: function get()
-    {
-      return this.btnDefaultActiveShadow;
-    } }, { key: "checkboxFontSize",
-    //#endregion
-    //#region Checkbox
-    get: function get() {
-      return this.chbFontSize;
-    } }, { key: "checkboxLineHeight", get: function get()
-    {
-      return this.chbLineHeight;
-    } }, { key: "checkboxBoxSize", get: function get()
-    {
-      return this.chbBoxSize;
-    } }, { key: "checkboxLabelGap", get: function get()
-    {
-      return this.chbPaddingX;
-    } }, { key: "checkboxPaddingY", get: function get()
-    {
-      return this.chbPaddingY;
-    } }, { key: "checkboxBgStart", get: function get()
-    {
-      return this.chbBgStart;
-    } }, { key: "checkboxBgEnd", get: function get()
-    {
-      return this.chbBgEnd;
-    } }, { key: "checkboxTextColorDefault", get: function get()
-    {
-      return this.chbTextColorDefault;
-    } }, { key: "checkboxTextColorDisabled", get: function get()
-    {
-      return this.chbTextColorDisabled;
-    } }, { key: "checkboxIndeterminateBg", get: function get()
-    {
-      return this.chbIndeterminateBg;
-    } }, { key: "checkboxShadowDisabled", get: function get()
-    {
-      return this.chbShadowDisabled;
-    } }, { key: "checkboxBorder", get: function get()
-    {
-      return this.chbBorder;
-    } }, { key: "checkboxShadow", get: function get()
-    {
-      return this.chbShadow;
-    } }, { key: "checkboxShadowHover", get: function get()
-    {
-      return this.chbShadowHover;
-    } }, { key: "checkboxCheckedColor", get: function get()
-    {
-      return this.chbCheckedColor;
-    } }, { key: "checkboxOutlineColorFocus", get: function get()
-    {
-      return this.chbOutlineColorFocus;
-    } }, { key: "checkboxBorderColorWarning", get: function get()
-    {
-      return this.chbBorderColorWarning;
-    } }, { key: "checkboxBorderColorError", get: function get()
-    {
-      return this.chbBorderColorError;
-    } }, { key: "checkboxCheckedHoverShadow", get: function get()
-    {
-      return this.chbCheckedHoverShadow;
-    } }, { key: "checkboxBorderRadius", get: function get()
-    {
-      return this.chbBorderRadius;
-    } }, { key: "checkboxOutlineWidth", get: function get()
-    {
-      return this.chbShadowWidth;
-    } }, { key: "checkboxCheckedShadow", get: function get()
-    {
-      return this.chbCheckedShadow;
-    } }, { key: "checkboxCheckedActiveShadow", get: function get()
-    {
-      return this.chbCheckedActiveShadow;
-    } }, { key: "checkboxBorderColorFocus", get: function get()
-    {
-      return this.chbBorderColorFocus;
-    } }, { key: "checkboxBg", get: function get()
-    {
-      return this.chbBg;
-    } }, { key: "checkboxHoverBg", get: function get()
-    {
-      return this.chbHoverBg;
-    } }, { key: "checkboxActiveBg", get: function get()
-    {
-      return this.chbActiveBg;
-    } }, { key: "checkboxCheckedBg", get: function get()
-    {
-      return this.chbCheckedBg;
-    } }, { key: "checkboxBgDisabled", get: function get()
-    {
-      return this.chbBgDisabled;
-    } }, { key: "checkboxBoxIndeterminateBg", get: function get()
-    {
-      return this.chbBoxIndeterminateBg;
-    } }, { key: "checkboxCheckedHoverBg", get: function get()
-    {
-      return this.chbCheckedHoverBg;
-    } }, { key: "checkboxCheckedActiveBg", get: function get()
-    {
-      return this.chbCheckedActiveBg;
-    } }, { key: "checkboxShadowActive", get: function get()
-    {
-      return this.chbShadowActive;
+    } }, { key: "checkboxCheckedHoverBg", get:
+    function get() {
+      return ColorFunctions.darken(this.checkboxCheckedBg, '5%');
+    } }, { key: "checkboxCheckedActiveBg", get:
+    function get() {
+      return ColorFunctions.darken(this.checkboxCheckedBg, '15%');
+    } }, { key: "checkboxShadowActive", get:
+    function get() {
+      return "0 0 0 " + this.checkboxBorderWidth + " #c3c3c3";
     }
     //#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:
-    {
-      return this.fontSizeMedium;
-    } }, { key: "textareaLineHeight", get: function get()
-    {
-      var fontSize = this.textareaFontSize;
-      switch (fontSize) {
-        case '14px':
-          return '20px';
-        case '16px':
-          return '25px';
-        default:
-          return parseInt(fontSize, 10) * 1.5 + "px";}
-    } }, { key: "textareaBorderWidth", get: function get()
-    {
-      return this.controlBorderWidth;
-    } }, { key: "textareaOutlineWidth", get: function get()
-    {
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "textareaLineHeight", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { key: "textareaBorderWidth", get:
+    function get() {
       return this.controlBorderWidth;
-    } }, { key: "textareaHeight", get: function get()
-    {
+    } }, { key: "textareaOutlineWidth", get:
+    function get() {
+      var outlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
+      var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
+      return outlineWidth - borderWidth + "px";
+    } }, { 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: "textareaMinHeight", get: function get()
-    {
-      return this.textareaHeight;
-    } }, { 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()
-    {
-      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()
-    {
-      return this.bgDisabled;
-    } }, { 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()
-    {
-      return "calc(" + this.radioSize + " + 2 * " + this.radioOutlineWidth + " - 2 * " + this.radioBorderWidthCompensation + ")";
-    } }, { key: "radioFontSize", get: function get()
-    {
+    } }, { key: "radioTextColor", get:
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "radioSizeAfter", get:
+    function get() {
+      var borderCompensation =
+      this.radioBoxShadow === 'none' ? this.radioBorderWidth : this.radioBorderWidthCompensation;
+      return "calc(" + this.radioSize + " + 2 * " + this.radioOutlineWidth + " - 2 * " + borderCompensation + ")";
+    } }, { 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: "radioPaddingY", get:
+    function get() {
+      var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
+      var lineHeight = parseInt(this.radioLineHeight, 10) || 0;
+      return (controlHeight - lineHeight) / 2 + "px";
+    } }, { key: "radioHoverBg", get:
+    function get() {
+      return this.checkboxHoverBg;
+    } }, { key: "radioActiveBg", get:
+    function get() {
+      return this.checkboxActiveBg;
+    } }, { key: "radioBorderWidth", get:
+    function get() {
+      return this.controlBorderWidth;
+    } }, { key: "radioBorderColor", get:
+    function get() {
+      return this.borderColorGrayLight;
+    } }, { key: "radioBorder", get:
-    {
-      return "0 " + this.radioBorderWidth + " 0 0 " + this.radioBorderColor + ", 0 0 0 " + this.radioBorderWidth + " " + this.radioBorderColor;
-    } }, { key: "radioBorderColorFocus", get: function get()
-    {
+    function get() {
+      return this.radioBorderWidth + " solid " + this.radioBorderColor;
+    } }, { 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()
-    {
-      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()
-    {
-      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: "radioFocusShadow", get:
+    function get() {
+      return "inset 0 0 0 1px " + this.outlineColorFocus;
+    } }, { key: "radioCheckedBgColor", get:
+    function get() {
+      return this.checkboxCheckedBg;
+    } }, { key: "radioCheckedHoverBgColor", get:
-    {
-      return this.radioHoverBg;
-    } }, { key: "radioDisabledShadow", get: function get()
-    {
-      return "0 0 0 " + this.radioBorderWidth + " rgba(0, 0, 0, 0.15)";
-    } }, { key: "tabFontSize",
+    function get() {
+      return ColorFunctions.darken(this.checkboxCheckedBg, '5%');
+    } }, { key: "radioDisabledBg", get:
+    function get() {
+      return this.bgDisabled;
+    } }, { key: "radioDisabledShadow", get:
+    function get() {
+      return "0 0 0 " + this.radioBorderWidth + " " + this.borderColorDisabled;
+    } }, { key: "tabFontSize", get:
@@ -1257,94 +1485,190 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
     //#endregion
     //#region Tabs
-    get: function get() {
-      return '18px';
-    } }, { key: "tabPaddingX", get: function get()
-    {
-      return '20px';
-    } }, { key: "tabsMarginX", get: function get()
-    {
-      return this.tabPaddingX;
-    } }, { key: "tabLineHeight", get: function get()
-    {
-      return 'normal';
-    } }, { key: "tabTextColorDefault", get: function get()
+    function get() {
+      return this.fontSizeLarge;
+    } }, { key: "tabsMarginX", get:
+    function get() {
+      return this.tabPaddingX;
+    } }, { key: "tabPaddingY", get:
+    function get() {
+      var paddingY = parseInt(this.controlPaddingYLarge, 10) || 0;
+      var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
+      return paddingY + borderWidth + "px";
+    } }, { key: "tabLineHeight", get:
+    function get() {
+      return this.controlLineHeightLarge;
+    } }, { key: "tabOutlineWidth", get:
-    {
+    function get() {
+      return this.controlOutlineWidth;
+    } }, { 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: "spinnerOldBgColor",
+    } }, { key: "spinnerFontSizeSmall", get:
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "spinnerFontSizeMedium", get:
+    function get() {
+      return this.fontSizeMedium;
+    } }, { key: "spinnerFontSizeLarge", get:
+    function get() {
+      return this.fontSizeLarge;
+    } }, { key: "spinnerLineHeightSmall", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { key: "spinnerLineHeightMedium", get:
+    function get() {
+      return this.controlLineHeightMedium;
+    } }, { key: "spinnerLineHeightLarge", get:
+    function get() {
+      return this.controlLineHeightLarge;
+    } }, { key: "switcherTextColor", get:
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "switcherOutlineWidth", get:
+    function get() {
+      return this.btnOutlineWidth;
+    } }, { key: "switcherCaptionFontSizeSmall", get:
+    function get() {
+      return this.btnFontSizeSmall;
+    } }, { key: "switcherCaptionFontSizeMedium", get:
+    function get() {
+      return this.btnFontSizeMedium;
+    } }, { key: "switcherCaptionFontSizeLarge", get:
+    function get() {
+      return this.btnFontSizeLarge;
+    } }, { key: "switcherCaptionLineHeightSmall", get:
+    function get() {
+      return this.btnLineHeightSmall;
+    } }, { key: "switcherCaptionLineHeightMedium", get:
+    function get() {
+      return this.btnLineHeightMedium;
+    } }, { key: "switcherCaptionLineHeightLarge", get:
+    function get() {
+      return this.btnLineHeightLarge;
+    } }, { key: "switcherCaptionGapSmall", get:
+    function get() {
+      return this.btnPaddingXSmall;
+    } }, { key: "switcherCaptionGapMedium", get:
+    function get() {
+      return this.btnPaddingXMedium;
+    } }, { key: "switcherCaptionGapLarge", get:
+    function get() {
+      return this.btnPaddingXLarge;
+    } }, { key: "switcherButtonPaddingYSmall", get:
+    function get() {
+      return this.btnPaddingYSmall;
+    } }, { key: "switcherButtonPaddingYMedium", get:
+    function get() {
+      return this.btnPaddingYMedium;
+    } }, { key: "switcherButtonPaddingYLarge", get:
+    function get() {
+      return this.btnPaddingYLarge;
+    } }, { key: "switcherButtonLineHeightSmall", get:
+    function get() {
+      return this.btnLineHeightSmall;
+    } }, { key: "switcherButtonLineHeightMedium", get:
+    function get() {
+      return this.btnLineHeightMedium;
+    } }, { key: "switcherButtonLineHeightLarge", get:
+    function get() {
+      return this.btnLineHeightLarge;
+    } }, { key: "switcherButtonFontSizeSmall", get:
+    function get() {
+      return this.btnFontSizeSmall;
+    } }, { key: "switcherButtonFontSizeMedium", get:
+    function get() {
+      return this.btnFontSizeMedium;
+    } }, { key: "switcherButtonFontSizeLarge", get:
+    function get() {
+      return this.btnFontSizeLarge;
+    } }, { key: "switcherButtonBorderRadiusSmall", get:
+    function get() {
+      return this.btnBorderRadiusSmall;
+    } }, { key: "switcherButtonBorderRadiusMedium", get:
+    function get() {
+      return this.btnBorderRadiusMedium;
+    } }, { key: "switcherButtonBorderRadiusLarge", get:
+    function get() {
+      return this.btnBorderRadiusLarge;
+    } }, { key: "switcherButtonBorderWidth", get:
+    function get() {
+      return this.btnBorderWidth;
+    } }, { key: "switcherButtonDisabledBorderColor", get:
+    function get() {
+      return this.switcherBtnDisabledBorderColor;
+    } }, { key: "switcherButtonCheckedDisabledShadow", get:
+    function get() {
+      return this.btnCheckedDisabledShadow;
+    }
     //#endregion
-    //#region SpinnerOld
-    get: function get() {
-      return this.grayXLight;
-    } }, { key: "spinnerOldColor", get: function get()
-    {
-      return this.red;
-    } }, { key: "spinnerOldDimmedColor", get: function get()
-    {
-      return this.gray;
-    } }, { key: "spinnerOldCaptionColor", get: function get()
-    {
-      return this.gray;
-    } }, { key: "switcherButtonPaddingXSmall", get: function get()
+    //#region MobilePopup
+  }, { key: "mobilePopupHeaderFontSize", get:
+    function get() {
+      return this.fontSizeMobile;
+    } }, { key: "mobilePopupHeaderLineHeight", get:
+    function get() {
+      return this.lineHeightMobile;
+    } }, { key: "globalLoaderColor", get:
@@ -1360,64 +1684,110 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
+    //#endregion
+    //#region GlobalLoader
+    function get() {
+      return this.blueLight;
+    } }, { key: "fileUploaderFontSize", get:
-    {
-      return this.btnPaddingXSmall;
-    } }, { key: "switcherButtonPaddingXMedium", get: function get()
-    {
-      return this.btnPaddingXMedium;
-    } }, { key: "switcherButtonPaddingXLarge", get: function get()
-    {
-      return this.btnPaddingXLarge;
-    } }, { key: "switcherButtonPaddingYSmall", get: function get()
-    {
-      return this.btnPaddingYSmall;
-    } }, { key: "switcherButtonPaddingYMedium", get: function get()
-    {
-      return this.btnPaddingYMedium;
-    } }, { key: "switcherButtonPaddingYLarge", get: function get()
-    {
-      return this.btnPaddingYLarge;
-    } }, { key: "switcherButtonLineHeightSmall", get: function get()
-    {
-      return this.btnLineHeightSmall;
-    } }, { key: "switcherButtonLineHeightMedium", get: function get()
-    {
-      return this.btnLineHeightMedium;
-    } }, { key: "switcherButtonLineHeightLarge", get: function get()
-    {
-      return this.btnLineHeightLarge;
-    } }, { key: "switcherButtonFontSizeSmall", get: function get()
-    {
-      return this.btnFontSizeSmall;
-    } }, { key: "switcherButtonFontSizeMedium", get: function get()
-    {
-      return this.btnFontSizeMedium;
-    } }, { key: "switcherButtonFontSizeLarge", get: function get()
-    {
-      return this.btnFontSizeLarge;
-    } }, { key: "switcherButtonBorderRadiusSmall", get: function get()
-    {
-      return this.btnBorderRadiusSmall;
-    } }, { key: "switcherButtonBorderRadiusMedium", get: function get()
-    {
-      return this.btnBorderRadiusMedium;
-    } }, { key: "switcherButtonBorderRadiusLarge", get: function get()
-    {
-      return this.btnBorderRadiusLarge;
-    } }, { key: "switcherButtonBorderWidth", get: function get()
-    {
-      return this.btnBorderWidth;
-    } }, { key: "switcherButtonDisabledBorderColor", get: function get()
-    {
-      return this.btnDisabledBorderColor;
-    } }, { key: "switcherButtonCheckedDisabledShadow", get: function get()
-    {
-      return this.btnCheckedDisabledShadow;
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "fileUploaderPaddingXSmall", get:
+    function get() {
+      return this.inputPaddingXSmall;
+    } }, { key: "fileUploaderPaddingXMedium", get:
+    function get() {
+      return this.inputPaddingXMedium;
+    } }, { key: "fileUploaderPaddingXLarge", get:
+    function get() {
+      return this.inputPaddingXLarge;
+    } }, { key: "fileUploaderFontSizeSmall", get:
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "fileUploaderFontSizeMedium", get:
+    function get() {
+      return this.fontSizeMedium;
+    } }, { key: "fileUploaderFontSizeLarge", get:
+    function get() {
+      return this.fontSizeLarge;
+    } }, { key: "fileUploaderLineHeight", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { key: "fileUploaderLineHeightSmall", get:
+    function get() {
+      return this.fileUploaderLineHeight;
+    } }, { key: "fileUploaderLineHeightMedium", get:
+    function get() {
+      return this.controlLineHeightMedium;
+    } }, { key: "fileUploaderLineHeightLarge", get:
+    function get() {
+      return this.controlLineHeightLarge;
+    } }, { key: "fileUploaderPaddingYSmall", get:
+    function get() {
+      return this.fileUploaderPaddingY;
+    } }, { key: "fileUploaderPaddingYMedium", get:
+    function get() {
+      return this.controlPaddingYMedium;
+    } }, { key: "fileUploaderPaddingYLarge", get:
+    function get() {
+      return this.controlPaddingYLarge;
+    } }, { key: "fileUploaderTextColorDefault", get:
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "fileUploaderPaddingY", get:
+    function get() {
+      return this.controlPaddingYSmall;
+    } }, { key: "fileUploaderBorderWidth", get:
+    function get() {
+      return this.controlBorderWidth;
+    } }, { key: "fileUploaderBorderColorFocus", get:
+    function get() {
+      return this.borderColorFocus;
+    } }, { key: "fileUploaderLinkColor", get:
+    function get() {
+      return this.linkColor;
+    } }, { key: "fileUploaderBorderColorError", get:
+    function get() {
+      return this.borderColorError;
+    } }, { key: "fileUploaderBorderColorWarning", get:
+    function get() {
+      return this.borderColorWarning;
+    } }, { key: "fileUploaderLinkHoverTextDecoration", get:
+    function get() {
+      return this.linkHoverTextDecoration;
     }
     //#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.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 -1px 0 0 rgba(0, 0, 0, 0.6), inset 0 4px 2px -3px rgba(0, 0, 0, 0.3)';DefaultTheme.btnCheckedShadowArrowLeft = '1px -1px 0 0 rgba(0, 0, 0, 0.6), inset -4px 0 2px -3px rgba(0, 0, 0, 0.3)';DefaultTheme.btnCheckedDisabledShadow = '0 0 0 1px rgba(0, 0, 0, 0.37)';DefaultTheme.btnCheckedDisabledShadowArrow = '1px -1px 0 0 #a0a0a0, inset 0 4px 2px -3px #a0a0a0';DefaultTheme.btnArrowBorderRadius = '2px 2px 2px 16px';DefaultTheme.btnSmallBorderRadius = '1px';DefaultTheme.btnBorderRadius = '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.btnSmallArrowLength = '18px';DefaultTheme.btnSmallArrowRight = '-8.8px';DefaultTheme.btnSmallArrowLeft = '-8px';DefaultTheme.btnSmallArrowBorderRadius = '2px 2px 2px 16px';DefaultTheme.btnMediumArrowTop = '9px';DefaultTheme.btnMediumArrowLength = '20.2px';DefaultTheme.btnMediumArrowLeft = '-9.8px';DefaultTheme.btnMediumArrowLeftLoadingLeft = '-208px';DefaultTheme.btnMediumArrowTransform = 'rotate(53deg) skewX(24deg) skewY(8deg)';DefaultTheme.btnDeprecatedSizeMediumFontSize = '16px';DefaultTheme.btnDeprecatedSizeMediumPaddingShift = '1';DefaultTheme.btnLargeArrowTop = '10.2px';DefaultTheme.btnLargeArrowLength = '22.2px';DefaultTheme.btnLargeArrowLeft = '-10px';DefaultTheme.btnLargeArrowRight = '-10.8px';DefaultTheme.btnLargeArrowTransform = 'rotate(53deg) skewX(25deg) skewY(10deg)';DefaultTheme.btnLargeArrowBg = 'linear-gradient(-56deg, transparent 48.2%, #ccc 0, #ccc 63.4%, transparent 0)';DefaultTheme.btnDefaultBgArrowStart = '#fff';DefaultTheme.btnDefaultBgArrowEnd = '#ebebeb';DefaultTheme.btnDefaultCheckedShadowArrow = 'none';DefaultTheme.btnDefaultCheckedBorder = 'none';DefaultTheme.btnDefaultHoverBg = 'none';DefaultTheme.btnDefaultHoverBorderColor = 'transparent';DefaultTheme.btnDefaultActiveBorderColor = 'none';DefaultTheme.btnDefaultBorder = 'none';DefaultTheme.btnDefaultShadowArrow = '1.2px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.15)';DefaultTheme.btnDefaultShadowArrowLeft = '1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.15)';DefaultTheme.btnDefaultHoverBgStart = '#f2f2f2';DefaultTheme.btnDefaultHoverBgEnd = '#dfdfdf';DefaultTheme.btnDefaultHoverShadowArrow = '1px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.2)';DefaultTheme.btnDefaultHoverShadowArrowLeft = '1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.2)';DefaultTheme.btnDefaultActiveBg = '#e1e1e1';DefaultTheme.btnDefaultActiveShadowArrow = '0 -2px 0 -1px rgba(0, 0, 0, 0.1), 1px -1px 0 0 rgba(0, 0, 0, 0.2), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)';DefaultTheme.btnDefaultActiveShadowArrowLeft = '0 -1px 0 0 rgba(0, 0, 0, 0.1), 1px -0.3px 0 0 rgba(0, 0, 0, 0.2), inset -4px 0 5px -4px 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.btnSuccessBgArrowStart = '#4ba91d';DefaultTheme.btnSuccessBgArrowEnd = '#37910b';DefaultTheme.btnSuccessTextColor = '#fff';DefaultTheme.btnSuccessShadowArrow = '1px -1px 0 0 rgba(25, 103, 6, 0.7), 1px 0 0 0 rgba(21, 80, 7, 0.5)';DefaultTheme.btnSuccessShadowArrowLeft = '1px -1px 0 0 rgba(25, 103, 6, 0.7), 0 -1px 0 0 rgba(21, 80, 7, 0.5)';DefaultTheme.btnSuccessHoverBgStart = '#3b8d13';DefaultTheme.btnSuccessHoverBgEnd = '#317e0b';DefaultTheme.btnSuccessHoverShadowArrow = '1px -1px 0 0 rgba(7, 73, 1, 0.7), 1px 0 0 0 rgba(16, 70, 4, 0.3)';DefaultTheme.btnSuccessHoverShadowArrowLeft = '1px -1px 0 0 rgba(7, 73, 1, 0.7), 0 -1px 0 0 rgba(16, 70, 4, 0.3)';DefaultTheme.btnSuccessActiveBg = '#35840e';DefaultTheme.btnSuccessActiveShadowArrow = '1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 -2px 0 -1px rgba(9, 32, 4, 0.6), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)';DefaultTheme.btnSuccessActiveShadowArrowLeft = '1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 0 0 -1px rgba(9, 32, 4, 0.6), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)';DefaultTheme.btnPrimaryBg = '#1e8dd4';DefaultTheme.btnPrimaryHoverBg = 'none';DefaultTheme.btnPrimaryHoverBorderColor = 'transparent';DefaultTheme.btnPrimaryDisabledBg = 'none';DefaultTheme.btnPrimaryBorder = 'none';DefaultTheme.btnPrimaryBgStart = '#2899ea';DefaultTheme.btnPrimaryBgEnd = '#167ac1';DefaultTheme.btnPrimaryBgArrowStart = '#2899ea';DefaultTheme.btnPrimaryBgArrowEnd = '#167ac1';DefaultTheme.btnPrimaryTextColor = '#fff';DefaultTheme.btnPrimaryShadowArrow = '1px -1px 0 0 rgba(14, 81, 129, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.5)';DefaultTheme.btnPrimaryShadowArrowLeft = '1px -1px 0 0 rgba(14, 81, 129, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.5)';DefaultTheme.btnPrimaryHoverBgStart = '#0087d5';DefaultTheme.btnPrimaryHoverBgEnd = '#167ac1';DefaultTheme.btnPrimaryHoverShadowArrow = '1px -1px 0 0 rgba(5, 60, 99, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.3)';DefaultTheme.btnPrimaryHoverShadowArrowLeft = '1px -1px 0 0 rgba(5, 60, 99, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.3)';DefaultTheme.btnPrimaryActiveBg = '#0079c3';DefaultTheme.btnPrimaryActiveShadowArrow = '1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 -2px 0 -1px rgba(8, 45, 96, 0.5), inset 0 4px 5px -4px rgba(0, 0, 0, 0.2)';DefaultTheme.btnPrimaryActiveShadowArrowLeft = '1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 0 0 -1px rgba(8, 45, 96, 0.5), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)';DefaultTheme.btnDangerBg = '#e14c30';DefaultTheme.btnDangerHoverBg = 'none';DefaultTheme.btnDangerHoverBorderColor = 'transparent';DefaultTheme.btnDangerDisabledBg = 'none';DefaultTheme.btnDangerBorder = 'none';DefaultTheme.btnDangerBgStart = '#ec5438';DefaultTheme.btnDangerBgEnd = '#d44327';DefaultTheme.btnDangerBgArrowStart = '#ec5438';DefaultTheme.btnDangerBgArrowEnd = '#d44327';DefaultTheme.btnDangerTextColor = '#fff';DefaultTheme.btnDangerShadowArrow = '1px -1px 0 0 rgba(173, 15, 0, 0.7), 1px 0 0 0 rgba(0, 0, 0, 0.4)';DefaultTheme.btnDangerShadowArrowLeft = '1px -1px 0 0 rgba(173, 15, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.4)';DefaultTheme.btnDangerHoverBgStart = '#d44227';DefaultTheme.btnDangerHoverBgEnd = '#c73013';DefaultTheme.btnDangerHoverShadowArrow = '1px -1px 0 0 rgba(145, 0, 0, 0.7), 1px 0 0 0 rgba(90, 3, 3, 0.4)';DefaultTheme.btnDangerHoverShadowArrowLeft = '1px -1px 0 0 rgba(145, 0, 0, 0.7), 0 -1px 0 0 rgba(90, 3, 3, 0.4)';DefaultTheme.btnDangerActiveBg = '#cd381b';DefaultTheme.btnDangerActiveShadowArrow = '1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 -2px 0 -1px rgba(90, 3, 3, 0.4), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)';DefaultTheme.btnDangerActiveShadowArrowLeft = '1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 0 0 -1px rgba(90, 3, 3, 0.4), inset -4px 0 5px -4px rgba(0, 0, 0, 0.1)';DefaultTheme.btnPayBg = '#ffc943';DefaultTheme.btnPayHoverBg = 'none';DefaultTheme.btnPayHoverBorderColor = 'transparent';DefaultTheme.btnPayDisabledBg = 'none';DefaultTheme.btnPayBorder = 'none';DefaultTheme.btnPayBgStart = '#ffd54b';DefaultTheme.btnPayBgEnd = '#ffbb39';DefaultTheme.btnPayBgArrowStart = '#ffd54b';DefaultTheme.btnPayBgArrowEnd = '#ffbb39';DefaultTheme.btnPayShadowArrow = '1px -1px 0 0 rgba(238, 169, 34, 0.7), 1px -0.3px 0 0 rgba(77, 16, 0, 0.56)';DefaultTheme.btnPayShadowArrowLeft = '1px -1px 0 0 rgba(238, 169, 34, 0.7), 0.2px -1px 0 -0.3px rgba(77, 16, 0, 0.56)';DefaultTheme.btnPayHoverBgStart = '#ffbd3a';DefaultTheme.btnPayHoverBgEnd = '#f8a91d';DefaultTheme.btnPayHoverShadowArrow = '1px -1px 0 0 rgba(227, 142, 8, 0.7), 1px -0.3px 0 0 rgba(93, 20, 3, 0.4)';DefaultTheme.btnPayHoverShadowArrowLeft = '1px -1px 0 0 rgba(227, 142, 8, 0.7), 0 -1px 0 0 rgba(93, 20, 3, 0.4)';DefaultTheme.btnPayActiveBg = '#fbb028';DefaultTheme.btnPayActiveShadowArrow = '1px -1px 0 0 rgba(210, 144, 0, 0.7), 0 -2px 0 -1px rgba(0, 0, 0, 0.44), inset 0 4px 5px -4px rgba(0, 0, 0, 0.05)';DefaultTheme.btnPayActiveShadowArrowLeft = '1px -1px 0 0 rgba(210, 144, 0, 0.7), 2px -0.3px 0 -1px rgba(0, 0, 0, 0.44), inset -4px 0 5px -4px rgba(0, 0, 0, 0.05)';DefaultTheme.btnDeprecatedSizeMediumPaddingShiftIe = '1';DefaultTheme.btnSmallArrowTop = '7px';DefaultTheme.btnSmallArrowLeftLoadingDelay = '0.23s';DefaultTheme.btnSmallArrowBg = 'linear-gradient(-54deg, transparent 48%, #ccc 0, #ccc 72%, transparent 0)';DefaultTheme.btnMediumArrowRight = '-10px';DefaultTheme.btnMediumArrowBg = 'linear-gradient(-58deg, transparent 47.5%, #ccc 0, #ccc 70.5%, transparent 0)';DefaultTheme.btnMediumArrowLeftLoadingDelay = '0.2s';DefaultTheme.btnLargeArrowLeftLoadingDelay = '0s';DefaultTheme.btnMenuArrowColor = '#a6a6a6';DefaultTheme.sltPlaceholderColor = '#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.tbBg = '#fff';DefaultTheme.tbShadow = '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)';DefaultTheme.tdDividerBg = '#dfdfdf';DefaultTheme.logoColor = '#000';DefaultTheme.logoHoverColor = '#000';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.chbBoxSize = '16px';DefaultTheme.chbPaddingX = '10px';DefaultTheme.chbPaddingY = '0';DefaultTheme.chbBgStart = '#fdfdfd';DefaultTheme.chbBgEnd = '#ededed';DefaultTheme.chbBorder = 'none';DefaultTheme.chbBorderRadius = '1px';DefaultTheme.chbShadowWidth = '2px';DefaultTheme.checkboxBorderWidthCompensation = '0px';DefaultTheme.checkboxBorderWidth = '1px';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.spinnerOldFontSizeSmall = '14px';DefaultTheme.spinnerOldFontSizeMedium = '14px';DefaultTheme.spinnerOldFontSizeLarge = '14px';DefaultTheme.spinnerOldLineHeightSmall = 'inherit';DefaultTheme.spinnerOldLineHeightMedium = 'inherit';DefaultTheme.spinnerOldLineHeightLarge = 'inherit';DefaultTheme.spinnerOldCaptionGapSmall = '5px';DefaultTheme.spinnerOldCaptionGapMedium = '0px';DefaultTheme.spinnerOldCaptionGapLarge = '0px';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';
+  }]);return DefaultTheme;}();exports.DefaultTheme = DefaultTheme;DefaultTheme.fontFamilyCompensationBaseline = '0px';DefaultTheme.labGrotesqueBaselineCompensation = '1';DefaultTheme.brandXLight = '#cae5f5';DefaultTheme.brandLight = '#3094d0';DefaultTheme.brand = '#2291ff';DefaultTheme.brandDark = '#1363a0';DefaultTheme.brandXDark = '#084f85';DefaultTheme.white = '#fff';DefaultTheme.grayXxLight = '#f2f2f2';DefaultTheme.grayXLight = '#ebebeb';DefaultTheme.grayLight = '#a0a0a0';DefaultTheme.gray = '#858585';DefaultTheme.grayDark = '#333';DefaultTheme.black = '#000';DefaultTheme.blueXxLight = '#cdedff';DefaultTheme.blueLight = '#1f87ef';DefaultTheme.blue = '#1874cf';DefaultTheme.blueDark = '#1874cf';DefaultTheme.blueXDark = '#044785';DefaultTheme.greenXxLight = '#d7f8ae';DefaultTheme.green = '#538a1b';DefaultTheme.greenDark = '#477916';DefaultTheme.redXxLight = '#ffddd6';DefaultTheme.red = '#dd473b';DefaultTheme.redDark = '#cb3d35';DefaultTheme.yellowXxLight = '#ffeec2';DefaultTheme.yellow = '#fcb73e';DefaultTheme.yellowDark = '#ef8b17';DefaultTheme.bgDefault = '#fff';DefaultTheme.bgDisabled = '#f6f6f6';DefaultTheme.errorMain = '#dd473b';DefaultTheme.errorSecondary = '#ffd6d6';DefaultTheme.errorText = '#cb3d35';DefaultTheme.warningMain = '#fcb73e';DefaultTheme.warningSecondary = '#fff0bc';DefaultTheme.warningText = '#d97e00';DefaultTheme.borderColorFocusLight = '#cdedff';DefaultTheme.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';DefaultTheme.borderColorGrayLight = 'rgba(0, 0, 0, 0.16)';DefaultTheme.placeholderColor = '#adadad';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 = '22px';DefaultTheme.controlLineHeightLarge = '24px';DefaultTheme.controlPaddingYSmall = '5px';DefaultTheme.controlPaddingYMedium = '8px';DefaultTheme.controlPaddingYLarge = '11px';DefaultTheme.textColorDefault = '#222222';DefaultTheme.textColorInvert = '#fff';DefaultTheme.textColorDisabled = '#adadad';DefaultTheme.textColorDisabledContrast = '#858585';DefaultTheme.fontSizeSmall = '14px';DefaultTheme.fontSizeMedium = '16px';DefaultTheme.fontSizeLarge = '18px';DefaultTheme.fontSizeMobile = '18px';DefaultTheme.lineHeightMobile = '24px';DefaultTheme.specificityLevel = '0';DefaultTheme.fixedPanelShadow = '0 0 16px 1px rgba(0, 0, 0, 0.3)';DefaultTheme.controlHeightSmall = '32px';DefaultTheme.controlHeightMedium = '40px';DefaultTheme.controlHeightLarge = '48px';DefaultTheme.mobileMediaQuery = '(max-width: 576px) and (hover: none) and (pointer: coarse)';DefaultTheme.linkColor = '#1874cf';DefaultTheme.linkActiveColor = '#1260ae';DefaultTheme.linkHoverTextDecoration = 'underline';DefaultTheme.linkSuccessColor = '#477916';DefaultTheme.linkSuccessHoverColor = '#477916';DefaultTheme.linkSuccessActiveColor = '#325a0c';DefaultTheme.linkDangerColor = '#cb3d35';DefaultTheme.linkDangerHoverColor = '#cb3d35';DefaultTheme.linkDangerActiveColor = '#a92a27';DefaultTheme.linkIconMarginRight = '4px';DefaultTheme.linkButtonLineHeight = '34px';DefaultTheme.linkButtonPaddingX = '10px';DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.tokenMarginY = '2px';DefaultTheme.tokenMarginX = '4px';DefaultTheme.tokenPaddingY = '1px';DefaultTheme.tokenPaddingX = '3px';DefaultTheme.tokenMarginBeforeIcon = '4px';DefaultTheme.tokenRemoveIconSize = '8px';DefaultTheme.tokenRemoveIconPaddingY = '4px';DefaultTheme.tokenRemoveIconPaddingX = '4px';DefaultTheme.tokenRemoveIconGap = '4px';DefaultTheme.tokenRemoveIconBoxSizing = 'content-box';DefaultTheme.tokenBorderRadius = '1px';DefaultTheme.tokenBorderWidth = '1px';DefaultTheme.tokenBorderColorDisabled = 'rgba(0, 0, 0, 0.15)';DefaultTheme.tokenOutlineWidth = '2px';DefaultTheme.tokenLegacyTextShift = '0px';DefaultTheme.tokenInputBorderRadius = '0px';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 = 'none';DefaultTheme.btnArrowBgImageChecked = 'none';DefaultTheme.btnLinkBorderRadius = '2px';DefaultTheme.btnFocusShadowWidth = '2px';DefaultTheme.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.05)';DefaultTheme.btnCheckedBg = '#7e7e7e';DefaultTheme.btnCheckedDisabledBg = '#a0a0a0';DefaultTheme.btnCheckedDisabledColor = 'rgba(255, 255, 255, 0.7)';DefaultTheme.btnCheckedTextColor = '#fff';DefaultTheme.btnCheckedShadow = 'none';DefaultTheme.btnCheckedDisabledShadow = 'none';DefaultTheme.btnBorderRadiusSmall = '1px';DefaultTheme.btnBorderRadiusMedium = '1px';DefaultTheme.btnBorderRadiusLarge = '1px';DefaultTheme.btnInsetWidth = '1px';DefaultTheme.btnPaddingXSmall = '15px';DefaultTheme.btnPaddingXMedium = '15px';DefaultTheme.btnPaddingXLarge = '19px';DefaultTheme.btnIconGapSmall = '4px';DefaultTheme.btnIconGapMedium = '4px';DefaultTheme.btnIconGapLarge = '4px';DefaultTheme.btnIconSizeSmall = '16px';DefaultTheme.btnIconSizeMedium = '18px';DefaultTheme.btnIconSizeLarge = '20px';DefaultTheme.btnDefaultBg = '#fff';DefaultTheme.btnDefaultBgStart = 'none';DefaultTheme.btnDefaultBgEnd = 'none';DefaultTheme.btnDefaultHoverBg = '#f2f2f2';DefaultTheme.btnDefaultHoverBgStart = 'none';DefaultTheme.btnDefaultHoverBgEnd = 'none';DefaultTheme.btnDefaultActiveBg = '#ebebeb';DefaultTheme.btnDefaultHoverBorderColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.btnDefaultHoverBorderBottomColor = '';DefaultTheme.btnDefaultActiveBorderColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.btnDefaultActiveBorderTopColor = '';DefaultTheme.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.btnDefaultBorderBottomColor = '';DefaultTheme.btnDefaultActiveShadow = 'none';DefaultTheme.btnSuccessBg = '#538a1b';DefaultTheme.btnSuccessHoverBg = '#477916';DefaultTheme.btnSuccessHoverBorderColor = '#477916';DefaultTheme.btnSuccessHoverBorderBottomColor = '';DefaultTheme.btnSuccessBorderColor = '#538a1b';DefaultTheme.btnSuccessBorderBottomColor = '';DefaultTheme.btnSuccessBgStart = 'none';DefaultTheme.btnSuccessBgEnd = 'none';DefaultTheme.btnSuccessTextColor = '#fff';DefaultTheme.btnSuccessHoverBgStart = 'none';DefaultTheme.btnSuccessHoverBgEnd = 'none';DefaultTheme.btnSuccessActiveBg = '#3a6710';DefaultTheme.btnSuccessActiveBorderColor = '#3a6710';DefaultTheme.btnSuccessActiveBorderTopColor = '';DefaultTheme.btnSuccessActiveShadow = 'none';DefaultTheme.btnPrimaryBg = '#1c7edf';DefaultTheme.btnPrimaryHoverBg = '#1874cf';DefaultTheme.btnPrimaryHoverBorderColor = '#1874cf';DefaultTheme.btnPrimaryHoverBorderBottomColor = '';DefaultTheme.btnPrimaryBorderColor = '#1c7edf';DefaultTheme.btnPrimaryBorderBottomColor = '';DefaultTheme.btnPrimaryBgStart = 'none';DefaultTheme.btnPrimaryBgEnd = 'none';DefaultTheme.btnPrimaryTextColor = '#fff';DefaultTheme.btnPrimaryHoverBgStart = 'none';DefaultTheme.btnPrimaryHoverBgEnd = 'none';DefaultTheme.btnPrimaryActiveBg = '#156abe';DefaultTheme.btnPrimaryActiveBorderColor = '#156abe';DefaultTheme.btnPrimaryActiveBorderTopColor = '';DefaultTheme.btnPrimaryActiveShadow = 'none';DefaultTheme.btnDangerBg = '#dd473b';DefaultTheme.btnDangerHoverBg = '#cb3d35';DefaultTheme.btnDangerHoverBorderColor = '#cb3d35';DefaultTheme.btnDangerHoverBorderBottomColor = '';DefaultTheme.btnDangerBorderColor = '#dd473b';DefaultTheme.btnDangerBorderBottomColor = '';DefaultTheme.btnDangerBgStart = 'none';DefaultTheme.btnDangerBgEnd = 'none';DefaultTheme.btnDangerTextColor = '#fff';DefaultTheme.btnDangerHoverBgStart = 'none';DefaultTheme.btnDangerHoverBgEnd = 'none';DefaultTheme.btnDangerActiveBg = '#ba342e';DefaultTheme.btnDangerActiveBorderColor = '#ba342e';DefaultTheme.btnDangerActiveBorderTopColor = '';DefaultTheme.btnDangerActiveShadow = 'none';DefaultTheme.btnPayBg = '#fcb73e';DefaultTheme.btnPayHoverBg = '#fda70c';DefaultTheme.btnPayHoverBorderColor = '#fda70c';DefaultTheme.btnPayHoverBorderBottomColor = '';DefaultTheme.btnPayBorderColor = '#fcb73e';DefaultTheme.btnPayBorderBottomColor = '';DefaultTheme.btnPayBgStart = 'none';DefaultTheme.btnPayBgEnd = 'none';DefaultTheme.btnPayHoverBgStart = 'none';DefaultTheme.btnPayHoverBgEnd = 'none';DefaultTheme.btnPayActiveBg = '#f69912';DefaultTheme.btnPayActiveBorderColor = '#f69912';DefaultTheme.btnPayActiveBorderTopColor = '';DefaultTheme.btnPayActiveShadow = 'none';DefaultTheme.btnMenuArrowColor = '#a6a6a6';DefaultTheme.btnInsetColor = '#fff';DefaultTheme.selectPlaceholderColor = '#adadad';DefaultTheme.selectPaddingXSmall = '7px';DefaultTheme.selectIconGapSmall = '4px';DefaultTheme.selectPaddingXMedium = '11px';DefaultTheme.selectIconGapMedium = '8px';DefaultTheme.selectPaddingXLarge = '15px';DefaultTheme.selectIconGapLarge = '12px';DefaultTheme.selectRootWidthMobile = 'auto';DefaultTheme.tooltipPaddingY = '16px';DefaultTheme.tooltipPaddingX = '16px';DefaultTheme.tooltipCloseBtnPadding = '8px';DefaultTheme.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.32)';DefaultTheme.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';DefaultTheme.tooltipPinOffset = '0px';DefaultTheme.tooltipPinOffsetX = '16px';DefaultTheme.tooltipPinOffsetY = '18px';DefaultTheme.tooltipMargin = '10px';DefaultTheme.kebabMargin = '4px';DefaultTheme.kebabBackground = 'transparent';DefaultTheme.kebabBackgroundHover = 'rgba(0, 0, 0, 0.09)';DefaultTheme.kebabBorderRadius = '50%';DefaultTheme.kebabBorder = '2px solid transparent';DefaultTheme.modalBackBg = '#222';DefaultTheme.modalBackOpacity = '0.6';DefaultTheme.modalCloseButtonColor = 'rgba(0, 0, 0, 0.32)';DefaultTheme.modalCloseButtonDisabledColor = '#8b8b8b';DefaultTheme.modalCloseButtonHoverColor = 'rgba(0, 0, 0, 0.865)';DefaultTheme.modalCloseButtonPadding = '36px';DefaultTheme.modalCloseButtonLegacyShift = '0px';DefaultTheme.modalCloseButtonBottomPadding = '20px';DefaultTheme.modalCloseButtonClickArea = '10px';DefaultTheme.modalCloseIconSize = '12px';DefaultTheme.modalCloseLegacyGap = '0px';DefaultTheme.modalCloseWrapperLegacyGap = '0px';DefaultTheme.modalBorderRadius = '0px';DefaultTheme.modalFixedHeaderBorder = 'none';DefaultTheme.modalFixedFooterBorder = 'none';DefaultTheme.modalFixedPanelShadow = 'none';DefaultTheme.modalFooterBg = '#ebebeb';DefaultTheme.modalAdaptiveThreshold = '425px';DefaultTheme.modalPaddingTop = '24px';DefaultTheme.modalPaddingLeft = '32px';DefaultTheme.modalPaddingRight = '36px';DefaultTheme.modalHeaderFontSize = '24px';DefaultTheme.modalHeaderLineHeight = '32px';DefaultTheme.modalHeaderPaddingBottom = '16px';DefaultTheme.modalHeaderPaddingTop = '24px';DefaultTheme.modalBodyTextColor = 'inherit';DefaultTheme.modalFooterTextColor = 'inherit';DefaultTheme.modalBodyPaddingBottom = '24px';DefaultTheme.modalFooterPaddingTop = '0px';DefaultTheme.modalFooterPaddingBottom = '32px';DefaultTheme.modalPaddingBottom = '40px';DefaultTheme.modalFooterPanelPaddingTop = '20px';DefaultTheme.modalFooterPanelPaddingBottom = '20px';DefaultTheme.mobileModalCloseButtonRightPadding = '16px';DefaultTheme.mobileModalCloseButtonTopPadding = '12px';DefaultTheme.mobileModalCloseButtonClickArea = '16px';DefaultTheme.mobileModalCloseIconSize = '12px';DefaultTheme.mobileModalHeaderFontSize = '24px';DefaultTheme.mobileModalHeaderLineHeight = '32px';DefaultTheme.mobileModalHeaderPadding = '16px';DefaultTheme.mobileModalBodyPadding = '16px';DefaultTheme.mobileModalBodyFontSize = '16px';DefaultTheme.mobileModalFooterPadding = '16px';DefaultTheme.mobileModalPaddingBottom = '16px';DefaultTheme.sidePageFooterPanelBg = '#ebebeb';DefaultTheme.sidePageBackingBg = '#222';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.mobileSidePagePaddingLeft = '16px';DefaultTheme.mobileSidePagePaddingRight = '16px';DefaultTheme.mobileSidePagePaddingTop = '16px';DefaultTheme.mobileSidePagePaddingBottom = '16px';DefaultTheme.mobileSidePageFooterPadding = '16px';DefaultTheme.sidePagePaddingLeft = '32px';DefaultTheme.sidePagePaddingRight = '36px';DefaultTheme.sidePagePaddingTop = '24px';DefaultTheme.sidePagePaddingBottom = '40px';DefaultTheme.sidePageFooterPaddingTop = '24px';DefaultTheme.sidePageFooterPaddingBottom = '32px';DefaultTheme.sidePageBodyTextColor = 'inherit';DefaultTheme.sidePageFooterTextColor = 'inherit';DefaultTheme.sidePageHeaderFontSize = '24px';DefaultTheme.sidePageHeaderLineHeight = '32px';DefaultTheme.sidePageHeaderPaddingBottom = '16px';DefaultTheme.sidePageHeaderPaddingTop = '24px';DefaultTheme.sidePageHeaderFixedFontSize = '18px';DefaultTheme.sidePageHeaderFixedLineHeight = '28px';DefaultTheme.sidePageHeaderFixedPaddingY = '10px';DefaultTheme.sidePageHeaderStickyOffset = '5px';DefaultTheme.sidePageCloseButtonPadding = '36px';DefaultTheme.mobileSidePageCloseButtonPadding = '16px';DefaultTheme.sidePageCloseButtonLegacyPaddingLeft = '36px';DefaultTheme.sidePageFooterPanelPaddingTop = '20px';DefaultTheme.sidePageFooterPanelPaddingBottom = '20px';DefaultTheme.sidePageCloseIconSize = '12px';DefaultTheme.sidePageCloseButtonClickArea = '10px';DefaultTheme.mobileSidePageCloseButtonClickArea = '16px';DefaultTheme.sidePageFixedPanelShadow = 'none';DefaultTheme.mobileSidePageHeaderFontSize = '24px';DefaultTheme.mobileSidePageHeaderLineHeight = '32px';DefaultTheme.mobileSidePageHeaderPaddingBottom = '16px';DefaultTheme.mobileSidePageHeaderPaddingTop = '16px';DefaultTheme.dateInputMaskColor = '#b8b8b8';DefaultTheme.dateInputComponentSelectedBgColor = '#cdedff';DefaultTheme.calendarCellHoverColor = 'white';DefaultTheme.calendarCellActiveHoverColor = 'white';DefaultTheme.calendarCellWeekendColor = '#cb3d35';DefaultTheme.calendarCellTodayBorder = '1px solid rgba(0, 0, 0, 0.32)';DefaultTheme.calendarCellSelectedBgColor = '#ebebeb';DefaultTheme.calendarCellSelectedFontColor = 'inherit';DefaultTheme.calendarCellSize = '32px';DefaultTheme.calendarMonthTitleBorderBottomColor = '#dfdede';DefaultTheme.calendarPaddingX = '18px';DefaultTheme.calendarMonthTitleLineHeight = '20px';DefaultTheme.calendarMonthTitlePaddingTop = '12px';DefaultTheme.calendarMonthTitlePaddingBottom = '8px';DefaultTheme.calendarMonthTitleMarginX = '6px';DefaultTheme.calendarMonthTitleMarginBottom = '6px';DefaultTheme.calendarWrapperHeight = ' 330px';DefaultTheme.calendarMonthMarginBottom = '6px';DefaultTheme.calendarMaxMonthsToAppendOnScroll = '5';DefaultTheme.dateSelectLineHeight = '20px';DefaultTheme.dateSelectFontSize = '14px';DefaultTheme.dateSelectFontWeight = 'bold';DefaultTheme.dateSelectMenuItemBgSelected = '#ececec';DefaultTheme.pickerShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';DefaultTheme.pickerTodayWrapperBorderTop = '1px solid #dfdede';DefaultTheme.pickerTodayWrapperHoverBgColor = '#f5f5f5';DefaultTheme.pickerTodayWrapperFontSize = '14px';DefaultTheme.pickerTodayWrapperLineHeight = '20px';DefaultTheme.pickerTodayWrapperPaddingTop = '6px';DefaultTheme.pickerTodayWrapperPaddingBottom = '6px';DefaultTheme.pagingForwardIconMarginTop = '1px';DefaultTheme.pagingPageLinkPaddingX = '0.625em';DefaultTheme.pagingPageLinkPaddingY = '0.3125em';DefaultTheme.pagingPageLinkLegacyPaddingY = '0px';DefaultTheme.pagingPageLinkMinWidth = '0.75em';DefaultTheme.pagingPageForwardLinkMarginTop = '0.35em';DefaultTheme.pagingPageForwardLinkMarginLeft = '10px';DefaultTheme.pagingPageForwardLinkPaddingRight = '1.375em';DefaultTheme.pagingLineHeight = '1.375em';DefaultTheme.pagingDotsColor = 'gray';DefaultTheme.pagingDotsPadding = '0.375em 0.625em 0';DefaultTheme.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.09)';DefaultTheme.pagingPageLinkDisabledActiveBg = 'rgba(0, 0, 0, 0.04)';DefaultTheme.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.pagingPageLinkBorderRadius = '9999px';DefaultTheme.pagingPageLinkHintFontSize = '12px';DefaultTheme.pagingPageLinkHintLineHeight = '16px';DefaultTheme.pagingPageLinkMargin = '0px 1px';DefaultTheme.hintMaxWidth = '200px';DefaultTheme.hintPaddingY = '6px';DefaultTheme.hintPaddingX = '8px';DefaultTheme.hintTextAlign = 'center';DefaultTheme.hintBgColor = 'rgba(51, 51, 51, 0.8)';DefaultTheme.hintBorder = 'none';DefaultTheme.hintBorderRadius = '2px';DefaultTheme.hintPinOffset = '8px';DefaultTheme.hintMargin = '8px';DefaultTheme.toastPaddingY = '10px';DefaultTheme.toastPaddingX = '16px';DefaultTheme.toastBorderRadius = '2px';DefaultTheme.toastBorder = 'none';DefaultTheme.toastTop = '24px';DefaultTheme.toastBg = 'rgba(51, 51, 51, 0.8)';DefaultTheme.toastColor = 'white';DefaultTheme.toastLinkColor = '#8fcdff';DefaultTheme.toastClosePadding = '16px';DefaultTheme.toastCloseColor = 'rgba(255, 255, 255, 0.6)';DefaultTheme.toastCloseHoverColor = 'white';DefaultTheme.toastCloseSize = '8px';DefaultTheme.dropdownMenuSelectedBg = '#f1f1f1';DefaultTheme.menuBorder = 'none';DefaultTheme.menuShadow = '0 4px 12px rgba(0, 0, 0, 0.16)';DefaultTheme.menuPaddingY = '4px';DefaultTheme.mobileMenuPaddingY = '0px';DefaultTheme.menuPaddingX = '0px';DefaultTheme.mobileMenuPaddingX = '0px';DefaultTheme.menuOffsetY = '0px';DefaultTheme.menuItemIconWidth = '16px';DefaultTheme.menuItemIconGap = '4px';DefaultTheme.menuItemIconLegacyMargin = '0px';DefaultTheme.menuItemIconLegacyShift = '0px';DefaultTheme.menuItemPaddingX = '8px';DefaultTheme.menuItemPaddingY = '6px';DefaultTheme.menuItemBorderRadius = '0px';DefaultTheme.menuItemLegacyPaddingX = '0px';DefaultTheme.menuItemLegacyPaddingY = '0px';DefaultTheme.menuItemCommentColor = '#adadad';DefaultTheme.menuItemCommentColorHover = '#fff';DefaultTheme.menuItemDisplay = 'block';DefaultTheme.menuItemPaddingMobile = '12px 16px';DefaultTheme.menuItemDisabledBg = 'transparent';DefaultTheme.menuHeaderLineHeight = '16px';DefaultTheme.menuHeaderFontSize = '12px';DefaultTheme.menuHeaderPaddingX = '8px';DefaultTheme.menuHeaderPaddingTop = '12px';DefaultTheme.menuHeaderPaddingBottom = '4px';DefaultTheme.menuHeaderLegacyPaddingRight = '0px';DefaultTheme.menuSeparatorBorderColor = '#ebebeb';DefaultTheme.menuSeparatorMarginY = '2px';DefaultTheme.menuSeparatorBorderWidth = '1px';DefaultTheme.mobileMenuSeparatorMarginY = '4px';DefaultTheme.mobileMenuSeparatorMarginX = '24px';DefaultTheme.toggleHandleActiveWidthIncrement = '4px';DefaultTheme.toggleHeight = '20px';DefaultTheme.toggleWidth = '32px';DefaultTheme.toggleBg = '#fff';DefaultTheme.toggleCheckedBg = '#fff';DefaultTheme.toggleDisabledHandleBg = '#fff';DefaultTheme.toggleBaseBg = '#fff';DefaultTheme.toggleBgDisabledChecked = '#dadada';DefaultTheme.toggleBgHover = '#f3f3f2';DefaultTheme.toggleCheckedBgHover = '#f3f3f2';DefaultTheme.toggleBgChecked = '#1874cf';DefaultTheme.toggleBorderColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.toggleBgFocus = 'linear-gradient(-180deg, #f1f1f1, #dedede)';DefaultTheme.toggleBgActive = '#e5e5e5';DefaultTheme.toggleCaptionGap = '10px';DefaultTheme.toggleButtonOffsetY = '0px';DefaultTheme.popupBorder = 'none';DefaultTheme.popupBorderRadius = '2px';DefaultTheme.popupBorderColor = 'transparent';DefaultTheme.popupDropShadow = 'drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16))';DefaultTheme.popupBoxShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';DefaultTheme.popupPinOffset = '0px';DefaultTheme.popupPinOffsetX = '16px';DefaultTheme.popupPinOffsetY = '16px';DefaultTheme.popupMargin = '10px';DefaultTheme.popupPinSize = '8px';DefaultTheme.inputShadow = 'none';DefaultTheme.inputBg = 'white';DefaultTheme.inputIconColor = '#a9a9a9';DefaultTheme.inputColor = 'inherit';DefaultTheme.inputWidth = '200px';DefaultTheme.inputPaddingXSmall = '7px';DefaultTheme.inputPaddingXMedium = '11px';DefaultTheme.inputPaddingXLarge = '15px';DefaultTheme.inputIconGapSmall = '4px';DefaultTheme.inputIconGapMedium = '8px';DefaultTheme.inputIconGapLarge = '12px';DefaultTheme.inputIconSizeSmall = '16px';DefaultTheme.inputIconSizeMedium = '18px';DefaultTheme.inputIconSizeLarge = '20px';DefaultTheme.inputBorderRadiusSmall = '0px';DefaultTheme.inputBorderRadiusMedium = '0px';DefaultTheme.inputBorderRadiusLarge = '0px';DefaultTheme.inputBorderTopColor = 'rgba(0, 0, 0, 0.15)';DefaultTheme.checkboxBoxSize = '16px';DefaultTheme.checkboxCaptionGap = '8px';DefaultTheme.checkboxBoxOffsetY = '1px';DefaultTheme.checkboxBgStart = '#fdfdfd';DefaultTheme.checkboxBgEnd = '#ededed';DefaultTheme.checkboxBorder = 'none';DefaultTheme.checkboxCheckedColor = '#fff';DefaultTheme.checkboxBorderRadius = '1px';DefaultTheme.checkboxBg = '#fff';DefaultTheme.textareaBg = '#fff';DefaultTheme.textareaShadow = 'none';DefaultTheme.textareaBorderRadius = '0px';DefaultTheme.textareaWidth = '250px';DefaultTheme.textareaPaddingX = '7px';DefaultTheme.textareaBorderTopColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.textareaDisabledBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.textareaDisabledBorderColor = 'transparent';DefaultTheme.radioBulletSize = '8px';DefaultTheme.radioSize = '16px';DefaultTheme.radioCaptionGap = '8px';DefaultTheme.radioVerticalAlign = 'top';DefaultTheme.radioBgImage = 'none';DefaultTheme.radioBgColor = '#fff';DefaultTheme.radioBoxShadow = 'none';DefaultTheme.radioHoverShadow = 'none';DefaultTheme.radioActiveShadow = 'none';DefaultTheme.radioCheckedBorderColor = 'transparent';DefaultTheme.radioCheckedBulletColor = '#fff';DefaultTheme.radioCaptionDisplay = 'inline-flex';DefaultTheme.radioBorderWidthCompensation = '0px';DefaultTheme.radioCircleOffsetY = '1px';DefaultTheme.radioGroupLegacyItemGap = '0px';DefaultTheme.tabPaddingX = '12px';DefaultTheme.tabBorderWidth = '2px';DefaultTheme.spinnerCaptionGapSmall = '6px';DefaultTheme.spinnerCaptionGapMedium = '-4px';DefaultTheme.spinnerCaptionGapLarge = '-3px';DefaultTheme.switcherBorderRadius = '2px';DefaultTheme.switcherButtonPaddingXSmall = '7px';DefaultTheme.switcherButtonPaddingXMedium = '11px';DefaultTheme.switcherButtonPaddingXLarge = '15px';DefaultTheme.switcherBtnDisabledBorderColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.mobilePopupTopPadding = '80px';DefaultTheme.mobilePopupContainerBottomPadding = '8px';DefaultTheme.mobilePopupHeaderPadding = '16px 16px 8px 16px';DefaultTheme.mobilePopupContainerBorderRadius = '16px';DefaultTheme.mobilePopupHeaderFontWeight = '500';DefaultTheme.mobilePopupHeaderChildPadding = '12px';DefaultTheme.mobilePopupOuterIndentY = '24px';DefaultTheme.scrollContainerScrollBarSize = '4px';DefaultTheme.scrollContainerScrollBarHoverSize = '10px';DefaultTheme.scrollContainerScrollBarColor = 'rgba(183, 183, 183, 0.7)';DefaultTheme.scrollContainerScrollBarInvertColor = 'rgba(255, 255, 255, 0.5)';DefaultTheme.passwordInputVisibilityIconColor = '#000';DefaultTheme.passwordInputVisibilityIconOpacity = '0.6';DefaultTheme.passwordInputVisibilityIconHoverColor = '#000';DefaultTheme.passwordInputVisibilityIconHoverOpacity = '1';DefaultTheme.globalLoaderHeight = '4px';DefaultTheme.globalLoaderWidth = '100%';DefaultTheme.globalLoaderPosition = 'fixed';DefaultTheme.globalLoaderTop = '0px';DefaultTheme.globalLoaderLeft = '0px';DefaultTheme.globalLoaderBottom = 'auto';DefaultTheme.globalLoaderRight = 'auto';DefaultTheme.globalLoaderBackgroundColor = 'transparent';DefaultTheme.globalLoaderTransitionToSpinnerDuration = '500';DefaultTheme.globalLoaderSpinnerAnimationDuration = '2000';DefaultTheme.globalLoaderSlowAnimationDuration = '20000';DefaultTheme.globalLoaderTransitionFromSpinnerDuration = '200';DefaultTheme.fileUploaderWidth = '362px';DefaultTheme.fileUploaderBg = '#fff';DefaultTheme.fileUploaderPaddingX = '7px';DefaultTheme.fileUploaderBorderRadius = '2px';DefaultTheme.fileUploaderBorderColor = 'rgba(0, 0, 0, 0.37)';DefaultTheme.fileUploaderBorderStyle = 'dashed';DefaultTheme.fileUploaderIconSize = '14px';DefaultTheme.fileUploaderIconColor = '#808080';DefaultTheme.fileUploaderIconHoverColor = '#333';DefaultTheme.fileUploaderDisabledBg = '#f2f2f2';DefaultTheme.fileUploaderDisabledBorderColor = '#f2f2f2';DefaultTheme.fileUploaderDisabledTextColor = '#808080';DefaultTheme.fileUploaderDisabledLinkColor = '#808080';DefaultTheme.fileUploaderDisabledIconColor = '#A0A0A0';DefaultTheme.fileUploaderHoveredBg = 'none';DefaultTheme.fileUploaderIconGapSmall = '4px';DefaultTheme.fileUploaderIconGapMedium = '6px';DefaultTheme.fileUploaderIconGapLarge = '8px';
-var DefaultThemeInternal = (0, _ThemeHelpers.exposeGetters)((0, _ThemeHelpers.markAsFullTheme)(DefaultTheme));exports.DefaultThemeInternal = DefaultThemeInternal;
+var DefaultThemeInternal = (0, _ThemeHelpers.exposeGetters)(DefaultTheme);exports.DefaultThemeInternal = DefaultThemeInternal;