@skbkontur/react-ui 0.0.0-c91b3db3f4 → 0.0.0-cb270e7a13

package/internal/themes/DefaultTheme/DefaultTheme.js

@@ -1,13 +1,19 @@
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import * as ColorFunctions from "../../../lib/styles/ColorFunctions";
-import { exposeGetters, markAsFullTheme } from "../../../lib/theming/ThemeHelpers";
+import { exposeGetters } from "../../../lib/theming/ThemeHelpers";
 export var DefaultTheme = /*#__PURE__*/function () {
   function DefaultTheme() {}
 
   _createClass(DefaultTheme, null, [{
-    key: "bgActive",
+    key: "bgSecondary",
     get: //#region Common variables
+    // deprecated
     function get() {
+      return this.bgDefault;
+    }
+  }, {
+    key: "bgActive",
+    get: function get() {
       return this.blueLight;
     }
   }, {
@@ -25,32 +31,6 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.warningMain;
     }
-  }, {
-    key: "controlHeightSmall",
-    get: function get() {
-      var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
-      var paddingYSmall = parseInt(this.controlPaddingYSmall, 10) || 0;
-      var lineHeightSmall = parseInt(this.controlLineHeightSmall, 10) || 0;
-      return 2 * borderWidth + 2 * paddingYSmall + lineHeightSmall + "px";
-    }
-  }, {
-    key: "controlHeightMedium",
-    get: function get() {
-      var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
-      var paddingYMedium = parseInt(this.controlPaddingYMedium, 10) || 0;
-      var lineHeightMedium = parseInt(this.controlLineHeightMedium, 10) || 0;
-      return 2 * borderWidth + 2 * paddingYMedium + lineHeightMedium + "px";
-    }
-  }, {
-    key: "controlHeightLarge",
-    get: function get() {
-      var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
-      var paddingYLarge = parseInt(this.controlPaddingYLarge, 10) || 0;
-      var lineHeightLarge = parseInt(this.controlLineHeightLarge, 10) || 0;
-      return 2 * borderWidth + 2 * paddingYLarge + lineHeightLarge + "px";
-    } //#endregion
-    //#region Link
-
   }, {
     key: "linkHoverColor",
     get: function get() {
@@ -64,7 +44,7 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "tokenTextColorDisabled",
     get: function get() {
-      return this.textColorDisabled;
+      return this.textColorDisabledContrast;
     }
   }, {
     key: "tokenFontSize",
@@ -72,9 +52,9 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return this.fontSizeSmall;
     }
   }, {
-    key: "tokenBorderColorDisabled",
+    key: "tokenLineHeight",
     get: function get() {
-      return this.tokenDisabledBg;
+      return this.controlLineHeightSmall;
     }
   }, {
     key: "tokenDefaultIdle",
@@ -156,16 +136,36 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.borderColorError;
     }
+  }, {
+    key: "tokenPaddingYDisabled",
+    get: function get() {
+      return this.tokenPaddingY;
+    }
   }, {
     key: "tokenPaddingXDisabled",
     get: function get() {
       return this.tokenPaddingX;
     }
   }, {
-    key: "tokenInputBorderColor",
-    get: //#endregion
+    key: "tokenMarginYDisabled",
+    get: function get() {
+      return this.tokenMarginY;
+    }
+  }, {
+    key: "tokenMarginXDisabled",
+    get: function get() {
+      return this.tokenMarginX;
+    }
+  }, {
+    key: "tokenShadowDisabled",
+    get: function get() {
+      return "0 0 0 " + this.tokenBorderWidth + " " + this.borderColorDisabled;
+    } //#endregion
     //#region TokenInput
-    function get() {
+
+  }, {
+    key: "tokenInputBorderColor",
+    get: function get() {
       return this.inputBorderColor;
     }
   }, {
@@ -236,7 +236,12 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "tokenInputTextColorDisabled",
     get: function get() {
-      return this.inputTextColorDisabled;
+      return this.textColorDisabledContrast;
+    }
+  }, {
+    key: "tokenInputPlaceholderColorDisabled",
+    get: function get() {
+      return this.textColorDisabledContrast;
     }
   }, {
     key: "tokenInputFontSize",
@@ -260,21 +265,111 @@ export var DefaultTheme = /*#__PURE__*/function () {
       var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
       return outlineWidth - borderWidth + "px";
     }
+  }, {
+    key: "btnCheckedDisabledBorderColor",
+    get: function get() {
+      return this.btnCheckedDisabledBg;
+    }
+  }, {
+    key: "btnBorderWidth",
+    get: function get() {
+      return this.controlBorderWidth;
+    }
   }, {
     key: "btnOutlineWidth",
     get: function get() {
-      return parseInt(this.btnBorderWidth, 10) + 1 + "px";
+      return this.controlOutlineWidth;
+    }
+  }, {
+    key: "btnDefaultCheckedBorderColor",
+    get: function get() {
+      return this.btnCheckedBg;
     }
   }, {
     key: "btnDefaultTextColor",
     get: function get() {
       return this.textColorDefault;
     }
+  }, {
+    key: "btnDefaultHoverBorderBottomColor",
+    get: function get() {
+      return this.btnDefaultHoverBorderColor;
+    }
+  }, {
+    key: "btnDefaultActiveBorderTopColor",
+    get: function get() {
+      return this.btnDefaultActiveBorderColor;
+    }
+  }, {
+    key: "btnDefaultBorderBottomColor",
+    get: function get() {
+      return this.btnDefaultBorderColor;
+    }
+  }, {
+    key: "btnSuccessHoverBorderBottomColor",
+    get: function get() {
+      return this.btnSuccessHoverBorderColor;
+    }
+  }, {
+    key: "btnSuccessBorderBottomColor",
+    get: function get() {
+      return this.btnSuccessBorderColor;
+    }
+  }, {
+    key: "btnSuccessActiveBorderTopColor",
+    get: function get() {
+      return this.btnSuccessActiveBorderColor;
+    }
+  }, {
+    key: "btnPrimaryHoverBorderBottomColor",
+    get: function get() {
+      return this.btnPrimaryHoverBorderColor;
+    }
+  }, {
+    key: "btnPrimaryBorderBottomColor",
+    get: function get() {
+      return this.btnPrimaryBorderColor;
+    }
+  }, {
+    key: "btnPrimaryActiveBorderTopColor",
+    get: function get() {
+      return this.btnPrimaryActiveBorderColor;
+    }
+  }, {
+    key: "btnDangerHoverBorderBottomColor",
+    get: function get() {
+      return this.btnDangerHoverBorderColor;
+    }
+  }, {
+    key: "btnDangerBorderBottomColor",
+    get: function get() {
+      return this.btnDangerBorderColor;
+    }
+  }, {
+    key: "btnDangerActiveBorderTopColor",
+    get: function get() {
+      return this.btnDangerActiveBorderColor;
+    }
+  }, {
+    key: "btnPayHoverBorderBottomColor",
+    get: function get() {
+      return this.btnPayHoverBorderColor;
+    }
+  }, {
+    key: "btnPayBorderBottomColor",
+    get: function get() {
+      return this.btnPayBorderColor;
+    }
   }, {
     key: "btnPayTextColor",
     get: function get() {
       return this.textColorDefault;
     }
+  }, {
+    key: "btnPayActiveBorderTopColor",
+    get: function get() {
+      return this.btnPayActiveBorderColor;
+    }
   }, {
     key: "btnFontSizeSmall",
     get: function get() {
@@ -338,17 +433,26 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "btnHeightSmall",
     get: function get() {
-      return this.controlHeightSmall;
+      var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
+      var padding = parseInt(this.btnPaddingYSmall, 10) || 0;
+      var lineHeigh = parseInt(this.btnLineHeightSmall, 10) || 0;
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
     }
   }, {
     key: "btnHeightMedium",
     get: function get() {
-      return this.controlHeightMedium;
+      var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
+      var padding = parseInt(this.btnPaddingYMedium, 10) || 0;
+      var lineHeigh = parseInt(this.btnLineHeightMedium, 10) || 0;
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
     }
   }, {
     key: "btnHeightLarge",
     get: function get() {
-      return this.controlHeightLarge;
+      var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
+      var padding = parseInt(this.btnPaddingYLarge, 10) || 0;
+      var lineHeigh = parseInt(this.btnLineHeightLarge, 10) || 0;
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
     }
   }, {
     key: "btnLinkColor",
@@ -375,6 +479,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.errorSecondary;
     }
+  }, {
+    key: "btnWarningSecondary",
+    get: function get() {
+      return this.warningSecondary;
+    }
   }, {
     key: "btnOutlineColorFocus",
     get: function get() {
@@ -389,9 +498,24 @@ export var DefaultTheme = /*#__PURE__*/function () {
     key: "btnLinkDisabledColor",
     get: function get() {
       return this.linkDisabledColor;
+    }
+  }, {
+    key: "btnDisabledTextColor",
+    get: function get() {
+      return this.textColorDisabledContrast;
     } //#endregion
     //#region Select
 
+  }, {
+    key: "selectBorderWidth",
+    get: function get() {
+      return this.controlBorderWidth;
+    }
+  }, {
+    key: "selectPlaceholderColorDisabled",
+    get: function get() {
+      return this.textColorDisabledContrast;
+    }
   }, {
     key: "selectOutlineWidth",
     get: function get() {
@@ -417,11 +541,6 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.btnBorderRadiusSmall;
     }
-  }, {
-    key: "selectIconGapSmall",
-    get: function get() {
-      return this.btnIconGapSmall;
-    }
   }, {
     key: "selectLineHeightMedium",
     get: function get() {
@@ -442,11 +561,6 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.btnBorderRadiusMedium;
     }
-  }, {
-    key: "selectIconGapMedium",
-    get: function get() {
-      return this.btnIconGapMedium;
-    }
   }, {
     key: "selectLineHeightLarge",
     get: function get() {
@@ -468,14 +582,14 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return this.btnBorderRadiusLarge;
     }
   }, {
-    key: "selectIconGapLarge",
+    key: "selectMenuArrowColor",
     get: function get() {
-      return this.btnIconGapLarge;
+      return this.btnMenuArrowColor;
     }
   }, {
-    key: "selectMenuArrowColor",
+    key: "selectMenuArrowColorDisabled",
     get: function get() {
-      return this.btnMenuArrowColor;
+      return this.selectMenuArrowColor;
     }
   }, {
     key: "selectIconSizeSmall",
@@ -491,9 +605,29 @@ export var DefaultTheme = /*#__PURE__*/function () {
     key: "selectIconSizeLarge",
     get: function get() {
       return this.btnIconSizeLarge;
+    }
+  }, {
+    key: "selectTextColorDisabled",
+    get: function get() {
+      return this.btnDisabledTextColor;
+    }
+  }, {
+    key: "selectBgDisabled",
+    get: function get() {
+      return this.btnDisabledBg;
+    }
+  }, {
+    key: "selectBorderColorDisabled",
+    get: function get() {
+      return this.btnDisabledBorderColor;
     } //#endregion
     //#region Tooltip
 
+  }, {
+    key: "tooltipTextColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
   }, {
     key: "tooltipBorder",
     get: function get() {
@@ -508,9 +642,24 @@ export var DefaultTheme = /*#__PURE__*/function () {
     key: "tooltipPinSize",
     get: function get() {
       return this.popupPinSize;
+    }
+  }, {
+    key: "tooltipFontSize",
+    get: function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "tooltipLineHeight",
+    get: function get() {
+      return this.controlLineHeightSmall;
     } //#endregion
     //#region TooltipMenu
 
+  }, {
+    key: "tooltipMenuPinOffset",
+    get: function get() {
+      return this.popupPinOffset;
+    }
   }, {
     key: "tooltipMenuMargin",
     get: function get() {
@@ -523,20 +672,89 @@ export var DefaultTheme = /*#__PURE__*/function () {
     } //#endregion
     //#region Kebab
 
+  }, {
+    key: "kebabPinOffset",
+    get: function get() {
+      return this.popupPinOffset;
+    }
   }, {
     key: "kebabPinSize",
     get: function get() {
       return this.popupPinSize;
     }
+  }, {
+    key: "modalBg",
+    get: function get() {
+      return this.bgSecondary;
+    }
+  }, {
+    key: "modalFixedHeaderBg",
+    get: function get() {
+      return this.bgSecondary;
+    }
+  }, {
+    key: "modalFixedHeaderShadow",
+    get: function get() {
+      return this.fixedPanelShadow;
+    }
+  }, {
+    key: "modalFixedFooterShadow",
+    get: function get() {
+      return this.fixedPanelShadow;
+    }
+  }, {
+    key: "modalHeaderTextColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "modalFixedHeaderPaddingBottom",
+    get: function get() {
+      return Math.round(parseInt(this.modalHeaderPaddingBottom) / 2) + "px";
+    }
   }, {
     key: "sidePageBgDefault",
     get: function get() {
-      return this.bgDefault;
+      return this.bgSecondary;
     }
   }, {
-    key: "sidePageBorderColor",
+    key: "sidePageHeaderTextColor",
     get: function get() {
-      return this.borderColorGrayLight;
+      return this.textColorDefault;
+    }
+  }, {
+    key: "sidePageFixedHeaderShadow",
+    get: function get() {
+      return this.fixedPanelShadow;
+    }
+  }, {
+    key: "sidePageFixedFooterShadow",
+    get: function get() {
+      return this.fixedPanelShadow;
+    }
+  }, {
+    key: "dateInputIconColor",
+    get: //#endregion
+    //#region DateInput
+    function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "calendarCellBg",
+    get: //#endregion
+    //#region Calendar
+    function get() {
+      return this.bgSecondary;
+    }
+  }, {
+    key: "calendarCellLineHeight",
+    get: function get() {
+      return "calc(" + this.calendarCellSize + " - 2px)";
+    }
+  }, {
+    key: "calendarMonthHeaderStickedBgColor",
+    get: function get() {
+      return this.bgSecondary;
     }
   }, {
     key: "calendarCellHoverBgColor",
@@ -568,12 +786,27 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.textColorInvert;
     }
+  }, {
+    key: "datePickerOpenBtnColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "pickerBg",
+    get: function get() {
+      return this.bgSecondary;
+    }
+  }, {
+    key: "pickerTodayWrapperBgColor",
+    get: function get() {
+      return this.bgSecondary;
+    }
   }, {
     key: "dateSelectMenuBg",
     get: //#endregion
     //#region DateSelect
     function get() {
-      return this.bgDefault;
+      return this.bgSecondary;
     }
   }, {
     key: "dateSelectMenuItemBgActive",
@@ -602,6 +835,26 @@ export var DefaultTheme = /*#__PURE__*/function () {
     } //#endregion
     //#region Paging
 
+  }, {
+    key: "pagingFontSize",
+    get: function get() {
+      return this.fontSizeMedium;
+    }
+  }, {
+    key: "pagingForwardIconSize",
+    get: function get() {
+      return this.pagingFontSize;
+    }
+  }, {
+    key: "pagingPageLinkActiveColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "pagingPageLinkHintColor",
+    get: function get() {
+      return this.placeholderColor;
+    }
   }, {
     key: "pagingForwardLinkColor",
     get: function get() {
@@ -619,6 +872,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.textColorInvert;
     }
+  }, {
+    key: "mobileHintColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
   }, {
     key: "hintFontSize",
     get: function get() {
@@ -629,16 +887,6 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.controlLineHeightSmall;
     }
-  }, {
-    key: "hintBorder",
-    get: function get() {
-      return this.popupBorder;
-    }
-  }, {
-    key: "hintBorderRadius",
-    get: function get() {
-      return this.popupBorderRadius;
-    }
   }, {
     key: "toastFontSize",
     get: //#endregion
@@ -646,11 +894,16 @@ export var DefaultTheme = /*#__PURE__*/function () {
     function get() {
       return this.fontSizeSmall;
     }
+  }, {
+    key: "toastLineHeight",
+    get: function get() {
+      return this.controlLineHeightSmall;
+    }
   }, {
     key: "dropdownMenuHoverBg",
     get: //deprecated
-    function get() //deprecated
-    {
+    function get() {
+      //deprecated
       return this.bgActive;
     } //#endregion
     //#region Menu
@@ -658,12 +911,17 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "menuBgDefault",
     get: function get() {
-      return this.bgDefault;
+      return this.bgSecondary;
     }
   }, {
-    key: "menuItemSelectedBg",
+    key: "menuItemTextColor",
     get: // menuItem
     function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "menuItemSelectedBg",
+    get: function get() {
       return this.dropdownMenuSelectedBg;
     }
   }, {
@@ -677,14 +935,14 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return parseInt(this.menuItemPaddingX) + parseInt(this.menuItemIconWidth) + parseInt(this.menuItemIconGap) + parseInt(this.menuItemIconLegacyMargin) + "px";
     }
   }, {
-    key: "menuItemFontSize",
+    key: "menuItemLineHeight",
     get: function get() {
-      return this.fontSizeSmall;
+      return this.controlLineHeightSmall;
     }
   }, {
-    key: "menuItemPaddingY",
+    key: "menuItemFontSize",
     get: function get() {
-      return this.controlPaddingYSmall;
+      return this.fontSizeSmall;
     }
   }, {
     key: "menuItemHoverColor",
@@ -702,9 +960,27 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return this.linkColor;
     }
   }, {
-    key: "menuHeaderPaddingX",
+    key: "menuHeaderColor",
+    get: //menuHeader
+    function get() {
+      return this.gray;
+    }
+  }, {
+    key: "toggleFontSize",
+    get: //#endregion
+    //#region Toggle
+    function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "toggleLineHeight",
+    get: function get() {
+      return this.controlLineHeightSmall;
+    }
+  }, {
+    key: "toggleTextColor",
     get: function get() {
-      return this.menuItemPaddingX;
+      return this.textColorDefault;
     }
   }, {
     key: "toggleHandleBorderRadius",
@@ -715,14 +991,36 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return handleSize / 2 + "px";
     }
   }, {
-    key: "toggleBgHover",
+    key: "toggleBorderRadius",
+    get: function get() {
+      return "calc(" + this.toggleHeight + " * 0.5)";
+    }
+  }, {
+    key: "toggleBgDisabled",
+    get: function get() {
+      return this.bgDisabled;
+    }
+  }, {
+    key: "toggleBorderWidth",
+    get: function get() {
+      return this.controlBorderWidth;
+    }
+  }, {
+    key: "toggleOutlineWidth",
     get: function get() {
-      return this.toggleBgFocus;
+      var outlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
+      var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
+      return outlineWidth + borderWidth + "px";
+    }
+  }, {
+    key: "toggleBorderColorDisabled",
+    get: function get() {
+      return this.toggleBorderColor;
     }
   }, {
-    key: "toggleBgActive",
+    key: "toggleBorderColorDisabledChecked",
     get: function get() {
-      return this.toggleBgChecked;
+      return this.toggleBorderColor;
     }
   }, {
     key: "toggleShadowColorError",
@@ -739,15 +1037,27 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.borderColorFocus;
     }
+  }, {
+    key: "popupTextColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
   }, {
     key: "popupBackground",
     get: function get() {
-      return this.bgDefault;
+      return this.bgSecondary;
+    }
+  }, {
+    key: "inputTextColor",
+    get: //#endregion
+    //#region Input
+    function get() {
+      return this.textColorDefault;
     }
   }, {
     key: "inputTextColorDisabled",
     get: function get() {
-      return this.textColorDisabled;
+      return this.textColorDisabledContrast;
     }
   }, {
     key: "inputFontSizeSmall",
@@ -782,17 +1092,26 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "inputHeightSmall",
     get: function get() {
-      return this.controlHeightSmall;
+      var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
+      var padding = parseInt(this.inputPaddingYSmall, 10) || 0;
+      var lineHeigh = parseInt(this.inputLineHeightSmall, 10) || 0;
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
     }
   }, {
     key: "inputHeightMedium",
     get: function get() {
-      return this.controlHeightMedium;
+      var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
+      var padding = parseInt(this.inputPaddingYMedium, 10) || 0;
+      var lineHeigh = parseInt(this.inputLineHeightMedium, 10) || 0;
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
     }
   }, {
     key: "inputHeightLarge",
     get: function get() {
-      return this.controlHeightLarge;
+      var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
+      var padding = parseInt(this.inputPaddingYLarge, 10) || 0;
+      var lineHeigh = parseInt(this.inputLineHeightLarge, 10) || 0;
+      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
     }
   }, {
     key: "inputPaddingYSmall",
@@ -822,7 +1141,7 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "inputDisabledBorderColor",
     get: function get() {
-      return this.borderColorGrayLight;
+      return this.borderColorDisabled;
     }
   }, {
     key: "inputFocusOutline",
@@ -837,9 +1156,7 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "inputOutlineWidth",
     get: function get() {
-      var OutlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
-      var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
-      return OutlineWidth - borderWidth + "px";
+      return "calc(" + this.controlOutlineWidth + " - 1px)";
     }
   }, {
     key: "inputBorderColor",
@@ -862,14 +1179,14 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return this.borderColorWarning;
     }
   }, {
-    key: "inputBorderTopColor",
+    key: "inputPlaceholderColor",
     get: function get() {
-      return this.borderColorGrayDark;
+      return this.placeholderColor;
     }
   }, {
-    key: "inputPlaceholderColor",
+    key: "inputPlaceholderColorDisabled",
     get: function get() {
-      return this.placeholderColor;
+      return this.textColorDisabledContrast;
     }
   }, {
     key: "inputPlaceholderColorLight",
@@ -893,6 +1210,13 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.controlLineHeightSmall;
     }
+  }, {
+    key: "checkboxPaddingY",
+    get: function get() {
+      var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
+      var lineHeight = parseInt(this.checkboxLineHeight, 10) || 0;
+      return (controlHeight - lineHeight) / 2 + "px";
+    }
   }, {
     key: "checkboxTextColorDefault",
     get: function get() {
@@ -904,14 +1228,14 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return this.textColorDisabled;
     }
   }, {
-    key: "checkboxIndeterminateBg",
+    key: "checkboxShadowDisabled",
     get: function get() {
-      return this.textColorDefault;
+      return "0 0 0 " + this.checkboxBorderWidth + " " + this.borderColorDisabled;
     }
   }, {
-    key: "checkboxShadowDisabled",
+    key: "checkboxBorderWidth",
     get: function get() {
-      return "0 0 0 " + this.checkboxBorderWidth + " rgba(0, 0, 0, 0.15)";
+      return this.controlBorderWidth;
     }
   }, {
     key: "checkboxShadow",
@@ -921,12 +1245,7 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "checkboxShadowHover",
     get: function get() {
-      return this.checkboxShadow;
-    }
-  }, {
-    key: "checkboxCheckedColor",
-    get: function get() {
-      return this.textColorDefault;
+      return "0 0 0 " + this.checkboxBorderWidth + " #c3c3c3";
     }
   }, {
     key: "checkboxOutlineColorFocus",
@@ -946,32 +1265,32 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "checkboxCheckedHoverShadow",
     get: function get() {
-      return this.checkboxShadow;
+      return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedHoverBg;
+    }
+  }, {
+    key: "checkboxOutlineWidth",
+    get: function get() {
+      return this.controlOutlineWidth;
     }
   }, {
     key: "checkboxCheckedShadow",
     get: function get() {
-      return this.checkboxShadow;
+      return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedBg;
     }
   }, {
     key: "checkboxCheckedActiveShadow",
     get: function get() {
-      return this.btnDefaultActiveShadow;
+      return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedActiveBg;
     }
   }, {
     key: "checkboxBorderColorFocus",
     get: function get() {
       return this.borderColorFocus;
     }
-  }, {
-    key: "checkboxBg",
-    get: function get() {
-      return "linear-gradient(" + this.checkboxBgStart + ", " + this.checkboxBgEnd + ")";
-    }
   }, {
     key: "checkboxHoverBg",
     get: function get() {
-      return "linear-gradient(-180deg, " + this.btnDefaultHoverBgStart + " 0, " + this.btnDefaultHoverBgEnd + " 100%)";
+      return this.btnDefaultHoverBg;
     }
   }, {
     key: "checkboxActiveBg",
@@ -981,49 +1300,39 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "checkboxCheckedBg",
     get: function get() {
-      return this.checkboxBg;
+      return this.borderColorFocus;
     }
   }, {
     key: "checkboxBgDisabled",
     get: function get() {
       return this.bgDisabled;
     }
-  }, {
-    key: "checkboxBoxIndeterminateBg",
-    get: function get() {
-      return this.checkboxBg;
-    }
   }, {
     key: "checkboxCheckedHoverBg",
     get: function get() {
-      return this.checkboxHoverBg;
+      return ColorFunctions.darken(this.checkboxCheckedBg, '5%');
     }
   }, {
     key: "checkboxCheckedActiveBg",
     get: function get() {
-      return this.btnDefaultActiveBg;
+      return ColorFunctions.darken(this.checkboxCheckedBg, '15%');
     }
   }, {
     key: "checkboxShadowActive",
     get: function get() {
-      return this.btnDefaultActiveShadow;
+      return "0 0 0 " + this.checkboxBorderWidth + " #c3c3c3";
     } //#endregion
     //#region TextArea
 
-  }, {
-    key: "textareaBg",
-    get: function get() {
-      return this.bgDefault;
-    }
   }, {
     key: "textareaColor",
     get: function get() {
-      return this.black;
+      return this.textColorDefault;
     }
   }, {
     key: "textareaTextColorDisabled",
     get: function get() {
-      return this.textColorDisabled;
+      return this.textColorDisabledContrast;
     }
   }, {
     key: "textareaPlaceholderColorLight",
@@ -1035,26 +1344,20 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.placeholderColor;
     }
+  }, {
+    key: "textareaPlaceholderColorDisabled",
+    get: function get() {
+      return this.textColorDisabledContrast;
+    }
   }, {
     key: "textareaFontSize",
     get: function get() {
-      return this.fontSizeMedium;
+      return this.fontSizeSmall;
     }
   }, {
     key: "textareaLineHeight",
     get: function get() {
-      var fontSize = this.textareaFontSize;
-
-      switch (fontSize) {
-        case '14px':
-          return '20px';
-
-        case '16px':
-          return '25px';
-
-        default:
-          return parseInt(fontSize, 10) * 1.5 + "px";
-      }
+      return this.controlLineHeightSmall;
     }
   }, {
     key: "textareaBorderWidth",
@@ -1064,7 +1367,9 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "textareaOutlineWidth",
     get: function get() {
-      return this.controlBorderWidth;
+      var outlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
+      var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
+      return outlineWidth - borderWidth + "px";
     }
   }, {
     key: "textareaMinHeight",
@@ -1074,11 +1379,6 @@ export var DefaultTheme = /*#__PURE__*/function () {
       var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
       return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
     }
-  }, {
-    key: "textareaPaddingX",
-    get: function get() {
-      return '10px';
-    }
   }, {
     key: "textareaPaddingY",
     get: function get() {
@@ -1089,11 +1389,6 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.borderColorGrayLight;
     }
-  }, {
-    key: "textareaBorderTopColor",
-    get: function get() {
-      return this.borderColorGrayDark;
-    }
   }, {
     key: "textareaBorderColorFocus",
     get: function get() {
@@ -1109,15 +1404,10 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.borderColorError;
     }
-  }, {
-    key: "textareaDisabledBg",
-    get: function get() {
-      return this.bgDisabled;
-    }
   }, {
     key: "textareaDisabledBorderColor",
     get: function get() {
-      return this.borderColorGrayLight;
+      return this.textareaDisabledBg;
     }
   }, {
     key: "textareaCounterColor",
@@ -1146,10 +1436,16 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.controlOutlineWidth;
     }
+  }, {
+    key: "radioTextColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
   }, {
     key: "radioSizeAfter",
     get: function get() {
-      return "calc(" + this.radioSize + " + 2 * " + this.radioOutlineWidth + " - 2 * " + this.radioBorderWidthCompensation + ")";
+      var borderCompensation = this.radioBoxShadow === 'none' ? this.radioBorderWidth : this.radioBorderWidthCompensation;
+      return "calc(" + this.radioSize + " + 2 * " + this.radioOutlineWidth + " - 2 * " + borderCompensation + ")";
     }
   }, {
     key: "radioFontSize",
@@ -1162,9 +1458,36 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return this.controlLineHeightSmall;
     }
   }, {
-    key: "radioBoxShadow",
+    key: "radioPaddingY",
+    get: function get() {
+      var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
+      var lineHeight = parseInt(this.radioLineHeight, 10) || 0;
+      return (controlHeight - lineHeight) / 2 + "px";
+    }
+  }, {
+    key: "radioHoverBg",
     get: function get() {
-      return "0 " + this.radioBorderWidth + " 0 0 " + this.radioBorderColor + ", 0 0 0 " + this.radioBorderWidth + " " + this.radioBorderColor;
+      return this.checkboxHoverBg;
+    }
+  }, {
+    key: "radioActiveBg",
+    get: function get() {
+      return this.checkboxActiveBg;
+    }
+  }, {
+    key: "radioBorderWidth",
+    get: function get() {
+      return this.controlBorderWidth;
+    }
+  }, {
+    key: "radioBorderColor",
+    get: function get() {
+      return this.borderColorGrayLight;
+    }
+  }, {
+    key: "radioBorder",
+    get: function get() {
+      return this.radioBorderWidth + " solid " + this.radioBorderColor;
     }
   }, {
     key: "radioBorderColorFocus",
@@ -1182,46 +1505,58 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return this.borderColorError;
     }
   }, {
-    key: "radioHoverShadow",
+    key: "radioFocusShadow",
     get: function get() {
-      return "0 " + this.radioBorderWidth + " 0 0 rgba(0, 0, 0, 0.15), 0 0 0 " + this.radioBorderWidth + " rgba(0, 0, 0, 0.2)";
+      return "inset 0 0 0 1px " + this.outlineColorFocus;
     }
   }, {
-    key: "radioActiveShadow",
+    key: "radioCheckedBgColor",
     get: function get() {
-      return "0 -" + this.radioBorderWidth + " 0 0 rgba(0, 0, 0, 0.1), 0 0 0 " + this.radioBorderWidth + " rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)";
+      return this.checkboxCheckedBg;
     }
   }, {
     key: "radioCheckedHoverBgColor",
     get: function get() {
-      return this.radioHoverBg;
+      return ColorFunctions.darken(this.checkboxCheckedBg, '5%');
+    }
+  }, {
+    key: "radioDisabledBg",
+    get: function get() {
+      return this.bgDisabled;
     }
   }, {
     key: "radioDisabledShadow",
     get: function get() {
-      return "0 0 0 " + this.radioBorderWidth + " rgba(0, 0, 0, 0.15)";
+      return "0 0 0 " + this.radioBorderWidth + " " + this.borderColorDisabled;
     }
   }, {
     key: "tabFontSize",
     get: //#endregion
     //#region Tabs
     function get() {
-      return '18px';
+      return this.fontSizeLarge;
     }
   }, {
-    key: "tabPaddingX",
+    key: "tabsMarginX",
     get: function get() {
-      return '20px';
+      return this.tabPaddingX;
     }
   }, {
-    key: "tabsMarginX",
+    key: "tabPaddingY",
     get: function get() {
-      return this.tabPaddingX;
+      var paddingY = parseInt(this.controlPaddingYLarge, 10) || 0;
+      var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
+      return paddingY + borderWidth + "px";
     }
   }, {
     key: "tabLineHeight",
     get: function get() {
-      return 'normal';
+      return this.controlLineHeightLarge;
+    }
+  }, {
+    key: "tabOutlineWidth",
+    get: function get() {
+      return this.controlOutlineWidth;
     }
   }, {
     key: "tabTextColorDefault",
@@ -1301,17 +1636,89 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return this.gray;
     }
   }, {
-    key: "switcherButtonPaddingXSmall",
+    key: "spinnerFontSizeSmall",
+    get: function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "spinnerFontSizeMedium",
+    get: function get() {
+      return this.fontSizeMedium;
+    }
+  }, {
+    key: "spinnerFontSizeLarge",
+    get: function get() {
+      return this.fontSizeLarge;
+    }
+  }, {
+    key: "spinnerLineHeightSmall",
+    get: function get() {
+      return this.controlLineHeightSmall;
+    }
+  }, {
+    key: "spinnerLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "spinnerLineHeightLarge",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
+  }, {
+    key: "switcherTextColor",
+    get: //#endregion
+    //#region Switcher
+    function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "switcherOutlineWidth",
+    get: function get() {
+      return this.btnOutlineWidth;
+    }
+  }, {
+    key: "switcherCaptionFontSizeSmall",
+    get: function get() {
+      return this.btnFontSizeSmall;
+    }
+  }, {
+    key: "switcherCaptionFontSizeMedium",
+    get: function get() {
+      return this.btnFontSizeMedium;
+    }
+  }, {
+    key: "switcherCaptionFontSizeLarge",
+    get: function get() {
+      return this.btnFontSizeLarge;
+    }
+  }, {
+    key: "switcherCaptionLineHeightSmall",
+    get: function get() {
+      return this.btnLineHeightSmall;
+    }
+  }, {
+    key: "switcherCaptionLineHeightMedium",
+    get: function get() {
+      return this.btnLineHeightMedium;
+    }
+  }, {
+    key: "switcherCaptionLineHeightLarge",
+    get: function get() {
+      return this.btnLineHeightLarge;
+    }
+  }, {
+    key: "switcherCaptionGapSmall",
     get: function get() {
       return this.btnPaddingXSmall;
     }
   }, {
-    key: "switcherButtonPaddingXMedium",
+    key: "switcherCaptionGapMedium",
     get: function get() {
       return this.btnPaddingXMedium;
     }
   }, {
-    key: "switcherButtonPaddingXLarge",
+    key: "switcherCaptionGapLarge",
     get: function get() {
       return this.btnPaddingXLarge;
     }
@@ -1383,484 +1790,495 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "switcherButtonDisabledBorderColor",
     get: function get() {
-      return this.btnDisabledBorderColor;
+      return this.borderColorDisabled;
+    }
+  }, {
+    key: "mobilePopupHeaderFontSize",
+    get: function get() {
+      return this.fontSizeMobile;
     }
   }, {
-    key: "switcherButtonCheckedDisabledShadow",
+    key: "mobilePopupHeaderLineHeight",
     get: function get() {
-      return this.btnCheckedDisabledShadow;
+      return this.lineHeightMobile;
     } //#endregion
 
   }]);
 
   return DefaultTheme;
 }();
