@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ecefada396

package/cjs/internal/themes/DefaultTheme.js

@@ -0,0 +1,1630 @@
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DefaultThemeInternal = exports.DefaultTheme = void 0;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var ColorFunctions = _interopRequireWildcard(require("../../lib/styles/ColorFunctions"));
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");var
+
+DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createClass2.default)(DefaultTheme, null, [{ key: "bgSecondary", get:
+    //#region Common variables
+    // deprecated
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    function get() {
+      return this.bgDefault;
+    } }, { key: "bgActive", get:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    function get() {
+      return this.blueLight;
+    } }, { key: "borderColorFocus", get:
+    function get() {
+      return this.blueLight;
+    } }, { key: "borderColorError", get:
+    function get() {
+      return this.errorMain;
+    } }, { key: "borderColorWarning", get:
+    function get() {
+      return this.warningMain;
+    } }, { key: "linkHoverColor", get:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    function get() {
+      return this.linkColor;
+    } }, { key: "linkDisabledColor", get:
+    function get() {
+      return this.textColorDisabled;
+    } }, { key: "tokenTextColorDisabled", get:
+
+
+
+
+
+    function get() {
+      return this.textColorDisabledContrast;
+    } }, { key: "tokenFontSize", get:
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "tokenLineHeight", get:
+
+
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { key: "tokenDefaultIdle", get:
+
+
+
+
+
+
+
+
+
+
+
+    function get() {
+      return this.grayXLight;
+    } }, { key: "tokenDefaultActive", get:
+    function get() {
+      return this.brand;
+    } }, { key: "tokenGrayIdle", get:
+    function get() {
+      return this.grayXLight;
+    } }, { key: "tokenGrayActive", get:
+    function get() {
+      return this.grayDark;
+    } }, { key: "tokenBlueIdle", get:
+    function get() {
+      return this.blueLight;
+    } }, { key: "tokenBlueActive", get:
+    function get() {
+      return this.blueDark;
+    } }, { key: "tokenGreenIdle", get:
+    function get() {
+      return this.greenXxLight;
+    } }, { key: "tokenGreenActive", get:
+    function get() {
+      return this.greenDark;
+    } }, { key: "tokenYellowIdle", get:
+    function get() {
+      return this.yellowXxLight;
+    } }, { key: "tokenYellowActive", get:
+    function get() {
+      return this.yellowDark;
+    } }, { key: "tokenRedIdle", get:
+    function get() {
+      return this.redXxLight;
+    } }, { key: "tokenRedActive", get:
+    function get() {
+      return this.redDark;
+    } }, { key: "tokenWhite", get:
+    function get() {
+      return this.white;
+    } }, { key: "tokenBlack", get:
+    function get() {
+      return this.black;
+    } }, { key: "tokenBorderColorWarning", get:
+    function get() {
+      return this.borderColorWarning;
+    } }, { key: "tokenBorderColorError", get:
+    function get() {
+      return this.borderColorError;
+    } }, { key: "tokenPaddingYDisabled", get:
+
+
+    function get() {
+      return this.tokenPaddingY;
+    } }, { key: "tokenPaddingXDisabled", get:
+    function get() {
+      return this.tokenPaddingX;
+    } }, { 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
+  }, { key: "tokenInputBorderColor", get: function get() {
+      return this.inputBorderColor;
+    } }, { key: "tokenInputBorderColorFocus", get:
+    function get() {
+      return this.inputBorderColorFocus;
+    } }, { key: "tokenInputBorderColorError", get:
+    function get() {
+      return this.inputBorderColorError;
+    } }, { key: "tokenInputBorderColorWarning", get:
+    function get() {
+      return this.inputBorderColorWarning;
+    } }, { key: "tokenInputBorderTopColor", get:
+    function get() {
+      return this.inputBorderTopColor;
+    } }, { key: "tokenInputPlaceholderColor", get:
+    function get() {
+      return this.inputPlaceholderColor;
+    } }, { key: "tokenInputPlaceholderColorLight", get:
+    function get() {
+      return this.inputPlaceholderColorLight;
+    } }, { key: "tokenInputDisabledBg", get:
+    function get() {
+      return this.inputDisabledBg;
+    } }, { key: "tokenInputDisabledBorderColor", get:
+    function get() {
+      return this.inputDisabledBorderColor;
+    } }, { key: "tokenInputBorderWidth", get:
+    function get() {
+      return this.inputBorderWidth;
+    } }, { key: "tokenInputOutlineWidth", get:
+    function get() {
+      return this.inputOutlineWidth;
+    } }, { key: "tokenInputBg", get:
+    function get() {
+      return this.inputBg;
+    } }, { key: "tokenInputShadow", get:
+    function get() {
+      return this.inputShadow;
+    } }, { key: "tokenInputTextColor", get:
+    function get() {
+      return this.inputTextColor;
+    } }, { 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() {
+      var paddingX = parseInt(this.tokenPaddingX, 10) || 0;
+      var removeIconMarginX = parseInt(this.tokenRemoveIconGap, 10) || 0;
+      var removeIconSizeX = parseInt(this.tokenInputFontSize, 10) || 0;
+      return paddingX + removeIconSizeX + removeIconMarginX + "px";
+    }
+    //#endregion
+    //#region Loader
+  }, { key: "btnFocusShadowWidth", get:
+
+
+
+
+
+
+
+    function get() {
+      var outlineWidth = parseInt(this.btnOutlineWidth, 10) || 0;
+      var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
+      return outlineWidth - borderWidth + "px";
+    } }, { key: "btnCheckedDisabledBorderColor", get:
+
+
+
+
+
+    function get() {
+      return this.btnCheckedDisabledBg;
+    } }, { key: "btnBorderWidth", get:
+
+
+
+
+
+    function get() {
+      return this.controlBorderWidth;
+    } }, { key: "btnOutlineWidth", get:
+
+    function get() {
+      return this.controlOutlineWidth;
+    } }, { key: "btnDefaultCheckedBorderColor", get:
+
+
+
+
+
+
+
+
+
+
+
+
+    function get() {
+      return this.btnCheckedBg;
+    } }, { key: "btnDefaultTextColor", get:
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "btnDefaultHoverBorderBottomColor", get:
+
+
+
+
+
+    function get() {
+      return this.btnDefaultHoverBorderColor;
+    } }, { key: "btnDefaultActiveBorderTopColor", get:
+
+    function get() {
+      return this.btnDefaultActiveBorderColor;
+    } }, { key: "btnDefaultBorderBottomColor", get:
+
+    function get() {
+      return this.btnDefaultBorderColor;
+    } }, { key: "btnSuccessHoverBorderBottomColor", get:
+
+
+
+
+    function get() {
+      return this.btnSuccessHoverBorderColor;
+    } }, { key: "btnSuccessBorderBottomColor", get:
+
+    function get() {
+      return this.btnSuccessBorderColor;
+    } }, { key: "btnSuccessActiveBorderTopColor", get:
+
+
+
+
+
+
+
+    function get() {
+      return this.btnSuccessActiveBorderColor;
+    } }, { key: "btnPrimaryHoverBorderBottomColor", get:
+
+
+
+
+    function get() {
+      return this.btnPrimaryHoverBorderColor;
+    } }, { key: "btnPrimaryBorderBottomColor", get:
+
+    function get() {
+      return this.btnPrimaryBorderColor;
+    } }, { key: "btnPrimaryActiveBorderTopColor", get:
+
+
+
+
+
+
+
+    function get() {
+      return this.btnPrimaryActiveBorderColor;
+    } }, { key: "btnDangerHoverBorderBottomColor", get:
+
+
+
+
+    function get() {
+      return this.btnDangerHoverBorderColor;
+    } }, { key: "btnDangerBorderBottomColor", get:
+
+    function get() {
+      return this.btnDangerBorderColor;
+    } }, { key: "btnDangerActiveBorderTopColor", get:
+
+
+
+
+
+
+
+    function get() {
+      return this.btnDangerActiveBorderColor;
+    } }, { key: "btnPayHoverBorderBottomColor", get:
+
+
+
+
+    function get() {
+      return this.btnPayHoverBorderColor;
+    } }, { key: "btnPayBorderBottomColor", get:
+
+    function get() {
+      return this.btnPayBorderColor;
+    } }, { key: "btnPayTextColor", get:
+
+
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "btnPayActiveBorderTopColor", get:
+
+
+
+
+    function get() {
+      return this.btnPayActiveBorderColor;
+    } }, { key: "btnFontSizeSmall", 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: "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: "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:
+
+    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:
+
+
+
+
+    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:
+
+
+
+
+
+
+
+
+    function get() {
+      return this.bgSecondary;
+    } }, { key: "modalFixedHeaderBg", 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:
+
+
+
+
+
+
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "modalFixedHeaderPaddingBottom", get:
+
+
+
+    function get() {
+      return Math.round(parseInt(this.modalHeaderPaddingBottom) / 2) + "px";
+    } }, { key: "sidePageBgDefault", get:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    function get() {
+      return this.bgSecondary;
+    } }, { key: "sidePageHeaderTextColor", get:
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "sidePageFixedHeaderShadow", get:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    function get() {
+      return this.fixedPanelShadow;
+    } }, { key: "sidePageFixedFooterShadow", get:
+    function get() {
+      return this.fixedPanelShadow;
+    } }, { key: "dateInputIconColor", get:
+
+
+
+
+    //#endregion
+    //#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:
+
+
+
+
+
+
+    //#endregion
+    //#region DateSelect
+    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() {
+      return this.textColorInvert;
+    } }, { key: "dateSelectMenuItemFontSelected", get:
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "dateSelectMenuItemFontDisabled", get:
+    function get() {
+      return this.textColorDisabled;
+    }
+    //#endregion
+    //#region Paging
+  }, { 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() {
+      return this.linkDisabledColor;
+    }
+    //#endregion
+    //#region Hint
+  }, { key: "hintColor", get: function get() {
+      return this.textColorInvert;
+    } }, { key: "mobileHintColor", get:
+    function get() {
+      return this.textColorDefault;
+    } }, { 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: "menuBgDefault", get: function get() {
+      return this.bgSecondary;
+    } }, { 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: "menuItemDisabledColor", get:
+    function get() {
+      return this.textColorDisabled;
+    } }, { key: "menuItemLinkColor", get:
+    function get() {
+      return this.linkColor;
+    } }, { key: "menuHeaderColor", get:
+
+
+
+    //menuHeader
+    function get() {
+      return this.gray;
+    } }, { key: "toggleFontSize", get:
+
+
+
+
+
+
+
+
+
+
+    //#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: "toggleBorderRadius", get:
+
+
+    function get() {
+      return "calc(" + this.toggleHeight + " * 0.5)";
+    } }, { key: "toggleBgDisabled", get:
+
+
+
+    function get() {
+      return this.bgDisabled;
+    } }, { key: "toggleBorderWidth", 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: "toggleShadowColorError", get:
+
+
+    function get() {
+      return this.errorMain;
+    } }, { key: "toggleShadowColorWarning", get:
+    function get() {
+      return this.warningMain;
+    } }, { key: "toggleFocusShadowColor", get:
+    function get() {
+      return this.borderColorFocus;
+    } }, { key: "popupTextColor", get:
+
+
+
+
+
+
+
+
+
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "popupBackground", get:
+    function get() {
+      return this.bgSecondary;
+    } }, { key: "inputTextColor", get:
+
+
+
+
+
+    //#endregion
+    //#region Input
+    function get() {
+      return this.textColorDefault;
+    } }, { key: "inputTextColorDisabled", get:
+
+
+
+
+
+    function get() {
+      return this.textColorDisabledContrast;
+    } }, { key: "inputFontSizeSmall", get:
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "inputFontSizeMedium", get:
+    function get() {
+      return this.fontSizeMedium;
+    } }, { key: "inputFontSizeLarge", get:
+    function get() {
+      return this.fontSizeLarge;
+    } }, { key: "inputLineHeightSmall", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { key: "inputLineHeightMedium", get:
+    function get() {
+      return this.controlLineHeightMedium;
+    } }, { key: "inputLineHeightLarge", get:
+    function get() {
+      return this.controlLineHeightLarge;
+    } }, { 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() {
+      return this.controlPaddingYMedium;
+    } }, { key: "inputPaddingYLarge", get:
+    function get() {
+      return this.controlPaddingYLarge;
+    } }, { key: "inputFocusShadow", get:
+
+
+
+
+
+
+
+
+
+    function get() {
+      return "0 0 0 " + this.inputOutlineWidth + " " + this.borderColorFocus;
+    } }, { key: "inputDisabledBg", get:
+    function get() {
+      return this.bgDisabled;
+    } }, { key: "inputDisabledBorderColor", get:
+    function get() {
+      return this.borderColorDisabled;
+    } }, { key: "inputFocusOutline", get:
+    function get() {
+      return this.borderColorFocus;
+    } }, { key: "inputBorderWidth", get:
+    function get() {
+      return this.controlBorderWidth;
+    } }, { key: "inputOutlineWidth", get:
+    function get() {
+      return "calc(" + this.controlOutlineWidth + " - 1px)";
+    } }, { key: "inputBorderColor", get:
+
+
+
+    function get() {
+      return this.borderColorGrayLight;
+    } }, { key: "inputBorderColorFocus", get:
+    function get() {
+      return this.borderColorFocus;
+    } }, { key: "inputBorderColorError", get:
+    function get() {
+      return this.borderColorError;
+    } }, { key: "inputBorderColorWarning", get:
+    function get() {
+      return this.borderColorWarning;
+    } }, { key: "inputPlaceholderColor", get:
+
+    function get() {
+      return this.placeholderColor;
+    } }, { key: "inputPlaceholderColorDisabled", get:
+    function get() {
+      return this.textColorDisabledContrast;
+    } }, { key: "inputPlaceholderColorLight", get:
+    function get() {
+      return this.placeholderColorLight;
+    } }, { key: "inputBlinkColor", get:
+    function get() {
+      return this.blinkColor;
+    }
+    //#endregion
+    //#region Checkbox
+  }, { key: "checkboxFontSize", get: function get() {
+      return this.fontSizeSmall;
+    } }, { key: "checkboxLineHeight", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { 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: "checkboxTextColorDisabled", get:
+    function get() {
+      return this.textColorDisabled;
+    } }, { 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: "checkboxShadowHover", get:
+    function get() {
+      return "0 0 0 " + this.checkboxBorderWidth + " #c3c3c3";
+    } }, { key: "checkboxOutlineColorFocus", get:
+
+    function get() {
+      return this.outlineColorFocus;
+    } }, { key: "checkboxBorderColorWarning", get:
+    function get() {
+      return this.borderColorWarning;
+    } }, { key: "checkboxBorderColorError", get:
+    function get() {
+      return this.borderColorError;
+    } }, { key: "checkboxCheckedHoverShadow", get:
+    function get() {
+      return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedHoverBg;
+    } }, { key: "checkboxOutlineWidth", get:
+
+    function get() {
+      return this.controlOutlineWidth;
+    } }, { key: "checkboxCheckedShadow", get:
+    function get() {
+      return "0 0 0 " + 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: "checkboxHoverBg", get:
+
+    function get() {
+      return this.btnDefaultHoverBg;
+    } }, { key: "checkboxActiveBg", get:
+    function get() {
+      return this.btnDefaultActiveBg;
+    } }, { key: "checkboxCheckedBg", get:
+    function get() {
+      return this.borderColorFocus;
+    } }, { key: "checkboxBgDisabled", get:
+    function get() {
+      return this.bgDisabled;
+    } }, { 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: "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() {
+      return this.placeholderColor;
+    } }, { key: "textareaPlaceholderColorDisabled", get:
+    function get() {
+      return this.textColorDisabledContrast;
+    } }, { key: "textareaFontSize", get:
+
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "textareaLineHeight", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { key: "textareaBorderWidth", get:
+
+    function get() {
+      return this.controlBorderWidth;
+    } }, { 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: "textareaPaddingY", get:
+
+
+    function get() {
+      return this.controlPaddingYSmall;
+    } }, { key: "textareaBorderColor", get:
+    function get() {
+      return this.borderColorGrayLight;
+    } }, { key: "textareaBorderColorFocus", get:
+
+    function get() {
+      return this.borderColorFocus;
+    } }, { key: "textareaBorderColorWarning", get:
+    function get() {
+      return this.borderColorWarning;
+    } }, { key: "textareaBorderColorError", get:
+    function get() {
+      return this.borderColorError;
+    } }, { key: "textareaDisabledBorderColor", get:
+
+    function get() {
+      return this.textareaDisabledBg;
+    } }, { key: "textareaCounterColor", get:
+    function get() {
+      return this.gray;
+    } }, { key: "textareaCounterBg", get:
+    function get() {
+      return ColorFunctions.fade(this.textareaBg, 0.9);
+    } }, { key: "textareaCounterErrorColor", get:
+    function get() {
+      return this.errorText;
+    } }, { key: "textareaCounterHelpIconColor", get:
+    function get() {
+      return this.linkColor;
+    }
+    //#endregion
+    //#region Radio
+  }, { key: "radioOutlineWidth", get:
+    function get() {
+      return this.controlOutlineWidth;
+    } }, { 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() {
+      return this.controlLineHeightSmall;
+    } }, { 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:
+
+    function get() {
+      return this.radioBorderWidth + " solid " + this.radioBorderColor;
+    } }, { key: "radioBorderColorFocus", get:
+    function get() {
+      return this.borderColorFocus;
+    } }, { key: "radioBorderColorWarning", get:
+    function get() {
+      return this.borderColorWarning;
+    } }, { key: "radioBorderColorError", get:
+    function get() {
+      return this.borderColorError;
+    } }, { key: "radioFocusShadow", get:
+
+
+    function get() {
+      return "inset 0 0 0 1px " + this.outlineColorFocus;
+    } }, { key: "radioCheckedBgColor", get:
+    function get() {
+      return this.checkboxCheckedBg;
+    } }, { key: "radioCheckedHoverBgColor", get:
+
+
+    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:
+
+
+
+
+
+
+    //#endregion
+    //#region Tabs
+    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() {
+      return this.borderColorFocus;
+    } }, { key: "tabColorError", get:
+    function get() {
+      return this.btnDangerBg;
+    } }, { key: "tabColorWarning", get:
+    function get() {
+      return this.btnPayBg;
+    } }, { key: "tabColorSuccess", get:
+    function get() {
+      return this.btnSuccessBg;
+    } }, { key: "tabColorPrimary", get:
+    function get() {
+      return this.btnPrimaryBg;
+    } }, { key: "tabColorHover", get:
+    function get() {
+      return this.borderColorFocusLight;
+    } }, { key: "tabColorHoverError", get:
+    function get() {
+      return ColorFunctions.lighten(this.tabColorError, '25%');
+    } }, { key: "tabColorHoverWarning", get:
+    function get() {
+      return ColorFunctions.lighten(this.tabColorWarning, '25%');
+    } }, { key: "tabColorHoverSuccess", get:
+    function get() {
+      return ColorFunctions.lighten(this.tabColorSuccess, '25%');
+    } }, { key: "tabColorHoverPrimary", get:
+    function get() {
+      return ColorFunctions.lighten(this.tabColorPrimary, '25%');
+    }
+    //#endregion
+    //#region Spinner
+  }, { key: "spinnerBgColor", get: function get() {
+      return this.grayXLight;
+    } }, { key: "spinnerColor", get:
+    function get() {
+      return this.red;
+    } }, { key: "spinnerDimmedColor", get:
+    function get() {
+      return this.gray;
+    } }, { key: "spinnerCaptionColor", get:
+    function get() {
+      return this.gray;
+    } }, { 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:
+
+
+
+    //#endregion
+    //#region Switcher
+    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.borderColorDisabled;
+    } }, { key: "mobilePopupHeaderFontSize", get:
+
+
+
+
+
+
+
+    function get() {
+      return this.fontSizeMobile;
+    } }, { key: "mobilePopupHeaderLineHeight", get:
+    function get() {
+      return this.lineHeightMobile;
+    }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    //#endregion
+  }]);return DefaultTheme;}();exports.DefaultTheme = DefaultTheme;DefaultTheme.fontFamilyCompensationBaseline = '0';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 = '#ffe0c3';DefaultTheme.yellow = '#ffa236';DefaultTheme.yellowDark = '#ea7324';DefaultTheme.bgDefault = '#fff';DefaultTheme.bgDisabled = '#f6f6f6';DefaultTheme.errorMain = '#dd473b';DefaultTheme.errorSecondary = '#ffd6d6';DefaultTheme.errorText = '#cb3d35';DefaultTheme.warningMain = '#ffa236';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.borderColorDisabled = '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.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.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 = '2px';DefaultTheme.btnBorderRadiusMedium = '2px';DefaultTheme.btnBorderRadiusLarge = '2px';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.btnDefaultActiveBorderColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.btnDefaultActiveShadow = 'none';DefaultTheme.btnSuccessBg = '#538a1b';DefaultTheme.btnSuccessHoverBg = '#477916';DefaultTheme.btnSuccessHoverBorderColor = '#477916';DefaultTheme.btnSuccessBorderColor = '#538a1b';DefaultTheme.btnSuccessBgStart = 'none';DefaultTheme.btnSuccessBgEnd = 'none';DefaultTheme.btnSuccessTextColor = '#fff';DefaultTheme.btnSuccessHoverBgStart = 'none';DefaultTheme.btnSuccessHoverBgEnd = 'none';DefaultTheme.btnSuccessActiveBg = '#3a6710';DefaultTheme.btnSuccessActiveBorderColor = '#3a6710';DefaultTheme.btnSuccessActiveShadow = 'none';DefaultTheme.btnPrimaryBg = '#1c7edf';DefaultTheme.btnPrimaryHoverBg = '#1874cf';DefaultTheme.btnPrimaryHoverBorderColor = '#1874cf';DefaultTheme.btnPrimaryBorderColor = '#1c7edf';DefaultTheme.btnPrimaryBgStart = 'none';DefaultTheme.btnPrimaryBgEnd = 'none';DefaultTheme.btnPrimaryTextColor = '#fff';DefaultTheme.btnPrimaryHoverBgStart = 'none';DefaultTheme.btnPrimaryHoverBgEnd = 'none';DefaultTheme.btnPrimaryActiveBg = '#156abe';DefaultTheme.btnPrimaryActiveBorderColor = '#156abe';DefaultTheme.btnPrimaryActiveShadow = 'none';DefaultTheme.btnDangerBg = '#dd473b';DefaultTheme.btnDangerHoverBg = '#cb3d35';DefaultTheme.btnDangerHoverBorderColor = '#cb3d35';DefaultTheme.btnDangerBorderColor = '#dd473b';DefaultTheme.btnDangerBgStart = 'none';DefaultTheme.btnDangerBgEnd = 'none';DefaultTheme.btnDangerTextColor = '#fff';DefaultTheme.btnDangerHoverBgStart = 'none';DefaultTheme.btnDangerHoverBgEnd = 'none';DefaultTheme.btnDangerActiveBg = '#ba342e';DefaultTheme.btnDangerActiveBorderColor = '#ba342e';DefaultTheme.btnDangerActiveShadow = 'none';DefaultTheme.btnPayBg = '#ffa236';DefaultTheme.btnPayHoverBg = '#ff8227';DefaultTheme.btnPayHoverBorderColor = '#ff8227';DefaultTheme.btnPayBorderColor = '#ffa236';DefaultTheme.btnPayBgStart = 'none';DefaultTheme.btnPayBgEnd = 'none';DefaultTheme.btnPayHoverBgStart = 'none';DefaultTheme.btnPayHoverBgEnd = 'none';DefaultTheme.btnPayActiveBg = '#ea7324';DefaultTheme.btnPayActiveBorderColor = '#ea7324';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.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.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 = '0';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.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.pagingPageLinkHintFontSize = '12px';DefaultTheme.pagingPageLinkHintLineHeight = '16px';DefaultTheme.pagingPageLinkBorderRadius = '50%';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.menuItemIconWidth = '16px';DefaultTheme.menuItemIconGap = '4px';DefaultTheme.menuItemIconLegacyMargin = '0px';DefaultTheme.menuItemIconLegacyShift = '0px';DefaultTheme.menuItemPaddingX = '8px';DefaultTheme.menuItemPaddingY = '6px';DefaultTheme.menuItemLegacyPaddingX = '0px';DefaultTheme.menuItemLegacyPaddingY = '0px';DefaultTheme.menuItemCommentColor = '#adadad';DefaultTheme.menuItemCommentColorHover = '#fff';DefaultTheme.menuItemPaddingMobile = '12px 16px';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.toggleHandleActiveWidthIncrement = '4px';DefaultTheme.toggleHeight = '20px';DefaultTheme.toggleWidth = '32px';DefaultTheme.toggleBg = '#fff';DefaultTheme.toggleDisabledHandleBg = '#fff';DefaultTheme.toggleBaseBg = '#fff';DefaultTheme.toggleBgDisabledChecked = '#dadada';DefaultTheme.toggleBgHover = '#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 = '0';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.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-table';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.switcherButtonPaddingXSmall = '7px';DefaultTheme.switcherButtonPaddingXMedium = '11px';DefaultTheme.switcherButtonPaddingXLarge = '15px';DefaultTheme.switcherButtonCheckedDisabledShadow = 'none';DefaultTheme.mobilePopupTopPadding = '20px';DefaultTheme.mobilePopupHeaderPadding = '0 16px';DefaultTheme.mobilePopupHeaderBorderRadius = '8px 8px 0px 0px';DefaultTheme.mobilePopupHeaderShadow = '0px 0px 16px 1px rgba(0, 0, 0, 0.1)';DefaultTheme.mobilePopupHeaderFontWeight = '500';DefaultTheme.mobilePopupHeaderChildPadding = '12px';DefaultTheme.scrollContainerScrollBarSize = '4px';DefaultTheme.scrollContainerScrollBarHoverSize = '10px';DefaultTheme.scrollContainerScrollBarColor = '#b7b7b7';DefaultTheme.scrollContainerScrollBarInvertColor = 'rgba(255, 255, 255, 0.5)';DefaultTheme.passwordInputVisibilityIconColor = '#000';DefaultTheme.passwordInputVisibilityIconOpacity = '0.6';DefaultTheme.passwordInputVisibilityIconHoverColor = '#000';DefaultTheme.passwordInputVisibilityIconHoverOpacity = '1';
+
+var DefaultThemeInternal = (0, _ThemeHelpers.exposeGetters)(DefaultTheme);exports.DefaultThemeInternal = DefaultThemeInternal;