@cloud-ru/ds-list 2.2.4 → 2.2.5

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 (7) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/helperComponents/ItemContent/styles.module.css +9 -3
  3. package/dist/cjs/style.css +9 -3
  4. package/dist/esm/helperComponents/ItemContent/styles.module.css +9 -3
  5. package/dist/esm/style.css +9 -3
  6. package/package.json +3 -3
  7. package/src/helperComponents/ItemContent/styles.module.scss +10 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
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.2.5 (2026-09-30)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **FF-9053:** list items texts truncation ([0236f41](https://github.com/cloud-ru-tech/snack-v2/commit/0236f415065264298f45b9ac27fba3669006d447))
11
+
6
12
  ## 2.2.4 (2026-09-29)
7
13
 
8
14
  **Note:** Version bump only for package @ds/list
package/dist/cjs/helperComponents/ItemContent/styles.module.css CHANGED
@@ -1,18 +1,24 @@
1
1
  .headline{
2
2
  display:flex;
3
3
  align-items:center;
4
+ justify-content:space-between;
4
5
  }
5
6
 
6
7
  .label{
7
8
  overflow:hidden;
8
- flex:1;
9
+ flex:1 1 50%;
10
+ min-width:0;
11
+ max-width:-moz-max-content;
12
+ max-width:max-content;
9
13
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
10
14
  }
11
15
 
12
16
  .caption{
13
17
  overflow:hidden;
14
- display:flex;
15
- align-items:center;
18
+ flex:1 1 50%;
19
+ min-width:0;
20
+ max-width:-moz-max-content;
21
+ max-width:max-content;
16
22
  color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
17
23
  text-overflow:ellipsis;
18
24
  white-space:nowrap;
package/dist/cjs/style.css CHANGED
@@ -759,18 +759,24 @@
759
759
  .headline{
760
760
  display:flex;
761
761
  align-items:center;
762
+ justify-content:space-between;
762
763
  }
763
764
 
764
765
  .label{
765
766
  overflow:hidden;
766
- flex:1;
767
+ flex:1 1 50%;
768
+ min-width:0;
769
+ max-width:-moz-max-content;
770
+ max-width:max-content;
767
771
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
768
772
  }
769
773
 
770
774
  .caption{
771
775
  overflow:hidden;
772
- display:flex;
773
- align-items:center;
776
+ flex:1 1 50%;
777
+ min-width:0;
778
+ max-width:-moz-max-content;
779
+ max-width:max-content;
774
780
  color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
775
781
  text-overflow:ellipsis;
776
782
  white-space:nowrap;
package/dist/esm/helperComponents/ItemContent/styles.module.css CHANGED
@@ -1,18 +1,24 @@
1
1
  .headline{
2
2
  display:flex;
3
3
  align-items:center;
4
+ justify-content:space-between;
4
5
  }
5
6
 
6
7
  .label{
7
8
  overflow:hidden;
8
- flex:1;
9
+ flex:1 1 50%;
10
+ min-width:0;
11
+ max-width:-moz-max-content;
12
+ max-width:max-content;
9
13
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
10
14
  }
11
15
 
12
16
  .caption{
13
17
  overflow:hidden;
14
- display:flex;
15
- align-items:center;
18
+ flex:1 1 50%;
19
+ min-width:0;
20
+ max-width:-moz-max-content;
21
+ max-width:max-content;
16
22
  color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
17
23
  text-overflow:ellipsis;
18
24
  white-space:nowrap;
package/dist/esm/style.css CHANGED
@@ -759,18 +759,24 @@
759
759
  .headline{
760
760
  display:flex;
761
761
  align-items:center;
762
+ justify-content:space-between;
762
763
  }
763
764
 
764
765
  .label{
765
766
  overflow:hidden;
766
- flex:1;
767
+ flex:1 1 50%;
768
+ min-width:0;
769
+ max-width:-moz-max-content;
770
+ max-width:max-content;
767
771
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
768
772
  }
769
773
 
770
774
  .caption{
771
775
  overflow:hidden;
772
- display:flex;
773
- align-items:center;
776
+ flex:1 1 50%;
777
+ min-width:0;
778
+ max-width:-moz-max-content;
779
+ max-width:max-content;
774
780
  color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
775
781
  text-overflow:ellipsis;
776
782
  white-space:nowrap;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloud-ru/ds-list",
3
- "version": "2.2.4",
3
+ "version": "2.2.5",
4
4
  "description": "Списочный UI — компонент List для плоских/вложенных списков с выбором, группами и поиском и Droplist — тот же список в поповере.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -49,8 +49,8 @@
49
49
  "classnames": "^2.5.1",
50
50
  "merge-refs": "^2.0.0",
51
51
  "@cloud-ru/ds-adaptive": "^1.0.2",
52
- "@cloud-ru/ds-bottom-sheet": "^1.1.6",
53
52
  "@cloud-ru/ds-divider": "^1.0.2",
53
+ "@cloud-ru/ds-bottom-sheet": "^1.1.6",
54
54
  "@cloud-ru/ds-drag-and-drop": "^1.1.3",
55
55
  "@cloud-ru/ds-button": "^1.0.4",
56
56
  "@cloud-ru/ds-dropdown": "^1.0.13",
@@ -61,8 +61,8 @@
61
61
  "@cloud-ru/ds-portal-context": "^1.0.2",
62
62
  "@cloud-ru/ds-scroll": "^1.0.5",
63
63
  "@cloud-ru/ds-search-private": "^1.0.11",
64
- "@cloud-ru/ds-toggles": "^1.1.7",
65
64
  "@cloud-ru/ds-truncate-string": "^1.0.9",
65
+ "@cloud-ru/ds-toggles": "^1.1.7",
66
66
  "@cloud-ru/ds-utils": "^1.2.0"
67
67
  },
68
68
  "peerDependencies": {
package/src/helperComponents/ItemContent/styles.module.scss CHANGED
@@ -26,18 +26,25 @@ $description-size-map: (
26
26
  .headline {
27
27
  display: flex;
28
28
  align-items: center;
29
+ justify-content: space-between;
29
30
  }
30
31
 
31
32
  .label {
32
33
  overflow: hidden;
33
- flex: 1;
34
+ flex: 1 1 50%;
35
+
36
+ min-width: 0;
37
+ max-width: max-content;
38
+
34
39
  color: base.$sn-theme-color-available-version-textMain;
35
40
  }
36
41
 
37
42
  .caption {
38
43
  overflow: hidden;
39
- display: flex;
40
- align-items: center;
44
+ flex: 1 1 50%;
45
+
46
+ min-width: 0;
47
+ max-width: max-content;
41
48
 
42
49
  color: base.$sn-theme-color-available-version-textTertiary;
43
50
  text-overflow: ellipsis;