@skbkontur/react-ui 0.0.0-80ce75eca6 → 0.0.0-85ea551f96

package/internal/themes/DefaultTheme/DefaultTheme.js

@@ -6,8 +6,8 @@ export var DefaultTheme = /*#__PURE__*/function () {
 
   _createClass(DefaultTheme, null, [{
     key: "bgActive",
-    //#region Common variables
-    get: function get() {
+    get: //#region Common variables
+    function get() {
       return this.blueLight;
     }
   }, {
@@ -61,28 +61,16 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.textColorDisabled;
     }
-  }, {
-    key: "dropdownMenuHoverBg",
-    get: function get() {
-      return this.bgActive;
-    } //#endregion
-    //#region Token
-
   }, {
     key: "tokenTextColorDisabled",
     get: function get() {
-      return this.textColorDisabled;
+      return this.textColorDisabledContrast;
     }
   }, {
     key: "tokenFontSize",
     get: function get() {
       return this.fontSizeSmall;
     }
-  }, {
-    key: "tokenBorderColorDisabled",
-    get: function get() {
-      return this.tokenDisabledBg;
-    }
   }, {
     key: "tokenDefaultIdle",
     get: function get() {
@@ -169,9 +157,14 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return this.tokenPaddingX;
     }
   }, {
-    key: "tokenInputBorderColor",
-    //#endregion
+    key: "tokenShadowDisabled",
+    get: function get() {
+      return "0 0 0 " + this.tokenBorderWidth + " " + this.tokenBorderColorDisabled;
+    } //#endregion
     //#region TokenInput
+
+  }, {
+    key: "tokenInputBorderColor",
     get: function get() {
       return this.inputBorderColor;
     }
@@ -243,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,119 +258,28 @@ export var DefaultTheme = /*#__PURE__*/function () {
     } //#endregion
     //#region Loader
 
-  }, {
-    key: "btnWrapPadding",
-    //#endregion
-    //#region Button
-    get: function get() {
-      return this.btnBorderWidth;
-    }
-  }, {
-    key: "btnHeightShift",
-    get: function get() {
-      var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
-      return "-" + 2 * borderWidth + "px";
-    }
   }, {
     key: "btnFocusShadowWidth",
     get: function get() {
-      return this.btnOutlineWidth;
-    }
-  }, {
-    key: "btnCheckedShadow",
-    get: function get() {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(0, 0, 0, 0.6), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3)";
+      var outlineWidth = parseInt(this.btnOutlineWidth, 10) || 0;
+      var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
+      return outlineWidth - borderWidth + "px";
     }
   }, {
     key: "btnOutlineWidth",
     get: function get() {
-      return this.controlOutlineWidth;
+      return parseInt(this.btnBorderWidth, 10) + 1 + "px";
     }
   }, {
     key: "btnDefaultTextColor",
     get: function get() {
       return this.textColorDefault;
     }
-  }, {
-    key: "btnDefaultShadow",
-    get: function get() {
-      return "0 " + this.btnBorderWidth + " 0 0 rgba(0, 0, 0, 0.15), 0 0 0 " + this.btnBorderWidth + " rgba(0, 0, 0, 0.15)";
-    }
-  }, {
-    key: "btnDefaultHoverShadow",
-    get: function get() {
-      return "0 " + this.btnBorderWidth + " 0 0 rgba(0, 0, 0, 0.15), 0 0 0 " + this.btnBorderWidth + " rgba(0, 0, 0, 0.2)";
-    }
-  }, {
-    key: "btnDefaultActiveShadow",
-    get: function get() {
-      return "0 -" + this.btnBorderWidth + " 0 0 rgba(0, 0, 0, 0.1), 0 0 0 " + this.btnBorderWidth + " rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)";
-    }
-  }, {
-    key: "btnSuccessShadow",
-    get: function get() {
-      return "0 0 0 " + this.btnBorderWidth + "  rgba(25, 103, 6, 0.7), 0 " + this.btnBorderWidth + "  0 0 rgba(21, 80, 7, 0.5)";
-    }
-  }, {
-    key: "btnSuccessHoverShadow",
-    get: function get() {
-      return "0 0 0 " + this.btnBorderWidth + "  rgba(7, 73, 1, 0.7), 0 " + this.btnBorderWidth + "  0 0 rgba(16, 70, 4, 0.3)";
-    }
-  }, {
-    key: "btnSuccessActiveShadow",
-    get: function get() {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(4, 63, 0, 0.75), 0 -" + this.btnBorderWidth + " 0 0 rgba(9, 32, 4, 0.6), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)";
-    }
-  }, {
-    key: "btnPrimaryShadow",
-    get: function get() {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(14, 81, 129, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(7, 37, 80, 0.5)";
-    }
-  }, {
-    key: "btnPrimaryHoverShadow",
-    get: function get() {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(5, 60, 99, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(7, 37, 80, 0.3)";
-    }
-  }, {
-    key: "btnPrimaryActiveShadow",
-    get: function get() {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(10, 63, 99, 0.75), 0 -" + this.btnBorderWidth + " 0 0 rgba(8, 45, 96, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)";
-    }
-  }, {
-    key: "btnDangerShadow",
-    get: function get() {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(173, 15, 0, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(0, 0, 0, 0.4)";
-    }
-  }, {
-    key: "btnDangerHoverShadow",
-    get: function get() {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(145, 0, 0, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(90, 3, 3, 0.4)";
-    }
-  }, {
-    key: "btnDangerActiveShadow",
-    get: function get() {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(108, 7, 7, 0.75), 0 -" + this.btnBorderWidth + " 0 0 rgba(90, 3, 3, 0.4), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)";
-    }
-  }, {
-    key: "btnPayShadow",
-    get: function get() {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(238, 169, 34, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(77, 16, 0, 0.56)";
-    }
   }, {
     key: "btnPayTextColor",
     get: function get() {
       return this.textColorDefault;
     }
-  }, {
-    key: "btnPayHoverShadow",
-    get: function get() {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(227, 142, 8, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(93, 20, 3, 0.4)";
-    }
-  }, {
-    key: "btnPayActiveShadow",
-    get: function get() {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(210, 144, 0, 0.7), 0 -" + this.btnBorderWidth + " 0 0 rgba(0, 0, 0, 0.44), inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)";
-    }
   }, {
     key: "btnFontSizeSmall",
     get: function get() {
@@ -423,26 +330,6 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.bgDisabled;
     }
-  }, {
-    key: "btnDisabledShadowColor",
-    get: function get() {
-      return this.borderColorGrayLight;
-    }
-  }, {
-    key: "btnDisabledShadow",
-    get: function get() {
-      return "0 0 0 " + this.btnBorderWidth + " " + this.btnDisabledShadowColor;
-    }
-  }, {
-    key: "btnDisabledShadowArrow",
-    get: function get() {
-      return "1px 0 0 0 " + this.btnDisabledShadowColor;
-    }
-  }, {
-    key: "btnTextColorDefault",
-    get: function get() {
-      return this.textColorDefault;
-    }
   }, {
     key: "btnBorderColorWarning",
     get: function get() {
@@ -483,11 +370,6 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.linkHoverTextDecoration;
     }
-  }, {
-    key: "btnLinkActiveColor",
-    get: function get() {
-      return this.linkActiveColor;
-    }
   }, {
     key: "btnLinkIconMarginRight",
     get: function get() {
@@ -498,6 +380,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() {
@@ -512,9 +399,19 @@ 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: "selectPlaceholderColorDisabled",
+    get: function get() {
+      return this.textColorDisabledContrast;
+    }
   }, {
     key: "selectOutlineWidth",
     get: function get() {
@@ -600,6 +497,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.btnMenuArrowColor;
     }
+  }, {
+    key: "selectMenuArrowColorDisabled",
+    get: function get() {
+      return this.selectMenuArrowColor;
+    }
   }, {
     key: "selectIconSizeSmall",
     get: function get() {
@@ -614,21 +516,151 @@ 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: "calendarCellHoverBgColor",
+    key: "tooltipTextColor",
     get: function get() {
-      return this.bgActive;
+      return this.textColorDefault;
+    }
+  }, {
+    key: "tooltipBorder",
+    get: function get() {
+      return this.popupBorder;
+    }
+  }, {
+    key: "tooltipBorderRadius",
+    get: function get() {
+      return this.popupBorderRadius;
+    }
+  }, {
+    key: "tooltipPinSize",
+    get: function get() {
+      return this.popupPinSize;
+    } //#endregion
+    //#region TooltipMenu
+
+  }, {
+    key: "tooltipMenuMargin",
+    get: function get() {
+      return this.popupMargin;
+    }
+  }, {
+    key: "tooltipMenuPinSize",
+    get: function get() {
+      return this.popupPinSize;
+    } //#endregion
+    //#region Kebab
+
+  }, {
+    key: "kebabPinSize",
+    get: function get() {
+      return this.popupPinSize;
+    }
+  }, {
+    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: "sidePageBgDefault",
+    get: function get() {
+      return this.bgDefault;
+    }
+  }, {
+    key: "sidePageHeaderTextColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "sidePageFixedHeaderShadow",
+    get: function get() {
+      return this.fixedPanelShadow;
+    }
+  }, {
+    key: "sidePageFixedFooterShadow",
+    get: function get() {
+      return this.fixedPanelShadow;
     } //#endregion
-    //#region DatePicker
+    //#region DateInput
 
+  }, {
+    key: "calendarCellHeight",
+    get: // deprecated
+    function get() {
+      return this.calendarCellSize;
+    }
+  }, {
+    key: "calendarCellWidth",
+    get: function get() {
+      return this.calendarCellSize;
+    }
+  }, {
+    key: "calendarCellLineHeight",
+    get: function get() {
+      return parseInt(this.calendarCellHeight) - 2 + "px";
+    }
+  }, {
+    key: "calendarCellHoverBgColor",
+    get: function get() {
+      return this.bgActive;
+    }
+  }, {
+    key: "dateSelectTextColorDisabled",
+    get: function get() {
+      return this.textColorDisabled;
+    }
+  }, {
+    key: "dateSelectTextColorDefault",
+    get: function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "dateSelectLinkColor",
+    get: function get() {
+      return this.linkColor;
+    }
+  }, {
+    key: "dateSelectPopupBoxShadow",
+    get: function get() {
+      return this.popupBoxShadow;
+    }
+  }, {
+    key: "dateSelectTextColorInvert",
+    get: function get() {
+      return this.textColorInvert;
+    }
   }, {
     key: "dateSelectMenuBg",
-    //#endregion
+    get: //#endregion
     //#region DateSelect
-    get: function get() {
+    function get() {
       return this.bgDefault;
     }
   }, {
@@ -658,6 +690,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     } //#endregion
     //#region Paging
 
+  }, {
+    key: "pagingPageLinkActiveColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
   }, {
     key: "pagingForwardLinkColor",
     get: function get() {
@@ -668,8 +705,118 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.linkDisabledColor;
     } //#endregion
+    //#region Hint
+
+  }, {
+    key: "hintColor",
+    get: function get() {
+      return this.textColorInvert;
+    }
+  }, {
+    key: "hintFontSize",
+    get: function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "hintLineHeight",
+    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
+    //#region Toast
+    function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "dropdownMenuHoverBg",
+    get: //deprecated
+    function get() {
+      //deprecated
+      return this.bgActive;
+    } //#endregion
     //#region Menu
 
+  }, {
+    key: "menuBgDefault",
+    get: function get() {
+      return this.bgDefault;
+    }
+  }, {
+    key: "menuItemTextColor",
+    get: // menuItem
+    function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "menuItemSelectedBg",
+    get: function get() {
+      return this.dropdownMenuSelectedBg;
+    }
+  }, {
+    key: "menuItemHoverBg",
+    get: function get() {
+      return this.dropdownMenuHoverBg;
+    }
+  }, {
+    key: "menuItemPaddingForIcon",
+    get: function get() {
+      return parseInt(this.menuItemPaddingX) + parseInt(this.menuItemIconWidth) + parseInt(this.menuItemIconGap) + parseInt(this.menuItemIconLegacyMargin) + "px";
+    }
+  }, {
+    key: "menuItemFontSize",
+    get: function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "menuItemPaddingY",
+    get: function get() {
+      return this.controlPaddingYSmall;
+    }
+  }, {
+    key: "menuItemHoverColor",
+    get: function get() {
+      return this.textColorInvert;
+    }
+  }, {
+    key: "menuItemDisabledColor",
+    get: function get() {
+      return this.textColorDisabled;
+    }
+  }, {
+    key: "menuItemLinkColor",
+    get: function get() {
+      return this.linkColor;
+    }
+  }, {
+    key: "menuHeaderColor",
+    get: //menuHeader
+    function get() {
+      return this.gray;
+    }
+  }, {
+    key: "menuHeaderPaddingX",
+    get: function get() {
+      return this.menuItemPaddingX;
+    }
+  }, {
+    key: "toggleTextColor",
+    get: //#endregion
+    //#region Toggle
+    function get() {
+      return this.textColorDefault;
+    }
   }, {
     key: "toggleHandleBorderRadius",
     get: function get() {
@@ -678,23 +825,43 @@ export var DefaultTheme = /*#__PURE__*/function () {
       var handleSize = height - 2 * borderWidth;
       return handleSize / 2 + "px";
     }
+  }, {
+    key: "toggleBgDisabled",
+    get: function get() {
+      return this.bgDisabled;
+    }
+  }, {
+    key: "toggleBgDisabledChecked",
+    get: function get() {
+      return this.bgDisabled;
+    }
   }, {
     key: "toggleBgHover",
     get: function get() {
       return this.toggleBgFocus;
     }
+  }, {
+    key: "toggleBorderColorDisabled",
+    get: function get() {
+      return this.toggleBorderColor;
+    }
+  }, {
+    key: "toggleBorderColorDisabledChecked",
+    get: function get() {
+      return this.toggleBorderColor;
+    }
   }, {
     key: "toggleBgActive",
     get: function get() {
       return this.toggleBgChecked;
     }
   }, {
-    key: "toggleBgError",
+    key: "toggleShadowColorError",
     get: function get() {
       return this.errorMain;
     }
   }, {
-    key: "toggleBgWarning",
+    key: "toggleShadowColorWarning",
     get: function get() {
       return this.warningMain;
     }
@@ -703,15 +870,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;
     }
+  }, {
+    key: "inputTextColor",
+    get: //#endregion
+    //#region Input
+    function get() {
+      return this.textColorDefault;
+    }
   }, {
     key: "inputTextColorDisabled",
     get: function get() {
-      return this.textColorDisabled;
+      return this.textColorDisabledContrast;
     }
   }, {
     key: "inputFontSizeSmall",
@@ -835,6 +1014,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.placeholderColor;
     }
+  }, {
+    key: "inputPlaceholderColorDisabled",
+    get: function get() {
+      return this.textColorDisabledContrast;
+    }
   }, {
     key: "inputPlaceholderColorLight",
     get: function get() {
@@ -867,11 +1051,6 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.textColorDisabled;
     }
-  }, {
-    key: "checkboxIndeterminateBg",
-    get: function get() {
-      return this.textColorDefault;
-    }
   }, {
     key: "checkboxShadowDisabled",
     get: function get() {
@@ -920,7 +1099,7 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "checkboxCheckedActiveShadow",
     get: function get() {
-      return this.btnDefaultActiveShadow;
+      return this.checkboxShadow + ", " + this.btnDefaultActiveShadow;
     }
   }, {
     key: "checkboxBorderColorFocus",
@@ -952,11 +1131,6 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.bgDisabled;
     }
-  }, {
-    key: "checkboxBoxIndeterminateBg",
-    get: function get() {
-      return this.checkboxBg;
-    }
   }, {
     key: "checkboxCheckedHoverBg",
     get: function get() {
@@ -970,7 +1144,7 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "checkboxShadowActive",
     get: function get() {
-      return this.btnDefaultActiveShadow;
+      return this.checkboxShadow + ", " + this.btnDefaultActiveShadow;
     } //#endregion
     //#region TextArea
 
@@ -982,12 +1156,12 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "textareaColor",
     get: function get() {
-      return this.black;
+      return this.textColorDefault;
     }
   }, {
     key: "textareaTextColorDisabled",
     get: function get() {
-      return this.textColorDisabled;
+      return this.textColorDisabledContrast;
     }
   }, {
     key: "textareaPlaceholderColorLight",
@@ -999,6 +1173,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.placeholderColor;
     }
+  }, {
+    key: "textareaPlaceholderColorDisabled",
+    get: function get() {
+      return this.textColorDisabledContrast;
+    }
   }, {
     key: "textareaFontSize",
     get: function get() {
@@ -1110,6 +1289,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.controlOutlineWidth;
     }
+  }, {
+    key: "radioTextColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
   }, {
     key: "radioSizeAfter",
     get: function get() {
@@ -1160,6 +1344,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.radioHoverBg;
     }
+  }, {
+    key: "radioDisabledBg",
+    get: function get() {
+      return this.bgDisabled;
+    }
   }, {
     key: "radioDisabledShadow",
     get: function get() {
@@ -1167,9 +1356,9 @@ export var DefaultTheme = /*#__PURE__*/function () {
     }
   }, {
     key: "tabFontSize",
-    //#endregion
+    get: //#endregion
     //#region Tabs
-    get: function get() {
+    function get() {
       return '18px';
     }
   }, {
@@ -1264,6 +1453,13 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.gray;
     }
+  }, {
+    key: "switcherTextColor",
+    get: //#endregion
+    //#region Switcher
+    function get() {
+      return this.textColorDefault;
+    }
   }, {
     key: "switcherButtonPaddingXSmall",
     get: function get() {
@@ -1354,11 +1550,14 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.btnCheckedDisabledShadow;
     } //#endregion
+    //#region ScrollContainer
+    //#endregion
 
   }]);
 
   return DefaultTheme;
 }();
+DefaultTheme.fontFamilyCompensationBaseline = '1';
 DefaultTheme.brandXLight = '#cae5f5';
 DefaultTheme.brandLight = '#3094d0';
 DefaultTheme.brand = '#1e79be';
@@ -1372,7 +1571,7 @@ DefaultTheme.gray = '#808080';
 DefaultTheme.grayDark = '#333';
 DefaultTheme.black = '#000';
 DefaultTheme.blueXxLight = '#e4f3ff';
-DefaultTheme.blueLight = '#5199db';
+DefaultTheme.blueLight = '#1d85d0';
 DefaultTheme.blue = '#3072c4';
 DefaultTheme.blueDark = '#1e5aa4';
 DefaultTheme.blueXDark = '#044785';
@@ -1396,6 +1595,7 @@ DefaultTheme.warningText = '#d97e00';
 DefaultTheme.borderColorFocusLight = '#bad7f1';
 DefaultTheme.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';
 DefaultTheme.borderColorGrayLight = 'rgba(0, 0, 0, 0.15)';
+DefaultTheme.borderColorDisabled = 'rgba(0, 0, 0, 0.05)';
 DefaultTheme.placeholderColor = '#a0a0a0';
 DefaultTheme.outlineColorFocus = '#fff';
 DefaultTheme.placeholderColorLight = '#cdcdcd';
@@ -1408,13 +1608,15 @@ DefaultTheme.controlLineHeightLarge = '22px';
 DefaultTheme.controlPaddingYSmall = '6px';
 DefaultTheme.controlPaddingYMedium = '9px';
 DefaultTheme.controlPaddingYLarge = '10px';
-DefaultTheme.textColorDefault = '#404040';
+DefaultTheme.textColorDefault = '#333333';
 DefaultTheme.textColorInvert = '#fff';
 DefaultTheme.textColorDisabled = '#a0a0a0';
+DefaultTheme.textColorDisabledContrast = '#808080';
 DefaultTheme.fontSizeSmall = '14px';
 DefaultTheme.fontSizeMedium = '14px';
 DefaultTheme.fontSizeLarge = '16px';
 DefaultTheme.specificityLevel = '0';
+DefaultTheme.fixedPanelShadow = '0 0 16px 1px rgba(0, 0, 0, 0.3)';
 DefaultTheme.linkColor = '#3072c4';
 DefaultTheme.linkActiveColor = '#044785';
 DefaultTheme.linkHoverTextDecoration = 'underline';
@@ -1427,8 +1629,7 @@ DefaultTheme.linkDangerActiveColor = '#b00616';
 DefaultTheme.linkIconMarginRight = '3px';
 DefaultTheme.linkButtonLineHeight = '34px';
 DefaultTheme.linkButtonPaddingX = '10px';
-DefaultTheme.dropdownMenuSelectedBg = '#f1f1f1';
-DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.15)';
+DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.10)';
 DefaultTheme.tokenMarginY = '3px';
 DefaultTheme.tokenMarginX = '3px';
 DefaultTheme.tokenLineHeight = '1.5';
@@ -1442,38 +1643,35 @@ DefaultTheme.tokenRemoveIconGap = '4px';
 DefaultTheme.tokenRemoveIconBoxSizing = 'border-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.tokenInputPaddingY = '2px';
 DefaultTheme.tokenInputPaddingX = '4px';
 DefaultTheme.tokenInputLineHeight = '22px';
 DefaultTheme.tokenInputInputPaddingLeft = '5px';
 DefaultTheme.loaderBg = 'rgba(255, 255, 255, 0.8)';
 DefaultTheme.loaderOpacity = '0.8';
+DefaultTheme.btnBackgroundClip = 'padding-box';
 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.btnFocusBorder = 'none';
-DefaultTheme.btnDisabledTextColor = '#a0a0a0';
-DefaultTheme.btnDisabledBorderColor = 'transparent';
+DefaultTheme.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.15)';
 DefaultTheme.btnCheckedBg = '#737373';
 DefaultTheme.btnCheckedDisabledBg = '#a0a0a0';
 DefaultTheme.btnCheckedDisabledColor = 'rgba(255, 255, 255, 0.7)';
-DefaultTheme.btnCheckedHoverBorderColor = 'transparent';
 DefaultTheme.btnCheckedTextColor = '#fff';
-DefaultTheme.btnCheckedDisabledBorderColor = 'transparent';
-DefaultTheme.btnCheckedShadowColorArrow = 'rgba(0, 0, 0, 0.3)';
-DefaultTheme.btnCheckedShadowArrow = '1px 0 0 0 rgba(0, 0, 0, 0.6)';
-DefaultTheme.btnCheckedDisabledShadow = '0 0 0 1px rgba(0, 0, 0, 0.37)';
-DefaultTheme.btnCheckedDisabledShadowArrow = '1px 0 0 0 rgba(0, 0, 0, 0.37)';
-DefaultTheme.btnBorderRadiusSmall = '1px';
+DefaultTheme.btnCheckedDisabledBorderColor = 'rgba(161,161,161,1)';
+DefaultTheme.btnCheckedShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.3)';
+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';
@@ -1486,100 +1684,155 @@ DefaultTheme.btnIconSizeLarge = 'auto';
 DefaultTheme.btnDefaultBg = 'none';
 DefaultTheme.btnDefaultBgStart = '#fff';
 DefaultTheme.btnDefaultBgEnd = '#ebebeb';
-DefaultTheme.btnDeprecatedSizeMediumFontSize = '16px';
-DefaultTheme.btnDeprecatedSizeMediumPaddingShift = '1';
-DefaultTheme.btnDefaultCheckedBorder = 'none';
+DefaultTheme.btnDefaultCheckedBorderColor = 'rgba(102,102,102,1)';
 DefaultTheme.btnDefaultHoverBg = 'none';
-DefaultTheme.btnDefaultHoverBorderColor = 'transparent';
-DefaultTheme.btnDefaultActiveBorderColor = 'none';
-DefaultTheme.btnDefaultBorder = 'none';
-DefaultTheme.btnDefaultShadowArrow = '1.2px 0 0 0 rgba(0, 0, 0, 0.15)';
 DefaultTheme.btnDefaultHoverBgStart = '#f2f2f2';
 DefaultTheme.btnDefaultHoverBgEnd = '#dfdfdf';
-DefaultTheme.btnDefaultHoverShadowArrow = '1px 0 0 0 rgba(0, 0, 0, 0.2)';
-DefaultTheme.btnDefaultActiveBg = '#e1e1e1';
-DefaultTheme.btnDefaultActiveShadowArrow = '1px 0 0 0 rgba(0, 0, 0, 0.2)';
+DefaultTheme.btnDefaultActiveBg = '#e5e5e5';
+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 = 'transparent';
-DefaultTheme.btnSuccessDisabledBg = 'none';
-DefaultTheme.btnSuccessBorder = '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.btnSuccessTextColor = '#fff';
-DefaultTheme.btnSuccessShadowArrow = '1px 0 0 0 rgba(25, 103, 6, 0.7)';
 DefaultTheme.btnSuccessHoverBgStart = '#3b8d13';
 DefaultTheme.btnSuccessHoverBgEnd = '#317e0b';
-DefaultTheme.btnSuccessHoverShadowArrow = '1px 0 0 0 rgba(7, 73, 1, 0.7)';
 DefaultTheme.btnSuccessActiveBg = '#35840e';
-DefaultTheme.btnSuccessActiveShadowArrow = '1px 0 0 0 rgba(4, 63, 0, 0.75)';
+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 = 'transparent';
-DefaultTheme.btnPrimaryDisabledBg = 'none';
-DefaultTheme.btnPrimaryBorder = '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.btnPrimaryTextColor = '#fff';
-DefaultTheme.btnPrimaryShadowArrow = '1px 0 0 0 rgba(14, 81, 129, 0.7)';
 DefaultTheme.btnPrimaryHoverBgStart = '#0087d5';
 DefaultTheme.btnPrimaryHoverBgEnd = '#167ac1';
-DefaultTheme.btnPrimaryHoverShadowArrow = '1px 0 0 0 rgba(5, 60, 99, 0.7)';
 DefaultTheme.btnPrimaryActiveBg = '#0079c3';
-DefaultTheme.btnPrimaryActiveShadowArrow = '1px 0 0 0 rgba(10, 63, 99, 0.75)';
+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 = 'transparent';
-DefaultTheme.btnDangerDisabledBg = 'none';
-DefaultTheme.btnDangerBorder = '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.btnDangerTextColor = '#fff';
-DefaultTheme.btnDangerShadowArrow = "1px 0 0 0 rgba(173, 15, 0, 0.7)";
 DefaultTheme.btnDangerHoverBgStart = '#d44227';
 DefaultTheme.btnDangerHoverBgEnd = '#c73013';
-DefaultTheme.btnDangerHoverShadowArrow = '1px 0 0 0 rgba(145, 0, 0, 0.7)';
 DefaultTheme.btnDangerActiveBg = '#cd381b';
-DefaultTheme.btnDangerActiveShadowArrow = '1px 0 0 0 rgba(108, 7, 7, 0.75)';
+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 = 'transparent';
-DefaultTheme.btnPayDisabledBg = 'none';
-DefaultTheme.btnPayBorder = '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.btnPayShadowArrow = '1px 0 0 0 rgba(238, 169, 34, 0.7)';
 DefaultTheme.btnPayHoverBgStart = '#ffbd3a';
 DefaultTheme.btnPayHoverBgEnd = '#f8a91d';
-DefaultTheme.btnPayHoverShadowArrow = '1px 0 0 0 rgba(227, 142, 8, 0.7)';
 DefaultTheme.btnPayActiveBg = '#fbb028';
-DefaultTheme.btnPayActiveShadowArrow = '1px 0 0 0 rgba(210, 144, 0, 0.7)';
-DefaultTheme.btnDeprecatedSizeMediumPaddingShiftIe = '1';
+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.btnMenuArrowColor = '#a6a6a6';
+DefaultTheme.btnInsetColor = '#fff';
 DefaultTheme.selectPlaceholderColor = '#a0a0a0';
 DefaultTheme.selectBorderWidth = '1px';
 DefaultTheme.selectPaddingXSmall = '9px';
-DefaultTheme.selectPaddingArrowSmall = '10px';
 DefaultTheme.selectPaddingXMedium = '9px';
-DefaultTheme.selectPaddingArrowMedium = '10px';
 DefaultTheme.selectPaddingXLarge = '9px';
-DefaultTheme.selectPaddingArrowLarge = '13px';
+DefaultTheme.tooltipPaddingY = '15px';
+DefaultTheme.tooltipPaddingX = '20px';
+DefaultTheme.tooltipCloseBtnPadding = '8px';
 DefaultTheme.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.374)';
 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.kebabBackground = 'transparent';
