@skbkontur/react-ui 0.0.0-7b63c63db3 → 0.0.0-7feb61cdde

package/internal/themes/DefaultTheme/DefaultTheme.js

@@ -46,6 +46,81 @@ 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: "linkLineBorderBottomColor",
+    get: function get() {
+      return ColorFunctions.fade(this.linkColor, 0.5);
+    }
+  }, {
+    key: "linkLineHoverBorderBottomColor",
+    get: function get() {
+      return this.linkHoverColor;
+    }
+  }, {
+    key: "linkLineActiveBorderBottomColor",
+    get: function get() {
+      return this.linkActiveColor;
+    }
+  }, {
+    key: "linkLineBorderBottomColorSuccess",
+    get: function get() {
+      return ColorFunctions.fade(this.linkSuccessColor, 0.5);
+    }
+  }, {
+    key: "linkLineHoverBorderBottomColorSuccess",
+    get: function get() {
+      return this.linkSuccessHoverColor;
+    }
+  }, {
+    key: "linkLineActiveBorderBottomColorSuccess",
+    get: function get() {
+      return this.linkSuccessActiveColor;
+    }
+  }, {
+    key: "linkLineBorderBottomColorDanger",
+    get: function get() {
+      return ColorFunctions.fade(this.linkDangerColor, 0.5);
+    }
+  }, {
+    key: "linkLineHoverBorderBottomColorDanger",
+    get: function get() {
+      return this.linkDangerHoverColor;
+    }
+  }, {
+    key: "linkLineActiveBorderBottomColorDanger",
+    get: function get() {
+      return this.linkDangerActiveColor;
+    }
+  }, {
+    key: "linkLineBorderBottomColorGrayed",
+    get: function get() {
+      return ColorFunctions.fade(this.linkGrayedColor, 0.5);
+    }
+  }, {
+    key: "linkLineHoverBorderBottomColorGrayed",
+    get: function get() {
+      return this.linkGrayedHoverColor;
+    }
+  }, {
+    key: "linkLineActiveBorderBottomColorGrayed",
+    get: function get() {
+      return this.linkGrayedActiveColor;
+    }
   }, {
     key: "tokenTextColorDisabled",
     get: function get() {
@@ -165,14 +240,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 +308,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() {
@@ -397,6 +482,21 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.linkHoverTextDecoration;
     }
+  }, {
+    key: "btnLinkLineBorderBottomColor",
+    get: function get() {
+      return this.linkLineBorderBottomColor;
+    }
+  }, {
+    key: "btnLinkLineHoverBorderBottomColor",
+    get: function get() {
+      return this.linkLineHoverBorderBottomColor;
+    }
+  }, {
+    key: "btnLinkLineActiveBorderBottomColor",
+    get: function get() {
+      return this.linkLineActiveBorderBottomColor;
+    }
   }, {
     key: "btnLinkIconMarginRight",
     get: function get() {
@@ -431,9 +531,39 @@ 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: "selectDefaultBg",
+    get: //#endregion
     //#region Select
-
+    function get() {
+      return this.inputBg;
+    }
   }, {
     key: "selectBorderWidth",
     get: function get() {
@@ -548,6 +678,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     key: "selectBorderColorDisabled",
     get: function get() {
       return this.btnDisabledBorderColor;
+    }
+  }, {
+    key: "selectMenuOffsetY",
+    get: function get() {
+      return this.menuOffsetY;
     } //#endregion
     //#region Tooltip
 
@@ -610,6 +745,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() {
@@ -668,10 +808,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;
     }
   }, {
@@ -792,6 +952,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
 
@@ -803,7 +968,7 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "mobileHintColor",
     get: function get() {
-      return this.textColorDefault;
+      return this.hintColor;
     }
   }, {
     key: "hintFontSize",
@@ -833,6 +998,16 @@ export var DefaultTheme = /*#__PURE__*/function () {
     function get() {
       //deprecated
       return this.bgActive;
+    }
+  }, {
+    key: "dropdownMenuOffsetY",
+    get: function get() {
+      return this.menuOffsetY;
+    }
+  }, {
+    key: "dropdownMenuMenuOffsetY",
+    get: function get() {
+      return this.menuOffsetY;
     } //#endregion
     //#region Menu
 
@@ -882,15 +1057,76 @@ export var DefaultTheme = /*#__PURE__*/function () {
     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: "menuItemLinkColor",
+    key: "menuMessageTextColor",
+    get: // menuMessage
+    function get() {
+      return this.menuItemDisabledColor;
+    }
+  }, {
+    key: "menuMessageBg",
     get: function get() {
-      return this.linkColor;
+      return this.menuItemDisabledBg;
+    }
+  }, {
+    key: "menuMessagePaddingY",
+    get: function get() {
+      return this.menuItemPaddingY;
+    }
+  }, {
+    key: "menuMessagePaddingX",
+    get: function get() {
+      return this.menuItemPaddingX;
+    }
+  }, {
+    key: "menuMessageDisplay",
+    get: function get() {
+      return this.menuItemDisplay;
+    }
+  }, {
+    key: "menuMessagePaddingMobile",
+    get: function get() {
+      return this.menuItemPaddingMobile;
+    }
+  }, {
+    key: "menuMessageLineHeight",
+    get: function get() {
+      return this.menuItemLineHeight;
+    }
+  }, {
+    key: "menuMessageLineHeightMobile",
+    get: function get() {
+      return this.menuItemLineHeightMobile;
+    }
+  }, {
+    key: "menuMessageFontSize",
+    get: function get() {
+      return this.menuItemFontSize;
+    }
+  }, {
+    key: "menuMessageFontSizeMobile",
+    get: function get() {
+      return this.menuItemFontSizeMobile;
     }
   }, {
     key: "menuHeaderColor",
@@ -932,11 +1168,6 @@ export var DefaultTheme = /*#__PURE__*/function () {
      * @deprecated use toggleHandleBg
      */
 
-  }, {
-    key: "toggleHandleBg",
-    get: function get() {
-      return this.toggleBg;
-    }
   }, {
     key: "toggleBgDisabled",
     get: function get() {
@@ -996,6 +1227,21 @@ export var DefaultTheme = /*#__PURE__*/function () {
     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: "toggleHandleBg",
+    get: function get() {
+      return this.toggleBg;
+    }
   }, {
     key: "popupTextColor",
     get: function get() {
@@ -1013,6 +1259,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     function get() {
       return this.textColorDefault;
     }
+  }, {
+    key: "inputFocusedIconColor",
+    get: function get() {
+      return this.inputIconColor;
+    }
   }, {
     key: "inputTextColorDisabled",
     get: function get() {
@@ -1092,6 +1343,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() {
@@ -1122,6 +1378,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() {
@@ -1156,12 +1417,12 @@ export var DefaultTheme = /*#__PURE__*/function () {
     key: "inputBlinkColor",
     get: function get() {
       return this.blinkColor;
-    } //#endregion
-    //#region Checkbox
-
+    }
   }, {
     key: "checkboxFontSize",
-    get: function get() {
+    get: //#endregion
+    //#region Checkbox
+    function get() {
       return this.fontSizeSmall;
     }
   }, {
@@ -1353,6 +1614,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() {
@@ -1483,6 +1749,13 @@ 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
@@ -1566,12 +1839,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;
     }
   }, {
@@ -1742,7 +2015,7 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "switcherButtonDisabledBorderColor",
     get: function get() {
-      return this.btnDisabledBorderColor;
+      return this.switcherBtnDisabledBorderColor;
     }
   }, {
     key: "switcherButtonCheckedDisabledShadow",
@@ -1773,11 +2046,71 @@ export var DefaultTheme = /*#__PURE__*/function () {
     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() {
@@ -1793,6 +2126,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() {
@@ -1817,13 +2155,25 @@ 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
 
   }]);
 
   return DefaultTheme;
 }();
-DefaultTheme.fontFamilyCompensationBaseline = '0';
+DefaultTheme.fontFamilyCompensationBaseline = '0px';
 DefaultTheme.labGrotesqueBaselineCompensation = '1';
 DefaultTheme.brandXLight = '#cae5f5';
 DefaultTheme.brandLight = '#3094d0';
@@ -1901,6 +2251,8 @@ DefaultTheme.linkDangerActiveColor = '#a92a27';
 DefaultTheme.linkIconMarginRight = '4px';
 DefaultTheme.linkButtonLineHeight = '34px';
 DefaultTheme.linkButtonPaddingX = '10px';
+DefaultTheme.linkLineBorderBottomStyle = '';
+DefaultTheme.linkLineBorderBottomWidth = '0px';
 DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.05)';
 DefaultTheme.tokenMarginY = '2px';
 DefaultTheme.tokenMarginX = '4px';
@@ -1914,9 +2266,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';
@@ -1924,6 +2285,7 @@ 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';
@@ -2023,7 +2385,22 @@ 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.btnTextHoverBorderColor = 'transparent';
+DefaultTheme.btnWithIconPaddingLeftSmall = '';
+DefaultTheme.btnWithIconPaddingLeftMedium = '';
+DefaultTheme.btnWithIconPaddingLeftLarge = '';
+DefaultTheme.btnIconColor = '';
+DefaultTheme.btnIconHoverColor = '';
+DefaultTheme.btnIconDisabledColor = '';
 DefaultTheme.selectPlaceholderColor = '#adadad';
 DefaultTheme.selectPaddingXSmall = '7px';
 DefaultTheme.selectIconGapSmall = '4px';
@@ -2035,8 +2412,10 @@ DefaultTheme.selectRootWidthMobile = 'auto';
 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';
@@ -2046,6 +2425,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)';
@@ -2068,12 +2455,19 @@ 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.modalBodyPaddingBottom = '24px';
+DefaultTheme.modalBodyBorderRadius = '0px';
 DefaultTheme.modalFooterPaddingTop = '0px';
 DefaultTheme.modalFooterPaddingBottom = '32px';
 DefaultTheme.modalPaddingBottom = '40px';
@@ -2130,6 +2524,7 @@ DefaultTheme.mobileSidePageHeaderFontSize = '24px';
 DefaultTheme.mobileSidePageHeaderLineHeight = '32px';
 DefaultTheme.mobileSidePageHeaderPaddingBottom = '16px';
 DefaultTheme.mobileSidePageHeaderPaddingTop = '16px';
+DefaultTheme.sidePageHeaderFontWeight = '';
 DefaultTheme.dateInputMaskColor = '#b8b8b8';
 DefaultTheme.dateInputComponentSelectedBgColor = '#cdedff';
 DefaultTheme.calendarCellHoverColor = 'white';
@@ -2153,6 +2548,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';
@@ -2160,10 +2556,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';
@@ -2172,10 +2570,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.pagingPageLinkHintMargin = '0 -20px';
 DefaultTheme.pagingPageLinkMargin = '0px 1px';
 DefaultTheme.hintMaxWidth = '200px';
 DefaultTheme.hintPaddingY = '6px';
@@ -2194,6 +2594,9 @@ 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';
@@ -2202,7 +2605,11 @@ DefaultTheme.dropdownMenuSelectedBg = '#f1f1f1';
 DefaultTheme.menuBorder = 'none';
 DefaultTheme.menuShadow = '0 4px 12px rgba(0, 0, 0, 0.16)';
 DefaultTheme.menuPaddingY = '4px';
-DefaultTheme.menuPaddingX = '0';
+DefaultTheme.mobileMenuPaddingY = '0px';
+DefaultTheme.menuPaddingX = '0px';
+DefaultTheme.mobileMenuPaddingX = '0px';
+DefaultTheme.menuOffsetY = '0px';
+DefaultTheme.menuBoxSizing = 'content-box';
 DefaultTheme.menuItemIconWidth = '16px';
 DefaultTheme.menuItemIconGap = '4px';
 DefaultTheme.menuItemIconLegacyMargin = '0px';
@@ -2213,8 +2620,12 @@ 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.menuHeaderLineHeight = '16px';
 DefaultTheme.menuHeaderFontSize = '12px';
 DefaultTheme.menuHeaderPaddingX = '8px';
@@ -2223,7 +2634,10 @@ DefaultTheme.menuHeaderPaddingBottom = '4px';
 DefaultTheme.menuHeaderLegacyPaddingRight = '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';
@@ -2240,12 +2654,35 @@ DefaultTheme.toggleBgFocus = 'linear-gradient(-180deg, #f1f1f1, #dedede)';
 DefaultTheme.toggleBgActive = '#e5e5e5';
 DefaultTheme.toggleCaptionGap = '10px';
 DefaultTheme.toggleButtonOffsetY = '0px';
+DefaultTheme.toggleContainerBg = '';
+DefaultTheme.toggleContainerBgHover = '';
+DefaultTheme.toggleContainerBgChecked = '';
+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';
@@ -2264,10 +2701,13 @@ 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.checkboxCaptionGap = '8px';
 DefaultTheme.checkboxBoxOffsetY = '1px';
@@ -2279,6 +2719,7 @@ 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';
@@ -2296,25 +2737,31 @@ 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.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.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 = 'rgba(183, 183, 183, 0.7)';
@@ -2326,8 +2773,8 @@ DefaultTheme.passwordInputVisibilityIconHoverOpacity = '1';
 DefaultTheme.globalLoaderHeight = '4px';
 DefaultTheme.globalLoaderWidth = '100%';
 DefaultTheme.globalLoaderPosition = 'fixed';
-DefaultTheme.globalLoaderTop = '0';
-DefaultTheme.globalLoaderLeft = '0';
+DefaultTheme.globalLoaderTop = '0px';
+DefaultTheme.globalLoaderLeft = '0px';
 DefaultTheme.globalLoaderBottom = 'auto';
 DefaultTheme.globalLoaderRight = 'auto';
 DefaultTheme.globalLoaderBackgroundColor = 'transparent';
@@ -2337,17 +2784,32 @@ 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';
 export var DefaultThemeInternal = exposeGetters(DefaultTheme);