@skbkontur/side-menu 4.0.3 → 4.0.5

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.0.5](/compare/@skbkontur/side-menu@4.0.4...@skbkontur/side-menu@4.0.5) (2026-05-08)
+
+
+### Bug Fixes
+
+* update react & @skbkontur/react-ui peerDependency 21fad11
+
+
+
+
+
+## [4.0.4](/compare/@skbkontur/side-menu@4.0.3...@skbkontur/side-menu@4.0.4) (2026-05-08)
+
+
+### Bug Fixes
+
+* **SideMenu:** make bell widget marker product color d6efcfa
+
+
+
+
+
 ## [4.0.3](/compare/@skbkontur/side-menu@4.0.2...@skbkontur/side-menu@4.0.3) (2026-04-21)
 
 

package/internal/themes/SideMenuDarkTheme.js

@@ -10,7 +10,6 @@ var SideMenuDarkTheme = /** @class */ (function (_super) {
     // #region SideMenu
     SideMenuDarkTheme.sideMenuBg = colors.surfaceLow;
     SideMenuDarkTheme.sideMenuBgHover = colors.shapeOtherNeutralFaintSolid;
-    SideMenuDarkTheme.sideMenuProductColor = colors.shapeBoldBrandOriginal;
     // #endregion
     // #region Divider
     SideMenuDarkTheme.sideMenuDividerBg = colors.lineNeutralFaint;
@@ -29,6 +28,7 @@ var SideMenuDarkTheme = /** @class */ (function (_super) {
     // #endregion
     // #region Marker
     SideMenuDarkTheme.sideMenuMarkerColor = colors.textOnBrandOriginalHeavy;
+    SideMenuDarkTheme.sideMenuMarkerBg = colors.shapeBoldBrandOriginal;
     SideMenuDarkTheme.sideMenuMarkerSubItemColor = colors.textNeutralSoft;
     // #endregion
     // #region SeparatedSubMenu
@@ -45,9 +45,6 @@ var SideMenuDarkTheme = /** @class */ (function (_super) {
     // #endregion
     // #region Burger
     SideMenuDarkTheme.sideMenuBurgerColor = colors.textNeutralHeavy;
-    // #endregion
-    // #region SideMenuNotifications
-    SideMenuDarkTheme.sideMenuNotificationsMarkerBg = colors.textNeutralHeavy;
     return SideMenuDarkTheme;
 }(SideMenuTheme));
 export var SideMenuDarkThemeInternal = exposeGetters(SideMenuDarkTheme);

package/internal/themes/SideMenuTheme.d.ts

@@ -10,7 +10,11 @@ export declare class SideMenuTheme extends BasicThemeClassForExtension {
     static sideMenuBoxShadow: string;
     static sideMenuLineHeight: string;
     static sideMenuLineHeightLarge: string;
-    static sideMenuProductColor: string;
+    private static _sideMenuProductColor;
+    /** @deprecated Не используется и будет удалена в `side-menu@5.0`.
+     * Используйте {@link sideMenuMarkerBg} или пакет `@skbkontur/colors`. */
+    static get sideMenuProductColor(): string;
+    static set sideMenuProductColor(value: string);
     static sideMenuDesktopMediaQuery: string;
     static sideMenuNarrowDesktopMediaQuery: string;
     static sideMenuTabletMediaQuery: string;
@@ -86,12 +90,14 @@ export declare class SideMenuTheme extends BasicThemeClassForExtension {
     static sideMenuMarkerPaddingX: string;
     static sideMenuMarkerPaddingY: string;
     static sideMenuMarkerColor: string;
-    static get sideMenuMarkerBg(): string;
+    static sideMenuMarkerBg: string;
     static sideMenuMarkerMarginRight: string;
     static sideMenuMarkerMultilineMarginTop: string;
     static sideMenuMarkerSubItemFontWeight: string;
     static sideMenuMarkerSubItemColor: string;
-    static get sideMenuMarkerSubItemEmptyBg(): string;
+    /** @deprecated Не используется и будет удалена в `side-menu@5.0`.
+     * Используйте {@link sideMenuMarkerBg} или пакет `@skbkontur/colors`. */
+    static sideMenuMarkerSubItemEmptyBg: string;
     static sideMenuAvatarSize: string;
     static sideMenuSeparatedSubMenuBg: string;
     static sideMenuSeparatedSubMenuBorderRightColor: string;
@@ -111,6 +117,8 @@ export declare class SideMenuTheme extends BasicThemeClassForExtension {
     static sideMenuBackButtonCaptionPaddingY: string;
     static sideMenuBackButtonIconPaddingLeft: string;
     static sideMenuBackButtonIconPaddingRight: string;
+    /** @deprecated Не используется и будет удалена в `side-menu@5.0`.
+     * Используйте {@link sideMenuMarkerBg} или пакет `@skbkontur/colors`. */
     static sideMenuNotificationsMarkerBg: string;
     /** от 400px до 784px */
     static sideMenuNotificationsWrapperHeight: string;

package/internal/themes/SideMenuTheme.js

@@ -2,11 +2,25 @@ import { __extends } from "tslib";
 import * as colors from '@skbkontur/colors/tokens-default/light';
 import { BasicThemeClassForExtension } from '@skbkontur/react-ui/internal/themes/BasicTheme';
 import { exposeGetters } from '@skbkontur/react-ui/lib/theming/ThemeHelpers';
+import warning from 'warning';
 var SideMenuTheme = /** @class */ (function (_super) {
     __extends(SideMenuTheme, _super);
     function SideMenuTheme() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    Object.defineProperty(SideMenuTheme, "sideMenuProductColor", {
+        /** @deprecated Не используется и будет удалена в `side-menu@5.0`.
+         * Используйте {@link sideMenuMarkerBg} или пакет `@skbkontur/colors`. */
+        get: function () {
+            return this._sideMenuProductColor;
+        },
+        set: function (value) {
+            warning('[SideMenuTheme]: sideMenuProductColor is deprecated. Use @skbkontur/colors or theme variable `sideMenuMarkerBg` instead');
+            this._sideMenuProductColor = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SideMenuTheme, "sideMenuHeaderDividerColor", {
         get: function () {
             return this.sideMenuDividerBg;
@@ -77,20 +91,6 @@ var SideMenuTheme = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(SideMenuTheme, "sideMenuMarkerBg", {
-        get: function () {
-            return this.sideMenuProductColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuMarkerSubItemEmptyBg", {
-        get: function () {
-            return this.sideMenuProductColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
     // #region SideMenu
     SideMenuTheme.sideMenuWidth = '232px';
     SideMenuTheme.sideMenuWidthTouchScreen = '328px';
@@ -101,7 +101,7 @@ var SideMenuTheme = /** @class */ (function (_super) {
     SideMenuTheme.sideMenuBoxShadow = "\n    4px 0 12px rgba(0, 0, 0, 0.08),\n    12px 0 32px rgba(0, 0, 0, 0.04),\n    16px 0 40px rgba(0, 0, 0, 0.04)\n  ";
     SideMenuTheme.sideMenuLineHeight = '20px';
     SideMenuTheme.sideMenuLineHeightLarge = '22px';
-    SideMenuTheme.sideMenuProductColor = colors.shapeBoldBrandOriginal;
+    SideMenuTheme._sideMenuProductColor = colors.shapeBoldBrandOriginal;
     SideMenuTheme.sideMenuDesktopMediaQuery = '(min-width: 1200px)';
     SideMenuTheme.sideMenuNarrowDesktopMediaQuery = '(min-width: 992px)';
     SideMenuTheme.sideMenuTabletMediaQuery = '(min-width: 768px)';
@@ -187,10 +187,14 @@ var SideMenuTheme = /** @class */ (function (_super) {
     SideMenuTheme.sideMenuMarkerPaddingX = '4px';
     SideMenuTheme.sideMenuMarkerPaddingY = '0px';
     SideMenuTheme.sideMenuMarkerColor = colors.textOnBrandOriginalHeavy;
+    SideMenuTheme.sideMenuMarkerBg = colors.shapeBoldBrandOriginal;
     SideMenuTheme.sideMenuMarkerMarginRight = '8px';
     SideMenuTheme.sideMenuMarkerMultilineMarginTop = '4px';
     SideMenuTheme.sideMenuMarkerSubItemFontWeight = '400';
     SideMenuTheme.sideMenuMarkerSubItemColor = colors.textNeutralSoft;
+    /** @deprecated Не используется и будет удалена в `side-menu@5.0`.
+     * Используйте {@link sideMenuMarkerBg} или пакет `@skbkontur/colors`. */
+    SideMenuTheme.sideMenuMarkerSubItemEmptyBg = colors.shapeBoldBrandOriginal;
     // #endregion
     // #region Avatar
     SideMenuTheme.sideMenuAvatarSize = '24px';
@@ -224,7 +228,9 @@ var SideMenuTheme = /** @class */ (function (_super) {
     SideMenuTheme.sideMenuBackButtonIconPaddingRight = '6px';
     // #endregion
     // #region SideMenuNotifications
-    SideMenuTheme.sideMenuNotificationsMarkerBg = colors.textNeutralHeavy;
+    /** @deprecated Не используется и будет удалена в `side-menu@5.0`.
+     * Используйте {@link sideMenuMarkerBg} или пакет `@skbkontur/colors`. */
+    SideMenuTheme.sideMenuNotificationsMarkerBg = colors.shapeBoldBrandOriginal;
     /** от 400px до 784px */
     SideMenuTheme.sideMenuNotificationsWrapperHeight = 'calculated';
     return SideMenuTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/side-menu",
-  "version": "4.0.3",
+  "version": "4.0.5",
   "private": false,
   "license": "UNLICENSED",
   "author": "Kontur",
@@ -27,9 +27,9 @@
   "dependencies": {
     "@skbkontur/bell-widget-npm-loader": "^0.3.0",
     "@skbkontur/colors": "^2.1.7",
-    "@skbkontur/empty-state": "^2.0.1",
+    "@skbkontur/empty-state": "^2.0.2",
     "@skbkontur/icons": ">=2 <3",
-    "@skbkontur/react-ui-addons": "^6.0.2",
+    "@skbkontur/react-ui-addons": "^6.0.3",
     "@skbkontur/widget-consumer-react-utils": "^1.6.12",
     "tslib": "^2.8.0"
   },
@@ -37,8 +37,8 @@
     "@skbkontur/ui-cdn-components": "^1.9.0"
   },
   "peerDependencies": {
-    "@skbkontur/react-ui": ">=5 <=6",
-    "react": ">=16.9 <=19",
-    "react-dom": ">=16.9 <=19"
+    "@skbkontur/react-ui": ">=6 <7",
+    "react": ">=16.9 <20",
+    "react-dom": ">=16.9 <20"
   }
 }

package/src/SideMenuNotifications/SideMenuNotifications.js

@@ -34,7 +34,6 @@ var SideMenuNotificationsInner = forwardRef(function (_a, ref) {
             menuPaddingX: '0px',
             menuOffsetY: '8px',
             menuScrollContainerContentWrapperPaddingY: '0px',
-            sideMenuMarkerBg: theme.sideMenuNotificationsMarkerBg,
         }, theme) },
         React.createElement(SideMenuDropdown, __assign({ ref: ref, icon: currentIcon, marker: marker, positions: positions, "data-tid": SideMenuDataTids.bellSideMenuDropdownButton, "data-item": BELL_SIDE_MENU_DATA_ITEM, caption: "\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F", onClose: handleClose }, rest), children !== null && children !== void 0 ? children : (React.createElement(BellWidget, { widgetApi: widgetApi, onClose: handleBellWidgetClose, renderErrorButton: renderErrorButton, renderErrorMessage: renderErrorMessage, onError: onError, redirect: redirect }))),
         showDivider && React.createElement(SideMenu.Divider, null)));

package/src/internal/ItemContent/Marker.styles.js

@@ -16,7 +16,7 @@ export var getStyles = memoizeGetStyles(function (_a) {
             return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background: transparent;\n      color: ", ";\n      font-weight: ", ";\n    "], ["\n      background: transparent;\n      color: ", ";\n      font-weight: ", ";\n    "])), t.sideMenuMarkerSubItemColor, t.sideMenuMarkerSubItemFontWeight);
         },
         rootSubMenuEmpty: function (t) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      background: ", ";\n    "], ["\n      background: ", ";\n    "])), t.sideMenuMarkerSubItemEmptyBg);
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      background: ", ";\n    "], ["\n      background: ", ";\n    "])), t.sideMenuMarkerBg);
         },
         rootCollapsed: function () {
             return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      position: absolute;\n      right: 0;\n      top: 0;\n      margin: 0;\n    "], ["\n      position: absolute;\n      right: 0;\n      top: 0;\n      margin: 0;\n    "])));