+DefaultTheme.kebabBackgroundHover = 'rgba(0, 0, 0, 0.09)';
+DefaultTheme.kebabBorderRadius = '50%';
+DefaultTheme.kebabBorder = '2px solid transparent';
 DefaultTheme.modalBackBg = '#333';
 DefaultTheme.modalBackOpacity = '0.6';
 DefaultTheme.modalCloseButtonColor = '#808080';
 DefaultTheme.modalCloseButtonDisabledColor = '#8b8b8b';
 DefaultTheme.modalCloseButtonHoverColor = '#333';
+DefaultTheme.modalCloseButtonPadding = '35px';
+DefaultTheme.modalCloseButtonLegacyShift = '15px';
+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.modalFooterBg = '#e5e5e5';
 DefaultTheme.modalAdaptiveThreshold = '425px';
-DefaultTheme.sidePageFooterPanelBg = '#e9e9e9';
+DefaultTheme.modalPaddingTop = '30px';
+DefaultTheme.modalPaddingLeft = '30px';
+DefaultTheme.modalPaddingRight = '35px';
+DefaultTheme.modalHeaderFontSize = '22px';
+DefaultTheme.modalHeaderLineHeight = '30px';
+DefaultTheme.modalHeaderPaddingBottom = '11px';
+DefaultTheme.modalHeaderPaddingTop = '24px';
+DefaultTheme.modalFixedHeaderPaddingBottom = '11px';
+DefaultTheme.modalBodyPaddingBottom = '25px';
+DefaultTheme.modalFooterPaddingTop = '0px';
+DefaultTheme.modalFooterPaddingBottom = '30px';
+DefaultTheme.modalPaddingBottom = '30px';
+DefaultTheme.modalFooterPanelPaddingTop = '20px';
+DefaultTheme.modalFooterPanelPaddingBottom = '20px';
+DefaultTheme.sidePageFooterPanelBg = '#e5e5e5';
+DefaultTheme.sidePageBackingBg = '#333';
+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.sidePageHeaderFixedFontSize = '18px';
+DefaultTheme.sidePageHeaderFixedLineHeight = '24px';
+DefaultTheme.sidePageHeaderFixedPaddingY = '13px';
+DefaultTheme.sidePageHeaderStickyOffset = '8px';
+DefaultTheme.sidePageCloseButtonPadding = '36px';
+DefaultTheme.sidePageCloseButtonLegacyPaddingLeft = '37px';
+DefaultTheme.sidePageFooterPanelPaddingTop = '20px';
+DefaultTheme.sidePageFooterPanelPaddingBottom = '20px';
+DefaultTheme.sidePageCloseIconSize = '12px';
+DefaultTheme.sidePageCloseButtonClickArea = '10px';
 DefaultTheme.dateInputIconColor = '#333';
 DefaultTheme.dateInputMaskColor = '#b8b8b8';
 DefaultTheme.dateInputComponentSelectedBgColor = '#cae0f4';