-DefaultTheme.fontFamilyCompensationBaseline = '1';
+DefaultTheme.fontFamilyCompensationBaseline = '0';
+DefaultTheme.labGrotesqueBaselineCompensation = '1';
 DefaultTheme.brandXLight = '#cae5f5';
 DefaultTheme.brandLight = '#3094d0';
-DefaultTheme.brand = '#1e79be';
+DefaultTheme.brand = '#2291ff';
 DefaultTheme.brandDark = '#1363a0';
 DefaultTheme.brandXDark = '#084f85';
 DefaultTheme.white = '#fff';
 DefaultTheme.grayXxLight = '#f2f2f2';
-DefaultTheme.grayXLight = '#e5e5e5';
+DefaultTheme.grayXLight = '#ebebeb';
 DefaultTheme.grayLight = '#a0a0a0';
-DefaultTheme.gray = '#808080';
+DefaultTheme.gray = '#858585';
 DefaultTheme.grayDark = '#333';
 DefaultTheme.black = '#000';
-DefaultTheme.blueXxLight = '#e4f3ff';
-DefaultTheme.blueLight = '#1d85d0';
-DefaultTheme.blue = '#3072c4';
-DefaultTheme.blueDark = '#1e5aa4';
+DefaultTheme.blueXxLight = '#cdedff';
+DefaultTheme.blueLight = '#1f87ef';
+DefaultTheme.blue = '#1874cf';
+DefaultTheme.blueDark = '#1874cf';
 DefaultTheme.blueXDark = '#044785';
