@skbkontur/react-ui 0.0.0-68e286f9fe → 0.0.0-6911f001e4

package/internal/themes/BasicTheme/BasicTheme.js

@@ -550,6 +550,23 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.btnTextHoverBg;
     }
+
+    /** @deprecated use btnWithIconPadding[Small/Medium/Large] instead */
+  }, {
+    key: "btnWithIconPaddingLeftSmall",
+    get: function get() {
+      return this.btnWithIconPaddingSmall;
+    }
+  }, {
+    key: "btnWithIconPaddingLeftMedium",
+    get: function get() {
+      return this.btnWithIconPaddingMedium;
+    }
+  }, {
+    key: "btnWithIconPaddingLeftLarge",
+    get: function get() {
+      return this.btnWithIconPaddingLarge;
+    }
   }, {
     key: "selectDefaultBg",
     get:
@@ -708,21 +725,64 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.popupBorder;
     }
+
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipBorderRadiusSmall `tooltipBorderRadiusSmall`} */
   }, {
     key: "tooltipPinSize",
-    get: function get() {
+    get:
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipPinSizeSmall `tooltipPinSizeSmall`} */
+    function get() {
       return this.popupPinSize;
     }
   }, {
     key: "tooltipFontSize",
+    get:
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipFontSizeSmall `tooltipFontSizeSmall`} */
+    function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "tooltipFontSizeSmall",
     get: function get() {
       return this.fontSizeSmall;
     }
+  }, {
+    key: "tooltipFontSizeMedium",
+    get: function get() {
+      return this.fontSizeMedium;
+    }
+  }, {
+    key: "tooltipFontSizeLarge",
+    get: function get() {
+      return this.fontSizeLarge;
+    }
+
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipLineHeightSmall `tooltipLineHeightSmall`} */
   }, {
     key: "tooltipLineHeight",
     get: function get() {
       return this.controlLineHeightSmall;
     }
+  }, {
+    key: "tooltipLineHeightSmall",
+    get: function get() {
+      return this.controlLineHeightSmall;
+    }
+  }, {
+    key: "tooltipLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "tooltipLineHeightLarge",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
+
     //#endregion Tooltip
     //#region TooltipMenu
   }, {
@@ -959,33 +1019,65 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get:
     //#endregion DateSelect
     //#region Paging
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
+     * @see {@link pagingFontSizeSmall `pagingFontSizeSmall`} */
     function get() {
       return this.fontSizeMedium;
     }
   }, {
-    key: "pagingForwardIconSize",
+    key: "pagingFontSizeSmall",
     get: function get() {
-      return this.pagingFontSize;
+      return this.fontSizeSmall;
     }
   }, {
-    key: "pagingPageLinkColor",
+    key: "pagingFontSizeMedium",
     get: function get() {
-      return this.textColorDefault;
+      return this.fontSizeMedium;
     }
   }, {
-    key: "pagingPageForwardLinkPaddingRight",
+    key: "pagingFontSizeLarge",
     get: function get() {
-      return this.pagingPageLinkPaddingX;
+      return this.fontSizeLarge;
     }
+
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
+     * @see {@link pagingLineHeightSmall `pagingLineHeightSmall`} */
   }, {
-    key: "pagingPageLinkActiveColor",
+    key: "pagingLineHeightSmall",
+    get: function get() {
+      return this.controlLineHeightSmall;
+    }
+  }, {
+    key: "pagingLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "pagingLineHeightLarge",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
+  }, {
+    key: "pagingPageLinkColor",
     get: function get() {
       return this.textColorDefault;
     }
   }, {
-    key: "pagingPageLinkHintColor",
+    key: "pagingPageLinkActiveColor",
     get: function get() {
-      return this.placeholderColor;
+      return this.textColorDefault;
+    }
+  }, {
+    key: "pagingPageForwardLinkPaddingRight",
+    get: /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
+    function get() {
+      return this.pagingPageLinkPaddingX;
+    }
+  }, {
+    key: "pagingForwardIconSize",
+    get: /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
+    function get() {
+      return this.pagingFontSize;
     }
   }, {
     key: "pagingForwardLinkColor",
@@ -997,11 +1089,20 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.linkDisabledColor;
     }