@@ -1588,10 +1841,24 @@ DefaultTheme.calendarCellHoverColor = 'white';
 DefaultTheme.calendarCellActiveHoverColor = 'white';
 DefaultTheme.calendarCellWeekendColor = '#f00';
 DefaultTheme.calendarCellTodayBorder = '1px solid #8b8b8b';
+DefaultTheme.calendarCellBorderRadius = '50%';
 DefaultTheme.calendarCellSelectedBgColor = '#e9e9e9';
 DefaultTheme.calendarCellSelectedFontColor = 'inherit';
+DefaultTheme.calendarCellSize = '30px';
 DefaultTheme.calendarMonthHeaderStickedBgColor = 'white';
 DefaultTheme.calendarMonthTitleBorderBottomColor = '#dfdede';
+DefaultTheme.calendarPaddingX = '15px';
+DefaultTheme.calendarMonthTitleLineHeight = '24px';
+DefaultTheme.calendarMonthTitlePaddingTop = '8px';
+DefaultTheme.calendarMonthTitlePaddingBottom = '8px';
+DefaultTheme.calendarMonthTitleMarginX = '0';
+DefaultTheme.calendarMonthTitleMarginBottom = '10px';
+DefaultTheme.calendarWrapperHeight = ' 330px';
+DefaultTheme.calendarMonthMarginBottom = '10px';
+DefaultTheme.calendarMaxMonthsToAppendOnScroll = '5';
+DefaultTheme.dateSelectLineHeight = '24px';
+DefaultTheme.dateSelectFontSize = '14px';
+DefaultTheme.dateSelectFontWeight = 'bold';
 DefaultTheme.dateSelectMenuItemBgSelected = '#ececec';
 DefaultTheme.datePickerOpenBtnColor = '#333';
 DefaultTheme.pickerBg = '#fff';