-DefaultTheme.greenXxLight = '#e2f7dc';
-DefaultTheme.green = '#3f9726';
-DefaultTheme.greenDark = '#228007';
-DefaultTheme.redXxLight = '#ffd6d6';
-DefaultTheme.red = '#d70c17';
-DefaultTheme.redDark = '#ce0014';
-DefaultTheme.yellowXxLight = '#fff0bc';
-DefaultTheme.yellow = '#f69c00';
-DefaultTheme.yellowDark = '#d97e00';
+DefaultTheme.greenXxLight = '#d7f8ae';
+DefaultTheme.green = '#538a1b';
+DefaultTheme.greenDark = '#477916';
+DefaultTheme.redXxLight = '#ffddd6';
+DefaultTheme.red = '#dd473b';
+DefaultTheme.redDark = '#cb3d35';
+DefaultTheme.yellowXxLight = '#ffe0c3';
+DefaultTheme.yellow = '#ffa236';
+DefaultTheme.yellowDark = '#ea7324';
 DefaultTheme.bgDefault = '#fff';
-DefaultTheme.bgDisabled = '#f2f2f2';
-DefaultTheme.errorMain = '#d70c17';
+DefaultTheme.bgDisabled = '#f6f6f6';
+DefaultTheme.errorMain = '#dd473b';
 DefaultTheme.errorSecondary = '#ffd6d6';
