@cloud-ru/ds-uikit-product-page-layout 1.6.7 → 1.6.8-preview-3ffb7c01.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 (9) hide show
  1. package/README.md +21 -45
  2. package/dist/cjs/components/PageSidebar/styles.module.css +2 -2
  3. package/dist/cjs/style.css +2 -2
  4. package/dist/esm/components/PageSidebar/styles.module.css +2 -2
  5. package/dist/esm/style.css +2 -2
  6. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  7. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  8. package/package.json +22 -22
  9. package/src/components/PageSidebar/styles.module.scss +7 -3
package/README.md CHANGED
@@ -104,23 +104,16 @@ import {
104
104
 
105
105
  | Prop | Type | Default | Description |
106
106
  |------|------|---------|-------------|
107
- | `actions` | `ActionsProps` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | — | |
107
+ | `actions` | `Action` \| `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` | `ActionsProps` | — | |
111
+ | `maxVisibleActionsItems` | `number` | — | |
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[]; 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` | — | |
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">; }))`
124
117
 
125
118
  **ButtonDroplistProps**
126
119
 
@@ -169,13 +162,13 @@ import {
169
162
 
170
163
  | Prop | Type | Default | Description |
171
164
  |------|------|---------|-------------|
172
- | `actions` | `ActionsProps` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | — | |
165
+ | `actions` | `Action` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | — | |
173
166
  | `autoHeight` | `boolean` | — | |
174
167
  | `children` | `string \| number \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| null \| undefined` | — | |
175
168
  | `className` | `string` | — | |
176
169
  | `data-test-id` | `string` | — | |
177
170
  | `limitContentMaxWidth` | `boolean` | — | |
178
- | `maxVisibleActionsItems` | `ActionsProps` | — | |
171
+ | `maxVisibleActionsItems` | `number` | — | |
179
172
  | `sidebar` | `PageSidebarProps` | — | |
180
173
  | `slotAfterTitle` | `ReactNode` | — | Слот после заголовка (например, статус) |
181
174
  | `slotBeforeTitle` | `ReactNode` | — | Слот перед заголовком (например, кнопка «назад») |
@@ -185,12 +178,7 @@ import {
185
178
 
186
179
  ##### Related types
187
180
 
188
- **ActionsProps**
189
-
190
- | Prop | Type | Default | Description |
191
- |------|------|---------|-------------|
192
- | `items` | `Action` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | — | |
193
- | `maxVisibleItems` | `number \| undefined` | — | |
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">; }))`
194
182
 
195
183
  **ButtonDroplistProps**
196
184
 
@@ -221,7 +209,7 @@ import {
221
209
  | Prop | Type | Default | Description |
222
210
  |------|------|---------|-------------|
223
211
  | `className` | `string \| undefined` | — | |
224
- | `collapse` | `CollapseState` \| `ListProps` | — | |
212
+ | `collapse` | `CollapseState` | — | |
225
213
  | `data-test-id` | `string \| undefined` | — | |
226
214
  | `defaultOpen` | `boolean \| undefined` | — | |
227
215
  | `documentation` | `Documentation` | — | Зарезервировано, в текущей реализации не используется. |
@@ -300,7 +288,7 @@ import {
300
288
  | `data-test-id` | `string` | — | |
301
289
  | `footer` | `ButtonPrimaryVariant` \| `ButtonProps` \| `ButtonSecondaryVariant` \| `TooltipProps` | — | |
302
290
  | `priceSummary` | `{ total: ReactNode; content?: ReactNode; }` | — | |
303
- | `sideBlock` | `ModalCustomProps` | — | |
291
+ | `sideBlock` | `SnapPoint` | — | |
304
292
  | `stepper` | `ReactNode` | — | |
305
293
  | `stickyFooter` | `boolean` | — | Закрепляет футер внизу формы при прокрутке контента. |
306
294
  | `subtitle` | `ReactNode` | — | Подзаголовок под заголовком |
@@ -404,7 +392,7 @@ import {
404
392
  | Prop | Type | Default | Description |
405
393
  |------|------|---------|-------------|
406
394
  | `className` | `string` | — | |
407
- | `collapse` | `CollapseState` \| `ListProps` | — | |
395
+ | `collapse` | `CollapseState` | — | |
408
396
  | `data-test-id` | `string` | — | |
409
397
  | `defaultOpen` | `boolean` | — | |
410
398
  | `documentation` | `Documentation` | — | Зарезервировано, в текущей реализации не используется. |
@@ -667,7 +655,7 @@ import {
667
655
  | `data-test-id` | `string` | — | |
668
656
  | `footer` | `ButtonPrimaryVariant` \| `ButtonProps` \| `ButtonSecondaryVariant` \| `TooltipProps` | — | |
669
657
  | `priceSummary` | `{ total: ReactNode; content?: ReactNode; }` | — | |
670
- | `sideBlock` | `ModalCustomProps` | — | |
658
+ | `sideBlock` | `SnapPoint` | — | |
671
659
  | `stepper` | `ReactNode` | — | |
672
660
  | `stickyFooter` | `boolean` | — | Закрепляет футер внизу формы при прокрутке контента. |
673
661
  | `subtitle` | `ReactNode` | — | Подзаголовок под заголовком |
@@ -715,7 +703,7 @@ import {
715
703
  | Prop | Type | Default | Description |
716
704
  |------|------|---------|-------------|
717
705
  | `className` | `string \| undefined` | — | |
718
- | `collapse` | `CollapseState` \| `ListProps` | — | |
706
+ | `collapse` | `CollapseState` | — | |
719
707
  | `data-test-id` | `string \| undefined` | — | |
720
708
  | `defaultOpen` | `boolean \| undefined` | — | |
721
709
  | `documentation` | `Documentation` | — | Зарезервировано, в текущей реализации не используется. |
@@ -768,7 +756,7 @@ import {
768
756
 
769
757
  #### Related types
770
758
 
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">; }))`
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">; }))`
772
760
 
773
761
  **ButtonDroplistProps**
774
762
 
@@ -790,23 +778,16 @@ import {
790
778
 
791
779
  | Prop | Type | Default | Description |
792
780
  |------|------|---------|-------------|
793
- | `actions` | `ActionsProps` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | `[]` | |
781
+ | `actions` | `Action` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | `[]` | |
794
782
  | `children` | `string \| number \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| null \| undefined` | — | |
795
783
  | `className` | `string` | — | |
796
784
  | `data-test-id` | `string` | — | |
797
- | `maxVisibleActionsItems` | `ActionsProps` | — | |
785
+ | `maxVisibleActionsItems` | `number` | — | |
798
786
  | `title` | `string` | — | Заголовок страницы |
799
787
 
800
788
  #### Related types
801
789
 
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` | — | |
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">; }))`
810
791
 
811
792
  **ButtonDroplistProps**
812
793
 
@@ -833,7 +814,7 @@ import {
833
814
  | `data-test-id` | `string` | — | |
834
815
  | `footer` | `ButtonPrimaryVariant` \| `ButtonProps` \| `ButtonSecondaryVariant` \| `TooltipProps` | — | |
835
816
  | `priceSummary` | `{ total: ReactNode; content?: ReactNode; }` | — | |
836
- | `sideBlock` | `ModalCustomProps` | — | |
817
+ | `sideBlock` | `SnapPoint` | — | |
837
818
  | `stepper` | `ReactNode` | — | |
838
819
  | `stickyFooter` | `boolean` | — | Закрепляет футер внизу формы при прокрутке контента. |
839
820
  | `subtitle` | `ReactNode` | — | Подзаголовок под заголовком |
@@ -851,11 +832,11 @@ import {
851
832
 
852
833
  | Prop | Type | Default | Description |
853
834
  |------|------|---------|-------------|
854
- | `actions` | `ActionsProps` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | `[]` | |
835
+ | `actions` | `Action` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | `[]` | |
855
836
  | `children` | `string \| number \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| null \| undefined` | — | |
856
837
  | `className` | `string` | — | |
857
838
  | `data-test-id` | `string` | — | |
858
- | `maxVisibleActionsItems` | `ActionsProps` | — | |
839
+ | `maxVisibleActionsItems` | `number` | — | |
859
840
  | `sidebar` | `SidebarSelectProps` | — | |
860
841
  | `slotAfterTitle` | `ReactNode` | — | Слот после заголовка (например, статус) |
861
842
  | `slotBeforeTitle` | `ReactNode` | — | Слот перед заголовком (например, кнопка «назад») |
@@ -864,12 +845,7 @@ import {
864
845
 
865
846
  #### Related types
866
847
 
867
- **ActionsProps**
868
-
869
- | Prop | Type | Default | Description |
870
- |------|------|---------|-------------|
871
- | `items` | `Action` \| `ButtonDropdownDroplistConfig` \| `ButtonDroplistProps` \| `ButtonKebabProps` \| `QuotaWidgetPropsBase` | — | |
872
- | `maxVisibleItems` | `number \| undefined` | — | |
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">; }))`
873
849
 
874
850
  **ButtonDroplistProps**
875
851
 
@@ -905,7 +881,7 @@ import {
905
881
  | Prop | Type | Default | Description |
906
882
  |------|------|---------|-------------|
907
883
  | `className` | `string \| undefined` | — | |
908
- | `collapse` | `CollapseState` \| `DroplistProps` | — | |
884
+ | `collapse` | `CollapseState` | — | |
909
885
  | `data-test-id` | `string \| undefined` | — | |
910
886
  | `footerItems` | `SidebarItem` \| `SidebarItemBase` | — | |
911
887
  | `hasSearch` | `boolean \| undefined` | — | |
@@ -927,7 +903,7 @@ import {
927
903
  | Prop | Type | Default | Description |
928
904
  |------|------|---------|-------------|
929
905
  | `className` | `string` | — | |
930
- | `collapse` | `CollapseState` \| `DroplistProps` | — | |
906
+ | `collapse` | `CollapseState` | — | |
931
907
  | `data-test-id` | `string` | — | |
932
908
  | `footerItems` | `SidebarItem` \| `SidebarItemBase` | — | |
933
909
  | `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:-256px;
20
+ left:calc(-1 * (256px + 2 * var(--sn-primitive-dimension-4, 4px)));
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));
25
+ right:calc(-1 * (var(--sn-primitive-dimension-4, 4px) + 2 * 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:-256px;
472
+ left:calc(-1 * (256px + 2 * var(--sn-primitive-dimension-4, 4px)));
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));
477
+ right:calc(-1 * (var(--sn-primitive-dimension-4, 4px) + 2 * 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:-256px;
20
+ left:calc(-1 * (256px + 2 * var(--sn-primitive-dimension-4, 4px)));
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));
25
+ right:calc(-1 * (var(--sn-primitive-dimension-4, 4px) + 2 * 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:-256px;
472
+ left:calc(-1 * (256px + 2 * var(--sn-primitive-dimension-4, 4px)));
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));
477
+ right:calc(-1 * (var(--sn-primitive-dimension-4, 4px) + 2 * var(--sn-primitive-dimension-4, 4px)));
478
478
  width:var(--sn-primitive-dimension-4, 4px);
479
479
  height:100%;
480
480
  }