@cloud-ru/uikit-product-page-layout 2.0.9 → 2.0.10

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 2.0.10 (2026-03-10)
+
+
+### Bug Fixes
+
+* **PDS-3447:** fix override elevated button bg ([eb9b290](https://github.com/cloud-ru-tech/uikit-product/commit/eb9b2905cc0abb1dcfc15ec0cf61751174fc3068))
+
+
+
+
+
 ## 2.0.9 (2026-03-10)
 
 ### Only dependencies have been changed

package/dist/cjs/components/PageSidebar/PageSidebar.js

@@ -48,7 +48,7 @@ function PrivateSideBar(_a) {
     const list = (0, useItemsCreator_1.useItemsContent)(filteredList, onSelect);
     const footerList = (0, useItemsCreator_1.useItemsContent)(footerItems);
     const { pinTop } = (0, useItemsCreator_1.useTopPinnedContent)(header, hasSearch);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, (0, utils_1.extractSupportProps)(otherProps), { "data-collapsed": !open || undefined, className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className), children: [!open && ((0, jsx_runtime_1.jsx)(button_1.ButtonElevated, { className: styles_module_scss_1.default.expandButton, icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.VerticalMenuOpenSVG, {}), onClick: () => toggleOpen(true) })), (0, jsx_runtime_1.jsx)("div", { "data-collapsed": !open || undefined, "data-hover-off": hoverOff || undefined, "data-has-search": hasSearch || undefined, className: styles_module_scss_1.default.body, children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, "data-collapsed": !open || undefined, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.list, children: [(0, jsx_runtime_1.jsx)(list_1.List, { selection: { mode: 'single', value: selected }, size: 'm', items: list, pinTop: pinTop, pinBottom: footerList, scroll: true, scrollToSelectedItem: true, collapse: searchValue ? searchCollapseState : collapse, barHideStrategy: 'leave' }), hasSearch && searchOpened && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.searchWrapper, children: (0, jsx_runtime_1.jsx)(SidebarSearch_1.SidebarSearch, {}) }))] }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.toggler, children: (0, jsx_runtime_1.jsx)(button_1.ButtonElevated, { icon: open ? (0, jsx_runtime_1.jsx)(uikit_product_icons_1.VerticalMenuCloseSVG, {}) : (0, jsx_runtime_1.jsx)(uikit_product_icons_1.VerticalMenuOpenSVG, {}), onClick: () => toggleOpen() }) })] }) })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, (0, utils_1.extractSupportProps)(otherProps), { "data-collapsed": !open || undefined, className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className), children: [!open && ((0, jsx_runtime_1.jsx)(button_1.ButtonElevated, { className: styles_module_scss_1.default.expandButton, icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.VerticalMenuOpenSVG, {}), onClick: () => toggleOpen(true) })), (0, jsx_runtime_1.jsx)("div", { "data-collapsed": !open || undefined, "data-hover-off": hoverOff || undefined, "data-has-search": hasSearch || undefined, className: styles_module_scss_1.default.body, children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, "data-collapsed": !open || undefined, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.list, children: [(0, jsx_runtime_1.jsx)(list_1.List, { selection: { mode: 'single', value: selected }, size: 'm', items: list, pinTop: pinTop, pinBottom: footerList, scroll: true, scrollToSelectedItem: true, collapse: searchValue ? searchCollapseState : collapse, barHideStrategy: 'leave' }), hasSearch && searchOpened && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.searchWrapper, children: (0, jsx_runtime_1.jsx)(SidebarSearch_1.SidebarSearch, {}) }))] }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.toggler, children: (0, jsx_runtime_1.jsx)(button_1.ButtonElevated, { icon: open ? (0, jsx_runtime_1.jsx)(uikit_product_icons_1.VerticalMenuCloseSVG, {}) : (0, jsx_runtime_1.jsx)(uikit_product_icons_1.VerticalMenuOpenSVG, {}), className: styles_module_scss_1.default.button, onClick: () => toggleOpen() }) })] }) })] })));
 }
 function PageSidebar(props) {
     return ((0, jsx_runtime_1.jsx)(contexts_1.SearchContextProvider, { children: (0, jsx_runtime_1.jsx)(PrivateSideBar, Object.assign({}, props)) }));

package/dist/cjs/components/PageSidebar/styles.module.css

@@ -73,4 +73,8 @@
   position:fixed;
   bottom:8px;
   left:8px;
+}
+
+.button{
+  background-color:var(--sys-neutral-background2-level, #ffffff) !important;
 }

package/dist/esm/components/PageSidebar/PageSidebar.js

@@ -42,7 +42,7 @@ function PrivateSideBar(_a) {
     const list = useItemsContent(filteredList, onSelect);
     const footerList = useItemsContent(footerItems);
     const { pinTop } = useTopPinnedContent(header, hasSearch);
-    return (_jsxs("div", Object.assign({}, extractSupportProps(otherProps), { "data-collapsed": !open || undefined, className: cn(styles.wrapper, className), children: [!open && (_jsx(ButtonElevated, { className: styles.expandButton, icon: _jsx(VerticalMenuOpenSVG, {}), onClick: () => toggleOpen(true) })), _jsx("div", { "data-collapsed": !open || undefined, "data-hover-off": hoverOff || undefined, "data-has-search": hasSearch || undefined, className: styles.body, children: _jsxs("div", { className: styles.content, "data-collapsed": !open || undefined, children: [_jsxs("div", { className: styles.list, children: [_jsx(List, { selection: { mode: 'single', value: selected }, size: 'm', items: list, pinTop: pinTop, pinBottom: footerList, scroll: true, scrollToSelectedItem: true, collapse: searchValue ? searchCollapseState : collapse, barHideStrategy: 'leave' }), hasSearch && searchOpened && (_jsx("div", { className: styles.searchWrapper, children: _jsx(SidebarSearch, {}) }))] }), _jsx("div", { className: styles.toggler, children: _jsx(ButtonElevated, { icon: open ? _jsx(VerticalMenuCloseSVG, {}) : _jsx(VerticalMenuOpenSVG, {}), onClick: () => toggleOpen() }) })] }) })] })));
+    return (_jsxs("div", Object.assign({}, extractSupportProps(otherProps), { "data-collapsed": !open || undefined, className: cn(styles.wrapper, className), children: [!open && (_jsx(ButtonElevated, { className: styles.expandButton, icon: _jsx(VerticalMenuOpenSVG, {}), onClick: () => toggleOpen(true) })), _jsx("div", { "data-collapsed": !open || undefined, "data-hover-off": hoverOff || undefined, "data-has-search": hasSearch || undefined, className: styles.body, children: _jsxs("div", { className: styles.content, "data-collapsed": !open || undefined, children: [_jsxs("div", { className: styles.list, children: [_jsx(List, { selection: { mode: 'single', value: selected }, size: 'm', items: list, pinTop: pinTop, pinBottom: footerList, scroll: true, scrollToSelectedItem: true, collapse: searchValue ? searchCollapseState : collapse, barHideStrategy: 'leave' }), hasSearch && searchOpened && (_jsx("div", { className: styles.searchWrapper, children: _jsx(SidebarSearch, {}) }))] }), _jsx("div", { className: styles.toggler, children: _jsx(ButtonElevated, { icon: open ? _jsx(VerticalMenuCloseSVG, {}) : _jsx(VerticalMenuOpenSVG, {}), className: styles.button, onClick: () => toggleOpen() }) })] }) })] })));
 }
 export function PageSidebar(props) {
     return (_jsx(SearchContextProvider, { children: _jsx(PrivateSideBar, Object.assign({}, props)) }));

package/dist/esm/components/PageSidebar/styles.module.css

@@ -73,4 +73,8 @@
   position:fixed;
   bottom:8px;
   left:8px;
+}
+
+.button{
+  background-color:var(--sys-neutral-background2-level, #ffffff) !important;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-page-layout",
   "title": "Page Layout",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -57,5 +57,5 @@
   "peerDependencies": {
     "@cloud-ru/uikit-product-locale": "*"
   },
-  "gitHead": "793fb323408ef28299ccf81b50722e89ad2a5eeb"
+  "gitHead": "b225c5bec12afc5ec864b36e46a32ceb3d10780e"
 }

package/src/components/PageSidebar/PageSidebar.tsx

@@ -115,6 +115,7 @@ function PrivateSideBar({
           <div className={styles.toggler}>
             <ButtonElevated
               icon={open ? <VerticalMenuCloseSVG /> : <VerticalMenuOpenSVG />}
+              className={styles.button}
               onClick={() => toggleOpen()}
             />
           </div>

package/src/components/PageSidebar/styles.module.scss

@@ -2,8 +2,8 @@
 
 $width: 256px;
 $catcherWidth: styles-theme-variables.$dimension-050m;
-$instantAnimation: left .15s ease-in-out;
-$delayedAnimation: left .15s .35s ease-in-out;
+$instantAnimation: left 0.15s ease-in-out;
+$delayedAnimation: left 0.15s 0.35s ease-in-out;
 $searchMargin: 52px;
 
 .wrapper {
@@ -20,7 +20,6 @@ $searchMargin: 52px;
     display: flex;
     transition: $delayedAnimation;
 
-
     &[data-hover-off] {
       pointer-events: none;
       transition: $instantAnimation;
@@ -99,3 +98,7 @@ $searchMargin: 52px;
     left: 8px;
   }
 }
+
+.button {
+  background-color: styles-theme-variables.$sys-neutral-background2-level !important; /* stylelint-disable-line declaration-no-important */
+}