-DefaultTheme.errorText = '#ce0014';
-DefaultTheme.warningMain = '#f69c00';
+DefaultTheme.errorText = '#cb3d35';
+DefaultTheme.warningMain = '#ffa236';
 DefaultTheme.warningSecondary = '#fff0bc';
 DefaultTheme.warningText = '#d97e00';
-DefaultTheme.borderColorFocusLight = '#bad7f1';
+DefaultTheme.borderColorFocusLight = '#cdedff';
 DefaultTheme.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';
-DefaultTheme.borderColorGrayLight = 'rgba(0, 0, 0, 0.15)';
-DefaultTheme.placeholderColor = '#a0a0a0';
+DefaultTheme.borderColorGrayLight = 'rgba(0, 0, 0, 0.16)';
+DefaultTheme.borderColorDisabled = 'rgba(0, 0, 0, 0.16)';
+DefaultTheme.placeholderColor = '#adadad';
 DefaultTheme.outlineColorFocus = '#fff';
 DefaultTheme.placeholderColorLight = '#cdcdcd';
 DefaultTheme.blinkColor = 'rgba(0, 136, 255, 0.2)';
 DefaultTheme.controlBorderWidth = '1px';
 DefaultTheme.controlOutlineWidth = '2px';
 DefaultTheme.controlLineHeightSmall = '20px';
-DefaultTheme.controlLineHeightMedium = '20px';
-DefaultTheme.controlLineHeightLarge = '22px';
-DefaultTheme.controlPaddingYSmall = '6px';
-DefaultTheme.controlPaddingYMedium = '9px';
-DefaultTheme.controlPaddingYLarge = '10px';
-DefaultTheme.textColorDefault = '#404040';
+DefaultTheme.controlLineHeightMedium = '22px';
+DefaultTheme.controlLineHeightLarge = '24px';
+DefaultTheme.controlPaddingYSmall = '5px';
+DefaultTheme.controlPaddingYMedium = '8px';
+DefaultTheme.controlPaddingYLarge = '11px';
+DefaultTheme.textColorDefault = '#222222';
 DefaultTheme.textColorInvert = '#fff';
-DefaultTheme.textColorDisabled = '#a0a0a0';
+DefaultTheme.textColorDisabled = '#adadad';
+DefaultTheme.textColorDisabledContrast = '#858585';
 DefaultTheme.fontSizeSmall = '14px';
-DefaultTheme.fontSizeMedium = '14px';
-DefaultTheme.fontSizeLarge = '16px';
+DefaultTheme.fontSizeMedium = '16px';
+DefaultTheme.fontSizeLarge = '18px';
+DefaultTheme.fontSizeMobile = '18px';
+DefaultTheme.lineHeightMobile = '24px';
 DefaultTheme.specificityLevel = '0';
-DefaultTheme.linkColor = '#3072c4';
-DefaultTheme.linkActiveColor = '#044785';
+DefaultTheme.fixedPanelShadow = '0 0 16px 1px rgba(0, 0, 0, 0.3)';
+DefaultTheme.controlHeightSmall = '32px';
+DefaultTheme.controlHeightMedium = '40px';
+DefaultTheme.controlHeightLarge = '48px';
+DefaultTheme.mobileMediaQuery = '(max-width: 576px) and (hover: none) and (pointer: coarse)';
+DefaultTheme.linkColor = '#1874cf';
+DefaultTheme.linkActiveColor = '#1260ae';
 DefaultTheme.linkHoverTextDecoration = 'underline';
-DefaultTheme.linkSuccessColor = '#3f9726';
-DefaultTheme.linkSuccessHoverColor = '#3f9726';
-DefaultTheme.linkSuccessActiveColor = '#3f9726';
-DefaultTheme.linkDangerColor = '#e3071c';
-DefaultTheme.linkDangerHoverColor = '#e3071c';
-DefaultTheme.linkDangerActiveColor = '#b00616';
-DefaultTheme.linkIconMarginRight = '3px';
+DefaultTheme.linkSuccessColor = '#477916';
+DefaultTheme.linkSuccessHoverColor = '#477916';
+DefaultTheme.linkSuccessActiveColor = '#325a0c';
+DefaultTheme.linkDangerColor = '#cb3d35';
+DefaultTheme.linkDangerHoverColor = '#cb3d35';
+DefaultTheme.linkDangerActiveColor = '#a92a27';
+DefaultTheme.linkIconMarginRight = '4px';
 DefaultTheme.linkButtonLineHeight = '34px';
 DefaultTheme.linkButtonPaddingX = '10px';
-DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.15)';
-DefaultTheme.tokenMarginY = '3px';
-DefaultTheme.tokenMarginX = '3px';
-DefaultTheme.tokenLineHeight = '1.5';
-DefaultTheme.tokenPaddingY = '0px';
-DefaultTheme.tokenPaddingX = '4px';
+DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.05)';
+DefaultTheme.tokenMarginY = '2px';
+DefaultTheme.tokenMarginX = '4px';
+DefaultTheme.tokenPaddingY = '1px';
+DefaultTheme.tokenPaddingX = '3px';
 DefaultTheme.tokenMarginBeforeIcon = '4px';
-DefaultTheme.tokenRemoveIconSize = '1em';
-DefaultTheme.tokenRemoveIconPaddingY = '2px';
-DefaultTheme.tokenRemoveIconPaddingX = '2px';
+DefaultTheme.tokenRemoveIconSize = '8px';
+DefaultTheme.tokenRemoveIconPaddingY = '4px';
+DefaultTheme.tokenRemoveIconPaddingX = '4px';
 DefaultTheme.tokenRemoveIconGap = '4px';
-DefaultTheme.tokenRemoveIconBoxSizing = 'border-box';
+DefaultTheme.tokenRemoveIconBoxSizing = 'content-box';
 DefaultTheme.tokenBorderRadius = '1px';
 DefaultTheme.tokenBorderWidth = '1px';
+DefaultTheme.tokenBorderColorDisabled = 'rgba(0, 0, 0, 0.15)';
 DefaultTheme.tokenOutlineWidth = '2px';
-DefaultTheme.tokenLegacyTextShift = '1px';
-DefaultTheme.tokenPaddingYDisabled = '1px';
-DefaultTheme.tokenMarginYDisabled = '2px';
-DefaultTheme.tokenMarginXDisabled = '2px';
-DefaultTheme.tokenShadowDisabled = 'none';
+DefaultTheme.tokenLegacyTextShift = '0px';
 DefaultTheme.tokenInputPaddingY = '2px';
 DefaultTheme.tokenInputPaddingX = '4px';
 DefaultTheme.tokenInputLineHeight = '22px';
 DefaultTheme.tokenInputInputPaddingLeft = '5px';
 DefaultTheme.loaderBg = 'rgba(255, 255, 255, 0.8)';
 DefaultTheme.loaderOpacity = '0.8';