@@ -1599,26 +1866,79 @@ DefaultTheme.pickerShadow = '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0,
 DefaultTheme.pickerTodayWrapperBgColor = 'white';
 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.pagingPageForwardLinkMarginLeft = '10px';
+DefaultTheme.pagingPageForwardLinkPaddingRight = '22px';
+DefaultTheme.pagingLineHeight = 'initial';
 DefaultTheme.pagingDotsColor = 'gray';
+DefaultTheme.pagingDotsPadding = '6px 10px 0';
 DefaultTheme.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.09)';
-DefaultTheme.pagingPageLinkActiveColor = 'black';
 DefaultTheme.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.05)';
 DefaultTheme.pagingPageLinkHintColor = '#bbb';
-DefaultTheme.menuSeparatorBorderColor = '#e6e6e6';
+DefaultTheme.pagingPageLinkHintFontSize = '11px';
+DefaultTheme.pagingPageLinkHintLineHeight = '15px';
+DefaultTheme.pagingPageLinkBorderRadius = '16px';
+DefaultTheme.pagingPageLinkMargin = '2px 1px';
+DefaultTheme.hintMaxWidth = '200px';
+DefaultTheme.hintPaddingY = '6px';
+DefaultTheme.hintPaddingX = '8px';
+DefaultTheme.hintTextAlign = 'center';
+DefaultTheme.hintBgColor = 'rgba(51, 51, 51, 0.8)';
+DefaultTheme.hintPinOffset = '8px';
+DefaultTheme.hintMargin = '15px';
+DefaultTheme.toastLineHeight = '20px';
+DefaultTheme.toastPaddingY = '10px';
+DefaultTheme.toastPaddingX = '20px';
+DefaultTheme.toastBorderRadius = '2px';
+DefaultTheme.toastBorder = 'none';
+DefaultTheme.toastTop = '20px';
 DefaultTheme.toastBg = 'rgba(51, 51, 51, 0.8)';
 DefaultTheme.toastColor = 'white';
 DefaultTheme.toastLinkColor = '#80caff';
