@cloud-ru/uikit-product-page-layout 2.0.9-preview-4254e040.0 → 2.0.10

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 (8) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/cjs/components/PageSidebar/PageSidebar.js +1 -1
  3. package/dist/cjs/components/PageSidebar/styles.module.css +4 -0
  4. package/dist/esm/components/PageSidebar/PageSidebar.js +1 -1
  5. package/dist/esm/components/PageSidebar/styles.module.css +4 -0
  6. package/package.json +10 -10
  7. package/src/components/PageSidebar/PageSidebar.tsx +1 -0
  8. package/src/components/PageSidebar/styles.module.scss +6 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,27 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 2.0.10 (2026-03-10)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **PDS-3447:** fix override elevated button bg ([eb9b290](https://github.com/cloud-ru-tech/uikit-product/commit/eb9b2905cc0abb1dcfc15ec0cf61751174fc3068))
12
+
13
+
14
+
15
+
16
+
17
+ ## 2.0.9 (2026-03-10)
18
+
19
+ ### Only dependencies have been changed
20
+ * [@cloud-ru/uikit-product-copy-line@2.1.6]($PUBLIC_PROJECT_URL/blob/master/packages/copy-line/CHANGELOG.md)
21
+ * [@cloud-ru/uikit-product-icons@17.1.0]($PUBLIC_PROJECT_URL/blob/master/packages/icons/CHANGELOG.md)
22
+
23
+
24
+
25
+
26
+
6
27
  ## 2.0.8 (2026-03-04)
7
28
 
8
29
  ### Only dependencies have been changed
package/dist/cjs/components/PageSidebar/PageSidebar.js CHANGED
@@ -48,7 +48,7 @@ function PrivateSideBar(_a) {
48
48
  const list = (0, useItemsCreator_1.useItemsContent)(filteredList, onSelect);
49
49
  const footerList = (0, useItemsCreator_1.useItemsContent)(footerItems);
50
50
  const { pinTop } = (0, useItemsCreator_1.useTopPinnedContent)(header, hasSearch);
51
- 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() }) })] }) })] })));
51
+ 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() }) })] }) })] })));
52
52
  }
53
53
  function PageSidebar(props) {
54
54
  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 CHANGED
@@ -73,4 +73,8 @@
73
73
  position:fixed;
74
74
  bottom:8px;
75
75
  left:8px;
76
+ }
77
+
78
+ .button{
79
+ background-color:var(--sys-neutral-background2-level, #ffffff) !important;
76
80
  }
package/dist/esm/components/PageSidebar/PageSidebar.js CHANGED
@@ -42,7 +42,7 @@ function PrivateSideBar(_a) {
42
42
  const list = useItemsContent(filteredList, onSelect);
43
43
  const footerList = useItemsContent(footerItems);
44
44
  const { pinTop } = useTopPinnedContent(header, hasSearch);
45
- 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() }) })] }) })] })));
45
+ 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() }) })] }) })] })));
46
46
  }
47
47
  export function PageSidebar(props) {
48
48
  return (_jsx(SearchContextProvider, { children: _jsx(PrivateSideBar, Object.assign({}, props)) }));
package/dist/esm/components/PageSidebar/styles.module.css CHANGED
@@ -73,4 +73,8 @@
73
73
  position:fixed;
74
74
  bottom:8px;
75
75
  left:8px;
76
+ }
77
+
78
+ .button{
79
+ background-color:var(--sys-neutral-background2-level, #ffffff) !important;
76
80
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloud-ru/uikit-product-page-layout",
3
3
  "title": "Page Layout",
4
- "version": "2.0.9-preview-4254e040.0",
4
+ "version": "2.0.10",
5
5
  "sideEffects": [
6
6
  "*.css",
7
7
  "*.woff",
@@ -36,19 +36,19 @@
36
36
  },
37
37
  "scripts": {},
38
38
  "dependencies": {
39
- "@cloud-ru/uikit-product-copy-line": "2.1.6-preview-4254e040.0",
40
- "@cloud-ru/uikit-product-icons": "17.0.7-preview-4254e040.0",
39
+ "@cloud-ru/uikit-product-copy-line": "2.1.6",
40
+ "@cloud-ru/uikit-product-icons": "17.1.0",
41
41
  "@cloud-ru/uikit-product-utils": "9.1.0",
42
42
  "@snack-uikit/button": "0.19.13",
43
43
  "@snack-uikit/icon-predefined": "0.7.3",
44
- "@snack-uikit/list": "0.32.14",
44
+ "@snack-uikit/list": "0.26.0",
45
45
  "@snack-uikit/loaders": "0.9.4",
46
46
  "@snack-uikit/popover": "0.10.3",
47
- "@snack-uikit/search": "0.12.24",
48
- "@snack-uikit/status": "0.10.10",
49
- "@snack-uikit/tooltip": "0.18.10",
50
- "@snack-uikit/tree": "0.9.37",
51
- "@snack-uikit/truncate-string": "0.7.9",
47
+ "@snack-uikit/search": "0.12.13",
48
+ "@snack-uikit/status": "0.10.4",
49
+ "@snack-uikit/tooltip": "0.16.2",
50
+ "@snack-uikit/tree": "0.9.30",
51
+ "@snack-uikit/truncate-string": "0.6.9",
52
52
  "@snack-uikit/typography": "0.8.4",
53
53
  "@snack-uikit/utils": "3.7.0",
54
54
  "classnames": "2.5.1",
@@ -57,5 +57,5 @@
57
57
  "peerDependencies": {
58
58
  "@cloud-ru/uikit-product-locale": "*"
59
59
  },
60
- "gitHead": "1ac460fb03ac66697d2262e3a0dbf3065a3e0aaf"
60
+ "gitHead": "b225c5bec12afc5ec864b36e46a32ceb3d10780e"
61
61
  }
package/src/components/PageSidebar/PageSidebar.tsx CHANGED
@@ -115,6 +115,7 @@ function PrivateSideBar({
115
115
  <div className={styles.toggler}>
116
116
  <ButtonElevated
117
117
  icon={open ? <VerticalMenuCloseSVG /> : <VerticalMenuOpenSVG />}
118
+ className={styles.button}
118
119
  onClick={() => toggleOpen()}
119
120
  />
120
121
  </div>
package/src/components/PageSidebar/styles.module.scss CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  $width: 256px;
4
4
  $catcherWidth: styles-theme-variables.$dimension-050m;
5
- $instantAnimation: left .15s ease-in-out;
6
- $delayedAnimation: left .15s .35s ease-in-out;
5
+ $instantAnimation: left 0.15s ease-in-out;
6
+ $delayedAnimation: left 0.15s 0.35s ease-in-out;
7
7
  $searchMargin: 52px;
8
8
 
9
9
  .wrapper {
@@ -20,7 +20,6 @@ $searchMargin: 52px;
20
20
  display: flex;
21
21
  transition: $delayedAnimation;
22
22
 
23
-
24
23
  &[data-hover-off] {
25
24
  pointer-events: none;
26
25
  transition: $instantAnimation;
@@ -99,3 +98,7 @@ $searchMargin: 52px;
99
98
  left: 8px;
100
99
  }
101
100
  }
101
+
102
+ .button {
103
+ background-color: styles-theme-variables.$sys-neutral-background2-level !important; /* stylelint-disable-line declaration-no-important */
104
+ }