@cloud-ru/ds-list 2.0.1-preview-04507fc5.0 → 2.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloud-ru/ds-list",
-  "version": "2.0.1-preview-04507fc5.0",
+  "version": "2.0.1",
   "description": "Списочный UI — компонент List для плоских/вложенных списков с выбором, группами и поиском и Droplist — тот же список в поповере.",
   "repository": {
     "type": "git",
@@ -48,24 +48,24 @@
     "@tanstack/react-virtual": "^3.14.8",
     "classnames": "^2.5.1",
     "merge-refs": "^2.0.0",
-    "@cloud-ru/ds-adaptive": "1.0.1",
-    "@cloud-ru/ds-bottom-sheet": "1.0.2",
-    "@cloud-ru/ds-button": "1.0.1",
-    "@cloud-ru/ds-divider": "1.0.1",
-    "@cloud-ru/ds-drag-and-drop": "1.1.1",
-    "@cloud-ru/ds-dropdown": "1.0.3-preview-04507fc5.0",
-    "@cloud-ru/ds-icons": "1.0.1",
-    "@cloud-ru/ds-info-block": "1.0.1",
-    "@cloud-ru/ds-materials": "1.0.1",
-    "@cloud-ru/ds-loader": "1.0.1",
-    "@cloud-ru/ds-portal-context": "1.0.1",
-    "@cloud-ru/ds-scroll": "1.0.1",
-    "@cloud-ru/ds-search-private": "1.0.2",
-    "@cloud-ru/ds-toggles": "1.1.1",
-    "@cloud-ru/ds-truncate-string": "1.0.2",
-    "@cloud-ru/ds-utils": "1.1.0"
+    "@cloud-ru/ds-drag-and-drop": "^1.1.1",
+    "@cloud-ru/ds-divider": "^1.0.1",
+    "@cloud-ru/ds-adaptive": "^1.0.1",
+    "@cloud-ru/ds-info-block": "^1.0.1",
+    "@cloud-ru/ds-materials": "^1.0.1",
+    "@cloud-ru/ds-dropdown": "^1.0.3",
+    "@cloud-ru/ds-loader": "^1.0.1",
+    "@cloud-ru/ds-portal-context": "^1.0.1",
+    "@cloud-ru/ds-icons": "^1.0.2",
+    "@cloud-ru/ds-bottom-sheet": "^1.0.3",
+    "@cloud-ru/ds-scroll": "^1.0.2",
+    "@cloud-ru/ds-search-private": "^1.0.3",
+    "@cloud-ru/ds-toggles": "^1.1.2",
+    "@cloud-ru/ds-truncate-string": "^1.0.3",
+    "@cloud-ru/ds-utils": "^1.1.0",
+    "@cloud-ru/ds-button": "^1.0.1"
   },
   "peerDependencies": {
-    "@cloud-ru/ds-locale": "1.0.0"
+    "@cloud-ru/ds-locale": "^1.0.0"
   }
 }

package/src/components/Items/BaseItem/styles.module.scss

@@ -185,13 +185,6 @@ $level: var(--level, 0);
         min-height: base.simple-var(icons.$iconSizeMap, $size);
         padding-top: base.simple-var(list.$list, 'anatomy', 'size', $size, 'listItem', 'centeredWrapper', 'padding-top');
         padding-bottom: base.simple-var(list.$list, 'anatomy', 'size', $size, 'listItem', 'centeredWrapper', 'padding-bottom');