-DefaultTheme.btnArrowBgImageActive = 'linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, transparent 15%), linear-gradient(-95deg, rgba(0,0,0,0.1) 0%, transparent 4%)';
-DefaultTheme.btnArrowBgImageChecked = 'linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, transparent 15%), linear-gradient(-95deg, rgba(0,0,0,0.1) 0%, transparent 4%)';
-DefaultTheme.btnLinkBorderRadius = '1px';
-DefaultTheme.btnDisabledTextColor = '#a0a0a0';
-DefaultTheme.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.15)';
-DefaultTheme.btnCheckedBg = '#737373';
+DefaultTheme.btnBackgroundClip = 'padding-box';
+DefaultTheme.btnArrowBgImageActive = 'none';
+DefaultTheme.btnArrowBgImageChecked = 'none';
+DefaultTheme.btnLinkBorderRadius = '2px';
+DefaultTheme.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.05)';
+DefaultTheme.btnCheckedBg = '#7e7e7e';
 DefaultTheme.btnCheckedDisabledBg = '#a0a0a0';
 DefaultTheme.btnCheckedDisabledColor = 'rgba(255, 255, 255, 0.7)';
 DefaultTheme.btnCheckedTextColor = '#fff';
-DefaultTheme.btnCheckedDisabledBorderColor = 'rgba(161,161,161,1)';
-DefaultTheme.btnCheckedShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.3)';
+DefaultTheme.btnCheckedShadow = 'none';
 DefaultTheme.btnCheckedDisabledShadow = 'none';
 DefaultTheme.btnBorderRadiusSmall = '2px';
 DefaultTheme.btnBorderRadiusMedium = '2px';
 DefaultTheme.btnBorderRadiusLarge = '2px';
-DefaultTheme.btnBorderWidth = '1px';
 DefaultTheme.btnInsetWidth = '1px';
 DefaultTheme.btnPaddingXSmall = '15px';
 DefaultTheme.btnPaddingXMedium = '15px';
-DefaultTheme.btnPaddingXLarge = '20px';
-DefaultTheme.btnIconGapSmall = '7px';
-DefaultTheme.btnIconGapMedium = '7px';
-DefaultTheme.btnIconGapLarge = '7px';
-DefaultTheme.btnIconSizeSmall = 'auto';
-DefaultTheme.btnIconSizeMedium = 'auto';
-DefaultTheme.btnIconSizeLarge = 'auto';
-DefaultTheme.btnDefaultBg = 'none';
-DefaultTheme.btnDefaultBgStart = '#fff';
-DefaultTheme.btnDefaultBgEnd = '#ebebeb';
-DefaultTheme.btnDefaultCheckedBorderColor = 'rgba(102,102,102,1)';
-DefaultTheme.btnDefaultHoverBg = 'none';
-DefaultTheme.btnDefaultHoverBgStart = '#f2f2f2';
-DefaultTheme.btnDefaultHoverBgEnd = '#dfdfdf';
-DefaultTheme.btnDefaultActiveBg = '#e1e1e1';
-DefaultTheme.btnDefaultHoverBorderColor = 'rgba(0, 0, 0, 0.2)';
-DefaultTheme.btnDefaultHoverBorderBottomColor = 'rgba(0, 0, 0, 0.35)';
-DefaultTheme.btnDefaultActiveBorderColor = 'rgba(0, 0, 0, 0.2)';
-DefaultTheme.btnDefaultActiveBorderTopColor = 'rgba(0, 0, 0, 0.35)';
-DefaultTheme.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.15)';
-DefaultTheme.btnDefaultBorderBottomColor = 'rgba(0, 0, 0, 0.28)';
-DefaultTheme.btnDefaultActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)';
-DefaultTheme.btnSuccessBg = '#419d14';
-DefaultTheme.btnSuccessHoverBg = 'none';
-DefaultTheme.btnSuccessHoverBorderColor = 'rgba(8, 73, 2, 0.7)';
-DefaultTheme.btnSuccessHoverBorderBottomColor = 'rgba(8, 73, 2, 0.9)';
-DefaultTheme.btnSuccessBorderColor = 'rgba(25, 103, 6, 0.7)';
-DefaultTheme.btnSuccessBorderBottomColor = 'rgba(23, 89, 7, 0.9)';
-DefaultTheme.btnSuccessBgStart = '#4ba91d';
-DefaultTheme.btnSuccessBgEnd = '#37910b';
+DefaultTheme.btnPaddingXLarge = '19px';
+DefaultTheme.btnIconGapSmall = '4px';
+DefaultTheme.btnIconGapMedium = '4px';
+DefaultTheme.btnIconGapLarge = '4px';
+DefaultTheme.btnIconSizeSmall = '16px';
+DefaultTheme.btnIconSizeMedium = '18px';
+DefaultTheme.btnIconSizeLarge = '20px';
+DefaultTheme.btnDefaultBg = '#fff';
+DefaultTheme.btnDefaultBgStart = 'none';
+DefaultTheme.btnDefaultBgEnd = 'none';
+DefaultTheme.btnDefaultHoverBg = '#f2f2f2';
+DefaultTheme.btnDefaultHoverBgStart = 'none';
+DefaultTheme.btnDefaultHoverBgEnd = 'none';
+DefaultTheme.btnDefaultActiveBg = '#ebebeb';
+DefaultTheme.btnDefaultHoverBorderColor = 'rgba(0, 0, 0, 0.16)';
+DefaultTheme.btnDefaultActiveBorderColor = 'rgba(0, 0, 0, 0.16)';
+DefaultTheme.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16)';
+DefaultTheme.btnDefaultActiveShadow = 'none';
+DefaultTheme.btnSuccessBg = '#538a1b';
+DefaultTheme.btnSuccessHoverBg = '#477916';
+DefaultTheme.btnSuccessHoverBorderColor = '#477916';
+DefaultTheme.btnSuccessBorderColor = '#538a1b';
+DefaultTheme.btnSuccessBgStart = 'none';
+DefaultTheme.btnSuccessBgEnd = 'none';
 DefaultTheme.btnSuccessTextColor = '#fff';
-DefaultTheme.btnSuccessHoverBgStart = '#3b8d13';
-DefaultTheme.btnSuccessHoverBgEnd = '#317e0b';
-DefaultTheme.btnSuccessActiveBg = '#35840e';
-DefaultTheme.btnSuccessActiveBorderColor = 'rgba(8, 73, 2, 0.7)';
-DefaultTheme.btnSuccessActiveBorderTopColor = 'rgba(8, 73, 2, 0.9)';
-DefaultTheme.btnSuccessActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)';
-DefaultTheme.btnPrimaryBg = '#1e8dd4';
-DefaultTheme.btnPrimaryHoverBg = 'none';
-DefaultTheme.btnPrimaryHoverBorderColor = 'rgba(5, 61, 100, 0.7)';
-DefaultTheme.btnPrimaryHoverBorderBottomColor = 'rgba(5, 61, 100, 0.9)';
-DefaultTheme.btnPrimaryBorderColor = 'rgba(14, 81, 129, 0.7)';
-DefaultTheme.btnPrimaryBorderBottomColor = 'rgba(14, 81, 129, 0.9)';
-DefaultTheme.btnPrimaryBgStart = '#2899ea';
-DefaultTheme.btnPrimaryBgEnd = '#167ac1';
+DefaultTheme.btnSuccessHoverBgStart = 'none';
+DefaultTheme.btnSuccessHoverBgEnd = 'none';
+DefaultTheme.btnSuccessActiveBg = '#3a6710';
+DefaultTheme.btnSuccessActiveBorderColor = '#3a6710';
+DefaultTheme.btnSuccessActiveShadow = 'none';
+DefaultTheme.btnPrimaryBg = '#1c7edf';
+DefaultTheme.btnPrimaryHoverBg = '#1874cf';
+DefaultTheme.btnPrimaryHoverBorderColor = '#1874cf';
+DefaultTheme.btnPrimaryBorderColor = '#1c7edf';
+DefaultTheme.btnPrimaryBgStart = 'none';
+DefaultTheme.btnPrimaryBgEnd = 'none';
 DefaultTheme.btnPrimaryTextColor = '#fff';
-DefaultTheme.btnPrimaryHoverBgStart = '#0087d5';
-DefaultTheme.btnPrimaryHoverBgEnd = '#167ac1';
-DefaultTheme.btnPrimaryActiveBg = '#0079c3';
-DefaultTheme.btnPrimaryActiveBorderColor = 'rgba(5, 61, 100, 0.7) ';
-DefaultTheme.btnPrimaryActiveBorderTopColor = 'rgba(5, 61, 100, 0.9)';
-DefaultTheme.btnPrimaryActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)';
-DefaultTheme.btnDangerBg = '#e14c30';
-DefaultTheme.btnDangerHoverBg = 'none';
-DefaultTheme.btnDangerHoverBorderColor = 'rgba(145, 0, 0, 0.7)';
-DefaultTheme.btnDangerHoverBorderBottomColor = 'rgba(145, 0, 0, 0.95)';
-DefaultTheme.btnDangerBorderColor = 'rgba(173,15,0,0.7)';
-DefaultTheme.btnDangerBorderBottomColor = 'rgba(173,15,0,0.9)';
-DefaultTheme.btnDangerBgStart = '#ec5438';
-DefaultTheme.btnDangerBgEnd = '#d44327';
+DefaultTheme.btnPrimaryHoverBgStart = 'none';
+DefaultTheme.btnPrimaryHoverBgEnd = 'none';
+DefaultTheme.btnPrimaryActiveBg = '#156abe';
+DefaultTheme.btnPrimaryActiveBorderColor = '#156abe';
+DefaultTheme.btnPrimaryActiveShadow = 'none';
+DefaultTheme.btnDangerBg = '#dd473b';
+DefaultTheme.btnDangerHoverBg = '#cb3d35';
+DefaultTheme.btnDangerHoverBorderColor = '#cb3d35';
+DefaultTheme.btnDangerBorderColor = '#dd473b';
+DefaultTheme.btnDangerBgStart = 'none';
+DefaultTheme.btnDangerBgEnd = 'none';
 DefaultTheme.btnDangerTextColor = '#fff';
