@skbkontur/react-ui 1.12.1 → 2.0.0-beta.4

package/internal/themes/BasicTheme.js

@@ -0,0 +1,4502 @@
+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';
+    /** @deprecated Перестала использоваться с версии `react-ui@5.6.7`. */
+    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