-
-        // Ширина слота здесь `auto`, поэтому размер иконки из `@cloud-ru/ds-icons` перебивается
-        // только через `max-*`.
-        > svg {
-          max-width: base.simple-var(icons.$iconSizeMap, $size);
-          max-height: base.simple-var(icons.$iconSizeMap, $size);
-        }
       }
 
       .groupIndicator {

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

@@ -94,14 +94,6 @@ $sizes: 's', 'm', 'l';
   @each $size in $sizes {
     &[data-size='#{$size}'] {
       @include base.composite-var(list.$list, 'anatomy', 'size', $size, 'listItem');
-
-      // listItem.gap относится к детям корня, а contentWrapper в разметке схлопнут — иначе
-      // gap сложился бы с textContent.padding-horizontal и удвоил отступ.
-      gap: 0;
-
-      .groupIndicator {
-        margin-left: base.simple-var(list.$list, 'anatomy', 'size', $size, 'listItem', 'gap');
-      }
     }
   }
 

package/src/components/Lists/ListPrivate/styles.module.scss

@@ -67,7 +67,7 @@ $loader-height: (
 
   &[data-divider] {
     margin-bottom: popupPrivate.$sn-popupPrivate-anatomy-dropdown-header-gap;
-    padding-bottom: popupPrivate.$sn-popupPrivate-anatomy-dropdown-header-gap;
+    padding-bottom: popupPrivate.$sn-popupPrivate-anatomy-dropdown-header-headlineWrapper-paddingHorizontal;
     border-bottom: base.$sn-primitive-strokeWeight-strokeRegular solid base.$sn-theme-color-available-borderColor;
   }
 }

package/src/helperComponents/Separator/Separator.tsx

@@ -7,6 +7,7 @@ import { useCollapseLevelContext, useNewListContext } from '../../components/Lis
 import { TEST_IDS } from '../../constants';
 import { listLocale } from '../../locale';
 import { stopPropagation } from '../../utils';
+import { SELECT_BUTTON_SIZE_MAP } from './constants';
 import styles from './styles.module.scss';
 
 export type SeparatorProps = {
@@ -52,7 +53,7 @@ export function Separator({
         <Button
           view='function'
           appearance='neutral'
-          size={size}
+          size={SELECT_BUTTON_SIZE_MAP[size]}
           tabIndex={0}
           data-test-id={TEST_IDS.bulkSelectButton}
           onClick={(e: MouseEvent<HTMLElement>) => {

package/src/helperComponents/Separator/constants.ts

@@ -0,0 +1,11 @@
+import { ButtonProps } from '@cloud-ru/ds-button';
+
+import { Size } from '../../types';
+
+// @cloud-ru/ds-button пока без выделенного ButtonFunction и размера `xs` (Phase 5 cross-package blocker):
+// маппим размеры списка на ближайшие доступные `Button` size.
+export const SELECT_BUTTON_SIZE_MAP: Record<Size, ButtonProps['size']> = {
+  s: 's',
+  m: 's',
+  l: 'm',
+};

package/src/helperComponents/Separator/styles.module.scss

@@ -97,7 +97,7 @@ $level: var(--level, 0);
       $itemPaddingLeft: base.simple-var(list.$list, 'anatomy', 'size', $size, 'listItem', 'padding-left');
       $itemGap: base.simple-var(list.$list, 'anatomy', 'size', $size, 'listItem', 'gap');
 
-      // Зазор между иконкой и текстом даёт textContent.padding-horizontal (см. .label ниже).
+      gap: $itemGap;
       padding: base.simple-var(list.$list, 'anatomy', 'size', $size, 'subtitle', 'padding-top')
         base.simple-var(list.$list, 'anatomy', 'size', $size, 'listItem', 'padding-right')
         base.simple-var(list.$list, 'anatomy', 'size', $size, 'listItem', 'padding-bottom')
@@ -112,30 +112,6 @@ $level: var(--level, 0);
         );
       }
 
-      // textWrapper.padding-vertical для слота кнопки; на .label тот же токен приходит ниже.
-      .labelEnd {
-        padding-top: base.simple-var(
-          list.$list,
-          'anatomy',
-          'size',
-          $size,
-          'listItem',
-          'contentWrapper',
-          'textWrapper',
-          'padding-top'
-        );
-        padding-bottom: base.simple-var(
-          list.$list,
-          'anatomy',
-          'size',
-          $size,
-          'listItem',
-          'contentWrapper',
-          'textWrapper',
-          'padding-bottom'
-        );
-      }
-
       .beforeContent {
         width: base.simple-var(icons.$iconSizeMap, $size);
         height: base.simple-var(icons.$iconSizeMap, $size);