-DefaultTheme.btnDangerHoverBgStart = '#d44227';
-DefaultTheme.btnDangerHoverBgEnd = '#c73013';
-DefaultTheme.btnDangerActiveBg = '#cd381b';
-DefaultTheme.btnDangerActiveBorderColor = 'rgba(145, 0, 0, 0.7)';
-DefaultTheme.btnDangerActiveBorderTopColor = 'rgba(145, 0, 0, 0.95)';
-DefaultTheme.btnDangerActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)';
-DefaultTheme.btnPayBg = '#ffc943';
-DefaultTheme.btnPayHoverBg = 'none';
-DefaultTheme.btnPayHoverBorderColor = 'rgba(227, 142, 8, 0.7)';
-DefaultTheme.btnPayHoverBorderBottomColor = 'rgba(227, 142, 8, 0.95)';
-DefaultTheme.btnPayBorderColor = 'rgba(238, 169, 34, 0.7)';
-DefaultTheme.btnPayBorderBottomColor = 'rgba(217, 144, 3, 0.9)';
-DefaultTheme.btnPayBgStart = '#ffd54b';
-DefaultTheme.btnPayBgEnd = '#ffbb39';
-DefaultTheme.btnPayHoverBgStart = '#ffbd3a';
-DefaultTheme.btnPayHoverBgEnd = '#f8a91d';
-DefaultTheme.btnPayActiveBg = '#fbb028';
-DefaultTheme.btnPayActiveBorderColor = 'rgba(227, 142, 8, 0.7)';
-DefaultTheme.btnPayActiveBorderTopColor = 'rgba(227, 142, 8, 0.95)';
-DefaultTheme.btnPayActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)';
+DefaultTheme.btnDangerHoverBgStart = 'none';
+DefaultTheme.btnDangerHoverBgEnd = 'none';
+DefaultTheme.btnDangerActiveBg = '#ba342e';
+DefaultTheme.btnDangerActiveBorderColor = '#ba342e';
+DefaultTheme.btnDangerActiveShadow = 'none';
+DefaultTheme.btnPayBg = '#ffa236';
+DefaultTheme.btnPayHoverBg = '#ff8227';
+DefaultTheme.btnPayHoverBorderColor = '#ff8227';
+DefaultTheme.btnPayBorderColor = '#ffa236';
+DefaultTheme.btnPayBgStart = 'none';
+DefaultTheme.btnPayBgEnd = 'none';
+DefaultTheme.btnPayHoverBgStart = 'none';
+DefaultTheme.btnPayHoverBgEnd = 'none';
+DefaultTheme.btnPayActiveBg = '#ea7324';
+DefaultTheme.btnPayActiveBorderColor = '#ea7324';
+DefaultTheme.btnPayActiveShadow = 'none';
 DefaultTheme.btnMenuArrowColor = '#a6a6a6';
 DefaultTheme.btnInsetColor = '#fff';
-DefaultTheme.selectPlaceholderColor = '#a0a0a0';
-DefaultTheme.selectBorderWidth = '1px';
-DefaultTheme.selectPaddingXSmall = '9px';
-DefaultTheme.selectPaddingXMedium = '9px';
-DefaultTheme.selectPaddingXLarge = '9px';
-DefaultTheme.tooltipPaddingY = '15px';
-DefaultTheme.tooltipPaddingX = '20px';
+DefaultTheme.selectPlaceholderColor = '#adadad';
+DefaultTheme.selectPaddingXSmall = '7px';
+DefaultTheme.selectIconGapSmall = '4px';
+DefaultTheme.selectPaddingXMedium = '11px';
+DefaultTheme.selectIconGapMedium = '8px';
+DefaultTheme.selectPaddingXLarge = '15px';
+DefaultTheme.selectIconGapLarge = '12px';
+DefaultTheme.selectRootWidthMobile = 'auto';
+DefaultTheme.tooltipPaddingY = '16px';
+DefaultTheme.tooltipPaddingX = '16px';
 DefaultTheme.tooltipCloseBtnPadding = '8px';
-DefaultTheme.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.374)';
+DefaultTheme.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.32)';
 DefaultTheme.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';
 DefaultTheme.tooltipPinOffset = '0px';
-DefaultTheme.tooltipPinOffsetX = '17px';
-DefaultTheme.tooltipPinOffsetY = '17px';
-DefaultTheme.tooltipMargin = '15px';
-DefaultTheme.tooltipMenuPinOffset = '15px';
-DefaultTheme.kebabPinOffset = '15px';
-DefaultTheme.kebabMargin = '5px';
+DefaultTheme.tooltipPinOffsetX = '16px';
+DefaultTheme.tooltipPinOffsetY = '18px';
+DefaultTheme.tooltipMargin = '10px';
+DefaultTheme.kebabMargin = '4px';
 DefaultTheme.kebabBackground = 'transparent';
 DefaultTheme.kebabBackgroundHover = 'rgba(0, 0, 0, 0.09)';
 DefaultTheme.kebabBorderRadius = '50%';
 DefaultTheme.kebabBorder = '2px solid transparent';
-DefaultTheme.modalBackBg = '#333';
+DefaultTheme.modalBackBg = '#222';
 DefaultTheme.modalBackOpacity = '0.6';
-DefaultTheme.modalCloseButtonColor = '#808080';
+DefaultTheme.modalCloseButtonColor = 'rgba(0, 0, 0, 0.32)';
 DefaultTheme.modalCloseButtonDisabledColor = '#8b8b8b';
-DefaultTheme.modalCloseButtonHoverColor = '#333';
-DefaultTheme.modalCloseButtonPadding = '35px';
-DefaultTheme.modalCloseButtonLegacyShift = '15px';
+DefaultTheme.modalCloseButtonHoverColor = 'rgba(0, 0, 0, 0.865)';
+DefaultTheme.modalCloseButtonPadding = '36px';
+DefaultTheme.modalCloseButtonLegacyShift = '0px';
 DefaultTheme.modalCloseButtonBottomPadding = '20px';
 DefaultTheme.modalCloseButtonClickArea = '10px';
-DefaultTheme.modalCloseIconSize = '14px';
-DefaultTheme.modalCloseLegacyGap = '26px';
-DefaultTheme.modalCloseWrapperLegacyGap = '7px';
-DefaultTheme.modalFixedHeaderBg = '#fff';
-DefaultTheme.modalFixedHeaderShadow = '0 1px 10px #000000';
-DefaultTheme.modalFixedFooterShadow = '0 -1px 10px #000000';
-DefaultTheme.modalFooterBg = '#e9e9e9';
+DefaultTheme.modalCloseIconSize = '12px';
+DefaultTheme.modalCloseLegacyGap = '0px';
+DefaultTheme.modalCloseWrapperLegacyGap = '0px';
+DefaultTheme.modalFooterBg = '#ebebeb';
 DefaultTheme.modalAdaptiveThreshold = '425px';
-DefaultTheme.modalPaddingTop = '30px';
-DefaultTheme.modalPaddingLeft = '30px';
-DefaultTheme.modalPaddingRight = '35px';
-DefaultTheme.modalHeaderFontSize = '22px';
-DefaultTheme.modalHeaderLineHeight = '30px';
-DefaultTheme.modalHeaderPaddingBottom = '11px';
+DefaultTheme.modalPaddingTop = '24px';
+DefaultTheme.modalPaddingLeft = '32px';
+DefaultTheme.modalPaddingRight = '36px';
+DefaultTheme.modalHeaderFontSize = '24px';
+DefaultTheme.modalHeaderLineHeight = '32px';
+DefaultTheme.modalHeaderPaddingBottom = '16px';
 DefaultTheme.modalHeaderPaddingTop = '24px';
-DefaultTheme.modalFixedHeaderPaddingBottom = '11px';
-DefaultTheme.modalBodyPaddingBottom = '25px';
+DefaultTheme.modalBodyTextColor = 'inherit';
+DefaultTheme.modalFooterTextColor = 'inherit';
+DefaultTheme.modalBodyPaddingBottom = '24px';
 DefaultTheme.modalFooterPaddingTop = '0px';
-DefaultTheme.modalFooterPaddingBottom = '30px';
-DefaultTheme.modalPaddingBottom = '30px';
+DefaultTheme.modalFooterPaddingBottom = '32px';
+DefaultTheme.modalPaddingBottom = '40px';
 DefaultTheme.modalFooterPanelPaddingTop = '20px';
 DefaultTheme.modalFooterPanelPaddingBottom = '20px';
-DefaultTheme.sidePageFooterPanelBg = '#e9e9e9';
-DefaultTheme.sidePageBackingBg = '#333';
+DefaultTheme.mobileModalCloseButtonRightPadding = '16px';
+DefaultTheme.mobileModalCloseButtonTopPadding = '12px';
+DefaultTheme.mobileModalCloseButtonClickArea = '16px';
+DefaultTheme.mobileModalCloseIconSize = '12px';
+DefaultTheme.mobileModalHeaderFontSize = '24px';
+DefaultTheme.mobileModalHeaderLineHeight = '32px';
+DefaultTheme.mobileModalHeaderPadding = '16px';
+DefaultTheme.mobileModalBodyPadding = '16px';
+DefaultTheme.mobileModalBodyFontSize = '16px';
+DefaultTheme.mobileModalFooterPadding = '16px';
+DefaultTheme.mobileModalPaddingBottom = '16px';
+DefaultTheme.sidePageFooterPanelBg = '#ebebeb';
+DefaultTheme.sidePageBackingBg = '#222';
 DefaultTheme.sidePageBackingBgOpacity = '0.6';
 DefaultTheme.sidePageCloseButtonColor = 'rgba(0, 0, 0, 0.374)';
 DefaultTheme.sidePageCloseButtonHoverColor = 'rgba(0, 0, 0, 0.5)';
 DefaultTheme.sidePageContainerShadow = '0 5px 10px rgba(0, 0, 0, 0.2)';
-DefaultTheme.sidePagePaddingLeft = '30px';
-DefaultTheme.sidePagePaddingRight = '35px';
-DefaultTheme.sidePagePaddingTop = '25px';
-DefaultTheme.sidePagePaddingBottom = '20px';
-DefaultTheme.sidePageFooterPaddingTop = '20px';
-DefaultTheme.sidePageFooterPaddingBottom = '20px';
-DefaultTheme.sidePageHeaderFontSize = '22px';
-DefaultTheme.sidePageHeaderLineHeight = '30px';
-DefaultTheme.sidePageHeaderPaddingBottom = '25px';
-DefaultTheme.sidePageHeaderPaddingTop = '25px';
+DefaultTheme.mobileSidePagePaddingLeft = '16px';
+DefaultTheme.mobileSidePagePaddingRight = '16px';
+DefaultTheme.mobileSidePagePaddingTop = '16px';
+DefaultTheme.mobileSidePagePaddingBottom = '16px';
+DefaultTheme.mobileSidePageFooterPadding = '16px';
+DefaultTheme.sidePagePaddingLeft = '32px';
+DefaultTheme.sidePagePaddingRight = '36px';
+DefaultTheme.sidePagePaddingTop = '24px';
+DefaultTheme.sidePagePaddingBottom = '40px';
+DefaultTheme.sidePageFooterPaddingTop = '24px';
+DefaultTheme.sidePageFooterPaddingBottom = '32px';
+DefaultTheme.sidePageBodyTextColor = 'inherit';
+DefaultTheme.sidePageFooterTextColor = 'inherit';
+DefaultTheme.sidePageHeaderFontSize = '24px';
+DefaultTheme.sidePageHeaderLineHeight = '32px';
+DefaultTheme.sidePageHeaderPaddingBottom = '16px';
+DefaultTheme.sidePageHeaderPaddingTop = '24px';
 DefaultTheme.sidePageHeaderFixedFontSize = '18px';
-DefaultTheme.sidePageHeaderFixedLineHeight = '24px';
-DefaultTheme.sidePageHeaderFixedPaddingY = '13px';
-DefaultTheme.sidePageHeaderStickyOffset = '11px';
+DefaultTheme.sidePageHeaderFixedLineHeight = '28px';
+DefaultTheme.sidePageHeaderFixedPaddingY = '10px';
+DefaultTheme.sidePageHeaderStickyOffset = '5px';
 DefaultTheme.sidePageCloseButtonPadding = '36px';