+
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
+     * @see {@link pagingDotsPaddingSmall `pagingDotsPaddingSmall`} */
   }, {
     key: "pagingDotsDisabledColor",
     get: function get() {
       return this.textColorDisabled;
     }
+  }, {
+    key: "pagingPageLinkHintColor",
+    get: function get() {
+      return this.placeholderColor;
+    }
+
     //#endregion Paging
     //#region Hint
   }, {
@@ -1157,6 +1258,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.btnDisabledTextColor;
     }
+
     //#endregion Dropdown
     //#region Menu
   }, {
@@ -1221,6 +1323,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.menuItemTextColor;
     }
+
     /**
      * @deprecated
      */
@@ -1240,14 +1343,34 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       return this.menuItemTextColor;
     }
   }, {
-    key: "menuItemLineHeightMobile",
+    key: "menuItemLineHeightMobileLarge",
     get: function get() {
       return this.lineHeightMobile;
     }
   }, {
-    key: "menuItemFontSizeMobile",
+    key: "menuItemLineHeightMobileMedium",
     get: function get() {
-      return this.fontSizeMobile;
+      return this.lineHeightMobile;
+    }
+  }, {
+    key: "menuItemLineHeightMobileSmall",
+    get: function get() {
+      return this.lineHeightMobile;
+    }
+  }, {
+    key: "menuItemFontSizeMobileLarge",
+    get: function get() {
+      return this.fontSizeLarge;
+    }
+  }, {
+    key: "menuItemFontSizeMobileMedium",
+    get: function get() {
+      return this.fontSizeMedium;
+    }
+  }, {
+    key: "menuItemFontSizeMobileSmall",
+    get: function get() {
+      return this.fontSizeSmall;
     }
   }, {
     key: "menuItemDisabledColor",
@@ -1282,19 +1405,49 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       return this.menuItemDisplay;
     }
   }, {
-    key: "menuMessagePaddingMobile",
+    key: "menuMessagePaddingMobileLarge",
+    get: function get() {
+      return this.menuItemPaddingMobileLarge;
+    }
+  }, {
+    key: "menuMessagePaddingMobileMedium",
+    get: function get() {
+      return this.menuItemPaddingMobileMedium;
+    }
+  }, {
+    key: "menuMessagePaddingMobileSmall",
+    get: function get() {
+      return this.menuItemPaddingMobileSmall;
+    }
+  }, {
+    key: "menuMessageLineHeightMobileLarge",
+    get: function get() {
+      return this.menuItemLineHeightLarge;
+    }
+  }, {
+    key: "menuMessageLineHeightMobileMedium",
     get: function get() {
-      return this.menuItemPaddingMobile;
+      return this.menuItemLineHeightMedium;
     }
   }, {
-    key: "menuMessageLineHeightMobile",
+    key: "menuMessageLineHeightMobileSmall",
     get: function get() {
-      return this.menuItemLineHeightMobile;
+      return this.menuItemLineHeightSmall;
     }
   }, {
-    key: "menuMessageFontSizeMobile",
+    key: "menuMessageFontSizeMobileLarge",
     get: function get() {
-      return this.menuItemFontSizeMobile;
+      return this.menuItemFontSizeMobileLarge;
+    }
+  }, {
+    key: "menuMessageFontSizeMobileMedium",
+    get: function get() {
+      return this.menuItemFontSizeMobileMedium;
+    }
+  }, {
+    key: "menuMessageFontSizeMobileSmall",
+    get: function get() {
+      return this.menuItemFontSizeMobileSmall;
     }
   }, {
     key: "menuMessageFontSizeSmall",
@@ -1874,6 +2027,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return "0 0 0 " + this.checkboxBorderWidth + " #c3c3c3";
     }
+
     //#endregion Checkbox
     //#region TextArea
   }, {
@@ -2037,9 +2191,6 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.linkColor;
     }
