npm - @skbkontur/react-ui - Versions diffs - 0.0.0-a18e664e8f → 0.0.0-a2ba583fb2 - Mend

@skbkontur/react-ui 0.0.0-a18e664e8f → 0.0.0-a2ba583fb2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3548) hide show

package/internal/themes/DefaultTheme/DefaultTheme.js CHANGED Viewed

@@ -11,6 +11,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     function get() {
       return this.bgDefault;
     }
+  }, {
+    key: "borderColorDisabled",
+    get: function get() {
+      return this.bgDisabled;
+    }
   }, {
     key: "bgActive",
     get: function get() {
@@ -41,6 +46,31 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.textColorDisabled;
     }
+  }, {
+    key: "linkGrayedColor",
+    get: function get() {
+      return this.textColorDisabled;
+    }
+  }, {
+    key: "linkGrayedHoverColor",
+    get: function get() {
+      return this.textColorDisabled;
+    }
+  }, {
+    key: "linkGrayedActiveColor",
+    get: function get() {
+      return this.textColorDisabled;
+    }
+  }, {
+    key: "linkErrorBgColor",
+    get: function get() {
+      return this.redXxLight;
+    }
+  }, {
+    key: "linkLineHoverBorderBottomStyle",
+    get: function get() {
+      return this.linkLineBorderBottomStyle;
+    }
   }, {
     key: "tokenTextColorDisabled",
     get: function get() {
@@ -160,14 +190,19 @@ export var DefaultTheme = /*#__PURE__*/function () {
     key: "tokenShadowDisabled",
     get: function get() {
       return "0 0 0 " + this.tokenBorderWidth + " " + this.borderColorDisabled;
-    } //#endregion
-    //#region TokenInput
+    }
   }, {
     key: "tokenInputBorderColor",
-    get: function get() {
+    get: //#endregion
+    //#region TokenInput
+    function get() {
       return this.inputBorderColor;
     }
+  }, {
+    key: "tokenInputBorderColorHover",
+    get: function get() {
+      return this.inputBorderColorHover;
+    }
   }, {
     key: "tokenInputBorderColorFocus",
     get: function get() {
@@ -223,6 +258,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.inputBg;
     }
+  }, {
+    key: "tokenInputMenuPopupBg",
+    get: function get() {
+      return this.bgSecondary;
+    }
   }, {
     key: "tokenInputShadow",
     get: function get() {
@@ -258,13 +298,6 @@ export var DefaultTheme = /*#__PURE__*/function () {
     } //#endregion
     //#region Loader
-  }, {
-    key: "btnFocusShadowWidth",
-    get: function get() {
-      var outlineWidth = parseInt(this.btnOutlineWidth, 10) || 0;
-      var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
-      return outlineWidth - borderWidth + "px";
-    }
   }, {
     key: "btnCheckedDisabledBorderColor",
     get: function get() {
@@ -281,95 +314,35 @@ export var DefaultTheme = /*#__PURE__*/function () {
       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",
+    key: "btnIconGapSmallLeft",
     get: function get() {
-      return this.btnSuccessHoverBorderColor;
+      return this.btnIconGapSmall;
     }
   }, {
-    key: "btnSuccessBorderBottomColor",
+    key: "btnIconGapMediumLeft",
     get: function get() {
-      return this.btnSuccessBorderColor;
+      return this.btnIconGapMedium;
     }
   }, {
-    key: "btnSuccessActiveBorderTopColor",
+    key: "btnIconGapLargeLeft",
     get: function get() {
-      return this.btnSuccessActiveBorderColor;
+      return this.btnIconGapLarge;
     }
   }, {
-    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",
+    key: "btnDefaultCheckedBorderColor",
     get: function get() {
-      return this.btnPayHoverBorderColor;
+      return this.btnCheckedBg;
     }
   }, {
-    key: "btnPayBorderBottomColor",
+    key: "btnDefaultTextColor",
     get: function get() {
-      return this.btnPayBorderColor;
+      return this.textColorDefault;
     }
   }, {
     key: "btnPayTextColor",
     get: function get() {
       return this.textColorDefault;
     }
-  }, {
-    key: "btnPayActiveBorderTopColor",
-    get: function get() {
-      return this.btnPayActiveBorderColor;
-    }
   }, {
     key: "btnFontSizeSmall",
     get: function get() {
@@ -464,16 +437,41 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.linkHoverColor;
     }
+  }, {
+    key: "btnLinkActiveColor",
+    get: function get() {
+      return this.linkActiveColor;
+    }
   }, {
     key: "btnLinkHoverTextDecoration",
     get: function get() {
       return this.linkHoverTextDecoration;
     }
+  }, {
+    key: "btnLinkLineBorderBottomColor",
+    get: function get() {
+      return this.linkLineBorderBottomColor;
+    }
+  }, {
+    key: "btnLinkHoverLineBorderBottomStyle",
+    get: function get() {
+      return this.btnLinkLineBorderBottomStyle;
+    }
+  }, {
+    key: "btnLinkLineBorderBottomOpacity",
+    get: function get() {
+      return this.linkLineBorderBottomOpacity;
+    }
   }, {
     key: "btnLinkIconMarginRight",
     get: function get() {
       return this.linkIconMarginRight;
     }
+  }, {
+    key: "btnLinkIconMarginLeft",
+    get: function get() {
+      return this.linkIconMarginRight;
+    }
   }, {
     key: "btnErrorSecondary",
     get: function get() {
@@ -503,9 +501,44 @@ export var DefaultTheme = /*#__PURE__*/function () {
     key: "btnDisabledTextColor",
     get: function get() {
       return this.textColorDisabledContrast;
-    } //#endregion
+    }
+  }, {
+    key: "btnBacklessBorderColor",
+    get: function get() {
+      return this.btnDefaultBorderColor;
+    }
+  }, {
+    key: "btnBacklessHoverBorderColor",
+    get: function get() {
+      return this.btnBacklessBorderColor;
+    }
+  }, {
+    key: "btnBacklessTextColor",
+    get: function get() {
+      return this.btnDefaultTextColor;
+    }
+  }, {
+    key: "btnTextBorderColor",
+    get: function get() {
+      return this.btnDefaultBorderColor;
+    }
+  }, {
+    key: "btnTextTextColor",
+    get: function get() {
+      return this.btnDefaultTextColor;
+    }
+  }, {
+    key: "btnTextHoverBorderColor",
+    get: function get() {
+      return this.btnTextHoverBg;
+    }
+  }, {
+    key: "selectDefaultBg",
+    get: //#endregion
     //#region Select
+    function get() {
+      return this.inputBg;
+    }
   }, {
     key: "selectBorderWidth",
     get: function get() {
@@ -620,9 +653,17 @@ export var DefaultTheme = /*#__PURE__*/function () {
     key: "selectBorderColorDisabled",
     get: function get() {
       return this.btnDisabledBorderColor;
-    } //#endregion
-    //#region Tooltip
+    }
+  }, {
+    key: "selectMenuOffsetY",
+    get: function get() {
+      return this.menuOffsetY;
+    }
+  }, {
+    key: "selectBorderColorHover",
+    get: function get() {
+      return this.btnDefaultHoverBorderColor;
+    }
   }, {
     key: "tooltipTextColor",
     get: function get() {
@@ -682,6 +723,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.popupPinSize;
     }
+  }, {
+    key: "kebabBackgroundActive",
+    get: function get() {
+      return this.kebabBackgroundHover;
+    }
   }, {
     key: "modalBg",
     get: function get() {
@@ -740,10 +786,30 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return this.textColorDefault;
     }
   }, {
-    key: "calendarCellBg",
+    key: "calendarBottomSeparatorBorderColor",
     get: //#endregion
     //#region Calendar
     function get() {
+      return ColorFunctions.fade(this.calendarMonthTitleBorderBottomColor, 1);
+    }
+  }, {
+    key: "calendarBottomSeparatorBorderWidth",
+    get: function get() {
+      return '1px';
+    }
+  }, {
+    key: "calendarBottomSeparatorBorder",
+    get: function get() {
+      return this.calendarBottomSeparatorBorderWidth + " solid " + this.calendarBottomSeparatorBorderColor;
+    }
+  }, {
+    key: "calendarBg",
+    get: function get() {
+      return this.bgSecondary;
+    }
+  }, {
+    key: "calendarCellBg",
+    get: function get() {
       return this.bgSecondary;
     }
   }, {
@@ -816,7 +882,7 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "dateSelectMenuItemBgDisabled",
     get: function get() {
-      return this.bgDefault;
+      return this.bgSecondary;
     }
   }, {
     key: "dateSelectMenuItemFontActive",
@@ -864,6 +930,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     key: "pagingForwardLinkDisabledColor",
     get: function get() {
       return this.linkDisabledColor;
+    }
+  }, {
+    key: "pagingDotsDisabledColor",
+    get: function get() {
+      return this.textColorDisabled;
     } //#endregion
     //#region Hint
@@ -875,7 +946,7 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "mobileHintColor",
     get: function get() {
-      return this.textColorDefault;
+      return this.hintColor;
     }
   }, {
     key: "hintFontSize",
@@ -900,147 +971,715 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return this.controlLineHeightSmall;
     }
   }, {
-    key: "dropdownMenuHoverBg",
-    get: //deprecated
-    function get() {
-      //deprecated
-      return this.bgActive;
-    } //#endregion
-    //#region Menu
-  }, {
-    key: "menuBgDefault",
+    key: "dropdownMenuHoverBorderColor",
     get: function get() {
-      return this.bgSecondary;
+      return this.btnDefaultHoverBorderColor;
     }
   }, {
-    key: "menuItemTextColor",
-    get: // menuItem
-    function get() {
-      return this.textColorDefault;
+    key: "dropdownMenuHoverBg",
+    get: function get() {
+      //deprecated
+      return this.bgActive;
     }
   }, {
-    key: "menuItemSelectedBg",
+    key: "dropdownMenuOffsetY",
     get: function get() {
-      return this.dropdownMenuSelectedBg;
+      return this.menuOffsetY;
     }
   }, {
-    key: "menuItemHoverBg",
+    key: "dropdownMenuMenuOffsetY",
     get: function get() {
-      return this.dropdownMenuHoverBg;
+      return this.menuOffsetY;
     }
   }, {
-    key: "menuItemPaddingForIcon",
+    key: "dropdownDefaultBg",
     get: function get() {
-      return parseInt(this.menuItemPaddingX) + parseInt(this.menuItemIconWidth) + parseInt(this.menuItemIconGap) + parseInt(this.menuItemIconLegacyMargin) + "px";
+      return this.btnDefaultBg;
     }
   }, {
-    key: "menuItemLineHeight",
+    key: "dropdownBorderWidth",
     get: function get() {
-      return this.controlLineHeightSmall;
+      return this.btnBorderWidth;
     }
   }, {
-    key: "menuItemFontSize",
+    key: "dropdownOutlineWidth",
     get: function get() {
-      return this.fontSizeSmall;
+      return this.btnOutlineWidth;
     }
   }, {
-    key: "menuItemHoverColor",
+    key: "dropdownLineHeightSmall",
     get: function get() {
-      return this.textColorInvert;
+      return this.btnLineHeightSmall;
     }
   }, {
-    key: "menuItemDisabledColor",
+    key: "dropdownFontSizeSmall",
     get: function get() {
-      return this.textColorDisabled;
+      return this.btnFontSizeSmall;
     }
   }, {
-    key: "menuItemLinkColor",
+    key: "dropdownPaddingXSmall",
     get: function get() {
-      return this.linkColor;
+      return this.selectPaddingXSmall;
     }
   }, {
-    key: "menuHeaderColor",
-    get: //menuHeader
-    function get() {
-      return this.gray;
+    key: "dropdownPaddingYSmall",
+    get: function get() {
+      return this.btnPaddingYSmall;
     }
   }, {
-    key: "toggleFontSize",
-    get: //#endregion
-    //#region Toggle
-    function get() {
-      return this.fontSizeSmall;
+    key: "dropdownIconSizeSmall",
+    get: function get() {
+      return this.btnIconSizeSmall;
     }
   }, {
-    key: "toggleLineHeight",
+    key: "dropdownLineHeightMedium",
     get: function get() {
-      return this.controlLineHeightSmall;
+      return this.btnLineHeightMedium;
     }
   }, {
-    key: "toggleTextColor",
+    key: "dropdownFontSizeMedium",
     get: function get() {
-      return this.textColorDefault;
+      return this.btnFontSizeMedium;
     }
   }, {
-    key: "toggleHandleBorderRadius",
+    key: "dropdownPaddingXMedium",
     get: function get() {
-      var height = parseInt(this.toggleHeight, 10) || 0;
-      var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-      var handleSize = height - 2 * borderWidth;
-      return handleSize / 2 + "px";
+      return this.selectPaddingXMedium;
     }
   }, {
-    key: "toggleBorderRadius",
+    key: "dropdownPaddingYMedium",
     get: function get() {
-      return "calc(" + this.toggleHeight + " * 0.5)";
+      return this.btnPaddingYMedium;
     }
   }, {
-    key: "toggleBgDisabled",
+    key: "dropdownIconSizeMedium",
     get: function get() {
-      return this.bgDisabled;
+      return this.btnIconSizeMedium;
     }
   }, {
-    key: "toggleBorderWidth",
+    key: "dropdownLineHeightLarge",
     get: function get() {
-      return this.controlBorderWidth;
+      return this.btnLineHeightLarge;
     }
   }, {
-    key: "toggleOutlineWidth",
+    key: "dropdownFontSizeLarge",
     get: function get() {
-      var outlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
-      var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-      return outlineWidth + borderWidth + "px";
+      return this.btnFontSizeLarge;
     }
   }, {
-    key: "toggleBorderColorDisabled",
+    key: "dropdownPaddingXLarge",
     get: function get() {
-      return this.toggleBorderColor;
+      return this.selectPaddingXLarge;
     }
   }, {
-    key: "toggleBorderColorDisabledChecked",
+    key: "dropdownPaddingYLarge",
     get: function get() {
-      return this.toggleBorderColor;
+      return this.btnPaddingYLarge;
     }
   }, {
-    key: "toggleShadowColorError",
+    key: "dropdownIconSizeLarge",
     get: function get() {
-      return this.errorMain;
+      return this.btnIconSizeLarge;
     }
   }, {
-    key: "toggleShadowColorWarning",
+    key: "dropdownBgDisabled",
     get: function get() {
-      return this.warningMain;
+      return this.btnDisabledBg;
     }
   }, {
-    key: "toggleFocusShadowColor",
+    key: "dropdownBorderColorDisabled",
     get: function get() {
-      return this.borderColorFocus;
+      return this.btnDisabledBorderColor;
     }
   }, {
-    key: "popupTextColor",
+    key: "dropdownTextColorDisabled",
     get: function get() {
-      return this.textColorDefault;
+      return this.btnDisabledTextColor;
+    } //#endregion
+    //#region Menu
+  }, {
+    key: "menuBgDefault",
+    get: function get() {
+      return this.bgSecondary;
+    }
+  }, {
+    key: "menuBorderRadius",
+    get: function get() {
+      return '0px';
+    }
+  }, {
+    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;
+    }
+    /**
+     * @deprecated use menuItemIconWidthSmall
+     */
+  }, {
+    key: "menuItemIconWidthSmall",
+    get: function get() {
+      return this.menuItemIconWidth;
+    }
+  }, {
+    key: "menuItemPaddingForIcon",
+    get:
+    /**
+     * @deprecated use menuItemPaddingForIconSmall
+     */
+    function get() {
+      return parseInt(this.menuItemPaddingXSmall) + parseInt(this.menuItemIconWidthSmall) + parseInt(this.menuItemIconGap) + parseInt(this.menuItemIconLegacyMargin) + "px";
+    }
+  }, {
+    key: "menuItemPaddingForIconSmall",
+    get: function get() {
+      return this.menuItemPaddingForIcon;
+    }
+  }, {
+    key: "menuItemPaddingForIconMedium",
+    get: function get() {
+      return parseInt(this.menuItemPaddingXMedium) + parseInt(this.menuItemIconWidthMedium) + parseInt(this.menuItemIconGap) + parseInt(this.menuItemIconLegacyMargin) + "px";
+    }
+  }, {
+    key: "menuItemPaddingForIconLarge",
+    get: function get() {
+      return parseInt(this.menuItemPaddingXLarge) + parseInt(this.menuItemIconWidthLarge) + parseInt(this.menuItemIconGap) + parseInt(this.menuItemIconLegacyMargin) + "px";
+    }
+    /**
+     * @deprecated use menuItemLineHeightSmall
+     */
+  }, {
+    key: "menuItemLineHeight",
+    get: function get() {
+      return this.controlLineHeightSmall;
+    }
+  }, {
+    key: "menuItemLineHeightSmall",
+    get: function get() {
+      return this.menuItemLineHeight;
+    }
+  }, {
+    key: "menuItemLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "menuItemLineHeightLarge",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
+    /**
+     * @deprecated use menuItemFontSizeSmall
+     */
+  }, {
+    key: "menuItemFontSize",
+    get: function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "menuItemFontSizeSmall",
+    get: function get() {
+      return this.menuItemFontSize;
+    }
+  }, {
+    key: "menuItemFontSizeMedium",
+    get: function get() {
+      return this.fontSizeMedium;
+    }
+  }, {
+    key: "menuItemFontSizeLarge",
+    get: function get() {
+      return this.fontSizeLarge;
+    }
+    /**
+     * @deprecated use menuItemPaddingXSmall
+     */
+  }, {
+    key: "menuItemPaddingXSmall",
+    get: function get() {
+      return this.menuItemPaddingX;
+    }
+  }, {
+    key: "menuItemPaddingYSmall",
+    get: function get() {
+      return this.menuItemPaddingY;
+    }
+  }, {
+    key: "menuItemHoverColor",
+    get: function get() {
+      return this.textColorInvert;
+    }
+  }, {
+    key: "menuItemLinkColor",
+    get: function get() {
+      return this.linkColor;
+    }
+  }, {
+    key: "menuItemLineHeightMobile",
+    get: function get() {
+      return this.lineHeightMobile;
+    }
+  }, {
+    key: "menuItemFontSizeMobile",
+    get: function get() {
+      return this.fontSizeMobile;
+    }
+  }, {
+    key: "menuItemDisabledColor",
+    get: function get() {
+      return this.textColorDisabled;
+    }
+  }, {
+    key: "menuMessageTextColor",
+    get: // menuMessage
+    function get() {
+      return this.menuItemDisabledColor;
+    }
+  }, {
+    key: "menuMessageBg",
+    get: function get() {
+      return this.menuItemDisabledBg;
+    }
+  }, {
+    key: "menuMessagePaddingY",
+    get: function get() {
+      return this.menuItemPaddingYSmall;
+    }
+  }, {
+    key: "menuMessagePaddingX",
+    get: function get() {
+      return this.menuItemPaddingXSmall;
+    }
+  }, {
+    key: "menuMessageDisplay",
+    get: function get() {
+      return this.menuItemDisplay;
+    }
+  }, {
+    key: "menuMessagePaddingMobile",
+    get: function get() {
+      return this.menuItemPaddingMobile;
+    }
+    /**
+     * @deprecated use menuMessageLineHeightSmall
+     */
+  }, {
+    key: "menuMessageLineHeight",
+    get: function get() {
+      return this.menuItemLineHeightSmall;
+    }
+  }, {
+    key: "menuMessageLineHeightMobile",
+    get: function get() {
+      return this.menuItemLineHeightMobile;
+    }
+    /**
+     * @deprecated use menuMessageFontSizeSmall
+     */
+  }, {
+    key: "menuMessageFontSize",
+    get: function get() {
+      return this.menuItemFontSizeSmall;
+    }
+  }, {
+    key: "menuMessageFontSizeMobile",
+    get: function get() {
+      return this.menuItemFontSizeMobile;
+    }
+  }, {
+    key: "menuMessageFontSizeSmall",
+    get: function get() {
+      return this.menuItemFontSizeSmall;
+    }
+  }, {
+    key: "menuMessageFontSizeMedium",
+    get: function get() {
+      return this.menuItemFontSizeMedium;
+    }
+  }, {
+    key: "menuMessageFontSizeLarge",
+    get: function get() {
+      return this.menuItemFontSizeLarge;
+    }
+  }, {
+    key: "menuMessageLineHeightSmall",
+    get: function get() {
+      return this.menuItemLineHeightSmall;
+    }
+  }, {
+    key: "menuMessageLineHeightMedium",
+    get: function get() {
+      return this.menuItemLineHeightMedium;
+    }
+  }, {
+    key: "menuMessageLineHeightLarge",
+    get: function get() {
+      return this.menuItemLineHeightLarge;
+    }
+  }, {
+    key: "menuHeaderLineHeightSmall",
+    get: function get() {
+      return this.menuHeaderLineHeight;
+    }
+  }, {
+    key: "menuHeaderFontSizeSmall",
+    get: function get() {
+      return this.menuHeaderFontSize;
+    }
+  }, {
+    key: "menuHeaderPaddingXSmall",
+    get: function get() {
+      return this.menuHeaderPaddingX;
+    }
+  }, {
+    key: "menuHeaderPaddingTopSmall",
+    get: function get() {
+      return this.menuHeaderPaddingTop;
+    }
+  }, {
+    key: "menuHeaderPaddingBottomSmall",
+    get: function get() {
+      return this.menuHeaderPaddingBottom;
+    }
+  }, {
+    key: "menuFooterColor",
+    get: //menuFooter
+    function get() {
+      return this.menuHeaderColor;
+    }
+  }, {
+    key: "menuFooterLineHeightSmall",
+    get: function get() {
+      return this.menuHeaderLineHeightSmall;
+    }
+  }, {
+    key: "menuFooterLineHeightMedium",
+    get: function get() {
+      return this.menuHeaderLineHeightMedium;
+    }
+  }, {
+    key: "menuFooterLineHeightLarge",
+    get: function get() {
+      return this.menuHeaderLineHeightLarge;
+    }
+  }, {
+    key: "menuFooterFontSizeSmall",
+    get: function get() {
+      return this.menuHeaderFontSizeSmall;
+    }
+  }, {
+    key: "menuFooterFontSizeMedium",
+    get: function get() {
+      return this.menuHeaderFontSizeMedium;
+    }
+  }, {
+    key: "menuFooterFontSizeLarge",
+    get: function get() {
+      return this.menuHeaderFontSizeLarge;
+    }
+  }, {
+    key: "menuFooterPaddingXSmall",
+    get: function get() {
+      return this.menuHeaderPaddingXSmall;
+    }
+  }, {
+    key: "menuFooterPaddingXMedium",
+    get: function get() {
+      return this.menuHeaderPaddingXMedium;
+    }
+  }, {
+    key: "menuFooterPaddingXLarge",
+    get: function get() {
+      return this.menuHeaderPaddingXLarge;
+    }
+  }, {
+    key: "menuFooterPaddingTopSmall",
+    get: function get() {
+      return this.menuHeaderPaddingBottomSmall;
+    }
+  }, {
+    key: "menuFooterPaddingTopMedium",
+    get: function get() {
+      return this.menuHeaderPaddingBottomMedium;
+    }
+  }, {
+    key: "menuFooterPaddingTopLarge",
+    get: function get() {
+      return this.menuHeaderPaddingBottomLarge;
+    }
+  }, {
+    key: "menuFooterPaddingBottomSmall",
+    get: function get() {
+      return this.menuHeaderPaddingTopSmall;
+    }
+  }, {
+    key: "menuFooterPaddingBottomMedium",
+    get: function get() {
+      return this.menuHeaderPaddingTopMedium;
+    }
+  }, {
+    key: "menuFooterPaddingBottomLarge",
+    get: function get() {
+      return this.menuHeaderPaddingTopLarge;
+    }
+  }, {
+    key: "toggleFontSize",
+    get: //#endregion
+    //#region Toggle
+    /**
+     * @deprecated use toggleFontSizeSmall
+     */
+    function get() {
+      return this.fontSizeSmall;
+    }
+    /**
+     * @deprecated use toggleLineHeightSmall
+     */
+  }, {
+    key: "toggleLineHeight",
+    get: function get() {
+      return this.controlLineHeightSmall;
+    }
+  }, {
+    key: "toggleLineHeightSmall",
+    get: function get() {
+      return this.toggleLineHeight;
+    }
+  }, {
+    key: "toggleLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "toggleLineHeightLarge",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
+  }, {
+    key: "toggleFontSizeSmall",
+    get: function get() {
+      return this.toggleFontSize;
+    }
+  }, {
+    key: "toggleFontSizeMedium",
+    get: function get() {
+      return this.fontSizeMedium;
+    }
+  }, {
+    key: "toggleFontSizeLarge",
+    get: function get() {
+      return this.fontSizeLarge;
+    }
+  }, {
+    key: "toggleTextColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "toggleHandleBorderRadius",
+    get:
+    /**
+     * @deprecated use toggleHandleBorderRadiusSmall
+     */
+    function get() {
+      var height = parseInt(this.toggleHeightSmall, 10) || 0;
+      var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
+      var handleSize = height - 2 * borderWidth;
+      return handleSize / 2 + "px";
+    }
+  }, {
+    key: "toggleHandleBorderRadiusSmall",
+    get: function get() {
+      return this.toggleHandleBorderRadius;
+    }
+  }, {
+    key: "toggleHandleBorderRadiusMedium",
+    get: function get() {
+      var height = parseInt(this.toggleHeightMedium, 10) || 0;
+      var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
+      var handleSize = height - 2 * borderWidth;
+      return handleSize / 2 + "px";
+    }
+  }, {
+    key: "toggleHandleBorderRadiusLarge",
+    get: function get() {
+      var height = parseInt(this.toggleHeightLarge, 10) || 0;
+      var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
+      var handleSize = height - 2 * borderWidth;
+      return handleSize / 2 + "px";
+    }
+    /**
+     * @deprecated use toggleHeightSmall
+     */
+  }, {
+    key: "toggleHeightSmall",
+    get: function get() {
+      return this.toggleHeight;
+    }
+  }, {
+    key: "toggleWidthSmall",
+    get: function get() {
+      return this.toggleWidth;
+    }
+  }, {
+    key: "toggleBorderRadius",
+    get:
+    /**
+     * @deprecated use toggleBorderRadiusSmall
+     */
+    function get() {
+      return "calc(" + this.toggleHeightSmall + " * 0.5)";
+    }
+  }, {
+    key: "toggleBorderRadiusSmall",
+    get: function get() {
+      return this.toggleBorderRadius;
+    }
+  }, {
+    key: "toggleBorderRadiusMedium",
+    get: function get() {
+      return "calc(" + this.toggleHeightMedium + " * 0.5)";
+    }
+  }, {
+    key: "toggleBorderRadiusLarge",
+    get: function get() {
+      return "calc(" + this.toggleHeightLarge + " * 0.5)";
+    }
+    /**
+     * @deprecated use toggleHandleBg
+     */
+  }, {
+    key: "toggleBgDisabled",
+    get: function get() {
+      return this.bgDisabled;
+    }
+  }, {
+    key: "toggleBorderWidth",
+    get: function get() {
+      return this.controlBorderWidth;
+    }
+  }, {
+    key: "toggleOutlineWidth",
+    get: function get() {
+      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: "toggleBorderColorDisabledChecked",
+    get: function get() {
+      return this.toggleBorderColor;
+    }
+    /**
+     * @deprecated use toggleHandleSizeSmall
+     */
+  }, {
+    key: "toggleHandleSize",
+    get: function get() {
+      var toggleHeight = parseInt(this.toggleHeightSmall, 10) || 0;
+      var toggleBorderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
+      return toggleHeight - 2 * toggleBorderWidth + "px";
+    }
+  }, {
+    key: "toggleHandleSizeSmall",
+    get: function get() {
+      return this.toggleHandleSize;
+    }
+  }, {
+    key: "toggleHandleSizeMedium",
+    get: function get() {
+      var toggleHeight = parseInt(this.toggleHeightMedium, 10) || 0;
+      var toggleBorderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
+      return toggleHeight - 2 * toggleBorderWidth + "px";
+    }
+  }, {
+    key: "toggleHandleSizeLarge",
+    get: function get() {
+      var toggleHeight = parseInt(this.toggleHeightLarge, 10) || 0;
+      var toggleBorderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
+      return toggleHeight - 2 * toggleBorderWidth + "px";
+    }
+  }, {
+    key: "toggleHandleLeft",
+    get: function get() {
+      return this.toggleBorderWidth;
+    }
+  }, {
+    key: "toggleHandleTop",
+    get: function get() {
+      return this.toggleBorderWidth;
+    }
+  }, {
+    key: "toggleShadowColorError",
+    get: function get() {
+      return this.errorMain;
+    }
+  }, {
+    key: "toggleShadowColorWarning",
+    get: function get() {
+      return this.warningMain;
+    }
+  }, {
+    key: "toggleFocusShadowColor",
+    get: function get() {
+      return this.borderColorFocus;
+    }
+  }, {
+    key: "toggleOutlineColorFocus",
+    get: function get() {
+      return this.outlineColorFocus;
+    }
+  }, {
+    key: "toggleHandleBoxShadowOld",
+    get: function get() {
+      return "0 " + this.toggleBorderWidth + " 0 0 rgba(0, 0, 0, 0.15), 0 0 0 " + this.toggleBorderWidth + " rgba(0, 0, 0, 0.15)";
+    }
+  }, {
+    key: "toggleContainerBgHover",
+    get: function get() {
+      return this.toggleBgHover;
+    }
+  }, {
+    key: "toggleContainerBgChecked",
+    get: function get() {
+      return this.toggleBgChecked;
+    }
+  }, {
+    key: "toggleHandleBg",
+    get: function get() {
+      return this.toggleBg;
+    }
+  }, {
+    key: "popupTextColor",
+    get: function get() {
+      return this.textColorDefault;
     }
   }, {
     key: "popupBackground",
@@ -1054,6 +1693,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     function get() {
       return this.textColorDefault;
     }
+  }, {
+    key: "inputFocusedIconColor",
+    get: function get() {
+      return this.inputIconColor;
+    }
   }, {
     key: "inputTextColorDisabled",
     get: function get() {
@@ -1133,6 +1777,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return "0 0 0 " + this.inputOutlineWidth + " " + this.borderColorFocus;
     }
+  }, {
+    key: "inputFocusedBg",
+    get: function get() {
+      return this.inputBg;
+    }
   }, {
     key: "inputDisabledBg",
     get: function get() {
@@ -1163,6 +1812,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.borderColorGrayLight;
     }
+  }, {
+    key: "inputBorderColorHover",
+    get: function get() {
+      return this.inputBorderColor;
+    }
   }, {
     key: "inputBorderColorFocus",
     get: function get() {
@@ -1197,24 +1851,89 @@ export var DefaultTheme = /*#__PURE__*/function () {
     key: "inputBlinkColor",
     get: function get() {
       return this.blinkColor;
-    } //#endregion
+    }
+  }, {
+    key: "checkboxFontSize",
+    get: //#endregion
     //#region Checkbox
+    /**
+     * @deprecated use checkboxFontSizeSmall
+     */
+    function get() {
+      return this.fontSizeSmall;
+    }
   }, {
-    key: "checkboxFontSize",
+    key: "checkboxFontSizeSmall",
     get: function get() {
-      return this.fontSizeSmall;
+      return this.checkboxFontSize;
     }
+  }, {
+    key: "checkboxFontSizeMedium",
+    get: function get() {
+      return this.fontSizeMedium;
+    }
+  }, {
+    key: "checkboxFontSizeLarge",
+    get: function get() {
+      return this.fontSizeLarge;
+    }
+    /**
+     * @deprecated use checkboxLineHeightSmall
+     */
   }, {
     key: "checkboxLineHeight",
     get: function get() {
       return this.controlLineHeightSmall;
     }
   }, {
-    key: "checkboxPaddingY",
+    key: "checkboxLineHeightSmall",
     get: function get() {
+      return this.checkboxLineHeight;
+    }
+  }, {
+    key: "checkboxLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "checkboxLineHeightLarge",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
+    /**
+     * @deprecated use checkboxBoxSizeSmall
+     */
+  }, {
+    key: "checkboxPaddingY",
+    get:
+    /**
+     * @deprecated use checkboxPaddingYSmall
+     */
+    function get() {
       var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
-      var lineHeight = parseInt(this.checkboxLineHeight, 10) || 0;
+      var lineHeight = parseInt(this.checkboxLineHeightSmall, 10) || 0;
+      return (controlHeight - lineHeight) / 2 + "px";
+    }
+  }, {
+    key: "checkboxPaddingYSmall",
+    get: function get() {
+      return this.checkboxPaddingY;
+    }
+  }, {
+    key: "checkboxPaddingYMedium",
+    get: function get() {
+      var controlHeight = parseInt(this.controlHeightMedium, 10) || 0;
+      var lineHeight = parseInt(this.checkboxLineHeightMedium, 10) || 0;
+      return (controlHeight - lineHeight) / 2 + "px";
+    }
+  }, {
+    key: "checkboxPaddingYLarge",
+    get: function get() {
+      var controlHeight = parseInt(this.controlHeightLarge, 10) || 0;
+      var lineHeight = parseInt(this.checkboxLineHeightLarge, 10) || 0;
       return (controlHeight - lineHeight) / 2 + "px";
     }
   }, {
@@ -1340,24 +2059,62 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return this.placeholderColorLight;
     }
   }, {
-    key: "textareaPlaceholderColor",
+    key: "textareaPlaceholderColor",
+    get: function get() {
+      return this.placeholderColor;
+    }
+  }, {
+    key: "textareaPlaceholderColorDisabled",
+    get: function get() {
+      return this.textColorDisabledContrast;
+    }
+  }, {
+    key: "textareaFontSize",
+    get:
+    /**
+     * @deprecated use textareaFontSizeSmall
+     */
+    function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "textareaFontSizeSmall",
+    get: function get() {
+      return this.textareaFontSize;
+    }
+  }, {
+    key: "textareaFontSizeMedium",
+    get: function get() {
+      return this.fontSizeMedium;
+    }
+  }, {
+    key: "textareaFontSizeLarge",
+    get: function get() {
+      return this.fontSizeLarge;
+    }
+    /**
+     * @deprecated use textareaLineHeightSmall
+     */
+  }, {
+    key: "textareaLineHeight",
     get: function get() {
-      return this.placeholderColor;
+      return this.controlLineHeightSmall;
     }
   }, {
-    key: "textareaPlaceholderColorDisabled",
+    key: "textareaLineHeightSmall",
     get: function get() {
-      return this.textColorDisabledContrast;
+      return this.textareaLineHeight;
     }
   }, {
-    key: "textareaFontSize",
+    key: "textareaLineHeightMedium",
     get: function get() {
-      return this.fontSizeSmall;
+      return this.controlLineHeightMedium;
     }
   }, {
-    key: "textareaLineHeight",
+    key: "textareaLineHeightLarge",
     get: function get() {
-      return this.controlLineHeightSmall;
+      return this.controlLineHeightLarge;
     }
   }, {
     key: "textareaBorderWidth",
@@ -1371,19 +2128,68 @@ export var DefaultTheme = /*#__PURE__*/function () {
       var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
       return outlineWidth - borderWidth + "px";
     }
+    /**
+     * @deprecated use textareaMinHeightSmall
+     */
   }, {
     key: "textareaMinHeight",
     get: function get() {
-      var lineHeight = parseInt(this.textareaLineHeight, 10) || 0;
-      var paddingY = parseInt(this.textareaPaddingY, 10) || 0;
+      var lineHeight = parseInt(this.textareaLineHeightSmall, 10) || 0;
+      var paddingY = parseInt(this.textareaPaddingYSmall, 10) || 0;
       var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
       return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
     }
   }, {
-    key: "textareaPaddingY",
+    key: "textareaMinHeightSmall",
+    get: function get() {
+      return this.textareaMinHeight;
+    }
+  }, {
+    key: "textareaMinHeightMedium",
+    get: function get() {
+      var lineHeight = parseInt(this.textareaLineHeightMedium, 10) || 0;
+      var paddingY = parseInt(this.textareaPaddingYMedium, 10) || 0;
+      var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
+      return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
+    }
+  }, {
+    key: "textareaMinHeightLarge",
+    get: function get() {
+      var lineHeight = parseInt(this.textareaLineHeightLarge, 10) || 0;
+      var paddingY = parseInt(this.textareaPaddingYLarge, 10) || 0;
+      var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
+      return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
+    }
+  }, {
+    key: "textareaPaddingXSmall",
     get: function get() {
+      return this.textareaPaddingX;
+    }
+  }, {
+    key: "textareaPaddingY",
+    get:
+    /**
+     * @deprecated use textareaPaddingYSmall
+     */
+    function get() {
       return this.controlPaddingYSmall;
     }
+  }, {
+    key: "textareaPaddingYSmall",
+    get: function get() {
+      return this.textareaPaddingY;
+    }
+  }, {
+    key: "textareaPaddingYMedium",
+    get: function get() {
+      return this.controlPaddingYMedium;
+    }
+  }, {
+    key: "textareaPaddingYLarge",
+    get: function get() {
+      return this.controlPaddingYLarge;
+    }
   }, {
     key: "textareaBorderColor",
     get: function get() {
@@ -1394,6 +2200,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.borderColorFocus;
     }
+  }, {
+    key: "textareaBorderColorHover",
+    get: function get() {
+      return this.inputBorderColorHover;
+    }
   }, {
     key: "textareaBorderColorWarning",
     get: function get() {
@@ -1404,11 +2215,6 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.borderColorError;
     }
-  }, {
-    key: "textareaDisabledBorderColor",
-    get: function get() {
-      return this.textareaDisabledBg;
-    }
   }, {
     key: "textareaCounterColor",
     get: function get() {
@@ -1431,6 +2237,15 @@ export var DefaultTheme = /*#__PURE__*/function () {
     } //#endregion
     //#region Radio
+    /**
+     * @deprecated use radioBulletSizeSmall
+     */
+  }, {
+    key: "radioBulletSizeSmall",
+    get: function get() {
+      return this.radioBulletSize;
+    }
   }, {
     key: "radioOutlineWidth",
     get: function get() {
@@ -1441,27 +2256,91 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.textColorDefault;
     }
+    /**
+     * @deprecated use radioSizeSmall
+     */
   }, {
-    key: "radioSizeAfter",
+    key: "radioSizeSmall",
     get: function get() {
-      var borderCompensation = this.radioBoxShadow === 'none' ? this.radioBorderWidth : this.radioBorderWidthCompensation;
-      return "calc(" + this.radioSize + " + 2 * " + this.radioOutlineWidth + " - 2 * " + borderCompensation + ")";
+      return this.radioSize;
     }
   }, {
     key: "radioFontSize",
-    get: function get() {
+    get:
+    /**
+     * @deprecated use radioFontSizeSmall
+     */
+    function get() {
       return this.fontSizeSmall;
     }
+  }, {
+    key: "radioFontSizeSmall",
+    get: function get() {
+      return this.radioFontSize;
+    }
+  }, {
+    key: "radioFontSizeMedium",
+    get: function get() {
+      return this.fontSizeMedium;
+    }
+  }, {
+    key: "radioFontSizeLarge",
+    get: function get() {
+      return this.fontSizeLarge;
+    }
+    /**
+     * @deprecated use radioLineHeightSmall
+     */
   }, {
     key: "radioLineHeight",
     get: function get() {
       return this.controlLineHeightSmall;
     }
   }, {
-    key: "radioPaddingY",
+    key: "radioLineHeightSmall",
+    get: function get() {
+      return this.radioLineHeight;
+    }
+  }, {
+    key: "radioLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "radioLineHeightLarge",
     get: function get() {
+      return this.controlLineHeightLarge;
+    }
+  }, {
+    key: "radioPaddingY",
+    get:
+    /**
+     * @deprecated use radioPaddingYSmall
+     */
+    function get() {
       var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
-      var lineHeight = parseInt(this.radioLineHeight, 10) || 0;
+      var lineHeight = parseInt(this.radioLineHeightSmall, 10) || 0;
+      return (controlHeight - lineHeight) / 2 + "px";
+    }
+  }, {
+    key: "radioPaddingYSmall",
+    get: function get() {
+      return this.radioPaddingY;
+    }
+  }, {
+    key: "radioPaddingYMedium",
+    get: function get() {
+      var controlHeight = parseInt(this.controlHeightMedium, 10) || 0;
+      var lineHeight = parseInt(this.radioLineHeightMedium, 10) || 0;
+      return (controlHeight - lineHeight) / 2 + "px";
+    }
+  }, {
+    key: "radioPaddingYLarge",
+    get: function get() {
+      var controlHeight = parseInt(this.controlHeightLarge, 10) || 0;
+      var lineHeight = parseInt(this.radioLineHeightLarge, 10) || 0;
       return (controlHeight - lineHeight) / 2 + "px";
     }
   }, {
@@ -1529,29 +2408,110 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return "0 0 0 " + this.radioBorderWidth + " " + this.borderColorDisabled;
     }
+  }, {
+    key: "radioCheckedDisabledBulletBg",
+    get: function get() {
+      return this.gray;
+    } //#endregion
+    //#region RadioGroup
   }, {
     key: "tabFontSize",
     get: //#endregion
     //#region Tabs
+    /**
+     * @deprecated use tabFontSizeLarge
+     */
     function get() {
       return this.fontSizeLarge;
     }
+  }, {
+    key: "tabFontSizeSmall",
+    get: function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "tabFontSizeMedium",
+    get: function get() {
+      return this.fontSizeMedium;
+    }
+  }, {
+    key: "tabFontSizeLarge",
+    get: function get() {
+      return this.tabFontSize;
+    }
+    /**
+     * @deprecated use tabLineHeightLarge
+     */
+  }, {
+    key: "tabLineHeight",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
+  }, {
+    key: "tabLineHeightSmall",
+    get: function get() {
+      return this.controlLineHeightSmall;
+    }
+  }, {
+    key: "tabLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "tabLineHeightLarge",
+    get: function get() {
+      return this.tabLineHeight;
+    }
+    /**
+     * @deprecated use tabPaddingXLarge
+     */
+  }, {
+    key: "tabPaddingXLarge",
+    get: function get() {
+      return this.tabPaddingX;
+    }
+    /**
+     * @deprecated use tabPaddingXLarge
+     */
   }, {
     key: "tabsMarginX",
     get: function get() {
       return this.tabPaddingX;
     }
+    /**
+     * @deprecated use tabPaddingYLarge
+     */
   }, {
     key: "tabPaddingY",
     get: function get() {
-      var paddingY = parseInt(this.controlPaddingYLarge, 10) || 0;
-      var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
+      var paddingY = parseInt(this.controlPaddingYLarge);
+      var borderWidth = parseInt(this.controlBorderWidth);
       return paddingY + borderWidth + "px";
     }
   }, {
-    key: "tabLineHeight",
+    key: "tabPaddingYSmall",
     get: function get() {
-      return this.controlLineHeightLarge;
+      var paddingY = parseInt(this.controlPaddingYSmall);
+      var borderWidth = parseInt(this.controlBorderWidth);
+      return paddingY + borderWidth + "px";
+    }
+  }, {
+    key: "tabPaddingYMedium",
+    get: function get() {
+      var paddingY = parseInt(this.controlPaddingYMedium);
+      var borderWidth = parseInt(this.controlBorderWidth);
+      return paddingY + borderWidth + "px";
+    }
+  }, {
+    key: "tabPaddingYLarge",
+    get: function get() {
+      return this.tabPaddingY;
     }
   }, {
     key: "tabOutlineWidth",
@@ -1612,12 +2572,12 @@ export var DefaultTheme = /*#__PURE__*/function () {
     key: "tabColorHoverPrimary",
     get: function get() {
       return ColorFunctions.lighten(this.tabColorPrimary, '25%');
-    } //#endregion
-    //#region Spinner
+    }
   }, {
     key: "spinnerBgColor",
-    get: function get() {
+    get: //#endregion
+    //#region Spinner
+    function get() {
       return this.grayXLight;
     }
   }, {
@@ -1667,9 +2627,7 @@ export var DefaultTheme = /*#__PURE__*/function () {
     }
   }, {
     key: "switcherTextColor",
-    get: //#endregion
-    //#region Switcher
-    function get() {
+    get: function get() {
       return this.textColorDefault;
     }
   }, {
@@ -1790,8 +2748,15 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "switcherButtonDisabledBorderColor",
     get: function get() {
-      return this.borderColorDisabled;
+      return this.switcherBtnDisabledBorderColor;
     }
+  }, {
+    key: "switcherButtonCheckedDisabledShadow",
+    get: function get() {
+      return this.btnCheckedDisabledShadow;
+    } //#endregion
+    //#region MobilePopup
   }, {
     key: "mobilePopupHeaderFontSize",
     get: function get() {
@@ -1801,13 +2766,147 @@ export var DefaultTheme = /*#__PURE__*/function () {
     key: "mobilePopupHeaderLineHeight",
     get: function get() {
       return this.lineHeightMobile;
+    }
+  }, {
+    key: "globalLoaderColor",
+    get: //#endregion
+    //#region GlobalLoader
+    function get() {
+      return this.blueLight;
+    }
+  }, {
+    key: "fileUploaderFontSize",
+    get: function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "fileUploaderPaddingXSmall",
+    get: function get() {
+      return this.inputPaddingXSmall;
+    }
+  }, {
+    key: "fileUploaderPaddingXMedium",
+    get: function get() {
+      return this.inputPaddingXMedium;
+    }
+  }, {
+    key: "fileUploaderPaddingXLarge",
+    get: function get() {
+      return this.inputPaddingXLarge;
+    }
+  }, {
+    key: "fileUploaderFontSizeSmall",
+    get: function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "fileUploaderFontSizeMedium",
+    get: function get() {
+      return this.fontSizeMedium;
+    }
+  }, {
+    key: "fileUploaderFontSizeLarge",
+    get: function get() {
+      return this.fontSizeLarge;
+    }
+  }, {
+    key: "fileUploaderLineHeight",
+    get: function get() {
+      return this.controlLineHeightSmall;
+    }
+  }, {
+    key: "fileUploaderLineHeightSmall",
+    get: function get() {
+      return this.fileUploaderLineHeight;
+    }
+  }, {
+    key: "fileUploaderLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "fileUploaderLineHeightLarge",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
+  }, {
+    key: "fileUploaderPaddingYSmall",
+    get: function get() {
+      return this.fileUploaderPaddingY;
+    }
+  }, {
+    key: "fileUploaderPaddingYMedium",
+    get: function get() {
+      return this.controlPaddingYMedium;
+    }
+  }, {
+    key: "fileUploaderPaddingYLarge",
+    get: function get() {
+      return this.controlPaddingYLarge;
+    }
+  }, {
+    key: "fileUploaderTextColorDefault",
+    get: function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "fileUploaderPaddingY",
+    get: function get() {
+      return this.controlPaddingYSmall;
+    }
+  }, {
+    key: "fileUploaderBorderWidth",
+    get: function get() {
+      return this.controlBorderWidth;
+    }
+  }, {
+    key: "fileUploaderDisabledBorder",
+    get: function get() {
+      return this.fileUploaderBorderWidth + " solid " + this.fileUploaderDisabledBorderColor;
+    }
+  }, {
+    key: "fileUploaderBorderColorFocus",
+    get: function get() {
+      return this.borderColorFocus;
+    }
+  }, {
+    key: "fileUploaderLinkColor",
+    get: function get() {
+      return this.linkColor;
+    }
+  }, {
+    key: "fileUploaderBorderColorError",
+    get: function get() {
+      return this.borderColorError;
+    }
+  }, {
+    key: "fileUploaderBorderColorWarning",
+    get: function get() {
+      return this.borderColorWarning;
+    }
+  }, {
+    key: "fileUploaderLinkHoverTextDecoration",
+    get: function get() {
+      return this.linkHoverTextDecoration;
+    }
+  }, {
+    key: "fileUploaderDragOverBorderColor",
+    get: function get() {
+      return this.borderColorFocus;
+    }
+  }, {
+    key: "closeBtnIconFocusShadow",
+    get: function get() {
+      return "inset 0 0 0 1px " + this.borderColorFocus + ", inset 0 0 0 2px " + this.outlineColorFocus;
     } //#endregion
+    //#region InternalMenu
+    //#endregion
   }]);
   return DefaultTheme;
 }();
-DefaultTheme.fontFamilyCompensationBaseline = '0';
+DefaultTheme.fontFamilyCompensationBaseline = '0px';
 DefaultTheme.labGrotesqueBaselineCompensation = '1';
 DefaultTheme.brandXLight = '#cae5f5';
 DefaultTheme.brandLight = '#3094d0';
@@ -1832,21 +2931,20 @@ DefaultTheme.greenDark = '#477916';
 DefaultTheme.redXxLight = '#ffddd6';
 DefaultTheme.red = '#dd473b';
 DefaultTheme.redDark = '#cb3d35';
-DefaultTheme.yellowXxLight = '#ffe0c3';
-DefaultTheme.yellow = '#ffa236';
-DefaultTheme.yellowDark = '#ea7324';
+DefaultTheme.yellowXxLight = '#ffeec2';
+DefaultTheme.yellow = '#fcb73e';
+DefaultTheme.yellowDark = '#ef8b17';
 DefaultTheme.bgDefault = '#fff';
 DefaultTheme.bgDisabled = '#f6f6f6';
 DefaultTheme.errorMain = '#dd473b';
 DefaultTheme.errorSecondary = '#ffd6d6';
 DefaultTheme.errorText = '#cb3d35';
-DefaultTheme.warningMain = '#ffa236';
+DefaultTheme.warningMain = '#fcb73e';
 DefaultTheme.warningSecondary = '#fff0bc';
 DefaultTheme.warningText = '#d97e00';
 DefaultTheme.borderColorFocusLight = '#cdedff';
 DefaultTheme.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';
 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';
@@ -1874,6 +2972,8 @@ DefaultTheme.controlHeightSmall = '32px';
 DefaultTheme.controlHeightMedium = '40px';
 DefaultTheme.controlHeightLarge = '48px';
 DefaultTheme.mobileMediaQuery = '(max-width: 576px) and (hover: none) and (pointer: coarse)';
+DefaultTheme.transitionDuration = '100ms';
+DefaultTheme.transitionTimingFunction = 'cubic-bezier(0.5, 1, 0.89, 1)';
 DefaultTheme.linkColor = '#1874cf';
 DefaultTheme.linkActiveColor = '#1260ae';
 DefaultTheme.linkHoverTextDecoration = 'underline';
@@ -1884,8 +2984,13 @@ DefaultTheme.linkDangerColor = '#cb3d35';
 DefaultTheme.linkDangerHoverColor = '#cb3d35';
 DefaultTheme.linkDangerActiveColor = '#a92a27';
 DefaultTheme.linkIconMarginRight = '4px';
+DefaultTheme.linkIconMarginLeft = '4px';
 DefaultTheme.linkButtonLineHeight = '34px';
 DefaultTheme.linkButtonPaddingX = '10px';
+DefaultTheme.linkLineBorderBottomStyle = '';
+DefaultTheme.linkLineBorderBottomWidth = '0px';
+DefaultTheme.linkLineBorderBottomOpacity = '0.5';
+DefaultTheme.linkLineBorderBottomColor = "color-mix(in srgb, currentColor " + parseFloat(DefaultTheme.linkLineBorderBottomOpacity) * 100 + "%, transparent)";
 DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.05)';
 DefaultTheme.tokenMarginY = '2px';
 DefaultTheme.tokenMarginX = '4px';
@@ -1899,19 +3004,32 @@ DefaultTheme.tokenRemoveIconGap = '4px';
 DefaultTheme.tokenRemoveIconBoxSizing = 'content-box';
 DefaultTheme.tokenBorderRadius = '1px';
 DefaultTheme.tokenBorderWidth = '1px';
-DefaultTheme.tokenBorderColorDisabled = 'rgba(0, 0, 0, 0.15)';
+DefaultTheme.tokenBorderColorDisabled = 'transparent';
 DefaultTheme.tokenOutlineWidth = '2px';
 DefaultTheme.tokenLegacyTextShift = '0px';
+DefaultTheme.tokenDefaultIdleBg = '';
+DefaultTheme.tokenDefaultIdleColor = '';
+DefaultTheme.tokenDefaultIdleBorderColor = '';
+DefaultTheme.tokenDefaultIdleBgHover = '';
+DefaultTheme.tokenDefaultIdleColorHover = '';
+DefaultTheme.tokenDefaultIdleBorderColorHover = '';
+DefaultTheme.tokenDefaultActiveBg = '';
+DefaultTheme.tokenDefaultActiveColor = '';
+DefaultTheme.tokenDefaultActiveBorderColor = '';
+DefaultTheme.tokenInputBorderRadius = '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.loaderBorderRadius = '0px';
 DefaultTheme.btnBackgroundClip = 'padding-box';
 DefaultTheme.btnArrowBgImageActive = 'none';
 DefaultTheme.btnArrowBgImageChecked = 'none';
 DefaultTheme.btnLinkBorderRadius = '2px';
+DefaultTheme.btnFocusShadowWidth = '2px';
+DefaultTheme.btnBorderColorTransition = '';
 DefaultTheme.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.05)';
 DefaultTheme.btnCheckedBg = '#7e7e7e';
 DefaultTheme.btnCheckedDisabledBg = '#a0a0a0';
@@ -1919,16 +3037,19 @@ DefaultTheme.btnCheckedDisabledColor = 'rgba(255, 255, 255, 0.7)';
 DefaultTheme.btnCheckedTextColor = '#fff';
 DefaultTheme.btnCheckedShadow = 'none';
 DefaultTheme.btnCheckedDisabledShadow = 'none';
-DefaultTheme.btnBorderRadiusSmall = '2px';
-DefaultTheme.btnBorderRadiusMedium = '2px';
-DefaultTheme.btnBorderRadiusLarge = '2px';
+DefaultTheme.btnBorderRadiusSmall = '1px';
+DefaultTheme.btnBorderRadiusMedium = '1px';
+DefaultTheme.btnBorderRadiusLarge = '1px';
 DefaultTheme.btnInsetWidth = '1px';
 DefaultTheme.btnPaddingXSmall = '15px';
 DefaultTheme.btnPaddingXMedium = '15px';
 DefaultTheme.btnPaddingXLarge = '19px';
 DefaultTheme.btnIconGapSmall = '4px';
+DefaultTheme.btnIconGapSmallRight = '4px';
 DefaultTheme.btnIconGapMedium = '4px';
+DefaultTheme.btnIconGapMediumRight = '4px';
 DefaultTheme.btnIconGapLarge = '4px';
+DefaultTheme.btnIconGapLargeRight = '4px';
 DefaultTheme.btnIconSizeSmall = '16px';
 DefaultTheme.btnIconSizeMedium = '18px';
 DefaultTheme.btnIconSizeLarge = '20px';
@@ -1940,13 +3061,18 @@ DefaultTheme.btnDefaultHoverBgStart = 'none';
 DefaultTheme.btnDefaultHoverBgEnd = 'none';
 DefaultTheme.btnDefaultActiveBg = '#ebebeb';
 DefaultTheme.btnDefaultHoverBorderColor = 'rgba(0, 0, 0, 0.16)';
+DefaultTheme.btnDefaultHoverBorderBottomColor = '';
 DefaultTheme.btnDefaultActiveBorderColor = 'rgba(0, 0, 0, 0.16)';
+DefaultTheme.btnDefaultActiveBorderTopColor = '';
 DefaultTheme.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16)';
+DefaultTheme.btnDefaultBorderBottomColor = '';
 DefaultTheme.btnDefaultActiveShadow = 'none';
 DefaultTheme.btnSuccessBg = '#538a1b';
 DefaultTheme.btnSuccessHoverBg = '#477916';
 DefaultTheme.btnSuccessHoverBorderColor = '#477916';
+DefaultTheme.btnSuccessHoverBorderBottomColor = '';
 DefaultTheme.btnSuccessBorderColor = '#538a1b';
+DefaultTheme.btnSuccessBorderBottomColor = '';
 DefaultTheme.btnSuccessBgStart = 'none';
 DefaultTheme.btnSuccessBgEnd = 'none';
 DefaultTheme.btnSuccessTextColor = '#fff';
@@ -1954,11 +3080,14 @@ DefaultTheme.btnSuccessHoverBgStart = 'none';
 DefaultTheme.btnSuccessHoverBgEnd = 'none';
 DefaultTheme.btnSuccessActiveBg = '#3a6710';
 DefaultTheme.btnSuccessActiveBorderColor = '#3a6710';
+DefaultTheme.btnSuccessActiveBorderTopColor = '';
 DefaultTheme.btnSuccessActiveShadow = 'none';
 DefaultTheme.btnPrimaryBg = '#1c7edf';
 DefaultTheme.btnPrimaryHoverBg = '#1874cf';
 DefaultTheme.btnPrimaryHoverBorderColor = '#1874cf';
+DefaultTheme.btnPrimaryHoverBorderBottomColor = '';
 DefaultTheme.btnPrimaryBorderColor = '#1c7edf';
+DefaultTheme.btnPrimaryBorderBottomColor = '';
 DefaultTheme.btnPrimaryBgStart = 'none';
 DefaultTheme.btnPrimaryBgEnd = 'none';
 DefaultTheme.btnPrimaryTextColor = '#fff';
@@ -1966,11 +3095,14 @@ DefaultTheme.btnPrimaryHoverBgStart = 'none';
 DefaultTheme.btnPrimaryHoverBgEnd = 'none';
 DefaultTheme.btnPrimaryActiveBg = '#156abe';
 DefaultTheme.btnPrimaryActiveBorderColor = '#156abe';
+DefaultTheme.btnPrimaryActiveBorderTopColor = '';
 DefaultTheme.btnPrimaryActiveShadow = 'none';
 DefaultTheme.btnDangerBg = '#dd473b';
 DefaultTheme.btnDangerHoverBg = '#cb3d35';
 DefaultTheme.btnDangerHoverBorderColor = '#cb3d35';
+DefaultTheme.btnDangerHoverBorderBottomColor = '';
 DefaultTheme.btnDangerBorderColor = '#dd473b';
+DefaultTheme.btnDangerBorderBottomColor = '';
 DefaultTheme.btnDangerBgStart = 'none';
 DefaultTheme.btnDangerBgEnd = 'none';
 DefaultTheme.btnDangerTextColor = '#fff';
@@ -1978,20 +3110,41 @@ DefaultTheme.btnDangerHoverBgStart = 'none';
 DefaultTheme.btnDangerHoverBgEnd = 'none';
 DefaultTheme.btnDangerActiveBg = '#ba342e';
 DefaultTheme.btnDangerActiveBorderColor = '#ba342e';
+DefaultTheme.btnDangerActiveBorderTopColor = '';
 DefaultTheme.btnDangerActiveShadow = 'none';
-DefaultTheme.btnPayBg = '#ffa236';
-DefaultTheme.btnPayHoverBg = '#ff8227';
-DefaultTheme.btnPayHoverBorderColor = '#ff8227';
-DefaultTheme.btnPayBorderColor = '#ffa236';
+DefaultTheme.btnPayBg = '#fcb73e';
+DefaultTheme.btnPayHoverBg = '#fda70c';
+DefaultTheme.btnPayHoverBorderColor = '#fda70c';
+DefaultTheme.btnPayHoverBorderBottomColor = '';
+DefaultTheme.btnPayBorderColor = '#fcb73e';
+DefaultTheme.btnPayBorderBottomColor = '';
 DefaultTheme.btnPayBgStart = 'none';
 DefaultTheme.btnPayBgEnd = 'none';
 DefaultTheme.btnPayHoverBgStart = 'none';
 DefaultTheme.btnPayHoverBgEnd = 'none';
-DefaultTheme.btnPayActiveBg = '#ea7324';
-DefaultTheme.btnPayActiveBorderColor = '#ea7324';
+DefaultTheme.btnPayActiveBg = '#f69912';
+DefaultTheme.btnPayActiveBorderColor = '#f69912';
+DefaultTheme.btnPayActiveBorderTopColor = '';
 DefaultTheme.btnPayActiveShadow = 'none';
 DefaultTheme.btnMenuArrowColor = '#a6a6a6';
+DefaultTheme.btnLinkLineBorderBottomStyle = '';
+DefaultTheme.btnLinkLineBorderBottomWidth = '0px';
 DefaultTheme.btnInsetColor = '#fff';
+DefaultTheme.btnBacklessBg = 'transparent !important';
+DefaultTheme.btnBacklessHoverBg = 'rgba(0, 0, 0, 0.04) !important';
+DefaultTheme.btnBacklessActiveBg = 'rgba(0, 0, 0, 0.1) !important';
+DefaultTheme.btnTextBg = 'transparent';
+DefaultTheme.btnTextHoverBg = 'rgba(0, 0, 0, 0.04)';
+DefaultTheme.btnTextActiveBg = 'rgba(0, 0, 0, 0.1)';
+DefaultTheme.btnWithIconPaddingLeftSmall = '';
+DefaultTheme.btnWithIconPaddingRightSmall = '';
+DefaultTheme.btnWithIconPaddingLeftMedium = '';
+DefaultTheme.btnWithIconPaddingRightMedium = '';
+DefaultTheme.btnWithIconPaddingLeftLarge = '';
+DefaultTheme.btnWithIconPaddingRightLarge = '';
+DefaultTheme.btnIconColor = '';
+DefaultTheme.btnIconHoverColor = '';
+DefaultTheme.btnIconDisabledColor = '';
 DefaultTheme.selectPlaceholderColor = '#adadad';
 DefaultTheme.selectPaddingXSmall = '7px';
 DefaultTheme.selectIconGapSmall = '4px';
@@ -2000,11 +3153,15 @@ DefaultTheme.selectIconGapMedium = '8px';
 DefaultTheme.selectPaddingXLarge = '15px';
 DefaultTheme.selectIconGapLarge = '12px';
 DefaultTheme.selectRootWidthMobile = 'auto';
+DefaultTheme.mobileSelectMaxWidth = '100%';
+DefaultTheme.selectBorderColorTransition = "box-shadow " + DefaultTheme.transitionDuration + " " + DefaultTheme.transitionTimingFunction + ";";
 DefaultTheme.tooltipPaddingY = '16px';
 DefaultTheme.tooltipPaddingX = '16px';
 DefaultTheme.tooltipCloseBtnPadding = '8px';
+DefaultTheme.tooltipCloseBtnSide = '8px';
 DefaultTheme.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.32)';
 DefaultTheme.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';
+DefaultTheme.tooltipBg = '#fff';
 DefaultTheme.tooltipPinOffset = '0px';
 DefaultTheme.tooltipPinOffsetX = '16px';
 DefaultTheme.tooltipPinOffsetY = '18px';
@@ -2014,6 +3171,14 @@ DefaultTheme.kebabBackground = 'transparent';
 DefaultTheme.kebabBackgroundHover = 'rgba(0, 0, 0, 0.09)';
 DefaultTheme.kebabBorderRadius = '50%';
 DefaultTheme.kebabBorder = '2px solid transparent';
+DefaultTheme.kebabSizeSmall = '26px';
+DefaultTheme.kebabSizeMedium = '26px';
+DefaultTheme.kebabSizeLarge = '26px';
+DefaultTheme.kebabIconSizeSmall = '14px';
+DefaultTheme.kebabIconSizeMedium = '18px';
+DefaultTheme.kebabIconSizeLarge = '20px';
+DefaultTheme.kebabIconColor = '#757575';
+DefaultTheme.modalWindowShadow = '0 5px 10px rgba(0, 0, 0, 0.2);';
 DefaultTheme.modalBackBg = '#222';
 DefaultTheme.modalBackOpacity = '0.6';
 DefaultTheme.modalCloseButtonColor = 'rgba(0, 0, 0, 0.32)';
@@ -2026,18 +3191,30 @@ DefaultTheme.modalCloseButtonClickArea = '10px';
 DefaultTheme.modalCloseIconSize = '12px';
 DefaultTheme.modalCloseLegacyGap = '0px';
 DefaultTheme.modalCloseWrapperLegacyGap = '0px';
+DefaultTheme.modalBorderRadius = '0px';
+DefaultTheme.modalFixedHeaderBorder = 'none';
+DefaultTheme.modalFixedFooterBorder = 'none';
+DefaultTheme.modalFixedPanelShadow = 'none';
 DefaultTheme.modalFooterBg = '#ebebeb';
 DefaultTheme.modalAdaptiveThreshold = '425px';
 DefaultTheme.modalPaddingTop = '24px';
 DefaultTheme.modalPaddingLeft = '32px';
 DefaultTheme.modalPaddingRight = '36px';
 DefaultTheme.modalHeaderFontSize = '24px';
+DefaultTheme.modalHeaderFontWeight = '400';
 DefaultTheme.modalHeaderLineHeight = '32px';
 DefaultTheme.modalHeaderPaddingBottom = '16px';
 DefaultTheme.modalHeaderPaddingTop = '24px';
+DefaultTheme.modalHeaderAdditionalPaddingBottom = '22px';
+DefaultTheme.modalFixedHeaderMarginBottom = '10px';
+DefaultTheme.modalFixedFooterPaddingTop = '20px';
+DefaultTheme.modalFixedFooterMarginTop = '10px';
+DefaultTheme.modalSeparatorBorderBottom = 'none';
 DefaultTheme.modalBodyTextColor = 'inherit';
 DefaultTheme.modalFooterTextColor = 'inherit';
+DefaultTheme.modalBodyPaddingTop = '0';
 DefaultTheme.modalBodyPaddingBottom = '24px';
+DefaultTheme.modalBodyBorderRadius = '0px';
 DefaultTheme.modalFooterPaddingTop = '0px';
 DefaultTheme.modalFooterPaddingBottom = '32px';
 DefaultTheme.modalPaddingBottom = '40px';
@@ -2050,10 +3227,15 @@ DefaultTheme.mobileModalCloseIconSize = '12px';
 DefaultTheme.mobileModalHeaderFontSize = '24px';
 DefaultTheme.mobileModalHeaderLineHeight = '32px';
 DefaultTheme.mobileModalHeaderPadding = '16px';
-DefaultTheme.mobileModalBodyPadding = '16px';
+DefaultTheme.mobileModalBodyPadding = '0 16px 16px 16px';
 DefaultTheme.mobileModalBodyFontSize = '16px';
 DefaultTheme.mobileModalFooterPadding = '16px';
 DefaultTheme.mobileModalPaddingBottom = '16px';
+DefaultTheme.mobileModalContainerHeight = '100%';
+DefaultTheme.mobileModalContainerMarginTop = '0';
+DefaultTheme.mobileModalContainerMarginRight = '0';
+DefaultTheme.mobileModalContainerMarginBottom = '0';
+DefaultTheme.mobileModalContainerMarginLeft = '0';
 DefaultTheme.sidePageFooterPanelBg = '#ebebeb';
 DefaultTheme.sidePageBackingBg = '#222';
 DefaultTheme.sidePageBackingBgOpacity = '0.6';
@@ -2089,10 +3271,12 @@ DefaultTheme.sidePageFooterPanelPaddingBottom = '20px';
 DefaultTheme.sidePageCloseIconSize = '12px';
 DefaultTheme.sidePageCloseButtonClickArea = '10px';
 DefaultTheme.mobileSidePageCloseButtonClickArea = '16px';
+DefaultTheme.sidePageFixedPanelShadow = 'none';
 DefaultTheme.mobileSidePageHeaderFontSize = '24px';
 DefaultTheme.mobileSidePageHeaderLineHeight = '32px';
 DefaultTheme.mobileSidePageHeaderPaddingBottom = '16px';
 DefaultTheme.mobileSidePageHeaderPaddingTop = '16px';
+DefaultTheme.sidePageHeaderFontWeight = '';
 DefaultTheme.dateInputMaskColor = '#b8b8b8';
 DefaultTheme.dateInputComponentSelectedBgColor = '#cdedff';
 DefaultTheme.calendarCellHoverColor = 'white';
@@ -2116,6 +3300,7 @@ DefaultTheme.dateSelectLineHeight = '20px';
 DefaultTheme.dateSelectFontSize = '14px';
 DefaultTheme.dateSelectFontWeight = 'bold';
 DefaultTheme.dateSelectMenuItemBgSelected = '#ececec';
+DefaultTheme.datePickerMenuOffsetY = '2px';
 DefaultTheme.pickerShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';
 DefaultTheme.pickerTodayWrapperBorderTop = '1px solid #dfdede';
 DefaultTheme.pickerTodayWrapperHoverBgColor = '#f5f5f5';
@@ -2123,10 +3308,12 @@ DefaultTheme.pickerTodayWrapperFontSize = '14px';
 DefaultTheme.pickerTodayWrapperLineHeight = '20px';
 DefaultTheme.pickerTodayWrapperPaddingTop = '6px';
 DefaultTheme.pickerTodayWrapperPaddingBottom = '6px';
+DefaultTheme.pickerBorderRadius = '';
 DefaultTheme.pagingForwardIconMarginTop = '1px';
+DefaultTheme.pagingPageLinkBoxSizing = 'content-box';
 DefaultTheme.pagingPageLinkPaddingX = '0.625em';
 DefaultTheme.pagingPageLinkPaddingY = '0.3125em';
-DefaultTheme.pagingPageLinkLegacyPaddingY = '0';
+DefaultTheme.pagingPageLinkLegacyPaddingY = '0px';
 DefaultTheme.pagingPageLinkMinWidth = '0.75em';
 DefaultTheme.pagingPageForwardLinkMarginTop = '0.35em';
 DefaultTheme.pagingPageForwardLinkMarginLeft = '10px';
@@ -2135,10 +3322,12 @@ DefaultTheme.pagingLineHeight = '1.375em';
 DefaultTheme.pagingDotsColor = 'gray';
 DefaultTheme.pagingDotsPadding = '0.375em 0.625em 0';
 DefaultTheme.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.09)';
+DefaultTheme.pagingPageLinkDisabledActiveBg = 'rgba(0, 0, 0, 0.04)';
 DefaultTheme.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.05)';
+DefaultTheme.pagingPageLinkBorderRadius = '9999px';
 DefaultTheme.pagingPageLinkHintFontSize = '12px';
 DefaultTheme.pagingPageLinkHintLineHeight = '16px';
-DefaultTheme.pagingPageLinkBorderRadius = '50%';
+DefaultTheme.pagingPageLinkHintMargin = '0 -20px';
 DefaultTheme.pagingPageLinkMargin = '0px 1px';
 DefaultTheme.hintMaxWidth = '200px';
 DefaultTheme.hintPaddingY = '6px';
@@ -2157,58 +3346,134 @@ DefaultTheme.toastTop = '24px';
 DefaultTheme.toastBg = 'rgba(51, 51, 51, 0.8)';
 DefaultTheme.toastColor = 'white';
 DefaultTheme.toastLinkColor = '#8fcdff';
+DefaultTheme.toastLinkTextDecorationHover = 'underline';
+DefaultTheme.toastLinkBgHover = '';
+DefaultTheme.toastLinkBgActive = '';
 DefaultTheme.toastClosePadding = '16px';
 DefaultTheme.toastCloseColor = 'rgba(255, 255, 255, 0.6)';
 DefaultTheme.toastCloseHoverColor = 'white';
 DefaultTheme.toastCloseSize = '8px';
 DefaultTheme.dropdownMenuSelectedBg = '#f1f1f1';
+DefaultTheme.dropdownMenuBorderColorTransition = '';
+DefaultTheme.dropdownMenuMenuBoxSizing = 'content-box';
+DefaultTheme.dropdownButtonBorderRadiusSmall = '1px';
+DefaultTheme.dropdownButtonBorderRadiusMedium = '1px';
+DefaultTheme.dropdownButtonBorderRadiusLarge = '1px';
 DefaultTheme.menuBorder = 'none';
 DefaultTheme.menuShadow = '0 4px 12px rgba(0, 0, 0, 0.16)';
-DefaultTheme.menuPaddingY = '4px';
+DefaultTheme.menuPaddingY = '0px';
+DefaultTheme.menuLegacyPaddingY = '5px';
+DefaultTheme.menuScrollContainerContentWrapperPaddingY = '4px';
+DefaultTheme.mobileMenuPaddingY = '0px';
+DefaultTheme.mobileMenuScrollContainerContentWrapperPaddingY = '0px';
+DefaultTheme.menuPaddingX = '0px';
+DefaultTheme.mobileMenuPaddingX = '8px';
+DefaultTheme.menuOffsetY = '0px';
+DefaultTheme.menuBoxSizing = 'content-box';
 DefaultTheme.menuItemIconWidth = '16px';
+DefaultTheme.menuItemIconWidthMedium = '20px';
+DefaultTheme.menuItemIconWidthLarge = '24px';
 DefaultTheme.menuItemIconGap = '4px';
 DefaultTheme.menuItemIconLegacyMargin = '0px';
 DefaultTheme.menuItemIconLegacyShift = '0px';
 DefaultTheme.menuItemPaddingX = '8px';
 DefaultTheme.menuItemPaddingY = '6px';
+DefaultTheme.menuItemPaddingXMedium = '12px';
+DefaultTheme.menuItemPaddingYMedium = '9px';
+DefaultTheme.menuItemPaddingXLarge = '16px';
+DefaultTheme.menuItemPaddingYLarge = '12px';
+DefaultTheme.menuItemBorderRadius = '0px';
 DefaultTheme.menuItemLegacyPaddingX = '0px';
 DefaultTheme.menuItemLegacyPaddingY = '0px';
 DefaultTheme.menuItemCommentColor = '#adadad';
+DefaultTheme.menuItemCommentOpacity = '';
 DefaultTheme.menuItemCommentColorHover = '#fff';
+DefaultTheme.menuItemDisplay = 'block';
 DefaultTheme.menuItemPaddingMobile = '12px 16px';
+DefaultTheme.menuItemDisabledBg = 'transparent';
+DefaultTheme.menuItemGap = '0px';
+DefaultTheme.menuHeaderColor = '#757575';
 DefaultTheme.menuHeaderLineHeight = '16px';
+DefaultTheme.menuHeaderLineHeightMedium = '20px';
+DefaultTheme.menuHeaderLineHeightLarge = '22px';
 DefaultTheme.menuHeaderFontSize = '12px';
+DefaultTheme.menuHeaderFontSizeMedium = '14px';
+DefaultTheme.menuHeaderFontSizeLarge = '16px';
 DefaultTheme.menuHeaderPaddingX = '8px';
 DefaultTheme.menuHeaderPaddingTop = '12px';
 DefaultTheme.menuHeaderPaddingBottom = '4px';
+DefaultTheme.menuHeaderPaddingXMedium = '12px';
+DefaultTheme.menuHeaderPaddingTopMedium = '14px';
+DefaultTheme.menuHeaderPaddingBottomMedium = '6px';
+DefaultTheme.menuHeaderPaddingXLarge = '16px';
+DefaultTheme.menuHeaderPaddingTopLarge = '18px';
+DefaultTheme.menuHeaderPaddingBottomLarge = '8px';
+DefaultTheme.menuHeaderTotalCountPaddingTopSmall = '4px';
+DefaultTheme.menuHeaderTotalCountPaddingTopMedium = '6px';
+DefaultTheme.menuHeaderTotalCountPaddingTopLarge = '8px';
+DefaultTheme.menuHeaderTotalCountPaddingBottomSmall = '12px';
+DefaultTheme.menuHeaderTotalCountPaddingBottomMedium = '14px';
+DefaultTheme.menuHeaderTotalCountPaddingBottomLarge = '18px';
 DefaultTheme.menuHeaderLegacyPaddingRight = '0px';
+DefaultTheme.menuFooterLegacyPaddingRight = '0px';
 DefaultTheme.menuSeparatorBorderColor = '#ebebeb';
 DefaultTheme.menuSeparatorMarginY = '2px';
+DefaultTheme.menuSeparatorMarginX = '0px';
 DefaultTheme.menuSeparatorBorderWidth = '1px';
+DefaultTheme.mobileMenuSeparatorMarginY = '4px';
+DefaultTheme.mobileMenuSeparatorMarginX = '24px';
 DefaultTheme.toggleHandleActiveWidthIncrement = '4px';
 DefaultTheme.toggleHeight = '20px';
 DefaultTheme.toggleWidth = '32px';
+DefaultTheme.toggleHeightMedium = '22px';
+DefaultTheme.toggleWidthMedium = '34px';
+DefaultTheme.toggleHeightLarge = '24px';
+DefaultTheme.toggleWidthLarge = '36px';
 DefaultTheme.toggleBg = '#fff';
+DefaultTheme.toggleCheckedBg = '#fff';
 DefaultTheme.toggleDisabledHandleBg = '#fff';
 DefaultTheme.toggleBaseBg = '#fff';
 DefaultTheme.toggleBgDisabledChecked = '#dadada';
 DefaultTheme.toggleBgHover = '#f3f3f2';
+DefaultTheme.toggleCheckedBgHover = '#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.toggleCaptionGap = '8px';
 DefaultTheme.toggleButtonOffsetY = '0px';
+DefaultTheme.toggleContainerBg = '';
+DefaultTheme.toggleContainerBgCheckedHover = '';
+DefaultTheme.toggleContainerBoxShadow = '';
+DefaultTheme.toggleContainerBoxShadowHover = '';
+DefaultTheme.toggleContainerBoxShadowChecked = '';
+DefaultTheme.toggleContainerBoxShadowCheckedHover = '';
+DefaultTheme.toggleHandleBgHover = '';
+DefaultTheme.toggleHandleBgChecked = '';
+DefaultTheme.toggleHandleBgCheckedHover = '';
+DefaultTheme.toggleHandleBoxShadow = '';
+DefaultTheme.toggleHandleBoxShadowHover = '';
+DefaultTheme.toggleHandleBoxShadowChecked = '';
+DefaultTheme.toggleHandleBoxShadowCheckedHover = '';
+DefaultTheme.toggleContainerBgDisabled = '';
+DefaultTheme.toggleHandleBgDisabled = '';
+DefaultTheme.toggleContainerBoxShadowDisabled = '';
+DefaultTheme.toggleHandleBoxShadowDisabled = '';
+DefaultTheme.toggleContainerBgDisabledChecked = '';
+DefaultTheme.toggleHandleBgDisabledChecked = '';
+DefaultTheme.toggleContainerBoxShadowDisabledChecked = '';
+DefaultTheme.toggleHandleBoxShadowDisabledChecked = '';
 DefaultTheme.popupBorder = 'none';
 DefaultTheme.popupBorderRadius = '2px';
 DefaultTheme.popupBorderColor = 'transparent';
 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.popupPinOffset = '0px';
 DefaultTheme.popupPinOffsetX = '16px';
 DefaultTheme.popupPinOffsetY = '16px';
 DefaultTheme.popupMargin = '10px';
 DefaultTheme.popupPinSize = '8px';
+DefaultTheme.popupMenuMenuOffsetY = '0px';
 DefaultTheme.inputShadow = 'none';
 DefaultTheme.inputBg = 'white';
 DefaultTheme.inputIconColor = '#a9a9a9';
@@ -2223,11 +3488,17 @@ DefaultTheme.inputIconGapLarge = '12px';
 DefaultTheme.inputIconSizeSmall = '16px';
 DefaultTheme.inputIconSizeMedium = '18px';
 DefaultTheme.inputIconSizeLarge = '20px';
+DefaultTheme.inputBackgroundClip = 'padding-box';
 DefaultTheme.inputBorderRadiusSmall = '0px';
 DefaultTheme.inputBorderRadiusMedium = '0px';
 DefaultTheme.inputBorderRadiusLarge = '0px';
+DefaultTheme.inputDisabledBackgroundClip = '';
 DefaultTheme.inputBorderTopColor = 'rgba(0, 0, 0, 0.15)';
+DefaultTheme.inputColorScheme = 'light';
 DefaultTheme.checkboxBoxSize = '16px';
+DefaultTheme.checkboxBoxSizeSmall = '16px';
+DefaultTheme.checkboxBoxSizeMedium = '20px';
+DefaultTheme.checkboxBoxSizeLarge = '24px';
 DefaultTheme.checkboxCaptionGap = '8px';
 DefaultTheme.checkboxBoxOffsetY = '1px';
 DefaultTheme.checkboxBgStart = '#fdfdfd';
@@ -2238,13 +3509,21 @@ DefaultTheme.checkboxBorderRadius = '1px';
 DefaultTheme.checkboxBg = '#fff';
 DefaultTheme.textareaBg = '#fff';
 DefaultTheme.textareaShadow = 'none';
+DefaultTheme.textareaBackgroundClip = 'border-box';
 DefaultTheme.textareaBorderRadius = '0px';
 DefaultTheme.textareaWidth = '250px';
 DefaultTheme.textareaPaddingX = '7px';
+DefaultTheme.textareaPaddingXMedium = '11px';
+DefaultTheme.textareaPaddingXLarge = '15px';
 DefaultTheme.textareaBorderTopColor = 'rgba(0, 0, 0, 0.16)';
 DefaultTheme.textareaDisabledBg = 'rgba(0, 0, 0, 0.05)';
+DefaultTheme.textareaDisabledBorderColor = 'transparent';
 DefaultTheme.radioBulletSize = '8px';
+DefaultTheme.radioBulletSizeMedium = '10px';
+DefaultTheme.radioBulletSizeLarge = '12px';
 DefaultTheme.radioSize = '16px';
+DefaultTheme.radioSizeMedium = '20px';
+DefaultTheme.radioSizeLarge = '24px';
 DefaultTheme.radioCaptionGap = '8px';
 DefaultTheme.radioVerticalAlign = 'top';
 DefaultTheme.radioBgImage = 'none';
@@ -2254,31 +3533,99 @@ DefaultTheme.radioHoverShadow = 'none';
 DefaultTheme.radioActiveShadow = 'none';
 DefaultTheme.radioCheckedBorderColor = 'transparent';
 DefaultTheme.radioCheckedBulletColor = '#fff';
-DefaultTheme.radioCaptionDisplay = 'inline-table';
+DefaultTheme.radioCaptionDisplay = 'inline-flex';
 DefaultTheme.radioBorderWidthCompensation = '0px';
 DefaultTheme.radioCircleOffsetY = '1px';
 DefaultTheme.radioGroupLegacyItemGap = '0px';
 DefaultTheme.tabPaddingX = '12px';
+DefaultTheme.tabPaddingXSmall = '8px';
+DefaultTheme.tabPaddingXMedium = '10px';
 DefaultTheme.tabBorderWidth = '2px';
+DefaultTheme.tabIndicatorBorderRadius = '0px';
 DefaultTheme.spinnerCaptionGapSmall = '6px';
 DefaultTheme.spinnerCaptionGapMedium = '-4px';
 DefaultTheme.spinnerCaptionGapLarge = '-3px';
+DefaultTheme.spinnerCaptionMarginSmall = '0 0 0 6px';
+DefaultTheme.spinnerCaptionMarginMedium = '0 0 0 6px';
+DefaultTheme.spinnerCaptionMarginLarge = '0 0 0 6px';
+DefaultTheme.switcherBorderRadius = '2px';
 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.switcherBtnDisabledBorderColor = 'rgba(0, 0, 0, 0.16)';
+DefaultTheme.mobilePopupTopPadding = '80px';
+DefaultTheme.mobilePopupContainerBottomPadding = '8px';
+DefaultTheme.mobilePopupHeaderPadding = '16px 16px 8px 16px';
+DefaultTheme.mobilePopupContainerBorderRadius = '16px';
 DefaultTheme.mobilePopupHeaderFontWeight = '500';
 DefaultTheme.mobilePopupHeaderChildPadding = '12px';
+DefaultTheme.mobilePopupOuterIndentY = '24px';
 DefaultTheme.scrollContainerScrollBarSize = '4px';
 DefaultTheme.scrollContainerScrollBarHoverSize = '10px';
-DefaultTheme.scrollContainerScrollBarColor = '#b7b7b7';
+DefaultTheme.scrollContainerScrollBarColor = 'rgba(183, 183, 183, 0.7)';
 DefaultTheme.scrollContainerScrollBarInvertColor = 'rgba(255, 255, 255, 0.5)';
+DefaultTheme.scrollContainerScrollBarOffsetY = '4px';
+DefaultTheme.dropdownMenuScrollContainerScrollBarOffsetY = '0px';
 DefaultTheme.passwordInputVisibilityIconColor = '#000';
 DefaultTheme.passwordInputVisibilityIconOpacity = '0.6';
 DefaultTheme.passwordInputVisibilityIconHoverColor = '#000';
 DefaultTheme.passwordInputVisibilityIconHoverOpacity = '1';
+DefaultTheme.globalLoaderHeight = '4px';
+DefaultTheme.globalLoaderWidth = '100%';
+DefaultTheme.globalLoaderPosition = 'fixed';
+DefaultTheme.globalLoaderTop = '0px';
+DefaultTheme.globalLoaderLeft = '0px';
+DefaultTheme.globalLoaderBottom = 'auto';
+DefaultTheme.globalLoaderRight = 'auto';
+DefaultTheme.globalLoaderBackgroundColor = 'transparent';
+DefaultTheme.globalLoaderTransitionToSpinnerDuration = '500';
+DefaultTheme.globalLoaderSpinnerAnimationDuration = '2000';
+DefaultTheme.globalLoaderSlowAnimationDuration = '20000';
+DefaultTheme.globalLoaderTransitionFromSpinnerDuration = '200';
+DefaultTheme.fileUploaderWidth = '362px';
+DefaultTheme.fileUploaderBg = '#fff';
+DefaultTheme.fileUploaderUploadButtonBg = '';
+DefaultTheme.fileUploaderPaddingX = '7px';
+DefaultTheme.fileUploaderBorderRadius = '2px';
+DefaultTheme.fileUploaderBorderColor = 'rgba(0, 0, 0, 0.37)';
+DefaultTheme.fileUploaderBorderStyle = 'dashed';
+DefaultTheme.fileUploaderAfterLinkColor = '';
+DefaultTheme.fileUploaderIconSize = '14px';
+DefaultTheme.fileUploaderIconColor = '#808080';
+DefaultTheme.fileUploaderIconHoverColor = '#333';
+DefaultTheme.fileUploaderDisabledBg = '#f2f2f2';
+DefaultTheme.fileUploaderDisabledBgClip = '';
+DefaultTheme.fileUploaderDisabledBorderColor = '#f2f2f2';
+DefaultTheme.fileUploaderDisabledTextColor = '#808080';
+DefaultTheme.fileUploaderDisabledLinkColor = '#808080';
+DefaultTheme.fileUploaderDisabledIconColor = '#A0A0A0';
+DefaultTheme.fileUploaderHoveredBg = 'none';
+DefaultTheme.fileUploaderHoveredBorderColor = '';
+DefaultTheme.fileUploaderIconGapSmall = '4px';
+DefaultTheme.fileUploaderIconGapMedium = '6px';
+DefaultTheme.fileUploaderIconGapLarge = '8px';
+DefaultTheme.fileUploaderDragOverShadow = '0px 0px 0px 3px #2da4f9, 0px 0px 0px 8px rgba(45, 164, 249, 0.35)';
+DefaultTheme.closeBtnIconColor = 'rgba(0, 0, 0, 0.32)';
+DefaultTheme.closeBtnIconDisabledColor = '#8b8b8b';
+DefaultTheme.closeBtnIconHoverColor = 'rgba(0, 0, 0, 0.865)';
+DefaultTheme.closeBtnIconBorderRadius = '4px';
+DefaultTheme.internalMenuPaddingY = '5px';
+DefaultTheme.autocompleteMenuOffsetY = '2px';
+DefaultTheme.comboboxMenuOffsetY = '2px';
+DefaultTheme.miniModalHeaderPaddingBottom = '0';
+DefaultTheme.miniModalBodyPaddingTop = '16px';
+DefaultTheme.miniModalBodyPaddingBottom = '0';
+DefaultTheme.miniModalHeaderPaddingTop = '32px';
+DefaultTheme.miniModalActionGap = '8px';
+DefaultTheme.miniModalCancelIndent = '8px';
+DefaultTheme.miniModalFooterPaddingTop = '24px';
+DefaultTheme.miniModalFooterPaddingBottom = '32px';
+DefaultTheme.miniModalTitleMarginTop = '16px';
+DefaultTheme.miniModalHeightMobile = 'auto';
+DefaultTheme.miniModalMarginTopMobile = '80px';
+DefaultTheme.miniModalMarginLeftMobile = '24px';
+DefaultTheme.miniModalMarginRightMobile = '24px';
+DefaultTheme.miniModalFooterPaddingMobile = '24px 16px 16px';
+DefaultTheme.miniModalHeaderPaddingMobile = '32px 16px 0';
+DefaultTheme.miniModalBodyPaddingMobile = '16px 16px 0';
 export var DefaultThemeInternal = exposeGetters(DefaultTheme);