+DefaultTheme.toastClosePadding = '16px';
 DefaultTheme.toastCloseColor = '#a0a0a0';
 DefaultTheme.toastCloseHoverColor = 'white';
-DefaultTheme.menuItemPaddingForIcon = '36px';
+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.menuItemIconWidth = '16px';
+DefaultTheme.menuItemIconGap = '5px';
+DefaultTheme.menuItemIconLegacyMargin = '7px';
+DefaultTheme.menuItemIconLegacyShift = '-1px';
+DefaultTheme.menuItemLineHeight = '18px';
+DefaultTheme.menuItemPaddingX = '8px';
+DefaultTheme.menuItemLegacyPaddingX = '10px';
+DefaultTheme.menuItemLegacyPaddingY = '1px';
+DefaultTheme.menuItemCommentColor = '#a0a0a0';
+DefaultTheme.menuItemCommentColorHover = '#fff';
+DefaultTheme.menuHeaderLineHeight = 'inherit';
+DefaultTheme.menuHeaderFontSize = '12px';
+DefaultTheme.menuHeaderPaddingTop = '6px';
+DefaultTheme.menuHeaderPaddingBottom = '7px';
+DefaultTheme.menuHeaderLegacyPaddingRight = '10px';
+DefaultTheme.menuSeparatorBorderColor = '#e6e6e6';
+DefaultTheme.menuSeparatorMarginY = '5px';
+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.toggleDisabledHandleBg = '#fff';
+DefaultTheme.toggleBaseBg = '#fff';
 DefaultTheme.toggleBgChecked = '#3072c4';
 DefaultTheme.toggleBorderWidth = '1px';
 DefaultTheme.toggleOutlineWidth = '3px';