-DefaultTheme.sidePageCloseButtonLegacyPaddingLeft = '37px';
+DefaultTheme.mobileSidePageCloseButtonPadding = '16px';
+DefaultTheme.sidePageCloseButtonLegacyPaddingLeft = '36px';
 DefaultTheme.sidePageFooterPanelPaddingTop = '20px';
 DefaultTheme.sidePageFooterPanelPaddingBottom = '20px';
 DefaultTheme.sidePageCloseIconSize = '12px';
-DefaultTheme.sidePageCloseButtonClickAreaX = '10px';
-DefaultTheme.dateInputIconColor = '#333';
+DefaultTheme.sidePageCloseButtonClickArea = '10px';
+DefaultTheme.mobileSidePageCloseButtonClickArea = '16px';
+DefaultTheme.mobileSidePageHeaderFontSize = '24px';
+DefaultTheme.mobileSidePageHeaderLineHeight = '32px';
+DefaultTheme.mobileSidePageHeaderPaddingBottom = '16px';
+DefaultTheme.mobileSidePageHeaderPaddingTop = '16px';
 DefaultTheme.dateInputMaskColor = '#b8b8b8';
-DefaultTheme.dateInputComponentSelectedBgColor = '#cae0f4';
-DefaultTheme.calendarCellBg = 'white';
+DefaultTheme.dateInputComponentSelectedBgColor = '#cdedff';
 DefaultTheme.calendarCellHoverColor = 'white';
 DefaultTheme.calendarCellActiveHoverColor = 'white';
-DefaultTheme.calendarCellWeekendColor = '#f00';
-DefaultTheme.calendarCellTodayBorder = '1px solid #8b8b8b';
-DefaultTheme.calendarCellSelectedBgColor = '#e9e9e9';
+DefaultTheme.calendarCellWeekendColor = '#cb3d35';
+DefaultTheme.calendarCellTodayBorder = '1px solid rgba(0, 0, 0, 0.32)';
+DefaultTheme.calendarCellSelectedBgColor = '#ebebeb';
 DefaultTheme.calendarCellSelectedFontColor = 'inherit';
-DefaultTheme.calendarCellSize = '30px';
-DefaultTheme.calendarMonthHeaderStickedBgColor = 'white';
+DefaultTheme.calendarCellSize = '32px';
 DefaultTheme.calendarMonthTitleBorderBottomColor = '#dfdede';
-DefaultTheme.calendarPaddingX = '15px';
-DefaultTheme.calendarMonthTitleLineHeight = '24px';
-DefaultTheme.calendarMonthTitlePaddingTop = '8px';
+DefaultTheme.calendarPaddingX = '18px';
+DefaultTheme.calendarMonthTitleLineHeight = '20px';
+DefaultTheme.calendarMonthTitlePaddingTop = '12px';
 DefaultTheme.calendarMonthTitlePaddingBottom = '8px';
-DefaultTheme.calendarMonthTitleMarginX = '0';
-DefaultTheme.calendarMonthTitleMarginBottom = '10px';
+DefaultTheme.calendarMonthTitleMarginX = '6px';
+DefaultTheme.calendarMonthTitleMarginBottom = '6px';
 DefaultTheme.calendarWrapperHeight = ' 330px';
-DefaultTheme.calendarMonthMarginBottom = '10px';
+DefaultTheme.calendarMonthMarginBottom = '6px';
 DefaultTheme.calendarMaxMonthsToAppendOnScroll = '5';
-DefaultTheme.dateSelectLineHeight = '24px';
+DefaultTheme.dateSelectLineHeight = '20px';
 DefaultTheme.dateSelectFontSize = '14px';
 DefaultTheme.dateSelectFontWeight = 'bold';
 DefaultTheme.dateSelectMenuItemBgSelected = '#ececec';
-DefaultTheme.datePickerOpenBtnColor = '#333';
-DefaultTheme.pickerBg = '#fff';
-DefaultTheme.pickerShadow = '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)';
-DefaultTheme.pickerTodayWrapperBgColor = 'white';
+DefaultTheme.pickerShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';
 DefaultTheme.pickerTodayWrapperBorderTop = '1px solid #dfdede';
 DefaultTheme.pickerTodayWrapperHoverBgColor = '#f5f5f5';
 DefaultTheme.pickerTodayWrapperFontSize = '14px';
-DefaultTheme.pickerTodayWrapperLineHeight = 'normal';
-DefaultTheme.pickerTodayWrapperPaddingTop = '7px';
-DefaultTheme.pickerTodayWrapperPaddingBottom = '8px';
-DefaultTheme.pagingFontSize = '16px';
-DefaultTheme.pagingForwardIconSize = '18px';
-DefaultTheme.pagingForwardIconMarginTop = '0px';
-DefaultTheme.pagingPageLinkPaddingX = '10px';
-DefaultTheme.pagingPageLinkPaddingY = '2px';
-DefaultTheme.pagingPageLinkLegacyPaddingY = '5px';
-DefaultTheme.pagingPageLinkMinWidth = 'initial';
-DefaultTheme.pagingPageForwardLinkMarginTop = '4px';
+DefaultTheme.pickerTodayWrapperLineHeight = '20px';
+DefaultTheme.pickerTodayWrapperPaddingTop = '6px';
+DefaultTheme.pickerTodayWrapperPaddingBottom = '6px';
+DefaultTheme.pagingForwardIconMarginTop = '1px';
+DefaultTheme.pagingPageLinkPaddingX = '0.625em';
+DefaultTheme.pagingPageLinkPaddingY = '0.3125em';
+DefaultTheme.pagingPageLinkLegacyPaddingY = '0';
+DefaultTheme.pagingPageLinkMinWidth = '0.75em';
+DefaultTheme.pagingPageForwardLinkMarginTop = '0.35em';
 DefaultTheme.pagingPageForwardLinkMarginLeft = '10px';
-DefaultTheme.pagingPageForwardLinkPaddingRight = '22px';
-DefaultTheme.pagingLineHeight = 'initial';
+DefaultTheme.pagingPageForwardLinkPaddingRight = '1.375em';
+DefaultTheme.pagingLineHeight = '1.375em';
 DefaultTheme.pagingDotsColor = 'gray';
-DefaultTheme.pagingDotsPadding = '6px 10px 0';
+DefaultTheme.pagingDotsPadding = '0.375em 0.625em 0';
 DefaultTheme.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.09)';
-DefaultTheme.pagingPageLinkActiveColor = 'black';
 DefaultTheme.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.05)';
-DefaultTheme.pagingPageLinkHintColor = '#bbb';
-DefaultTheme.pagingPageLinkHintFontSize = '11px';
-DefaultTheme.pagingPageLinkHintLineHeight = '15px';
-DefaultTheme.pagingPageLinkBorderRadius = '16px';
-DefaultTheme.pagingPageLinkMargin = '2px 1px';
+DefaultTheme.pagingPageLinkHintFontSize = '12px';
+DefaultTheme.pagingPageLinkHintLineHeight = '16px';
+DefaultTheme.pagingPageLinkBorderRadius = '50%';
+DefaultTheme.pagingPageLinkMargin = '0px 1px';
 DefaultTheme.hintMaxWidth = '200px';
 DefaultTheme.hintPaddingY = '6px';
 DefaultTheme.hintPaddingX = '8px';
 DefaultTheme.hintTextAlign = 'center';
+DefaultTheme.hintBgColor = 'rgba(51, 51, 51, 0.8)';
+DefaultTheme.hintBorder = 'none';
+DefaultTheme.hintBorderRadius = '2px';
 DefaultTheme.hintPinOffset = '8px';
-DefaultTheme.hintMargin = '15px';
-DefaultTheme.toastLineHeight = '20px';
+DefaultTheme.hintMargin = '8px';
 DefaultTheme.toastPaddingY = '10px';
-DefaultTheme.toastPaddingX = '20px';
+DefaultTheme.toastPaddingX = '16px';
 DefaultTheme.toastBorderRadius = '2px';
 DefaultTheme.toastBorder = 'none';
-DefaultTheme.toastTop = '20px';
+DefaultTheme.toastTop = '24px';
 DefaultTheme.toastBg = 'rgba(51, 51, 51, 0.8)';
 DefaultTheme.toastColor = 'white';
-DefaultTheme.toastLinkColor = '#80caff';
+DefaultTheme.toastLinkColor = '#8fcdff';
 DefaultTheme.toastClosePadding = '16px';
-DefaultTheme.toastCloseColor = '#a0a0a0';
+DefaultTheme.toastCloseColor = 'rgba(255, 255, 255, 0.6)';
 DefaultTheme.toastCloseHoverColor = 'white';
 DefaultTheme.toastCloseSize = '8px';
 DefaultTheme.dropdownMenuSelectedBg = '#f1f1f1';
-DefaultTheme.menuBorder = '1px solid #d5d5d5';
-DefaultTheme.menuShadow = '0 2px 6px rgba(0, 0, 0, 0.2)';
-DefaultTheme.menuPaddingY = '5px';
+DefaultTheme.menuBorder = 'none';
+DefaultTheme.menuShadow = '0 4px 12px rgba(0, 0, 0, 0.16)';
+DefaultTheme.menuPaddingY = '4px';
 DefaultTheme.menuItemIconWidth = '16px';
-DefaultTheme.menuItemIconGap = '5px';
-DefaultTheme.menuItemIconLegacyMargin = '7px';
-DefaultTheme.menuItemIconLegacyShift = '-1px';
-DefaultTheme.menuItemLineHeight = '18px';
+DefaultTheme.menuItemIconGap = '4px';
+DefaultTheme.menuItemIconLegacyMargin = '0px';
+DefaultTheme.menuItemIconLegacyShift = '0px';
 DefaultTheme.menuItemPaddingX = '8px';
-DefaultTheme.menuItemLegacyPaddingX = '10px';
-DefaultTheme.menuItemLegacyPaddingY = '1px';
-DefaultTheme.menuItemCommentColor = '#a0a0a0';
+DefaultTheme.menuItemPaddingY = '6px';
+DefaultTheme.menuItemLegacyPaddingX = '0px';
+DefaultTheme.menuItemLegacyPaddingY = '0px';
+DefaultTheme.menuItemCommentColor = '#adadad';
 DefaultTheme.menuItemCommentColorHover = '#fff';
-DefaultTheme.menuHeaderColor = '#a0a0a0';
-DefaultTheme.menuHeaderLineHeight = 'inherit';
+DefaultTheme.menuItemPaddingMobile = '12px 16px';
+DefaultTheme.menuHeaderLineHeight = '16px';
 DefaultTheme.menuHeaderFontSize = '12px';
-DefaultTheme.menuHeaderPaddingTop = '6px';
-DefaultTheme.menuHeaderPaddingBottom = '7px';
-DefaultTheme.menuHeaderLegacyPaddingRight = '10px';
-DefaultTheme.menuSeparatorBorderColor = '#e6e6e6';
-DefaultTheme.menuSeparatorMarginY = '5px';
+DefaultTheme.menuHeaderPaddingX = '8px';
+DefaultTheme.menuHeaderPaddingTop = '12px';
+DefaultTheme.menuHeaderPaddingBottom = '4px';
+DefaultTheme.menuHeaderLegacyPaddingRight = '0px';
+DefaultTheme.menuSeparatorBorderColor = '#ebebeb';
+DefaultTheme.menuSeparatorMarginY = '2px';
 DefaultTheme.menuSeparatorBorderWidth = '1px';
 DefaultTheme.toggleHandleActiveWidthIncrement = '4px';
 DefaultTheme.toggleHeight = '20px';
