npm - @skbkontur/react-ui - Versions diffs - 0.0.0-3c309a601b → 0.0.0-3dbb8bef27 - Mend

@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3dbb8bef27

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

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

@@ -1,2538 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.BasicLightThemeInternal = exports.BasicLightTheme = void 0;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var ColorFunctions = _interopRequireWildcard(require("../../lib/styles/ColorFunctions"));
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");var _BasicLightThemeInternal;var
+"use strict";exports.__esModule = true;exports.BasicLightThemeInternal = void 0;
-BasicLightThemeInternal = exports.BasicLightThemeInternal = /*#__PURE__*/function () {function BasicLightThemeInternal() {}return (0, _createClass2.default)(BasicLightThemeInternal, null, [{ key: "bgSecondary", get:
-    function get() {
-      return this.bgDefault;
-    } }, { key: "errorMain", get:
-    function get() {
-      return this.red;
-    } }, { key: "errorText", get:
-    function get() {
-      return this.redDark;
-    } }, { key: "errorSecondary", get:
-    function get() {
-      return this.redXxLight;
-    } }, { 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: "linkSuccessColor", get:
-    function get() {
-      return this.green;
-    } }, { key: "linkSuccessHoverColor", get:
-    function get() {
-      return this.greenDark;
-    } }, { key: "linkDangerColor", get:
-    function get() {
-      return this.errorText;
-    } }, { key: "linkDisabledColor", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { key: "linkHoverTextDecorationStyle", get:
-    function get() {
-      return this.linkTextDecorationStyle;
-    } }, { key: "linkLineHoverBorderBottomStyle", get:
-    function get() {
-      return this.linkLineBorderBottomStyle;
-    } }, { key: "linkFocusOutlineWidth", get:
-    function get() {
-      return this.controlOutlineWidth;
-    } }, { key: "linkFocusOutline", get:
-    function get() {
-      return this.linkFocusOutlineWidth + " solid " + this.linkFocusOutlineColor;
-    }
-    //#endregion Link
-    //#region Token
-  }, { key: "tokenTextColorDisabled", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { key: "tokenFontSizeSmall", get:
-    function get() {
-      return this.fontSizeSmall;
-    } }, { key: "tokenFontSizeMedium", get:
-    function get() {
-      return this.fontSizeMedium;
-    } }, { key: "tokenFontSizeLarge", get:
-    function get() {
-      return this.fontSizeLarge;
-    } }, { key: "tokenLineHeightSmall", get:
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "tokenLineHeightMedium", get:
-    function get() {
-      return this.controlLineHeightMedium;
-    } }, { key: "tokenLineHeightLarge", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    } }, { key: "tokenBorderColorWarning", get:
-    function get() {
-      return this.borderColorWarning;
-    } }, { key: "tokenBorderColorError", get:
-    function get() {
-      return this.borderColorError;
-    } }, { key: "tokenPaddingYDisabled", get:
-    function get() {
-      return this.tokenPaddingYSmall;
-    } }, { key: "tokenPaddingXDisabled", get:
-    function get() {
-      return this.tokenPaddingXSmall;
-    } }, { key: "tokenMarginYDisabled", get:
-    function get() {
-      return this.tokenMarginYSmall;
-    } }, { key: "tokenMarginXDisabled", get:
-    function get() {
-      return this.tokenMarginXSmall;
-    } }, { key: "tokenInputLineHeightSmall", get:
-    //#endregion Token
-    //#region TokenInput
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { 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: "tokenInputShadow", get:
-    function get() {
-      return this.inputShadow;
-    } }, { key: "tokenInputTextColor", get:
-    function get() {
-      return this.inputTextColor;
-    } }, { key: "tokenInputTextColorDisabled", get:
-    function get() {
-      return this.textColorDisabledContrast;
-    } }, { key: "tokenInputPlaceholderColorDisabled", get:
-    function get() {
-      return this.textColorDisabledContrast;
-    } }, { key: "btnCheckedDisabledBorderColor", get:
-    function get() {
-      return this.btnCheckedDisabledBg;
-    } }, { key: "btnBorderWidth", get:
-    function get() {
-      return this.controlBorderWidth;
-    } }, { key: "btnOutlineWidth", get:
-    function get() {
-      return this.controlOutlineWidth;
-    } }, { key: "btnIconGapSmallRight", get:
-    function get() {
-      return this.btnIconGapSmallLeft;
-    } }, { key: "btnIconGapMediumRight", get:
-    function get() {
-      return this.btnIconGapMediumLeft;
-    } }, { key: "btnIconGapLargeRight", get:
-    function get() {
-      return this.btnIconGapLargeLeft;
-    } }, { key: "btnDefaultCheckedBorderColor", get:
-    function get() {
-      return this.btnCheckedBg;
-    } }, { key: "btnDefaultTextColor", get:
-    function get() {
-      return this.textColorDefault;
-    } }, { key: "btnDefaultHoverBorderColor", get:
-    function get() {
-      return this.btnDefaultBorderColor;
-    } }, { key: "btnDefaultActiveBorderColor", get:
-    function get() {
-      return this.btnDefaultBorderColor;
-    } }, { key: "btnDangerBg", get:
-    function get() {
-      return this.errorMain;
-    } }, { key: "btnDangerBorderColor", get:
-    function get() {
-      return this.btnDangerBg;
-    } }, { key: "btnDangerActiveBorderColor", get:
-    function get() {
-      return this.btnDangerActiveBg;
-    } }, { 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: "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: "btnLinkTextDecorationColor", get:
-    function get() {
-      return this.linkTextDecorationColor;
-    } }, { key: "btnLinkTextDecorationStyle", get:
-    function get() {
-      return this.linkTextDecorationStyle;
-    } }, { key: "btnLinkHoverTextDecorationStyle", get:
-    function get() {
-      return this.linkTextDecorationStyle;
-    } }, { key: "btnLinkTextUnderlineOffset", get:
-    function get() {
-      return this.linkTextUnderlineOffset;
-    } }, { key: "btnLinkTextDecorationThickness", get:
-    function get() {
-      return this.linkTextDecorationThickness;
-    } }, { key: "btnLinkTextUnderlineOpacity", get:
-    function get() {
-      return this.linkTextUnderlineOpacity;
-    } }, { key: "btnLinkLineBorderBottomStyle", get:
-    function get() {
-      return this.linkLineBorderBottomStyle;
-    } }, { key: "btnLinkHoverLineBorderBottomStyle", get:
-    function get() {
-      return this.btnLinkLineBorderBottomStyle;
-    } }, { key: "btnLinkLineBorderBottomWidth", get:
-    function get() {
-      return this.linkLineBorderBottomWidth;
-    } }, { 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.textColorDisabled;
-    } }, { key: "btnBacklessActiveBorderColor", get:
-    function get() {
-      return this.btnBacklessBorderColor;
-    } }, { 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 Button
-    //#region Select
-    function get() {
-      return this.inputBg;
-    } }, { key: "selectBorderWidth", get:
-    function get() {
-      return this.controlBorderWidth;
-    } }, { key: "selectPlaceholderColorDisabled", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { 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.inputBorderRadiusSmall;
-    } }, { key: "selectBorderRadiusMedium", get:
-    function get() {
-      return this.inputBorderRadiusMedium;
-    } }, { key: "selectBorderRadiusLarge", get:
-    function get() {
-      return this.inputBorderRadiusLarge;
-    } }, { key: "selectIconGapSmall", get:
-    function get() {
-      return this.inputIconGapSmall;
-    } }, { key: "selectIconGapMedium", get:
-    function get() {
-      return this.inputIconGapMedium;
-    } }, { key: "selectIconGapLarge", get:
-    function get() {
-      return this.inputIconGapLarge;
-    } }, { 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: "selectLineHeightLarge", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    } }, { key: "selectFontSizeLarge", get:
-    function get() {
-      return this.fontSizeLarge;
-    } }, { key: "selectPaddingYLarge", get:
-    function get() {
-      return this.controlPaddingYLarge;
-    } }, { key: "selectMenuArrowColor", get:
-    function get() {
-      return this.btnMenuArrowColor;
-    } }, { key: "selectMenuArrowColorDisabled", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { 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.inputDisabledBg;
-    } }, { 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: "tooltipPinSize", get:
-    function get() {
-      return this.popupPinSize;
-    } }, { key: "tooltipFontSize", get:
-    function get() {
-      return this.fontSizeSmall;
-    } }, { key: "tooltipLineHeight", get:
-    function get() {
-      return this.controlLineHeightSmall;
-    }
-    //#endregion Tooltip
-    //#region TooltipMenu
-  }, { key: "tooltipMenuPinOffsetX", get: function get() {
-      return this.tooltipPinOffsetX;
-    } }, { key: "tooltipMenuPinOffsetY", get:
-    function get() {
-      return this.tooltipPinOffsetY;
-    } }, { key: "tooltipMenuMargin", get:
-    function get() {
-      return this.popupMargin;
-    } }, { key: "tooltipMenuPinSize", get:
-    function get() {
-      return this.popupPinSize;
-    }
-    //#endregion
-    //#region Kebab
-  }, { 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: "modalFooterBg", get:
-    function get() {
-      return this.modalBg;
-    } }, { key: "modalHeaderTextColor", get:
-    function get() {
-      return this.textColorDefault;
-    } }, { key: "modalHeaderAdditionalPaddingBottom", get:
-    function get() {
-      return this.modalHeaderPaddingBottom;
-    } }, { key: "modalFixedHeaderPaddingBottom", get:
-    function get() {
-      return this.modalHeaderPaddingBottom;
-    } }, { key: "modalFixedFooterPaddingTop", get:
-    function get() {
-      return this.modalFooterPanelPaddingTop;
-    } }, { key: "modalFooterPanelPaddingBottom", get:
-    function get() {
-      return this.modalFooterPaddingBottom;
-    } }, { key: "sidePageFooterPanelBg", get:
-    //#endregion
-    //#region SidePage
-    function get() {
-      return this.sidePageBgDefault;
-    } }, { key: "sidePageHeaderTextColor", get:
-    function get() {
-      return this.textColorDefault;
-    } }, { key: "sidePageFooterPanelPaddingTop", get:
-    function get() {
-      return this.sidePageFooterPaddingTop;
-    } }, { key: "sidePageFooterPanelPaddingBottom", get:
-    function get() {
-      return this.sidePageFooterPanelPaddingTop;
-    } }, { key: "sidePageFixedHeaderShadow", get:
-    function get() {
-      return this.fixedPanelShadow;
-    } }, { key: "sidePageFixedFooterShadow", get:
-    function get() {
-      return this.fixedPanelShadow;
-    } }, { key: "dateInputIconColor", get:
-    //#endregion SidePage
-    //#region DateInput
-    function get() {
-      return this.textColorDefault;
-    } }, { key: "calendarBottomSeparatorBorderColor", get:
-    //#endregion DateInput
-    //#region Calendar
-    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: "calendarCellWeekendColor", get:
-    function get() {
-      return this.errorText;
-    } }, { key: "calendarCellWidth", get:
-    function get() {
-      return this.calendarCellHeight;
-    } }, { key: "calendarCellLineHeight", get:
-    function get() {
-      return parseInt(this.calendarCellHeight) - 2 + "px";
-    } }, { key: "calendarMonthHeaderStickedBgColor", get:
-    function get() {
-      return this.bgSecondary;
-    } }, { key: "datePickerOpenBtnColor", get:
-    //#endregion Calendar
-    //#region DatePicker
-    function get() {
-      return this.textColorDefault;
-    } }, { key: "datePickerMenuOffsetY", get:
-    function get() {
-      return this.menuOffsetY;
-    } }, { key: "dateSelectMenuBg", get:
-    //#endregion DatePicker
-    //#region DateSelect
-    function get() {
-      return this.bgSecondary;
-    } }, { key: "dateSelectMenuItemBgDisabled", get:
-    function get() {
-      return this.bgSecondary;
-    } }, { key: "dateSelectMenuItemFontSelected", get:
-    function get() {
-      return this.textColorDefault;
-    } }, { key: "dateSelectMenuItemFontDisabled", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { 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: "pagingFontSize", get:
-    //#endregion DateSelect
-    //#region Paging
-    function get() {
-      return this.fontSizeMedium;
-    } }, { key: "pagingForwardIconSize", get:
-    function get() {
-      return this.pagingFontSize;
-    } }, { key: "pagingPageForwardLinkPaddingRight", get:
-    function get() {
-      return this.pagingPageLinkPaddingX;
-    } }, { 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 Paging
-    //#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 Hint
-    //#region Toast
-    function get() {
-      return this.fontSizeSmall;
-    } }, { key: "toastLineHeight", get:
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "dropdownMenuHoverBorderColor", get:
-    function get() {
-      return this.btnDefaultHoverBorderColor;
-    } }, { 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.btnPaddingXSmall;
-    } }, { 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.btnPaddingXMedium;
-    } }, { 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.btnPaddingXLarge;
-    } }, { 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 Dropdown
-    //#region Menu
-  }, { key: "menuBgDefault", get: function get() {
-      return this.bgSecondary;
-    } }, { key: "menuItemTextColor", get:
-    // menuItem
-    function get() {
-      return this.textColorDefault;
-    } }, { key: "menuItemPaddingForIconSmall", get:
-    function get() {
-      return (
-        parseInt(this.menuItemPaddingXSmall) +
-        parseInt(this.menuItemIconWidthSmall) +
-        parseInt(this.menuItemIconGap) +
-        parseInt(this.menuItemIconLegacyMargin) + "px");
-    } }, { 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");
-    } }, { key: "menuItemLineHeightSmall", get:
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "menuItemLineHeightMedium", get:
-    function get() {
-      return this.controlLineHeightMedium;
-    } }, { key: "menuItemLineHeightLarge", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    } }, { key: "menuItemFontSizeSmall", get:
-    function get() {
-      return this.fontSizeSmall;
-    } }, { key: "menuItemFontSizeMedium", get:
-    function get() {
-      return this.fontSizeMedium;
-    } }, { key: "menuItemFontSizeLarge", get:
-    function get() {
-      return this.fontSizeLarge;
-    } }, { key: "menuItemHoverColor", get:
-    function get() {
-      return this.menuItemTextColor;
-    } }, { key: "menuItemLinkColor", get:
-    function get() {
-      return this.linkColor;
-    } }, { key: "menuItemCommentColor", get:
-    function get() {
-      return this.menuItemTextColor;
-    } }, { key: "menuItemCommentColorHover", get:
-    function get() {
-      return this.menuItemTextColor;
-    } }, { 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;
-    } }, { key: "menuMessageLineHeightMobile", get:
-    function get() {
-      return this.menuItemLineHeightMobile;
-    } }, { 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: "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: "toggleLineHeightSmall", get:
-    //#endregion Menu
-    //#region Toggle
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "toggleLineHeightMedium", get:
-    function get() {
-      return this.controlLineHeightMedium;
-    } }, { key: "toggleLineHeightLarge", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    } }, { key: "toggleFontSizeSmall", get:
-    function get() {
-      return this.fontSizeSmall;
-    } }, { 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: "toggleHandleBorderRadiusSmall", get:
-    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: "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";
-    } }, { key: "toggleBorderRadiusSmall", get:
-    function get() {
-      return "calc(" + this.toggleHeightSmall + " * 0.5)";
-    } }, { key: "toggleBorderRadiusMedium", get:
-    function get() {
-      return "calc(" + this.toggleHeightMedium + " * 0.5)";
-    } }, { key: "toggleBorderRadiusLarge", get:
-    function get() {
-      return "calc(" + this.toggleHeightLarge + " * 0.5)";
-    } }, { 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: "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: "toggleContainerBgHover", get:
-    function get() {
-      return this.toggleBgHover;
-    }
-    // checked
-  }, { key: "toggleContainerBgChecked", get:
-    function get() {
-      return this.toggleBgChecked;
-    } }, { key: "toggleBgDisabled", get:
-    function get() {
-      return this.bgDisabled;
-    }
-    // disabled checked
-  }, { key: "toggleBorderColorDisabledChecked", get:
-    function get() {
-      return this.toggleBorderColor;
-    } }, { 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: "inputIconColorDisabled", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { key: "inputFocusedIconColor", get:
-    function get() {
-      return this.inputIconColor;
-    } }, { key: "inputTextColorDisabled", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { key: "inputPlaceholderColorDisabled", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { 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: "inputBorderColorFocus", get:
-    function get() {
-      return this.borderColorFocus;
-    } }, { key: "inputBorderColorError", get:
-    function get() {
-      return this.borderColorError;
-    } }, { key: "inputBorderColorWarning", get:
-    function get() {
-      return this.borderColorWarning;
-    } }, { key: "inputBorderTopColor", get:
-    function get() {
-      return this.inputBorderColor;
-    } }, { key: "inputPlaceholderColor", get:
-    function get() {
-      return this.placeholderColor;
-    } }, { key: "inputPlaceholderColorLight", get:
-    function get() {
-      return this.placeholderColorLight;
-    } }, { key: "checkboxFontSizeSmall", get:
-    //#endregion Input
-    //#region Checkbox
-    function get() {
-      return this.fontSizeSmall;
-    } }, { key: "checkboxFontSizeMedium", get:
-    function get() {
-      return this.fontSizeMedium;
-    } }, { key: "checkboxFontSizeLarge", get:
-    function get() {
-      return this.fontSizeLarge;
-    } }, { key: "checkboxLineHeightSmall", get:
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "checkboxLineHeightMedium", get:
-    function get() {
-      return this.controlLineHeightMedium;
-    } }, { key: "checkboxLineHeightLarge", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    } }, { key: "checkboxPaddingYSmall", get:
-    function get() {
-      var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
-      var lineHeight = parseInt(this.checkboxLineHeightSmall, 10) || 0;
-      return (controlHeight - lineHeight) / 2 + "px";
-    } }, { key: "checkboxPaddingYMedium", get:
-    function get() {
-      var controlHeight = parseInt(this.controlHeightMedium, 10) || 0;
-      var lineHeight = parseInt(this.checkboxLineHeightMedium, 10) || 0;
-      return (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 + " rgba(0, 0, 0, 0.1)";
-    } }, { 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: "checkboxCheckedActiveBg", get:
-    function get() {
-      return ColorFunctions.darken(this.checkboxCheckedBg, '15%');
-    } }, { key: "checkboxShadowActive", get:
-    function get() {
-      return "0 0 0 " + this.checkboxBorderWidth + " #c3c3c3";
-    }
-    //#endregion Checkbox
-    //#region TextArea
-  }, { key: "textareaColor", get:
-    function get() {
-      return this.textColorDefault;
-    } }, { key: "textareaTextColorDisabled", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { key: "textareaPlaceholderColorLight", get:
-    function get() {
-      return this.placeholderColorLight;
-    } }, { key: "textareaPlaceholderColor", get:
-    function get() {
-      return this.placeholderColor;
-    } }, { key: "textareaPlaceholderColorDisabled", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { key: "textareaFontSizeSmall", get:
-    function get() {
-      return this.fontSizeSmall;
-    } }, { key: "textareaFontSizeMedium", get:
-    function get() {
-      return this.fontSizeMedium;
-    } }, { key: "textareaFontSizeLarge", get:
-    function get() {
-      return this.fontSizeLarge;
-    } }, { key: "textareaLineHeightSmall", get:
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { 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";
-    } }, { key: "textareaMinHeightSmall", get:
-    function get() {
-      var lineHeight = parseInt(this.textareaLineHeightSmall, 10) || 0;
-      var paddingY = parseInt(this.textareaPaddingYSmall, 10) || 0;
-      var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-      return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
-    } }, { key: "textareaMinHeightMedium", get:
-    function get() {
-      var lineHeight = parseInt(this.textareaLineHeightMedium, 10) || 0;
-      var paddingY = parseInt(this.textareaPaddingYMedium, 10) || 0;
-      var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-      return 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: "textareaPaddingYSmall", get:
-    function get() {
-      return this.controlPaddingYSmall;
-    } }, { 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: "textareaDisabledBg", get:
-    function get() {
-      return this.inputDisabledBg;
-    } }, { key: "textareaDisabledBorderColor", get:
-    function get() {
-      return this.borderColorDisabled;
-    } }, { 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 Textarea
-    //#region Radio
-  }, { key: "radioOutlineWidth", get:
-    function get() {
-      return this.controlOutlineWidth;
-    } }, { key: "radioTextColor", get:
-    function get() {
-      return this.textColorDefault;
-    } }, { key: "radioFontSizeSmall", get:
-    function get() {
-      return this.fontSizeSmall;
-    } }, { key: "radioFontSizeMedium", get:
-    function get() {
-      return this.fontSizeMedium;
-    } }, { key: "radioFontSizeLarge", get:
-    function get() {
-      return this.fontSizeLarge;
-    } }, { key: "radioLineHeightSmall", get:
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "radioLineHeightMedium", get:
-    function get() {
-      return this.controlLineHeightMedium;
-    } }, { key: "radioLineHeightLarge", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    } }, { key: "radioPaddingYSmall", get:
-    function get() {
-      var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
-      var lineHeight = parseInt(this.radioLineHeightSmall, 10) || 0;
-      return (controlHeight - lineHeight) / 2 + "px";
-    } }, { key: "radioPaddingYMedium", get:
-    function get() {
-      var controlHeight = parseInt(this.controlHeightMedium, 10) || 0;
-      var lineHeight = parseInt(this.radioLineHeightMedium, 10) || 0;
-      return (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: "radioDisabledShadow", get:
-    function get() {
-      return "0 0 0 " + this.radioBorderWidth + " rgba(0, 0, 0, 0.1)";
-    } }, { key: "radioCheckedDisabledBulletBg", get:
-    function get() {
-      return this.gray;
-    }
-    //#endregion
-    //#region RadioGroup
-  }, { key: "tabFontSizeSmall", get:
-    //#endregion
-    //#region Tabs
-    function get() {
-      return this.fontSizeSmall;
-    } }, { key: "tabFontSizeMedium", get:
-    function get() {
-      return this.fontSizeMedium;
-    } }, { key: "tabFontSizeLarge", get:
-    function get() {
-      return this.fontSizeLarge;
-    } }, { key: "tabLineHeightSmall", get:
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "tabLineHeightMedium", get:
-    function get() {
-      return this.controlLineHeightMedium;
-    } }, { key: "tabLineHeightLarge", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    } }, { 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() {
-      var paddingY = parseInt(this.controlPaddingYLarge);
-      var borderWidth = parseInt(this.controlBorderWidth);
-      return paddingY + borderWidth + "px";
-    } }, { 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: "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 Tabs
-    //#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: "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: "fileUploaderLineHeightSmall", get:
-    function get() {
-      return this.controlLineHeightSmall;
-    } }, { key: "fileUploaderLineHeightMedium", get:
-    function get() {
-      return this.controlLineHeightMedium;
-    } }, { key: "fileUploaderLineHeightLarge", get:
-    function get() {
-      return this.controlLineHeightLarge;
-    } }, { key: "fileUploaderPaddingYSmall", get:
-    function get() {
-      return this.controlPaddingYSmall;
-    } }, { 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: "fileUploaderBorderWidth", get:
-    function get() {
-      return this.controlBorderWidth;
-    } }, { key: "fileUploaderDisabledBorder", get:
-    function get() {
-      return this.fileUploaderBorderWidth + " " + this.fileUploaderBorderStyle + " " + 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: "fileUploaderDisabledBg", get:
-    function get() {
-      return this.btnDisabledBg;
-    } }, { key: "fileUploaderDisabledTextColor", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { key: "fileUploaderDisabledLinkColor", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { key: "fileUploaderDisabledIconColor", get:
-    function get() {
-      return this.textColorDisabled;
-    } }, { 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 CloseIcon
-    //#region Autocomplete
-  }, { key: "autocompleteMenuOffsetY", get: function get() {
-      return this.menuOffsetY;
-    }
-    //#endregion Autocomplete
-    //#region Combobox
-  }, { key: "comboboxMenuOffsetY", get: function get() {
-      return this.menuOffsetY;
-    }
-    //#endregion Combobox
-    //#region MiniModal
-  }, { key: "validationsTextColorError", get:
-    //#endregion MiniModal
-    //#region react-ui-validations
-    function get() {
-      return this.errorText;
-    }
-    //#endregion
-  }]);}();_BasicLightThemeInternal = BasicLightThemeInternal; //#region Common variables
-BasicLightThemeInternal.labGrotesqueBaselineCompensation = '1';BasicLightThemeInternal.brand = '#2291ff';BasicLightThemeInternal.white = '#fff';BasicLightThemeInternal.grayXLight = '#ebebeb';BasicLightThemeInternal.gray = '#858585';BasicLightThemeInternal.grayDark = '#333';BasicLightThemeInternal.black = '#000';BasicLightThemeInternal.blueXxLight = '#cdedff';BasicLightThemeInternal.blueLight = '#1f87ef';BasicLightThemeInternal.blue = '#1874cf';BasicLightThemeInternal.greenXxLight = '#C7F9CC';BasicLightThemeInternal.green = '#1C8A3F';BasicLightThemeInternal.greenDark = '#197F39';BasicLightThemeInternal.red = '#FE4C4C';BasicLightThemeInternal.redXxLight = '#FFEBEB';BasicLightThemeInternal.redDark = '#CC2626';BasicLightThemeInternal.yellowXxLight = '#ffeec2';BasicLightThemeInternal.yellow = '#fcb73e';BasicLightThemeInternal.yellowDark = '#ef8b17';BasicLightThemeInternal.bgDefault = '#fff';BasicLightThemeInternal.bgDisabled = '#F0F0F0';BasicLightThemeInternal.warningMain = '#fcb73e';BasicLightThemeInternal.warningSecondary = '#fff0bc';BasicLightThemeInternal.warningText = '#d97e00';BasicLightThemeInternal.borderColorFocusLight = '#cdedff';BasicLightThemeInternal.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';BasicLightThemeInternal.borderColorGrayLight = 'rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.borderColorDisabled = 'rgba(0, 0, 0, 0.10)';BasicLightThemeInternal.placeholderColor = '#adadad';BasicLightThemeInternal.outlineColorFocus = '#fff';BasicLightThemeInternal.placeholderColorLight = '#cdcdcd';BasicLightThemeInternal.blinkColor = 'rgba(0, 136, 255, 0.2)';BasicLightThemeInternal.controlBorderWidth = '1px';BasicLightThemeInternal.controlOutlineWidth = '2px';BasicLightThemeInternal.controlLineHeightSmall = '20px';BasicLightThemeInternal.controlLineHeightMedium = '22px';BasicLightThemeInternal.controlLineHeightLarge = '24px';BasicLightThemeInternal.controlPaddingYSmall = '5px';BasicLightThemeInternal.controlPaddingYMedium = '8px';BasicLightThemeInternal.controlPaddingYLarge = '11px';BasicLightThemeInternal.textColorDefault = '#222222';BasicLightThemeInternal.textColorInvert = '#fff';BasicLightThemeInternal.textColorDisabled = '#adadad';BasicLightThemeInternal.textColorDisabledContrast = '#858585';BasicLightThemeInternal.fontSizeSmall = '14px';BasicLightThemeInternal.fontSizeMedium = '16px';BasicLightThemeInternal.fontSizeLarge = '18px';BasicLightThemeInternal.fontSizeMobile = '18px';BasicLightThemeInternal.lineHeightMobile = '24px';BasicLightThemeInternal.specificityLevel = '0';BasicLightThemeInternal.fixedPanelShadow = 'none';BasicLightThemeInternal.bgActive = '#141414';BasicLightThemeInternal.borderColorFocus = '#3D3D3D';BasicLightThemeInternal.controlHeightSmall = '32px';BasicLightThemeInternal.controlHeightMedium = '40px';BasicLightThemeInternal.controlHeightLarge = '48px';BasicLightThemeInternal.mobileMediaQuery = '(max-width: 576px) and (hover: none) and (pointer: coarse)';BasicLightThemeInternal.transitionDuration = '100ms';BasicLightThemeInternal.transitionTimingFunction = 'cubic-bezier(0.5, 1, 0.89, 1)'; //#endregion Common variables
-//#region Link
-BasicLightThemeInternal.linkColor = '#222222';BasicLightThemeInternal.linkTextDecoration = 'underline';BasicLightThemeInternal.linkActiveColor = '#141414';BasicLightThemeInternal.linkHoverTextDecoration = 'none';BasicLightThemeInternal.linkSuccessActiveColor = '#167333';BasicLightThemeInternal.linkDangerHoverColor = '#BB1919';BasicLightThemeInternal.linkDangerActiveColor = '#AB0D0D';BasicLightThemeInternal.linkIconMarginRight = '4px';BasicLightThemeInternal.linkIconMarginLeft = '4px';BasicLightThemeInternal.linkGrayedColor = '#858585';BasicLightThemeInternal.linkGrayedHoverColor = '#292929';BasicLightThemeInternal.linkGrayedActiveColor = '#141414';BasicLightThemeInternal.linkButtonLineHeight = '34px';BasicLightThemeInternal.linkButtonPaddingX = '10px';BasicLightThemeInternal.linkTextDecorationStyle = 'solid';BasicLightThemeInternal.linkTextDecorationThickness = '1px';BasicLightThemeInternal.linkTextUnderlineOffset = '4px';BasicLightThemeInternal.linkTextUnderlineOpacity = '0.5';BasicLightThemeInternal.linkTextDecorationColor = "color-mix(in srgb, currentColor " + parseFloat(_BasicLightThemeInternal.linkTextUnderlineOpacity) * 100 + "%, transparent)";BasicLightThemeInternal.linkLineBorderBottomStyle = 'solid';BasicLightThemeInternal.linkLineBorderBottomWidth = '1px';BasicLightThemeInternal.linkLineBorderBottomOpacity = '0.5';BasicLightThemeInternal.linkLineBorderBottomColor = "color-mix(in srgb, currentColor " + parseFloat(_BasicLightThemeInternal.linkLineBorderBottomOpacity) * 100 + "%, transparent)";BasicLightThemeInternal.linkFocusOutlineColor = '#3D3D3D';BasicLightThemeInternal.tokenDisabledBg = 'rgba(0, 0, 0, 0.05)';BasicLightThemeInternal.tokenMarginYSmall = '2px';BasicLightThemeInternal.tokenMarginXSmall = '1px';BasicLightThemeInternal.tokenMarginYMedium = '2px';BasicLightThemeInternal.tokenMarginXMedium = '2px';BasicLightThemeInternal.tokenMarginYLarge = '2px';BasicLightThemeInternal.tokenMarginXLarge = '3px';BasicLightThemeInternal.tokenPaddingYSmall = '1px';BasicLightThemeInternal.tokenPaddingXSmall = '3px';BasicLightThemeInternal.tokenPaddingYMedium = '2px';BasicLightThemeInternal.tokenPaddingXMedium = '5px';BasicLightThemeInternal.tokenPaddingYLarge = '3px';BasicLightThemeInternal.tokenPaddingXLarge = '7px';BasicLightThemeInternal.tokenMarginBeforeIcon = '4px';BasicLightThemeInternal.tokenRemoveIconSize = '16px';BasicLightThemeInternal.tokenRemoveIconPaddingY = '0px';BasicLightThemeInternal.tokenRemoveIconPaddingX = '0px';BasicLightThemeInternal.tokenRemoveIconGap = '4px';BasicLightThemeInternal.tokenRemoveIconBoxSizing = 'content-box';BasicLightThemeInternal.tokenBorderRadius = '2px';BasicLightThemeInternal.tokenBorderWidth = '1px';BasicLightThemeInternal.tokenBorderColorDisabled = 'transparent';BasicLightThemeInternal.tokenOutlineWidth = '1px';BasicLightThemeInternal.tokenLegacyTextShift = '0px';BasicLightThemeInternal.tokenShadowDisabled = '';BasicLightThemeInternal.tokenBg = 'rgba(0, 0, 0, 0.1)';BasicLightThemeInternal.tokenColor = '#222222';BasicLightThemeInternal.tokenBorderColor = 'rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.tokenBgHover = 'rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.tokenColorHover = '#222222';BasicLightThemeInternal.tokenBorderColorHover = 'rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.tokenBgActive = '#3D3D3D';BasicLightThemeInternal.tokenColorActive = '#FFFFFF';BasicLightThemeInternal.tokenBorderColorActive = 'transparent';BasicLightThemeInternal.tokenInputBorderRadius = '2px';BasicLightThemeInternal.tokenInputMenuPopupBg = 'transparent';BasicLightThemeInternal.tokenInputPaddingYSmall = '1px';BasicLightThemeInternal.tokenInputPaddingXSmall = '2px';BasicLightThemeInternal.tokenInputPaddingYMedium = '3px';BasicLightThemeInternal.tokenInputPaddingXMedium = '3px';BasicLightThemeInternal.tokenInputPaddingYLarge = '5px';BasicLightThemeInternal.tokenInputPaddingXLarge = '4px';BasicLightThemeInternal.tokenInputPopupOffset = '2px';BasicLightThemeInternal.tokenInputPopupMarginSmall = '7px';BasicLightThemeInternal.tokenInputPopupMarginMedium = '10px';BasicLightThemeInternal.tokenInputPopupMarginLarge = '13px'; //#endregion TokenInput
-//#region Loader
-BasicLightThemeInternal.loaderBg = 'rgba(255, 255, 255, 0.8)';BasicLightThemeInternal.loaderOpacity = '0.8';BasicLightThemeInternal.loaderBorderRadius = '0px'; //#endregion
-//#region Button
-BasicLightThemeInternal.btnBackgroundClip = 'padding-box';BasicLightThemeInternal.btnLinkBorderRadius = '2px';BasicLightThemeInternal.btnFocusShadowWidth = '2px';BasicLightThemeInternal.btnBorderColorTransition = '';BasicLightThemeInternal.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.10)';BasicLightThemeInternal.btnCheckedBg = '#3D3D3D';BasicLightThemeInternal.btnCheckedDisabledBg = '#ADADAD';BasicLightThemeInternal.btnCheckedDisabledColor = '#E6E6E6';BasicLightThemeInternal.btnCheckedTextColor = '#fff';BasicLightThemeInternal.btnCheckedShadow = 'none';BasicLightThemeInternal.btnCheckedDisabledShadow = 'none';BasicLightThemeInternal.btnBorderRadiusSmall = '8px';BasicLightThemeInternal.btnBorderRadiusMedium = '8px';BasicLightThemeInternal.btnBorderRadiusLarge = '8px';BasicLightThemeInternal.btnInsetWidth = '1px';BasicLightThemeInternal.btnPaddingXSmall = '12px';BasicLightThemeInternal.btnPaddingXMedium = '16px';BasicLightThemeInternal.btnPaddingXLarge = '20px';BasicLightThemeInternal.btnIconGapSmallLeft = '4px';BasicLightThemeInternal.btnIconGapMediumLeft = '6px';BasicLightThemeInternal.btnIconGapLargeLeft = '8px';BasicLightThemeInternal.btnIconSizeSmall = '16px';BasicLightThemeInternal.btnIconSizeMedium = '20px';BasicLightThemeInternal.btnIconSizeLarge = '24px';BasicLightThemeInternal.btnDefaultBg = '#fff';BasicLightThemeInternal.btnDefaultBgStart = 'none';BasicLightThemeInternal.btnDefaultBgEnd = 'none';BasicLightThemeInternal.btnDefaultHoverBg = '#F0F0F0';BasicLightThemeInternal.btnDefaultHoverBgStart = 'none';BasicLightThemeInternal.btnDefaultHoverBgEnd = 'none';BasicLightThemeInternal.btnDefaultActiveBg = '#E6E6E6';BasicLightThemeInternal.btnDefaultHoverTextColor = '';BasicLightThemeInternal.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.btnDefaultActiveShadow = 'none';BasicLightThemeInternal.btnSuccessBg = '#26AD50';BasicLightThemeInternal.btnSuccessBorderColor = '#26AD50';BasicLightThemeInternal.btnSuccessHoverBg = '#23A14A';BasicLightThemeInternal.btnSuccessHoverBorderColor = '#23A14A';BasicLightThemeInternal.btnSuccessHoverTextColor = '';BasicLightThemeInternal.btnSuccessBgStart = 'none';BasicLightThemeInternal.btnSuccessBgEnd = 'none';BasicLightThemeInternal.btnSuccessTextColor = '#fff';BasicLightThemeInternal.btnSuccessHoverBgStart = 'none';BasicLightThemeInternal.btnSuccessHoverBgEnd = 'none';BasicLightThemeInternal.btnSuccessActiveBg = '#209644';BasicLightThemeInternal.btnSuccessActiveBorderColor = '#209644';BasicLightThemeInternal.btnSuccessActiveShadow = 'none';BasicLightThemeInternal.btnPrimaryBg = '#3D3D3D';BasicLightThemeInternal.btnPrimaryHoverBg = '#292929';BasicLightThemeInternal.btnPrimaryActiveBg = '#141414';BasicLightThemeInternal.btnPrimaryHoverTextColor = '';BasicLightThemeInternal.btnPrimaryBorderColor = '#3D3D3D';BasicLightThemeInternal.btnPrimaryHoverBorderColor = '#292929';BasicLightThemeInternal.btnPrimaryActiveBorderColor = '#141414';BasicLightThemeInternal.btnPrimaryBgStart = 'none';BasicLightThemeInternal.btnPrimaryBgEnd = 'none';BasicLightThemeInternal.btnPrimaryTextColor = '#fff';BasicLightThemeInternal.btnPrimaryHoverBgStart = 'none';BasicLightThemeInternal.btnPrimaryHoverBgEnd = 'none';BasicLightThemeInternal.btnPrimaryActiveShadow = 'none';BasicLightThemeInternal.btnDangerHoverBg = '#ED3F3F';BasicLightThemeInternal.btnDangerHoverBorderColor = '#ED3F3F';BasicLightThemeInternal.btnDangerHoverTextColor = '';BasicLightThemeInternal.btnDangerBgStart = 'none';BasicLightThemeInternal.btnDangerBgEnd = 'none';BasicLightThemeInternal.btnDangerTextColor = '#fff';BasicLightThemeInternal.btnDangerHoverBgStart = 'none';BasicLightThemeInternal.btnDangerHoverBgEnd = 'none';BasicLightThemeInternal.btnDangerActiveBg = '#DD3333';BasicLightThemeInternal.btnDangerActiveShadow = 'none';BasicLightThemeInternal.btnPayBg = '#fcb73e';BasicLightThemeInternal.btnPayHoverBg = '#fda70c';BasicLightThemeInternal.btnPayHoverBorderColor = '#fda70c';BasicLightThemeInternal.btnPayHoverTextColor = '';BasicLightThemeInternal.btnPayBorderColor = '#fcb73e';BasicLightThemeInternal.btnPayBgStart = 'none';BasicLightThemeInternal.btnPayBgEnd = 'none';BasicLightThemeInternal.btnPayHoverBgStart = 'none';BasicLightThemeInternal.btnPayHoverBgEnd = 'none';BasicLightThemeInternal.btnPayActiveBg = '#f69912';BasicLightThemeInternal.btnPayActiveBorderColor = '#f69912';BasicLightThemeInternal.btnPayActiveShadow = 'none';BasicLightThemeInternal.btnMenuArrowColor = '#a6a6a6';BasicLightThemeInternal.btnDisabledBg = 'rgba(0, 0, 0, 0.06)';BasicLightThemeInternal.btnInsetColor = '#fff';BasicLightThemeInternal.btnBacklessBg = 'transparent';BasicLightThemeInternal.btnBacklessHoverBg = 'rgba(0, 0, 0, 0.06)';BasicLightThemeInternal.btnBacklessActiveBg = 'rgba(0, 0, 0, 0.1)';BasicLightThemeInternal.btnBacklessHoverTextColor = '';BasicLightThemeInternal.btnTextBg = 'transparent';BasicLightThemeInternal.btnTextHoverBg = 'rgba(0, 0, 0, 0.06)';BasicLightThemeInternal.btnTextActiveBg = 'rgba(0, 0, 0, 0.1)';BasicLightThemeInternal.btnTextHoverTextColor = '';BasicLightThemeInternal.btnWithIconPaddingLeftSmall = '8px';BasicLightThemeInternal.btnWithIconPaddingLeftMedium = '10px';BasicLightThemeInternal.btnWithIconPaddingLeftLarge = '12px';BasicLightThemeInternal.btnIconColor = '';BasicLightThemeInternal.btnIconHoverColor = '';BasicLightThemeInternal.btnIconDisabledColor = '';BasicLightThemeInternal.selectPlaceholderColor = '#adadad';BasicLightThemeInternal.selectPaddingXSmall = '7px';BasicLightThemeInternal.selectPaddingXMedium = '11px';BasicLightThemeInternal.selectPaddingXLarge = '15px';BasicLightThemeInternal.selectRootWidthMobile = 'auto';BasicLightThemeInternal.mobileSelectMaxWidth = '100%';BasicLightThemeInternal.selectBorderColorTransition = "box-shadow " + _BasicLightThemeInternal.transitionDuration + " " + _BasicLightThemeInternal.transitionTimingFunction + ";"; //#endregion Select
-//#region Tooltip
-BasicLightThemeInternal.tooltipPaddingY = '16px';BasicLightThemeInternal.tooltipPaddingX = '16px';BasicLightThemeInternal.tooltipCloseBtnPadding = '4px';BasicLightThemeInternal.tooltipCloseBtnSide = '16px';BasicLightThemeInternal.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.32)';BasicLightThemeInternal.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';BasicLightThemeInternal.tooltipBg = '#fff';BasicLightThemeInternal.tooltipBorderRadius = '8px';BasicLightThemeInternal.tooltipPinOffsetX = '16px';BasicLightThemeInternal.tooltipPinOffsetY = '18px';BasicLightThemeInternal.tooltipMargin = '10px';BasicLightThemeInternal.kebabMargin = '4px';BasicLightThemeInternal.kebabBackground = 'transparent';BasicLightThemeInternal.kebabBackgroundHover = 'rgba(0, 0, 0, 0.06)';BasicLightThemeInternal.kebabBackgroundActive = 'rgba(0, 0, 0, 0.10)';BasicLightThemeInternal.kebabBorderRadius = '50%';BasicLightThemeInternal.kebabBorder = '2px solid transparent';BasicLightThemeInternal.kebabSizeSmall = '24px';BasicLightThemeInternal.kebabSizeMedium = '32px';BasicLightThemeInternal.kebabSizeLarge = '40px';BasicLightThemeInternal.kebabIconSizeSmall = '16px';BasicLightThemeInternal.kebabIconSizeMedium = '20px';BasicLightThemeInternal.kebabIconSizeLarge = '24px';BasicLightThemeInternal.kebabIconColor = '#757575'; //#endregion
-//#region Modal
-BasicLightThemeInternal.modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.06)';BasicLightThemeInternal.modalBackBg = '#000';BasicLightThemeInternal.modalBackOpacity = '0.16';BasicLightThemeInternal.modalCloseButtonColor = 'rgba(0, 0, 0, 0.32)';BasicLightThemeInternal.modalCloseButtonDisabledColor = '#8b8b8b';BasicLightThemeInternal.modalCloseButtonHoverColor = 'rgba(0, 0, 0, 0.865)';BasicLightThemeInternal.modalCloseButtonPadding = '32px';BasicLightThemeInternal.modalCloseButtonLegacyShift = '0px';BasicLightThemeInternal.modalCloseButtonBottomPadding = '20px';BasicLightThemeInternal.modalCloseButtonClickArea = '6px';BasicLightThemeInternal.modalCloseIconSize = '20px';BasicLightThemeInternal.modalCloseLegacyGap = '0px';BasicLightThemeInternal.modalCloseWrapperLegacyGap = '0px';BasicLightThemeInternal.modalBorderRadius = '16px';BasicLightThemeInternal.modalFixedHeaderBorder = 'none';BasicLightThemeInternal.modalFixedFooterBorder = 'none';BasicLightThemeInternal.modalFixedPanelShadow = 'none';BasicLightThemeInternal.modalAdaptiveThreshold = '425px';BasicLightThemeInternal.modalPaddingTop = '24px';BasicLightThemeInternal.modalPaddingLeft = '32px';BasicLightThemeInternal.modalPaddingRight = '32px';BasicLightThemeInternal.modalHeaderFontSize = '24px';BasicLightThemeInternal.modalHeaderFontWeight = '700';BasicLightThemeInternal.modalHeaderLineHeight = '32px';BasicLightThemeInternal.modalHeaderPaddingBottom = '16px';BasicLightThemeInternal.modalHeaderPaddingTop = '24px';BasicLightThemeInternal.modalFixedHeaderMarginBottom = '0px';BasicLightThemeInternal.modalFixedFooterMarginTop = '0px';BasicLightThemeInternal.modalSeparatorBorderBottom = '1px solid #E6E6E6';BasicLightThemeInternal.modalBodyTextColor = 'inherit';BasicLightThemeInternal.modalFooterTextColor = 'inherit';BasicLightThemeInternal.modalBodyPaddingTop = '0';BasicLightThemeInternal.modalBodyPaddingBottom = '20px';BasicLightThemeInternal.modalBodyBorderRadius = '0px';BasicLightThemeInternal.modalFooterPaddingTop = '0px';BasicLightThemeInternal.modalFooterPaddingBottom = '20px';BasicLightThemeInternal.modalPaddingBottom = '40px';BasicLightThemeInternal.modalFooterPanelPaddingTop = '20px';BasicLightThemeInternal.mobileModalCloseButtonRightPadding = '16px';BasicLightThemeInternal.mobileModalCloseButtonTopPadding = '8px';BasicLightThemeInternal.mobileModalCloseButtonClickArea = '16px';BasicLightThemeInternal.mobileModalCloseIconSize = '20px';BasicLightThemeInternal.mobileModalHeaderFontSize = '24px';BasicLightThemeInternal.mobileModalHeaderLineHeight = '32px';BasicLightThemeInternal.mobileModalHeaderPadding = '16px';BasicLightThemeInternal.mobileModalBodyPadding = '0 16px 16px 16px';BasicLightThemeInternal.mobileModalBodyFontSize = '16px';BasicLightThemeInternal.mobileModalFooterPadding = '16px';BasicLightThemeInternal.mobileModalPaddingBottom = '16px';BasicLightThemeInternal.mobileModalContainerHeight = '100%';BasicLightThemeInternal.mobileModalContainerMarginTop = '0';BasicLightThemeInternal.mobileModalContainerMarginRight = '0';BasicLightThemeInternal.mobileModalContainerMarginBottom = '0';BasicLightThemeInternal.mobileModalContainerMarginLeft = '0';BasicLightThemeInternal.sidePageBackingBg = '#000';BasicLightThemeInternal.sidePageBackingBgOpacity = '0.16';BasicLightThemeInternal.sidePageCloseButtonColor = 'rgba(0, 0, 0, 0.374)';BasicLightThemeInternal.sidePageCloseButtonHoverColor = 'rgba(0, 0, 0, 0.5)';BasicLightThemeInternal.sidePageContainerShadow = '0 5px 10px rgba(0, 0, 0, 0.2)';BasicLightThemeInternal.mobileSidePagePaddingLeft = '16px';BasicLightThemeInternal.mobileSidePagePaddingRight = '16px';BasicLightThemeInternal.mobileSidePagePaddingTop = '16px';BasicLightThemeInternal.mobileSidePagePaddingBottom = '16px';BasicLightThemeInternal.mobileSidePageFooterPadding = '16px';BasicLightThemeInternal.sidePagePaddingLeft = '32px';BasicLightThemeInternal.sidePagePaddingRight = '36px';BasicLightThemeInternal.sidePagePaddingTop = '24px';BasicLightThemeInternal.sidePagePaddingBottom = '40px';BasicLightThemeInternal.sidePageFooterPaddingTop = '20px';BasicLightThemeInternal.sidePageFooterPaddingBottom = '20px';BasicLightThemeInternal.sidePageBgDefault = '#fff';BasicLightThemeInternal.sidePageBodyTextColor = 'inherit';BasicLightThemeInternal.sidePageFooterTextColor = 'inherit';BasicLightThemeInternal.sidePageHeaderFontSize = '24px';BasicLightThemeInternal.sidePageHeaderLineHeight = '32px';BasicLightThemeInternal.sidePageHeaderPaddingBottom = '16px';BasicLightThemeInternal.sidePageHeaderPaddingTop = '24px';BasicLightThemeInternal.sidePageHeaderFixedFontSize = '18px';BasicLightThemeInternal.sidePageHeaderFixedLineHeight = '28px';BasicLightThemeInternal.sidePageHeaderFixedPaddingY = '10px';BasicLightThemeInternal.sidePageHeaderStickyOffset = '9px';BasicLightThemeInternal.sidePageCloseButtonPadding = '32px';BasicLightThemeInternal.mobileSidePageCloseButtonPadding = '16px';BasicLightThemeInternal.sidePageCloseButtonLegacyPaddingLeft = '36px';BasicLightThemeInternal.sidePageCloseIconSize = '20px';BasicLightThemeInternal.sidePageCloseButtonClickArea = '6px';BasicLightThemeInternal.mobileSidePageCloseButtonClickArea = '16px';BasicLightThemeInternal.sidePageFixedPanelShadow = 'none';BasicLightThemeInternal.mobileSidePageHeaderFontSize = '24px';BasicLightThemeInternal.mobileSidePageHeaderLineHeight = '32px';BasicLightThemeInternal.mobileSidePageHeaderPaddingBottom = '16px';BasicLightThemeInternal.mobileSidePageHeaderPaddingTop = '16px';BasicLightThemeInternal.mobileSidePageCloseButtonRightPadding = '12px';BasicLightThemeInternal.sidePageHeaderFontWeight = 'bold';BasicLightThemeInternal.sidePageCloseButtonWrapperOffsetTop = '4px';BasicLightThemeInternal.dateInputMaskColor = '#b8b8b8';BasicLightThemeInternal.dateInputComponentSelectedBgColor = '';BasicLightThemeInternal.dateInputComponentSelectedTextColor = '';BasicLightThemeInternal.calendarBorderRadius = '8px';BasicLightThemeInternal.calendarCellHoverColor = '';BasicLightThemeInternal.calendarCellActiveHoverColor = '';BasicLightThemeInternal.calendarCellTodayBorder = '1px solid';BasicLightThemeInternal.calendarCellBorderRadius = '9999px';BasicLightThemeInternal.calendarCellSelectedBgColor = '#E6E6E6';BasicLightThemeInternal.calendarCellSelectedFontColor = 'inherit';BasicLightThemeInternal.calendarCellHeight = '32px';BasicLightThemeInternal.calendarCellFontSize = '14px';BasicLightThemeInternal.calendarMonthTitleBorderBottomColor = '#dfdede';BasicLightThemeInternal.calendarCellHoverBgColor = '#F0F0F0';BasicLightThemeInternal.calendarPaddingX = '18px';BasicLightThemeInternal.calendarMonthTitleLineHeight = '20px';BasicLightThemeInternal.calendarMonthTitlePaddingTop = '12px';BasicLightThemeInternal.calendarMonthTitlePaddingBottom = '8px';BasicLightThemeInternal.calendarMonthTitleMarginX = '6px';BasicLightThemeInternal.calendarMonthTitleMarginBottom = '6px';BasicLightThemeInternal.calendarWrapperHeight = ' 330px';BasicLightThemeInternal.calendarMonthMarginBottom = '6px';BasicLightThemeInternal.calendarMaxMonthsToAppendOnScroll = '5';BasicLightThemeInternal.calendarGridRowSpacing = '0px';BasicLightThemeInternal.pickerShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';BasicLightThemeInternal.mobileCalendarPaddingX = '16px';BasicLightThemeInternal.mobileCalendarCellWidth = '40px';BasicLightThemeInternal.mobileCalendarCellHeight = '40px';BasicLightThemeInternal.mobileCalendarCellBorderRadius = '20px';BasicLightThemeInternal.mobileCalendarCellFontSize = '16px';BasicLightThemeInternal.mobileCalendarGridRowSpacing = '8px';BasicLightThemeInternal.mobileCalendarWrapperHeight = '304px';BasicLightThemeInternal.dateSelectMenuItemBgActive = '#F0F0F0';BasicLightThemeInternal.dateSelectMenuItemFontActive = '';BasicLightThemeInternal.dateSelectLineHeight = '20px';BasicLightThemeInternal.dateSelectFontSize = '14px';BasicLightThemeInternal.dateSelectFontWeight = 'bold';BasicLightThemeInternal.dateSelectMenuItemBgSelected = '#ececec';BasicLightThemeInternal.dateSelectTextColorInvert = '';BasicLightThemeInternal.mobileDateSelectFontSize = '16px';BasicLightThemeInternal.mobileDateSelectLineHeight = '20px';BasicLightThemeInternal.pagingPageLinkBoxSizing = 'border-box';BasicLightThemeInternal.pagingPageLinkPaddingX = '12px';BasicLightThemeInternal.pagingPageLinkPaddingY = '0.3125em';BasicLightThemeInternal.pagingPageLinkMinWidth = '0.75em';BasicLightThemeInternal.pagingPageForwardLinkMarginTop = '';BasicLightThemeInternal.pagingPageForwardLinkMarginLeft = '0px';BasicLightThemeInternal.pagingLineHeight = '22px';BasicLightThemeInternal.pagingDotsColor = '#ADADAD';BasicLightThemeInternal.pagingDotsPadding = '0.375em 0.625em 0';BasicLightThemeInternal.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.1)';BasicLightThemeInternal.pagingPageLinkDisabledActiveBg = 'rgba(0, 0, 0, 0.04)';BasicLightThemeInternal.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.06)';BasicLightThemeInternal.pagingPageLinkBorderRadius = '9999px';BasicLightThemeInternal.pagingPageLinkHintFontSize = '12px';BasicLightThemeInternal.pagingPageLinkHintLineHeight = '16px';BasicLightThemeInternal.pagingPageLinkHintMargin = '4px -20px 0px';BasicLightThemeInternal.pagingPageLinkMargin = '0px 1px';BasicLightThemeInternal.hintMaxWidth = '200px';BasicLightThemeInternal.hintPaddingY = '4px';BasicLightThemeInternal.hintPaddingX = '8px';BasicLightThemeInternal.hintTextAlign = 'center';BasicLightThemeInternal.hintBgColor = 'rgba(0, 0, 0, 0.76)';BasicLightThemeInternal.hintBorder = 'none';BasicLightThemeInternal.hintBorderRadius = '6px';BasicLightThemeInternal.hintMargin = '8px';BasicLightThemeInternal.toastPaddingY = '10px';BasicLightThemeInternal.toastPaddingX = '16px';BasicLightThemeInternal.toastBorderRadius = '8px';BasicLightThemeInternal.toastBorder = 'none';BasicLightThemeInternal.toastTop = '24px';BasicLightThemeInternal.toastBg = 'rgba(0, 0, 0, 0.76)';BasicLightThemeInternal.toastColor = 'white';BasicLightThemeInternal.toastLinkColor = '#fff';BasicLightThemeInternal.toastLinkTextDecorationHover = '';BasicLightThemeInternal.toastLinkBgHover = 'rgba(255, 255, 255, 0.12)';BasicLightThemeInternal.toastLinkBgActive = 'rgba(0, 0, 0, 0.87)';BasicLightThemeInternal.toastLinkPadding = '12px';BasicLightThemeInternal.toastClosePadding = '16px';BasicLightThemeInternal.toastCloseColor = 'rgba(255, 255, 255, 0.6)';BasicLightThemeInternal.toastCloseHoverColor = 'white';BasicLightThemeInternal.toastCloseSize = '16px'; //#endregion Toast
-//#region Dropdown
-BasicLightThemeInternal.dropdownMenuBorderColorTransition = '';BasicLightThemeInternal.dropdownMenuMenuBoxSizing = 'content-box';BasicLightThemeInternal.dropdownButtonBorderRadiusSmall = '8px';BasicLightThemeInternal.dropdownButtonBorderRadiusMedium = '8px';BasicLightThemeInternal.dropdownButtonBorderRadiusLarge = '8px';BasicLightThemeInternal.menuBorderRadius = '8px';BasicLightThemeInternal.menuBorder = 'none';BasicLightThemeInternal.menuShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';BasicLightThemeInternal.menuPaddingY = '0px';BasicLightThemeInternal.menuScrollContainerContentWrapperPaddingY = '4px';BasicLightThemeInternal.mobileMenuPaddingY = '0px';BasicLightThemeInternal.mobileMenuScrollContainerContentWrapperPaddingY = '0px';BasicLightThemeInternal.menuPaddingX = '4px';BasicLightThemeInternal.mobileMenuPaddingX = '8px';BasicLightThemeInternal.menuOffsetY = '4px';BasicLightThemeInternal.menuBoxSizing = 'border-box';BasicLightThemeInternal.menuItemSelectedBg = '#E6E6E6';BasicLightThemeInternal.menuItemHoverBg = '#F0F0F0';BasicLightThemeInternal.menuItemIconWidthSmall = '16px';BasicLightThemeInternal.menuItemIconWidthMedium = '20px';BasicLightThemeInternal.menuItemIconWidthLarge = '24px';BasicLightThemeInternal.menuItemIconGap = '4px';BasicLightThemeInternal.menuItemIconLegacyMargin = '0px';BasicLightThemeInternal.menuItemIconLegacyShift = '0px';BasicLightThemeInternal.menuItemPaddingXSmall = '8px';BasicLightThemeInternal.menuItemPaddingYSmall = '6px';BasicLightThemeInternal.menuItemPaddingXMedium = '12px';BasicLightThemeInternal.menuItemPaddingYMedium = '9px';BasicLightThemeInternal.menuItemPaddingXLarge = '16px';BasicLightThemeInternal.menuItemPaddingYLarge = '12px';BasicLightThemeInternal.menuItemBorderRadius = '6px';BasicLightThemeInternal.menuItemLegacyPaddingX = '0px';BasicLightThemeInternal.menuItemLegacyPaddingY = '0px';BasicLightThemeInternal.menuItemCommentOpacity = '0.6';BasicLightThemeInternal.menuItemDisplay = 'block';BasicLightThemeInternal.menuItemPaddingMobile = '12px 16px';BasicLightThemeInternal.menuItemDisabledBg = 'transparent';BasicLightThemeInternal.menuItemGap = '1px'; //menuHeader
-BasicLightThemeInternal.menuHeaderColor = '#757575';BasicLightThemeInternal.menuHeaderLineHeightSmall = '16px';BasicLightThemeInternal.menuHeaderLineHeightMedium = '20px';BasicLightThemeInternal.menuHeaderLineHeightLarge = '22px';BasicLightThemeInternal.menuHeaderFontSizeSmall = '12px';BasicLightThemeInternal.menuHeaderFontSizeMedium = '14px';BasicLightThemeInternal.menuHeaderFontSizeLarge = '16px';BasicLightThemeInternal.menuHeaderPaddingXSmall = '8px';BasicLightThemeInternal.menuHeaderPaddingTopSmall = '12px';BasicLightThemeInternal.menuHeaderPaddingBottomSmall = '4px';BasicLightThemeInternal.menuHeaderPaddingXMedium = '12px';BasicLightThemeInternal.menuHeaderPaddingTopMedium = '14px';BasicLightThemeInternal.menuHeaderPaddingBottomMedium = '6px';BasicLightThemeInternal.menuHeaderPaddingXLarge = '16px';BasicLightThemeInternal.menuHeaderPaddingTopLarge = '18px';BasicLightThemeInternal.menuHeaderPaddingBottomLarge = '8px';BasicLightThemeInternal.menuHeaderTotalCountPaddingTopSmall = '4px';BasicLightThemeInternal.menuHeaderTotalCountPaddingTopMedium = '6px';BasicLightThemeInternal.menuHeaderTotalCountPaddingTopLarge = '8px';BasicLightThemeInternal.menuHeaderTotalCountPaddingBottomSmall = '12px';BasicLightThemeInternal.menuHeaderTotalCountPaddingBottomMedium = '14px';BasicLightThemeInternal.menuHeaderTotalCountPaddingBottomLarge = '18px';BasicLightThemeInternal.menuHeaderLegacyPaddingRight = '0px';BasicLightThemeInternal.menuFooterLegacyPaddingRight = '0px'; //menuSeparator
-BasicLightThemeInternal.menuSeparatorBorderColor = '#ebebeb';BasicLightThemeInternal.menuSeparatorMarginY = '2px';BasicLightThemeInternal.menuSeparatorMarginX = '8px';BasicLightThemeInternal.menuSeparatorBorderWidth = '1px'; // mobileMenuSeparator
-BasicLightThemeInternal.mobileMenuSeparatorMarginY = '4px';BasicLightThemeInternal.mobileMenuSeparatorMarginX = '24px';BasicLightThemeInternal.toggleHandleActiveWidthIncrement = '0px';BasicLightThemeInternal.toggleHeightSmall = '20px';BasicLightThemeInternal.toggleWidthSmall = '32px';BasicLightThemeInternal.toggleHeightMedium = '22px';BasicLightThemeInternal.toggleWidthMedium = '34px';BasicLightThemeInternal.toggleHeightLarge = '24px';BasicLightThemeInternal.toggleWidthLarge = '36px';BasicLightThemeInternal.toggleBaseBg = '#fff';BasicLightThemeInternal.toggleBgHover = '#F0F0F0';BasicLightThemeInternal.toggleBorderColor = 'rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.toggleHandleSizeSmall = '14px';BasicLightThemeInternal.toggleHandleSizeMedium = '16px';BasicLightThemeInternal.toggleHandleSizeLarge = '18px';BasicLightThemeInternal.toggleHandleLeft = '3px';BasicLightThemeInternal.toggleHandleTop = '3px';BasicLightThemeInternal.toggleBgFocus = 'linear-gradient(-180deg, #f1f1f1, #dedede)';BasicLightThemeInternal.toggleCaptionGap = '8px';BasicLightThemeInternal.toggleButtonOffsetY = '0px';BasicLightThemeInternal.toggleContainerBg = '#FFFFFF';BasicLightThemeInternal.toggleHandleBg = '#FFFFFF';BasicLightThemeInternal.toggleHandleBoxShadow = '0 0 0 1px rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.16)'; // idle :hover
-BasicLightThemeInternal.toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.toggleHandleBgHover = '#FFFFFF';BasicLightThemeInternal.toggleHandleBoxShadowHover = '0 0 0 1px rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.toggleContainerBoxShadowChecked = 'none';BasicLightThemeInternal.toggleHandleBoxShadowChecked = 'none';BasicLightThemeInternal.toggleHandleBgChecked = '#FFFFFF';BasicLightThemeInternal.toggleBgChecked = '#3D3D3D';BasicLightThemeInternal.toggleCheckedBg = '#fff';BasicLightThemeInternal.toggleCheckedBgHover = '#fff'; // checked :hover
-BasicLightThemeInternal.toggleContainerBoxShadowCheckedHover = 'none';BasicLightThemeInternal.toggleContainerBgCheckedHover = '#292929';BasicLightThemeInternal.toggleHandleBoxShadowCheckedHover = 'none';BasicLightThemeInternal.toggleHandleBgCheckedHover = '#F0F0F0'; // disabled
-BasicLightThemeInternal.toggleContainerBgDisabled = '#F0F0F0';BasicLightThemeInternal.toggleHandleBgDisabled = 'transparent';BasicLightThemeInternal.toggleContainerBoxShadowDisabled = 'inset 0 0 0 1px rgba(0, 0, 0, 0.1)';BasicLightThemeInternal.toggleHandleBoxShadowDisabled = '0 0 0 1px rgba(0, 0, 0, 0.1)';BasicLightThemeInternal.toggleDisabledHandleBg = '#fff';BasicLightThemeInternal.toggleContainerBgDisabledChecked = '#D6D6D6';BasicLightThemeInternal.toggleHandleBgDisabledChecked = '#F0F0F0';BasicLightThemeInternal.toggleContainerBoxShadowDisabledChecked = 'none';BasicLightThemeInternal.toggleHandleBoxShadowDisabledChecked = 'none';BasicLightThemeInternal.toggleBgDisabledChecked = '#dadada'; //#endregion Toggle
-//#region Popup
-BasicLightThemeInternal.popupBorder = 'none';BasicLightThemeInternal.popupBorderRadius = '8px';BasicLightThemeInternal.popupBorderColor = 'transparent';BasicLightThemeInternal.popupDropShadow = 'drop-shadow(0px 32px 32px rgba(0, 0, 0, 0.08)) drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.12))';BasicLightThemeInternal.popupBoxShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';BasicLightThemeInternal.popupPinOffsetX = '16px';BasicLightThemeInternal.popupPinOffsetY = '16px';BasicLightThemeInternal.popupMargin = '10px';BasicLightThemeInternal.popupPinSize = '8px';BasicLightThemeInternal.popupMenuMenuOffsetY = '0px';BasicLightThemeInternal.inputShadow = 'none';BasicLightThemeInternal.inputBg = 'white';BasicLightThemeInternal.inputIconColor = '#858585';BasicLightThemeInternal.inputColor = 'inherit';BasicLightThemeInternal.inputWidth = '200px';BasicLightThemeInternal.inputPaddingXSmall = '7px';BasicLightThemeInternal.inputPaddingXMedium = '11px';BasicLightThemeInternal.inputPaddingXLarge = '15px';BasicLightThemeInternal.inputIconGapSmall = '4px';BasicLightThemeInternal.inputIconGapMedium = '6px';BasicLightThemeInternal.inputIconGapLarge = '8px';BasicLightThemeInternal.inputIconSizeSmall = '16px';BasicLightThemeInternal.inputIconSizeMedium = '20px';BasicLightThemeInternal.inputIconSizeLarge = '24px';BasicLightThemeInternal.inputBackgroundClip = 'padding-box';BasicLightThemeInternal.inputBorderRadiusSmall = '2px';BasicLightThemeInternal.inputBorderRadiusMedium = '2px';BasicLightThemeInternal.inputBorderRadiusLarge = '2px';BasicLightThemeInternal.inputDisabledBackgroundClip = 'padding-box';BasicLightThemeInternal.inputBorderColor = 'rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.inputBorderColorHover = 'rgba(0, 0, 0, 0.32)';BasicLightThemeInternal.inputBlinkColor = 'rgba(61, 61, 61, 0.2)';BasicLightThemeInternal.inputColorScheme = 'light';BasicLightThemeInternal.checkboxBoxSizeSmall = '16px';BasicLightThemeInternal.checkboxBoxSizeMedium = '20px';BasicLightThemeInternal.checkboxBoxSizeLarge = '24px';BasicLightThemeInternal.checkboxCaptionGap = '8px';BasicLightThemeInternal.checkboxBoxOffsetY = '1px';BasicLightThemeInternal.checkboxBgStart = '#fdfdfd';BasicLightThemeInternal.checkboxBgEnd = '#ededed';BasicLightThemeInternal.checkboxBorder = 'none';BasicLightThemeInternal.checkboxCheckedColor = '#fff';BasicLightThemeInternal.checkboxBorderRadius = '4px';BasicLightThemeInternal.checkboxBg = '#fff';BasicLightThemeInternal.checkboxCheckedHoverBg = '#292929';BasicLightThemeInternal.textareaBg = '#fff';BasicLightThemeInternal.textareaShadow = 'none';BasicLightThemeInternal.textareaBackgroundClip = 'padding-box';BasicLightThemeInternal.textareaBorderRadius = '2px';BasicLightThemeInternal.textareaWidth = '250px';BasicLightThemeInternal.textareaPaddingXSmall = '7px';BasicLightThemeInternal.textareaPaddingXMedium = '11px';BasicLightThemeInternal.textareaPaddingXLarge = '15px';BasicLightThemeInternal.textareaBorderTopColor = 'rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.radioBulletSizeSmall = '6px';BasicLightThemeInternal.radioBulletSizeMedium = '10px';BasicLightThemeInternal.radioBulletSizeLarge = '12px';BasicLightThemeInternal.radioSizeSmall = '16px';BasicLightThemeInternal.radioSizeMedium = '20px';BasicLightThemeInternal.radioSizeLarge = '24px';BasicLightThemeInternal.radioCaptionGap = '8px';BasicLightThemeInternal.radioVerticalAlign = 'top';BasicLightThemeInternal.radioBgImage = 'none';BasicLightThemeInternal.radioBgColor = '#fff';BasicLightThemeInternal.radioBoxShadow = 'none';BasicLightThemeInternal.radioHoverShadow = 'none';BasicLightThemeInternal.radioActiveShadow = 'none';BasicLightThemeInternal.radioCheckedBorderColor = 'transparent';BasicLightThemeInternal.radioCheckedBulletColor = '#fff';BasicLightThemeInternal.radioDisabledBg = '#F0F0F0';BasicLightThemeInternal.radioCaptionDisplay = 'inline-flex';BasicLightThemeInternal.radioBorderWidthCompensation = '0px';BasicLightThemeInternal.radioCircleOffsetY = '1px';BasicLightThemeInternal.radioGroupLegacyItemGap = '0px';BasicLightThemeInternal.tabPaddingXSmall = '8px';BasicLightThemeInternal.tabPaddingXMedium = '10px';BasicLightThemeInternal.tabPaddingXLarge = '12px';BasicLightThemeInternal.tabBorderWidth = '2px';BasicLightThemeInternal.tabColorHover = '#D6D6D6';BasicLightThemeInternal.tabIndicatorBorderRadius = '2px';BasicLightThemeInternal.spinnerCaptionGapSmall = '6px';BasicLightThemeInternal.spinnerCaptionGapMedium = '-4px';BasicLightThemeInternal.spinnerCaptionGapLarge = '-3px';BasicLightThemeInternal.spinnerCaptionMarginSmall = '0 0 0 6px';BasicLightThemeInternal.spinnerCaptionMarginMedium = '0 0 0 6px';BasicLightThemeInternal.spinnerCaptionMarginLarge = '0 0 0 6px'; //#endregion
-//#region Switcher
-BasicLightThemeInternal.switcherBorderRadius = '8px';BasicLightThemeInternal.switcherButtonPaddingXSmall = '7px';BasicLightThemeInternal.switcherButtonPaddingXMedium = '11px';BasicLightThemeInternal.switcherButtonPaddingXLarge = '15px';BasicLightThemeInternal.switcherBtnDisabledBorderColor = 'rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.mobilePopupTopPadding = '80px';BasicLightThemeInternal.mobilePopupContainerBottomPadding = '8px';BasicLightThemeInternal.mobilePopupHeaderPadding = '16px 16px 8px 16px';BasicLightThemeInternal.mobilePopupFooterPadding = '16px 16px 16px 16px';BasicLightThemeInternal.mobilePopupContainerBorderRadius = '16px';BasicLightThemeInternal.mobilePopupHeaderFontWeight = '500';BasicLightThemeInternal.mobilePopupHeaderChildPadding = '12px';BasicLightThemeInternal.mobilePopupOuterIndentY = '24px'; //#endregion
-//#region ScrollContainer
-BasicLightThemeInternal.scrollContainerScrollBarSize = '4px';BasicLightThemeInternal.scrollContainerScrollBarHoverSize = '10px';BasicLightThemeInternal.scrollContainerScrollBarColor = 'rgba(183, 183, 183, 0.7)';BasicLightThemeInternal.scrollContainerScrollBarInvertColor = 'rgba(255, 255, 255, 0.5)';BasicLightThemeInternal.scrollContainerScrollBarOffsetY = '4px';BasicLightThemeInternal.dropdownMenuScrollContainerScrollBarOffsetY = '0px'; //#endregion
-//#region PasswordInput
-BasicLightThemeInternal.passwordInputVisibilityIconColor = '#000';BasicLightThemeInternal.passwordInputVisibilityIconOpacity = '0.6';BasicLightThemeInternal.passwordInputVisibilityIconHoverColor = '#000';BasicLightThemeInternal.passwordInputVisibilityIconHoverOpacity = '1';BasicLightThemeInternal.globalLoaderHeight = '4px';BasicLightThemeInternal.globalLoaderWidth = '100%';BasicLightThemeInternal.globalLoaderPosition = 'fixed';BasicLightThemeInternal.globalLoaderTop = '0px';BasicLightThemeInternal.globalLoaderLeft = '0px';BasicLightThemeInternal.globalLoaderBottom = 'auto';BasicLightThemeInternal.globalLoaderRight = 'auto';BasicLightThemeInternal.globalLoaderBackgroundColor = 'transparent';BasicLightThemeInternal.globalLoaderTransitionToSpinnerDuration = '500'; //ms
-BasicLightThemeInternal.globalLoaderSpinnerAnimationDuration = '2000'; //ms
-BasicLightThemeInternal.globalLoaderSlowAnimationDuration = '20000'; //ms
-BasicLightThemeInternal.globalLoaderTransitionFromSpinnerDuration = '200'; //ms
-//#endregion
-//#region FileUploader
-BasicLightThemeInternal.fileUploaderWidth = '362px';BasicLightThemeInternal.fileUploaderBg = '';BasicLightThemeInternal.fileUploaderUploadButtonBg = '#fff';BasicLightThemeInternal.fileUploaderBorderRadius = '8px';BasicLightThemeInternal.fileUploaderBorderColor = 'rgba(0, 0, 0, 0.37)';BasicLightThemeInternal.fileUploaderBorderStyle = 'dashed';BasicLightThemeInternal.fileUploaderAfterLinkColor = '#858585';BasicLightThemeInternal.fileUploaderIconSize = '14px';BasicLightThemeInternal.fileUploaderIconColor = '#222222';BasicLightThemeInternal.fileUploaderIconHoverColor = '#333';BasicLightThemeInternal.fileUploaderDisabledBgClip = 'padding-box';BasicLightThemeInternal.fileUploaderDisabledBorderColor = 'rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.fileUploaderLinkHoverTextDecoration = 'none';BasicLightThemeInternal.fileUploaderHoveredBg = 'rgba(0, 0, 0, 0.06)';BasicLightThemeInternal.fileUploaderHoveredBorderColor = 'transparent';BasicLightThemeInternal.fileUploaderIconGapSmall = '4px';BasicLightThemeInternal.fileUploaderIconGapMedium = '6px';BasicLightThemeInternal.fileUploaderIconGapLarge = '8px';BasicLightThemeInternal.fileUploaderDragOverShadow = '0px 0px 0px 3px rgb(149, 149, 149), 0px 0px 0px 8px rgba(61, 61, 61, 0.2)'; //#endregion FileUploader
-//#region CloseIcon
-BasicLightThemeInternal.closeBtnIconColor = 'rgba(0, 0, 0, 0.32)';BasicLightThemeInternal.closeBtnIconDisabledColor = '#8b8b8b';BasicLightThemeInternal.closeBtnIconHoverColor = 'rgba(0, 0, 0, 0.865)';BasicLightThemeInternal.closeBtnIconBorderRadius = '4px';BasicLightThemeInternal.miniModalHeaderPaddingBottom = '0';BasicLightThemeInternal.miniModalBodyPaddingTop = '16px';BasicLightThemeInternal.miniModalBodyPaddingBottom = '0';BasicLightThemeInternal.miniModalHeaderPaddingTop = '32px';BasicLightThemeInternal.miniModalActionGap = '8px';BasicLightThemeInternal.miniModalCancelIndent = '8px';BasicLightThemeInternal.miniModalFooterPaddingTop = '24px';BasicLightThemeInternal.miniModalFooterPaddingBottom = '32px';BasicLightThemeInternal.miniModalTitleMarginTop = '16px';BasicLightThemeInternal.miniModalHeightMobile = 'auto';BasicLightThemeInternal.miniModalMarginTopMobile = '80px';BasicLightThemeInternal.miniModalMarginLeftMobile = '24px';BasicLightThemeInternal.miniModalMarginRightMobile = '24px';BasicLightThemeInternal.miniModalFooterPaddingMobile = '24px 16px 16px';BasicLightThemeInternal.miniModalHeaderPaddingMobile = '32px 16px 0';BasicLightThemeInternal.miniModalBodyPaddingMobile = '16px 16px 0';BasicLightThemeInternal.validationsTextColorWarning = '#ef8b17';var BasicLightTheme = exports.BasicLightTheme = (0, _ThemeHelpers.exposeGetters)(BasicLightThemeInternal);
+var _BasicTheme = require("./BasicTheme");exports.BasicLightThemeInternal = _BasicTheme.BasicThemeClass;