-
-    //#endregion Textarea
-    //#region Radio
   }, {
     key: "radioOutlineWidth",
     get: function get() {
@@ -2166,6 +2317,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.gray;
     }
+
     //#endregion
     //#region Tabs
   }, {
@@ -2457,6 +2609,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.btnCheckedDisabledShadow;
     }
+
     //#endregion
     //#region MobilePopup
   }, {
@@ -2672,6 +2825,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return "inset 0 0 0 1px " + this.borderColorFocus + ", inset 0 0 0 2px " + this.outlineColorFocus;
     }
+
     //#endregion CloseIcon
 
     //#region Autocomplete
@@ -2680,6 +2834,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.menuOffsetY;
     }
+
     //#endregion Autocomplete
 
     //#region Combobox
@@ -2688,6 +2843,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.menuOffsetY;
     }
+
     //#endregion Combobox
 
     //#region MiniModal
@@ -2934,9 +3090,9 @@ BasicThemeClass.btnTextBg = 'transparent';
 BasicThemeClass.btnTextHoverBg = 'rgba(0, 0, 0, 0.06)';
 BasicThemeClass.btnTextActiveBg = 'rgba(0, 0, 0, 0.1)';
 BasicThemeClass.btnTextHoverTextColor = '';
-BasicThemeClass.btnWithIconPaddingLeftSmall = '8px';
-BasicThemeClass.btnWithIconPaddingLeftMedium = '10px';
-BasicThemeClass.btnWithIconPaddingLeftLarge = '12px';
+BasicThemeClass.btnWithIconPaddingSmall = '8px';
+BasicThemeClass.btnWithIconPaddingMedium = '10px';
+BasicThemeClass.btnWithIconPaddingLarge = '12px';
 BasicThemeClass.btnIconColor = '';
 BasicThemeClass.btnIconHoverColor = '';
 BasicThemeClass.btnIconDisabledColor = '';
@@ -2948,17 +3104,48 @@ BasicThemeClass.selectRootWidthMobile = 'auto';
 BasicThemeClass.mobileSelectMaxWidth = '100%';
 BasicThemeClass.selectBorderColorTransition = "box-shadow " + _BasicThemeClass.transitionDuration + " " + _BasicThemeClass.transitionTimingFunction + ";"; //#endregion Select
 //#region Tooltip
-BasicThemeClass.tooltipPaddingY = '16px';
+/** @deprecated Эта переменная устарела при появлении размеров у `Tooltip` и будет удалена в `6.0`.
+ * @see {@link tooltipPaddingYSmall `tooltipPaddingYSmall`} */
+BasicThemeClass.tooltipPaddingY = '16px'; /** @deprecated Эта переменная устарела при появлении размеров у `Tooltip` и будет удалена в `6.0`.
+                                          * @see {@link tooltipPaddingXSmall `tooltipPaddingXSmall`} */
 BasicThemeClass.tooltipPaddingX = '16px';
+BasicThemeClass.tooltipPaddingYSmall = '16px';
+BasicThemeClass.tooltipPaddingXSmall = '16px';
+BasicThemeClass.tooltipPaddingYMedium = '20px';
+BasicThemeClass.tooltipPaddingXMedium = '20px';
+BasicThemeClass.tooltipPaddingYLarge = '24px';
+BasicThemeClass.tooltipPaddingXLarge = '24px'; /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+                                               * @see {@link tooltipCloseBtnPaddingSmall `tooltipCloseBtnPaddingSmall`} */
 BasicThemeClass.tooltipCloseBtnPadding = '4px';
+BasicThemeClass.tooltipCloseBtnPaddingSmall = '4px';
+BasicThemeClass.tooltipCloseBtnPaddingMedium = '6px';
+BasicThemeClass.tooltipCloseBtnPaddingLarge = '8px';
 BasicThemeClass.tooltipCloseBtnSide = '16px';
 BasicThemeClass.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.32)';
 BasicThemeClass.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';
 BasicThemeClass.tooltipBg = '#fff';
 BasicThemeClass.tooltipBorderRadius = '8px';
