@skbkontur/react-ui 5.6.5-cab54.0 → 5.6.5

package/internal/themes/BasicTheme.js

@@ -1,4501 +0,0 @@
-import * as colors from '@skbkontur/colors/tokens-default/light';
-import { createTheme } from '../../lib/theming/ThemeHelpers.js';
-var BasicThemeClass = /** @class */ (function () {
-    function BasicThemeClass() {
-    }
-    Object.defineProperty(BasicThemeClass, "bgSecondary", {
-        get: function () {
-            return this.bgDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "errorMain", {
-        get: function () {
-            return this.red;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "errorSecondary", {
-        get: function () {
-            return this.redXxLight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "linkHoverTextDecorationStyle", {
-        get: function () {
-            return this.linkTextDecorationStyle;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "linkLineHoverBorderBottomStyle", {
-        get: function () {
-            return this.linkLineBorderBottomStyle;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "linkFocusOutlineWidth", {
-        get: function () {
-            return this.controlOutlineWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "linkFocusOutline", {
-        get: function () {
-            return "".concat(this.linkFocusOutlineWidth, " solid ").concat(this.linkFocusOutlineColor);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenTextColorDisabled", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenFontSizeSmall", {
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenFontSizeMedium", {
-        get: function () {
-            return this.fontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenFontSizeLarge", {
-        get: function () {
-            return this.fontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenLineHeightSmall", {
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenLineHeightMedium", {
-        get: function () {
-            return this.controlLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenLineHeightLarge", {
-        get: function () {
-            return this.controlLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenBorderColorWarning", {
-        get: function () {
-            return this.borderColorWarning;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenBorderColorError", {
-        get: function () {
-            return this.borderColorError;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenPaddingYDisabled", {
-        get: function () {
-            return this.tokenPaddingYSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenPaddingXDisabled", {
-        get: function () {
-            return this.tokenPaddingXSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenMarginYDisabled", {
-        get: function () {
-            return this.tokenMarginYSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenMarginXDisabled", {
-        get: function () {
-            return this.tokenMarginXSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenColorHover", {
-        get: function () {
-            return this.tokenColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputLineHeightSmall", {
-        //#endregion Token
-        //#region TokenInput
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputLineHeightMedium", {
-        get: function () {
-            return this.controlLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputLineHeightLarge", {
-        get: function () {
-            return this.controlLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputBorderColor", {
-        get: function () {
-            return this.inputBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputBorderColorHover", {
-        get: function () {
-            return this.inputBorderColorHover;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputBorderColorFocus", {
-        get: function () {
-            return this.inputBorderColorFocus;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputBorderColorError", {
-        get: function () {
-            return this.inputBorderColorError;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputBorderColorWarning", {
-        get: function () {
-            return this.inputBorderColorWarning;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputBorderTopColor", {
-        get: function () {
-            return this.inputBorderTopColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputPlaceholderColor", {
-        get: function () {
-            return this.inputPlaceholderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputPlaceholderColorLight", {
-        get: function () {
-            return this.inputPlaceholderColorLight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputDisabledBg", {
-        get: function () {
-            return this.inputDisabledBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputDisabledBorderColor", {
-        get: function () {
-            return this.inputDisabledBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputBorderWidth", {
-        get: function () {
-            return this.inputBorderWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputOutlineWidth", {
-        get: function () {
-            return this.inputOutlineWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputBg", {
-        get: function () {
-            return this.inputBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputShadow", {
-        get: function () {
-            return this.inputShadow;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputTextColor", {
-        get: function () {
-            return this.inputTextColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputTextColorDisabled", {
-        get: function () {
-            return this.textColorDisabledContrast;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tokenInputPlaceholderColorDisabled", {
-        get: function () {
-            return this.textColorDisabledContrast;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnCheckedDisabledBorderColor", {
-        get: function () {
-            return this.btnCheckedDisabledBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnBorderWidth", {
-        get: function () {
-            return this.controlBorderWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnOutlineWidth", {
-        get: function () {
-            return this.controlOutlineWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnIconGapSmallRight", {
-        get: function () {
-            return this.btnIconGapSmallLeft;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnIconGapMediumRight", {
-        get: function () {
-            return this.btnIconGapMediumLeft;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnIconGapLargeRight", {
-        get: function () {
-            return this.btnIconGapLargeLeft;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnDefaultCheckedBorderColor", {
-        get: function () {
-            return this.btnCheckedBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnDefaultTextColor", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnDefaultHoverBorderColor", {
-        get: function () {
-            return this.btnDefaultBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnDefaultActiveBorderColor", {
-        get: function () {
-            return this.btnDefaultBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnSuccessBorderColor", {
-        get: function () {
-            return this.btnSuccessBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnSuccessHoverBorderColor", {
-        get: function () {
-            return this.btnSuccessHoverBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnSuccessActiveBorderColor", {
-        get: function () {
-            return this.btnSuccessActiveBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnPrimaryBorderColor", {
-        get: function () {
-            return this.btnPrimaryBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnPrimaryHoverBorderColor", {
-        get: function () {
-            return this.btnPrimaryHoverBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnPrimaryActiveBorderColor", {
-        get: function () {
-            return this.btnPrimaryActiveBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnDangerHoverBorderColor", {
-        get: function () {
-            return this.btnDangerHoverBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnDangerBorderColor", {
-        get: function () {
-            return this.btnDangerBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnDangerActiveBorderColor", {
-        get: function () {
-            return this.btnDangerActiveBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnPayHoverBorderColor", {
-        get: function () {
-            return this.btnPayHoverBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnPayBorderColor", {
-        get: function () {
-            return this.btnPayBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnPayActiveBorderColor", {
-        get: function () {
-            return this.btnPayActiveBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnFontSizeSmall", {
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnFontSizeMedium", {
-        get: function () {
-            return this.fontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnFontSizeLarge", {
-        get: function () {
-            return this.fontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLineHeightSmall", {
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLineHeightMedium", {
-        get: function () {
-            return this.controlLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLineHeightLarge", {
-        get: function () {
-            return this.controlLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnPaddingYSmall", {
-        get: function () {
-            return this.controlPaddingYSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnPaddingYMedium", {
-        get: function () {
-            return this.controlPaddingYMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnPaddingYLarge", {
-        get: function () {
-            return this.controlPaddingYLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnHeightSmall", {
-        get: function () {
-            var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
-            var padding = parseInt(this.btnPaddingYSmall, 10) || 0;
-            var lineHeigh = parseInt(this.btnLineHeightSmall, 10) || 0;
-            return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnHeightMedium", {
-        get: function () {
-            var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
-            var padding = parseInt(this.btnPaddingYMedium, 10) || 0;
-            var lineHeigh = parseInt(this.btnLineHeightMedium, 10) || 0;
-            return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnHeightLarge", {
-        get: function () {
-            var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
-            var padding = parseInt(this.btnPaddingYLarge, 10) || 0;
-            var lineHeigh = parseInt(this.btnLineHeightLarge, 10) || 0;
-            return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkColor", {
-        get: function () {
-            return this.linkColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkHoverColor", {
-        get: function () {
-            return this.linkHoverColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkActiveColor", {
-        get: function () {
-            return this.linkActiveColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkHoverTextDecoration", {
-        get: function () {
-            return this.linkHoverTextDecoration;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkTextDecorationColor", {
-        get: function () {
-            return this.linkTextDecorationColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkTextDecorationStyle", {
-        get: function () {
-            return this.linkTextDecorationStyle;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkHoverTextDecorationStyle", {
-        get: function () {
-            return this.linkTextDecorationStyle;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkTextUnderlineOffset", {
-        get: function () {
-            return this.linkTextUnderlineOffset;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkTextDecorationThickness", {
-        get: function () {
-            return this.linkTextDecorationThickness;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkTextUnderlineOpacity", {
-        get: function () {
-            return this.linkTextUnderlineOpacity;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkLineBorderBottomStyle", {
-        get: function () {
-            return this.linkLineBorderBottomStyle;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkHoverLineBorderBottomStyle", {
-        get: function () {
-            return this.btnLinkLineBorderBottomStyle;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkLineBorderBottomWidth", {
-        get: function () {
-            return this.linkLineBorderBottomWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkLineBorderBottomOpacity", {
-        get: function () {
-            return this.linkLineBorderBottomOpacity;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkIconMarginRight", {
-        get: function () {
-            return this.linkIconMarginRight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkIconMarginLeft", {
-        get: function () {
-            return this.linkIconMarginRight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnOutlineColorFocus", {
-        get: function () {
-            return this.outlineColorFocus;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnBorderColorFocus", {
-        get: function () {
-            return this.borderColorFocus;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnLinkDisabledColor", {
-        get: function () {
-            return this.linkDisabledColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnDisabledTextColor", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnBacklessActiveBorderColor", {
-        get: function () {
-            return this.btnBacklessBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnBacklessBorderColor", {
-        get: function () {
-            return this.btnDefaultBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnBacklessDisabledBorderColor", {
-        get: function () {
-            return this.btnDisabledBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnBacklessHoverBorderColor", {
-        get: function () {
-            return this.btnBacklessBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnBacklessTextColor", {
-        get: function () {
-            return this.btnDefaultTextColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnTextBorderColor", {
-        get: function () {
-            return this.btnDefaultBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnTextTextColor", {
-        get: function () {
-            return this.btnDefaultTextColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnTextHoverBorderColor", {
-        get: function () {
-            return this.btnTextHoverBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnWithIconPaddingLeftMedium", {
-        get: function () {
-            return this.btnWithIconPaddingMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "btnWithIconPaddingLeftLarge", {
-        get: function () {
-            return this.btnWithIconPaddingLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectDefaultBg", {
-        //#endregion Button
-        //#region Select
-        get: function () {
-            return this.inputBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectBorderWidth", {
-        get: function () {
-            return this.controlBorderWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectPlaceholderColorDisabled", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectOutlineWidth", {
-        get: function () {
-            return this.controlOutlineWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectLineHeightSmall", {
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectFontSizeSmall", {
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectPaddingYSmall", {
-        get: function () {
-            return this.controlPaddingYSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectBorderRadiusSmall", {
-        get: function () {
-            return this.inputBorderRadiusSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectBorderRadiusMedium", {
-        get: function () {
-            return this.inputBorderRadiusMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectBorderRadiusLarge", {
-        get: function () {
-            return this.inputBorderRadiusLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectIconGapSmall", {
-        get: function () {
-            return this.inputIconGapSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectIconGapMedium", {
-        get: function () {
-            return this.inputIconGapMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectIconGapLarge", {
-        get: function () {
-            return this.inputIconGapLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectLineHeightMedium", {
-        get: function () {
-            return this.controlLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectFontSizeMedium", {
-        get: function () {
-            return this.fontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectPaddingYMedium", {
-        get: function () {
-            return this.controlPaddingYMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectLineHeightLarge", {
-        get: function () {
-            return this.controlLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectFontSizeLarge", {
-        get: function () {
-            return this.fontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectPaddingYLarge", {
-        get: function () {
-            return this.controlPaddingYLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectMenuArrowColor", {
-        get: function () {
-            return this.btnMenuArrowColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectMenuArrowColorDisabled", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectIconSizeSmall", {
-        get: function () {
-            return this.btnIconSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectIconSizeMedium", {
-        get: function () {
-            return this.btnIconSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectIconSizeLarge", {
-        get: function () {
-            return this.btnIconSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectTextColorDisabled", {
-        get: function () {
-            return this.btnDisabledTextColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectBgDisabled", {
-        get: function () {
-            return this.inputDisabledBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectBorderColorDisabled", {
-        get: function () {
-            return this.btnDisabledBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectMenuOffsetY", {
-        get: function () {
-            return this.menuOffsetY;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "selectBorderColorHover", {
-        get: function () {
-            return this.btnDefaultHoverBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tooltipBorder", {
-        get: function () {
-            return this.popupBorder;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tooltipFontSizeSmall", {
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tooltipFontSizeMedium", {
-        get: function () {
-            return this.fontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tooltipFontSizeLarge", {
-        get: function () {
-            return this.fontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tooltipLineHeightSmall", {
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tooltipLineHeightMedium", {
-        get: function () {
-            return this.controlLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tooltipLineHeightLarge", {
-        get: function () {
-            return this.controlLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tooltipMenuPinOffsetX", {
-        //#endregion Tooltip
-        //#region TooltipMenu
-        get: function () {
-            return this.tooltipPinOffsetXSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tooltipMenuPinOffsetY", {
-        get: function () {
-            return this.tooltipPinOffsetYSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tooltipMenuMargin", {
-        get: function () {
-            return this.popupMargin;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tooltipMenuPinSize", {
-        get: function () {
-            return this.popupPinSize;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "modalBg", {
-        get: function () {
-            return this.bgSecondary;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "modalFixedHeaderBg", {
-        get: function () {
-            return this.modalBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "modalFixedHeaderShadow", {
-        get: function () {
-            return this.fixedPanelShadow;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "modalFixedFooterShadow", {
-        get: function () {
-            return this.fixedPanelShadow;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "modalFooterBg", {
-        get: function () {
-            return this.modalBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "modalHeaderTextColor", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "modalHeaderAdditionalPaddingBottom", {
-        get: function () {
-            return this.modalHeaderPaddingBottom;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "modalFixedHeaderPaddingBottom", {
-        get: function () {
-            return this.modalHeaderPaddingBottom;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "modalFixedFooterPaddingTop", {
-        get: function () {
-            return this.modalFooterPanelPaddingTop;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "modalFooterPanelPaddingBottom", {
-        get: function () {
-            return this.modalFooterPaddingBottom;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "mobileModalCloseButtonRightPadding", {
-        get: function () {
-            return this.mobileModalCloseButtonClickArea;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "mobileModalCloseButtonTopPadding", {
-        get: function () {
-            return this.mobileModalCloseButtonClickArea;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "mobileModalWithoutHeaderCloseButtonWidth", {
-        get: function () {
-            return "".concat(parseInt(this.modalCloseIconSize) + 2 * parseInt(this.mobileModalWithoutHeaderCloseButtonPadding), "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "sidePageFooterPanelBg", {
-        //#endregion
-        //#region SidePage
-        get: function () {
-            return this.sidePageBgDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "sidePageHeaderTextColor", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "mobileSidePageCloseButtonPadding", {
-        get: function () {
-            return this.mobileSidePageCloseButtonClickArea;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "sidePageFooterPanelPaddingTop", {
-        get: function () {
-            return this.sidePageFooterPaddingTop;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "sidePageFooterPanelPaddingBottom", {
-        get: function () {
-            return this.sidePageFooterPanelPaddingTop;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "sidePageCloseButtonClickAreaTop", {
-        get: function () {
-            return this.modalCloseButtonClickAreaTop;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "sidePageCloseButtonClickAreaBottom", {
-        get: function () {
-            return this.modalCloseButtonClickAreaBottom;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "sidePageCloseButtonClickAreaLeft", {
-        get: function () {
-            return this.modalCloseButtonClickAreaLeft;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "sidePageCloseButtonClickAreaRight", {
-        get: function () {
-            return this.modalCloseButtonClickAreaRight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "sidePageCloseButtonFixedClickAreaTop", {
-        get: function () {
-            return this.sidePageCloseButtonFixedClickAreaBottom;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "sidePageFixedHeaderShadow", {
-        get: function () {
-            return this.fixedPanelShadow;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "sidePageFixedFooterShadow", {
-        get: function () {
-            return this.fixedPanelShadow;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dateInputIconColor", {
-        //#endregion SidePage
-        //#region DateInput
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "calendarBottomSeparatorBorderWidth", {
-        get: function () {
-            return '1px';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "calendarBottomSeparatorBorder", {
-        get: function () {
-            return "".concat(this.calendarBottomSeparatorBorderWidth, " solid ").concat(this.calendarBottomSeparatorBorderColor);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "calendarBg", {
-        get: function () {
-            return this.bgSecondary;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "calendarCellWidth", {
-        get: function () {
-            return this.calendarCellHeight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "calendarCellLineHeight", {
-        get: function () {
-            return "".concat(parseInt(this.calendarCellHeight) - 2, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "calendarMonthHeaderStickedBgColor", {
-        get: function () {
-            return this.calendarBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "datePickerOpenBtnColor", {
-        //#endregion Calendar
-        //#region DatePicker
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "datePickerMenuOffsetY", {
-        get: function () {
-            return this.menuOffsetY;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dateSelectMenuBg", {
-        //#endregion
-        //#region DateSelect
-        get: function () {
-            return this.bgSecondary;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dateSelectMenuItemBgDisabled", {
-        get: function () {
-            return this.bgSecondary;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dateSelectMenuItemFontSelected", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dateSelectMenuItemFontDisabled", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dateSelectTextColorDisabled", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dateSelectTextColorDefault", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dateSelectLinkColor", {
-        get: function () {
-            return this.linkColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dateSelectPopupBoxShadow", {
-        get: function () {
-            return this.popupBoxShadow;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "pagingFontSizeSmall", {
-        //#endregion DateSelect
-        //#region Paging
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "pagingFontSizeMedium", {
-        get: function () {
-            return this.fontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "pagingFontSizeLarge", {
-        get: function () {
-            return this.fontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "pagingLineHeightSmall", {
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "pagingLineHeightMedium", {
-        get: function () {
-            return this.controlLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "pagingLineHeightLarge", {
-        get: function () {
-            return this.controlLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "pagingPageLinkColor", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "pagingPageLinkActiveColor", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "pagingForwardLinkColor", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "pagingForwardLinkDisabledColor", {
-        get: function () {
-            return this.linkDisabledColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "pagingDotsDisabledColor", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "mobileHintColor", {
-        get: function () {
-            return this.hintColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "hintFontSize", {
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "hintLineHeight", {
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toastFontSize", {
-        //#endregion Hint
-        //#region Toast
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toastLineHeight", {
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownMenuHoverBorderColor", {
-        get: function () {
-            return this.btnDefaultHoverBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownMenuOffsetY", {
-        get: function () {
-            return this.menuOffsetY;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownMenuMenuOffsetY", {
-        get: function () {
-            return this.menuOffsetY;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownDefaultBg", {
-        get: function () {
-            return this.btnDefaultBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownBorderWidth", {
-        get: function () {
-            return this.btnBorderWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownOutlineWidth", {
-        get: function () {
-            return this.btnOutlineWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownLineHeightSmall", {
-        get: function () {
-            return this.btnLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownFontSizeSmall", {
-        get: function () {
-            return this.btnFontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownPaddingXSmall", {
-        get: function () {
-            return this.btnPaddingXSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownPaddingYSmall", {
-        get: function () {
-            return this.btnPaddingYSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownIconSizeSmall", {
-        get: function () {
-            return this.btnIconSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownLineHeightMedium", {
-        get: function () {
-            return this.btnLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownFontSizeMedium", {
-        get: function () {
-            return this.btnFontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownPaddingXMedium", {
-        get: function () {
-            return this.btnPaddingXMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownPaddingYMedium", {
-        get: function () {
-            return this.btnPaddingYMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownIconSizeMedium", {
-        get: function () {
-            return this.btnIconSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownLineHeightLarge", {
-        get: function () {
-            return this.btnLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownFontSizeLarge", {
-        get: function () {
-            return this.btnFontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownPaddingXLarge", {
-        get: function () {
-            return this.btnPaddingXLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownPaddingYLarge", {
-        get: function () {
-            return this.btnPaddingYLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownIconSizeLarge", {
-        get: function () {
-            return this.btnIconSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownBgDisabled", {
-        get: function () {
-            return this.btnDisabledBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownBorderColorDisabled", {
-        get: function () {
-            return this.btnDisabledBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "dropdownTextColorDisabled", {
-        get: function () {
-            return this.btnDisabledTextColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuBgDefault", {
-        //#endregion Dropdown
-        //#region Menu
-        get: function () {
-            return this.bgSecondary;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuItemTextColor", {
-        // menuItem
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuItemHoverColor", {
-        get: function () {
-            return this.menuItemTextColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuItemPaddingForIconSmall", {
-        get: function () {
-            return "".concat(parseInt(this.menuItemPaddingXSmall) + parseInt(this.menuItemIconWidthSmall) + parseInt(this.menuItemIconGap), "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuItemPaddingForIconMedium", {
-        get: function () {
-            return "".concat(parseInt(this.menuItemPaddingXMedium) + parseInt(this.menuItemIconWidthMedium) + parseInt(this.menuItemIconGap), "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuItemPaddingForIconLarge", {
-        get: function () {
-            return "".concat(parseInt(this.menuItemPaddingXLarge) + parseInt(this.menuItemIconWidthLarge) + parseInt(this.menuItemIconGap), "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuItemLineHeightSmall", {
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuItemLineHeightMedium", {
-        get: function () {
-            return this.controlLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuItemLineHeightLarge", {
-        get: function () {
-            return this.controlLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuItemFontSizeSmall", {
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuItemFontSizeMedium", {
-        get: function () {
-            return this.fontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuItemFontSizeLarge", {
-        get: function () {
-            return this.fontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuItemCommentColorHover", {
-        get: function () {
-            return this.menuItemTextColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuItemLineHeightMobile", {
-        get: function () {
-            return this.lineHeightMobile;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuItemFontSizeMobile", {
-        get: function () {
-            return this.fontSizeMobile;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuItemDisabledColor", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuMessageTextColor", {
-        // menuMessage
-        get: function () {
-            return this.menuItemDisabledColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuMessageBg", {
-        get: function () {
-            return this.menuItemDisabledBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuMessagePaddingY", {
-        get: function () {
-            return this.menuItemPaddingYSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuMessagePaddingX", {
-        get: function () {
-            return this.menuItemPaddingXSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuMessageDisplay", {
-        get: function () {
-            return this.menuItemDisplay;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuMessagePaddingMobile", {
-        get: function () {
-            return this.menuItemPaddingMobile;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuMessageLineHeightMobile", {
-        get: function () {
-            return this.menuItemLineHeightMobile;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuMessageFontSizeMobile", {
-        get: function () {
-            return this.menuItemFontSizeMobile;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuMessageFontSizeSmall", {
-        get: function () {
-            return this.menuItemFontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuMessageFontSizeMedium", {
-        get: function () {
-            return this.menuItemFontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuMessageFontSizeLarge", {
-        get: function () {
-            return this.menuItemFontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuMessageLineHeightSmall", {
-        get: function () {
-            return this.menuItemLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuMessageLineHeightMedium", {
-        get: function () {
-            return this.menuItemLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuMessageLineHeightLarge", {
-        get: function () {
-            return this.menuItemLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterColor", {
-        //menuFooter
-        get: function () {
-            return this.menuHeaderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterLineHeightSmall", {
-        get: function () {
-            return this.menuHeaderLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterLineHeightMedium", {
-        get: function () {
-            return this.menuHeaderLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterLineHeightLarge", {
-        get: function () {
-            return this.menuHeaderLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterFontSizeSmall", {
-        get: function () {
-            return this.menuHeaderFontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterFontSizeMedium", {
-        get: function () {
-            return this.menuHeaderFontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterFontSizeLarge", {
-        get: function () {
-            return this.menuHeaderFontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterPaddingXSmall", {
-        get: function () {
-            return this.menuHeaderPaddingXSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterPaddingXMedium", {
-        get: function () {
-            return this.menuHeaderPaddingXMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterPaddingXLarge", {
-        get: function () {
-            return this.menuHeaderPaddingXLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterPaddingTopSmall", {
-        get: function () {
-            return this.menuHeaderPaddingBottomSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterPaddingTopMedium", {
-        get: function () {
-            return this.menuHeaderPaddingBottomMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterPaddingTopLarge", {
-        get: function () {
-            return this.menuHeaderPaddingBottomLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterPaddingBottomSmall", {
-        get: function () {
-            return this.menuHeaderPaddingTopSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterPaddingBottomMedium", {
-        get: function () {
-            return this.menuHeaderPaddingTopMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "menuFooterPaddingBottomLarge", {
-        get: function () {
-            return this.menuHeaderPaddingTopLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleLineHeightSmall", {
-        //#endregion Menu
-        //#region Toggle
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleLineHeightMedium", {
-        get: function () {
-            return this.controlLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleLineHeightLarge", {
-        get: function () {
-            return this.controlLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleFontSizeSmall", {
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleFontSizeMedium", {
-        get: function () {
-            return this.fontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleFontSizeLarge", {
-        get: function () {
-            return this.fontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleTextColor", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleHandleBorderRadiusSmall", {
-        get: function () {
-            var height = parseInt(this.toggleHeightSmall, 10) || 0;
-            var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-            var handleSize = height - 2 * borderWidth;
-            return "".concat(handleSize / 2, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleHandleBorderRadiusMedium", {
-        get: function () {
-            var height = parseInt(this.toggleHeightMedium, 10) || 0;
-            var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-            var handleSize = height - 2 * borderWidth;
-            return "".concat(handleSize / 2, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleHandleBorderRadiusLarge", {
-        get: function () {
-            var height = parseInt(this.toggleHeightLarge, 10) || 0;
-            var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-            var handleSize = height - 2 * borderWidth;
-            return "".concat(handleSize / 2, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleBorderRadiusSmall", {
-        get: function () {
-            return "calc(".concat(this.toggleHeightSmall, " * 0.5)");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleBorderRadiusMedium", {
-        get: function () {
-            return "calc(".concat(this.toggleHeightMedium, " * 0.5)");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleBorderRadiusLarge", {
-        get: function () {
-            return "calc(".concat(this.toggleHeightLarge, " * 0.5)");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleBorderColorDisabled", {
-        get: function () {
-            return this.toggleBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleBorderWidth", {
-        get: function () {
-            return this.controlBorderWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleOutlineWidth", {
-        get: function () {
-            var outlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
-            var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-            return "".concat(outlineWidth + borderWidth, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleOutlineColorFocus", {
-        get: function () {
-            return this.outlineColorFocus;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleContainerBgHover", {
-        get: function () {
-            return this.toggleBgHover;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleContainerBgChecked", {
-        get: function () {
-            return this.toggleBgChecked;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleBgDisabled", {
-        get: function () {
-            return this.bgDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "toggleBorderColorDisabledChecked", {
-        get: function () {
-            return this.toggleBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "popupTextColor", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputTextColor", {
-        //#endregion Popup
-        //#region Input
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputIconColorDisabled", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputFocusedIconColor", {
-        get: function () {
-            return this.inputIconColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputTextColorDisabled", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputPlaceholderColorDisabled", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputFontSizeSmall", {
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputFontSizeMedium", {
-        get: function () {
-            return this.fontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputFontSizeLarge", {
-        get: function () {
-            return this.fontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputLineHeightSmall", {
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputLineHeightMedium", {
-        get: function () {
-            return this.controlLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputLineHeightLarge", {
-        get: function () {
-            return this.controlLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputHeightSmall", {
-        get: function () {
-            var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
-            var padding = parseInt(this.inputPaddingYSmall, 10) || 0;
-            var lineHeigh = parseInt(this.inputLineHeightSmall, 10) || 0;
-            return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputHeightMedium", {
-        get: function () {
-            var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
-            var padding = parseInt(this.inputPaddingYMedium, 10) || 0;
-            var lineHeigh = parseInt(this.inputLineHeightMedium, 10) || 0;
-            return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputHeightLarge", {
-        get: function () {
-            var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
-            var padding = parseInt(this.inputPaddingYLarge, 10) || 0;
-            var lineHeigh = parseInt(this.inputLineHeightLarge, 10) || 0;
-            return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputPaddingYSmall", {
-        get: function () {
-            return this.controlPaddingYSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputPaddingYMedium", {
-        get: function () {
-            return this.controlPaddingYMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputPaddingYLarge", {
-        get: function () {
-            return this.controlPaddingYLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputFocusShadow", {
-        get: function () {
-            return "0 0 0 ".concat(this.inputOutlineWidth, " ").concat(this.borderColorFocus);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputFocusedBg", {
-        get: function () {
-            return this.inputBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputDisabledBg", {
-        get: function () {
-            return this.bgDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputDisabledBorderColor", {
-        get: function () {
-            return this.borderColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputFocusOutline", {
-        get: function () {
-            return this.borderColorFocus;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputBorderWidth", {
-        get: function () {
-            return this.controlBorderWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputOutlineWidth", {
-        get: function () {
-            return "calc(".concat(this.controlOutlineWidth, " - 1px)");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputBorderColorFocus", {
-        get: function () {
-            return this.borderColorFocus;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputBorderColorError", {
-        get: function () {
-            return this.borderColorError;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputBorderColorWarning", {
-        get: function () {
-            return this.borderColorWarning;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputBorderTopColor", {
-        get: function () {
-            return this.inputBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputPlaceholderColor", {
-        get: function () {
-            return this.placeholderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "inputPlaceholderColorLight", {
-        get: function () {
-            return this.placeholderColorLight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxFontSizeSmall", {
-        //#endregion Input
-        //#region Checkbox
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxFontSizeMedium", {
-        get: function () {
-            return this.fontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxFontSizeLarge", {
-        get: function () {
-            return this.fontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxLineHeightSmall", {
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxLineHeightMedium", {
-        get: function () {
-            return this.controlLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxLineHeightLarge", {
-        get: function () {
-            return this.controlLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxPaddingYSmall", {
-        get: function () {
-            var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
-            var lineHeight = parseInt(this.checkboxLineHeightSmall, 10) || 0;
-            return "".concat((controlHeight - lineHeight) / 2, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxPaddingYMedium", {
-        get: function () {
-            var controlHeight = parseInt(this.controlHeightMedium, 10) || 0;
-            var lineHeight = parseInt(this.checkboxLineHeightMedium, 10) || 0;
-            return "".concat((controlHeight - lineHeight) / 2, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxPaddingYLarge", {
-        get: function () {
-            var controlHeight = parseInt(this.controlHeightLarge, 10) || 0;
-            var lineHeight = parseInt(this.checkboxLineHeightLarge, 10) || 0;
-            return "".concat((controlHeight - lineHeight) / 2, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxTextColorDefault", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxTextColorDisabled", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxShadowDisabled", {
-        get: function () {
-            return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(colors.lineNeutralFaint);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxBorderWidth", {
-        get: function () {
-            return this.controlBorderWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxShadow", {
-        get: function () {
-            return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(colors.lineNeutralPale);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxShadowHover", {
-        get: function () {
-            return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(colors.lineNeutralPaleHover);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxOutlineColorFocus", {
-        get: function () {
-            return this.outlineColorFocus;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxBorderColorWarning", {
-        get: function () {
-            return this.borderColorWarning;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxBorderColorError", {
-        get: function () {
-            return this.borderColorError;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxCheckedHoverShadow", {
-        get: function () {
-            return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(this.checkboxCheckedHoverBg);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxOutlineWidth", {
-        get: function () {
-            return this.controlOutlineWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxCheckedShadow", {
-        get: function () {
-            return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(this.checkboxCheckedBg);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxCheckedActiveShadow", {
-        get: function () {
-            return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(this.checkboxCheckedActiveBg);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxBorderColorFocus", {
-        get: function () {
-            return this.borderColorFocus;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "checkboxShadowActive", {
-        get: function () {
-            return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(colors.lineNeutralPalePressed);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaColor", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaTextColorDisabled", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaPlaceholderColorLight", {
-        get: function () {
-            return this.placeholderColorLight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaPlaceholderColor", {
-        get: function () {
-            return this.placeholderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaPlaceholderColorDisabled", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaFontSizeSmall", {
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaFontSizeMedium", {
-        get: function () {
-            return this.fontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaFontSizeLarge", {
-        get: function () {
-            return this.fontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaLineHeightSmall", {
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaLineHeightMedium", {
-        get: function () {
-            return this.controlLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaLineHeightLarge", {
-        get: function () {
-            return this.controlLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaBorderWidth", {
-        get: function () {
-            return this.controlBorderWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaOutlineWidth", {
-        get: function () {
-            var outlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
-            var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-            return "".concat(outlineWidth - borderWidth, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaMinHeightSmall", {
-        get: function () {
-            var lineHeight = parseInt(this.textareaLineHeightSmall, 10) || 0;
-            var paddingY = parseInt(this.textareaPaddingYSmall, 10) || 0;
-            var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-            return "".concat(lineHeight + paddingY * 2 + borderWidth * 2, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaMinHeightMedium", {
-        get: function () {
-            var lineHeight = parseInt(this.textareaLineHeightMedium, 10) || 0;
-            var paddingY = parseInt(this.textareaPaddingYMedium, 10) || 0;
-            var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-            return "".concat(lineHeight + paddingY * 2 + borderWidth * 2, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaMinHeightLarge", {
-        get: function () {
-            var lineHeight = parseInt(this.textareaLineHeightLarge, 10) || 0;
-            var paddingY = parseInt(this.textareaPaddingYLarge, 10) || 0;
-            var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-            return "".concat(lineHeight + paddingY * 2 + borderWidth * 2, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaPaddingYSmall", {
-        get: function () {
-            return this.controlPaddingYSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaPaddingYMedium", {
-        get: function () {
-            return this.controlPaddingYMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaPaddingYLarge", {
-        get: function () {
-            return this.controlPaddingYLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaBorderColorFocus", {
-        get: function () {
-            return this.borderColorFocus;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaBorderColorHover", {
-        get: function () {
-            return this.inputBorderColorHover;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaBorderColorWarning", {
-        get: function () {
-            return this.borderColorWarning;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaBorderColorError", {
-        get: function () {
-            return this.borderColorError;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaDisabledBg", {
-        get: function () {
-            return this.inputDisabledBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaDisabledBorderColor", {
-        get: function () {
-            return this.borderColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "textareaCounterErrorColor", {
-        get: function () {
-            return this.errorText;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioOutlineWidth", {
-        get: function () {
-            return this.controlOutlineWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioTextColor", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioFontSizeSmall", {
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioFontSizeMedium", {
-        get: function () {
-            return this.fontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioFontSizeLarge", {
-        get: function () {
-            return this.fontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioLineHeightSmall", {
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioLineHeightMedium", {
-        get: function () {
-            return this.controlLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioLineHeightLarge", {
-        get: function () {
-            return this.controlLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioPaddingYSmall", {
-        get: function () {
-            var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
-            var lineHeight = parseInt(this.radioLineHeightSmall, 10) || 0;
-            return "".concat((controlHeight - lineHeight) / 2, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioPaddingYMedium", {
-        get: function () {
-            var controlHeight = parseInt(this.controlHeightMedium, 10) || 0;
-            var lineHeight = parseInt(this.radioLineHeightMedium, 10) || 0;
-            return "".concat((controlHeight - lineHeight) / 2, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioPaddingYLarge", {
-        get: function () {
-            var controlHeight = parseInt(this.controlHeightLarge, 10) || 0;
-            var lineHeight = parseInt(this.radioLineHeightLarge, 10) || 0;
-            return "".concat((controlHeight - lineHeight) / 2, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioHoverBg", {
-        get: function () {
-            return this.checkboxHoverBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioActiveBg", {
-        get: function () {
-            return this.checkboxActiveBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioBorderWidth", {
-        get: function () {
-            return this.controlBorderWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioBorderColor", {
-        get: function () {
-            return colors.lineNeutralPale;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioBorder", {
-        get: function () {
-            return "".concat(this.radioBorderWidth, " solid ").concat(this.radioBorderColor);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioBorderColorFocus", {
-        get: function () {
-            return this.borderColorFocus;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioBorderColorWarning", {
-        get: function () {
-            return this.borderColorWarning;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioBorderColorError", {
-        get: function () {
-            return this.borderColorError;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioFocusShadow", {
-        get: function () {
-            return "inset 0 0 0 1px ".concat(this.outlineColorFocus);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioCheckedBgColor", {
-        get: function () {
-            return this.checkboxCheckedBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioCheckedBulletColor", {
-        get: function () {
-            return this.checkboxCheckedColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioCheckedHoverBgColor", {
-        get: function () {
-            return this.checkboxCheckedHoverBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioDisabledBg", {
-        get: function () {
-            return this.checkboxBgDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioDisabledShadow", {
-        get: function () {
-            return "0 0 0 ".concat(this.radioBorderWidth, " ").concat(colors.lineNeutralFaint);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "radioCheckedDisabledBulletBg", {
-        get: function () {
-            return this.checkboxTextColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabFontSizeSmall", {
-        //#endregion
-        //#region Tab/Tabs
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabFontSizeMedium", {
-        get: function () {
-            return this.fontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabFontSizeLarge", {
-        get: function () {
-            return this.fontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabLineHeightSmall", {
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabLineHeightMedium", {
-        get: function () {
-            return this.controlLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabLineHeightLarge", {
-        get: function () {
-            return this.controlLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabPaddingYSmall", {
-        get: function () {
-            var paddingY = parseInt(this.controlPaddingYSmall);
-            var borderWidth = parseInt(this.controlBorderWidth);
-            return "".concat(paddingY + borderWidth, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabPaddingYMedium", {
-        get: function () {
-            var paddingY = parseInt(this.controlPaddingYMedium);
-            var borderWidth = parseInt(this.controlBorderWidth);
-            return "".concat(paddingY + borderWidth, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabPaddingYLarge", {
-        get: function () {
-            var paddingY = parseInt(this.controlPaddingYLarge);
-            var borderWidth = parseInt(this.controlBorderWidth);
-            return "".concat(paddingY + borderWidth, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabOutlineWidth", {
-        get: function () {
-            return this.controlOutlineWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabTextColorDefault", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabColorFocus", {
-        get: function () {
-            return this.borderColorFocus;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabColorError", {
-        get: function () {
-            return this.btnDangerBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabColorWarning", {
-        get: function () {
-            return this.btnPayBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabColorSuccess", {
-        get: function () {
-            return this.btnSuccessBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "tabColorPrimary", {
-        get: function () {
-            return this.btnPrimaryBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "spinnerBgColor", {
-        //#endregion Tab/Tabs
-        //#region Spinner
-        get: function () {
-            return this.grayXLight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "spinnerFontSizeSmall", {
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "spinnerFontSizeMedium", {
-        get: function () {
-            return this.fontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "spinnerFontSizeLarge", {
-        get: function () {
-            return this.fontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "spinnerLineHeightSmall", {
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "spinnerLineHeightMedium", {
-        get: function () {
-            return this.controlLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "spinnerLineHeightLarge", {
-        get: function () {
-            return this.controlLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherTextColor", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherOutlineWidth", {
-        get: function () {
-            return this.btnOutlineWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherCaptionFontSizeSmall", {
-        get: function () {
-            return this.btnFontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherCaptionFontSizeMedium", {
-        get: function () {
-            return this.btnFontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherCaptionFontSizeLarge", {
-        get: function () {
-            return this.btnFontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherCaptionLineHeightSmall", {
-        get: function () {
-            return this.btnLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherCaptionLineHeightMedium", {
-        get: function () {
-            return this.btnLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherCaptionLineHeightLarge", {
-        get: function () {
-            return this.btnLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherCaptionGapSmall", {
-        get: function () {
-            return this.btnPaddingXSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherCaptionGapMedium", {
-        get: function () {
-            return this.btnPaddingXMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherCaptionGapLarge", {
-        get: function () {
-            return this.btnPaddingXLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherButtonPaddingYSmall", {
-        get: function () {
-            return this.btnPaddingYSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherButtonPaddingYMedium", {
-        get: function () {
-            return this.btnPaddingYMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherButtonPaddingYLarge", {
-        get: function () {
-            return this.btnPaddingYLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherButtonLineHeightSmall", {
-        get: function () {
-            return this.btnLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherButtonLineHeightMedium", {
-        get: function () {
-            return this.btnLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherButtonLineHeightLarge", {
-        get: function () {
-            return this.btnLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherButtonFontSizeSmall", {
-        get: function () {
-            return this.btnFontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherButtonFontSizeMedium", {
-        get: function () {
-            return this.btnFontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherButtonFontSizeLarge", {
-        get: function () {
-            return this.btnFontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherButtonBorderRadiusSmall", {
-        get: function () {
-            return this.btnBorderRadiusSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherButtonBorderRadiusMedium", {
-        get: function () {
-            return this.btnBorderRadiusMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherButtonBorderRadiusLarge", {
-        get: function () {
-            return this.btnBorderRadiusLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherButtonBorderWidth", {
-        get: function () {
-            return this.btnBorderWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherButtonDisabledBorderColor", {
-        get: function () {
-            return this.switcherBtnDisabledBorderColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "switcherButtonCheckedDisabledShadow", {
-        get: function () {
-            return this.btnCheckedDisabledShadow;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "mobilePopupHeaderFontSize", {
-        get: function () {
-            return this.fontSizeMobile;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "mobilePopupHeaderLineHeight", {
-        get: function () {
-            return this.lineHeightMobile;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderPaddingYSmall", {
-        get: function () {
-            return this.controlPaddingYSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderPaddingYMedium", {
-        get: function () {
-            return this.controlPaddingYMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderPaddingYLarge", {
-        get: function () {
-            return this.controlPaddingYLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderTileIconActionPositionSmall", {
-        get: function () {
-            return "".concat(parseInt(this.fileUploaderTilePaddingSmall) + 1, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderTileIconActionPositionMedium", {
-        get: function () {
-            return "".concat(parseInt(this.fileUploaderTilePaddingMedium) + 1, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderTileIconActionPositionLarge", {
-        get: function () {
-            return "".concat(parseInt(this.fileUploaderTilePaddingLarge) + 1, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderFontSizeSmall", {
-        get: function () {
-            return this.fontSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderFontSizeMedium", {
-        get: function () {
-            return this.fontSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderFontSizeLarge", {
-        get: function () {
-            return this.fontSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderLineHeightSmall", {
-        get: function () {
-            return this.controlLineHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderLineHeightMedium", {
-        get: function () {
-            return this.controlLineHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderLineHeightLarge", {
-        get: function () {
-            return this.controlLineHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderTextColorDefault", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderBorderWidth", {
-        get: function () {
-            return this.controlBorderWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderDisabledBorder", {
-        get: function () {
-            return "".concat(this.fileUploaderBorderWidth, " ").concat(this.fileUploaderBorderStyle, " ").concat(this.fileUploaderDisabledBorderColor);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderBorderColorFocus", {
-        get: function () {
-            return this.borderColorFocus;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderLinkColor", {
-        get: function () {
-            return this.textColorDefault;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderBorderColorError", {
-        get: function () {
-            return this.borderColorError;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderBorderColorWarning", {
-        get: function () {
-            return this.borderColorWarning;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderDisabledBg", {
-        get: function () {
-            return this.btnDisabledBg;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderDisabledTextColor", {
-        get: function () {
-            return this.fileUploaderDisabledColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderDisabledLinkColor", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderDisabledIconColor", {
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderDragOverBorderColor", {
-        get: function () {
-            return this.borderColorFocus;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderIconSizeSmall", {
-        get: function () {
-            return this.btnIconSizeSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderIconSizeMedium", {
-        get: function () {
-            return this.btnIconSizeMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderIconSizeLarge", {
-        get: function () {
-            return this.btnIconSizeLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderFileTypeErrorIconColor", {
-        get: function () {
-            return this.red;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderFileTypeWarningIconColor", {
-        get: function () {
-            return this.yellow;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderFileTypePdfIconColor", {
-        get: function () {
-            return this.red;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "fileUploaderDisabledFileTypeIcon", {
-        get: function () {
-            return this.fileUploaderDisabledIconColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "clearCrossIconHeightSmall", {
-        get: function () {
-            return this.inputHeightSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "clearCrossIconHeightMedium", {
-        get: function () {
-            return this.inputHeightMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "clearCrossIconHeightLarge", {
-        get: function () {
-            return this.inputHeightLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "clearCrossIconRightMarginSmall", {
-        get: function () {
-            var inputPaddingXSmall = parseInt(this.inputPaddingXSmall);
-            var inputBorderWidth = parseInt(this.inputBorderWidth);
-            return "-".concat(inputPaddingXSmall + inputBorderWidth, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "clearCrossIconRightMarginMedium", {
-        get: function () {
-            var inputPaddingXMedium = parseInt(this.inputPaddingXMedium);
-            var inputBorderWidth = parseInt(this.inputBorderWidth);
-            return "-".concat(inputPaddingXMedium + inputBorderWidth, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "clearCrossIconRightMarginLarge", {
-        get: function () {
-            var inputPaddingXLarge = parseInt(this.inputPaddingXLarge);
-            var inputBorderWidth = parseInt(this.inputBorderWidth);
-            return "-".concat(inputPaddingXLarge + inputBorderWidth, "px");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "clearCrossIconBorderRadiusSmall", {
-        get: function () {
-            return this.inputBorderRadiusSmall;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "clearCrossIconBorderRadiusMedium", {
-        get: function () {
-            return this.inputBorderRadiusMedium;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "clearCrossIconBorderRadiusLarge", {
-        get: function () {
-            return this.inputBorderRadiusLarge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "closeBtnIconFocusShadow", {
-        get: function () {
-            return "inset 0 0 0 1px ".concat(this.borderColorFocus, ", inset 0 0 0 2px ").concat(this.outlineColorFocus);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "autocompleteMenuOffsetY", {
-        //#endregion CloseIcon
-        //#region Autocomplete
-        get: function () {
-            return this.menuOffsetY;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "comboboxMenuOffsetY", {
-        //#endregion Autocomplete
-        //#region Combobox
-        get: function () {
-            return this.menuOffsetY;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasicThemeClass, "validationsTextColorError", {
-        //#endregion MiniModal
-        //#region react-ui-validations
-        get: function () {
-            return this.errorText;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    var _a;
-    _a = BasicThemeClass;
-    //#region Common variables
-    BasicThemeClass.baseFontFamily = '"Lab Grotesque", "Lab Grotesque K", Arial, sans-serif';
-    BasicThemeClass.labGrotesqueBaselineCompensation = '1';
-    BasicThemeClass.brand = colors.shapeBoldBrandOriginal;
-    BasicThemeClass.white = '#fff';
-    BasicThemeClass.grayXLight = '#ebebeb';
-    BasicThemeClass.gray = '#858585';
-    BasicThemeClass.grayDark = '#333';
-    BasicThemeClass.black = '#000';
-    BasicThemeClass.blueXxLight = '#cdedff';
-    BasicThemeClass.blueLight = '#1f87ef';
-    BasicThemeClass.blue = '#1874cf';
-    BasicThemeClass.greenXxLight = '#C7F9CC';
-    BasicThemeClass.green = '#1C8A3F';
-    BasicThemeClass.greenDark = '#197F39';
-    BasicThemeClass.red = '#FE4C4C';
-    BasicThemeClass.redXxLight = '#FFEBEB';
-    BasicThemeClass.redDark = '#CC2626';
-    BasicThemeClass.yellowXxLight = '#ffeec2';
-    BasicThemeClass.yellow = '#fcb73e';
-    BasicThemeClass.yellowDark = '#ef8b17';
-    BasicThemeClass.bgDefault = colors.surfaceHigh;
-    BasicThemeClass.bgDisabled = colors.shapeOtherDisabled;
-    BasicThemeClass.errorText = colors.textErrorHeavy;
-    BasicThemeClass.warningMain = '#fcb73e';
-    BasicThemeClass.warningSecondary = '#fff0bc';
-    BasicThemeClass.warningText = '#d97e00';
-    BasicThemeClass.closeGrayColor = 'rgba(0, 0, 0, 0.32)';
-    BasicThemeClass.borderColorFocusLight = '#cdedff';
-    BasicThemeClass.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';
-    BasicThemeClass.borderColorGrayLight = 'rgba(0, 0, 0, 0.16)';
-    BasicThemeClass.borderColorDisabled = colors.lineNeutralFaint;
-    BasicThemeClass.placeholderColor = colors.textNeutralFaint;
-    BasicThemeClass.outlineColorFocus = colors.surfaceBase;
-    BasicThemeClass.placeholderColorLight = "color-mix(in srgb, ".concat(colors.textNeutralFaint, ", transparent 40%)");
-    BasicThemeClass.blinkColor = 'rgba(0, 136, 255, 0.2)';
-    BasicThemeClass.controlBorderWidth = '1px';
-    BasicThemeClass.controlOutlineWidth = '2px';
-    BasicThemeClass.controlLineHeightSmall = '20px';
-    BasicThemeClass.controlLineHeightMedium = '22px';
-    BasicThemeClass.controlLineHeightLarge = '24px';
-    BasicThemeClass.controlPaddingYSmall = '5px';
-    BasicThemeClass.controlPaddingYMedium = '8px';
-    BasicThemeClass.controlPaddingYLarge = '11px';
-    BasicThemeClass.textColorDefault = colors.textNeutralHeavy;
-    BasicThemeClass.textColorInvert = '#fff';
-    BasicThemeClass.textColorDisabled = colors.textNeutralFaint;
-    BasicThemeClass.textColorDisabledContrast = '#858585';
-    BasicThemeClass.fontSizeSmall = '14px';
-    BasicThemeClass.fontSizeMedium = '16px';
-    BasicThemeClass.fontSizeLarge = '18px';
-    BasicThemeClass.fontSizeMobile = '18px';
-    BasicThemeClass.lineHeightMobile = '24px';
-    BasicThemeClass.specificityLevel = '0';
-    BasicThemeClass.fixedPanelShadow = 'none';
-    BasicThemeClass.bgActive = '#141414';
-    BasicThemeClass.bgChecked = '#3D3D3D';
-    BasicThemeClass.borderColorFocus = colors.lineAccentBold;
-    BasicThemeClass.borderColorError = colors.lineErrorBold;
-    BasicThemeClass.borderColorWarning = colors.lineWarningBold;
-    BasicThemeClass.controlHeightSmall = '32px';
-    BasicThemeClass.controlHeightMedium = '40px';
-    BasicThemeClass.controlHeightLarge = '48px';
-    BasicThemeClass.mobileMediaQuery = '(max-width: 576px)';
-    BasicThemeClass.transitionDuration = '100ms';
-    BasicThemeClass.transitionTimingFunction = 'cubic-bezier(0.5, 1, 0.89, 1)';
-    //#endregion Common variables
-    //#region Link
-    BasicThemeClass.linkColor = colors.textAccentHeavy;
-    BasicThemeClass.linkTextDecoration = 'underline';
-    BasicThemeClass.linkHoverColor = colors.textAccentHeavyHover;
-    BasicThemeClass.linkActiveColor = colors.textAccentHeavyPressed;
-    BasicThemeClass.linkHoverTextDecoration = 'none';
-    BasicThemeClass.linkSuccessColor = colors.textSuccessHeavy;
-    BasicThemeClass.linkSuccessHoverColor = colors.textSuccessHeavyHover;
-    BasicThemeClass.linkSuccessActiveColor = colors.textSuccessHeavyPressed;
-    BasicThemeClass.linkDangerColor = colors.textErrorHeavy;
-    BasicThemeClass.linkDangerHoverColor = colors.textErrorHeavyHover;
-    BasicThemeClass.linkDangerActiveColor = colors.textErrorHeavyPressed;
-    BasicThemeClass.linkDisabledColor = colors.textNeutralFaint;
-    BasicThemeClass.linkGrayedColor = colors.textNeutralSoft;
-    BasicThemeClass.linkGrayedHoverColor = colors.textNeutralHeavy;
-    BasicThemeClass.linkGrayedActiveColor = colors.textNeutralHeavy;
-    BasicThemeClass.linkFocusOutlineColor = colors.lineAccentBold;
-    BasicThemeClass.linkIconMarginRight = '4px';
-    BasicThemeClass.linkIconMarginLeft = '4px';
-    BasicThemeClass.linkButtonLineHeight = '34px';
-    BasicThemeClass.linkButtonPaddingX = '10px';
-    BasicThemeClass.linkTextDecorationStyle = 'solid';
-    BasicThemeClass.linkTextDecorationThickness = '1px';
-    BasicThemeClass.linkTextUnderlineOffset = '4px';
-    BasicThemeClass.linkTextUnderlineOpacity = '0.5';
-    BasicThemeClass.linkTextDecorationColor = "color-mix(in srgb, currentColor ".concat(parseFloat(_a.linkTextUnderlineOpacity) * 100, "%, transparent)");
-    BasicThemeClass.linkLineBorderBottomStyle = 'solid';
-    BasicThemeClass.linkLineBorderBottomWidth = '1px';
-    BasicThemeClass.linkLineBorderBottomOpacity = '0.5';
-    BasicThemeClass.linkLineBorderBottomColor = "color-mix(in srgb, currentColor ".concat(parseFloat(_a.linkLineBorderBottomOpacity) * 100, "%, transparent)");
-    //#endregion Link
-    //#region Token
-    BasicThemeClass.tokenDisabledBg = colors.shapeOtherDisabled;
-    BasicThemeClass.tokenMarginYSmall = '2px';
-    BasicThemeClass.tokenMarginXSmall = '1px';
-    BasicThemeClass.tokenMarginYMedium = '2px';
-    BasicThemeClass.tokenMarginXMedium = '2px';
-    BasicThemeClass.tokenMarginYLarge = '2px';
-    BasicThemeClass.tokenMarginXLarge = '3px';
-    BasicThemeClass.tokenPaddingYSmall = '1px';
-    BasicThemeClass.tokenPaddingXSmall = '3px';
-    BasicThemeClass.tokenPaddingYMedium = '2px';
-    BasicThemeClass.tokenPaddingXMedium = '5px';
-    BasicThemeClass.tokenPaddingYLarge = '3px';
-    BasicThemeClass.tokenPaddingXLarge = '7px';
-    BasicThemeClass.tokenMarginBeforeIcon = '4px';
-    BasicThemeClass.tokenRemoveIconSize = '16px';
-    BasicThemeClass.tokenRemoveIconPaddingY = '0px';
-    BasicThemeClass.tokenRemoveIconPaddingX = '0px';
-    BasicThemeClass.tokenRemoveIconGap = '4px';
-    BasicThemeClass.tokenRemoveIconBoxSizing = 'content-box';
-    BasicThemeClass.tokenBorderRadius = '2px';
-    BasicThemeClass.tokenBorderWidth = '1px';
-    BasicThemeClass.tokenBorderColorDisabled = 'transparent';
-    BasicThemeClass.tokenOutlineWidth = '1px';
-    BasicThemeClass.tokenShadowDisabled = '';
-    BasicThemeClass.tokenBg = colors.shapeFaintNeutralAlpha;
-    BasicThemeClass.tokenColor = colors.textNeutralHeavy;
-    BasicThemeClass.tokenBorderColor = colors.lineNeutralPale;
-    BasicThemeClass.tokenBgHover = colors.shapeFaintNeutralAlphaHover;
-    BasicThemeClass.tokenBorderColorHover = colors.lineNeutralPale;
-    BasicThemeClass.tokenBgActive = colors.shapeBoldAccent;
-    BasicThemeClass.tokenColorActive = colors.textOnAccentBoldHeavy;
-    BasicThemeClass.tokenBorderColorActive = 'transparent';
-    BasicThemeClass.tokenInputBorderRadius = '2px';
-    BasicThemeClass.tokenInputMenuPopupBg = 'transparent';
-    BasicThemeClass.tokenInputPaddingYSmall = '1px';
-    BasicThemeClass.tokenInputPaddingXSmall = '2px';
-    BasicThemeClass.tokenInputPaddingYMedium = '3px';
-    BasicThemeClass.tokenInputPaddingXMedium = '3px';
-    BasicThemeClass.tokenInputPaddingYLarge = '5px';
-    BasicThemeClass.tokenInputPaddingXLarge = '4px';
-    BasicThemeClass.tokenInputPopupOffset = '2px';
-    BasicThemeClass.tokenInputPopupMarginSmall = '7px';
-    BasicThemeClass.tokenInputPopupMarginMedium = '10px';
-    BasicThemeClass.tokenInputPopupMarginLarge = '13px';
-    //#endregion TokenInput
-    //#region Loader
-    BasicThemeClass.loaderBg = colors.shapeInvertedNeutralHeavy;
-    BasicThemeClass.loaderOpacity = '0.8';
-    BasicThemeClass.loaderBorderRadius = '0px';
-    //#endregion
-    //#region Button
-    BasicThemeClass.btnBackgroundClip = 'padding-box';
-    BasicThemeClass.btnLinkBorderRadius = '2px';
-    BasicThemeClass.btnFocusShadowWidth = '2px';
-    BasicThemeClass.btnBorderColorTransition = '';
-    BasicThemeClass.btnDisabledBorderColor = colors.lineNeutralFaint;
-    BasicThemeClass.btnCheckedBg = colors.shapeBoldAccent;
-    BasicThemeClass.btnCheckedDisabledBg = colors.shapeOtherAccentBoldDisabled;
-    BasicThemeClass.btnCheckedDisabledColor = colors.textInvertedNeutralSoft;
-    BasicThemeClass.btnCheckedTextColor = colors.textOnAccentBoldHeavy;
-    BasicThemeClass.btnCheckedShadow = 'none';
-    BasicThemeClass.btnCheckedDisabledShadow = 'none';
-    BasicThemeClass.btnBorderRadiusSmall = '8px';
-    BasicThemeClass.btnBorderRadiusMedium = '8px';
-    BasicThemeClass.btnBorderRadiusLarge = '8px';
-    BasicThemeClass.btnInsetWidth = '1px';
-    BasicThemeClass.btnPaddingXSmall = '12px';
-    BasicThemeClass.btnPaddingXMedium = '16px';
-    BasicThemeClass.btnPaddingXLarge = '20px';
-    BasicThemeClass.btnIconGapSmallLeft = '4px';
-    BasicThemeClass.btnIconGapMediumLeft = '6px';
-    BasicThemeClass.btnIconGapLargeLeft = '8px';
-    BasicThemeClass.btnIconSizeSmall = '16px';
-    BasicThemeClass.btnIconSizeMedium = '20px';
-    BasicThemeClass.btnIconSizeLarge = '24px';
-    BasicThemeClass.btnDefaultBg = colors.shapeOtherBase;
-    BasicThemeClass.btnDefaultBgStart = 'none';
-    BasicThemeClass.btnDefaultBgEnd = 'none';
-    // TODO: create token in colors package
-    BasicThemeClass.btnDefaultHoverBg = '#F2F2F2';
-    BasicThemeClass.btnDefaultHoverBgStart = 'none';
-    BasicThemeClass.btnDefaultHoverBgEnd = 'none';
-    // TODO: create token in colors package
-    BasicThemeClass.btnDefaultActiveBg = '#E4E4E4';
-    BasicThemeClass.btnDefaultHoverTextColor = colors.textNeutralHeavy;
-    BasicThemeClass.btnDefaultBorderColor = colors.lineNeutralPale;
-    BasicThemeClass.btnDefaultActiveShadow = 'none';
-    BasicThemeClass.btnSuccessBg = colors.shapeBoldSuccess;
-    BasicThemeClass.btnSuccessHoverBg = colors.shapeBoldSuccessHover;
-    BasicThemeClass.btnSuccessHoverTextColor = colors.textConstHeavyWhite;
-    BasicThemeClass.btnSuccessBgStart = 'none';
-    BasicThemeClass.btnSuccessBgEnd = 'none';
-    BasicThemeClass.btnSuccessTextColor = colors.textConstHeavyWhite;
-    BasicThemeClass.btnSuccessHoverBgStart = 'none';
-    BasicThemeClass.btnSuccessHoverBgEnd = 'none';
-    BasicThemeClass.btnSuccessActiveBg = colors.shapeBoldSuccessPressed;
-    BasicThemeClass.btnSuccessActiveShadow = 'none';
-    BasicThemeClass.btnFillBg = colors.shapeOtherBase;
-    BasicThemeClass.btnFillHoverBg = colors.shapeOtherBaseHover;
-    BasicThemeClass.btnFillActiveBg = colors.shapeOtherBasePressed;
-    BasicThemeClass.btnPrimaryBg = colors.shapeBoldAccent;
-    BasicThemeClass.btnPrimaryHoverBg = colors.shapeBoldAccentHover;
-    BasicThemeClass.btnPrimaryActiveBg = colors.shapeBoldAccentPressed;
-    BasicThemeClass.btnPrimaryHoverTextColor = '';
-    BasicThemeClass.btnPrimaryBgStart = 'none';
-    BasicThemeClass.btnPrimaryBgEnd = 'none';
-    BasicThemeClass.btnPrimaryTextColor = colors.textOnAccentBoldHeavy;
-    BasicThemeClass.btnPrimaryHoverBgStart = 'none';
-    BasicThemeClass.btnPrimaryHoverBgEnd = 'none';
-    BasicThemeClass.btnPrimaryActiveShadow = 'none';
-    BasicThemeClass.btnDangerBg = colors.shapeBoldError;
-    BasicThemeClass.btnDangerHoverBg = colors.shapeBoldErrorHover;
-    BasicThemeClass.btnDangerHoverTextColor = '';
-    BasicThemeClass.btnDangerBgStart = 'none';
-    BasicThemeClass.btnDangerBgEnd = 'none';
-    BasicThemeClass.btnDangerTextColor = colors.textConstHeavyWhite;
-    BasicThemeClass.btnDangerHoverBgStart = 'none';
-    BasicThemeClass.btnDangerHoverBgEnd = 'none';
-    BasicThemeClass.btnDangerActiveBg = colors.shapeBoldErrorPressed;
-    BasicThemeClass.btnDangerActiveShadow = 'none';
-    BasicThemeClass.btnPayBg = colors.shapeBoldWarning;
-    BasicThemeClass.btnPayHoverBg = colors.shapeBoldWarningHover;
-    BasicThemeClass.btnPayHoverTextColor = '';
-    BasicThemeClass.btnPayBgStart = 'none';
-    BasicThemeClass.btnPayBgEnd = 'none';
-    BasicThemeClass.btnPayTextColor = colors.textConstHeavyBlack;
-    BasicThemeClass.btnPayHoverBgStart = 'none';
-    BasicThemeClass.btnPayHoverBgEnd = 'none';
-    BasicThemeClass.btnPayActiveBg = colors.shapeBoldWarningPressed;
-    BasicThemeClass.btnPayActiveShadow = 'none';
-    BasicThemeClass.btnMenuArrowColor = colors.textNeutralSoft;
-    BasicThemeClass.btnDisabledBg = colors.shapeOtherDisabled;
-    BasicThemeClass.btnBorderColorWarning = colors.lineWarningBold;
-    BasicThemeClass.btnBorderColorError = colors.lineErrorBold;
-    BasicThemeClass.btnErrorSecondary = colors.shapeFaintError;
-    BasicThemeClass.btnWarningSecondary = colors.shapeFaintWarning;
-    BasicThemeClass.btnInsetColor = colors.surfaceBase;
-    BasicThemeClass.btnBacklessBg = 'transparent';
-    BasicThemeClass.btnBacklessHoverBg = colors.shapeOtherBacklessHover;
-    BasicThemeClass.btnBacklessActiveBg = colors.shapeOtherBacklessPressed;
-    BasicThemeClass.btnBacklessHoverTextColor = '';
-    BasicThemeClass.btnTextBg = 'transparent';
-    BasicThemeClass.btnTextHoverBg = colors.shapeOtherBacklessHover;
-    BasicThemeClass.btnTextActiveBg = colors.shapeOtherBacklessPressed;
-    BasicThemeClass.btnTextHoverTextColor = '';
-    BasicThemeClass.btnWithIconPaddingSmall = '8px';
-    BasicThemeClass.btnWithIconPaddingMedium = '10px';
-    BasicThemeClass.btnWithIconPaddingLarge = '12px';
-    BasicThemeClass.btnIconColor = '';
-    BasicThemeClass.btnIconHoverColor = '';
-    BasicThemeClass.btnIconDisabledColor = '';
-    BasicThemeClass.selectHoverBg = colors.shapeOtherFieldHover;
-    BasicThemeClass.selectActiveBg = colors.shapeOtherFieldPressed;
-    BasicThemeClass.selectPlaceholderColor = _a.placeholderColor;
-    BasicThemeClass.selectPaddingXSmall = '7px';
-    BasicThemeClass.selectPaddingXMedium = '11px';
-    BasicThemeClass.selectPaddingXLarge = '15px';
-    BasicThemeClass.selectRootWidthMobile = 'auto';
-    BasicThemeClass.mobileSelectMaxWidth = '100%';
-    BasicThemeClass.selectBorderColorTransition = "box-shadow ".concat(_a.transitionDuration, " ").concat(_a.transitionTimingFunction, ";");
-    //#endregion Select
-    //#region Tooltip
-    BasicThemeClass.tooltipPaddingYSmall = '16px';
-    BasicThemeClass.tooltipPaddingXSmall = '16px';
-    BasicThemeClass.tooltipPaddingYMedium = '20px';
-    BasicThemeClass.tooltipPaddingXMedium = '20px';
-    BasicThemeClass.tooltipPaddingYLarge = '24px';
-    BasicThemeClass.tooltipPaddingXLarge = '24px';
-    BasicThemeClass.tooltipCloseBtnPaddingSmall = '4px';
-    BasicThemeClass.tooltipCloseBtnPaddingMedium = '6px';
-    BasicThemeClass.tooltipCloseBtnPaddingLarge = '8px';
-    BasicThemeClass.tooltipCloseBtnSide = '16px';
-    BasicThemeClass.tooltipBorderRadiusSmall = '8px';
-    BasicThemeClass.tooltipBorderRadiusMedium = '10px';
-    BasicThemeClass.tooltipBorderRadiusLarge = '12px';
-    BasicThemeClass.tooltipPinOffsetYSmall = '18px';
-    BasicThemeClass.tooltipPinOffsetYMedium = '21px';
-    BasicThemeClass.tooltipPinOffsetYLarge = '24px';
-    BasicThemeClass.tooltipPinOffsetXSmall = '16px';
-    BasicThemeClass.tooltipPinOffsetXMedium = '20px';
-    BasicThemeClass.tooltipPinOffsetXLarge = '24px';
-    BasicThemeClass.tooltipMarginSmall = '10px';
-    BasicThemeClass.tooltipMarginMedium = '12px';
-    BasicThemeClass.tooltipMarginLarge = '14px';
-    BasicThemeClass.tooltipPinSizeSmall = '8px';
-    BasicThemeClass.tooltipPinSizeMedium = '10px';
-    BasicThemeClass.tooltipPinSizeLarge = '12px';
-    BasicThemeClass.tooltipCloseBtnColor = colors.textNeutralPale;
-    BasicThemeClass.tooltipCloseBtnHoverColor = colors.textNeutralHeavy;
-    BasicThemeClass.tooltipTextColor = colors.textNeutralHeavy;
-    BasicThemeClass.tooltipBg = colors.surfaceHigh;
-    //#endregion
-    //#region Kebab
-    BasicThemeClass.kebabMargin = '4px';
-    BasicThemeClass.kebabBackground = 'transparent';
-    BasicThemeClass.kebabBackgroundHover = colors.shapeOtherBacklessHover;
-    BasicThemeClass.kebabBackgroundActive = colors.shapeOtherBacklessPressed;
-    BasicThemeClass.kebabBorderRadius = '50%';
-    BasicThemeClass.kebabBorder = '2px solid transparent';
-    BasicThemeClass.kebabSizeSmall = '24px';
-    BasicThemeClass.kebabSizeMedium = '32px';
-    BasicThemeClass.kebabSizeLarge = '40px';
-    BasicThemeClass.kebabIconSizeSmall = '16px';
-    BasicThemeClass.kebabIconSizeMedium = '20px';
-    BasicThemeClass.kebabIconSizeLarge = '24px';
-    BasicThemeClass.kebabIconColor = colors.textNeutralSoft;
-    //#endregion
-    //#region Modal
-    BasicThemeClass.modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.06)';
-    BasicThemeClass.modalBackBg = colors.surfaceModalBackdrop;
-    BasicThemeClass.modalBackOpacity = '1';
-    BasicThemeClass.modalCloseButtonColor = colors.textNeutralPale;
-    BasicThemeClass.modalCloseButtonDisabledColor = colors.textNeutralFaint;
-    BasicThemeClass.modalCloseButtonHoverColor = colors.textNeutralHeavy;
-    BasicThemeClass.modalCloseButtonPadding = '32px';
-    BasicThemeClass.modalCloseButtonBottomPadding = '20px';
-    BasicThemeClass.modalCloseButtonClickAreaTop = '30px';
-    BasicThemeClass.modalCloseButtonClickAreaBottom = '22px';
-    BasicThemeClass.modalCloseButtonClickAreaLeft = '24px';
-    BasicThemeClass.modalCloseButtonClickAreaRight = '28px';
-    BasicThemeClass.modalCloseIconSize = '20px';
-    BasicThemeClass.modalBorderRadius = '16px';
-    BasicThemeClass.modalFixedHeaderBorder = 'none';
-    BasicThemeClass.modalFixedFooterBorder = 'none';
-    BasicThemeClass.modalFixedPanelShadow = 'none';
-    BasicThemeClass.modalAdaptiveThreshold = '425px';
-    BasicThemeClass.modalPaddingTop = '24px';
-    BasicThemeClass.modalPaddingLeft = '32px';
-    BasicThemeClass.modalPaddingRight = '32px';
-    BasicThemeClass.modalHeaderFontSize = '24px';
-    BasicThemeClass.modalHeaderFontWeight = '700';
-    BasicThemeClass.modalHeaderLineHeight = '32px';
-    BasicThemeClass.modalHeaderPaddingBottom = '16px';
-    BasicThemeClass.modalHeaderPaddingTop = '24px';
-    BasicThemeClass.modalFixedHeaderMarginBottom = '0px';
-    BasicThemeClass.modalFixedFooterMarginTop = '0px';
-    BasicThemeClass.modalSeparatorBorderBottom = "1px solid ".concat(colors.lineNeutralFaint);
-    BasicThemeClass.modalSeparatorMargin = '0 32px';
-    BasicThemeClass.modalSeparatorFixedMargin = '0 16px';
-    BasicThemeClass.modalBodyTextColor = 'inherit';
-    BasicThemeClass.modalFooterTextColor = 'inherit';
-    BasicThemeClass.modalBodyPaddingTop = '0';
-    BasicThemeClass.modalBodyPaddingBottom = '20px';
-    BasicThemeClass.modalBodyBorderRadius = '0px';
-    BasicThemeClass.modalFooterPaddingTop = '0px';
-    BasicThemeClass.modalFooterPaddingBottom = '20px';
-    BasicThemeClass.modalPaddingBottom = '40px';
-    BasicThemeClass.modalFooterPanelPaddingTop = '20px';
-    BasicThemeClass.mobileModalCloseButtonClickArea = '22px';
-    BasicThemeClass.mobileModalWithoutHeaderCloseButtonPadding = '10px';
-    BasicThemeClass.mobileModalCloseIconSize = '20px';
-    BasicThemeClass.mobileModalHeaderFontSize = '24px';
-    BasicThemeClass.mobileModalHeaderLineHeight = '32px';
-    BasicThemeClass.mobileModalHeaderPadding = '16px';
-    BasicThemeClass.mobileModalBodyPadding = '0 16px 0 16px';
-    BasicThemeClass.mobileModalBodyPaddingTop = '16px';
-    BasicThemeClass.mobileModalBodyPaddingBottom = '16px';
-    BasicThemeClass.mobileModalBodyFontSize = '16px';
-    BasicThemeClass.mobileModalFooterPadding = '16px';
-    BasicThemeClass.mobileModalPaddingBottom = '16px';
-    BasicThemeClass.mobileModalContainerHeight = '100%';
-    BasicThemeClass.mobileModalContainerMarginTop = '16px';
-    BasicThemeClass.mobileModalContainerMarginRight = '16px';
-    BasicThemeClass.mobileModalContainerMarginBottom = '16px';
-    BasicThemeClass.mobileModalContainerMarginLeft = '16px';
-    BasicThemeClass.sidePageBackingBg = colors.surfaceModalBackdrop;
-    BasicThemeClass.sidePageBackingBgOpacity = '1';
-    BasicThemeClass.sidePageCloseButtonColor = colors.textNeutralPale;
-    BasicThemeClass.sidePageCloseButtonHoverColor = colors.textNeutralHeavy;
-    BasicThemeClass.sidePageContainerShadow = '0 5px 10px rgba(0, 0, 0, 0.2)';
-    BasicThemeClass.mobileSidePagePaddingLeft = '16px';
-    BasicThemeClass.mobileSidePagePaddingRight = '16px';
-    BasicThemeClass.mobileSidePagePaddingTop = '16px';
-    BasicThemeClass.mobileSidePagePaddingBottom = '16px';
-    BasicThemeClass.mobileSidePageFooterPadding = '16px';
-    BasicThemeClass.sidePagePaddingLeft = '32px';
-    BasicThemeClass.sidePagePaddingRight = '36px';
-    BasicThemeClass.sidePagePaddingTop = '24px';
-    BasicThemeClass.sidePagePaddingBottom = '40px';
-    BasicThemeClass.sidePageFooterPaddingTop = '20px';
-    BasicThemeClass.sidePageFooterPaddingBottom = '20px';
-    BasicThemeClass.sidePageBgDefault = colors.surfaceHigh;
-    BasicThemeClass.sidePageBodyTextColor = 'inherit';
-    BasicThemeClass.sidePageFooterTextColor = 'inherit';
-    BasicThemeClass.sidePageHeaderFontSize = '24px';
-    BasicThemeClass.sidePageHeaderLineHeight = '32px';
-    BasicThemeClass.sidePageHeaderPaddingBottom = '16px';
-    BasicThemeClass.sidePageHeaderPaddingTop = '24px';
-    BasicThemeClass.sidePageHeaderStickyOffset = '10px';
-    BasicThemeClass.sidePageCloseIconSize = '20px';
-    BasicThemeClass.sidePageCloseButtonFixedClickAreaBottom = '14px';
-    BasicThemeClass.mobileSidePageCloseButtonClickArea = '22px';
-    BasicThemeClass.sidePageFixedPanelShadow = 'none';
-    BasicThemeClass.mobileSidePageHeaderFontSize = '24px';
-    BasicThemeClass.mobileSidePageHeaderLineHeight = '32px';
-    BasicThemeClass.mobileSidePageHeaderPaddingBottom = '16px';
-    BasicThemeClass.mobileSidePageHeaderPaddingTop = '16px';
-    BasicThemeClass.sidePageHeaderFontWeight = 'bold';
-    BasicThemeClass.sidePageCloseButtonWrapperOffsetTop = '2px';
-    BasicThemeClass.sidePageCloseButtonWrapperFixedOffsetTop = '4px';
-    BasicThemeClass.dateInputMaskColor = colors.textNeutralFaint;
-    BasicThemeClass.dateInputComponentSelectedBgColor = '';
-    BasicThemeClass.dateInputComponentSelectedTextColor = '';
-    //#endregion DateInput
-    //#region Calendar
-    BasicThemeClass.calendarBottomSeparatorBorderColor = colors.lineNeutralFaint;
-    BasicThemeClass.calendarBorderRadius = '8px';
-    BasicThemeClass.calendarCellBg = 'transparent';
-    BasicThemeClass.calendarCellHoverColor = '';
-    BasicThemeClass.calendarCellActiveHoverColor = '';
-    BasicThemeClass.calendarCellWeekendColor = colors.customizableHeavyRed;
-    BasicThemeClass.calendarCellTodayBorder = '1px solid';
-    BasicThemeClass.calendarCellBorderRadius = '9999px';
-    BasicThemeClass.calendarCellSelectedBgColor = colors.shapeBoldAccent;
-    BasicThemeClass.calendarCellSelectedFontColor = colors.textOnAccentBoldHeavy;
-    BasicThemeClass.calendarCellHeight = '32px';
-    BasicThemeClass.calendarCellFontSize = '14px';
-    BasicThemeClass.calendarMonthTitleBorderBottomColor = colors.lineNeutralFaint;
-    BasicThemeClass.calendarCellHoverBgColor = colors.shapeOtherBacklessHover;
-    BasicThemeClass.calendarPaddingX = '18px';
-    BasicThemeClass.calendarMonthTitleLineHeight = '20px';
-    BasicThemeClass.calendarMonthTitlePaddingTop = '12px';
-    BasicThemeClass.calendarMonthTitlePaddingBottom = '8px';
-    BasicThemeClass.calendarMonthTitleMarginX = '6px';
-    BasicThemeClass.calendarMonthTitleMarginBottom = '6px';
-    BasicThemeClass.calendarWrapperHeight = ' 330px';
-    BasicThemeClass.calendarMonthMarginBottom = '6px';
-    BasicThemeClass.calendarMaxMonthsToAppendOnScroll = '5';
-    BasicThemeClass.calendarGridRowSpacing = '0px';
-    BasicThemeClass.pickerShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';
-    BasicThemeClass.mobileCalendarPaddingX = '16px';
-    BasicThemeClass.mobileCalendarCellWidth = '40px';
-    BasicThemeClass.mobileCalendarCellHeight = '40px';
-    BasicThemeClass.mobileCalendarCellBorderRadius = '20px';
-    BasicThemeClass.mobileCalendarCellFontSize = '16px';
-    BasicThemeClass.mobileCalendarGridRowSpacing = '8px';
-    BasicThemeClass.mobileCalendarWrapperHeight = '304px';
-    //#endregion DatePicker
-    //#region DateRangePicker
-    BasicThemeClass.rangeCalendarCellBg = colors.shapeFaintNeutralAlpha;
-    BasicThemeClass.rangeCalendarCellEndBg = colors.shapeBoldAccent;
-    BasicThemeClass.rangeCalendarCellEndColor = colors.textOnAccentBoldHeavy;
-    BasicThemeClass.rangeCalendarCellHoverBg = colors.shapeOtherBacklessHover;
-    BasicThemeClass.rangeCalendarWrapperHeight = '450px';
-    BasicThemeClass.mobileRangeCalendarCellHeight = '42px';
-    BasicThemeClass.mobileRangeCalendarCellWidth = '42px';
-    BasicThemeClass.mobileRangeCalendarGridRowSpacing = '0px';
-    BasicThemeClass.mobileRangeCalendarWrapperHeight = '400px';
-    BasicThemeClass.dateSelectMenuItemFontActive = '';
-    BasicThemeClass.dateSelectLineHeight = '20px';
-    BasicThemeClass.dateSelectFontSize = '14px';
-    BasicThemeClass.dateSelectFontWeight = 'bold';
-    BasicThemeClass.dateSelectTextColorInvert = '';
-    BasicThemeClass.mobileDateSelectFontSize = '16px';
-    BasicThemeClass.mobileDateSelectLineHeight = '20px';
-    BasicThemeClass.pagingPageLinkBoxSizing = 'border-box';
-    BasicThemeClass.pagingPageLinkPaddingYSmall = '6px';
-    BasicThemeClass.pagingPageLinkPaddingXSmall = '11.5px';
-    BasicThemeClass.pagingPageLinkPaddingYMedium = '9px';
-    BasicThemeClass.pagingPageLinkPaddingXMedium = '15px';
-    BasicThemeClass.pagingPageLinkPaddingYLarge = '12px';
-    BasicThemeClass.pagingPageLinkPaddingXLarge = '18.5px';
-    BasicThemeClass.pagingPageLinkBorderRadius = '9999px';
-    BasicThemeClass.pagingPageLinkActiveBg = colors.shapeOtherBacklessPressed;
-    BasicThemeClass.pagingPageLinkDisabledActiveBg = colors.shapeOtherDisabled;
-    BasicThemeClass.pagingPageLinkHoverBg = colors.shapeOtherBacklessHover;
-    BasicThemeClass.pagingDotsColor = colors.textNeutralFaint;
-    BasicThemeClass.pagingPageLinkHintColor = colors.textNeutralSoft;
-    BasicThemeClass.pagingForwardLinkPaddingSmall = '6px 8px 6px 12px';
-    BasicThemeClass.pagingForwardLinkPaddingMedium = '9px 12px 9px 16px';
-    BasicThemeClass.pagingForwardLinkPaddingLarge = '12px 16px 12px 20px';
-    BasicThemeClass.pagingForwardLinkPaddingMediumMobile = '10px';
-    BasicThemeClass.pagingForwardLinkPaddingLargeMobile = '12px';
-    BasicThemeClass.pagingDotsPaddingSmall = '11px 8px 5px 8px';
-    BasicThemeClass.pagingDotsPaddingMedium = '14px 12px 10px 12px';
-    BasicThemeClass.pagingDotsPaddingLarge = '19px 16px 13px 16px';
-    BasicThemeClass.pagingPageLinkHintFontSize = '12px';
-    BasicThemeClass.pagingPageLinkHintLineHeight = '16px';
-    BasicThemeClass.pagingPageLinkHintMargin = '4px -20px 0px';
-    //#endregion Paging
-    //#region Hint
-    BasicThemeClass.hintColor = colors.textInvertedNeutralHeavy;
-    BasicThemeClass.hintMaxWidth = '200px';
-    BasicThemeClass.hintPaddingY = '4px';
-    BasicThemeClass.hintPaddingX = '8px';
-    BasicThemeClass.hintTextAlign = 'center';
-    BasicThemeClass.hintBgColor = colors.shapeHeavyNeutral;
-    BasicThemeClass.hintBorder = 'none';
-    BasicThemeClass.hintBorderRadius = '6px';
-    BasicThemeClass.hintMargin = '8px';
-    BasicThemeClass.toastPaddingY = '10px';
-    BasicThemeClass.toastPaddingX = '16px';
-    BasicThemeClass.toastBorderRadius = '8px';
-    BasicThemeClass.toastBorder = 'none';
-    BasicThemeClass.toastTop = '24px';
-    BasicThemeClass.toastBg = colors.shapeHeavyNeutral;
-    BasicThemeClass.toastErrorBg = colors.shapeBoldError;
-    BasicThemeClass.toastColor = colors.textInvertedNeutralHeavy;
-    BasicThemeClass.toastColorError = colors.textConstHeavyWhite;
-    BasicThemeClass.toastLinkColor = colors.textInvertedNeutralHeavy;
-    BasicThemeClass.toastLinkColorError = colors.textConstHeavyWhite;
-    BasicThemeClass.toastLinkTextDecorationHover = '';
-    BasicThemeClass.toastLinkBgHover = colors.shapeInvertedBacklessHover;
-    BasicThemeClass.toastLinkBgHoverError = colors.shapeConstBacklessWhiteHover;
-    BasicThemeClass.toastLinkBgActive = colors.shapeInvertedBacklessPressed;
-    BasicThemeClass.toastLinkBgActiveError = colors.shapeConstBacklessWhiteHover;
-    BasicThemeClass.toastLinkColorActiveError = colors.textConstHeavyWhite;
-    BasicThemeClass.toastLinkPadding = '12px';
-    BasicThemeClass.toastClosePadding = '16px';
-    BasicThemeClass.toastCloseColor = colors.textInvertedNeutralSoft;
-    BasicThemeClass.toastCloseColorError = colors.textConstSoftWhite;
-    BasicThemeClass.toastCloseHoverColor = colors.textInvertedNeutralHeavy;
-    BasicThemeClass.toastCloseHoverColorError = colors.textConstHeavyWhite;
-    BasicThemeClass.toastCloseSize = '16px';
-    //#endregion Toast
-    //#region Dropdown
-    BasicThemeClass.dropdownMenuBorderColorTransition = '';
-    BasicThemeClass.dropdownMenuMenuBoxSizing = 'content-box';
-    BasicThemeClass.dropdownButtonBorderRadiusSmall = '8px';
-    BasicThemeClass.dropdownButtonBorderRadiusMedium = '8px';
-    BasicThemeClass.dropdownButtonBorderRadiusLarge = '8px';
-    BasicThemeClass.menuBorderRadius = '8px';
-    BasicThemeClass.menuBorder = 'none';
-    BasicThemeClass.menuShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';
-    BasicThemeClass.menuPaddingY = '0px';
-    BasicThemeClass.menuScrollContainerContentWrapperPaddingY = '4px';
-    BasicThemeClass.mobileMenuPaddingY = '0px';
-    BasicThemeClass.mobileMenuScrollContainerContentWrapperPaddingY = '0px';
-    BasicThemeClass.menuPaddingX = '4px';
-    BasicThemeClass.mobileMenuPaddingX = '8px';
-    BasicThemeClass.menuOffsetY = '4px';
-    BasicThemeClass.menuBoxSizing = 'border-box';
-    BasicThemeClass.menuItemSelectedBg = colors.shapeOtherBacklessPressed;
-    BasicThemeClass.menuItemHoverBg = colors.shapeOtherBacklessHover;
-    BasicThemeClass.menuItemIconWidthSmall = '16px';
-    BasicThemeClass.menuItemIconWidthMedium = '20px';
-    BasicThemeClass.menuItemIconWidthLarge = '24px';
-    BasicThemeClass.menuItemIconGap = '4px';
-    BasicThemeClass.menuItemPaddingXSmall = '8px';
-    BasicThemeClass.menuItemPaddingYSmall = '6px';
-    BasicThemeClass.menuItemPaddingXMedium = '12px';
-    BasicThemeClass.menuItemPaddingYMedium = '9px';
-    BasicThemeClass.menuItemPaddingXLarge = '16px';
-    BasicThemeClass.menuItemPaddingYLarge = '12px';
-    BasicThemeClass.menuItemBorderRadius = '6px';
-    BasicThemeClass.menuItemCommentColor = colors.textNeutralSoft;
-    BasicThemeClass.menuItemCommentOpacity = '1';
-    BasicThemeClass.menuItemCommentOpacityHover = '0.6';
-    BasicThemeClass.menuItemDisplay = 'block';
-    BasicThemeClass.menuItemPaddingMobile = '12px 16px';
-    BasicThemeClass.menuItemDisabledBg = 'transparent';
-    BasicThemeClass.menuItemGap = '1px';
-    //menuHeader
-    BasicThemeClass.menuHeaderColor = colors.textNeutralSoft;
-    BasicThemeClass.menuHeaderLineHeightSmall = '16px';
-    BasicThemeClass.menuHeaderLineHeightMedium = '20px';
-    BasicThemeClass.menuHeaderLineHeightLarge = '22px';
-    BasicThemeClass.menuHeaderFontSizeSmall = '12px';
-    BasicThemeClass.menuHeaderFontSizeMedium = '14px';
-    BasicThemeClass.menuHeaderFontSizeLarge = '16px';
-    BasicThemeClass.menuHeaderPaddingXSmall = '8px';
-    BasicThemeClass.menuHeaderPaddingTopSmall = '12px';
-    BasicThemeClass.menuHeaderPaddingBottomSmall = '4px';
-    BasicThemeClass.menuHeaderPaddingXMedium = '12px';
-    BasicThemeClass.menuHeaderPaddingTopMedium = '14px';
-    BasicThemeClass.menuHeaderPaddingBottomMedium = '6px';
-    BasicThemeClass.menuHeaderPaddingXLarge = '16px';
-    BasicThemeClass.menuHeaderPaddingTopLarge = '18px';
-    BasicThemeClass.menuHeaderPaddingBottomLarge = '8px';
-    BasicThemeClass.menuHeaderTotalCountPaddingTopSmall = '4px';
-    BasicThemeClass.menuHeaderTotalCountPaddingTopMedium = '6px';
-    BasicThemeClass.menuHeaderTotalCountPaddingTopLarge = '8px';
-    BasicThemeClass.menuHeaderTotalCountPaddingBottomSmall = '12px';
-    BasicThemeClass.menuHeaderTotalCountPaddingBottomMedium = '14px';
-    BasicThemeClass.menuHeaderTotalCountPaddingBottomLarge = '18px';
-    //menuSeparator
-    BasicThemeClass.menuSeparatorBorderColor = colors.lineNeutralFaint;
-    BasicThemeClass.menuSeparatorMarginY = '2px';
-    BasicThemeClass.menuSeparatorMarginX = '8px';
-    BasicThemeClass.menuSeparatorBorderWidth = '1px';
-    // mobileMenuSeparator
-    BasicThemeClass.mobileMenuSeparatorMarginY = '4px';
-    BasicThemeClass.mobileMenuSeparatorMarginX = '24px';
-    BasicThemeClass.toggleHandleActiveWidthIncrement = '0px';
-    BasicThemeClass.toggleHeightSmall = '20px';
-    BasicThemeClass.toggleWidthSmall = '32px';
-    BasicThemeClass.toggleHeightMedium = '22px';
-    BasicThemeClass.toggleWidthMedium = '34px';
-    BasicThemeClass.toggleHeightLarge = '24px';
-    BasicThemeClass.toggleWidthLarge = '36px';
-    BasicThemeClass.toggleBaseBg = 'transparent';
-    BasicThemeClass.toggleBgHover = colors.shapeOtherFieldHover;
-    BasicThemeClass.toggleBorderColor = colors.lineNeutralPale;
-    BasicThemeClass.toggleShadowColorError = colors.lineErrorBold;
-    BasicThemeClass.toggleShadowColorWarning = colors.lineWarningBold;
-    BasicThemeClass.toggleFocusShadowColor = colors.lineAccentBold;
-    BasicThemeClass.toggleHandleSizeSmall = '14px';
-    BasicThemeClass.toggleHandleSizeMedium = '16px';
-    BasicThemeClass.toggleHandleSizeLarge = '18px';
-    BasicThemeClass.toggleHandleLeft = '3px';
-    BasicThemeClass.toggleHandleTop = '3px';
-    BasicThemeClass.toggleBgFocus = 'linear-gradient(-180deg, #f1f1f1, #dedede)';
-    BasicThemeClass.toggleCaptionGap = '8px';
-    BasicThemeClass.toggleButtonOffsetY = '0px';
-    BasicThemeClass.toggleContainerBg = colors.shapeOtherField;
-    BasicThemeClass.toggleHandleBg = colors.shapeOtherBase;
-    BasicThemeClass.toggleHandleBoxShadow = "0 0 0 1px ".concat(colors.lineNeutralPale);
-    BasicThemeClass.toggleContainerBoxShadow = "inset 0 0 0 1px ".concat(colors.lineNeutralPale);
-    // idle :hover
-    BasicThemeClass.toggleContainerBoxShadowHover = "inset 0 0 0 1px ".concat(colors.lineNeutralPaleHover);
-    BasicThemeClass.toggleHandleBgHover = colors.shapeOtherBase;
-    BasicThemeClass.toggleHandleBoxShadowHover = "0 0 0 1px ".concat(colors.lineNeutralPale);
-    // checked
-    BasicThemeClass.toggleContainerBoxShadowChecked = 'none';
-    BasicThemeClass.toggleHandleBoxShadowChecked = 'none';
-    BasicThemeClass.toggleHandleBgChecked = colors.shapeInvertedNeutralHeavy;
-    BasicThemeClass.toggleBgChecked = colors.shapeBoldAccent;
-    // checked :hover
-    BasicThemeClass.toggleContainerBoxShadowCheckedHover = 'none';
-    BasicThemeClass.toggleContainerBgCheckedHover = colors.shapeBoldAccentHover;
-    BasicThemeClass.toggleHandleBoxShadowCheckedHover = 'none';
-    BasicThemeClass.toggleHandleBgCheckedHover = colors.shapeInvertedNeutralHeavyHover;
-    // disabled
-    BasicThemeClass.toggleContainerBgDisabled = colors.shapeOtherDisabled;
-    BasicThemeClass.toggleHandleBgDisabled = 'transparent';
-    BasicThemeClass.toggleContainerBoxShadowDisabled = "inset 0 0 0 1px ".concat(colors.lineNeutralFaint);
-    BasicThemeClass.toggleHandleBoxShadowDisabled = "0 0 0 1px ".concat(colors.lineNeutralFaint);
-    BasicThemeClass.toggleDisabledHandleBg = 'transparent';
-    // disabled checked
-    BasicThemeClass.toggleContainerBgDisabledChecked = colors.shapeOtherAccentBoldDisabled;
-    BasicThemeClass.toggleHandleBgDisabledChecked = colors.shapeInvertedNeutralHeavy;
-    BasicThemeClass.toggleContainerBoxShadowDisabledChecked = 'none';
-    BasicThemeClass.toggleHandleBoxShadowDisabledChecked = 'none';
-    //#endregion Toggle
-    //#region Popup
-    BasicThemeClass.popupBorder = 'none';
-    BasicThemeClass.popupBorderRadius = '8px';
-    BasicThemeClass.popupBorderColor = 'transparent';
-    BasicThemeClass.popupDropShadow = 'drop-shadow(0px 32px 32px rgba(0, 0, 0, 0.08)) drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.12))';
-    BasicThemeClass.popupBoxShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';
-    BasicThemeClass.popupBackground = colors.surfaceHigh;
-    BasicThemeClass.popupPinOffsetX = '16px';
-    BasicThemeClass.popupPinOffsetY = '16px';
-    BasicThemeClass.popupMargin = '10px';
-    BasicThemeClass.popupPinSize = '8px';
-    BasicThemeClass.popupMenuMenuOffsetY = '0px';
-    BasicThemeClass.inputShadow = 'none';
-    BasicThemeClass.inputBg = colors.shapeOtherField;
-    BasicThemeClass.inputIconColor = colors.textNeutralSoft;
-    BasicThemeClass.inputColor = 'inherit';
-    BasicThemeClass.inputWidth = '200px';
-    BasicThemeClass.inputPaddingXSmall = '7px';
-    BasicThemeClass.inputPaddingXMedium = '11px';
-    BasicThemeClass.inputPaddingXLarge = '15px';
-    BasicThemeClass.inputIconGapSmall = '4px';
-    BasicThemeClass.inputIconGapMedium = '6px';
-    BasicThemeClass.inputIconGapLarge = '8px';
-    BasicThemeClass.inputIconSizeSmall = '16px';
-    BasicThemeClass.inputIconSizeMedium = '20px';
-    BasicThemeClass.inputIconSizeLarge = '24px';
-    BasicThemeClass.inputBackgroundClip = 'padding-box';
-    BasicThemeClass.inputBorderRadiusSmall = '2px';
-    BasicThemeClass.inputBorderRadiusMedium = '2px';
-    BasicThemeClass.inputBorderRadiusLarge = '2px';
-    BasicThemeClass.inputDisabledBackgroundClip = 'padding-box';
-    BasicThemeClass.inputBorderColor = colors.lineNeutralPale;
-    BasicThemeClass.inputBorderColorHover = colors.lineNeutralPaleHover;
-    BasicThemeClass.inputBlinkColor = colors.shapeFaintNeutralAlpha;
-    BasicThemeClass.inputColorScheme = 'light';
-    BasicThemeClass.checkboxBoxSizeSmall = '16px';
-    BasicThemeClass.checkboxBoxSizeMedium = '20px';
-    BasicThemeClass.checkboxBoxSizeLarge = '24px';
-    BasicThemeClass.checkboxCaptionGap = '8px';
-    BasicThemeClass.checkboxPaddingXSmall = '0';
-    BasicThemeClass.checkboxPaddingXMedium = '0';
-    BasicThemeClass.checkboxPaddingXLarge = '0';
-    BasicThemeClass.checkboxBoxOffsetY = '1px';
-    BasicThemeClass.checkboxBgStart = '#fdfdfd';
-    BasicThemeClass.checkboxBgEnd = '#ededed';
-    BasicThemeClass.checkboxBorder = 'none';
-    BasicThemeClass.checkboxCheckedColor = colors.shapeInvertedNeutralHeavy;
-    BasicThemeClass.checkboxBorderRadius = '4px';
-    BasicThemeClass.checkboxBg = colors.shapeOtherField;
-    BasicThemeClass.checkboxHoverBg = colors.shapeOtherFieldHover;
-    BasicThemeClass.checkboxActiveBg = colors.shapeOtherFieldPressed;
-    BasicThemeClass.checkboxCheckedBg = colors.shapeBoldAccent;
-    BasicThemeClass.checkboxBgDisabled = colors.shapeOtherDisabled;
-    BasicThemeClass.checkboxCheckedHoverBg = colors.shapeBoldAccentHover;
-    BasicThemeClass.checkboxCheckedActiveBg = colors.shapeBoldAccentPressed;
-    //#endregion Checkbox
-    //#region TextArea
-    BasicThemeClass.textareaBg = colors.shapeOtherField;
-    BasicThemeClass.textareaShadow = 'none';
-    BasicThemeClass.textareaBorderColor = colors.lineNeutralPale;
-    BasicThemeClass.textareaBackgroundClip = 'padding-box';
-    BasicThemeClass.textareaBorderRadius = '2px';
-    BasicThemeClass.textareaWidth = '250px';
-    BasicThemeClass.textareaPaddingXSmall = '7px';
-    BasicThemeClass.textareaPaddingXMedium = '11px';
-    BasicThemeClass.textareaPaddingXLarge = '15px';
-    BasicThemeClass.textareaBorderTopColor = colors.lineNeutralPale;
-    BasicThemeClass.textareaCounterColor = colors.textNeutralSoft;
-    BasicThemeClass.textareaCounterBg = 'transparent';
-    BasicThemeClass.textareaCounterHelpIconColor = colors.textNeutralHeavy;
-    BasicThemeClass.textareaMargin = '0px'; // обнуление вертикального браузерного margin в firefox
-    BasicThemeClass.textareaVerticalAlign = 'top';
-    //#endregion Textarea
-    //#region Radio
-    BasicThemeClass.radioBulletSizeSmall = '6px';
-    BasicThemeClass.radioBulletSizeMedium = '10px';
-    BasicThemeClass.radioBulletSizeLarge = '12px';
-    BasicThemeClass.radioSizeSmall = '16px';
-    BasicThemeClass.radioSizeMedium = '20px';
-    BasicThemeClass.radioSizeLarge = '24px';
-    BasicThemeClass.radioCaptionGap = '8px';
-    BasicThemeClass.radioVerticalAlign = 'top';
-    BasicThemeClass.radioBgImage = 'none';
-    BasicThemeClass.radioBgColor = colors.shapeOtherField;
-    BasicThemeClass.radioBoxShadow = 'none';
-    BasicThemeClass.radioHoverShadow = 'none';
-    BasicThemeClass.radioActiveShadow = 'none';
-    BasicThemeClass.radioCheckedBorderColor = 'transparent';
-    BasicThemeClass.radioCaptionDisplay = 'inline-flex';
-    BasicThemeClass.radioBorderWidthCompensation = '0px';
-    BasicThemeClass.radioCircleOffsetY = '1px';
-    BasicThemeClass.tabPaddingXSmall = '8px';
-    BasicThemeClass.tabPaddingXMedium = '10px';
-    BasicThemeClass.tabPaddingXLarge = '12px';
-    BasicThemeClass.tabBorderWidth = '2px';
-    BasicThemeClass.tabColorHover = colors.lineNeutralPale;
-    BasicThemeClass.tabColorHoverError = colors.shapeBoldErrorHover;
-    BasicThemeClass.tabColorHoverWarning = colors.shapeBoldWarningHover;
-    BasicThemeClass.tabColorHoverSuccess = colors.shapeBoldSuccessHover;
-    BasicThemeClass.tabColorHoverPrimary = colors.lineAccentPale;
-    BasicThemeClass.tabIndicatorBorderRadius = '2px';
-    BasicThemeClass.spinnerColor = colors.customizableBoldRed;
-    BasicThemeClass.spinnerDimmedColor = colors.customizableBoldGray;
-    BasicThemeClass.spinnerCaptionColor = colors.textNeutralSoft;
-    BasicThemeClass.spinnerCaptionGapSmall = '6px';
-    BasicThemeClass.spinnerCaptionGapMedium = '-4px';
-    BasicThemeClass.spinnerCaptionGapLarge = '-3px';
-    BasicThemeClass.spinnerCaptionMarginSmall = '0 0 0 6px';
-    BasicThemeClass.spinnerCaptionMarginMedium = '0 0 0 6px';
-    BasicThemeClass.spinnerCaptionMarginLarge = '0 0 0 6px';
-    //#endregion
-    //#region Switcher
-    BasicThemeClass.switcherBorderRadius = '8px';
-    BasicThemeClass.switcherButtonPaddingXSmall = '7px';
-    BasicThemeClass.switcherButtonPaddingXMedium = '11px';
-    BasicThemeClass.switcherButtonPaddingXLarge = '15px';
-    BasicThemeClass.switcherBtnDisabledBorderColor = colors.lineNeutralPale;
-    //#endregion
-    //#region MobilePopup
-    BasicThemeClass.mobilePopupTopPadding = '80px';
-    BasicThemeClass.mobilePopupContainerBottomPadding = '8px';
-    BasicThemeClass.mobilePopupHeaderPadding = '16px 16px 8px 16px';
-    BasicThemeClass.mobilePopupFooterPadding = '16px 16px 16px 16px';
-    BasicThemeClass.mobilePopupContainerBorderRadius = '16px';
-    BasicThemeClass.mobilePopupHeaderFontWeight = '500';
-    BasicThemeClass.mobilePopupHeaderChildPadding = '12px';
-    BasicThemeClass.mobilePopupOuterIndentY = '24px';
-    //#endregion
-    //#region ScrollContainer
-    BasicThemeClass.scrollContainerScrollBarSize = '4px';
-    BasicThemeClass.scrollContainerScrollBarHoverSize = '10px';
-    BasicThemeClass.scrollContainerScrollBarColor = colors.shapeSoftNeutralAlpha;
-    BasicThemeClass.scrollContainerScrollBarInvertColor = colors.shapeInvertedNeutralSoftAlpha;
-    BasicThemeClass.scrollContainerScrollBarOffsetY = '4px';
-    BasicThemeClass.dropdownMenuScrollContainerScrollBarOffsetY = '0px';
-    //#endregion
-    //#region PasswordInput
-    BasicThemeClass.passwordInputVisibilityIconColor = colors.textNeutralHeavy;
-    BasicThemeClass.passwordInputVisibilityIconOpacity = '0.64';
-    BasicThemeClass.passwordInputVisibilityIconHoverColor = colors.textNeutralHeavy;
-    BasicThemeClass.passwordInputVisibilityIconHoverOpacity = '1';
-    //#endregion
-    //#region GlobalLoader
-    BasicThemeClass.globalLoaderColor = colors.shapeBoldBrandOriginal;
-    BasicThemeClass.globalLoaderHeight = '4px';
-    BasicThemeClass.globalLoaderWidth = '100%';
-    BasicThemeClass.globalLoaderPosition = 'fixed';
-    BasicThemeClass.globalLoaderTop = '0px';
-    BasicThemeClass.globalLoaderLeft = '0px';
-    BasicThemeClass.globalLoaderBottom = 'auto';
-    BasicThemeClass.globalLoaderRight = 'auto';
-    BasicThemeClass.globalLoaderBackgroundColor = 'transparent';
-    BasicThemeClass.globalLoaderTransitionToSpinnerDuration = '500'; //ms
-    BasicThemeClass.globalLoaderSpinnerAnimationDuration = '2000'; //ms
-    BasicThemeClass.globalLoaderSlowAnimationDuration = '20000'; //ms
-    BasicThemeClass.globalLoaderTransitionFromSpinnerDuration = '200'; //ms
-    //#endregion
-    //#region FileUploader
-    BasicThemeClass.fileUploaderWidth = '362px';
-    BasicThemeClass.fileUploaderTileWidth = 'auto';
-    BasicThemeClass.fileUploaderBg = '';
-    BasicThemeClass.fileUploaderUploadButtonBg = 'transparent';
-    BasicThemeClass.fileUploaderPaddingXSmall = '7px';
-    BasicThemeClass.fileUploaderPaddingXMedium = '9px';
-    BasicThemeClass.fileUploaderPaddingXLarge = '11px';
-    BasicThemeClass.fileUploaderTilePaddingSmall = '3px';
-    BasicThemeClass.fileUploaderTilePaddingMedium = '5px';
-    BasicThemeClass.fileUploaderTilePaddingLarge = '7px';
-    BasicThemeClass.fileUploaderTileFilePaddingSmall = '7px';
-    BasicThemeClass.fileUploaderTileFilePaddingMedium = '11px';
-    BasicThemeClass.fileUploaderTileFilePaddingLarge = '15px';
-    BasicThemeClass.fileUploaderTileIconActionPaddingSmall = '8px';
-    BasicThemeClass.fileUploaderTileIconActionPaddingMedium = '6px';
-    BasicThemeClass.fileUploaderTileIconActionPaddingLarge = '8px';
-    BasicThemeClass.fileUploaderBorderRadius = '8px';
-    BasicThemeClass.fileUploaderBorderColor = colors.lineNeutralPale;
-    BasicThemeClass.fileUploaderBorderStyle = 'dashed';
-    BasicThemeClass.fileUploaderIconSize = '14px';
-    BasicThemeClass.fileUploaderIconColor = colors.textNeutralPale;
-    BasicThemeClass.fileUploaderIconHoverColor = colors.textNeutralHeavy;
-    BasicThemeClass.fileUploaderTileIconColorBg = colors.shapeFaintAccent;
-    BasicThemeClass.fileUploaderTileIconHoverColorBg = colors.shapeFaintAccentHover;
-    BasicThemeClass.fileUploaderTileIconActiveColorBg = colors.shapeFaintAccentPressed;
-    BasicThemeClass.fileUploaderTileIconColor = colors.textInvertedAccentHeavy;
-    BasicThemeClass.fileUploaderTileIconHoverColor = colors.textInvertedAccentHeavyHover;
-    BasicThemeClass.fileUploaderDisabledBgClip = 'padding-box';
-    BasicThemeClass.fileUploaderDisabledBorderColor = colors.lineNeutralFaint;
-    BasicThemeClass.fileUploaderErrorBgColor = colors.shapeFaintError;
-    BasicThemeClass.fileUploaderErrorBgHoverColor = colors.shapeFaintErrorHover;
-    BasicThemeClass.fileUploaderErrorTextColor = colors.textErrorHeavy;
-    BasicThemeClass.fileUploaderWarningBgColor = colors.shapeFaintWarning;
-    BasicThemeClass.fileUploaderWarningBgHoverColor = colors.shapeFaintWarningHover;
-    BasicThemeClass.fileUploaderWarningTextColor = colors.textWarningHeavy;
-    BasicThemeClass.fileUploaderValidationTextColor = colors.textWarningHeavy;
-    BasicThemeClass.fileUploaderLinkHoverTextDecoration = 'none';
-    BasicThemeClass.fileUploaderHoveredBg = colors.shapeOtherBacklessHover;
-    BasicThemeClass.fileUploaderActiveBg = colors.shapeOtherBacklessPressed;
-    BasicThemeClass.fileUploaderHoveredBorderColor = 'transparent';
-    BasicThemeClass.fileUploaderIconGapSmall = '4px';
-    BasicThemeClass.fileUploaderIconGapMedium = '6px';
-    BasicThemeClass.fileUploaderIconGapLarge = '8px';
-    BasicThemeClass.fileUploaderDragOverShadow = '0px 0px 0px 3px rgb(149, 149, 149), 0px 0px 0px 8px rgba(61, 61, 61, 0.2)';
-    BasicThemeClass.fileUploaderFileTypeCodeIconColor = colors.customizableBoldPurple;
-    BasicThemeClass.fileUploaderFileTypePictureIconColor = colors.customizableBoldBlue;
-    BasicThemeClass.fileUploaderFileTypePresentationIconColor = colors.customizableBoldOrange;
-    BasicThemeClass.fileUploaderFileTypeTableIconColor = colors.customizableBoldGreen;
-    BasicThemeClass.fileUploaderFileTypeTextIconColor = colors.customizableBoldBlue;
-    BasicThemeClass.fileUploaderFileTypeArchiveIconColor = colors.customizableHeavyOrange;
-    BasicThemeClass.fileUploaderFileTypeFolderIconColor = colors.customizableBoldYellow;
-    BasicThemeClass.fileUploaderFileTypeUnknownIconColor = colors.textNeutralSoft;
-    BasicThemeClass.fileUploaderDisabledColor = colors.textNeutralFaint;
-    BasicThemeClass.fileUploaderFileHeightSmall = '32px';
-    BasicThemeClass.fileUploaderFileHeightMedium = '40px';
-    BasicThemeClass.fileUploaderFileHeightLarge = '48px';
-    BasicThemeClass.fileUploaderTileWidthSmall = '104px';
-    BasicThemeClass.fileUploaderTileWidthMedium = '120px';
-    BasicThemeClass.fileUploaderTileWidthLarge = '144px';
-    BasicThemeClass.fileUploaderTileMinHeightSmall = '132px';
-    BasicThemeClass.fileUploaderTileMinHeightMedium = '150px';
-    BasicThemeClass.fileUploaderTileMinHeightLarge = '184px';
-    BasicThemeClass.fileUploaderTileHeightSmall = '180px';
-    BasicThemeClass.fileUploaderTileHeightMedium = '206px';
-    BasicThemeClass.fileUploaderTileHeightLarge = '248px';
-    BasicThemeClass.fileUploaderFileSizeWidthSmall = '80px';
-    BasicThemeClass.fileUploaderFileSizeWidthMedium = '88px';
-    BasicThemeClass.fileUploaderFileSizeWidthLarge = '104px';
-    BasicThemeClass.fileUploaderFileSizeMarginLeft = '28px';
-    BasicThemeClass.fileUploaderFileSizeMarginSmall = '32px';
-    BasicThemeClass.fileUploaderFileSizeMarginMedium = '34px';
-    BasicThemeClass.fileUploaderFileSizeMarginLarge = '36px';
-    BasicThemeClass.fileUploaderFileIconSizeSmall = '24px';
-    BasicThemeClass.fileUploaderFileIconSizeMedium = '32px';
-    BasicThemeClass.fileUploaderFileIconSizeLarge = '40px';
-    BasicThemeClass.fileUploaderTileIconSizeSmall = '20px';
-    BasicThemeClass.fileUploaderTileIconSizeMedium = '24px';
-    BasicThemeClass.fileUploaderTileIconSizeLarge = '32px';
-    BasicThemeClass.fileUploaderTileTypeIconHeightSmall = '116px';
-    BasicThemeClass.fileUploaderTileTypeIconHeightMedium = '126px';
-    BasicThemeClass.fileUploaderTileTypeIconHeightLarge = '152px';
-    BasicThemeClass.fileUploaderListGap = '8px';
-    BasicThemeClass.fileUploaderListSummaryTextGap = '12px';
-    //#endregion FileUploader
-    //#region ClearCrossIcon
-    BasicThemeClass.clearCrossIconWidthSmall = '24px';
-    BasicThemeClass.clearCrossIconWidthMedium = '30px';
-    BasicThemeClass.clearCrossIconWidthLarge = '36px';
-    BasicThemeClass.clearCrossIconColor = colors.textNeutralSoft;
-    BasicThemeClass.clearCrossIconHoverColor = colors.textNeutralHeavy;
-    BasicThemeClass.clearCrossIconAlign = 'flex-start';
-    //#endregion ClearCrossIcon
-    //#region CloseIcon
-    BasicThemeClass.closeBtnIconColor = colors.textNeutralPale;
-    BasicThemeClass.closeBtnIconDisabledColor = colors.textNeutralFaint;
-    BasicThemeClass.closeBtnIconHoverColor = colors.textNeutralHeavy;
-    BasicThemeClass.closeBtnIconBorderRadius = '4px';
-    //#endregion Combobox
-    //#region MiniModal
-    BasicThemeClass.miniModalHeaderPaddingBottom = '0';
-    BasicThemeClass.miniModalBodyPaddingTop = '16px';
-    BasicThemeClass.miniModalBodyPaddingBottom = '0';
-    BasicThemeClass.miniModalDescriptionFontSize = '16px';
-    BasicThemeClass.miniModalDescriptionLineHeight = '22px';
-    BasicThemeClass.miniModalHeaderPaddingTop = '32px';
-    BasicThemeClass.miniModalActionGap = '8px';
-    BasicThemeClass.miniModalCancelIndent = '8px';
-    BasicThemeClass.miniModalFooterPaddingTop = '24px';
-    BasicThemeClass.miniModalFooterPaddingBottom = '32px';
-    BasicThemeClass.miniModalTitleMarginTop = '16px';
-    BasicThemeClass.miniModalHeightMobile = 'auto';
-    BasicThemeClass.miniModalMarginTopMobile = '16px';
-    BasicThemeClass.miniModalMarginLeftMobile = '16px';
-    BasicThemeClass.miniModalMarginRightMobile = '16px';
-    BasicThemeClass.miniModalFooterPaddingMobile = '24px 16px 16px';
-    BasicThemeClass.miniModalHeaderPaddingMobile = '32px 16px 0';
-    BasicThemeClass.miniModalBodyPaddingMobile = '16px 16px 0';
-    BasicThemeClass.validationsTextColorWarning = colors.textWarningHeavy;
-    return BasicThemeClass;
-}());
-export { BasicThemeClass };
-export var BasicTheme = createTheme({ themeClass: BasicThemeClass });
-export var BasicThemeClassForExtension = /** @class */ (function () {
-    function class_1() {
-    }
-    return class_1;
-}());
-//# sourceMappingURL=BasicTheme.js.map