@@ -1630,11 +1950,11 @@ 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.popupPinOffset = '16px';
+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.inputBg = 'white';
 DefaultTheme.inputIconColor = '#a9a9a9';
@@ -1671,6 +1991,7 @@ DefaultTheme.radioLabelGap = '9px';
 DefaultTheme.radioPaddingY = '0';
 DefaultTheme.radioVerticalAlign = '-2px';
 DefaultTheme.radioBgImage = 'linear-gradient(-180deg, #fff 0, #ebebeb 100%)';
+DefaultTheme.radioBgColor = 'transparent';
 DefaultTheme.radioHoverBg = 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%)';
 DefaultTheme.radioActiveBg = 'linear-gradient(-180deg, #e1e1e1 0, #e1e1e1 100%)';
 DefaultTheme.radioBorderWidth = '1px';
@@ -1678,6 +1999,7 @@ DefaultTheme.radioBorderColor = 'rgba(0, 0, 0, 0.15)';
 DefaultTheme.radioBorder = '0 none';
 DefaultTheme.radioFocusShadow = 'none';
 DefaultTheme.radioCheckedBgColor = 'transparent';
+DefaultTheme.radioCheckedBorderColor = 'inherit';
 DefaultTheme.radioCheckedBulletColor = '#404040';
 DefaultTheme.radioLabelDisplay = 'inline-table';
 DefaultTheme.radioBorderWidthCompensation = '0px';
@@ -1705,4 +2027,8 @@ DefaultTheme.switcherLabelLineHeightLarge = 'inherit';
 DefaultTheme.switcherLabelGapSmall = '15px';
 DefaultTheme.switcherLabelGapMedium = '15px';
 DefaultTheme.switcherLabelGapLarge = '15px';
-export var DefaultThemeInternal = exposeGetters(markAsFullTheme(DefaultTheme));
+DefaultTheme.scrollContainerScrollBarSize = '4px';
+DefaultTheme.scrollContainerScrollBarHoverSize = '10px';
+DefaultTheme.scrollContainerScrollBarColor = '#b7b7b7';
+DefaultTheme.scrollContainerScrollBarInvertColor = 'rgba(255, 255, 255, 0.5)';
+export var DefaultThemeInternal = markAsFullTheme(exposeGetters(DefaultTheme));