-BasicThemeClass.tooltipPinOffsetX = '16px';
+BasicThemeClass.tooltipBorderRadiusSmall = '8px';
+BasicThemeClass.tooltipBorderRadiusMedium = '10px';
+BasicThemeClass.tooltipBorderRadiusLarge = '12px'; /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+                                                   * @see {@link tooltipPinOffsetYSmall `tooltipPinOffsetYSmall`} */
 BasicThemeClass.tooltipPinOffsetY = '18px';
+BasicThemeClass.tooltipPinOffsetYSmall = '18px';
+BasicThemeClass.tooltipPinOffsetYMedium = '21px';
+BasicThemeClass.tooltipPinOffsetYLarge = '24px'; /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+                                                 * @see {@link tooltipPinOffsetXSmall `tooltipPinOffsetXSmall` */
+BasicThemeClass.tooltipPinOffsetX = '16px';
+BasicThemeClass.tooltipPinOffsetXSmall = '16px';
+BasicThemeClass.tooltipPinOffsetXMedium = '20px';
+BasicThemeClass.tooltipPinOffsetXLarge = '24px'; /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+                                                 * @see {@link tooltipMarginSmall `tooltipMarginSmall`} */
 BasicThemeClass.tooltipMargin = '10px';
+BasicThemeClass.tooltipMarginSmall = '10px';
+BasicThemeClass.tooltipMarginMedium = '12px';
+BasicThemeClass.tooltipMarginLarge = '14px';
+BasicThemeClass.tooltipPinSizeSmall = '8px';
+BasicThemeClass.tooltipPinSizeMedium = '10px';
+BasicThemeClass.tooltipPinSizeLarge = '12px';
 BasicThemeClass.kebabMargin = '4px';
 BasicThemeClass.kebabBackground = 'transparent';
 BasicThemeClass.kebabBackgroundHover = 'rgba(0, 0, 0, 0.06)';
@@ -3130,23 +3317,39 @@ BasicThemeClass.dateSelectMenuItemBgSelected = '#ececec';
 BasicThemeClass.dateSelectTextColorInvert = '';
 BasicThemeClass.mobileDateSelectFontSize = '16px';
 BasicThemeClass.mobileDateSelectLineHeight = '20px';
-BasicThemeClass.pagingPageLinkBoxSizing = 'border-box';
-BasicThemeClass.pagingPageLinkPaddingX = '12px';
-BasicThemeClass.pagingPageLinkPaddingY = '0.3125em';
-BasicThemeClass.pagingPageLinkMinWidth = '0.75em';
-BasicThemeClass.pagingPageForwardLinkMarginTop = '';
-BasicThemeClass.pagingPageForwardLinkMarginLeft = '0px';
 BasicThemeClass.pagingLineHeight = '22px';
-BasicThemeClass.pagingDotsColor = '#ADADAD';
-BasicThemeClass.pagingDotsPadding = '0.375em 0.625em 0';
+BasicThemeClass.pagingPageLinkBoxSizing = 'border-box'; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
+BasicThemeClass.pagingPageLinkMinWidth = '0.75em'; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
+                                                   * @see {@link pagingPageLinkPaddingYSmall `pagingPageLinkPaddingYSmall`} */
+BasicThemeClass.pagingPageLinkPaddingY = '0.3125em'; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
+                                                     * @see {@link pagingPageLinkPaddingXSmall `pagingPageLinkPaddingXSmall`} */
+BasicThemeClass.pagingPageLinkPaddingX = '12px';
+BasicThemeClass.pagingPageLinkPaddingYSmall = '6px';
+BasicThemeClass.pagingPageLinkPaddingXSmall = '11.5px';
+BasicThemeClass.pagingPageLinkPaddingYMedium = '9px';
+BasicThemeClass.pagingPageLinkPaddingXMedium = '15px';
+BasicThemeClass.pagingPageLinkPaddingYLarge = '12px';
+BasicThemeClass.pagingPageLinkPaddingXLarge = '18.5px'; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
+BasicThemeClass.pagingPageLinkMargin = '0px 1px';
+BasicThemeClass.pagingPageLinkBorderRadius = '9999px';
 BasicThemeClass.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.1)';
 BasicThemeClass.pagingPageLinkDisabledActiveBg = 'rgba(0, 0, 0, 0.04)';
