@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/internal/themes/{BasicLightTheme/BasicLightTheme.js → BasicTheme/BasicTheme.js}

@@ -1,10 +1,10 @@
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-var _BasicLightThemeInternal;
+var _BasicThemeClass;
+import { createTheme } from "../../../lib/theming/ThemeHelpers";
 import * as ColorFunctions from "../../../lib/styles/ColorFunctions";
-import { exposeGetters } from "../../../lib/theming/ThemeHelpers";
-export var BasicLightThemeInternal = /*#__PURE__*/function () {
-  function BasicLightThemeInternal() {}
-  return _createClass(BasicLightThemeInternal, null, [{
+export var BasicThemeClass = /*#__PURE__*/function () {
+  function BasicThemeClass() {}
+  return _createClass(BasicThemeClass, null, [{
     key: "bgSecondary",
     get: function get() {
       return this.bgDefault;
@@ -550,6 +550,16 @@ export var BasicLightThemeInternal = /*#__PURE__*/function () {
     get: function get() {
       return this.btnTextHoverBg;
     }
+  }, {
+    key: "btnWithIconPaddingLeftMedium",
+    get: function get() {
+      return this.btnWithIconPaddingMedium;
+    }
+  }, {
+    key: "btnWithIconPaddingLeftLarge",
+    get: function get() {
+      return this.btnWithIconPaddingLarge;
+    }
   }, {
     key: "selectDefaultBg",
     get:
@@ -709,31 +719,46 @@ export var BasicLightThemeInternal = /*#__PURE__*/function () {
       return this.popupBorder;
     }
   }, {
-    key: "tooltipPinSize",
+    key: "tooltipFontSizeSmall",
     get: function get() {
-      return this.popupPinSize;
+      return this.fontSizeSmall;
     }
   }, {
-    key: "tooltipFontSize",
+    key: "tooltipFontSizeMedium",
     get: function get() {
-      return this.fontSizeSmall;
+      return this.fontSizeMedium;
+    }
+  }, {
+    key: "tooltipFontSizeLarge",
+    get: function get() {
+      return this.fontSizeLarge;
     }
   }, {
-    key: "tooltipLineHeight",
+    key: "tooltipLineHeightSmall",
     get: function get() {
       return this.controlLineHeightSmall;
     }
+  }, {
+    key: "tooltipLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "tooltipLineHeightLarge",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
     //#endregion Tooltip
     //#region TooltipMenu
   }, {
     key: "tooltipMenuPinOffsetX",
     get: function get() {
-      return this.tooltipPinOffsetX;
+      return this.tooltipPinOffsetXSmall;
     }
   }, {
     key: "tooltipMenuPinOffsetY",
     get: function get() {
-      return this.tooltipPinOffsetY;
+      return this.tooltipPinOffsetYSmall;
     }
   }, {
     key: "tooltipMenuMargin",
@@ -798,6 +823,21 @@ export var BasicLightThemeInternal = /*#__PURE__*/function () {
     get: function get() {
       return this.modalFooterPaddingBottom;
     }
+  }, {
+    key: "mobileModalCloseButtonRightPadding",
+    get: function get() {
+      return this.mobileModalCloseButtonClickArea;
+    }
+  }, {
+    key: "mobileModalCloseButtonTopPadding",
+    get: function get() {
+      return this.mobileModalCloseButtonClickArea;
+    }
+  }, {
+    key: "mobileModalWithoutHeaderCloseButtonWidth",
+    get: function get() {
+      return parseInt(this.modalCloseIconSize) + 2 * parseInt(this.mobileModalWithoutHeaderCloseButtonPadding) + "px";
+    }
   }, {
     key: "sidePageFooterPanelBg",
     get:
@@ -811,6 +851,11 @@ export var BasicLightThemeInternal = /*#__PURE__*/function () {
     get: function get() {
       return this.textColorDefault;
     }
+  }, {
+    key: "mobileSidePageCloseButtonPadding",
+    get: function get() {
+      return this.mobileSidePageCloseButtonClickArea;
+    }
   }, {
     key: "sidePageFooterPanelPaddingTop",
     get: function get() {
@@ -821,6 +866,31 @@ export var BasicLightThemeInternal = /*#__PURE__*/function () {
     get: function get() {
       return this.sidePageFooterPanelPaddingTop;
     }
+  }, {
+    key: "sidePageCloseButtonClickAreaTop",
+    get: function get() {
+      return this.modalCloseButtonClickAreaTop;
+    }
+  }, {
+    key: "sidePageCloseButtonClickAreaBottom",
+    get: function get() {
+      return this.modalCloseButtonClickAreaBottom;
+    }
+  }, {
+    key: "sidePageCloseButtonClickAreaLeft",
+    get: function get() {
+      return this.modalCloseButtonClickAreaLeft;
+    }
+  }, {
+    key: "sidePageCloseButtonClickAreaRight",
+    get: function get() {
+      return this.modalCloseButtonClickAreaRight;
+    }
+  }, {
+    key: "sidePageCloseButtonFixedClickAreaTop",
+    get: function get() {
+      return this.sidePageCloseButtonFixedClickAreaBottom;
+    }
   }, {
     key: "sidePageFixedHeaderShadow",
     get: function get() {
@@ -945,37 +1015,48 @@ export var BasicLightThemeInternal = /*#__PURE__*/function () {
       return this.popupBoxShadow;
     }
   }, {
-    key: "pagingFontSize",
+    key: "pagingFontSizeSmall",
     get:
     //#endregion DateSelect
     //#region Paging
+
     function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "pagingFontSizeMedium",
+    get: function get() {
       return this.fontSizeMedium;
     }
   }, {
-    key: "pagingForwardIconSize",
+    key: "pagingFontSizeLarge",
     get: function get() {
-      return this.pagingFontSize;
+      return this.fontSizeLarge;
     }
   }, {
-    key: "pagingPageLinkColor",
+    key: "pagingLineHeightSmall",
     get: function get() {
-      return this.textColorDefault;
+      return this.controlLineHeightSmall;
     }
   }, {
-    key: "pagingPageForwardLinkPaddingRight",
+    key: "pagingLineHeightMedium",
     get: function get() {
-      return this.pagingPageLinkPaddingX;
+      return this.controlLineHeightMedium;
     }
   }, {
-    key: "pagingPageLinkActiveColor",
+    key: "pagingLineHeightLarge",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
+  }, {
+    key: "pagingPageLinkColor",
     get: function get() {
       return this.textColorDefault;
     }
   }, {
-    key: "pagingPageLinkHintColor",
+    key: "pagingPageLinkActiveColor",
     get: function get() {
-      return this.placeholderColor;
+      return this.textColorDefault;
     }
   }, {
     key: "pagingForwardLinkColor",
@@ -992,6 +1073,11 @@ export var BasicLightThemeInternal = /*#__PURE__*/function () {
     get: function get() {
       return this.textColorDisabled;
     }
+  }, {
+    key: "pagingPageLinkHintColor",
+    get: function get() {
+      return this.placeholderColor;
+    }
     //#endregion Paging
     //#region Hint
   }, {
@@ -1211,14 +1297,6 @@ export var BasicLightThemeInternal = /*#__PURE__*/function () {
     get: function get() {
       return this.menuItemTextColor;
     }
-    /**
-     * @deprecated
-     */
-  }, {
-    key: "menuItemLinkColor",
-    get: function get() {
-      return this.linkColor;
-    }
   }, {
     key: "menuItemCommentColor",
     get: function get() {
@@ -2027,9 +2105,6 @@ export var BasicLightThemeInternal = /*#__PURE__*/function () {
     get: function get() {
       return this.linkColor;
     }
-
-    //#endregion Textarea
-    //#region Radio
   }, {
     key: "radioOutlineWidth",
     get: function get() {
@@ -2587,6 +2662,57 @@ export var BasicLightThemeInternal = /*#__PURE__*/function () {
     get: function get() {
       return this.borderColorFocus;
     }
+  }, {
+    key: "clearCrossIconHeightSmall",
+    get: function get() {
+      return this.inputHeightSmall;
+    }
+  }, {
+    key: "clearCrossIconHeightMedium",
+    get: function get() {
+      return this.inputHeightMedium;
+    }
+  }, {
+    key: "clearCrossIconHeightLarge",
+    get: function get() {
+      return this.inputHeightLarge;
+    }
+  }, {
+    key: "clearCrossIconRightMarginSmall",
+    get: function get() {
+      var inputPaddingXSmall = parseInt(this.inputPaddingXSmall);
+      var inputBorderWidth = parseInt(this.inputBorderWidth);
+      return "-" + (inputPaddingXSmall + inputBorderWidth) + "px";
+    }
+  }, {
+    key: "clearCrossIconRightMarginMedium",
+    get: function get() {
+      var inputPaddingXMedium = parseInt(this.inputPaddingXMedium);
+      var inputBorderWidth = parseInt(this.inputBorderWidth);
+      return "-" + (inputPaddingXMedium + inputBorderWidth) + "px";
+    }
+  }, {
+    key: "clearCrossIconRightMarginLarge",
+    get: function get() {
+      var inputPaddingXLarge = parseInt(this.inputPaddingXLarge);
+      var inputBorderWidth = parseInt(this.inputBorderWidth);
+      return "-" + (inputPaddingXLarge + inputBorderWidth) + "px";
+    }
+  }, {
+    key: "clearCrossIconBorderRadiusSmall",
+    get: function get() {
+      return this.inputBorderRadiusSmall;
+    }
+  }, {
+    key: "clearCrossIconBorderRadiusMedium",
+    get: function get() {
+      return this.inputBorderRadiusMedium;
+    }
+  }, {
+    key: "clearCrossIconBorderRadiusLarge",
+    get: function get() {
+      return this.inputBorderRadiusLarge;
+    }
   }, {
     key: "closeBtnIconFocusShadow",
     get: function get() {
@@ -2624,731 +2750,778 @@ export var BasicLightThemeInternal = /*#__PURE__*/function () {
     //#endregion
   }]);
 }();
-_BasicLightThemeInternal = BasicLightThemeInternal; //#region Common variables
-BasicLightThemeInternal.labGrotesqueBaselineCompensation = '1';
-BasicLightThemeInternal.brand = '#2291ff';
-BasicLightThemeInternal.white = '#fff';
-BasicLightThemeInternal.grayXLight = '#ebebeb';
-BasicLightThemeInternal.gray = '#858585';
-BasicLightThemeInternal.grayDark = '#333';
-BasicLightThemeInternal.black = '#000';
-BasicLightThemeInternal.blueXxLight = '#cdedff';
-BasicLightThemeInternal.blueLight = '#1f87ef';
-BasicLightThemeInternal.blue = '#1874cf';
-BasicLightThemeInternal.greenXxLight = '#C7F9CC';
-BasicLightThemeInternal.green = '#1C8A3F';
-BasicLightThemeInternal.greenDark = '#197F39';
-BasicLightThemeInternal.red = '#FE4C4C';
-BasicLightThemeInternal.redXxLight = '#FFEBEB';
-BasicLightThemeInternal.redDark = '#CC2626';
-BasicLightThemeInternal.yellowXxLight = '#ffeec2';
-BasicLightThemeInternal.yellow = '#fcb73e';
-BasicLightThemeInternal.yellowDark = '#ef8b17';
-BasicLightThemeInternal.bgDefault = '#fff';
-BasicLightThemeInternal.bgDisabled = '#F0F0F0';
-BasicLightThemeInternal.warningMain = '#fcb73e';
-BasicLightThemeInternal.warningSecondary = '#fff0bc';
-BasicLightThemeInternal.warningText = '#d97e00';
-BasicLightThemeInternal.borderColorFocusLight = '#cdedff';
-BasicLightThemeInternal.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';
-BasicLightThemeInternal.borderColorGrayLight = 'rgba(0, 0, 0, 0.16)';
-BasicLightThemeInternal.borderColorDisabled = 'rgba(0, 0, 0, 0.10)';
-BasicLightThemeInternal.placeholderColor = '#adadad';
-BasicLightThemeInternal.outlineColorFocus = '#fff';
-BasicLightThemeInternal.placeholderColorLight = '#cdcdcd';
-BasicLightThemeInternal.blinkColor = 'rgba(0, 136, 255, 0.2)';
-BasicLightThemeInternal.controlBorderWidth = '1px';
-BasicLightThemeInternal.controlOutlineWidth = '2px';
-BasicLightThemeInternal.controlLineHeightSmall = '20px';
-BasicLightThemeInternal.controlLineHeightMedium = '22px';
-BasicLightThemeInternal.controlLineHeightLarge = '24px';
-BasicLightThemeInternal.controlPaddingYSmall = '5px';
-BasicLightThemeInternal.controlPaddingYMedium = '8px';
-BasicLightThemeInternal.controlPaddingYLarge = '11px';
-BasicLightThemeInternal.textColorDefault = '#222222';
-BasicLightThemeInternal.textColorInvert = '#fff';
-BasicLightThemeInternal.textColorDisabled = '#adadad';
-BasicLightThemeInternal.textColorDisabledContrast = '#858585';
-BasicLightThemeInternal.fontSizeSmall = '14px';
-BasicLightThemeInternal.fontSizeMedium = '16px';
-BasicLightThemeInternal.fontSizeLarge = '18px';
-BasicLightThemeInternal.fontSizeMobile = '18px';
-BasicLightThemeInternal.lineHeightMobile = '24px';
-BasicLightThemeInternal.specificityLevel = '0';
-BasicLightThemeInternal.fixedPanelShadow = 'none';
-BasicLightThemeInternal.bgActive = '#141414';
-BasicLightThemeInternal.bgChecked = '#3D3D3D';
-BasicLightThemeInternal.borderColorFocus = '#3D3D3D';
-BasicLightThemeInternal.controlHeightSmall = '32px';
-BasicLightThemeInternal.controlHeightMedium = '40px';
-BasicLightThemeInternal.controlHeightLarge = '48px';
-BasicLightThemeInternal.mobileMediaQuery = '(max-width: 576px) and (hover: none) and (pointer: coarse)';
-BasicLightThemeInternal.transitionDuration = '100ms';
-BasicLightThemeInternal.transitionTimingFunction = 'cubic-bezier(0.5, 1, 0.89, 1)'; //#endregion Common variables
+_BasicThemeClass = BasicThemeClass; //#region Common variables
+BasicThemeClass.baseFontFamily = '"Lab Grotesque", "Lab Grotesque K", Arial, sans-serif';
+BasicThemeClass.labGrotesqueBaselineCompensation = '1';
+BasicThemeClass.brand = '#2291ff';
+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 = '#fff';
+BasicThemeClass.bgDisabled = '#F0F0F0';
+BasicThemeClass.warningMain = '#fcb73e';
+BasicThemeClass.warningSecondary = '#fff0bc';
+BasicThemeClass.warningText = '#d97e00';
+BasicThemeClass.borderColorFocusLight = '#cdedff';
+BasicThemeClass.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';
+BasicThemeClass.borderColorGrayLight = 'rgba(0, 0, 0, 0.16)';
+BasicThemeClass.borderColorDisabled = 'rgba(0, 0, 0, 0.10)';
+BasicThemeClass.placeholderColor = '#adadad';
+BasicThemeClass.outlineColorFocus = '#fff';
+BasicThemeClass.placeholderColorLight = '#cdcdcd';
+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 = '#222222';
+BasicThemeClass.textColorInvert = '#fff';
+BasicThemeClass.textColorDisabled = '#adadad';
+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 = '#3D3D3D';
+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
-BasicLightThemeInternal.linkColor = '#222222';
-BasicLightThemeInternal.linkTextDecoration = 'underline';
-BasicLightThemeInternal.linkActiveColor = '#141414';
-BasicLightThemeInternal.linkHoverTextDecoration = 'none';
-BasicLightThemeInternal.linkSuccessActiveColor = '#167333';
-BasicLightThemeInternal.linkDangerHoverColor = '#BB1919';
-BasicLightThemeInternal.linkDangerActiveColor = '#AB0D0D';
-BasicLightThemeInternal.linkIconMarginRight = '4px';
-BasicLightThemeInternal.linkIconMarginLeft = '4px';
-BasicLightThemeInternal.linkGrayedColor = '#858585';
-BasicLightThemeInternal.linkGrayedHoverColor = '#292929';
-BasicLightThemeInternal.linkGrayedActiveColor = '#141414';
-BasicLightThemeInternal.linkButtonLineHeight = '34px';
-BasicLightThemeInternal.linkButtonPaddingX = '10px';
-BasicLightThemeInternal.linkTextDecorationStyle = 'solid';
-BasicLightThemeInternal.linkTextDecorationThickness = '1px';
-BasicLightThemeInternal.linkTextUnderlineOffset = '4px';
-BasicLightThemeInternal.linkTextUnderlineOpacity = '0.5';
-BasicLightThemeInternal.linkTextDecorationColor = "color-mix(in srgb, currentColor " + parseFloat(_BasicLightThemeInternal.linkTextUnderlineOpacity) * 100 + "%, transparent)";
-BasicLightThemeInternal.linkLineBorderBottomStyle = 'solid';
-BasicLightThemeInternal.linkLineBorderBottomWidth = '1px';
-BasicLightThemeInternal.linkLineBorderBottomOpacity = '0.5';
-BasicLightThemeInternal.linkLineBorderBottomColor = "color-mix(in srgb, currentColor " + parseFloat(_BasicLightThemeInternal.linkLineBorderBottomOpacity) * 100 + "%, transparent)";
-BasicLightThemeInternal.linkFocusOutlineColor = '#3D3D3D';
-BasicLightThemeInternal.tokenDisabledBg = 'rgba(0, 0, 0, 0.05)';
-BasicLightThemeInternal.tokenMarginYSmall = '2px';
-BasicLightThemeInternal.tokenMarginXSmall = '1px';
-BasicLightThemeInternal.tokenMarginYMedium = '2px';
-BasicLightThemeInternal.tokenMarginXMedium = '2px';
-BasicLightThemeInternal.tokenMarginYLarge = '2px';
-BasicLightThemeInternal.tokenMarginXLarge = '3px';
-BasicLightThemeInternal.tokenPaddingYSmall = '1px';
-BasicLightThemeInternal.tokenPaddingXSmall = '3px';
-BasicLightThemeInternal.tokenPaddingYMedium = '2px';
-BasicLightThemeInternal.tokenPaddingXMedium = '5px';
-BasicLightThemeInternal.tokenPaddingYLarge = '3px';
-BasicLightThemeInternal.tokenPaddingXLarge = '7px';
-BasicLightThemeInternal.tokenMarginBeforeIcon = '4px';
-BasicLightThemeInternal.tokenRemoveIconSize = '16px';
-BasicLightThemeInternal.tokenRemoveIconPaddingY = '0px';
-BasicLightThemeInternal.tokenRemoveIconPaddingX = '0px';
-BasicLightThemeInternal.tokenRemoveIconGap = '4px';
-BasicLightThemeInternal.tokenRemoveIconBoxSizing = 'content-box';
-BasicLightThemeInternal.tokenBorderRadius = '2px';
-BasicLightThemeInternal.tokenBorderWidth = '1px';
-BasicLightThemeInternal.tokenBorderColorDisabled = 'transparent';
-BasicLightThemeInternal.tokenOutlineWidth = '1px';
-BasicLightThemeInternal.tokenShadowDisabled = '';
-BasicLightThemeInternal.tokenBg = 'rgba(0, 0, 0, 0.1)';
-BasicLightThemeInternal.tokenColor = '#222222';
-BasicLightThemeInternal.tokenBorderColor = 'rgba(0, 0, 0, 0.16)';
-BasicLightThemeInternal.tokenBgHover = 'rgba(0, 0, 0, 0.16)';
-BasicLightThemeInternal.tokenColorHover = '#222222';
-BasicLightThemeInternal.tokenBorderColorHover = 'rgba(0, 0, 0, 0.16)';
-BasicLightThemeInternal.tokenBgActive = '#3D3D3D';
-BasicLightThemeInternal.tokenColorActive = '#FFFFFF';
-BasicLightThemeInternal.tokenBorderColorActive = 'transparent';
-BasicLightThemeInternal.tokenInputBorderRadius = '2px';
-BasicLightThemeInternal.tokenInputMenuPopupBg = 'transparent';
-BasicLightThemeInternal.tokenInputPaddingYSmall = '1px';
-BasicLightThemeInternal.tokenInputPaddingXSmall = '2px';
-BasicLightThemeInternal.tokenInputPaddingYMedium = '3px';
-BasicLightThemeInternal.tokenInputPaddingXMedium = '3px';
-BasicLightThemeInternal.tokenInputPaddingYLarge = '5px';
-BasicLightThemeInternal.tokenInputPaddingXLarge = '4px';
-BasicLightThemeInternal.tokenInputPopupOffset = '2px';
-BasicLightThemeInternal.tokenInputPopupMarginSmall = '7px';
-BasicLightThemeInternal.tokenInputPopupMarginMedium = '10px';
-BasicLightThemeInternal.tokenInputPopupMarginLarge = '13px'; //#endregion TokenInput
+BasicThemeClass.linkColor = '#222222';
+BasicThemeClass.linkTextDecoration = 'underline';
+BasicThemeClass.linkActiveColor = '#141414';
+BasicThemeClass.linkHoverTextDecoration = 'none';
+BasicThemeClass.linkSuccessActiveColor = '#167333';
+BasicThemeClass.linkDangerHoverColor = '#BB1919';
+BasicThemeClass.linkDangerActiveColor = '#AB0D0D';
+BasicThemeClass.linkIconMarginRight = '4px';
+BasicThemeClass.linkIconMarginLeft = '4px';
+BasicThemeClass.linkGrayedColor = '#858585';
+BasicThemeClass.linkGrayedHoverColor = '#292929';
+BasicThemeClass.linkGrayedActiveColor = '#141414';
+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 " + parseFloat(_BasicThemeClass.linkTextUnderlineOpacity) * 100 + "%, transparent)";
+BasicThemeClass.linkLineBorderBottomStyle = 'solid';
+BasicThemeClass.linkLineBorderBottomWidth = '1px';
+BasicThemeClass.linkLineBorderBottomOpacity = '0.5';
+BasicThemeClass.linkLineBorderBottomColor = "color-mix(in srgb, currentColor " + parseFloat(_BasicThemeClass.linkLineBorderBottomOpacity) * 100 + "%, transparent)";
+BasicThemeClass.linkFocusOutlineColor = '#3D3D3D';
+BasicThemeClass.tokenDisabledBg = 'rgba(0, 0, 0, 0.05)';
+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 = 'rgba(0, 0, 0, 0.1)';
+BasicThemeClass.tokenColor = '#222222';
+BasicThemeClass.tokenBorderColor = 'rgba(0, 0, 0, 0.16)';
+BasicThemeClass.tokenBgHover = 'rgba(0, 0, 0, 0.16)';
+BasicThemeClass.tokenColorHover = '#222222';
+BasicThemeClass.tokenBorderColorHover = 'rgba(0, 0, 0, 0.16)';
+BasicThemeClass.tokenBgActive = '#3D3D3D';
+BasicThemeClass.tokenColorActive = '#FFFFFF';
+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
-BasicLightThemeInternal.loaderBg = 'rgba(255, 255, 255, 0.8)';
-BasicLightThemeInternal.loaderOpacity = '0.8';
-BasicLightThemeInternal.loaderBorderRadius = '0px'; //#endregion
+BasicThemeClass.loaderBg = 'rgba(255, 255, 255, 0.8)';
+BasicThemeClass.loaderOpacity = '0.8';
+BasicThemeClass.loaderBorderRadius = '0px'; //#endregion
 //#region Button
-BasicLightThemeInternal.btnBackgroundClip = 'padding-box';
-BasicLightThemeInternal.btnLinkBorderRadius = '2px';
-BasicLightThemeInternal.btnFocusShadowWidth = '2px';
-BasicLightThemeInternal.btnBorderColorTransition = '';
-BasicLightThemeInternal.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.10)';
-BasicLightThemeInternal.btnCheckedBg = '#3D3D3D';
-BasicLightThemeInternal.btnCheckedDisabledBg = '#ADADAD';
-BasicLightThemeInternal.btnCheckedDisabledColor = '#E6E6E6';
-BasicLightThemeInternal.btnCheckedTextColor = '#fff';
-BasicLightThemeInternal.btnCheckedShadow = 'none';
-BasicLightThemeInternal.btnCheckedDisabledShadow = 'none';
-BasicLightThemeInternal.btnBorderRadiusSmall = '8px';
-BasicLightThemeInternal.btnBorderRadiusMedium = '8px';
-BasicLightThemeInternal.btnBorderRadiusLarge = '8px';
-BasicLightThemeInternal.btnInsetWidth = '1px';
-BasicLightThemeInternal.btnPaddingXSmall = '12px';
-BasicLightThemeInternal.btnPaddingXMedium = '16px';
-BasicLightThemeInternal.btnPaddingXLarge = '20px';
-BasicLightThemeInternal.btnIconGapSmallLeft = '4px';
-BasicLightThemeInternal.btnIconGapMediumLeft = '6px';
-BasicLightThemeInternal.btnIconGapLargeLeft = '8px';
-BasicLightThemeInternal.btnIconSizeSmall = '16px';
-BasicLightThemeInternal.btnIconSizeMedium = '20px';
-BasicLightThemeInternal.btnIconSizeLarge = '24px';
-BasicLightThemeInternal.btnDefaultBg = '#fff';
-BasicLightThemeInternal.btnDefaultBgStart = 'none';
-BasicLightThemeInternal.btnDefaultBgEnd = 'none';
-BasicLightThemeInternal.btnDefaultHoverBg = '#F0F0F0';
-BasicLightThemeInternal.btnDefaultHoverBgStart = 'none';
-BasicLightThemeInternal.btnDefaultHoverBgEnd = 'none';
-BasicLightThemeInternal.btnDefaultActiveBg = '#E6E6E6';
-BasicLightThemeInternal.btnDefaultHoverTextColor = '';
-BasicLightThemeInternal.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16)';
-BasicLightThemeInternal.btnDefaultActiveShadow = 'none';
-BasicLightThemeInternal.btnSuccessBg = '#26AD50';
-BasicLightThemeInternal.btnSuccessBorderColor = '#26AD50';
-BasicLightThemeInternal.btnSuccessHoverBg = '#23A14A';
-BasicLightThemeInternal.btnSuccessHoverBorderColor = '#23A14A';
-BasicLightThemeInternal.btnSuccessHoverTextColor = '';
-BasicLightThemeInternal.btnSuccessBgStart = 'none';
-BasicLightThemeInternal.btnSuccessBgEnd = 'none';
-BasicLightThemeInternal.btnSuccessTextColor = '#fff';
-BasicLightThemeInternal.btnSuccessHoverBgStart = 'none';
-BasicLightThemeInternal.btnSuccessHoverBgEnd = 'none';
-BasicLightThemeInternal.btnSuccessActiveBg = '#209644';
-BasicLightThemeInternal.btnSuccessActiveBorderColor = '#209644';
-BasicLightThemeInternal.btnSuccessActiveShadow = 'none';
-BasicLightThemeInternal.btnPrimaryBg = '#3D3D3D';
-BasicLightThemeInternal.btnPrimaryHoverBg = '#292929';
-BasicLightThemeInternal.btnPrimaryActiveBg = '#141414';
-BasicLightThemeInternal.btnPrimaryHoverTextColor = '';
-BasicLightThemeInternal.btnPrimaryBorderColor = '#3D3D3D';
-BasicLightThemeInternal.btnPrimaryHoverBorderColor = '#292929';
-BasicLightThemeInternal.btnPrimaryActiveBorderColor = '#141414';
-BasicLightThemeInternal.btnPrimaryBgStart = 'none';
-BasicLightThemeInternal.btnPrimaryBgEnd = 'none';
-BasicLightThemeInternal.btnPrimaryTextColor = '#fff';
-BasicLightThemeInternal.btnPrimaryHoverBgStart = 'none';
-BasicLightThemeInternal.btnPrimaryHoverBgEnd = 'none';
-BasicLightThemeInternal.btnPrimaryActiveShadow = 'none';
-BasicLightThemeInternal.btnDangerHoverBg = '#ED3F3F';
-BasicLightThemeInternal.btnDangerHoverBorderColor = '#ED3F3F';
-BasicLightThemeInternal.btnDangerHoverTextColor = '';
-BasicLightThemeInternal.btnDangerBgStart = 'none';
-BasicLightThemeInternal.btnDangerBgEnd = 'none';
-BasicLightThemeInternal.btnDangerTextColor = '#fff';
-BasicLightThemeInternal.btnDangerHoverBgStart = 'none';
-BasicLightThemeInternal.btnDangerHoverBgEnd = 'none';
-BasicLightThemeInternal.btnDangerActiveBg = '#DD3333';
-BasicLightThemeInternal.btnDangerActiveShadow = 'none';
-BasicLightThemeInternal.btnPayBg = '#fcb73e';
-BasicLightThemeInternal.btnPayHoverBg = '#fda70c';
-BasicLightThemeInternal.btnPayHoverBorderColor = '#fda70c';
-BasicLightThemeInternal.btnPayHoverTextColor = '';
-BasicLightThemeInternal.btnPayBorderColor = '#fcb73e';
-BasicLightThemeInternal.btnPayBgStart = 'none';
-BasicLightThemeInternal.btnPayBgEnd = 'none';
-BasicLightThemeInternal.btnPayHoverBgStart = 'none';
-BasicLightThemeInternal.btnPayHoverBgEnd = 'none';
-BasicLightThemeInternal.btnPayActiveBg = '#f69912';
-BasicLightThemeInternal.btnPayActiveBorderColor = '#f69912';
-BasicLightThemeInternal.btnPayActiveShadow = 'none';
-BasicLightThemeInternal.btnMenuArrowColor = '#a6a6a6';
-BasicLightThemeInternal.btnDisabledBg = 'rgba(0, 0, 0, 0.06)';
-BasicLightThemeInternal.btnInsetColor = '#fff';
-BasicLightThemeInternal.btnBacklessBg = 'transparent';
-BasicLightThemeInternal.btnBacklessHoverBg = 'rgba(0, 0, 0, 0.06)';
-BasicLightThemeInternal.btnBacklessActiveBg = 'rgba(0, 0, 0, 0.1)';
-BasicLightThemeInternal.btnBacklessHoverTextColor = '';
-BasicLightThemeInternal.btnTextBg = 'transparent';
-BasicLightThemeInternal.btnTextHoverBg = 'rgba(0, 0, 0, 0.06)';
-BasicLightThemeInternal.btnTextActiveBg = 'rgba(0, 0, 0, 0.1)';
-BasicLightThemeInternal.btnTextHoverTextColor = '';
-BasicLightThemeInternal.btnWithIconPaddingLeftSmall = '8px';
-BasicLightThemeInternal.btnWithIconPaddingLeftMedium = '10px';
-BasicLightThemeInternal.btnWithIconPaddingLeftLarge = '12px';
-BasicLightThemeInternal.btnIconColor = '';
-BasicLightThemeInternal.btnIconHoverColor = '';
-BasicLightThemeInternal.btnIconDisabledColor = '';
-BasicLightThemeInternal.selectPlaceholderColor = '#adadad';
-BasicLightThemeInternal.selectPaddingXSmall = '7px';
-BasicLightThemeInternal.selectPaddingXMedium = '11px';
-BasicLightThemeInternal.selectPaddingXLarge = '15px';
-BasicLightThemeInternal.selectRootWidthMobile = 'auto';
-BasicLightThemeInternal.mobileSelectMaxWidth = '100%';
-BasicLightThemeInternal.selectBorderColorTransition = "box-shadow " + _BasicLightThemeInternal.transitionDuration + " " + _BasicLightThemeInternal.transitionTimingFunction + ";"; //#endregion Select
+BasicThemeClass.btnBackgroundClip = 'padding-box';
+BasicThemeClass.btnLinkBorderRadius = '2px';
+BasicThemeClass.btnFocusShadowWidth = '2px';
+BasicThemeClass.btnBorderColorTransition = '';
+BasicThemeClass.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.10)';
+BasicThemeClass.btnCheckedBg = '#3D3D3D';
+BasicThemeClass.btnCheckedDisabledBg = '#ADADAD';
+BasicThemeClass.btnCheckedDisabledColor = '#E6E6E6';
+BasicThemeClass.btnCheckedTextColor = '#fff';
+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 = '#fff';
+BasicThemeClass.btnDefaultBgStart = 'none';
+BasicThemeClass.btnDefaultBgEnd = 'none';
+BasicThemeClass.btnDefaultHoverBg = '#F0F0F0';
+BasicThemeClass.btnDefaultHoverBgStart = 'none';
+BasicThemeClass.btnDefaultHoverBgEnd = 'none';
+BasicThemeClass.btnDefaultActiveBg = '#E6E6E6';
+BasicThemeClass.btnDefaultHoverTextColor = '';
+BasicThemeClass.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16)';
+BasicThemeClass.btnDefaultActiveShadow = 'none';
+BasicThemeClass.btnSuccessBg = '#26AD50';
+BasicThemeClass.btnSuccessBorderColor = '#26AD50';
+BasicThemeClass.btnSuccessHoverBg = '#23A14A';
+BasicThemeClass.btnSuccessHoverBorderColor = '#23A14A';
+BasicThemeClass.btnSuccessHoverTextColor = '';
+BasicThemeClass.btnSuccessBgStart = 'none';
+BasicThemeClass.btnSuccessBgEnd = 'none';
+BasicThemeClass.btnSuccessTextColor = '#fff';
+BasicThemeClass.btnSuccessHoverBgStart = 'none';
+BasicThemeClass.btnSuccessHoverBgEnd = 'none';
+BasicThemeClass.btnSuccessActiveBg = '#209644';
+BasicThemeClass.btnSuccessActiveBorderColor = '#209644';
+BasicThemeClass.btnSuccessActiveShadow = 'none';
+BasicThemeClass.btnPrimaryBg = '#3D3D3D';
+BasicThemeClass.btnPrimaryHoverBg = '#292929';
+BasicThemeClass.btnPrimaryActiveBg = '#141414';
+BasicThemeClass.btnPrimaryHoverTextColor = '';
+BasicThemeClass.btnPrimaryBorderColor = '#3D3D3D';
+BasicThemeClass.btnPrimaryHoverBorderColor = '#292929';
+BasicThemeClass.btnPrimaryActiveBorderColor = '#141414';
+BasicThemeClass.btnPrimaryBgStart = 'none';
+BasicThemeClass.btnPrimaryBgEnd = 'none';
+BasicThemeClass.btnPrimaryTextColor = '#fff';
+BasicThemeClass.btnPrimaryHoverBgStart = 'none';
+BasicThemeClass.btnPrimaryHoverBgEnd = 'none';
+BasicThemeClass.btnPrimaryActiveShadow = 'none';
+BasicThemeClass.btnDangerHoverBg = '#ED3F3F';
+BasicThemeClass.btnDangerHoverBorderColor = '#ED3F3F';
+BasicThemeClass.btnDangerHoverTextColor = '';
+BasicThemeClass.btnDangerBgStart = 'none';
+BasicThemeClass.btnDangerBgEnd = 'none';
+BasicThemeClass.btnDangerTextColor = '#fff';
+BasicThemeClass.btnDangerHoverBgStart = 'none';
+BasicThemeClass.btnDangerHoverBgEnd = 'none';
+BasicThemeClass.btnDangerActiveBg = '#DD3333';
+BasicThemeClass.btnDangerActiveShadow = 'none';
+BasicThemeClass.btnPayBg = '#fcb73e';
+BasicThemeClass.btnPayHoverBg = '#fda70c';
+BasicThemeClass.btnPayHoverBorderColor = '#fda70c';
+BasicThemeClass.btnPayHoverTextColor = '';
+BasicThemeClass.btnPayBorderColor = '#fcb73e';
+BasicThemeClass.btnPayBgStart = 'none';
+BasicThemeClass.btnPayBgEnd = 'none';
+BasicThemeClass.btnPayHoverBgStart = 'none';
+BasicThemeClass.btnPayHoverBgEnd = 'none';
+BasicThemeClass.btnPayActiveBg = '#f69912';
+BasicThemeClass.btnPayActiveBorderColor = '#f69912';
+BasicThemeClass.btnPayActiveShadow = 'none';
+BasicThemeClass.btnMenuArrowColor = '#a6a6a6';
+BasicThemeClass.btnDisabledBg = 'rgba(0, 0, 0, 0.06)';
+BasicThemeClass.btnInsetColor = '#fff';
+BasicThemeClass.btnBacklessBg = 'transparent';
+BasicThemeClass.btnBacklessHoverBg = 'rgba(0, 0, 0, 0.06)';
+BasicThemeClass.btnBacklessActiveBg = 'rgba(0, 0, 0, 0.1)';
+BasicThemeClass.btnBacklessHoverTextColor = '';
+BasicThemeClass.btnTextBg = 'transparent';
+BasicThemeClass.btnTextHoverBg = 'rgba(0, 0, 0, 0.06)';
+BasicThemeClass.btnTextActiveBg = 'rgba(0, 0, 0, 0.1)';
+BasicThemeClass.btnTextHoverTextColor = '';
+BasicThemeClass.btnWithIconPaddingSmall = '8px';
+BasicThemeClass.btnWithIconPaddingMedium = '10px';
+BasicThemeClass.btnWithIconPaddingLarge = '12px';
+BasicThemeClass.btnIconColor = '';
+BasicThemeClass.btnIconHoverColor = '';
+BasicThemeClass.btnIconDisabledColor = '';
+BasicThemeClass.selectPlaceholderColor = '#adadad';
+BasicThemeClass.selectPaddingXSmall = '7px';
+BasicThemeClass.selectPaddingXMedium = '11px';
+BasicThemeClass.selectPaddingXLarge = '15px';
+BasicThemeClass.selectRootWidthMobile = 'auto';
+BasicThemeClass.mobileSelectMaxWidth = '100%';
+BasicThemeClass.selectBorderColorTransition = "box-shadow " + _BasicThemeClass.transitionDuration + " " + _BasicThemeClass.transitionTimingFunction + ";"; //#endregion Select
 //#region Tooltip
-BasicLightThemeInternal.tooltipPaddingY = '16px';
-BasicLightThemeInternal.tooltipPaddingX = '16px';
-BasicLightThemeInternal.tooltipCloseBtnPadding = '4px';
-BasicLightThemeInternal.tooltipCloseBtnSide = '16px';
-BasicLightThemeInternal.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.32)';
-BasicLightThemeInternal.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';
-BasicLightThemeInternal.tooltipBg = '#fff';
-BasicLightThemeInternal.tooltipBorderRadius = '8px';
-BasicLightThemeInternal.tooltipPinOffsetX = '16px';
-BasicLightThemeInternal.tooltipPinOffsetY = '18px';
-BasicLightThemeInternal.tooltipMargin = '10px';
-BasicLightThemeInternal.kebabMargin = '4px';
-BasicLightThemeInternal.kebabBackground = 'transparent';
-BasicLightThemeInternal.kebabBackgroundHover = 'rgba(0, 0, 0, 0.06)';
-BasicLightThemeInternal.kebabBackgroundActive = 'rgba(0, 0, 0, 0.10)';
-BasicLightThemeInternal.kebabBorderRadius = '50%';
-BasicLightThemeInternal.kebabBorder = '2px solid transparent';
-BasicLightThemeInternal.kebabSizeSmall = '24px';
-BasicLightThemeInternal.kebabSizeMedium = '32px';
-BasicLightThemeInternal.kebabSizeLarge = '40px';
-BasicLightThemeInternal.kebabIconSizeSmall = '16px';
-BasicLightThemeInternal.kebabIconSizeMedium = '20px';
-BasicLightThemeInternal.kebabIconSizeLarge = '24px';
-BasicLightThemeInternal.kebabIconColor = '#757575'; //#endregion
+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.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.32)';
+BasicThemeClass.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';
+BasicThemeClass.tooltipBg = '#fff';
+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.kebabMargin = '4px';
+BasicThemeClass.kebabBackground = 'transparent';
+BasicThemeClass.kebabBackgroundHover = 'rgba(0, 0, 0, 0.06)';
+BasicThemeClass.kebabBackgroundActive = 'rgba(0, 0, 0, 0.10)';
+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 = '#757575'; //#endregion
 //#region Modal
-BasicLightThemeInternal.modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.06)';
-BasicLightThemeInternal.modalBackBg = '#000';
-BasicLightThemeInternal.modalBackOpacity = '0.16';
-BasicLightThemeInternal.modalCloseButtonColor = 'rgba(0, 0, 0, 0.32)';
-BasicLightThemeInternal.modalCloseButtonDisabledColor = '#8b8b8b';
-BasicLightThemeInternal.modalCloseButtonHoverColor = 'rgba(0, 0, 0, 0.865)';
-BasicLightThemeInternal.modalCloseButtonPadding = '32px';
-BasicLightThemeInternal.modalCloseButtonBottomPadding = '20px';
-BasicLightThemeInternal.modalCloseButtonClickArea = '6px';
-BasicLightThemeInternal.modalCloseIconSize = '20px';
-BasicLightThemeInternal.modalBorderRadius = '16px';
-BasicLightThemeInternal.modalFixedHeaderBorder = 'none';
-BasicLightThemeInternal.modalFixedFooterBorder = 'none';
-BasicLightThemeInternal.modalFixedPanelShadow = 'none';
-BasicLightThemeInternal.modalAdaptiveThreshold = '425px';
-BasicLightThemeInternal.modalPaddingTop = '24px';
-BasicLightThemeInternal.modalPaddingLeft = '32px';
-BasicLightThemeInternal.modalPaddingRight = '32px';
-BasicLightThemeInternal.modalHeaderFontSize = '24px';
-BasicLightThemeInternal.modalHeaderFontWeight = '700';
-BasicLightThemeInternal.modalHeaderLineHeight = '32px';
-BasicLightThemeInternal.modalHeaderPaddingBottom = '16px';
-BasicLightThemeInternal.modalHeaderPaddingTop = '24px';
-BasicLightThemeInternal.modalFixedHeaderMarginBottom = '0px';
-BasicLightThemeInternal.modalFixedFooterMarginTop = '0px';
-BasicLightThemeInternal.modalSeparatorBorderBottom = '1px solid #E6E6E6';
-BasicLightThemeInternal.modalBodyTextColor = 'inherit';
-BasicLightThemeInternal.modalFooterTextColor = 'inherit';
-BasicLightThemeInternal.modalBodyPaddingTop = '0';
-BasicLightThemeInternal.modalBodyPaddingBottom = '20px';
-BasicLightThemeInternal.modalBodyBorderRadius = '0px';
-BasicLightThemeInternal.modalFooterPaddingTop = '0px';
-BasicLightThemeInternal.modalFooterPaddingBottom = '20px';
-BasicLightThemeInternal.modalPaddingBottom = '40px';
-BasicLightThemeInternal.modalFooterPanelPaddingTop = '20px';
-BasicLightThemeInternal.mobileModalCloseButtonRightPadding = '16px';
-BasicLightThemeInternal.mobileModalCloseButtonTopPadding = '8px';
-BasicLightThemeInternal.mobileModalCloseButtonClickArea = '16px';
-BasicLightThemeInternal.mobileModalCloseIconSize = '20px';
-BasicLightThemeInternal.mobileModalHeaderFontSize = '24px';
-BasicLightThemeInternal.mobileModalHeaderLineHeight = '32px';
-BasicLightThemeInternal.mobileModalHeaderPadding = '16px';
-BasicLightThemeInternal.mobileModalBodyPadding = '0 16px 16px 16px';
-BasicLightThemeInternal.mobileModalBodyFontSize = '16px';
-BasicLightThemeInternal.mobileModalFooterPadding = '16px';
-BasicLightThemeInternal.mobileModalPaddingBottom = '16px';
-BasicLightThemeInternal.mobileModalContainerHeight = '100%';
-BasicLightThemeInternal.mobileModalContainerMarginTop = '0';
-BasicLightThemeInternal.mobileModalContainerMarginRight = '0';
-BasicLightThemeInternal.mobileModalContainerMarginBottom = '0';
-BasicLightThemeInternal.mobileModalContainerMarginLeft = '0';
-BasicLightThemeInternal.sidePageBackingBg = '#000';
-BasicLightThemeInternal.sidePageBackingBgOpacity = '0.16';
-BasicLightThemeInternal.sidePageCloseButtonColor = 'rgba(0, 0, 0, 0.374)';
-BasicLightThemeInternal.sidePageCloseButtonHoverColor = 'rgba(0, 0, 0, 0.5)';
-BasicLightThemeInternal.sidePageContainerShadow = '0 5px 10px rgba(0, 0, 0, 0.2)';
-BasicLightThemeInternal.mobileSidePagePaddingLeft = '16px';
-BasicLightThemeInternal.mobileSidePagePaddingRight = '16px';
-BasicLightThemeInternal.mobileSidePagePaddingTop = '16px';
-BasicLightThemeInternal.mobileSidePagePaddingBottom = '16px';
-BasicLightThemeInternal.mobileSidePageFooterPadding = '16px';
-BasicLightThemeInternal.sidePagePaddingLeft = '32px';
-BasicLightThemeInternal.sidePagePaddingRight = '36px';
-BasicLightThemeInternal.sidePagePaddingTop = '24px';
-BasicLightThemeInternal.sidePagePaddingBottom = '40px';
-BasicLightThemeInternal.sidePageFooterPaddingTop = '20px';
-BasicLightThemeInternal.sidePageFooterPaddingBottom = '20px';
-BasicLightThemeInternal.sidePageBgDefault = '#fff';
-BasicLightThemeInternal.sidePageBodyTextColor = 'inherit';
-BasicLightThemeInternal.sidePageFooterTextColor = 'inherit';
-BasicLightThemeInternal.sidePageHeaderFontSize = '24px';
-BasicLightThemeInternal.sidePageHeaderLineHeight = '32px';
-BasicLightThemeInternal.sidePageHeaderPaddingBottom = '16px';
-BasicLightThemeInternal.sidePageHeaderPaddingTop = '24px';
-BasicLightThemeInternal.sidePageHeaderFixedFontSize = '18px';
-BasicLightThemeInternal.sidePageHeaderFixedLineHeight = '28px';
-BasicLightThemeInternal.sidePageHeaderFixedPaddingY = '10px';
-BasicLightThemeInternal.sidePageHeaderStickyOffset = '9px';
-BasicLightThemeInternal.sidePageCloseButtonPadding = '32px';
-BasicLightThemeInternal.mobileSidePageCloseButtonPadding = '16px';
-BasicLightThemeInternal.sidePageCloseIconSize = '20px';
-BasicLightThemeInternal.sidePageCloseButtonClickArea = '6px';
-BasicLightThemeInternal.mobileSidePageCloseButtonClickArea = '16px';
-BasicLightThemeInternal.sidePageFixedPanelShadow = 'none';
-BasicLightThemeInternal.mobileSidePageHeaderFontSize = '24px';
-BasicLightThemeInternal.mobileSidePageHeaderLineHeight = '32px';
-BasicLightThemeInternal.mobileSidePageHeaderPaddingBottom = '16px';
-BasicLightThemeInternal.mobileSidePageHeaderPaddingTop = '16px';
-BasicLightThemeInternal.mobileSidePageCloseButtonRightPadding = '12px';
-BasicLightThemeInternal.sidePageHeaderFontWeight = 'bold';
-BasicLightThemeInternal.sidePageCloseButtonWrapperOffsetTop = '4px';
-BasicLightThemeInternal.dateInputMaskColor = '#b8b8b8';
-BasicLightThemeInternal.dateInputComponentSelectedBgColor = '';
-BasicLightThemeInternal.dateInputComponentSelectedTextColor = '';
-BasicLightThemeInternal.calendarBorderRadius = '8px';
-BasicLightThemeInternal.calendarCellHoverColor = '';
-BasicLightThemeInternal.calendarCellActiveHoverColor = '';
-BasicLightThemeInternal.calendarCellTodayBorder = '1px solid';
-BasicLightThemeInternal.calendarCellBorderRadius = '9999px';
-BasicLightThemeInternal.calendarCellSelectedBgColor = '#E6E6E6';
-BasicLightThemeInternal.calendarCellSelectedFontColor = 'inherit';
-BasicLightThemeInternal.calendarCellHeight = '32px';
-BasicLightThemeInternal.calendarCellFontSize = '14px';
-BasicLightThemeInternal.calendarMonthTitleBorderBottomColor = '#dfdede';
-BasicLightThemeInternal.calendarCellHoverBgColor = '#F0F0F0';
-BasicLightThemeInternal.calendarPaddingX = '18px';
-BasicLightThemeInternal.calendarMonthTitleLineHeight = '20px';
-BasicLightThemeInternal.calendarMonthTitlePaddingTop = '12px';
-BasicLightThemeInternal.calendarMonthTitlePaddingBottom = '8px';
-BasicLightThemeInternal.calendarMonthTitleMarginX = '6px';
-BasicLightThemeInternal.calendarMonthTitleMarginBottom = '6px';
-BasicLightThemeInternal.calendarWrapperHeight = ' 330px';
-BasicLightThemeInternal.calendarMonthMarginBottom = '6px';
-BasicLightThemeInternal.calendarMaxMonthsToAppendOnScroll = '5';
-BasicLightThemeInternal.calendarGridRowSpacing = '0px';
-BasicLightThemeInternal.pickerShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';
-BasicLightThemeInternal.mobileCalendarPaddingX = '16px';
-BasicLightThemeInternal.mobileCalendarCellWidth = '40px';
-BasicLightThemeInternal.mobileCalendarCellHeight = '40px';
-BasicLightThemeInternal.mobileCalendarCellBorderRadius = '20px';
-BasicLightThemeInternal.mobileCalendarCellFontSize = '16px';
-BasicLightThemeInternal.mobileCalendarGridRowSpacing = '8px';
-BasicLightThemeInternal.mobileCalendarWrapperHeight = '304px'; //#endregion DatePicker
+BasicThemeClass.modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.06)';
+BasicThemeClass.modalBackBg = '#000';
+BasicThemeClass.modalBackOpacity = '0.16';
+BasicThemeClass.modalCloseButtonColor = 'rgba(0, 0, 0, 0.32)';
+BasicThemeClass.modalCloseButtonDisabledColor = '#8b8b8b';
+BasicThemeClass.modalCloseButtonHoverColor = 'rgba(0, 0, 0, 0.865)';
+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 #E6E6E6';
+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 = '#000';
+BasicThemeClass.sidePageBackingBgOpacity = '0.16';
+BasicThemeClass.sidePageCloseButtonColor = 'rgba(0, 0, 0, 0.374)';
+BasicThemeClass.sidePageCloseButtonHoverColor = 'rgba(0, 0, 0, 0.5)';
+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 = '#fff';
+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 = '#b8b8b8';
+BasicThemeClass.dateInputComponentSelectedBgColor = '';
+BasicThemeClass.dateInputComponentSelectedTextColor = '';
+BasicThemeClass.calendarBorderRadius = '8px';
+BasicThemeClass.calendarCellHoverColor = '';
+BasicThemeClass.calendarCellActiveHoverColor = '';
+BasicThemeClass.calendarCellTodayBorder = '1px solid';
+BasicThemeClass.calendarCellBorderRadius = '9999px';
+BasicThemeClass.calendarCellSelectedBgColor = '#E6E6E6';
+BasicThemeClass.calendarCellSelectedFontColor = 'inherit';
+BasicThemeClass.calendarCellHeight = '32px';
+BasicThemeClass.calendarCellFontSize = '14px';
+BasicThemeClass.calendarMonthTitleBorderBottomColor = '#dfdede';
+BasicThemeClass.calendarCellHoverBgColor = '#F0F0F0';
+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
-BasicLightThemeInternal.rangeCalendarCellBg = '#f0f0f0';
-BasicLightThemeInternal.rangeCalendarCellEndBg = '#1e1e1e';
-BasicLightThemeInternal.rangeCalendarCellEndColor = 'white';
-BasicLightThemeInternal.rangeCalendarCellHoverBg = 'rgba(0, 0, 0, 0.1)';
-BasicLightThemeInternal.rangeCalendarWrapperHeight = '450px';
-BasicLightThemeInternal.mobileRangeCalendarCellBorderRadius = '20px';
-BasicLightThemeInternal.mobileRangeCalendarCellHeight = '42px';
-BasicLightThemeInternal.mobileRangeCalendarCellWidth = '42px';
-BasicLightThemeInternal.mobileRangeCalendarGridRowSpacing = '0px';
-BasicLightThemeInternal.mobileRangeCalendarWrapperHeight = '400px';
-BasicLightThemeInternal.dateSelectMenuItemBgActive = '#F0F0F0';
-BasicLightThemeInternal.dateSelectMenuItemFontActive = '';
-BasicLightThemeInternal.dateSelectLineHeight = '20px';
-BasicLightThemeInternal.dateSelectFontSize = '14px';
-BasicLightThemeInternal.dateSelectFontWeight = 'bold';
-BasicLightThemeInternal.dateSelectMenuItemBgSelected = '#ececec';
-BasicLightThemeInternal.dateSelectTextColorInvert = '';
-BasicLightThemeInternal.mobileDateSelectFontSize = '16px';
-BasicLightThemeInternal.mobileDateSelectLineHeight = '20px';
-BasicLightThemeInternal.pagingPageLinkBoxSizing = 'border-box';
-BasicLightThemeInternal.pagingPageLinkPaddingX = '12px';
-BasicLightThemeInternal.pagingPageLinkPaddingY = '0.3125em';
-BasicLightThemeInternal.pagingPageLinkMinWidth = '0.75em';
-BasicLightThemeInternal.pagingPageForwardLinkMarginTop = '';
-BasicLightThemeInternal.pagingPageForwardLinkMarginLeft = '0px';
-BasicLightThemeInternal.pagingLineHeight = '22px';
-BasicLightThemeInternal.pagingDotsColor = '#ADADAD';
-BasicLightThemeInternal.pagingDotsPadding = '0.375em 0.625em 0';
-BasicLightThemeInternal.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.1)';
-BasicLightThemeInternal.pagingPageLinkDisabledActiveBg = 'rgba(0, 0, 0, 0.04)';
-BasicLightThemeInternal.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.06)';
-BasicLightThemeInternal.pagingPageLinkBorderRadius = '9999px';
-BasicLightThemeInternal.pagingPageLinkHintFontSize = '12px';
-BasicLightThemeInternal.pagingPageLinkHintLineHeight = '16px';
-BasicLightThemeInternal.pagingPageLinkHintMargin = '4px -20px 0px';
-BasicLightThemeInternal.pagingPageLinkMargin = '0px 1px';
-BasicLightThemeInternal.hintMaxWidth = '200px';
-BasicLightThemeInternal.hintPaddingY = '4px';
-BasicLightThemeInternal.hintPaddingX = '8px';
-BasicLightThemeInternal.hintTextAlign = 'center';
-BasicLightThemeInternal.hintBgColor = 'rgba(0, 0, 0, 0.76)';
-BasicLightThemeInternal.hintBorder = 'none';
-BasicLightThemeInternal.hintBorderRadius = '6px';
-BasicLightThemeInternal.hintMargin = '8px';
-BasicLightThemeInternal.toastPaddingY = '10px';
-BasicLightThemeInternal.toastPaddingX = '16px';
-BasicLightThemeInternal.toastBorderRadius = '8px';
-BasicLightThemeInternal.toastBorder = 'none';
-BasicLightThemeInternal.toastTop = '24px';
-BasicLightThemeInternal.toastBg = 'rgba(0, 0, 0, 0.76)';
-BasicLightThemeInternal.toastColor = 'white';
-BasicLightThemeInternal.toastLinkColor = '#fff';
-BasicLightThemeInternal.toastLinkTextDecorationHover = '';
-BasicLightThemeInternal.toastLinkBgHover = 'rgba(255, 255, 255, 0.12)';
-BasicLightThemeInternal.toastLinkBgActive = 'rgba(0, 0, 0, 0.87)';
-BasicLightThemeInternal.toastLinkPadding = '12px';
-BasicLightThemeInternal.toastClosePadding = '16px';
-BasicLightThemeInternal.toastCloseColor = 'rgba(255, 255, 255, 0.6)';
-BasicLightThemeInternal.toastCloseHoverColor = 'white';
-BasicLightThemeInternal.toastCloseSize = '16px'; //#endregion Toast
+BasicThemeClass.rangeCalendarCellBg = '#f0f0f0';
+BasicThemeClass.rangeCalendarCellEndBg = '#1e1e1e';
+BasicThemeClass.rangeCalendarCellEndColor = 'white';
+BasicThemeClass.rangeCalendarCellHoverBg = 'rgba(0, 0, 0, 0.1)';
+BasicThemeClass.rangeCalendarWrapperHeight = '450px';
+BasicThemeClass.mobileRangeCalendarCellHeight = '42px';
+BasicThemeClass.mobileRangeCalendarCellWidth = '42px';
+BasicThemeClass.mobileRangeCalendarGridRowSpacing = '0px';
+BasicThemeClass.mobileRangeCalendarWrapperHeight = '400px';
+BasicThemeClass.dateSelectMenuItemBgActive = '#F0F0F0';
+BasicThemeClass.dateSelectMenuItemFontActive = '';
+BasicThemeClass.dateSelectLineHeight = '20px';
+BasicThemeClass.dateSelectFontSize = '14px';
+BasicThemeClass.dateSelectFontWeight = 'bold';
+BasicThemeClass.dateSelectMenuItemBgSelected = '#ececec';
+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 = 'rgba(0, 0, 0, 0.1)';
+BasicThemeClass.pagingPageLinkDisabledActiveBg = 'rgba(0, 0, 0, 0.04)';
+BasicThemeClass.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.06)';
+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.pagingDotsColor = '#ADADAD';
+BasicThemeClass.pagingPageLinkHintFontSize = '12px';
+BasicThemeClass.pagingPageLinkHintLineHeight = '16px';
+BasicThemeClass.pagingPageLinkHintMargin = '4px -20px 0px';
+BasicThemeClass.hintMaxWidth = '200px';
+BasicThemeClass.hintPaddingY = '4px';
+BasicThemeClass.hintPaddingX = '8px';
+BasicThemeClass.hintTextAlign = 'center';
+BasicThemeClass.hintBgColor = 'rgba(0, 0, 0, 0.76)';
+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 = 'rgba(0, 0, 0, 0.76)';
+BasicThemeClass.toastErrorBg = '#F63B3F';
+BasicThemeClass.toastColor = 'white';
+BasicThemeClass.toastColorError = '#fff';
+BasicThemeClass.toastLinkColor = '#fff';
+BasicThemeClass.toastLinkColorError = '#fff';
+BasicThemeClass.toastLinkTextDecorationHover = '';
+BasicThemeClass.toastLinkBgHover = 'rgba(255, 255, 255, 0.12)';
+BasicThemeClass.toastLinkBgHoverError = 'rgba(255, 255, 255, 0.08)';
+BasicThemeClass.toastLinkBgActive = 'rgba(0, 0, 0, 0.87)';
+BasicThemeClass.toastLinkBgActiveError = 'rgba(255, 255, 255, 0.04)';
+BasicThemeClass.toastLinkColorActiveError = 'rgba(255, 255, 255, 0.64)';
+BasicThemeClass.toastLinkPadding = '12px';
+BasicThemeClass.toastClosePadding = '16px';
+BasicThemeClass.toastCloseColor = 'rgba(255, 255, 255, 0.6)';
+BasicThemeClass.toastCloseColorError = 'rgba(255, 255, 255, 0.6)';
+BasicThemeClass.toastCloseHoverColor = 'white';
+BasicThemeClass.toastCloseHoverColorError = 'white';
+BasicThemeClass.toastCloseSize = '16px'; //#endregion Toast
 //#region Dropdown
-BasicLightThemeInternal.dropdownMenuBorderColorTransition = '';
-BasicLightThemeInternal.dropdownMenuMenuBoxSizing = 'content-box';
-BasicLightThemeInternal.dropdownButtonBorderRadiusSmall = '8px';
-BasicLightThemeInternal.dropdownButtonBorderRadiusMedium = '8px';
-BasicLightThemeInternal.dropdownButtonBorderRadiusLarge = '8px';
-BasicLightThemeInternal.menuBorderRadius = '8px';
-BasicLightThemeInternal.menuBorder = 'none';
-BasicLightThemeInternal.menuShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';
-BasicLightThemeInternal.menuPaddingY = '0px';
-BasicLightThemeInternal.menuScrollContainerContentWrapperPaddingY = '4px';
-BasicLightThemeInternal.mobileMenuPaddingY = '0px';
-BasicLightThemeInternal.mobileMenuScrollContainerContentWrapperPaddingY = '0px';
-BasicLightThemeInternal.menuPaddingX = '4px';
-BasicLightThemeInternal.mobileMenuPaddingX = '8px';
-BasicLightThemeInternal.menuOffsetY = '4px';
-BasicLightThemeInternal.menuBoxSizing = 'border-box';
-BasicLightThemeInternal.menuItemSelectedBg = '#E6E6E6';
-BasicLightThemeInternal.menuItemHoverBg = '#F0F0F0';
-BasicLightThemeInternal.menuItemIconWidthSmall = '16px';
-BasicLightThemeInternal.menuItemIconWidthMedium = '20px';
-BasicLightThemeInternal.menuItemIconWidthLarge = '24px';
-BasicLightThemeInternal.menuItemIconGap = '4px';
-BasicLightThemeInternal.menuItemPaddingXSmall = '8px';
-BasicLightThemeInternal.menuItemPaddingYSmall = '6px';
-BasicLightThemeInternal.menuItemPaddingXMedium = '12px';
-BasicLightThemeInternal.menuItemPaddingYMedium = '9px';
-BasicLightThemeInternal.menuItemPaddingXLarge = '16px';
-BasicLightThemeInternal.menuItemPaddingYLarge = '12px';
-BasicLightThemeInternal.menuItemBorderRadius = '6px';
-BasicLightThemeInternal.menuItemCommentOpacity = '0.6';
-BasicLightThemeInternal.menuItemDisplay = 'block';
-BasicLightThemeInternal.menuItemPaddingMobile = '12px 16px';
-BasicLightThemeInternal.menuItemDisabledBg = 'transparent';
-BasicLightThemeInternal.menuItemGap = '1px'; //menuHeader
-BasicLightThemeInternal.menuHeaderColor = '#757575';
-BasicLightThemeInternal.menuHeaderLineHeightSmall = '16px';
-BasicLightThemeInternal.menuHeaderLineHeightMedium = '20px';
-BasicLightThemeInternal.menuHeaderLineHeightLarge = '22px';
-BasicLightThemeInternal.menuHeaderFontSizeSmall = '12px';
-BasicLightThemeInternal.menuHeaderFontSizeMedium = '14px';
-BasicLightThemeInternal.menuHeaderFontSizeLarge = '16px';
-BasicLightThemeInternal.menuHeaderPaddingXSmall = '8px';
-BasicLightThemeInternal.menuHeaderPaddingTopSmall = '12px';
-BasicLightThemeInternal.menuHeaderPaddingBottomSmall = '4px';
-BasicLightThemeInternal.menuHeaderPaddingXMedium = '12px';
-BasicLightThemeInternal.menuHeaderPaddingTopMedium = '14px';
-BasicLightThemeInternal.menuHeaderPaddingBottomMedium = '6px';
-BasicLightThemeInternal.menuHeaderPaddingXLarge = '16px';
-BasicLightThemeInternal.menuHeaderPaddingTopLarge = '18px';
-BasicLightThemeInternal.menuHeaderPaddingBottomLarge = '8px';
-BasicLightThemeInternal.menuHeaderTotalCountPaddingTopSmall = '4px';
-BasicLightThemeInternal.menuHeaderTotalCountPaddingTopMedium = '6px';
-BasicLightThemeInternal.menuHeaderTotalCountPaddingTopLarge = '8px';
-BasicLightThemeInternal.menuHeaderTotalCountPaddingBottomSmall = '12px';
-BasicLightThemeInternal.menuHeaderTotalCountPaddingBottomMedium = '14px';
-BasicLightThemeInternal.menuHeaderTotalCountPaddingBottomLarge = '18px';
-BasicLightThemeInternal.menuSeparatorBorderColor = '#ebebeb';
-BasicLightThemeInternal.menuSeparatorMarginY = '2px';
-BasicLightThemeInternal.menuSeparatorMarginX = '8px';
-BasicLightThemeInternal.menuSeparatorBorderWidth = '1px'; // mobileMenuSeparator
-BasicLightThemeInternal.mobileMenuSeparatorMarginY = '4px';
-BasicLightThemeInternal.mobileMenuSeparatorMarginX = '24px';
-BasicLightThemeInternal.toggleHandleActiveWidthIncrement = '0px';
-BasicLightThemeInternal.toggleHeightSmall = '20px';
-BasicLightThemeInternal.toggleWidthSmall = '32px';
-BasicLightThemeInternal.toggleHeightMedium = '22px';
-BasicLightThemeInternal.toggleWidthMedium = '34px';
-BasicLightThemeInternal.toggleHeightLarge = '24px';
-BasicLightThemeInternal.toggleWidthLarge = '36px';
-BasicLightThemeInternal.toggleBaseBg = '#fff';
-BasicLightThemeInternal.toggleBgHover = '#F0F0F0';
-BasicLightThemeInternal.toggleBorderColor = 'rgba(0, 0, 0, 0.16)';
-BasicLightThemeInternal.toggleHandleSizeSmall = '14px';
-BasicLightThemeInternal.toggleHandleSizeMedium = '16px';
-BasicLightThemeInternal.toggleHandleSizeLarge = '18px';
-BasicLightThemeInternal.toggleHandleLeft = '3px';
-BasicLightThemeInternal.toggleHandleTop = '3px';
-BasicLightThemeInternal.toggleBgFocus = 'linear-gradient(-180deg, #f1f1f1, #dedede)';
-BasicLightThemeInternal.toggleCaptionGap = '8px';
-BasicLightThemeInternal.toggleButtonOffsetY = '0px';
-BasicLightThemeInternal.toggleContainerBg = '#FFFFFF';
-BasicLightThemeInternal.toggleHandleBg = '#FFFFFF';
-BasicLightThemeInternal.toggleHandleBoxShadow = '0 0 0 1px rgba(0, 0, 0, 0.16)';
-BasicLightThemeInternal.toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.16)'; // idle :hover
-BasicLightThemeInternal.toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(0, 0, 0, 0.16)';
-BasicLightThemeInternal.toggleHandleBgHover = '#FFFFFF';
-BasicLightThemeInternal.toggleHandleBoxShadowHover = '0 0 0 1px rgba(0, 0, 0, 0.16)';
-BasicLightThemeInternal.toggleContainerBoxShadowChecked = 'none';
-BasicLightThemeInternal.toggleHandleBoxShadowChecked = 'none';
-BasicLightThemeInternal.toggleHandleBgChecked = '#FFFFFF';
-BasicLightThemeInternal.toggleBgChecked = '#3D3D3D';
-BasicLightThemeInternal.toggleCheckedBg = '#fff';
-BasicLightThemeInternal.toggleCheckedBgHover = '#fff'; // checked :hover
-BasicLightThemeInternal.toggleContainerBoxShadowCheckedHover = 'none';
-BasicLightThemeInternal.toggleContainerBgCheckedHover = '#292929';
-BasicLightThemeInternal.toggleHandleBoxShadowCheckedHover = 'none';
-BasicLightThemeInternal.toggleHandleBgCheckedHover = '#F0F0F0'; // disabled
-BasicLightThemeInternal.toggleContainerBgDisabled = '#F0F0F0';
-BasicLightThemeInternal.toggleHandleBgDisabled = 'transparent';
-BasicLightThemeInternal.toggleContainerBoxShadowDisabled = 'inset 0 0 0 1px rgba(0, 0, 0, 0.1)';
-BasicLightThemeInternal.toggleHandleBoxShadowDisabled = '0 0 0 1px rgba(0, 0, 0, 0.1)';
-BasicLightThemeInternal.toggleDisabledHandleBg = '#fff';
-BasicLightThemeInternal.toggleContainerBgDisabledChecked = '#D6D6D6';
-BasicLightThemeInternal.toggleHandleBgDisabledChecked = '#F0F0F0';
-BasicLightThemeInternal.toggleContainerBoxShadowDisabledChecked = 'none';
-BasicLightThemeInternal.toggleHandleBoxShadowDisabledChecked = 'none';
-BasicLightThemeInternal.toggleBgDisabledChecked = '#dadada'; //#endregion Toggle
+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 = '#E6E6E6';
+BasicThemeClass.menuItemHoverBg = '#F0F0F0';
+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.menuItemCommentOpacity = '0.6';
+BasicThemeClass.menuItemDisplay = 'block';
+BasicThemeClass.menuItemPaddingMobile = '12px 16px';
+BasicThemeClass.menuItemDisabledBg = 'transparent';
+BasicThemeClass.menuItemGap = '1px'; //menuHeader
+BasicThemeClass.menuHeaderColor = '#757575';
+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';
+BasicThemeClass.menuSeparatorBorderColor = '#ebebeb';
+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 = '#fff';
+BasicThemeClass.toggleBgHover = '#F0F0F0';
+BasicThemeClass.toggleBorderColor = 'rgba(0, 0, 0, 0.16)';
+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 = '#FFFFFF';
+BasicThemeClass.toggleHandleBg = '#FFFFFF';
+BasicThemeClass.toggleHandleBoxShadow = '0 0 0 1px rgba(0, 0, 0, 0.16)';
+BasicThemeClass.toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.16)'; // idle :hover
+BasicThemeClass.toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(0, 0, 0, 0.16)';
+BasicThemeClass.toggleHandleBgHover = '#FFFFFF';
+BasicThemeClass.toggleHandleBoxShadowHover = '0 0 0 1px rgba(0, 0, 0, 0.16)';
+BasicThemeClass.toggleContainerBoxShadowChecked = 'none';
+BasicThemeClass.toggleHandleBoxShadowChecked = 'none';
+BasicThemeClass.toggleHandleBgChecked = '#FFFFFF';
+BasicThemeClass.toggleBgChecked = '#3D3D3D';
+BasicThemeClass.toggleCheckedBg = '#fff';
+BasicThemeClass.toggleCheckedBgHover = '#fff'; // checked :hover
+BasicThemeClass.toggleContainerBoxShadowCheckedHover = 'none';
+BasicThemeClass.toggleContainerBgCheckedHover = '#292929';
+BasicThemeClass.toggleHandleBoxShadowCheckedHover = 'none';
+BasicThemeClass.toggleHandleBgCheckedHover = '#F0F0F0'; // disabled
+BasicThemeClass.toggleContainerBgDisabled = '#F0F0F0';
+BasicThemeClass.toggleHandleBgDisabled = 'transparent';
+BasicThemeClass.toggleContainerBoxShadowDisabled = 'inset 0 0 0 1px rgba(0, 0, 0, 0.1)';
+BasicThemeClass.toggleHandleBoxShadowDisabled = '0 0 0 1px rgba(0, 0, 0, 0.1)';
+BasicThemeClass.toggleDisabledHandleBg = '#fff';
+BasicThemeClass.toggleContainerBgDisabledChecked = '#D6D6D6';
+BasicThemeClass.toggleHandleBgDisabledChecked = '#F0F0F0';
+BasicThemeClass.toggleContainerBoxShadowDisabledChecked = 'none';
+BasicThemeClass.toggleHandleBoxShadowDisabledChecked = 'none';
+BasicThemeClass.toggleBgDisabledChecked = '#dadada'; //#endregion Toggle
 //#region Popup
-BasicLightThemeInternal.popupBorder = 'none';
-BasicLightThemeInternal.popupBorderRadius = '8px';
-BasicLightThemeInternal.popupBorderColor = 'transparent';
-BasicLightThemeInternal.popupDropShadow = 'drop-shadow(0px 32px 32px rgba(0, 0, 0, 0.08)) drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.12))';
-BasicLightThemeInternal.popupBoxShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';
-BasicLightThemeInternal.popupPinOffsetX = '16px';
-BasicLightThemeInternal.popupPinOffsetY = '16px';
-BasicLightThemeInternal.popupMargin = '10px';
-BasicLightThemeInternal.popupPinSize = '8px';
-BasicLightThemeInternal.popupMenuMenuOffsetY = '0px';
-BasicLightThemeInternal.inputShadow = 'none';
-BasicLightThemeInternal.inputBg = 'white';
-BasicLightThemeInternal.inputIconColor = '#858585';
-BasicLightThemeInternal.inputColor = 'inherit';
-BasicLightThemeInternal.inputWidth = '200px';
-BasicLightThemeInternal.inputPaddingXSmall = '7px';
-BasicLightThemeInternal.inputPaddingXMedium = '11px';
-BasicLightThemeInternal.inputPaddingXLarge = '15px';
-BasicLightThemeInternal.inputIconGapSmall = '4px';
-BasicLightThemeInternal.inputIconGapMedium = '6px';
-BasicLightThemeInternal.inputIconGapLarge = '8px';
-BasicLightThemeInternal.inputIconSizeSmall = '16px';
-BasicLightThemeInternal.inputIconSizeMedium = '20px';
-BasicLightThemeInternal.inputIconSizeLarge = '24px';
-BasicLightThemeInternal.inputBackgroundClip = 'padding-box';
-BasicLightThemeInternal.inputBorderRadiusSmall = '2px';
-BasicLightThemeInternal.inputBorderRadiusMedium = '2px';
-BasicLightThemeInternal.inputBorderRadiusLarge = '2px';
-BasicLightThemeInternal.inputDisabledBackgroundClip = 'padding-box';
-BasicLightThemeInternal.inputBorderColor = 'rgba(0, 0, 0, 0.16)';
-BasicLightThemeInternal.inputBorderColorHover = 'rgba(0, 0, 0, 0.32)';
-BasicLightThemeInternal.inputBlinkColor = 'rgba(61, 61, 61, 0.2)';
-BasicLightThemeInternal.inputColorScheme = 'light';
-BasicLightThemeInternal.checkboxBoxSizeSmall = '16px';
-BasicLightThemeInternal.checkboxBoxSizeMedium = '20px';
-BasicLightThemeInternal.checkboxBoxSizeLarge = '24px';
-BasicLightThemeInternal.checkboxCaptionGap = '8px';
-BasicLightThemeInternal.checkboxBoxOffsetY = '1px';
-BasicLightThemeInternal.checkboxBgStart = '#fdfdfd';
-BasicLightThemeInternal.checkboxBgEnd = '#ededed';
-BasicLightThemeInternal.checkboxBorder = 'none';
-BasicLightThemeInternal.checkboxCheckedColor = '#fff';
-BasicLightThemeInternal.checkboxBorderRadius = '4px';
-BasicLightThemeInternal.checkboxBg = '#fff';
-BasicLightThemeInternal.checkboxCheckedHoverBg = '#292929';
-BasicLightThemeInternal.textareaBg = '#fff';
-BasicLightThemeInternal.textareaShadow = 'none';
-BasicLightThemeInternal.textareaBackgroundClip = 'padding-box';
-BasicLightThemeInternal.textareaBorderRadius = '2px';
-BasicLightThemeInternal.textareaWidth = '250px';
-BasicLightThemeInternal.textareaPaddingXSmall = '7px';
-BasicLightThemeInternal.textareaPaddingXMedium = '11px';
-BasicLightThemeInternal.textareaPaddingXLarge = '15px';
-BasicLightThemeInternal.textareaBorderTopColor = 'rgba(0, 0, 0, 0.16)';
-BasicLightThemeInternal.radioBulletSizeSmall = '6px';
-BasicLightThemeInternal.radioBulletSizeMedium = '10px';
-BasicLightThemeInternal.radioBulletSizeLarge = '12px';
-BasicLightThemeInternal.radioSizeSmall = '16px';
-BasicLightThemeInternal.radioSizeMedium = '20px';
-BasicLightThemeInternal.radioSizeLarge = '24px';
-BasicLightThemeInternal.radioCaptionGap = '8px';
-BasicLightThemeInternal.radioVerticalAlign = 'top';
-BasicLightThemeInternal.radioBgImage = 'none';
-BasicLightThemeInternal.radioBgColor = '#fff';
-BasicLightThemeInternal.radioBoxShadow = 'none';
-BasicLightThemeInternal.radioHoverShadow = 'none';
-BasicLightThemeInternal.radioActiveShadow = 'none';
-BasicLightThemeInternal.radioCheckedBorderColor = 'transparent';
-BasicLightThemeInternal.radioCheckedBulletColor = '#fff';
-BasicLightThemeInternal.radioDisabledBg = '#F0F0F0';
-BasicLightThemeInternal.radioCaptionDisplay = 'inline-flex';
-BasicLightThemeInternal.radioBorderWidthCompensation = '0px';
-BasicLightThemeInternal.radioCircleOffsetY = '1px';
-BasicLightThemeInternal.tabPaddingXSmall = '8px';
-BasicLightThemeInternal.tabPaddingXMedium = '10px';
-BasicLightThemeInternal.tabPaddingXLarge = '12px';
-BasicLightThemeInternal.tabBorderWidth = '2px';
-BasicLightThemeInternal.tabColorHover = '#D6D6D6';
-BasicLightThemeInternal.tabIndicatorBorderRadius = '2px';
-BasicLightThemeInternal.spinnerCaptionGapSmall = '6px';
-BasicLightThemeInternal.spinnerCaptionGapMedium = '-4px';
-BasicLightThemeInternal.spinnerCaptionGapLarge = '-3px';
-BasicLightThemeInternal.spinnerCaptionMarginSmall = '0 0 0 6px';
-BasicLightThemeInternal.spinnerCaptionMarginMedium = '0 0 0 6px';
-BasicLightThemeInternal.spinnerCaptionMarginLarge = '0 0 0 6px'; //#endregion
+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.popupPinOffsetX = '16px';
+BasicThemeClass.popupPinOffsetY = '16px';
+BasicThemeClass.popupMargin = '10px';
+BasicThemeClass.popupPinSize = '8px';
+BasicThemeClass.popupMenuMenuOffsetY = '0px';
+BasicThemeClass.inputShadow = 'none';
+BasicThemeClass.inputBg = 'white';
+BasicThemeClass.inputIconColor = '#858585';
+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 = 'rgba(0, 0, 0, 0.16)';
+BasicThemeClass.inputBorderColorHover = 'rgba(0, 0, 0, 0.32)';
+BasicThemeClass.inputBlinkColor = 'rgba(61, 61, 61, 0.2)';
+BasicThemeClass.inputColorScheme = 'light';
+BasicThemeClass.checkboxBoxSizeSmall = '16px';
+BasicThemeClass.checkboxBoxSizeMedium = '20px';
+BasicThemeClass.checkboxBoxSizeLarge = '24px';
+BasicThemeClass.checkboxCaptionGap = '8px';
+BasicThemeClass.checkboxBoxOffsetY = '1px';
+BasicThemeClass.checkboxBgStart = '#fdfdfd';
+BasicThemeClass.checkboxBgEnd = '#ededed';
+BasicThemeClass.checkboxBorder = 'none';
+BasicThemeClass.checkboxCheckedColor = '#fff';
+BasicThemeClass.checkboxBorderRadius = '4px';
+BasicThemeClass.checkboxBg = '#fff';
+BasicThemeClass.checkboxCheckedHoverBg = '#292929';
+BasicThemeClass.textareaBg = '#fff';
+BasicThemeClass.textareaShadow = 'none';
+BasicThemeClass.textareaBackgroundClip = 'padding-box';
+BasicThemeClass.textareaBorderRadius = '2px';
+BasicThemeClass.textareaWidth = '250px';
+BasicThemeClass.textareaPaddingXSmall = '7px';
+BasicThemeClass.textareaPaddingXMedium = '11px';
+BasicThemeClass.textareaPaddingXLarge = '15px';
+BasicThemeClass.textareaBorderTopColor = 'rgba(0, 0, 0, 0.16)';
+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 = '#fff';
+BasicThemeClass.radioBoxShadow = 'none';
+BasicThemeClass.radioHoverShadow = 'none';
+BasicThemeClass.radioActiveShadow = 'none';
+BasicThemeClass.radioCheckedBorderColor = 'transparent';
+BasicThemeClass.radioCheckedBulletColor = '#fff';
+BasicThemeClass.radioDisabledBg = '#F0F0F0';
+BasicThemeClass.radioCaptionDisplay = 'inline-flex';
+BasicThemeClass.radioBorderWidthCompensation = '0px';
+BasicThemeClass.radioCircleOffsetY = '1px';
+BasicThemeClass.tabPaddingXSmall = '8px';
+BasicThemeClass.tabPaddingXMedium = '10px';
+BasicThemeClass.tabPaddingXLarge = '12px';
+BasicThemeClass.tabBorderWidth = '2px';
+BasicThemeClass.tabColorHover = '#D6D6D6';
+BasicThemeClass.tabIndicatorBorderRadius = '2px';
+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
-BasicLightThemeInternal.switcherBorderRadius = '8px';
-BasicLightThemeInternal.switcherButtonPaddingXSmall = '7px';
-BasicLightThemeInternal.switcherButtonPaddingXMedium = '11px';
-BasicLightThemeInternal.switcherButtonPaddingXLarge = '15px';
-BasicLightThemeInternal.switcherBtnDisabledBorderColor = 'rgba(0, 0, 0, 0.16)';
-BasicLightThemeInternal.mobilePopupTopPadding = '80px';
-BasicLightThemeInternal.mobilePopupContainerBottomPadding = '8px';
-BasicLightThemeInternal.mobilePopupHeaderPadding = '16px 16px 8px 16px';
-BasicLightThemeInternal.mobilePopupFooterPadding = '16px 16px 16px 16px';
-BasicLightThemeInternal.mobilePopupContainerBorderRadius = '16px';
-BasicLightThemeInternal.mobilePopupHeaderFontWeight = '500';
-BasicLightThemeInternal.mobilePopupHeaderChildPadding = '12px';
-BasicLightThemeInternal.mobilePopupOuterIndentY = '24px'; //#endregion
+BasicThemeClass.switcherBorderRadius = '8px';
+BasicThemeClass.switcherButtonPaddingXSmall = '7px';
+BasicThemeClass.switcherButtonPaddingXMedium = '11px';
+BasicThemeClass.switcherButtonPaddingXLarge = '15px';
+BasicThemeClass.switcherBtnDisabledBorderColor = 'rgba(0, 0, 0, 0.16)';
+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
-BasicLightThemeInternal.scrollContainerScrollBarSize = '4px';
-BasicLightThemeInternal.scrollContainerScrollBarHoverSize = '10px';
-BasicLightThemeInternal.scrollContainerScrollBarColor = 'rgba(183, 183, 183, 0.7)';
-BasicLightThemeInternal.scrollContainerScrollBarInvertColor = 'rgba(255, 255, 255, 0.5)';
-BasicLightThemeInternal.scrollContainerScrollBarOffsetY = '4px';
-BasicLightThemeInternal.dropdownMenuScrollContainerScrollBarOffsetY = '0px'; //#endregion
+BasicThemeClass.scrollContainerScrollBarSize = '4px';
+BasicThemeClass.scrollContainerScrollBarHoverSize = '10px';
+BasicThemeClass.scrollContainerScrollBarColor = 'rgba(183, 183, 183, 0.7)';
+BasicThemeClass.scrollContainerScrollBarInvertColor = 'rgba(255, 255, 255, 0.5)';
+BasicThemeClass.scrollContainerScrollBarOffsetY = '4px';
+BasicThemeClass.dropdownMenuScrollContainerScrollBarOffsetY = '0px'; //#endregion
 //#region PasswordInput
-BasicLightThemeInternal.passwordInputVisibilityIconColor = '#000';
-BasicLightThemeInternal.passwordInputVisibilityIconOpacity = '0.6';
-BasicLightThemeInternal.passwordInputVisibilityIconHoverColor = '#000';
-BasicLightThemeInternal.passwordInputVisibilityIconHoverOpacity = '1';
-BasicLightThemeInternal.globalLoaderHeight = '4px';
-BasicLightThemeInternal.globalLoaderWidth = '100%';
-BasicLightThemeInternal.globalLoaderPosition = 'fixed';
-BasicLightThemeInternal.globalLoaderTop = '0px';
-BasicLightThemeInternal.globalLoaderLeft = '0px';
-BasicLightThemeInternal.globalLoaderBottom = 'auto';
-BasicLightThemeInternal.globalLoaderRight = 'auto';
-BasicLightThemeInternal.globalLoaderBackgroundColor = 'transparent';
-BasicLightThemeInternal.globalLoaderTransitionToSpinnerDuration = '500'; //ms
-BasicLightThemeInternal.globalLoaderSpinnerAnimationDuration = '2000'; //ms
-BasicLightThemeInternal.globalLoaderSlowAnimationDuration = '20000'; //ms
-BasicLightThemeInternal.globalLoaderTransitionFromSpinnerDuration = '200'; //ms
+BasicThemeClass.passwordInputVisibilityIconColor = '#000';
+BasicThemeClass.passwordInputVisibilityIconOpacity = '0.6';
+BasicThemeClass.passwordInputVisibilityIconHoverColor = '#000';
+BasicThemeClass.passwordInputVisibilityIconHoverOpacity = '1';
+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
-BasicLightThemeInternal.fileUploaderWidth = '362px';
-BasicLightThemeInternal.fileUploaderBg = '';
-BasicLightThemeInternal.fileUploaderUploadButtonBg = '#fff';
-BasicLightThemeInternal.fileUploaderBorderRadius = '8px';
-BasicLightThemeInternal.fileUploaderBorderColor = 'rgba(0, 0, 0, 0.37)';
-BasicLightThemeInternal.fileUploaderBorderStyle = 'dashed';
-BasicLightThemeInternal.fileUploaderAfterLinkColor = '#858585';
-BasicLightThemeInternal.fileUploaderIconSize = '14px';
-BasicLightThemeInternal.fileUploaderIconColor = '#222222';
-BasicLightThemeInternal.fileUploaderIconHoverColor = '#333';
-BasicLightThemeInternal.fileUploaderDisabledBgClip = 'padding-box';
-BasicLightThemeInternal.fileUploaderDisabledBorderColor = 'rgba(0, 0, 0, 0.16)';
-BasicLightThemeInternal.fileUploaderLinkHoverTextDecoration = 'none';
-BasicLightThemeInternal.fileUploaderHoveredBg = 'rgba(0, 0, 0, 0.06)';
-BasicLightThemeInternal.fileUploaderHoveredBorderColor = 'transparent';
-BasicLightThemeInternal.fileUploaderIconGapSmall = '4px';
-BasicLightThemeInternal.fileUploaderIconGapMedium = '6px';
-BasicLightThemeInternal.fileUploaderIconGapLarge = '8px';
-BasicLightThemeInternal.fileUploaderDragOverShadow = '0px 0px 0px 3px rgb(149, 149, 149), 0px 0px 0px 8px rgba(61, 61, 61, 0.2)'; //#endregion FileUploader
+BasicThemeClass.fileUploaderWidth = '362px';
+BasicThemeClass.fileUploaderBg = '';
+BasicThemeClass.fileUploaderUploadButtonBg = '#fff';
+BasicThemeClass.fileUploaderBorderRadius = '8px';
+BasicThemeClass.fileUploaderBorderColor = 'rgba(0, 0, 0, 0.37)';
+BasicThemeClass.fileUploaderBorderStyle = 'dashed';
+BasicThemeClass.fileUploaderAfterLinkColor = '#858585';
+BasicThemeClass.fileUploaderIconSize = '14px';
+BasicThemeClass.fileUploaderIconColor = '#222222';
+BasicThemeClass.fileUploaderIconHoverColor = '#333';
+BasicThemeClass.fileUploaderDisabledBgClip = 'padding-box';
+BasicThemeClass.fileUploaderDisabledBorderColor = 'rgba(0, 0, 0, 0.16)';
+BasicThemeClass.fileUploaderLinkHoverTextDecoration = 'none';
+BasicThemeClass.fileUploaderHoveredBg = 'rgba(0, 0, 0, 0.06)';
+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)'; //#endregion FileUploader
+//#region ClearCrossIcon
+BasicThemeClass.clearCrossIconWidthSmall = '24px';
+BasicThemeClass.clearCrossIconWidthMedium = '30px';
+BasicThemeClass.clearCrossIconWidthLarge = '36px';
+BasicThemeClass.clearCrossIconColor = 'rgba(0, 0, 0, 0.54)';
+BasicThemeClass.clearCrossIconHoverColor = 'rgba(0, 0, 0, 0.87)';
+BasicThemeClass.clearCrossIconAlign = 'flex-start'; //#endregion ClearCrossIcon
 //#region CloseIcon
-BasicLightThemeInternal.closeBtnIconColor = 'rgba(0, 0, 0, 0.32)';
-BasicLightThemeInternal.closeBtnIconDisabledColor = '#8b8b8b';
-BasicLightThemeInternal.closeBtnIconHoverColor = 'rgba(0, 0, 0, 0.865)';
-BasicLightThemeInternal.closeBtnIconBorderRadius = '4px';
-BasicLightThemeInternal.miniModalHeaderPaddingBottom = '0';
-BasicLightThemeInternal.miniModalBodyPaddingTop = '16px';
-BasicLightThemeInternal.miniModalBodyPaddingBottom = '0';
-BasicLightThemeInternal.miniModalHeaderPaddingTop = '32px';
-BasicLightThemeInternal.miniModalActionGap = '8px';
-BasicLightThemeInternal.miniModalCancelIndent = '8px';
-BasicLightThemeInternal.miniModalFooterPaddingTop = '24px';
-BasicLightThemeInternal.miniModalFooterPaddingBottom = '32px';
-BasicLightThemeInternal.miniModalTitleMarginTop = '16px';
-BasicLightThemeInternal.miniModalHeightMobile = 'auto';
-BasicLightThemeInternal.miniModalMarginTopMobile = '80px';
-BasicLightThemeInternal.miniModalMarginLeftMobile = '24px';
-BasicLightThemeInternal.miniModalMarginRightMobile = '24px';
-BasicLightThemeInternal.miniModalFooterPaddingMobile = '24px 16px 16px';
-BasicLightThemeInternal.miniModalHeaderPaddingMobile = '32px 16px 0';
-BasicLightThemeInternal.miniModalBodyPaddingMobile = '16px 16px 0';
-BasicLightThemeInternal.validationsTextColorWarning = '#ef8b17';
-export var BasicLightTheme = exposeGetters(BasicLightThemeInternal);
+BasicThemeClass.closeBtnIconColor = 'rgba(0, 0, 0, 0.32)';
+BasicThemeClass.closeBtnIconDisabledColor = '#8b8b8b';
+BasicThemeClass.closeBtnIconHoverColor = 'rgba(0, 0, 0, 0.865)';
+BasicThemeClass.closeBtnIconBorderRadius = '4px';
+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 = '#ef8b17';
+export var BasicTheme = createTheme({
+  themeClass: BasicThemeClass
+});
+export var BasicThemeClassForExtension = function BasicThemeClassForExtension() {};