@snack-uikit/chips 0.8.5-preview-85c5f47b.0 → 0.9.1

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 +54 -1
  2. package/dist/components/ChipAssist/styles.module.css +6 -6
  3. package/dist/components/ChipChoice/components/ChipChoiceCustom/styles.module.css +18 -18
  4. package/dist/components/ChipChoice/styles.module.css +12 -12
  5. package/dist/components/ChipToggle/styles.module.css +6 -6
  6. package/package.json +8 -8
  7. package/src/components/ChipAssist/styles.module.scss +1 -1
  8. package/src/components/ChipChoice/components/ChipChoiceCustom/styles.module.scss +1 -1
  9. package/src/components/ChipChoice/styles.module.scss +2 -2
  10. package/src/components/ChipToggle/styles.module.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -3,9 +3,62 @@
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
+ ## 0.9.1 (2023-12-06)
7
+
8
+ ### Only dependencies have been changed
9
+ * [@snack-uikit/button@0.14.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/button/CHANGELOG.md)
10
+ * [@snack-uikit/calendar@0.5.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/calendar/CHANGELOG.md)
11
+ * [@snack-uikit/droplist@0.11.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/droplist/CHANGELOG.md)
12
+ * [@snack-uikit/loaders@0.4.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/loaders/CHANGELOG.md)
13
+ * [@snack-uikit/utils@3.1.0](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/utils/CHANGELOG.md)
14
+
15
+
16
+
17
+
18
+
19
+ # 0.9.0 (2023-12-06)
20
+
21
+
22
+ ### Bug Fixes
23
+
24
+ * **FF-0000:** remove icon-before case in xs size from mixin ([b56defb](https://github.com/cloud-ru-tech/snack-uikit/commit/b56defbe0fe785af1dddc019ae87c2fdcee964a9))
25
+ * **FF-2641:** move chips to the new droplist ([5b54f02](https://github.com/cloud-ru-tech/snack-uikit/commit/5b54f02c177ce85bfc0f6785419320f1b13a5650))
26
+ * **FF-2777:** using new icons ([7922fca](https://github.com/cloud-ru-tech/snack-uikit/commit/7922fca103293299554fe07d607ca54b3b571e66))
27
+ * **FF-2963:** change strategy to Gte ([0c539d2](https://github.com/cloud-ru-tech/snack-uikit/commit/0c539d2ae0f1e91a2f098f18b08922ecb1479d04))
28
+ * **FF-3026:** replaced loader with sun in chips ([3b2d86d](https://github.com/cloud-ru-tech/snack-uikit/commit/3b2d86d21543b6e1aed172f1b3e55ea0905c9b46))
29
+ * **FF-3327:** fix offset in bad cases (left/top/right placement) ([93d68ba](https://github.com/cloud-ru-tech/snack-uikit/commit/93d68ba403f1b790ca37668fbce3aec88bc3ed1a))
30
+
31
+
32
+ ### Features
33
+
34
+ * **FF-2528:** add chips package ([65f6ab9](https://github.com/cloud-ru-tech/snack-uikit/commit/65f6ab9eb805d88a7a435358bb384c503513e5ef))
35
+ * **FF-2640:** add droplist to filter chip ([60d9608](https://github.com/cloud-ru-tech/snack-uikit/commit/60d96087161a40d496089248398ef13cadd511b9))
36
+ * **FF-3309:** add placement prop into FilterChip ([1dbb356](https://github.com/cloud-ru-tech/snack-uikit/commit/1dbb356505583e9925e8af04aa8014b1334b8cef))
37
+ * **FF-3321:** set popover offset by --offset ccs-var in triggerClassName ([c193b4f](https://github.com/cloud-ru-tech/snack-uikit/commit/c193b4fcf778d2278bd739affb7c2c4966a417db))
38
+ * **FF-3326:** use useKeyboardNavigation from Droplist package instead of local implementation ([9615d55](https://github.com/cloud-ru-tech/snack-uikit/commit/9615d5589ee6743ad7fc24c95e1fb96a9ab42752))
39
+ * **FF-3755:** add chipChoiceRow ([a87afab](https://github.com/cloud-ru-tech/snack-uikit/commit/a87afab118c90625cee26382d6093207857fe3ec))
40
+ * **FF-3755:** add withwidthStrategies prop ([9855be6](https://github.com/cloud-ru-tech/snack-uikit/commit/9855be67d295c24172d7471482e5f0bcf7eac75c))
41
+ * **FF-875:** add utils for dependencies graph ([53cd7be](https://github.com/cloud-ru-tech/snack-uikit/commit/53cd7be638f01e573cb52b2417a39f4df4f6089b))
42
+
43
+
44
+ ### BREAKING CHANGES
45
+
46
+
47
+ * **FF-3823:** move to snack-uikit scope ([ac9e30d](https://github.com/cloud-ru-tech/snack-uikit/commit/ac9e30d574d529b2bf4f5184b70c511c981a6032))
48
+ * **FF-3712:** chips rename, tokens update, split ChipChoice ([5c2f77e](https://github.com/cloud-ru-tech/snack-uikit/commit/5c2f77e895a0911f29ef066c99b060af6a28af4b))
49
+
50
+
51
+
52
+
6
53
  ## 0.8.4 (2023-12-05)
7
54
 
8
- **Note:** Version bump only for package @snack-uikit/chips
55
+ ### Only dependencies have been changed
56
+ * [@snack-uikit/button@0.14.0](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/button/CHANGELOG.md)
57
+ * [@snack-uikit/calendar@0.5.0](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/calendar/CHANGELOG.md)
58
+ * [@snack-uikit/droplist@0.11.0](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/droplist/CHANGELOG.md)
59
+ * [@snack-uikit/icons@0.19.0](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/icons/CHANGELOG.md)
60
+ * [@snack-uikit/loaders@0.4.0](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/loaders/CHANGELOG.md)
61
+ * [@snack-uikit/utils@3.0.0](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/utils/CHANGELOG.md)
9
62
 
10
63
 
11
64
 
package/dist/components/ChipAssist/styles.module.css CHANGED
@@ -79,12 +79,12 @@
79
79
  border-width:var(--border-width-chips-single, 1px);
80
80
  }
81
81
  .assistChip[data-size=m] .label{
82
- font-family:var(--sans-label-m-font-family, SB Sans Interface);
83
- font-weight:var(--sans-label-m-font-weight, Semibold);
84
- line-height:var(--sans-label-m-line-height, 16px);
85
- font-size:var(--sans-label-m-font-size, 12px);
86
- letter-spacing:var(--sans-label-m-letter-spacing, -0.1px);
87
- paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
82
+ font-family:var(--sans-label-l-font-family, SB Sans Interface);
83
+ font-weight:var(--sans-label-l-font-weight, Semibold);
84
+ line-height:var(--sans-label-l-line-height, 20px);
85
+ font-size:var(--sans-label-l-font-size, 14px);
86
+ letter-spacing:var(--sans-label-l-letter-spacing, -0.1px);
87
+ paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
88
88
  }
89
89
  .assistChip[data-size=m] .labelLayout{
90
90
  padding-left:var(--space-chips-label-layout-padding-m, 8px);
package/dist/components/ChipChoice/components/ChipChoiceCustom/styles.module.css CHANGED
@@ -85,12 +85,12 @@
85
85
  border-width:var(--border-width-chips-single, 1px);
86
86
  }
87
87
  .choiceChip[data-size=m] .label{
88
- font-family:var(--light-label-m-font-family, SB Sans Interface);
89
- font-weight:var(--light-label-m-font-weight, Regular);
90
- line-height:var(--light-label-m-line-height, 16px);
91
- font-size:var(--light-label-m-font-size, 12px);
92
- letter-spacing:var(--light-label-m-letter-spacing, -0.1px);
93
- paragraph-spacing:var(--light-label-m-paragraph-spacing, 6.6px);
88
+ font-family:var(--sans-label-l-font-family, SB Sans Interface);
89
+ font-weight:var(--sans-label-l-font-weight, Semibold);
90
+ line-height:var(--sans-label-l-line-height, 20px);
91
+ font-size:var(--sans-label-l-font-size, 14px);
92
+ letter-spacing:var(--sans-label-l-letter-spacing, -0.1px);
93
+ paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
94
94
  }
95
95
  .choiceChip[data-size=m] .labelLayout{
96
96
  padding-left:var(--space-chips-label-layout-padding-m, 8px);
@@ -140,12 +140,12 @@
140
140
  paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
141
141
  }
142
142
  .choiceChip[data-size=m] .value{
143
- font-family:var(--sans-label-m-font-family, SB Sans Interface);
144
- font-weight:var(--sans-label-m-font-weight, Semibold);
145
- line-height:var(--sans-label-m-line-height, 16px);
146
- font-size:var(--sans-label-m-font-size, 12px);
147
- letter-spacing:var(--sans-label-m-letter-spacing, -0.1px);
148
- paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
143
+ font-family:var(--sans-label-l-font-family, SB Sans Interface);
144
+ font-weight:var(--sans-label-l-font-weight, Semibold);
145
+ line-height:var(--sans-label-l-line-height, 20px);
146
+ font-size:var(--sans-label-l-font-size, 14px);
147
+ letter-spacing:var(--sans-label-l-letter-spacing, -0.1px);
148
+ paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
149
149
  }
150
150
  .choiceChip[data-size=l] .value{
151
151
  font-family:var(--sans-label-l-font-family, SB Sans Interface);
@@ -340,12 +340,12 @@
340
340
  paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
341
341
  }
342
342
  .choiceChip[data-size=m] .value{
343
- font-family:var(--sans-label-m-font-family, SB Sans Interface);
344
- font-weight:var(--sans-label-m-font-weight, Semibold);
345
- line-height:var(--sans-label-m-line-height, 16px);
346
- font-size:var(--sans-label-m-font-size, 12px);
347
- letter-spacing:var(--sans-label-m-letter-spacing, -0.1px);
348
- paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
343
+ font-family:var(--sans-label-l-font-family, SB Sans Interface);
344
+ font-weight:var(--sans-label-l-font-weight, Semibold);
345
+ line-height:var(--sans-label-l-line-height, 20px);
346
+ font-size:var(--sans-label-l-font-size, 14px);
347
+ letter-spacing:var(--sans-label-l-letter-spacing, -0.1px);
348
+ paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
349
349
  }
350
350
  .choiceChip[data-size=l] .value{
351
351
  font-family:var(--sans-label-l-font-family, SB Sans Interface);
package/dist/components/ChipChoice/styles.module.css CHANGED
@@ -85,12 +85,12 @@
85
85
  border-width:var(--border-width-chips-single, 1px);
86
86
  }
87
87
  .choiceChip[data-size=m] .label{
88
- font-family:var(--light-label-m-font-family, SB Sans Interface);
89
- font-weight:var(--light-label-m-font-weight, Regular);
90
- line-height:var(--light-label-m-line-height, 16px);
91
- font-size:var(--light-label-m-font-size, 12px);
92
- letter-spacing:var(--light-label-m-letter-spacing, -0.1px);
93
- paragraph-spacing:var(--light-label-m-paragraph-spacing, 6.6px);
88
+ font-family:var(--sans-label-l-font-family, SB Sans Interface);
89
+ font-weight:var(--sans-label-l-font-weight, Semibold);
90
+ line-height:var(--sans-label-l-line-height, 20px);
91
+ font-size:var(--sans-label-l-font-size, 14px);
92
+ letter-spacing:var(--sans-label-l-letter-spacing, -0.1px);
93
+ paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
94
94
  }
95
95
  .choiceChip[data-size=m] .labelLayout{
96
96
  padding-left:var(--space-chips-label-layout-padding-m, 8px);
@@ -140,12 +140,12 @@
140
140
  paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
141
141
  }
142
142
  .choiceChip[data-size=m] .value{
143
- font-family:var(--sans-label-m-font-family, SB Sans Interface);
144
- font-weight:var(--sans-label-m-font-weight, Semibold);
145
- line-height:var(--sans-label-m-line-height, 16px);
146
- font-size:var(--sans-label-m-font-size, 12px);
147
- letter-spacing:var(--sans-label-m-letter-spacing, -0.1px);
148
- paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
143
+ font-family:var(--sans-label-l-font-family, SB Sans Interface);
144
+ font-weight:var(--sans-label-l-font-weight, Semibold);
145
+ line-height:var(--sans-label-l-line-height, 20px);
146
+ font-size:var(--sans-label-l-font-size, 14px);
147
+ letter-spacing:var(--sans-label-l-letter-spacing, -0.1px);
148
+ paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
149
149
  }
150
150
  .choiceChip[data-size=l] .value{
151
151
  font-family:var(--sans-label-l-font-family, SB Sans Interface);
package/dist/components/ChipToggle/styles.module.css CHANGED
@@ -101,12 +101,12 @@
101
101
  border-width:var(--border-width-chips-single, 1px);
102
102
  }
103
103
  .toggleChip[data-size=m] .label{
104
- font-family:var(--sans-label-m-font-family, SB Sans Interface);
105
- font-weight:var(--sans-label-m-font-weight, Semibold);
106
- line-height:var(--sans-label-m-line-height, 16px);
107
- font-size:var(--sans-label-m-font-size, 12px);
108
- letter-spacing:var(--sans-label-m-letter-spacing, -0.1px);
109
- paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
104
+ font-family:var(--sans-label-l-font-family, SB Sans Interface);
105
+ font-weight:var(--sans-label-l-font-weight, Semibold);
106
+ line-height:var(--sans-label-l-line-height, 20px);
107
+ font-size:var(--sans-label-l-font-size, 14px);
108
+ letter-spacing:var(--sans-label-l-letter-spacing, -0.1px);
109
+ paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
110
110
  }
111
111
  .toggleChip[data-size=m] .labelLayout{
112
112
  padding-left:var(--space-chips-label-layout-padding-m, 8px);
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Chips",
7
- "version": "0.8.5-preview-85c5f47b.0",
7
+ "version": "0.9.1",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -32,14 +32,14 @@
32
32
  "license": "Apache-2.0",
33
33
  "scripts": {},
34
34
  "dependencies": {
35
- "@snack-uikit/button": "0.13.7-preview-85c5f47b.0",
36
- "@snack-uikit/calendar": "0.4.2-preview-85c5f47b.0",
37
- "@snack-uikit/droplist": "0.10.13-preview-85c5f47b.0",
38
- "@snack-uikit/icons": "0.18.2-preview-85c5f47b.0",
39
- "@snack-uikit/loaders": "0.3.5-preview-85c5f47b.0",
40
- "@snack-uikit/utils": "2.0.2-preview-85c5f47b.0",
35
+ "@snack-uikit/button": "0.14.1",
36
+ "@snack-uikit/calendar": "0.5.1",
37
+ "@snack-uikit/droplist": "0.11.1",
38
+ "@snack-uikit/icons": "0.19.0",
39
+ "@snack-uikit/loaders": "0.4.1",
40
+ "@snack-uikit/utils": "3.1.0",
41
41
  "classnames": "2.3.2",
42
42
  "uncontrollable": "8.0.2"
43
43
  },
44
- "gitHead": "6a7eef41d780d945f64f791448eaa72b9e0ae72d"
44
+ "gitHead": "76a159dde7baccf49dc7b11e1fd7abc31424b42f"
45
45
  }
package/src/components/ChipAssist/styles.module.scss CHANGED
@@ -7,7 +7,7 @@ $sizes: 'xs', 's', 'm', 'l';
7
7
  $typography: (
8
8
  'xs': $sans-label-s,
9
9
  's': $sans-label-m,
10
- 'm': $sans-label-m,
10
+ 'm': $sans-label-l,
11
11
  'l': $sans-label-l,
12
12
  );
13
13
 
package/src/components/ChipChoice/components/ChipChoiceCustom/styles.module.scss CHANGED
@@ -14,7 +14,7 @@ $labelTypography: (
14
14
  $valueTypography: (
15
15
  'xs': $sans-label-s,
16
16
  's': $sans-label-m,
17
- 'm': $sans-label-m,
17
+ 'm': $sans-label-l,
18
18
  'l': $sans-label-l,
19
19
  );
20
20
 
package/src/components/ChipChoice/styles.module.scss CHANGED
@@ -7,14 +7,14 @@ $sizes: 'xs', 's', 'm', 'l';
7
7
  $labelTypography: (
8
8
  'xs': $light-label-s,
9
9
  's': $light-label-m,
10
- 'm': $light-label-m,
10
+ 'm': $sans-label-l,
11
11
  'l': $light-label-l,
12
12
  );
13
13
 
14
14
  $valueTypography: (
15
15
  'xs': $sans-label-s,
16
16
  's': $sans-label-m,
17
- 'm': $sans-label-m,
17
+ 'm': $sans-label-l,
18
18
  'l': $sans-label-l,
19
19
  );
20
20
 
package/src/components/ChipToggle/styles.module.scss CHANGED
@@ -7,7 +7,7 @@ $sizes: 'xs', 's', 'm', 'l';
7
7
  $typography: (
8
8
  'xs': $sans-label-s,
9
9
  's': $sans-label-m,
10
- 'm': $sans-label-m,
10
+ 'm': $sans-label-l,
11
11
  'l': $sans-label-l,
12
12
  );
13
13