npm - @skbkontur/react-ui - Versions diffs - 0.0.0-b408db2ccf → 0.0.0-b4710fb038 - Mend

@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

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 (3486) hide show

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

@@ -1,2880 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;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;var
-DefaultTheme = exports.DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}return (0, _createClass2.default)(DefaultTheme, null, [{ key: "bgSecondary", get:
-    function get() {
-      return this.bgDefault;
-    } }, { key: "borderColorDisabled", get:
-    function get() {
-      return this.bgDisabled;
-    } }, { 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: "linkGrayedColor", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { key: "linkGrayedHoverColor", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { key: "linkGrayedActiveColor", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { key: "linkLineHoverBorderBottomStyle", get:
-    function get() {
-      return this.linkLineBorderBottomStyle;
-    } }, { key: "tokenTextColorDisabled", get:
-    function get() {
-      return this.textColorDisabledContrast;
-    }
-    /**
-     * @deprecated use tokenFontSizeSmall
-     */ }, { key: "tokenFontSize", get:
-    function get() {
-      return this.fontSizeSmall;
-    } }, { key: "tokenFontSizeSmall", get:
-    function get() {
-      return this.tokenFontSize;
-    } }, { key: "tokenFontSizeMedium", get:
-    function get() {
-      return this.fontSizeMedium;
-    } }, { key: "tokenFontSizeLarge", get:
-    function get() {
-      return this.fontSizeLarge;
-    }
-    /**
-     * @deprecated use tokenMarginYSmall
-     */ }, { key: "tokenMarginYSmall", get:
-    function get() {
-      return this.tokenMarginY;
-    } }, { key: "tokenMarginXSmall", get:
-    function get() {
-      return this.tokenMarginX;
-    } }, { key: "tokenLineHeight", get:
-    /**
-     * @deprecated use tokenLineHeightSmall
-     */
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "tokenLineHeightSmall", get:
-    function get() {
-      return this.tokenLineHeight;
-    } }, { key: "tokenLineHeightMedium", get:
-    function get() {
-      return this.controlLineHeightMedium;
-    } }, { key: "tokenLineHeightLarge", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    }
-    /**
-     * @deprecated use tokenPaddingYSmall
-     */ }, { key: "tokenPaddingYSmall", get:
-    function get() {
-      return this.tokenPaddingY;
-    } }, { key: "tokenPaddingXSmall", get:
-    function get() {
-      return this.tokenPaddingX;
-    } }, { 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;
-    } }, { key: "tokenInputLineHeight", get:
-    //#endregion
-    //#region TokenInput
-    /**
-     * @deprecated use tokenInputLineHeightSmall
-     */
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "tokenInputLineHeightSmall", get:
-    function get() {
-      return this.tokenInputLineHeight;
-    } }, { key: "tokenInputLineHeightMedium", get:
-    function get() {
-      return this.controlLineHeightMedium;
-    } }, { key: "tokenInputLineHeightLarge", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    } }, { key: "tokenInputBorderColor", get:
-    function get() {
-      return this.inputBorderColor;
-    } }, { key: "tokenInputBorderColorHover", get:
-    function get() {
-      return this.inputBorderColorHover;
-    } }, { 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: "tokenInputMenuPopupBg", get:
-    function get() {
-      return this.bgSecondary;
-    } }, { 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;
-    }
-    /**
-     * @deprecated use tokenInputPaddingYSmall
-     */ }, { key: "tokenInputPaddingYSmall", get:
-    function get() {
-      return this.tokenInputPaddingY;
-    } }, { key: "tokenInputPaddingXSmall", get:
-    function get() {
-      return this.tokenInputPaddingX;
-    } }, { 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: "btnIconGapSmallLeft", get:
-    function get() {
-      return this.btnIconGapSmall;
-    } }, { key: "btnIconGapMediumLeft", get:
-    function get() {
-      return this.btnIconGapMedium;
-    } }, { key: "btnIconGapLargeLeft", get:
-    function get() {
-      return this.btnIconGapLarge;
-    } }, { key: "btnDefaultCheckedBorderColor", get:
-    function get() {
-      return this.btnCheckedBg;
-    } }, { key: "btnDefaultTextColor", get:
-    function get() {
-      return this.textColorDefault;
-    } }, { key: "btnPayTextColor", get:
-    function get() {
-      return this.textColorDefault;
-    } }, { 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: "btnLinkActiveColor", get:
-    function get() {
-      return this.linkActiveColor;
-    } }, { key: "btnLinkHoverTextDecoration", get:
-    function get() {
-      return this.linkHoverTextDecoration;
-    } }, { key: "btnLinkLineBorderBottomColor", get:
-    function get() {
-      return this.linkLineBorderBottomColor;
-    } }, { key: "btnLinkHoverLineBorderBottomStyle", get:
-    function get() {
-      return this.btnLinkLineBorderBottomStyle;
-    } }, { key: "btnLinkLineBorderBottomOpacity", get:
-    function get() {
-      return this.linkLineBorderBottomOpacity;
-    } }, { key: "btnLinkIconMarginRight", get:
-    function get() {
-      return this.linkIconMarginRight;
-    } }, { key: "btnLinkIconMarginLeft", 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;
-    } }, { key: "btnBacklessBorderColor", get:
-    function get() {
-      return this.btnDefaultBorderColor;
-    } }, { key: "btnBacklessDisabledBorderColor", get:
-    function get() {
-      return this.btnDisabledBorderColor;
-    } }, { key: "btnBacklessHoverBorderColor", get:
-    function get() {
-      return this.btnBacklessBorderColor;
-    } }, { key: "btnBacklessTextColor", get:
-    function get() {
-      return this.btnDefaultTextColor;
-    } }, { key: "btnTextBorderColor", get:
-    function get() {
-      return this.btnDefaultBorderColor;
-    } }, { key: "btnTextTextColor", get:
-    function get() {
-      return this.btnDefaultTextColor;
-    } }, { key: "btnTextHoverBorderColor", get:
-    function get() {
-      return this.btnTextHoverBg;
-    } }, { key: "selectDefaultBg", get:
-    //#endregion
-    //#region Select
-    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:
-    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;
-    } }, { key: "selectMenuOffsetY", get:
-    function get() {
-      return this.menuOffsetY;
-    } }, { key: "selectBorderColorHover", get:
-    function get() {
-      return this.btnDefaultHoverBorderColor;
-    } }, { 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: "kebabBackgroundActive", get:
-    function get() {
-      return this.kebabBackgroundHover;
-    } }, { 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: "dateInputComponentSelectedTextColor", get:
-    function get() {
-      return this.textColorDefault;
-    }
-    //#endregion
-    //#region Calendar
-  }, { key: "calendarBottomSeparatorBorderColor", get: function get() {
-      return ColorFunctions.fade(this.calendarMonthTitleBorderBottomColor, 1);
-    } }, { key: "calendarBottomSeparatorBorderWidth", get:
-    function get() {
-      return '1px';
-    } }, { key: "calendarBottomSeparatorBorder", get:
-    function get() {
-      return this.calendarBottomSeparatorBorderWidth + " solid " + this.calendarBottomSeparatorBorderColor;
-    } }, { key: "calendarBg", get:
-    function get() {
-      return this.bgSecondary;
-    } }, { key: "calendarCellBg", get:
-    function get() {
-      return this.bgSecondary;
-    } }, { key: "calendarCellHeight", get:
-    // deprecated
-    function get() {
-      return this.calendarCellSize;
-    } }, { key: "calendarCellWidth", get:
-    function get() {
-      return this.calendarCellSize;
-    } }, { key: "calendarCellLineHeight", get:
-    function get() {
-      return parseInt(this.calendarCellHeight) - 2 + "px";
-    } }, { key: "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.bgSecondary;
-    } }, { 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;
-    } }, { key: "pagingDotsDisabledColor", get:
-    function get() {
-      return this.textColorDisabled;
-    }
-    //#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: "dropdownMenuHoverBorderColor", get:
-    function get() {
-      return this.btnDefaultHoverBorderColor;
-    } }, { key: "dropdownMenuHoverBg", get:
-    function get() {
-      //deprecated
-      return this.bgActive;
-    } }, { key: "dropdownMenuOffsetY", get:
-    function get() {
-      return this.menuOffsetY;
-    } }, { key: "dropdownMenuMenuOffsetY", get:
-    function get() {
-      return this.menuOffsetY;
-    } }, { key: "dropdownDefaultBg", get:
-    function get() {
-      return this.btnDefaultBg;
-    } }, { key: "dropdownBorderWidth", get:
-    function get() {
-      return this.btnBorderWidth;
-    } }, { key: "dropdownOutlineWidth", get:
-    function get() {
-      return this.btnOutlineWidth;
-    } }, { key: "dropdownLineHeightSmall", get:
-    function get() {
-      return this.btnLineHeightSmall;
-    } }, { key: "dropdownFontSizeSmall", get:
-    function get() {
-      return this.btnFontSizeSmall;
-    } }, { key: "dropdownPaddingXSmall", get:
-    function get() {
-      return this.selectPaddingXSmall;
-    } }, { key: "dropdownPaddingYSmall", get:
-    function get() {
-      return this.btnPaddingYSmall;
-    } }, { key: "dropdownIconSizeSmall", get:
-    function get() {
-      return this.btnIconSizeSmall;
-    } }, { key: "dropdownLineHeightMedium", get:
-    function get() {
-      return this.btnLineHeightMedium;
-    } }, { key: "dropdownFontSizeMedium", get:
-    function get() {
-      return this.btnFontSizeMedium;
-    } }, { key: "dropdownPaddingXMedium", get:
-    function get() {
-      return this.selectPaddingXMedium;
-    } }, { key: "dropdownPaddingYMedium", get:
-    function get() {
-      return this.btnPaddingYMedium;
-    } }, { key: "dropdownIconSizeMedium", get:
-    function get() {
-      return this.btnIconSizeMedium;
-    } }, { key: "dropdownLineHeightLarge", get:
-    function get() {
-      return this.btnLineHeightLarge;
-    } }, { key: "dropdownFontSizeLarge", get:
-    function get() {
-      return this.btnFontSizeLarge;
-    } }, { key: "dropdownPaddingXLarge", get:
-    function get() {
-      return this.selectPaddingXLarge;
-    } }, { key: "dropdownPaddingYLarge", get:
-    function get() {
-      return this.btnPaddingYLarge;
-    } }, { key: "dropdownIconSizeLarge", get:
-    function get() {
-      return this.btnIconSizeLarge;
-    } }, { key: "dropdownBgDisabled", get:
-    function get() {
-      return this.btnDisabledBg;
-    } }, { key: "dropdownBorderColorDisabled", get:
-    function get() {
-      return this.btnDisabledBorderColor;
-    } }, { key: "dropdownTextColorDisabled", get:
-    function get() {
-      return this.btnDisabledTextColor;
-    }
-    //#endregion
-    //#region Menu
-  }, { 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;
-    }
-    /**
-     * @deprecated use menuItemIconWidthSmall
-     */ }, { key: "menuItemIconWidthSmall", get:
-    function get() {
-      return this.menuItemIconWidth;
-    } }, { key: "menuItemPaddingForIcon", get:
-    /**
-     * @deprecated use menuItemPaddingForIconSmall
-     */
-    function get() {
-      return (
-        parseInt(this.menuItemPaddingXSmall) +
-        parseInt(this.menuItemIconWidthSmall) +
-        parseInt(this.menuItemIconGap) +
-        parseInt(this.menuItemIconLegacyMargin) + "px");
-    } }, { key: "menuItemPaddingForIconSmall", get:
-    function get() {
-      return this.menuItemPaddingForIcon;
-    } }, { key: "menuItemPaddingForIconMedium", get:
-    function get() {
-      return (
-        parseInt(this.menuItemPaddingXMedium) +
-        parseInt(this.menuItemIconWidthMedium) +
-        parseInt(this.menuItemIconGap) +
-        parseInt(this.menuItemIconLegacyMargin) + "px");
-    } }, { key: "menuItemPaddingForIconLarge", get:
-    function get() {
-      return (
-        parseInt(this.menuItemPaddingXLarge) +
-        parseInt(this.menuItemIconWidthLarge) +
-        parseInt(this.menuItemIconGap) +
-        parseInt(this.menuItemIconLegacyMargin) + "px");
-    }
-    /**
-     * @deprecated use menuItemLineHeightSmall
-     */ }, { key: "menuItemLineHeight", get:
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "menuItemLineHeightSmall", get:
-    function get() {
-      return this.menuItemLineHeight;
-    } }, { key: "menuItemLineHeightMedium", get:
-    function get() {
-      return this.controlLineHeightMedium;
-    } }, { key: "menuItemLineHeightLarge", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    }
-    /**
-     * @deprecated use menuItemFontSizeSmall
-     */ }, { key: "menuItemFontSize", get:
-    function get() {
-      return this.fontSizeSmall;
-    } }, { key: "menuItemFontSizeSmall", get:
-    function get() {
-      return this.menuItemFontSize;
-    } }, { key: "menuItemFontSizeMedium", get:
-    function get() {
-      return this.fontSizeMedium;
-    } }, { key: "menuItemFontSizeLarge", get:
-    function get() {
-      return this.fontSizeLarge;
-    }
-    /**
-     * @deprecated use menuItemPaddingXSmall
-     */ }, { key: "menuItemPaddingXSmall", get:
-    function get() {
-      return this.menuItemPaddingX;
-    } }, { key: "menuItemPaddingYSmall", get:
-    function get() {
-      return this.menuItemPaddingY;
-    } }, { 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.menuItemPaddingYSmall;
-    } }, { key: "menuMessagePaddingX", get:
-    function get() {
-      return this.menuItemPaddingXSmall;
-    } }, { key: "menuMessageDisplay", get:
-    function get() {
-      return this.menuItemDisplay;
-    } }, { key: "menuMessagePaddingMobile", get:
-    function get() {
-      return this.menuItemPaddingMobile;
-    }
-    /**
-     * @deprecated use menuMessageLineHeightSmall
-     */ }, { key: "menuMessageLineHeight", get:
-    function get() {
-      return this.menuItemLineHeightSmall;
-    } }, { key: "menuMessageLineHeightMobile", get:
-    function get() {
-      return this.menuItemLineHeightMobile;
-    }
-    /**
-     * @deprecated use menuMessageFontSizeSmall
-     */ }, { key: "menuMessageFontSize", get:
-    function get() {
-      return this.menuItemFontSizeSmall;
-    } }, { key: "menuMessageFontSizeMobile", get:
-    function get() {
-      return this.menuItemFontSizeMobile;
-    } }, { key: "menuMessageFontSizeSmall", get:
-    function get() {
-      return this.menuItemFontSizeSmall;
-    } }, { key: "menuMessageFontSizeMedium", get:
-    function get() {
-      return this.menuItemFontSizeMedium;
-    } }, { key: "menuMessageFontSizeLarge", get:
-    function get() {
-      return this.menuItemFontSizeLarge;
-    } }, { key: "menuMessageLineHeightSmall", get:
-    function get() {
-      return this.menuItemLineHeightSmall;
-    } }, { key: "menuMessageLineHeightMedium", get:
-    function get() {
-      return this.menuItemLineHeightMedium;
-    } }, { key: "menuMessageLineHeightLarge", get:
-    function get() {
-      return this.menuItemLineHeightLarge;
-    } }, { key: "menuHeaderLineHeightSmall", get:
-    function get() {
-      return this.menuHeaderLineHeight;
-    } }, { key: "menuHeaderFontSizeSmall", get:
-    function get() {
-      return this.menuHeaderFontSize;
-    } }, { key: "menuHeaderPaddingXSmall", get:
-    function get() {
-      return this.menuHeaderPaddingX;
-    } }, { key: "menuHeaderPaddingTopSmall", get:
-    function get() {
-      return this.menuHeaderPaddingTop;
-    } }, { key: "menuHeaderPaddingBottomSmall", get:
-    function get() {
-      return this.menuHeaderPaddingBottom;
-    } }, { key: "menuFooterColor", get:
-    //menuFooter
-    function get() {
-      return this.menuHeaderColor;
-    } }, { key: "menuFooterLineHeightSmall", get:
-    function get() {
-      return this.menuHeaderLineHeightSmall;
-    } }, { key: "menuFooterLineHeightMedium", get:
-    function get() {
-      return this.menuHeaderLineHeightMedium;
-    } }, { key: "menuFooterLineHeightLarge", get:
-    function get() {
-      return this.menuHeaderLineHeightLarge;
-    } }, { key: "menuFooterFontSizeSmall", get:
-    function get() {
-      return this.menuHeaderFontSizeSmall;
-    } }, { key: "menuFooterFontSizeMedium", get:
-    function get() {
-      return this.menuHeaderFontSizeMedium;
-    } }, { key: "menuFooterFontSizeLarge", get:
-    function get() {
-      return this.menuHeaderFontSizeLarge;
-    } }, { key: "menuFooterPaddingXSmall", get:
-    function get() {
-      return this.menuHeaderPaddingXSmall;
-    } }, { key: "menuFooterPaddingXMedium", get:
-    function get() {
-      return this.menuHeaderPaddingXMedium;
-    } }, { key: "menuFooterPaddingXLarge", get:
-    function get() {
-      return this.menuHeaderPaddingXLarge;
-    } }, { key: "menuFooterPaddingTopSmall", get:
-    function get() {
-      return this.menuHeaderPaddingBottomSmall;
-    } }, { key: "menuFooterPaddingTopMedium", get:
-    function get() {
-      return this.menuHeaderPaddingBottomMedium;
-    } }, { key: "menuFooterPaddingTopLarge", get:
-    function get() {
-      return this.menuHeaderPaddingBottomLarge;
-    } }, { key: "menuFooterPaddingBottomSmall", get:
-    function get() {
-      return this.menuHeaderPaddingTopSmall;
-    } }, { key: "menuFooterPaddingBottomMedium", get:
-    function get() {
-      return this.menuHeaderPaddingTopMedium;
-    } }, { key: "menuFooterPaddingBottomLarge", get:
-    function get() {
-      return this.menuHeaderPaddingTopLarge;
-    } }, { key: "toggleFontSize", get:
-    //#endregion
-    //#region Toggle
-    /**
-     * @deprecated use toggleFontSizeSmall
-     */
-    function get() {
-      return this.fontSizeSmall;
-    }
-    /**
-     * @deprecated use toggleLineHeightSmall
-     */ }, { key: "toggleLineHeight", get:
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "toggleLineHeightSmall", get:
-    function get() {
-      return this.toggleLineHeight;
-    } }, { key: "toggleLineHeightMedium", get:
-    function get() {
-      return this.controlLineHeightMedium;
-    } }, { key: "toggleLineHeightLarge", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    } }, { key: "toggleFontSizeSmall", get:
-    function get() {
-      return this.toggleFontSize;
-    } }, { key: "toggleFontSizeMedium", get:
-    function get() {
-      return this.fontSizeMedium;
-    } }, { key: "toggleFontSizeLarge", get:
-    function get() {
-      return this.fontSizeLarge;
-    } }, { key: "toggleTextColor", get:
-    function get() {
-      return this.textColorDefault;
-    } }, { key: "toggleHandleBorderRadius", get:
-    /**
-     * @deprecated use toggleHandleBorderRadiusSmall
-     */
-    function get() {
-      var height = parseInt(this.toggleHeightSmall, 10) || 0;
-      var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-      var handleSize = height - 2 * borderWidth;
-      return handleSize / 2 + "px";
-    } }, { key: "toggleHandleBorderRadiusSmall", get:
-    function get() {
-      return this.toggleHandleBorderRadius;
-    } }, { key: "toggleHandleBorderRadiusMedium", get:
-    function get() {
-      var height = parseInt(this.toggleHeightMedium, 10) || 0;
-      var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-      var handleSize = height - 2 * borderWidth;
-      return handleSize / 2 + "px";
-    } }, { key: "toggleHandleBorderRadiusLarge", get:
-    function get() {
-      var height = parseInt(this.toggleHeightLarge, 10) || 0;
-      var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-      var handleSize = height - 2 * borderWidth;
-      return handleSize / 2 + "px";
-    }
-    /**
-     * @deprecated use toggleHeightSmall
-     */ }, { key: "toggleHeightSmall", get:
-    function get() {
-      return this.toggleHeight;
-    } }, { key: "toggleWidthSmall", get:
-    function get() {
-      return this.toggleWidth;
-    } }, { key: "toggleBorderRadius", get:
-    /**
-     * @deprecated use toggleBorderRadiusSmall
-     */
-    function get() {
-      return "calc(" + this.toggleHeightSmall + " * 0.5)";
-    } }, { key: "toggleBorderRadiusSmall", get:
-    function get() {
-      return this.toggleBorderRadius;
-    } }, { key: "toggleBorderRadiusMedium", get:
-    function get() {
-      return "calc(" + this.toggleHeightMedium + " * 0.5)";
-    } }, { key: "toggleBorderRadiusLarge", get:
-    function get() {
-      return "calc(" + this.toggleHeightLarge + " * 0.5)";
-    }
-    /**
-     * @deprecated use toggleHandleBg
-     */ }, { 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;
-    }
-    /**
-     * @deprecated use toggleHandleSizeSmall
-     */ }, { key: "toggleHandleSize", get:
-    function get() {
-      var toggleHeight = parseInt(this.toggleHeightSmall, 10) || 0;
-      var toggleBorderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-      return toggleHeight - 2 * toggleBorderWidth + "px";
-    } }, { key: "toggleHandleSizeSmall", get:
-    function get() {
-      return this.toggleHandleSize;
-    } }, { key: "toggleHandleSizeMedium", get:
-    function get() {
-      var toggleHeight = parseInt(this.toggleHeightMedium, 10) || 0;
-      var toggleBorderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-      return toggleHeight - 2 * toggleBorderWidth + "px";
-    } }, { key: "toggleHandleSizeLarge", get:
-    function get() {
-      var toggleHeight = parseInt(this.toggleHeightLarge, 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: "toggleShadowColorWarning", get:
-    function get() {
-      return this.warningMain;
-    } }, { key: "toggleFocusShadowColor", get:
-    function get() {
-      return this.borderColorFocus;
-    } }, { key: "toggleOutlineColorFocus", get:
-    function get() {
-      return this.outlineColorFocus;
-    } }, { key: "toggleHandleBoxShadowOld", get:
-    function get() {
-      return "0 " + this.toggleBorderWidth + " 0 0 rgba(0, 0, 0, 0.15), 0 0 0 " + this.toggleBorderWidth + " rgba(0, 0, 0, 0.15)";
-    } }, { key: "toggleContainerBgHover", get:
-    function get() {
-      return this.toggleBgHover;
-    } }, { key: "toggleContainerBgChecked", get:
-    function get() {
-      return this.toggleBgChecked;
-    } }, { key: "toggleHandleBg", get:
-    function get() {
-      return this.toggleBg;
-    } }, { 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: "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() {
-      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: "inputFocusedBg", get:
-    function get() {
-      return this.inputBg;
-    } }, { 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: "inputBorderColorHover", get:
-    function get() {
-      return this.inputBorderColor;
-    } }, { 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;
-    } }, { key: "checkboxFontSize", get:
-    //#endregion
-    //#region Checkbox
-    /**
-     * @deprecated use checkboxFontSizeSmall
-     */
-    function get() {
-      return this.fontSizeSmall;
-    } }, { key: "checkboxFontSizeSmall", get:
-    function get() {
-      return this.checkboxFontSize;
-    } }, { key: "checkboxFontSizeMedium", get:
-    function get() {
-      return this.fontSizeMedium;
-    } }, { key: "checkboxFontSizeLarge", get:
-    function get() {
-      return this.fontSizeLarge;
-    }
-    /**
-     * @deprecated use checkboxLineHeightSmall
-     */ }, { key: "checkboxLineHeight", get:
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "checkboxLineHeightSmall", get:
-    function get() {
-      return this.checkboxLineHeight;
-    } }, { key: "checkboxLineHeightMedium", get:
-    function get() {
-      return this.controlLineHeightMedium;
-    } }, { key: "checkboxLineHeightLarge", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    }
-    /**
-     * @deprecated use checkboxBoxSizeSmall
-     */ }, { key: "checkboxPaddingY", get:
-    /**
-     * @deprecated use checkboxPaddingYSmall
-     */
-    function get() {
-      var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
-      var lineHeight = parseInt(this.checkboxLineHeightSmall, 10) || 0;
-      return (controlHeight - lineHeight) / 2 + "px";
-    } }, { key: "checkboxPaddingYSmall", get:
-    function get() {
-      return this.checkboxPaddingY;
-    } }, { key: "checkboxPaddingYMedium", get:
-    function get() {
-      var controlHeight = parseInt(this.controlHeightMedium, 10) || 0;
-      var lineHeight = parseInt(this.checkboxLineHeightMedium, 10) || 0;
-      return (controlHeight - lineHeight) / 2 + "px";
-    } }, { key: "checkboxPaddingYLarge", get:
-    function get() {
-      var controlHeight = parseInt(this.controlHeightLarge, 10) || 0;
-      var lineHeight = parseInt(this.checkboxLineHeightLarge, 10) || 0;
-      return (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:
-    /**
-     * @deprecated use textareaFontSizeSmall
-     */
-    function get() {
-      return this.fontSizeSmall;
-    } }, { key: "textareaFontSizeSmall", get:
-    function get() {
-      return this.textareaFontSize;
-    } }, { key: "textareaFontSizeMedium", get:
-    function get() {
-      return this.fontSizeMedium;
-    } }, { key: "textareaFontSizeLarge", get:
-    function get() {
-      return this.fontSizeLarge;
-    }
-    /**
-     * @deprecated use textareaLineHeightSmall
-     */ }, { key: "textareaLineHeight", get:
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "textareaLineHeightSmall", get:
-    function get() {
-      return this.textareaLineHeight;
-    } }, { key: "textareaLineHeightMedium", get:
-    function get() {
-      return this.controlLineHeightMedium;
-    } }, { key: "textareaLineHeightLarge", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    } }, { 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";
-    }
-    /**
-     * @deprecated use textareaMinHeightSmall
-     */ }, { key: "textareaMinHeight", get:
-    function get() {
-      var lineHeight = parseInt(this.textareaLineHeightSmall, 10) || 0;
-      var paddingY = parseInt(this.textareaPaddingYSmall, 10) || 0;
-      var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-      return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
-    } }, { key: "textareaMinHeightSmall", get:
-    function get() {
-      return this.textareaMinHeight;
-    } }, { key: "textareaMinHeightMedium", get:
-    function get() {
-      var lineHeight = parseInt(this.textareaLineHeightMedium, 10) || 0;
-      var paddingY = parseInt(this.textareaPaddingYMedium, 10) || 0;
-      var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-      return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
-    } }, { key: "textareaMinHeightLarge", get:
-    function get() {
-      var lineHeight = parseInt(this.textareaLineHeightLarge, 10) || 0;
-      var paddingY = parseInt(this.textareaPaddingYLarge, 10) || 0;
-      var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-      return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
-    } }, { key: "textareaPaddingXSmall", get:
-    function get() {
-      return this.textareaPaddingX;
-    } }, { key: "textareaPaddingY", get:
-    /**
-     * @deprecated use textareaPaddingYSmall
-     */
-    function get() {
-      return this.controlPaddingYSmall;
-    } }, { key: "textareaPaddingYSmall", get:
-    function get() {
-      return this.textareaPaddingY;
-    } }, { key: "textareaPaddingYMedium", get:
-    function get() {
-      return this.controlPaddingYMedium;
-    } }, { key: "textareaPaddingYLarge", get:
-    function get() {
-      return this.controlPaddingYLarge;
-    } }, { key: "textareaBorderColor", get:
-    function get() {
-      return this.borderColorGrayLight;
-    } }, { key: "textareaBorderColorFocus", get:
-    function get() {
-      return this.borderColorFocus;
-    } }, { key: "textareaBorderColorHover", get:
-    function get() {
-      return this.inputBorderColorHover;
-    } }, { key: "textareaBorderColorWarning", get:
-    function get() {
-      return this.borderColorWarning;
-    } }, { key: "textareaBorderColorError", get:
-    function get() {
-      return this.borderColorError;
-    } }, { 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
-    /**
-     * @deprecated use radioBulletSizeSmall
-     */ }, { key: "radioBulletSizeSmall", get:
-    function get() {
-      return this.radioBulletSize;
-    } }, { key: "radioOutlineWidth", get:
-    function get() {
-      return this.controlOutlineWidth;
-    } }, { key: "radioTextColor", get:
-    function get() {
-      return this.textColorDefault;
-    }
-    /**
-     * @deprecated use radioSizeSmall
-     */ }, { key: "radioSizeSmall", get:
-    function get() {
-      return this.radioSize;
-    } }, { key: "radioFontSize", get:
-    /**
-     * @deprecated use radioFontSizeSmall
-     */
-    function get() {
-      return this.fontSizeSmall;
-    } }, { key: "radioFontSizeSmall", get:
-    function get() {
-      return this.radioFontSize;
-    } }, { key: "radioFontSizeMedium", get:
-    function get() {
-      return this.fontSizeMedium;
-    } }, { key: "radioFontSizeLarge", get:
-    function get() {
-      return this.fontSizeLarge;
-    }
-    /**
-     * @deprecated use radioLineHeightSmall
-     */ }, { key: "radioLineHeight", get:
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "radioLineHeightSmall", get:
-    function get() {
-      return this.radioLineHeight;
-    } }, { key: "radioLineHeightMedium", get:
-    function get() {
-      return this.controlLineHeightMedium;
-    } }, { key: "radioLineHeightLarge", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    } }, { key: "radioPaddingY", get:
-    /**
-     * @deprecated use radioPaddingYSmall
-     */
-    function get() {
-      var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
-      var lineHeight = parseInt(this.radioLineHeightSmall, 10) || 0;
-      return (controlHeight - lineHeight) / 2 + "px";
-    } }, { key: "radioPaddingYSmall", get:
-    function get() {
-      return this.radioPaddingY;
-    } }, { key: "radioPaddingYMedium", get:
-    function get() {
-      var controlHeight = parseInt(this.controlHeightMedium, 10) || 0;
-      var lineHeight = parseInt(this.radioLineHeightMedium, 10) || 0;
-      return (controlHeight - lineHeight) / 2 + "px";
-    } }, { key: "radioPaddingYLarge", get:
-    function get() {
-      var controlHeight = parseInt(this.controlHeightLarge, 10) || 0;
-      var lineHeight = parseInt(this.radioLineHeightLarge, 10) || 0;
-      return (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: "radioCheckedDisabledBulletBg", get:
-    function get() {
-      return this.gray;
-    }
-    //#endregion
-    //#region RadioGroup
-  }, { key: "tabFontSize", get:
-    //#endregion
-    //#region Tabs
-    /**
-     * @deprecated use tabFontSizeLarge
-     */
-    function get() {
-      return this.fontSizeLarge;
-    } }, { key: "tabFontSizeSmall", get:
-    function get() {
-      return this.fontSizeSmall;
-    } }, { key: "tabFontSizeMedium", get:
-    function get() {
-      return this.fontSizeMedium;
-    } }, { key: "tabFontSizeLarge", get:
-    function get() {
-      return this.tabFontSize;
-    }
-    /**
-     * @deprecated use tabLineHeightLarge
-     */ }, { key: "tabLineHeight", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    } }, { key: "tabLineHeightSmall", get:
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "tabLineHeightMedium", get:
-    function get() {
-      return this.controlLineHeightMedium;
-    } }, { key: "tabLineHeightLarge", get:
-    function get() {
-      return this.tabLineHeight;
-    }
-    /**
-     * @deprecated use tabPaddingXLarge
-     */ }, { key: "tabPaddingXLarge", get:
-    function get() {
-      return this.tabPaddingX;
-    }
-    /**
-     * @deprecated use tabPaddingXLarge
-     */ }, { key: "tabsMarginX", get:
-    function get() {
-      return this.tabPaddingX;
-    }
-    /**
-     * @deprecated use tabPaddingYLarge
-     */ }, { key: "tabPaddingY", get:
-    function get() {
-      var paddingY = parseInt(this.controlPaddingYLarge);
-      var borderWidth = parseInt(this.controlBorderWidth);
-      return paddingY + borderWidth + "px";
-    } }, { key: "tabPaddingYSmall", get:
-    function get() {
-      var paddingY = parseInt(this.controlPaddingYSmall);
-      var borderWidth = parseInt(this.controlBorderWidth);
-      return paddingY + borderWidth + "px";
-    } }, { key: "tabPaddingYMedium", get:
-    function get() {
-      var paddingY = parseInt(this.controlPaddingYMedium);
-      var borderWidth = parseInt(this.controlBorderWidth);
-      return paddingY + borderWidth + "px";
-    } }, { key: "tabPaddingYLarge", get:
-    function get() {
-      return this.tabPaddingY;
-    } }, { 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%');
-    } }, { key: "spinnerBgColor", get:
-    //#endregion
-    //#region Spinner
-    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:
-    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 MobilePopup
-  }, { key: "mobilePopupHeaderFontSize", get:
-    function get() {
-      return this.fontSizeMobile;
-    } }, { key: "mobilePopupHeaderLineHeight", get:
-    function get() {
-      return this.lineHeightMobile;
-    } }, { key: "globalLoaderColor", get:
-    //#endregion
-    //#region GlobalLoader
-    function get() {
-      return this.blueLight;
-    } }, { key: "fileUploaderFontSize", get:
-    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: "fileUploaderDisabledBorder", get:
-    function get() {
-      return this.fileUploaderBorderWidth + " solid " + this.fileUploaderDisabledBorderColor;
-    } }, { 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;
-    } }, { key: "fileUploaderDragOverBorderColor", get:
-    function get() {
-      return this.borderColorFocus;
-    } }, { key: "closeBtnIconFocusShadow", get:
-    function get() {
-      return "inset 0 0 0 1px " + this.borderColorFocus + ", inset 0 0 0 2px " + this.outlineColorFocus;
-    }
-    //#endregion
-    //#region InternalMenu
-    //#endregion
-  }]);}();_DefaultTheme = DefaultTheme; //#region Common variables
-DefaultTheme.fontFamilyCompensationBaseline = '0px'; // deprecated
-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.transitionDuration = '100ms';DefaultTheme.transitionTimingFunction = 'cubic-bezier(0.5, 1, 0.89, 1)'; //#endregion
-//#region Link
-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.linkIconMarginLeft = '4px';DefaultTheme.linkButtonLineHeight = '34px';DefaultTheme.linkButtonPaddingX = '10px';DefaultTheme.linkLineBorderBottomStyle = '';DefaultTheme.linkLineBorderBottomWidth = '0px';DefaultTheme.linkLineBorderBottomOpacity = '0.5';DefaultTheme.linkLineBorderBottomColor = "color-mix(in srgb, currentColor " + parseFloat(_DefaultTheme.linkLineBorderBottomOpacity) * 100 + "%, transparent)";DefaultTheme.linkFocusOutlineColor = 'transparent';DefaultTheme.linkFocusOutlineWidth = '0px';DefaultTheme.linkFocusOutline = 'none'; //#endregion
-//#region Token
-DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.tokenMarginY = '3px'; /**
- * @deprecated use tokenMarginXSmall
- */DefaultTheme.tokenMarginX = '2px';DefaultTheme.tokenMarginYMedium = '3px';DefaultTheme.tokenMarginXMedium = '3px';DefaultTheme.tokenMarginYLarge = '3px';DefaultTheme.tokenMarginXLarge = '4px';DefaultTheme.tokenPaddingY = '1px'; /**
- * @deprecated use tokenPaddingXSmall
- */DefaultTheme.tokenPaddingX = '3px';DefaultTheme.tokenPaddingYMedium = '2px';DefaultTheme.tokenPaddingXMedium = '5px';DefaultTheme.tokenPaddingYLarge = '3px';DefaultTheme.tokenPaddingXLarge = '7px';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 = 'transparent';DefaultTheme.tokenOutlineWidth = '2px';DefaultTheme.tokenLegacyTextShift = '0px';DefaultTheme.tokenDefaultIdleBg = '';DefaultTheme.tokenDefaultIdleColor = '';DefaultTheme.tokenDefaultIdleBorderColor = '';DefaultTheme.tokenDefaultIdleBgHover = '';DefaultTheme.tokenDefaultIdleColorHover = '';DefaultTheme.tokenDefaultIdleBorderColorHover = '';DefaultTheme.tokenDefaultActiveBg = '';DefaultTheme.tokenDefaultActiveColor = '';DefaultTheme.tokenDefaultActiveBorderColor = '';DefaultTheme.tokenInputBorderRadius = '0px';DefaultTheme.tokenInputPaddingY = '1px'; /**
- * @deprecated use tokenInputPaddingXSmall
- */DefaultTheme.tokenInputPaddingX = '2px';DefaultTheme.tokenInputPaddingYMedium = '3px';DefaultTheme.tokenInputPaddingXMedium = '3px';DefaultTheme.tokenInputPaddingYLarge = '5px';DefaultTheme.tokenInputPaddingXLarge = '4px';DefaultTheme.tokenInputPopupOffset = '0px';DefaultTheme.tokenInputPopupMarginSmall = '7px';DefaultTheme.tokenInputPopupMarginMedium = '10px';DefaultTheme.tokenInputPopupMarginLarge = '13px'; //#endregion
-//#region Loader
-DefaultTheme.loaderBg = 'rgba(255, 255, 255, 0.8)';DefaultTheme.loaderOpacity = '0.8';DefaultTheme.loaderBorderRadius = '0px'; //#endregion
-//#region Button
-DefaultTheme.btnBackgroundClip = 'padding-box';DefaultTheme.btnArrowBgImageActive = 'none';DefaultTheme.btnArrowBgImageChecked = 'none';DefaultTheme.btnLinkBorderRadius = '2px';DefaultTheme.btnFocusShadowWidth = '2px';DefaultTheme.btnBorderColorTransition = '';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'; /**
- * @deprecated use btnIconGapSmallLeft
- */DefaultTheme.btnIconGapSmall = '4px';DefaultTheme.btnIconGapSmallRight = '4px'; /**
- * @deprecated use btnIconGapMediumLeft
- */DefaultTheme.btnIconGapMedium = '4px';DefaultTheme.btnIconGapMediumRight = '4px'; /**
- * @deprecated use btnIconGapLargeLeft
- */DefaultTheme.btnIconGapLarge = '4px';DefaultTheme.btnIconGapLargeRight = '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.btnDefaultHoverTextColor = '';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.btnSuccessHoverTextColor = '';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.btnPrimaryHoverTextColor = '';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.btnDangerHoverTextColor = '';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.btnPayHoverTextColor = '';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.btnLinkLineBorderBottomStyle = '';DefaultTheme.btnLinkLineBorderBottomWidth = '0px';DefaultTheme.btnInsetColor = '#fff';DefaultTheme.btnBacklessBg = 'transparent !important';DefaultTheme.btnBacklessHoverBg = 'rgba(0, 0, 0, 0.04) !important';DefaultTheme.btnBacklessActiveBg = 'rgba(0, 0, 0, 0.1) !important';DefaultTheme.btnBacklessHoverTextColor = '';DefaultTheme.btnTextBg = 'transparent';DefaultTheme.btnTextHoverBg = 'rgba(0, 0, 0, 0.04)';DefaultTheme.btnTextActiveBg = 'rgba(0, 0, 0, 0.1)';DefaultTheme.btnTextHoverTextColor = '';DefaultTheme.btnWithIconPaddingLeftSmall = '';DefaultTheme.btnWithIconPaddingLeftMedium = '';DefaultTheme.btnWithIconPaddingLeftLarge = '';DefaultTheme.btnIconColor = '';DefaultTheme.btnIconHoverColor = '';DefaultTheme.btnIconDisabledColor = '';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.mobileSelectMaxWidth = '100%';DefaultTheme.selectBorderColorTransition = "box-shadow " + _DefaultTheme.transitionDuration + " " + _DefaultTheme.transitionTimingFunction + ";"; //#endregion
-//#region Tooltip
-DefaultTheme.tooltipPaddingY = '16px';DefaultTheme.tooltipPaddingX = '16px';DefaultTheme.tooltipCloseBtnPadding = '8px';DefaultTheme.tooltipCloseBtnSide = '8px';DefaultTheme.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.32)';DefaultTheme.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';DefaultTheme.tooltipBg = '#fff';DefaultTheme.tooltipPinOffset = '0px'; // deprecated
-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.kebabSizeSmall = '26px';DefaultTheme.kebabSizeMedium = '26px';DefaultTheme.kebabSizeLarge = '26px';DefaultTheme.kebabIconSizeSmall = '14px';DefaultTheme.kebabIconSizeMedium = '18px';DefaultTheme.kebabIconSizeLarge = '20px';DefaultTheme.kebabIconColor = '#757575'; //#endregion
-//#region Modal
-DefaultTheme.modalWindowShadow = '0 5px 10px rgba(0, 0, 0, 0.2);';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.modalHeaderFontWeight = '400';DefaultTheme.modalHeaderLineHeight = '32px';DefaultTheme.modalHeaderPaddingBottom = '16px';DefaultTheme.modalHeaderPaddingTop = '24px';DefaultTheme.modalHeaderAdditionalPaddingBottom = '22px';DefaultTheme.modalFixedHeaderMarginBottom = '10px';DefaultTheme.modalFixedFooterPaddingTop = '20px';DefaultTheme.modalFixedFooterMarginTop = '10px';DefaultTheme.modalSeparatorBorderBottom = 'none';DefaultTheme.modalBodyTextColor = 'inherit';DefaultTheme.modalFooterTextColor = 'inherit';DefaultTheme.modalBodyPaddingTop = '0';DefaultTheme.modalBodyPaddingBottom = '24px';DefaultTheme.modalBodyBorderRadius = '0px';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 = '0 16px 16px 16px';DefaultTheme.mobileModalBodyFontSize = '16px';DefaultTheme.mobileModalFooterPadding = '16px';DefaultTheme.mobileModalPaddingBottom = '16px';DefaultTheme.mobileModalContainerHeight = '100%';DefaultTheme.mobileModalContainerMarginTop = '0';DefaultTheme.mobileModalContainerMarginRight = '0';DefaultTheme.mobileModalContainerMarginBottom = '0';DefaultTheme.mobileModalContainerMarginLeft = '0'; //#endregion
-//#region SidePage
-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.sidePageHeaderFontWeight = '';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.calendarCellBorderRadius = '9999px';DefaultTheme.calendarCellSelectedBgColor = '#ebebeb';DefaultTheme.calendarCellSelectedFontColor = 'inherit';DefaultTheme.calendarCellSize = '32px';DefaultTheme.calendarCellFontSize = '14px';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.calendarGridRowSpacing = '0px'; //#endregion
-//#region DatePicker
-DefaultTheme.dateSelectLineHeight = '20px';DefaultTheme.dateSelectFontSize = '14px';DefaultTheme.dateSelectFontWeight = 'bold';DefaultTheme.dateSelectMenuItemBgSelected = '#ececec';DefaultTheme.datePickerMenuOffsetY = '2px';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.pickerBorderRadius = '';DefaultTheme.mobileCalendarPaddingX = '16px';DefaultTheme.mobileCalendarCellWidth = '40px';DefaultTheme.mobileCalendarCellHeight = '40px';DefaultTheme.mobileCalendarCellBorderRadius = '20px';DefaultTheme.mobileCalendarCellFontSize = '16px';DefaultTheme.mobileCalendarGridRowSpacing = '8px';DefaultTheme.mobileDateSelectFontSize = '16px';DefaultTheme.mobileDateSelectLineHeight = '20px';DefaultTheme.mobileCalendarWrapperHeight = '304px';DefaultTheme.pagingForwardIconMarginTop = '1px';DefaultTheme.pagingPageLinkBoxSizing = 'content-box';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.pagingPageLinkHintMargin = '0 -20px';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.toastLinkTextDecorationHover = 'underline';DefaultTheme.toastLinkBgHover = '';DefaultTheme.toastLinkBgActive = '';DefaultTheme.toastClosePadding = '16px';DefaultTheme.toastCloseColor = 'rgba(255, 255, 255, 0.6)';DefaultTheme.toastCloseHoverColor = 'white';DefaultTheme.toastCloseSize = '8px'; //#endregion
-//#region Dropdown
-DefaultTheme.dropdownMenuSelectedBg = '#f1f1f1'; //deprecated
-DefaultTheme.dropdownMenuBorderColorTransition = '';DefaultTheme.dropdownMenuMenuBoxSizing = 'content-box';DefaultTheme.dropdownButtonBorderRadiusSmall = '1px';DefaultTheme.dropdownButtonBorderRadiusMedium = '1px';DefaultTheme.dropdownButtonBorderRadiusLarge = '1px';DefaultTheme.menuBorder = 'none';DefaultTheme.menuShadow = '0 4px 12px rgba(0, 0, 0, 0.16)';DefaultTheme.menuPaddingY = '0px';DefaultTheme.menuLegacyPaddingY = '5px';DefaultTheme.menuScrollContainerContentWrapperPaddingY = '4px';DefaultTheme.mobileMenuPaddingY = '0px';DefaultTheme.mobileMenuScrollContainerContentWrapperPaddingY = '0px';DefaultTheme.menuPaddingX = '0px';DefaultTheme.mobileMenuPaddingX = '8px';DefaultTheme.menuOffsetY = '0px';DefaultTheme.menuBoxSizing = 'content-box';DefaultTheme.menuItemIconWidth = '16px';DefaultTheme.menuItemIconWidthMedium = '20px';DefaultTheme.menuItemIconWidthLarge = '24px';DefaultTheme.menuItemIconGap = '4px';DefaultTheme.menuItemIconLegacyMargin = '0px';DefaultTheme.menuItemIconLegacyShift = '0px';DefaultTheme.menuItemPaddingX = '8px'; /**
- * @deprecated use menuItemPaddingYSmall
- */DefaultTheme.menuItemPaddingY = '6px';DefaultTheme.menuItemPaddingXMedium = '12px';DefaultTheme.menuItemPaddingYMedium = '9px';DefaultTheme.menuItemPaddingXLarge = '16px';DefaultTheme.menuItemPaddingYLarge = '12px';DefaultTheme.menuItemBorderRadius = '0px';DefaultTheme.menuItemLegacyPaddingX = '0px';DefaultTheme.menuItemLegacyPaddingY = '0px';DefaultTheme.menuItemCommentColor = '#adadad';DefaultTheme.menuItemCommentOpacity = '';DefaultTheme.menuItemCommentColorHover = '#fff';DefaultTheme.menuItemDisplay = 'block';DefaultTheme.menuItemPaddingMobile = '12px 16px';DefaultTheme.menuItemDisabledBg = 'transparent';DefaultTheme.menuItemGap = '0px'; //menuHeader
-DefaultTheme.menuHeaderColor = '#757575'; /**
- * @deprecated use menuHeaderLineHeightSmall
- */DefaultTheme.menuHeaderLineHeight = '16px';DefaultTheme.menuHeaderLineHeightMedium = '20px';DefaultTheme.menuHeaderLineHeightLarge = '22px'; /**
- * @deprecated use menuHeaderFontSizeSmall
- */DefaultTheme.menuHeaderFontSize = '12px';DefaultTheme.menuHeaderFontSizeMedium = '14px';DefaultTheme.menuHeaderFontSizeLarge = '16px'; /**
- * @deprecated use menuHeaderPaddingXSmall
- */DefaultTheme.menuHeaderPaddingX = '8px'; /**
- * @deprecated use menuHeaderPaddingTopSmall
- */DefaultTheme.menuHeaderPaddingTop = '12px'; /**
- * @deprecated use menuHeaderPaddingBottomSmall
- */DefaultTheme.menuHeaderPaddingBottom = '4px';DefaultTheme.menuHeaderPaddingXMedium = '12px';DefaultTheme.menuHeaderPaddingTopMedium = '14px';DefaultTheme.menuHeaderPaddingBottomMedium = '6px';DefaultTheme.menuHeaderPaddingXLarge = '16px';DefaultTheme.menuHeaderPaddingTopLarge = '18px';DefaultTheme.menuHeaderPaddingBottomLarge = '8px';DefaultTheme.menuHeaderTotalCountPaddingTopSmall = '4px';DefaultTheme.menuHeaderTotalCountPaddingTopMedium = '6px';DefaultTheme.menuHeaderTotalCountPaddingTopLarge = '8px';DefaultTheme.menuHeaderTotalCountPaddingBottomSmall = '12px';DefaultTheme.menuHeaderTotalCountPaddingBottomMedium = '14px';DefaultTheme.menuHeaderTotalCountPaddingBottomLarge = '18px';DefaultTheme.menuHeaderLegacyPaddingRight = '0px';DefaultTheme.menuFooterLegacyPaddingRight = '0px'; //menuSeparator
-DefaultTheme.menuSeparatorBorderColor = '#ebebeb';DefaultTheme.menuSeparatorMarginY = '2px';DefaultTheme.menuSeparatorMarginX = '0px';DefaultTheme.menuSeparatorBorderWidth = '1px'; // mobileMenuSeparator
-DefaultTheme.mobileMenuSeparatorMarginY = '4px';DefaultTheme.mobileMenuSeparatorMarginX = '24px';DefaultTheme.toggleHandleActiveWidthIncrement = '4px';DefaultTheme.toggleHeight = '20px'; /**
- * @deprecated use toggleWidthSmall
- */DefaultTheme.toggleWidth = '32px';DefaultTheme.toggleHeightMedium = '22px';DefaultTheme.toggleWidthMedium = '34px';DefaultTheme.toggleHeightLarge = '24px';DefaultTheme.toggleWidthLarge = '36px';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 = '8px';DefaultTheme.toggleButtonOffsetY = '0px';DefaultTheme.toggleContainerBg = '';DefaultTheme.toggleContainerBgCheckedHover = '';DefaultTheme.toggleContainerBoxShadow = '';DefaultTheme.toggleContainerBoxShadowHover = '';DefaultTheme.toggleContainerBoxShadowChecked = '';DefaultTheme.toggleContainerBoxShadowCheckedHover = '';DefaultTheme.toggleHandleBgHover = '';DefaultTheme.toggleHandleBgChecked = '';DefaultTheme.toggleHandleBgCheckedHover = '';DefaultTheme.toggleHandleBoxShadow = '';DefaultTheme.toggleHandleBoxShadowHover = '';DefaultTheme.toggleHandleBoxShadowChecked = '';DefaultTheme.toggleHandleBoxShadowCheckedHover = '';DefaultTheme.toggleContainerBgDisabled = '';DefaultTheme.toggleHandleBgDisabled = '';DefaultTheme.toggleContainerBoxShadowDisabled = '';DefaultTheme.toggleHandleBoxShadowDisabled = '';DefaultTheme.toggleContainerBgDisabledChecked = '';DefaultTheme.toggleHandleBgDisabledChecked = '';DefaultTheme.toggleContainerBoxShadowDisabledChecked = '';DefaultTheme.toggleHandleBoxShadowDisabledChecked = ''; //#endregion
-//#region Popup
-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'; // deprecated
-DefaultTheme.popupPinOffsetX = '16px';DefaultTheme.popupPinOffsetY = '16px';DefaultTheme.popupMargin = '10px';DefaultTheme.popupPinSize = '8px';DefaultTheme.popupMenuMenuOffsetY = '0px';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.inputBackgroundClip = 'padding-box';DefaultTheme.inputBorderRadiusSmall = '0px';DefaultTheme.inputBorderRadiusMedium = '0px';DefaultTheme.inputBorderRadiusLarge = '0px';DefaultTheme.inputDisabledBackgroundClip = '';DefaultTheme.inputBorderTopColor = 'rgba(0, 0, 0, 0.15)';DefaultTheme.inputColorScheme = 'light';DefaultTheme.checkboxBoxSize = '16px';DefaultTheme.checkboxBoxSizeSmall = '16px';DefaultTheme.checkboxBoxSizeMedium = '20px';DefaultTheme.checkboxBoxSizeLarge = '24px';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.textareaBackgroundClip = 'border-box';DefaultTheme.textareaBorderRadius = '0px';DefaultTheme.textareaWidth = '250px'; /**
- * @deprecated use textareaPaddingXSmall
- */DefaultTheme.textareaPaddingX = '7px';DefaultTheme.textareaPaddingXMedium = '11px';DefaultTheme.textareaPaddingXLarge = '15px';DefaultTheme.textareaBorderTopColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.textareaDisabledBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.textareaDisabledBorderColor = 'transparent';DefaultTheme.radioBulletSize = '8px';DefaultTheme.radioBulletSizeMedium = '10px';DefaultTheme.radioBulletSizeLarge = '12px';DefaultTheme.radioSize = '16px';DefaultTheme.radioSizeMedium = '20px';DefaultTheme.radioSizeLarge = '24px';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.tabPaddingXSmall = '8px';DefaultTheme.tabPaddingXMedium = '10px';DefaultTheme.tabBorderWidth = '2px';DefaultTheme.tabIndicatorBorderRadius = '0px';DefaultTheme.spinnerCaptionGapSmall = '6px';DefaultTheme.spinnerCaptionGapMedium = '-4px';DefaultTheme.spinnerCaptionGapLarge = '-3px';DefaultTheme.spinnerCaptionMarginSmall = '0 0 0 6px';DefaultTheme.spinnerCaptionMarginMedium = '0 0 0 6px';DefaultTheme.spinnerCaptionMarginLarge = '0 0 0 6px'; //#endregion
-//#region Switcher
-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.mobilePopupFooterPadding = '16px 16px 16px 16px';DefaultTheme.mobilePopupContainerBorderRadius = '16px';DefaultTheme.mobilePopupHeaderFontWeight = '500';DefaultTheme.mobilePopupHeaderChildPadding = '12px';DefaultTheme.mobilePopupOuterIndentY = '24px'; //#endregion
-//#region ScrollContainer
-DefaultTheme.scrollContainerScrollBarSize = '4px';DefaultTheme.scrollContainerScrollBarHoverSize = '10px';DefaultTheme.scrollContainerScrollBarColor = 'rgba(183, 183, 183, 0.7)';DefaultTheme.scrollContainerScrollBarInvertColor = 'rgba(255, 255, 255, 0.5)';DefaultTheme.scrollContainerScrollBarOffsetY = '4px';DefaultTheme.dropdownMenuScrollContainerScrollBarOffsetY = '0px'; //#endregion
-//#region PasswordInput
-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'; //ms
-DefaultTheme.globalLoaderSpinnerAnimationDuration = '2000'; //ms
-DefaultTheme.globalLoaderSlowAnimationDuration = '20000'; //ms
-DefaultTheme.globalLoaderTransitionFromSpinnerDuration = '200'; //ms
-//#endregion
-//#region FileUploader
-DefaultTheme.fileUploaderWidth = '362px';DefaultTheme.fileUploaderBg = '#fff';DefaultTheme.fileUploaderUploadButtonBg = '';DefaultTheme.fileUploaderPaddingX = '7px';DefaultTheme.fileUploaderBorderRadius = '2px';DefaultTheme.fileUploaderBorderColor = 'rgba(0, 0, 0, 0.37)';DefaultTheme.fileUploaderBorderStyle = 'dashed';DefaultTheme.fileUploaderAfterLinkColor = '';DefaultTheme.fileUploaderIconSize = '14px';DefaultTheme.fileUploaderIconColor = '#808080';DefaultTheme.fileUploaderIconHoverColor = '#333';DefaultTheme.fileUploaderDisabledBg = '#f2f2f2';DefaultTheme.fileUploaderDisabledBgClip = '';DefaultTheme.fileUploaderDisabledBorderColor = '#f2f2f2';DefaultTheme.fileUploaderDisabledTextColor = '#808080';DefaultTheme.fileUploaderDisabledLinkColor = '#808080';DefaultTheme.fileUploaderDisabledIconColor = '#A0A0A0';DefaultTheme.fileUploaderHoveredBg = 'none';DefaultTheme.fileUploaderHoveredBorderColor = '';DefaultTheme.fileUploaderIconGapSmall = '4px';DefaultTheme.fileUploaderIconGapMedium = '6px';DefaultTheme.fileUploaderIconGapLarge = '8px';DefaultTheme.fileUploaderDragOverShadow = '0px 0px 0px 3px #2da4f9, 0px 0px 0px 8px rgba(45, 164, 249, 0.35)'; //#endregion
-//#region CloseIcon
-DefaultTheme.closeBtnIconColor = 'rgba(0, 0, 0, 0.32)';DefaultTheme.closeBtnIconDisabledColor = '#8b8b8b';DefaultTheme.closeBtnIconHoverColor = 'rgba(0, 0, 0, 0.865)';DefaultTheme.closeBtnIconBorderRadius = '4px';DefaultTheme.internalMenuPaddingY = '5px'; // deprecated,  use menuLegacyPaddingY
-//#endregion
-//#region Autocomplete
-DefaultTheme.autocompleteMenuOffsetY = '2px'; //#endregion
-//#region Combobox
-DefaultTheme.comboboxMenuOffsetY = '2px'; //#endregion
-//#region MiniModal
-DefaultTheme.miniModalHeaderPaddingBottom = '0';DefaultTheme.miniModalBodyPaddingTop = '16px';DefaultTheme.miniModalBodyPaddingBottom = '0';DefaultTheme.miniModalHeaderPaddingTop = '32px';DefaultTheme.miniModalActionGap = '8px';DefaultTheme.miniModalCancelIndent = '8px';DefaultTheme.miniModalFooterPaddingTop = '24px';DefaultTheme.miniModalFooterPaddingBottom = '32px';DefaultTheme.miniModalTitleMarginTop = '16px';DefaultTheme.miniModalHeightMobile = 'auto';DefaultTheme.miniModalMarginTopMobile = '80px';DefaultTheme.miniModalMarginLeftMobile = '24px';DefaultTheme.miniModalMarginRightMobile = '24px';DefaultTheme.miniModalFooterPaddingMobile = '24px 16px 16px';DefaultTheme.miniModalHeaderPaddingMobile = '32px 16px 0';DefaultTheme.miniModalBodyPaddingMobile = '16px 16px 0'; //#endregion
-//#region react-ui-validations
-DefaultTheme.validationsTextColorError = '#cb3d35';DefaultTheme.validationsTextColorWarning = '#ef8b17';var DefaultThemeInternal = exports.DefaultThemeInternal = (0, _ThemeHelpers.exposeGetters)(DefaultTheme);