-BasicThemeClass.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.06)';
-BasicThemeClass.pagingPageLinkBorderRadius = '9999px';
+BasicThemeClass.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.06)'; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
+BasicThemeClass.pagingPageForwardLinkMarginTop = ''; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
+BasicThemeClass.pagingPageForwardLinkMarginLeft = '0px';
+BasicThemeClass.pagingForwardLinkPaddingSmall = '6px 8px 6px 12px';
+BasicThemeClass.pagingForwardLinkPaddingMedium = '9px 12px 9px 16px';
+BasicThemeClass.pagingForwardLinkPaddingLarge = '12px 16px 12px 20px';
+BasicThemeClass.pagingForwardLinkPaddingMediumMobile = '10px';
+BasicThemeClass.pagingForwardLinkPaddingLargeMobile = '12px';
+BasicThemeClass.pagingDotsPadding = '0.375em 0.625em 0';
+BasicThemeClass.pagingDotsPaddingSmall = '11px 8px 5px 8px';
+BasicThemeClass.pagingDotsPaddingMedium = '14px 12px 10px 12px';
+BasicThemeClass.pagingDotsPaddingLarge = '19px 16px 13px 16px';
+BasicThemeClass.pagingDotsColor = '#ADADAD';
 BasicThemeClass.pagingPageLinkHintFontSize = '12px';
 BasicThemeClass.pagingPageLinkHintLineHeight = '16px';
 BasicThemeClass.pagingPageLinkHintMargin = '4px -20px 0px';
-BasicThemeClass.pagingPageLinkMargin = '0px 1px';
 BasicThemeClass.hintMaxWidth = '200px';
 BasicThemeClass.hintPaddingY = '4px';
 BasicThemeClass.hintPaddingX = '8px';
@@ -3161,15 +3364,23 @@ BasicThemeClass.toastBorderRadius = '8px';
 BasicThemeClass.toastBorder = 'none';
 BasicThemeClass.toastTop = '24px';
 BasicThemeClass.toastBg = 'rgba(0, 0, 0, 0.76)';
+BasicThemeClass.toastErrorBg = '#F63B3F';
 BasicThemeClass.toastColor = 'white';
+BasicThemeClass.toastColorError = '#fff';
 BasicThemeClass.toastLinkColor = '#fff';
+BasicThemeClass.toastLinkColorError = '#fff';
 BasicThemeClass.toastLinkTextDecorationHover = '';
 BasicThemeClass.toastLinkBgHover = 'rgba(255, 255, 255, 0.12)';
+BasicThemeClass.toastLinkBgHoverError = 'rgba(255, 255, 255, 0.08)';
 BasicThemeClass.toastLinkBgActive = 'rgba(0, 0, 0, 0.87)';
+BasicThemeClass.toastLinkBgActiveError = 'rgba(255, 255, 255, 0.04)';
+BasicThemeClass.toastLinkColorActiveError = 'rgba(255, 255, 255, 0.64)';
 BasicThemeClass.toastLinkPadding = '12px';
 BasicThemeClass.toastClosePadding = '16px';
 BasicThemeClass.toastCloseColor = 'rgba(255, 255, 255, 0.6)';
+BasicThemeClass.toastCloseColorError = 'rgba(255, 255, 255, 0.6)';
 BasicThemeClass.toastCloseHoverColor = 'white';
+BasicThemeClass.toastCloseHoverColorError = 'white';
 BasicThemeClass.toastCloseSize = '16px'; //#endregion Toast
 //#region Dropdown
 BasicThemeClass.dropdownMenuBorderColorTransition = '';
@@ -3203,7 +3414,9 @@ BasicThemeClass.menuItemPaddingYLarge = '12px';
 BasicThemeClass.menuItemBorderRadius = '6px';
 BasicThemeClass.menuItemCommentOpacity = '0.6';
 BasicThemeClass.menuItemDisplay = 'block';
