npm - @skbkontur/react-ui - Versions diffs - 6.0.6 → 6.0.7-eab55.0 - Mend

@skbkontur/react-ui 6.0.6 → 6.0.7-eab55.0

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

Files changed (201) hide show

package/internal/themes/BasicTheme.js CHANGED Viewed

@@ -1713,13 +1713,48 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "menuItemLineHeightMobile", {
+    Object.defineProperty(BasicThemeClass, "mobileMenuItemLineHeightLarge", {
+        get: function () {
+            return this.lineHeightMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuItemLineHeightMedium", {
         get: function () {
             return this.lineHeightMobile;
         },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "mobileMenuItemLineHeightSmall", {
+        get: function () {
+            return this.lineHeightMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuItemFontSizeLarge", {
+        get: function () {
+            return this.fontSizeMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuItemFontSizeMedium", {
+        get: function () {
+            return this.fontSizeMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuItemFontSizeSmall", {
+        get: function () {
+            return this.fontSizeMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "menuItemFontSizeMobile", {
         get: function () {
             return this.fontSizeMobile;
@@ -1727,6 +1762,13 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "menuItemLineHeightMobile", {
+        get: function () {
+            return this.lineHeightMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "menuItemDisabledColor", {
         get: function () {
             return this.textColorDisabled;
@@ -1770,9 +1812,9 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "menuMessagePaddingMobile", {
+    Object.defineProperty(BasicThemeClass, "menuMessageFontSizeMobile", {
         get: function () {
-            return this.menuItemPaddingMobile;
+            return this.menuItemFontSizeMobile;
         },
         enumerable: false,
         configurable: true
@@ -1784,9 +1826,72 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "menuMessageFontSizeMobile", {
+    Object.defineProperty(BasicThemeClass, "menuMessagePaddingMobile", {
         get: function () {
-            return this.menuItemFontSizeMobile;
+            return this.menuItemPaddingMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessagePaddingLarge", {
+        get: function () {
+            return this.mobileMenuItemPaddingLarge;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessagePaddingMedium", {
+        get: function () {
+            return this.mobileMenuItemPaddingMedium;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessagePaddingSmall", {
+        get: function () {
+            return this.mobileMenuItemPaddingSmall;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessageLineHeightLarge", {
+        get: function () {
+            return this.lineHeightMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessageLineHeightMedium", {
+        get: function () {
+            return this.lineHeightMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessageLineHeightSmall", {
+        get: function () {
+            return this.lineHeightMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessageFontSizeLarge", {
+        get: function () {
+            return this.fontSizeMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessageFontSizeMedium", {
+        get: function () {
+            return this.fontSizeMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessageFontSizeSmall", {
+        get: function () {
+            return this.fontSizeMobile;
         },
         enumerable: false,
         configurable: true
@@ -1833,6 +1938,39 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "timePickerMenuMaxHeightSmall", {
+        get: function () {
+            var timePickerVisibleItemsCount = 8;
+            var timePickerVisibleItemsGapCount = timePickerVisibleItemsCount - 1;
+            return "".concat((parseInt(this.menuItemLineHeightSmall) + parseInt(this.menuItemPaddingYSmall) * 2) *
+                timePickerVisibleItemsCount +
+                parseInt(this.menuItemGap) * timePickerVisibleItemsGapCount, "px");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "timePickerMenuMaxHeightMedium", {
+        get: function () {
+            var timePickerVisibleItemsCount = 8;
+            var timePickerVisibleItemsGapCount = timePickerVisibleItemsCount - 1;
+            return "".concat((parseInt(this.menuItemLineHeightMedium) + parseInt(this.menuItemPaddingYMedium) * 2) *
+                timePickerVisibleItemsCount +
+                parseInt(this.menuItemGap) * timePickerVisibleItemsGapCount, "px");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "timePickerMenuMaxHeightLarge", {
+        get: function () {
+            var timePickerVisibleItemsCount = 8;
+            var timePickerVisibleItemsGapCount = timePickerVisibleItemsCount - 1;
+            return "".concat((parseInt(this.menuItemLineHeightLarge) + parseInt(this.menuItemPaddingYLarge) * 2) *
+                timePickerVisibleItemsCount +
+                parseInt(this.menuItemGap) * timePickerVisibleItemsGapCount, "px");
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "menuFooterColor", {
         //menuFooter
         get: function () {
@@ -4093,6 +4231,9 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.toastCloseHoverColor = colors.textInvertedNeutralHeavy;
     BasicThemeClass.toastCloseHoverColorError = colors.textConstHeavyWhite;
     BasicThemeClass.toastCloseSize = '16px';
+    BasicThemeClass.toastCloseBtnSide = '0px';
+    BasicThemeClass.mobileToastTop = '0px';
+    BasicThemeClass.mobileToastFontSize = '0px';
     //#endregion Toast
     //#region Dropdown
     BasicThemeClass.dropdownMenuBorderColorTransition = '';
@@ -4128,6 +4269,9 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.menuItemCommentOpacity = '1';
     BasicThemeClass.menuItemCommentOpacityHover = '0.6';
     BasicThemeClass.menuItemDisplay = 'block';
+    BasicThemeClass.mobileMenuItemPaddingLarge = '12px 16px';
+    BasicThemeClass.mobileMenuItemPaddingMedium = '12px 16px';
+    BasicThemeClass.mobileMenuItemPaddingSmall = '12px 16px';
     BasicThemeClass.menuItemPaddingMobile = '12px 16px';
     BasicThemeClass.menuItemDisabledBg = 'transparent';
     BasicThemeClass.menuItemGap = '1px';
@@ -4281,6 +4425,9 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.textareaBorderTopColor = colors.lineNeutralPale;
     BasicThemeClass.textareaCounterColor = colors.textNeutralSoft;
     BasicThemeClass.textareaCounterBg = 'transparent';
+    BasicThemeClass.textareaCounterBorderRadius = '4px';
+    BasicThemeClass.textareaCounterPaddingY = '2px';
+    BasicThemeClass.textareaCounterPaddingX = '4px';
     BasicThemeClass.textareaCounterHelpIconColor = colors.textNeutralHeavy;
     BasicThemeClass.textareaMargin = '0px'; // обнуление вертикального браузерного margin в firefox
     BasicThemeClass.textareaVerticalAlign = 'top';
@@ -4319,8 +4466,17 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.spinnerCaptionGapSmall = '6px';
     BasicThemeClass.spinnerCaptionGapMedium = '-4px';
     BasicThemeClass.spinnerCaptionGapLarge = '-3px';
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link spinnerCaptionGapSmall} */
     BasicThemeClass.spinnerCaptionMarginSmall = '0 0 0 6px';
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link spinnerCaptionGapSmall} */
     BasicThemeClass.spinnerCaptionMarginMedium = '0 0 0 6px';
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link spinnerCaptionGapSmall} */
     BasicThemeClass.spinnerCaptionMarginLarge = '0 0 0 6px';
     //#endregion
     //#region Switcher
@@ -4334,6 +4490,17 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.mobilePopupTopPadding = '80px';
     BasicThemeClass.mobilePopupContainerBottomPadding = '8px';
     BasicThemeClass.mobilePopupHeaderPadding = '16px 16px 8px 16px';
+    BasicThemeClass.mobilePopupPositionX = '0px';
+    BasicThemeClass.mobilePopupPositionY = '0px';
+    BasicThemeClass.mobilePopupPaddingSmall = '8px';
+    BasicThemeClass.mobilePopupPaddingMedium = '8px';
+    BasicThemeClass.mobilePopupPaddingLarge = '8px';
+    BasicThemeClass.mobilePopupHeaderPaddingSmall = '0px';
+    BasicThemeClass.mobilePopupHeaderPaddingMedium = '0px';
+    BasicThemeClass.mobilePopupHeaderPaddingLarge = '0px';
+    BasicThemeClass.mobilePopupFooterPaddingSmall = '0px';
+    BasicThemeClass.mobilePopupFooterPaddingMedium = '0px';
+    BasicThemeClass.mobilePopupFooterPaddingLarge = '0px';
     BasicThemeClass.mobilePopupFooterPadding = '16px 16px 16px 16px';
     BasicThemeClass.mobilePopupContainerBorderRadius = '16px';
     BasicThemeClass.mobilePopupHeaderFontWeight = '500';