@cloud-ru/ds-uikit-product-page-layout 1.6.8-preview-3ffb7c01.0 → 1.6.8

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 (10) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/README.md +45 -21
  3. package/dist/cjs/components/PageSidebar/styles.module.css +2 -2
  4. package/dist/cjs/style.css +2 -2
  5. package/dist/esm/components/PageSidebar/styles.module.css +2 -2
  6. package/dist/esm/style.css +2 -2
  7. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  8. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  9. package/package.json +22 -22
  10. package/src/components/PageSidebar/styles.module.scss +3 -7
package/CHANGELOG.md CHANGED
@@ -3,6 +3,10 @@
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
+ ## 1.6.8 (2026-10-02)
7
+
8
+ **Note:** Version bump only for package @ds/uikit-product-page-layout
9
+
6
10
  ## 1.6.7 (2026-10-01)
7
11
 
8
12
  **Note:** Version bump only for package @ds/uikit-product-page-layout
package/README.md CHANGED
@@ -104,16 +104,23 @@ import {
104
104
 
105
105
  | Prop | Type | Default | Description |
106
106
  |------|------|---------|-------------|
107
- | `actions` | `Action` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | — | |
107
+ | `actions` | `ActionsProps` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | — | |
108
108
  | `children` | `string \| number \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| null \| undefined` | — | |
109
109
  | `className` | `string` | — | CSS-класс |
110
110
  | `data-test-id` | `string` | — | |
111
- | `maxVisibleActionsItems` | `number` | — | |
111
+ | `maxVisibleActionsItems` | `ActionsProps` | — | |
112
112
  | `title` | `string` | — | Заголовок страницы |
113
113
 
114
114
  ##### Related types
115
115
 
116
- - `Action` = `{ tooltip?: TooltipProps; hidden?: boolean; } & (({ variant?: typeof BUTTON_TYPE.Filled; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Outline; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Tonal; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Function; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Simple; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Dropdown; } & { 'data-test-id'?: string; } & AriaAttributes & Omit<ButtonProps, "view" | "icon" | "size" | "iconPosition"> & { size?: "xs" | NonNullable<Size | undefined>; className?: string; open?: boolean; onOpenChange?: (open: boolean) => void; } & { items: Item[]; closeOnPopstate?: boolean | undefined; triggerClassName?: string | undefined; placement?: Placement | undefined; closeDroplistOnItemClick?: boolean | undefined; }) | ({ variant: typeof BUTTON_TYPE.Kebab; } & ButtonKebabProps) | ({ variant: typeof BUTTON_TYPE.Droplist; } & ButtonDroplistProps) | ({ variant: typeof BUTTON_TYPE.Quota; } & { 'data-test-id'?: string; } & AriaAttributes & QuotaWidgetPropsBase & { quotasUrl: string; onQuotasUrlClick?: () => void; buttonProps?: Pick<ButtonProps, "size" | "className" | "fullWidth" | "label" | "appearance" | "disabled" | "view">; }))`
116
+ - `Action` = `{ tooltip?: TooltipProps; hidden?: boolean; } & (({ variant?: typeof BUTTON_TYPE.Filled; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Outline; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Tonal; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Function; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Simple; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Dropdown; } & { 'data-test-id'?: string; } & AriaAttributes & Omit<ButtonProps, "view" | "icon" | "size" | "iconPosition"> & { size?: "xs" | NonNullable<Size | undefined>; className?: string; open?: boolean; onOpenChange?: (open: boolean) => void; } & { items: Item[]; triggerClassName?: string | undefined; closeOnPopstate?: boolean | undefined; placement?: Placement | undefined; closeDroplistOnItemClick?: boolean | undefined; }) | ({ variant: typeof BUTTON_TYPE.Kebab; } & ButtonKebabProps) | ({ variant: typeof BUTTON_TYPE.Droplist; } & ButtonDroplistProps) | ({ variant: typeof BUTTON_TYPE.Quota; } & { 'data-test-id'?: string; } & AriaAttributes & QuotaWidgetPropsBase & { quotasUrl: string; onQuotasUrlClick?: () => void; buttonProps?: Pick<ButtonProps, "size" | "className" | "fullWidth" | "label" | "appearance" | "disabled" | "view">; }))`
117
+
118
+ **ActionsProps**
119
+
120
+ | Prop | Type | Default | Description |
121
+ |------|------|---------|-------------|
122
+ | `items` | `Action` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | — | |
123
+ | `maxVisibleItems` | `number \| undefined` | — | |
117
124
 
118
125
  **ButtonDroplistProps**
119
126
 
@@ -162,13 +169,13 @@ import {
162
169
 
163
170
  | Prop | Type | Default | Description |
164
171
  |------|------|---------|-------------|
165
- | `actions` | `Action` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | — | |
172
+ | `actions` | `ActionsProps` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | — | |
166
173
  | `autoHeight` | `boolean` | — | |
167
174
  | `children` | `string \| number \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| null \| undefined` | — | |
168
175
  | `className` | `string` | — | |
169
176
  | `data-test-id` | `string` | — | |
170
177
  | `limitContentMaxWidth` | `boolean` | — | |
171
- | `maxVisibleActionsItems` | `number` | — | |
178
+ | `maxVisibleActionsItems` | `ActionsProps` | — | |
172
179
  | `sidebar` | `PageSidebarProps` | — | |
173
180
  | `slotAfterTitle` | `ReactNode` | — | Слот после заголовка (например, статус) |
174
181
  | `slotBeforeTitle` | `ReactNode` | — | Слот перед заголовком (например, кнопка «назад») |
@@ -178,7 +185,12 @@ import {
178
185
 
179
186
  ##### Related types
180
187
 
181
- - `Action` = `{ tooltip?: TooltipProps; hidden?: boolean; } & (({ variant?: typeof BUTTON_TYPE.Filled; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Outline; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Tonal; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Function; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Simple; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Dropdown; } & { 'data-test-id'?: string; } & AriaAttributes & Omit<ButtonProps, "view" | "icon" | "size" | "iconPosition"> & { size?: "xs" | NonNullable<Size | undefined>; className?: string; open?: boolean; onOpenChange?: (open: boolean) => void; } & { items: Item[]; closeOnPopstate?: boolean | undefined; triggerClassName?: string | undefined; placement?: Placement | undefined; closeDroplistOnItemClick?: boolean | undefined; }) | ({ variant: typeof BUTTON_TYPE.Kebab; } & ButtonKebabProps) | ({ variant: typeof BUTTON_TYPE.Droplist; } & ButtonDroplistProps) | ({ variant: typeof BUTTON_TYPE.Quota; } & { 'data-test-id'?: string; } & AriaAttributes & QuotaWidgetPropsBase & { quotasUrl: string; onQuotasUrlClick?: () => void; buttonProps?: Pick<ButtonProps, "size" | "className" | "fullWidth" | "label" | "appearance" | "disabled" | "view">; }))`
188
+ **ActionsProps**
189
+
190
+ | Prop | Type | Default | Description |
191
+ |------|------|---------|-------------|
192
+ | `items` | `Action` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | — | |
193
+ | `maxVisibleItems` | `number \| undefined` | — | |
182
194
 
183
195
  **ButtonDroplistProps**
184
196
 
@@ -209,7 +221,7 @@ import {
209
221
  | Prop | Type | Default | Description |
210
222
  |------|------|---------|-------------|
211
223
  | `className` | `string \| undefined` | — | |
212
- | `collapse` | `CollapseState` | — | |
224
+ | `collapse` | `CollapseState` \| `ListProps` | — | |
213
225
  | `data-test-id` | `string \| undefined` | — | |
214
226
  | `defaultOpen` | `boolean \| undefined` | — | |
215
227
  | `documentation` | `Documentation` | — | Зарезервировано, в текущей реализации не используется. |
@@ -288,7 +300,7 @@ import {
288
300
  | `data-test-id` | `string` | — | |
289
301
  | `footer` | `ButtonPrimaryVariant` \| `ButtonProps` \| `ButtonSecondaryVariant` \| `TooltipProps` | — | |
290
302
  | `priceSummary` | `{ total: ReactNode; content?: ReactNode; }` | — | |
291
- | `sideBlock` | `SnapPoint` | — | |
303
+ | `sideBlock` | `ModalCustomProps` | — | |
292
304
  | `stepper` | `ReactNode` | — | |
293
305
  | `stickyFooter` | `boolean` | — | Закрепляет футер внизу формы при прокрутке контента. |
294
306
  | `subtitle` | `ReactNode` | — | Подзаголовок под заголовком |
@@ -392,7 +404,7 @@ import {
392
404
  | Prop | Type | Default | Description |
393
405
  |------|------|---------|-------------|
394
406
  | `className` | `string` | — | |
395
- | `collapse` | `CollapseState` | — | |
407
+ | `collapse` | `CollapseState` \| `ListProps` | — | |
396
408
  | `data-test-id` | `string` | — | |
397
409
  | `defaultOpen` | `boolean` | — | |
398
410
  | `documentation` | `Documentation` | — | Зарезервировано, в текущей реализации не используется. |
@@ -655,7 +667,7 @@ import {
655
667
  | `data-test-id` | `string` | — | |
656
668
  | `footer` | `ButtonPrimaryVariant` \| `ButtonProps` \| `ButtonSecondaryVariant` \| `TooltipProps` | — | |
657
669
  | `priceSummary` | `{ total: ReactNode; content?: ReactNode; }` | — | |
658
- | `sideBlock` | `SnapPoint` | — | |
670
+ | `sideBlock` | `ModalCustomProps` | — | |
659
671
  | `stepper` | `ReactNode` | — | |
660
672
  | `stickyFooter` | `boolean` | — | Закрепляет футер внизу формы при прокрутке контента. |
661
673
  | `subtitle` | `ReactNode` | — | Подзаголовок под заголовком |
@@ -703,7 +715,7 @@ import {
703
715
  | Prop | Type | Default | Description |
704
716
  |------|------|---------|-------------|
705
717
  | `className` | `string \| undefined` | — | |
706
- | `collapse` | `CollapseState` | — | |
718
+ | `collapse` | `CollapseState` \| `ListProps` | — | |
707
719
  | `data-test-id` | `string \| undefined` | — | |
708
720
  | `defaultOpen` | `boolean \| undefined` | — | |
709
721
  | `documentation` | `Documentation` | — | Зарезервировано, в текущей реализации не используется. |
@@ -756,7 +768,7 @@ import {
756
768
 
757
769
  #### Related types
758
770
 
759
- - `Action` = `{ tooltip?: TooltipProps; hidden?: boolean; } & (({ variant?: typeof BUTTON_TYPE.Filled; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Outline; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Tonal; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Function; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Simple; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Dropdown; } & { 'data-test-id'?: string; } & AriaAttributes & Omit<ButtonProps, "view" | "icon" | "size" | "iconPosition"> & { size?: "xs" | NonNullable<Size | undefined>; className?: string; open?: boolean; onOpenChange?: (open: boolean) => void; } & { items: Item[]; closeOnPopstate?: boolean | undefined; triggerClassName?: string | undefined; placement?: Placement | undefined; closeDroplistOnItemClick?: boolean | undefined; }) | ({ variant: typeof BUTTON_TYPE.Kebab; } & ButtonKebabProps) | ({ variant: typeof BUTTON_TYPE.Droplist; } & ButtonDroplistProps) | ({ variant: typeof BUTTON_TYPE.Quota; } & { 'data-test-id'?: string; } & AriaAttributes & QuotaWidgetPropsBase & { quotasUrl: string; onQuotasUrlClick?: () => void; buttonProps?: Pick<ButtonProps, "size" | "className" | "fullWidth" | "label" | "appearance" | "disabled" | "view">; }))`
771
+ - `Action` = `{ tooltip?: TooltipProps; hidden?: boolean; } & (({ variant?: typeof BUTTON_TYPE.Filled; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Outline; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Tonal; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Function; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Simple; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Dropdown; } & { 'data-test-id'?: string; } & AriaAttributes & Omit<ButtonProps, "view" | "icon" | "size" | "iconPosition"> & { size?: "xs" | NonNullable<Size | undefined>; className?: string; open?: boolean; onOpenChange?: (open: boolean) => void; } & { items: Item[]; triggerClassName?: string | undefined; closeOnPopstate?: boolean | undefined; placement?: Placement | undefined; closeDroplistOnItemClick?: boolean | undefined; }) | ({ variant: typeof BUTTON_TYPE.Kebab; } & ButtonKebabProps) | ({ variant: typeof BUTTON_TYPE.Droplist; } & ButtonDroplistProps) | ({ variant: typeof BUTTON_TYPE.Quota; } & { 'data-test-id'?: string; } & AriaAttributes & QuotaWidgetPropsBase & { quotasUrl: string; onQuotasUrlClick?: () => void; buttonProps?: Pick<ButtonProps, "size" | "className" | "fullWidth" | "label" | "appearance" | "disabled" | "view">; }))`
760
772
 
761
773
  **ButtonDroplistProps**
762
774
 
@@ -778,16 +790,23 @@ import {
778
790
 
779
791
  | Prop | Type | Default | Description |
780
792
  |------|------|---------|-------------|
781
- | `actions` | `Action` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | `[]` | |
793
+ | `actions` | `ActionsProps` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | `[]` | |
782
794
  | `children` | `string \| number \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| null \| undefined` | — | |
783
795
  | `className` | `string` | — | |
784
796
  | `data-test-id` | `string` | — | |
785
- | `maxVisibleActionsItems` | `number` | — | |
797
+ | `maxVisibleActionsItems` | `ActionsProps` | — | |
786
798
  | `title` | `string` | — | Заголовок страницы |
787
799
 
788
800
  #### Related types
789
801
 
790
- - `Action` = `{ tooltip?: TooltipProps; hidden?: boolean; } & (({ variant?: typeof BUTTON_TYPE.Filled; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Outline; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Tonal; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Function; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Simple; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Dropdown; } & { 'data-test-id'?: string; } & AriaAttributes & Omit<ButtonProps, "view" | "icon" | "size" | "iconPosition"> & { size?: "xs" | NonNullable<Size | undefined>; className?: string; open?: boolean; onOpenChange?: (open: boolean) => void; } & { items: Item[]; closeOnPopstate?: boolean | undefined; triggerClassName?: string | undefined; placement?: Placement | undefined; closeDroplistOnItemClick?: boolean | undefined; }) | ({ variant: typeof BUTTON_TYPE.Kebab; } & ButtonKebabProps) | ({ variant: typeof BUTTON_TYPE.Droplist; } & ButtonDroplistProps) | ({ variant: typeof BUTTON_TYPE.Quota; } & { 'data-test-id'?: string; } & AriaAttributes & QuotaWidgetPropsBase & { quotasUrl: string; onQuotasUrlClick?: () => void; buttonProps?: Pick<ButtonProps, "size" | "className" | "fullWidth" | "label" | "appearance" | "disabled" | "view">; }))`
802
+ - `Action` = `{ tooltip?: TooltipProps; hidden?: boolean; } & (({ variant?: typeof BUTTON_TYPE.Filled; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Outline; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Tonal; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Function; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Simple; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Dropdown; } & { 'data-test-id'?: string; } & AriaAttributes & Omit<ButtonProps, "view" | "icon" | "size" | "iconPosition"> & { size?: "xs" | NonNullable<Size | undefined>; className?: string; open?: boolean; onOpenChange?: (open: boolean) => void; } & { items: Item[]; triggerClassName?: string | undefined; closeOnPopstate?: boolean | undefined; placement?: Placement | undefined; closeDroplistOnItemClick?: boolean | undefined; }) | ({ variant: typeof BUTTON_TYPE.Kebab; } & ButtonKebabProps) | ({ variant: typeof BUTTON_TYPE.Droplist; } & ButtonDroplistProps) | ({ variant: typeof BUTTON_TYPE.Quota; } & { 'data-test-id'?: string; } & AriaAttributes & QuotaWidgetPropsBase & { quotasUrl: string; onQuotasUrlClick?: () => void; buttonProps?: Pick<ButtonProps, "size" | "className" | "fullWidth" | "label" | "appearance" | "disabled" | "view">; }))`
803
+
804
+ **ActionsProps**
805
+
806
+ | Prop | Type | Default | Description |
807
+ |------|------|---------|-------------|
808
+ | `items` | `Action` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | — | |
809
+ | `maxVisibleItems` | `number \| undefined` | — | |
791
810
 
792
811
  **ButtonDroplistProps**
793
812
 
@@ -814,7 +833,7 @@ import {
814
833
  | `data-test-id` | `string` | — | |
815
834
  | `footer` | `ButtonPrimaryVariant` \| `ButtonProps` \| `ButtonSecondaryVariant` \| `TooltipProps` | — | |
816
835
  | `priceSummary` | `{ total: ReactNode; content?: ReactNode; }` | — | |
817
- | `sideBlock` | `SnapPoint` | — | |
836
+ | `sideBlock` | `ModalCustomProps` | — | |
818
837
  | `stepper` | `ReactNode` | — | |
819
838
  | `stickyFooter` | `boolean` | — | Закрепляет футер внизу формы при прокрутке контента. |
820
839
  | `subtitle` | `ReactNode` | — | Подзаголовок под заголовком |
@@ -832,11 +851,11 @@ import {
832
851
 
833
852
  | Prop | Type | Default | Description |
834
853
  |------|------|---------|-------------|
835
- | `actions` | `Action` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | `[]` | |
854
+ | `actions` | `ActionsProps` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | `[]` | |
836
855
  | `children` | `string \| number \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| null \| undefined` | — | |
837
856
  | `className` | `string` | — | |
838
857
  | `data-test-id` | `string` | — | |
839
- | `maxVisibleActionsItems` | `number` | — | |
858
+ | `maxVisibleActionsItems` | `ActionsProps` | — | |
840
859
  | `sidebar` | `SidebarSelectProps` | — | |
841
860
  | `slotAfterTitle` | `ReactNode` | — | Слот после заголовка (например, статус) |
842
861
  | `slotBeforeTitle` | `ReactNode` | — | Слот перед заголовком (например, кнопка «назад») |
@@ -845,7 +864,12 @@ import {
845
864
 
846
865
  #### Related types
847
866
 
848
- - `Action` = `{ tooltip?: TooltipProps; hidden?: boolean; } & (({ variant?: typeof BUTTON_TYPE.Filled; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Outline; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Tonal; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Function; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Simple; } & ActionButtonProps) | ({ variant: typeof BUTTON_TYPE.Dropdown; } & { 'data-test-id'?: string; } & AriaAttributes & Omit<ButtonProps, "view" | "icon" | "size" | "iconPosition"> & { size?: "xs" | NonNullable<Size | undefined>; className?: string; open?: boolean; onOpenChange?: (open: boolean) => void; } & { items: Item[]; closeOnPopstate?: boolean | undefined; triggerClassName?: string | undefined; placement?: Placement | undefined; closeDroplistOnItemClick?: boolean | undefined; }) | ({ variant: typeof BUTTON_TYPE.Kebab; } & ButtonKebabProps) | ({ variant: typeof BUTTON_TYPE.Droplist; } & ButtonDroplistProps) | ({ variant: typeof BUTTON_TYPE.Quota; } & { 'data-test-id'?: string; } & AriaAttributes & QuotaWidgetPropsBase & { quotasUrl: string; onQuotasUrlClick?: () => void; buttonProps?: Pick<ButtonProps, "size" | "className" | "fullWidth" | "label" | "appearance" | "disabled" | "view">; }))`
867
+ **ActionsProps**
868
+
869
+ | Prop | Type | Default | Description |
870
+ |------|------|---------|-------------|
871
+ | `items` | `Action` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | — | |
872
+ | `maxVisibleItems` | `number \| undefined` | — | |
849
873
 
850
874
  **ButtonDroplistProps**
851
875
 
@@ -881,7 +905,7 @@ import {
881
905
  | Prop | Type | Default | Description |
882
906
  |------|------|---------|-------------|
883
907
  | `className` | `string \| undefined` | — | |
884
- | `collapse` | `CollapseState` | — | |
908
+ | `collapse` | `CollapseState` \| `DroplistProps` | — | |
885
909
  | `data-test-id` | `string \| undefined` | — | |
886
910
  | `footerItems` | `SidebarItem` \| `SidebarItemBase` | — | |
887
911
  | `hasSearch` | `boolean \| undefined` | — | |
@@ -903,7 +927,7 @@ import {
903
927
  | Prop | Type | Default | Description |
904
928
  |------|------|---------|-------------|
905
929
  | `className` | `string` | — | |
906
- | `collapse` | `CollapseState` | — | |
930
+ | `collapse` | `CollapseState` \| `DroplistProps` | — | |
907
931
  | `data-test-id` | `string` | — | |
908
932
  | `footerItems` | `SidebarItem` \| `SidebarItemBase` | — | |
909
933
  | `hasSearch` | `boolean` | — | |
package/dist/cjs/components/PageSidebar/styles.module.css CHANGED
@@ -17,12 +17,12 @@
17
17
  transition:left 0.15s ease-in-out;
18
18
  }
19
19
  .wrapper .body[data-collapsed]{
20
- left:calc(-1 * (256px + 2 * var(--sn-primitive-dimension-4, 4px)));
20
+ left:-256px;
21
21
  }
22
22
  .wrapper .body[data-collapsed]::before{
23
23
  content:" ";
24
24
  position:absolute;
25
- right:calc(-1 * (var(--sn-primitive-dimension-4, 4px) + 2 * var(--sn-primitive-dimension-4, 4px)));
25
+ right:calc(-1 * var(--sn-primitive-dimension-4, 4px));
26
26
  width:var(--sn-primitive-dimension-4, 4px);
27
27
  height:100%;
28
28
  }
package/dist/cjs/style.css CHANGED
@@ -469,12 +469,12 @@
469
469
  transition:left 0.15s ease-in-out;
470
470
  }
471
471
  .wrapper .body[data-collapsed]{
472
- left:calc(-1 * (256px + 2 * var(--sn-primitive-dimension-4, 4px)));
472
+ left:-256px;
473
473
  }
474
474
  .wrapper .body[data-collapsed]::before{
475
475
  content:" ";
476
476
  position:absolute;
477
- right:calc(-1 * (var(--sn-primitive-dimension-4, 4px) + 2 * var(--sn-primitive-dimension-4, 4px)));
477
+ right:calc(-1 * var(--sn-primitive-dimension-4, 4px));
478
478
  width:var(--sn-primitive-dimension-4, 4px);
479
479
  height:100%;
480
480
  }
package/dist/esm/components/PageSidebar/styles.module.css CHANGED
@@ -17,12 +17,12 @@
17
17
  transition:left 0.15s ease-in-out;
18
18
  }
19
19
  .wrapper .body[data-collapsed]{
20
- left:calc(-1 * (256px + 2 * var(--sn-primitive-dimension-4, 4px)));
20
+ left:-256px;
21
21
  }
22
22
  .wrapper .body[data-collapsed]::before{
23
23
  content:" ";
24
24
  position:absolute;
25
- right:calc(-1 * (var(--sn-primitive-dimension-4, 4px) + 2 * var(--sn-primitive-dimension-4, 4px)));
25
+ right:calc(-1 * var(--sn-primitive-dimension-4, 4px));
26
26
  width:var(--sn-primitive-dimension-4, 4px);
27
27
  height:100%;
28
28
  }
package/dist/esm/style.css CHANGED
@@ -469,12 +469,12 @@
469
469
  transition:left 0.15s ease-in-out;
470
470
  }
471
471
  .wrapper .body[data-collapsed]{
472
- left:calc(-1 * (256px + 2 * var(--sn-primitive-dimension-4, 4px)));
472
+ left:-256px;
473
473
  }
474
474
  .wrapper .body[data-collapsed]::before{
475
475
  content:" ";
476
476
  position:absolute;
477
- right:calc(-1 * (var(--sn-primitive-dimension-4, 4px) + 2 * var(--sn-primitive-dimension-4, 4px)));
477
+ right:calc(-1 * var(--sn-primitive-dimension-4, 4px));
478
478
  width:var(--sn-primitive-dimension-4, 4px);
479
479
  height:100%;
480
480
  }