-DefaultTheme.toggleWidth = '34px';
-DefaultTheme.toggleBorderRadius = '10px';
-DefaultTheme.toggleBg = 'linear-gradient(-180deg, #fff, #ebebeb)';
-DefaultTheme.toggleBgDisabled = 'none';
-DefaultTheme.toggleBgChecked = '#3072c4';
-DefaultTheme.toggleBorderWidth = '1px';
-DefaultTheme.toggleOutlineWidth = '3px';
-DefaultTheme.toggleBorderColor = '#d0d0d0';
+DefaultTheme.toggleWidth = '32px';
+DefaultTheme.toggleBg = '#fff';
+DefaultTheme.toggleDisabledHandleBg = '#fff';
+DefaultTheme.toggleBaseBg = '#fff';
+DefaultTheme.toggleBgDisabledChecked = '#dadada';
+DefaultTheme.toggleBgHover = '#f3f3f2';
+DefaultTheme.toggleBgChecked = '#1874cf';
+DefaultTheme.toggleBorderColor = 'rgba(0, 0, 0, 0.16)';
 DefaultTheme.toggleBgFocus = 'linear-gradient(-180deg, #f1f1f1, #dedede)';
+DefaultTheme.toggleBgActive = '#e5e5e5';
 DefaultTheme.toggleCaptionGap = '10px';
+DefaultTheme.toggleButtonOffsetY = '0px';
 DefaultTheme.popupBorder = 'none';
 DefaultTheme.popupBorderRadius = '2px';
 DefaultTheme.popupBorderColor = 'transparent';
-DefaultTheme.popupDropShadow = 'drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))';
-DefaultTheme.popupBoxShadow = '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)';
-DefaultTheme.popupTextColor = 'inherit';
+DefaultTheme.popupDropShadow = 'drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16))';
+DefaultTheme.popupBoxShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';
 DefaultTheme.popupPinOffset = '0';
 DefaultTheme.popupPinOffsetX = '16px';
 DefaultTheme.popupPinOffsetY = '16px';
 DefaultTheme.popupMargin = '10px';
 DefaultTheme.popupPinSize = '8px';
-DefaultTheme.inputTextColor = 'none';
-DefaultTheme.inputShadow = 'inset 0 1px 0 0 rgba(0, 0, 0, 0.05)';
+DefaultTheme.inputShadow = 'none';
 DefaultTheme.inputBg = 'white';
 DefaultTheme.inputIconColor = '#a9a9a9';
 DefaultTheme.inputColor = 'inherit';
-DefaultTheme.inputWidth = '250px';
-DefaultTheme.inputPaddingXSmall = '10px';
-DefaultTheme.inputPaddingXMedium = '10px';
-DefaultTheme.inputPaddingXLarge = '10px';
-DefaultTheme.inputIconGapSmall = '2px';
-DefaultTheme.inputIconGapMedium = '2px';
-DefaultTheme.inputIconGapLarge = '2px';
-DefaultTheme.inputIconSizeSmall = 'auto';
-DefaultTheme.inputIconSizeMedium = 'auto';
-DefaultTheme.inputIconSizeLarge = 'auto';
-DefaultTheme.inputBorderRadiusSmall = '0';
-DefaultTheme.inputBorderRadiusMedium = '0';
-DefaultTheme.inputBorderRadiusLarge = '0';
-DefaultTheme.checkboxBorderWidthCompensation = '0px';
+DefaultTheme.inputWidth = '200px';
+DefaultTheme.inputPaddingXSmall = '7px';
+DefaultTheme.inputPaddingXMedium = '11px';
+DefaultTheme.inputPaddingXLarge = '15px';
+DefaultTheme.inputIconGapSmall = '4px';
+DefaultTheme.inputIconGapMedium = '8px';
+DefaultTheme.inputIconGapLarge = '12px';
+DefaultTheme.inputIconSizeSmall = '16px';
+DefaultTheme.inputIconSizeMedium = '18px';
+DefaultTheme.inputIconSizeLarge = '20px';
+DefaultTheme.inputBorderRadiusSmall = '0px';
+DefaultTheme.inputBorderRadiusMedium = '0px';
+DefaultTheme.inputBorderRadiusLarge = '0px';
+DefaultTheme.inputBorderTopColor = 'rgba(0, 0, 0, 0.15)';
 DefaultTheme.checkboxBoxSize = '16px';
-DefaultTheme.checkboxLabelGap = '10px';
-DefaultTheme.checkboxPaddingY = '0';
+DefaultTheme.checkboxCaptionGap = '8px';
+DefaultTheme.checkboxBoxOffsetY = '1px';
 DefaultTheme.checkboxBgStart = '#fdfdfd';
 DefaultTheme.checkboxBgEnd = '#ededed';
 DefaultTheme.checkboxBorder = 'none';
-DefaultTheme.checkboxBorderWidth = '1px';
+DefaultTheme.checkboxCheckedColor = '#fff';
 DefaultTheme.checkboxBorderRadius = '1px';
-DefaultTheme.checkboxOutlineWidth = '2px';
-DefaultTheme.textareaShadow = 'inset 0 1px 0 0 rgba(0, 0, 0, 0.05)';
+DefaultTheme.checkboxBg = '#fff';
+DefaultTheme.textareaBg = '#fff';
+DefaultTheme.textareaShadow = 'none';
 DefaultTheme.textareaBorderRadius = '0px';
 DefaultTheme.textareaWidth = '250px';
+DefaultTheme.textareaPaddingX = '7px';
+DefaultTheme.textareaBorderTopColor = 'rgba(0, 0, 0, 0.16)';
+DefaultTheme.textareaDisabledBg = 'rgba(0, 0, 0, 0.05)';
 DefaultTheme.radioBulletSize = '8px';
 DefaultTheme.radioSize = '16px';
-DefaultTheme.radioLabelGap = '9px';
-DefaultTheme.radioPaddingY = '0';
-DefaultTheme.radioVerticalAlign = '-2px';
-DefaultTheme.radioBgImage = 'linear-gradient(-180deg, #fff 0, #ebebeb 100%)';
-DefaultTheme.radioHoverBg = 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%)';
-DefaultTheme.radioActiveBg = 'linear-gradient(-180deg, #e1e1e1 0, #e1e1e1 100%)';
-DefaultTheme.radioBorderWidth = '1px';
-DefaultTheme.radioBorderColor = 'rgba(0, 0, 0, 0.15)';
-DefaultTheme.radioBorder = '0 none';
-DefaultTheme.radioFocusShadow = 'none';
-DefaultTheme.radioCheckedBgColor = 'transparent';
-DefaultTheme.radioCheckedBulletColor = '#404040';
-DefaultTheme.radioLabelDisplay = 'inline-table';
+DefaultTheme.radioCaptionGap = '8px';
+DefaultTheme.radioVerticalAlign = 'top';
+DefaultTheme.radioBgImage = 'none';
+DefaultTheme.radioBgColor = '#fff';
+DefaultTheme.radioBoxShadow = 'none';
+DefaultTheme.radioHoverShadow = 'none';
+DefaultTheme.radioActiveShadow = 'none';
+DefaultTheme.radioCheckedBorderColor = 'transparent';
+DefaultTheme.radioCheckedBulletColor = '#fff';
+DefaultTheme.radioCaptionDisplay = 'inline-table';
 DefaultTheme.radioBorderWidthCompensation = '0px';
-DefaultTheme.radioMarginY = '2px';
-DefaultTheme.radioGroupLegacyItemGap = '10px';
-DefaultTheme.tabPaddingY = '10px';
-DefaultTheme.tabBorderWidth = '3px';
-DefaultTheme.tabOutlineWidth = '2px';
-DefaultTheme.spinnerFontSizeSmall = '14px';
-DefaultTheme.spinnerFontSizeMedium = '16px';
-DefaultTheme.spinnerFontSizeLarge = '18px';
-DefaultTheme.spinnerLineHeightSmall = '1';
-DefaultTheme.spinnerLineHeightMedium = '1.375';
-DefaultTheme.spinnerLineHeightLarge = '1.33';
-DefaultTheme.spinnerCaptionGapSmall = '8px';
-DefaultTheme.spinnerCaptionGapMedium = '-6px';
-DefaultTheme.spinnerCaptionGapLarge = '-8px';
-DefaultTheme.switcherOutlineWidth = '2px';
-DefaultTheme.switcherLabelFontSizeSmall = 'inherit';
-DefaultTheme.switcherLabelFontSizeMedium = 'inherit';
-DefaultTheme.switcherLabelFontSizeLarge = 'inherit';
-DefaultTheme.switcherLabelLineHeightSmall = 'inherit';
-DefaultTheme.switcherLabelLineHeightMedium = 'inherit';
-DefaultTheme.switcherLabelLineHeightLarge = 'inherit';
-DefaultTheme.switcherLabelGapSmall = '15px';
-DefaultTheme.switcherLabelGapMedium = '15px';
-DefaultTheme.switcherLabelGapLarge = '15px';
-export var DefaultThemeInternal = exposeGetters(markAsFullTheme(DefaultTheme));
+DefaultTheme.radioCircleOffsetY = '1px';
+DefaultTheme.radioGroupLegacyItemGap = '0px';
+DefaultTheme.tabPaddingX = '12px';
+DefaultTheme.tabBorderWidth = '2px';
+DefaultTheme.spinnerCaptionGapSmall = '6px';
+DefaultTheme.spinnerCaptionGapMedium = '-4px';
+DefaultTheme.spinnerCaptionGapLarge = '-3px';
+DefaultTheme.switcherButtonPaddingXSmall = '7px';
+DefaultTheme.switcherButtonPaddingXMedium = '11px';
+DefaultTheme.switcherButtonPaddingXLarge = '15px';
+DefaultTheme.switcherButtonCheckedDisabledShadow = 'none';
+DefaultTheme.mobilePopupTopPadding = '20px';
+DefaultTheme.mobilePopupHeaderPadding = '0 16px';
+DefaultTheme.mobilePopupHeaderBorderRadius = '8px 8px 0px 0px';
+DefaultTheme.mobilePopupHeaderShadow = '0px 0px 16px 1px rgba(0, 0, 0, 0.1)';
+DefaultTheme.mobilePopupHeaderFontWeight = '500';
+DefaultTheme.mobilePopupHeaderChildPadding = '12px';
+DefaultTheme.scrollContainerScrollBarSize = '4px';
+DefaultTheme.scrollContainerScrollBarHoverSize = '10px';
+DefaultTheme.scrollContainerScrollBarColor = '#b7b7b7';
+DefaultTheme.scrollContainerScrollBarInvertColor = 'rgba(255, 255, 255, 0.5)';
+DefaultTheme.passwordInputVisibilityIconColor = '#000';
+DefaultTheme.passwordInputVisibilityIconOpacity = '0.6';
+DefaultTheme.passwordInputVisibilityIconHoverColor = '#000';
+DefaultTheme.passwordInputVisibilityIconHoverOpacity = '1';
+export var DefaultThemeInternal = exposeGetters(DefaultTheme);