@skbkontur/react-ui 0.0.0-52df310f7c → 0.0.0-53ccdcbfcc

package/internal/themes/DefaultTheme/DefaultTheme.js

@@ -46,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() {
@@ -165,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() {
@@ -228,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() {
@@ -278,6 +313,21 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.controlOutlineWidth;
     }
+  }, {
+    key: "btnIconGapSmallLeft",
+    get: function get() {
+      return this.btnIconGapSmall;
+    }
+  }, {
+    key: "btnIconGapMediumLeft",
+    get: function get() {
+      return this.btnIconGapMedium;
+    }
+  }, {
+    key: "btnIconGapLargeLeft",
+    get: function get() {
+      return this.btnIconGapLarge;
+    }
   }, {
     key: "btnDefaultCheckedBorderColor",
     get: function get() {
@@ -397,11 +447,31 @@ export var DefaultTheme = /*#__PURE__*/function () {
     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() {
@@ -431,12 +501,42 @@ export var DefaultTheme = /*#__PURE__*/function () {
     key: "btnDisabledTextColor",
     get: function get() {
       return this.textColorDisabledContrast;
-    } //#endregion
-    //#region Select
-
+    }
   }, {
-    key: "selectDefaultBg",
+    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;
     }
   }, {
@@ -553,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() {
@@ -615,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() {
@@ -673,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;
     }
   }, {
@@ -797,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
 
@@ -832,222 +970,673 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.controlLineHeightSmall;
     }
+  }, {
+    key: "dropdownMenuHoverBorderColor",
+    get: function get() {
+      return this.btnDefaultHoverBorderColor;
+    }
   }, {
     key: "dropdownMenuHoverBg",
-    get: //deprecated
-    function get() {
+    get: function get() {
       //deprecated
       return this.bgActive;
-    } //#endregion
-    //#region Menu
-
+    }
   }, {
-    key: "menuBgDefault",
+    key: "dropdownMenuOffsetY",
     get: function get() {
-      return this.bgSecondary;
+      return this.menuOffsetY;
     }
   }, {
-    key: "menuBorderRadius",
+    key: "dropdownMenuMenuOffsetY",
     get: function get() {
-      return '0px';
+      return this.menuOffsetY;
     }
   }, {
-    key: "menuItemTextColor",
-    get: // menuItem
-    function get() {
-      return this.textColorDefault;
+    key: "dropdownDefaultBg",
+    get: function get() {
+      return this.btnDefaultBg;
     }
   }, {
-    key: "menuItemSelectedBg",
+    key: "dropdownBorderWidth",
     get: function get() {
-      return this.dropdownMenuSelectedBg;
+      return this.btnBorderWidth;
     }
   }, {
-    key: "menuItemHoverBg",
+    key: "dropdownOutlineWidth",
     get: function get() {
-      return this.dropdownMenuHoverBg;
+      return this.btnOutlineWidth;
     }
   }, {
-    key: "menuItemPaddingForIcon",
+    key: "dropdownLineHeightSmall",
     get: function get() {
-      return parseInt(this.menuItemPaddingX) + parseInt(this.menuItemIconWidth) + parseInt(this.menuItemIconGap) + parseInt(this.menuItemIconLegacyMargin) + "px";
+      return this.btnLineHeightSmall;
     }
   }, {
-    key: "menuItemLineHeight",
+    key: "dropdownFontSizeSmall",
     get: function get() {
-      return this.controlLineHeightSmall;
+      return this.btnFontSizeSmall;
     }
   }, {
-    key: "menuItemFontSize",
+    key: "dropdownPaddingXSmall",
     get: function get() {
-      return this.fontSizeSmall;
+      return this.selectPaddingXSmall;
     }
   }, {
-    key: "menuItemHoverColor",
+    key: "dropdownPaddingYSmall",
     get: function get() {
-      return this.textColorInvert;
+      return this.btnPaddingYSmall;
     }
   }, {
-    key: "menuItemLinkColor",
+    key: "dropdownIconSizeSmall",
     get: function get() {
-      return this.linkColor;
+      return this.btnIconSizeSmall;
     }
   }, {
-    key: "menuItemLineHeightMobile",
+    key: "dropdownLineHeightMedium",
     get: function get() {
-      return this.lineHeightMobile;
+      return this.btnLineHeightMedium;
     }
   }, {
-    key: "menuItemFontSizeMobile",
+    key: "dropdownFontSizeMedium",
     get: function get() {
-      return this.fontSizeMobile;
+      return this.btnFontSizeMedium;
     }
   }, {
-    key: "menuItemDisabledColor",
+    key: "dropdownPaddingXMedium",
     get: function get() {
-      return this.textColorDisabled;
+      return this.selectPaddingXMedium;
     }
   }, {
-    key: "menuMessageTextColor",
-    get: // menuMessage
-    function get() {
-      return this.menuItemDisabledColor;
+    key: "dropdownPaddingYMedium",
+    get: function get() {
+      return this.btnPaddingYMedium;
     }
   }, {
-    key: "menuMessageBg",
+    key: "dropdownIconSizeMedium",
     get: function get() {
-      return this.menuItemDisabledBg;
+      return this.btnIconSizeMedium;
     }
   }, {
-    key: "menuMessagePaddingY",
+    key: "dropdownLineHeightLarge",
     get: function get() {
-      return this.menuItemPaddingY;
+      return this.btnLineHeightLarge;
     }
   }, {
-    key: "menuMessagePaddingX",
+    key: "dropdownFontSizeLarge",
     get: function get() {
-      return this.menuItemPaddingX;
+      return this.btnFontSizeLarge;
     }
   }, {
-    key: "menuMessageDisplay",
+    key: "dropdownPaddingXLarge",
     get: function get() {
-      return this.menuItemDisplay;
+      return this.selectPaddingXLarge;
     }
   }, {
-    key: "menuMessagePaddingMobile",
+    key: "dropdownPaddingYLarge",
     get: function get() {
-      return this.menuItemPaddingMobile;
+      return this.btnPaddingYLarge;
     }
   }, {
-    key: "menuMessageLineHeight",
+    key: "dropdownIconSizeLarge",
     get: function get() {
-      return this.menuItemLineHeight;
+      return this.btnIconSizeLarge;
     }
   }, {
-    key: "menuMessageLineHeightMobile",
+    key: "dropdownBgDisabled",
     get: function get() {
-      return this.menuItemLineHeightMobile;
+      return this.btnDisabledBg;
     }
   }, {
-    key: "menuMessageFontSize",
+    key: "dropdownBorderColorDisabled",
     get: function get() {
-      return this.menuItemFontSize;
+      return this.btnDisabledBorderColor;
     }
   }, {
-    key: "menuMessageFontSizeMobile",
+    key: "dropdownTextColorDisabled",
     get: function get() {
-      return this.menuItemFontSizeMobile;
-    } //menuHeader
+      return this.btnDisabledTextColor;
+    } //#endregion
+    //#region Menu
 
   }, {
-    key: "menuHeaderColor",
+    key: "menuBgDefault",
     get: function get() {
-      return this.gray;
-    }
-  }, {
-    key: "toggleFontSize",
-    get: //#endregion
-    //#region Toggle
-    function get() {
-      return this.fontSizeSmall;
+      return this.bgSecondary;
     }
   }, {
-    key: "toggleLineHeight",
+    key: "menuBorderRadius",
     get: function get() {
-      return this.controlLineHeightSmall;
+      return '0px';
     }
   }, {
-    key: "toggleTextColor",
-    get: function get() {
+    key: "menuItemTextColor",
+    get: // menuItem
+    function get() {
       return this.textColorDefault;
     }
   }, {
-    key: "toggleHandleBorderRadius",
+    key: "menuItemSelectedBg",
     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.dropdownMenuSelectedBg;
     }
   }, {
-    key: "toggleBorderRadius",
+    key: "menuItemHoverBg",
     get: function get() {
-      return "calc(" + this.toggleHeight + " * 0.5)";
+      return this.dropdownMenuHoverBg;
     }
     /**
-     * @deprecated use toggleHandleBg
+     * @deprecated use menuItemIconWidthSmall
      */
 
   }, {
-    key: "toggleHandleBg",
+    key: "menuItemIconWidthSmall",
     get: function get() {
-      return this.toggleBg;
+      return this.menuItemIconWidth;
     }
   }, {
-    key: "toggleBgDisabled",
-    get: function get() {
-      return this.bgDisabled;
+    key: "menuItemPaddingForIcon",
+    get:
+    /**
+     * @deprecated use menuItemPaddingForIconSmall
+     */
+    function get() {
+      return parseInt(this.menuItemPaddingXSmall) + parseInt(this.menuItemIconWidthSmall) + parseInt(this.menuItemIconGap) + parseInt(this.menuItemIconLegacyMargin) + "px";
     }
   }, {
-    key: "toggleBorderWidth",
+    key: "menuItemPaddingForIconSmall",
     get: function get() {
-      return this.controlBorderWidth;
+      return this.menuItemPaddingForIcon;
     }
   }, {
-    key: "toggleOutlineWidth",
+    key: "menuItemPaddingForIconMedium",
     get: function get() {
-      var outlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
-      var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-      return outlineWidth + borderWidth + "px";
+      return parseInt(this.menuItemPaddingXMedium) + parseInt(this.menuItemIconWidthMedium) + parseInt(this.menuItemIconGap) + parseInt(this.menuItemIconLegacyMargin) + "px";
     }
   }, {
-    key: "toggleBorderColorDisabled",
+    key: "menuItemPaddingForIconLarge",
     get: function get() {
-      return this.toggleBorderColor;
+      return parseInt(this.menuItemPaddingXLarge) + parseInt(this.menuItemIconWidthLarge) + parseInt(this.menuItemIconGap) + parseInt(this.menuItemIconLegacyMargin) + "px";
     }
+    /**
+     * @deprecated use menuItemLineHeightSmall
+     */
+
   }, {
-    key: "toggleBorderColorDisabledChecked",
+    key: "menuItemLineHeight",
     get: function get() {
-      return this.toggleBorderColor;
+      return this.controlLineHeightSmall;
     }
   }, {
-    key: "toggleHandleSize",
+    key: "menuItemLineHeightSmall",
     get: function get() {
-      var toggleHeight = parseInt(this.toggleHeight, 10) || 0;
-      var toggleBorderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-      return toggleHeight - 2 * toggleBorderWidth + "px";
+      return this.menuItemLineHeight;
     }
   }, {
-    key: "toggleHandleLeft",
+    key: "menuItemLineHeightMedium",
     get: function get() {
-      return this.toggleBorderWidth;
+      return this.controlLineHeightMedium;
     }
   }, {
-    key: "toggleHandleTop",
+    key: "menuItemLineHeightLarge",
     get: function get() {
-      return this.toggleBorderWidth;
+      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;
@@ -1060,7 +1649,32 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "toggleFocusShadowColor",
     get: function get() {
-      return this.borderColorFocus;
+      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",
@@ -1198,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() {
@@ -1232,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";
     }
   }, {
@@ -1386,14 +2070,52 @@ export var DefaultTheme = /*#__PURE__*/function () {
     }
   }, {
     key: "textareaFontSize",
-    get: function get() {
+    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.controlLineHeightSmall;
     }
+  }, {
+    key: "textareaLineHeightSmall",
+    get: function get() {
+      return this.textareaLineHeight;
+    }
+  }, {
+    key: "textareaLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "textareaLineHeightLarge",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
   }, {
     key: "textareaBorderWidth",
     get: function get() {
@@ -1406,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() {
@@ -1429,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() {
@@ -1461,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() {
@@ -1471,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";
     }
   }, {
@@ -1559,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",
@@ -1642,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;
     }
   }, {
@@ -1929,6 +2859,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.controlBorderWidth;
     }
+  }, {
+    key: "fileUploaderDisabledBorder",
+    get: function get() {
+      return this.fileUploaderBorderWidth + " solid " + this.fileUploaderDisabledBorderColor;
+    }
   }, {
     key: "fileUploaderBorderColorFocus",
     get: function get() {
@@ -1953,7 +2888,19 @@ export var DefaultTheme = /*#__PURE__*/function () {
     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
 
   }]);
 
@@ -2025,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';
@@ -2035,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';
@@ -2050,9 +3004,18 @@ 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';
@@ -2060,11 +3023,13 @@ 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';
@@ -2080,8 +3045,11 @@ 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';
@@ -2159,7 +3127,24 @@ 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';
@@ -2168,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';
@@ -2182,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)';
@@ -2204,12 +3201,20 @@ 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';
@@ -2222,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';
@@ -2266,6 +3276,7 @@ DefaultTheme.mobileSidePageHeaderFontSize = '24px';
 DefaultTheme.mobileSidePageHeaderLineHeight = '32px';
 DefaultTheme.mobileSidePageHeaderPaddingBottom = '16px';
 DefaultTheme.mobileSidePageHeaderPaddingTop = '16px';
+DefaultTheme.sidePageHeaderFontWeight = '';
 DefaultTheme.dateInputMaskColor = '#b8b8b8';
 DefaultTheme.dateInputComponentSelectedBgColor = '#cdedff';
 DefaultTheme.calendarCellHoverColor = 'white';
@@ -2289,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';
@@ -2296,7 +3308,9 @@ 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 = '0px';
@@ -2313,6 +3327,7 @@ DefaultTheme.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.05)';
 DefaultTheme.pagingPageLinkBorderRadius = '9999px';
 DefaultTheme.pagingPageLinkHintFontSize = '12px';
 DefaultTheme.pagingPageLinkHintLineHeight = '16px';
+DefaultTheme.pagingPageLinkHintMargin = '0 -20px';
 DefaultTheme.pagingPageLinkMargin = '0px 1px';
 DefaultTheme.hintMaxWidth = '200px';
 DefaultTheme.hintPaddingY = '6px';
@@ -2331,46 +3346,89 @@ 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 = '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';
@@ -2382,8 +3440,29 @@ 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';
@@ -2394,6 +3473,7 @@ DefaultTheme.popupPinOffsetX = '16px';
 DefaultTheme.popupPinOffsetY = '16px';
 DefaultTheme.popupMargin = '10px';
 DefaultTheme.popupPinSize = '8px';
+DefaultTheme.popupMenuMenuOffsetY = '0px';
 DefaultTheme.inputShadow = 'none';
 DefaultTheme.inputBg = 'white';
 DefaultTheme.inputIconColor = '#a9a9a9';
@@ -2408,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';
@@ -2423,14 +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';
@@ -2445,10 +3538,16 @@ 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';
@@ -2465,6 +3564,8 @@ DefaultTheme.scrollContainerScrollBarSize = '4px';
 DefaultTheme.scrollContainerScrollBarHoverSize = '10px';
 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';
@@ -2483,20 +3584,48 @@ 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);