-BasicThemeClass.menuItemPaddingMobile = '12px 16px';
+BasicThemeClass.menuItemPaddingMobileLarge = '12px 16px';
+BasicThemeClass.menuItemPaddingMobileMedium = '9px 12px';
+BasicThemeClass.menuItemPaddingMobileSmall = '6px 8px';
 BasicThemeClass.menuItemDisabledBg = 'transparent';
 BasicThemeClass.menuItemGap = '1px'; //menuHeader
 BasicThemeClass.menuHeaderColor = '#757575';
@@ -3334,6 +3547,9 @@ BasicThemeClass.textareaPaddingXSmall = '7px';
 BasicThemeClass.textareaPaddingXMedium = '11px';
 BasicThemeClass.textareaPaddingXLarge = '15px';
 BasicThemeClass.textareaBorderTopColor = 'rgba(0, 0, 0, 0.16)';
+BasicThemeClass.textareaMargin = '';
+BasicThemeClass.textareaVerticalAlign = 'middle'; //#endregion Textarea
+//#region Radio
 BasicThemeClass.radioBulletSizeSmall = '6px';
 BasicThemeClass.radioBulletSizeMedium = '10px';
 BasicThemeClass.radioBulletSizeLarge = '12px';
@@ -3371,11 +3587,17 @@ BasicThemeClass.switcherButtonPaddingXSmall = '7px';
 BasicThemeClass.switcherButtonPaddingXMedium = '11px';
 BasicThemeClass.switcherButtonPaddingXLarge = '15px';
 BasicThemeClass.switcherBtnDisabledBorderColor = 'rgba(0, 0, 0, 0.16)';
-BasicThemeClass.mobilePopupTopPadding = '80px';
-BasicThemeClass.mobilePopupContainerBottomPadding = '8px';
-BasicThemeClass.mobilePopupHeaderPadding = '16px 16px 8px 16px';
+BasicThemeClass.mobilePopupPaddingX = '16px';
+BasicThemeClass.mobilePopupPaddingY = '16px';
+BasicThemeClass.mobilePaddingSmall = '6px';
+BasicThemeClass.mobilePaddingMedium = '8px';
+BasicThemeClass.mobilePaddingLarge = '12px';
+BasicThemeClass.mobilePopupContainerBottomPadding = '16px';
+BasicThemeClass.mobilePopupHeaderPaddingSmall = '12px 8px 4px 14px';
+BasicThemeClass.mobilePopupHeaderPaddingMedium = '14px 12px 6px 18px';
+BasicThemeClass.mobilePopupHeaderPaddingLarge = '18px 16px 8px 24px';
 BasicThemeClass.mobilePopupFooterPadding = '16px 16px 16px 16px';
-BasicThemeClass.mobilePopupContainerBorderRadius = '16px';
+BasicThemeClass.mobilePopupContainerBorderRadius = '8px';
 BasicThemeClass.mobilePopupHeaderFontWeight = '500';
 BasicThemeClass.mobilePopupHeaderChildPadding = '12px';
 BasicThemeClass.mobilePopupOuterIndentY = '24px'; //#endregion
@@ -3425,7 +3647,8 @@ BasicThemeClass.fileUploaderIconGapMedium = '6px';
 BasicThemeClass.fileUploaderIconGapLarge = '8px';
 BasicThemeClass.fileUploaderDragOverShadow = '0px 0px 0px 3px rgb(149, 149, 149), 0px 0px 0px 8px rgba(61, 61, 61, 0.2)';
 BasicThemeClass.clearCrossIconColor = 'rgba(0, 0, 0, 0.54)';
-BasicThemeClass.clearCrossIconHoverColor = 'rgba(0, 0, 0, 0.87)'; //#endregion ClearCrossIcon
+BasicThemeClass.clearCrossIconHoverColor = 'rgba(0, 0, 0, 0.87)';
+BasicThemeClass.clearCrossIconAlign = 'center'; //#endregion ClearCrossIcon
 //#region CloseIcon
 BasicThemeClass.closeBtnIconColor = 'rgba(0, 0, 0, 0.32)';
 BasicThemeClass.closeBtnIconDisabledColor = '#8b8b8b';