@cloud-ru/uikit-product-mobile-chips 0.8.46 → 1.0.1-preview-b95fca4e.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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
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.8.47 (2025-12-17)
7
+
8
+ ### Only dependencies have been changed
9
+ * [@cloud-ru/uikit-product-icons@16.1.1](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/icons/CHANGELOG.md)
10
+ * [@cloud-ru/uikit-product-mobile-dropdown@0.9.31](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-dropdown/CHANGELOG.md)
11
+ * [@cloud-ru/uikit-product-mobile-tooltip@0.5.4](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-tooltip/CHANGELOG.md)
12
+ * [@cloud-ru/uikit-product-utils@8.1.0](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/utils/CHANGELOG.md)
13
+
14
+
15
+
16
+
17
+
6
18
  ## 0.8.46 (2025-12-12)
7
19
 
8
20
  ### Only dependencies have been changed
@@ -1041,7 +1053,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1041
1053
 
1042
1054
  ### Features
1043
1055
 
1044
- * **[FF-5836](https://jira.sbercloud.tech/browse/FF-5836):** support cjs syntax ([d44abd0](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/d44abd0ddbbea0cd2bf0e1b99442cdb83b87df48))
1056
+ * **FF-5836:** support cjs syntax ([d44abd0](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/d44abd0ddbbea0cd2bf0e1b99442cdb83b87df48))
1045
1057
 
1046
1058
 
1047
1059
 
@@ -1063,7 +1075,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1063
1075
 
1064
1076
  ### Features
1065
1077
 
1066
- * **[FF-5782](https://jira.sbercloud.tech/browse/FF-5782):** dart v3 use/forward approach ([eb0c4b3](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/eb0c4b30a008aa82ad7555ecc9d8420c21b1c7a4))
1078
+ * **FF-5782:** dart v3 use/forward approach ([eb0c4b3](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/eb0c4b30a008aa82ad7555ecc9d8420c21b1c7a4))
1067
1079
 
1068
1080
 
1069
1081
 
@@ -1113,7 +1125,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1113
1125
 
1114
1126
  ### Bug Fixes
1115
1127
 
1116
- * **[FF-4988](https://jira.sbercloud.tech/browse/FF-4988):** stylelint deprecation warnings ([a21bc05](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/a21bc05bf1e843e58193d01aaf81b066c2e24cd7))
1128
+ * **FF-4988:** stylelint deprecation warnings ([a21bc05](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/a21bc05bf1e843e58193d01aaf81b066c2e24cd7))
1117
1129
 
1118
1130
 
1119
1131
 
@@ -1143,7 +1155,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1143
1155
 
1144
1156
  ### Dependencies
1145
1157
 
1146
- * **[PDS-611](https://jira.sbercloud.tech/browse/PDS-611):** up deps ([c30ac4c](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/c30ac4c2adb7c00e84fbe557d85314add6b6977a))
1158
+ * **PDS-611:** up deps ([c30ac4c](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/c30ac4c2adb7c00e84fbe557d85314add6b6977a))
1147
1159
 
1148
1160
 
1149
1161
 
@@ -1154,7 +1166,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1154
1166
 
1155
1167
  ### Features
1156
1168
 
1157
- * **[FF-5361](https://jira.sbercloud.tech/browse/FF-5361):** add adaptive component versions ([0e1ddce](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/0e1ddceda6085479ea8365f2b034b326da366fbb))
1169
+ * **FF-5361:** add adaptive component versions ([0e1ddce](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/0e1ddceda6085479ea8365f2b034b326da366fbb))
1158
1170
 
1159
1171
 
1160
1172
 
@@ -1210,13 +1222,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1210
1222
 
1211
1223
  ### Bug Fixes
1212
1224
 
1213
- * **[FF-5189](https://jira.sbercloud.tech/browse/FF-5189):** add localization ([d401c7c](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/d401c7c1ed3ae9c66905736179dd699430481cca))
1225
+ * **FF-5189:** add localization ([d401c7c](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/d401c7c1ed3ae9c66905736179dd699430481cca))
1214
1226
 
1215
1227
 
1216
1228
  ### Features
1217
1229
 
1218
- * **[FF-5189](https://jira.sbercloud.tech/browse/FF-5189):** add footer to chip multiple ([ae0b1b3](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/ae0b1b368ea02bbdaa8a98631f394a2b4f9188a7))
1219
- * **[FF-5189](https://jira.sbercloud.tech/browse/FF-5189):** upd mobile list ([51c0092](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/51c0092f3795ab8f65774dcd0a7e42847166d49e))
1230
+ * **FF-5189:** add footer to chip multiple ([ae0b1b3](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/ae0b1b368ea02bbdaa8a98631f394a2b4f9188a7))
1231
+ * **FF-5189:** upd mobile list ([51c0092](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/51c0092f3795ab8f65774dcd0a7e42847166d49e))
1220
1232
 
1221
1233
 
1222
1234
 
@@ -1237,7 +1249,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1237
1249
 
1238
1250
  ### Features
1239
1251
 
1240
- * **[FF-5188](https://jira.sbercloud.tech/browse/FF-5188):** hide search on fieldSelect/chips with low 5 items ([97f1533](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/97f1533dc11b9254e9928dd7a1c826f1f8bddb39))
1252
+ * **FF-5188:** hide search on fieldSelect/chips with low 5 items ([97f1533](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/97f1533dc11b9254e9928dd7a1c826f1f8bddb39))
1241
1253
 
1242
1254
 
1243
1255
 
@@ -1258,7 +1270,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1258
1270
 
1259
1271
  ### Dependencies
1260
1272
 
1261
- * **[FF-5186](https://jira.sbercloud.tech/browse/FF-5186):** up snack deps ([de10652](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/de10652ca4f8ac2a5f11dc2c0f9bb01e17f30c3c))
1273
+ * **FF-5186:** up snack deps ([de10652](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/de10652ca4f8ac2a5f11dc2c0f9bb01e17f30c3c))
1262
1274
 
1263
1275
 
1264
1276
 
@@ -1278,12 +1290,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1278
1290
 
1279
1291
  ### Dependencies
1280
1292
 
1281
- * **[PDS-559](https://jira.sbercloud.tech/browse/PDS-559):** up snack deps ([e0a0fbd](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/e0a0fbd952420dd0031e3e4f8adef8c50375f31d))
1293
+ * **PDS-559:** up snack deps ([e0a0fbd](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/e0a0fbd952420dd0031e3e4f8adef8c50375f31d))
1282
1294
 
1283
1295
 
1284
1296
  ### Features
1285
1297
 
1286
- * **[PDS-559](https://jira.sbercloud.tech/browse/PDS-559):** add mobile-chips package ([3cfcca9](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/3cfcca9c9696a88e31547d5fbb5ec73600b969dc))
1298
+ * **PDS-559:** add mobile-chips package ([3cfcca9](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/3cfcca9c9696a88e31547d5fbb5ec73600b969dc))
1287
1299
 
1288
1300
 
1289
1301
 
@@ -39,13 +39,6 @@
39
39
  align-items:center;
40
40
  min-width:0;
41
41
  }
42
- .choiceChip[data-size=xs]{
43
- height:var(--size-chips-xs, 24px);
44
- padding-left:var(--space-chips-container-padding-xs, 3px);
45
- padding-right:var(--space-chips-container-padding-xs, 3px);
46
- border-radius:var(--radius-chips-xs, 12px);
47
- border-width:var(--border-width-chips-single, 1px);
48
- }
49
42
  .choiceChip[data-size=xs] .label{
50
43
  font-family:var(--light-label-s-font-family, SB Sans Interface);
51
44
  font-weight:var(--light-label-s-font-weight, Regular);
@@ -59,11 +52,11 @@
59
52
  padding-right:var(--space-chips-label-layout-padding-xs, 4px);
60
53
  gap:var(--space-chips-label-layout-gap, 2px);
61
54
  }
62
- .choiceChip[data-size=s]{
63
- height:var(--size-chips-s, 32px);
64
- padding-left:var(--space-chips-container-padding-s, 3px);
65
- padding-right:var(--space-chips-container-padding-s, 3px);
66
- border-radius:var(--radius-chips-s, 16px);
55
+ .choiceChip[data-size=xs]{
56
+ height:var(--size-chips-xs, 24px);
57
+ padding-left:var(--space-chips-container-padding-xs, 3px);
58
+ padding-right:var(--space-chips-container-padding-xs, 3px);
59
+ border-radius:var(--radius-chips-xs, 12px);
67
60
  border-width:var(--border-width-chips-single, 1px);
68
61
  }
69
62
  .choiceChip[data-size=s] .label{
@@ -79,11 +72,11 @@
79
72
  padding-right:var(--space-chips-label-layout-padding-s, 4px);
80
73
  gap:var(--space-chips-label-layout-gap, 2px);
81
74
  }
82
- .choiceChip[data-size=m]{
83
- height:var(--size-chips-m, 40px);
84
- padding-left:var(--space-chips-container-padding-m, 7px);
85
- padding-right:var(--space-chips-container-padding-m, 7px);
86
- border-radius:var(--radius-chips-m, 20px);
75
+ .choiceChip[data-size=s]{
76
+ height:var(--size-chips-s, 32px);
77
+ padding-left:var(--space-chips-container-padding-s, 3px);
78
+ padding-right:var(--space-chips-container-padding-s, 3px);
79
+ border-radius:var(--radius-chips-s, 16px);
87
80
  border-width:var(--border-width-chips-single, 1px);
88
81
  }
89
82
  .choiceChip[data-size=m] .label{
@@ -99,11 +92,11 @@
99
92
  padding-right:var(--space-chips-label-layout-padding-m, 8px);
100
93
  gap:var(--space-chips-label-layout-gap, 2px);
101
94
  }
102
- .choiceChip[data-size=l]{
103
- height:var(--size-chips-l, 48px);
104
- padding-left:var(--space-chips-container-padding-l, 11px);
105
- padding-right:var(--space-chips-container-padding-l, 11px);
106
- border-radius:var(--radius-chips-l, 24px);
95
+ .choiceChip[data-size=m]{
96
+ height:var(--size-chips-m, 40px);
97
+ padding-left:var(--space-chips-container-padding-m, 7px);
98
+ padding-right:var(--space-chips-container-padding-m, 7px);
99
+ border-radius:var(--radius-chips-m, 20px);
107
100
  border-width:var(--border-width-chips-single, 1px);
108
101
  }
109
102
  .choiceChip[data-size=l] .label{
@@ -119,6 +112,13 @@
119
112
  padding-right:var(--space-chips-label-layout-padding-l, 12px);
120
113
  gap:var(--space-chips-label-layout-gap, 2px);
121
114
  }
115
+ .choiceChip[data-size=l]{
116
+ height:var(--size-chips-l, 48px);
117
+ padding-left:var(--space-chips-container-padding-l, 11px);
118
+ padding-right:var(--space-chips-container-padding-l, 11px);
119
+ border-radius:var(--radius-chips-l, 24px);
120
+ border-width:var(--border-width-chips-single, 1px);
121
+ }
122
122
  .choiceChip .label,
123
123
  .choiceChip .value{
124
124
  color:var(--sys-neutral-text-support, #6d707f);
@@ -240,9 +240,6 @@
240
240
  border-style:solid;
241
241
  outline:0;
242
242
  outline-offset:0;
243
- background-color:var(--sys-neutral-background1-level, #fdfdfd);
244
- border-color:var(--sys-neutral-decor-default, #dde0ea);
245
- min-width:0;
246
243
  }
247
244
  .choiceChip .spinner{
248
245
  display:inline-flex;
@@ -259,13 +256,6 @@
259
256
  align-items:center;
260
257
  min-width:0;
261
258
  }
262
- .choiceChip[data-size=xs]{
263
- height:var(--size-chips-xs, 24px);
264
- padding-left:var(--space-chips-container-padding-xs, 3px);
265
- padding-right:var(--space-chips-container-padding-xs, 3px);
266
- border-radius:var(--radius-chips-xs, 12px);
267
- border-width:var(--border-width-chips-single, 1px);
268
- }
269
259
  .choiceChip[data-size=xs] .label{
270
260
  font-family:var(--light-label-s-font-family, SB Sans Interface);
271
261
  font-weight:var(--light-label-s-font-weight, Regular);
@@ -279,11 +269,11 @@
279
269
  padding-right:var(--space-chips-label-layout-padding-xs, 4px);
280
270
  gap:var(--space-chips-label-layout-gap, 2px);
281
271
  }
282
- .choiceChip[data-size=s]{
283
- height:var(--size-chips-s, 32px);
284
- padding-left:var(--space-chips-container-padding-s, 3px);
285
- padding-right:var(--space-chips-container-padding-s, 3px);
286
- border-radius:var(--radius-chips-s, 16px);
272
+ .choiceChip[data-size=xs]{
273
+ height:var(--size-chips-xs, 24px);
274
+ padding-left:var(--space-chips-container-padding-xs, 3px);
275
+ padding-right:var(--space-chips-container-padding-xs, 3px);
276
+ border-radius:var(--radius-chips-xs, 12px);
287
277
  border-width:var(--border-width-chips-single, 1px);
288
278
  }
289
279
  .choiceChip[data-size=s] .label{
@@ -299,11 +289,11 @@
299
289
  padding-right:var(--space-chips-label-layout-padding-s, 4px);
300
290
  gap:var(--space-chips-label-layout-gap, 2px);
301
291
  }
302
- .choiceChip[data-size=m]{
303
- height:var(--size-chips-m, 40px);
304
- padding-left:var(--space-chips-container-padding-m, 7px);
305
- padding-right:var(--space-chips-container-padding-m, 7px);
306
- border-radius:var(--radius-chips-m, 20px);
292
+ .choiceChip[data-size=s]{
293
+ height:var(--size-chips-s, 32px);
294
+ padding-left:var(--space-chips-container-padding-s, 3px);
295
+ padding-right:var(--space-chips-container-padding-s, 3px);
296
+ border-radius:var(--radius-chips-s, 16px);
307
297
  border-width:var(--border-width-chips-single, 1px);
308
298
  }
309
299
  .choiceChip[data-size=m] .label{
@@ -319,11 +309,11 @@
319
309
  padding-right:var(--space-chips-label-layout-padding-m, 8px);
320
310
  gap:var(--space-chips-label-layout-gap, 2px);
321
311
  }
322
- .choiceChip[data-size=l]{
323
- height:var(--size-chips-l, 48px);
324
- padding-left:var(--space-chips-container-padding-l, 11px);
325
- padding-right:var(--space-chips-container-padding-l, 11px);
326
- border-radius:var(--radius-chips-l, 24px);
312
+ .choiceChip[data-size=m]{
313
+ height:var(--size-chips-m, 40px);
314
+ padding-left:var(--space-chips-container-padding-m, 7px);
315
+ padding-right:var(--space-chips-container-padding-m, 7px);
316
+ border-radius:var(--radius-chips-m, 20px);
327
317
  border-width:var(--border-width-chips-single, 1px);
328
318
  }
329
319
  .choiceChip[data-size=l] .label{
@@ -339,6 +329,18 @@
339
329
  padding-right:var(--space-chips-label-layout-padding-l, 12px);
340
330
  gap:var(--space-chips-label-layout-gap, 2px);
341
331
  }
332
+ .choiceChip[data-size=l]{
333
+ height:var(--size-chips-l, 48px);
334
+ padding-left:var(--space-chips-container-padding-l, 11px);
335
+ padding-right:var(--space-chips-container-padding-l, 11px);
336
+ border-radius:var(--radius-chips-l, 24px);
337
+ border-width:var(--border-width-chips-single, 1px);
338
+ }
339
+ .choiceChip{
340
+ background-color:var(--sys-neutral-background1-level, #fdfdfd);
341
+ border-color:var(--sys-neutral-decor-default, #dde0ea);
342
+ min-width:0;
343
+ }
342
344
  .choiceChip .label,
343
345
  .choiceChip .value{
344
346
  color:var(--sys-neutral-text-support, #6d707f);
@@ -39,13 +39,6 @@
39
39
  align-items:center;
40
40
  min-width:0;
41
41
  }
42
- .choiceChip[data-size=xs]{
43
- height:var(--size-chips-xs, 24px);
44
- padding-left:var(--space-chips-container-padding-xs, 3px);
45
- padding-right:var(--space-chips-container-padding-xs, 3px);
46
- border-radius:var(--radius-chips-xs, 12px);
47
- border-width:var(--border-width-chips-single, 1px);
48
- }
49
42
  .choiceChip[data-size=xs] .label{
50
43
  font-family:var(--light-label-s-font-family, SB Sans Interface);
51
44
  font-weight:var(--light-label-s-font-weight, Regular);
@@ -59,11 +52,11 @@
59
52
  padding-right:var(--space-chips-label-layout-padding-xs, 4px);
60
53
  gap:var(--space-chips-label-layout-gap, 2px);
61
54
  }
62
- .choiceChip[data-size=s]{
63
- height:var(--size-chips-s, 32px);
64
- padding-left:var(--space-chips-container-padding-s, 3px);
65
- padding-right:var(--space-chips-container-padding-s, 3px);
66
- border-radius:var(--radius-chips-s, 16px);
55
+ .choiceChip[data-size=xs]{
56
+ height:var(--size-chips-xs, 24px);
57
+ padding-left:var(--space-chips-container-padding-xs, 3px);
58
+ padding-right:var(--space-chips-container-padding-xs, 3px);
59
+ border-radius:var(--radius-chips-xs, 12px);
67
60
  border-width:var(--border-width-chips-single, 1px);
68
61
  }
69
62
  .choiceChip[data-size=s] .label{
@@ -79,11 +72,11 @@
79
72
  padding-right:var(--space-chips-label-layout-padding-s, 4px);
80
73
  gap:var(--space-chips-label-layout-gap, 2px);
81
74
  }
82
- .choiceChip[data-size=m]{
83
- height:var(--size-chips-m, 40px);
84
- padding-left:var(--space-chips-container-padding-m, 7px);
85
- padding-right:var(--space-chips-container-padding-m, 7px);
86
- border-radius:var(--radius-chips-m, 20px);
75
+ .choiceChip[data-size=s]{
76
+ height:var(--size-chips-s, 32px);
77
+ padding-left:var(--space-chips-container-padding-s, 3px);
78
+ padding-right:var(--space-chips-container-padding-s, 3px);
79
+ border-radius:var(--radius-chips-s, 16px);
87
80
  border-width:var(--border-width-chips-single, 1px);
88
81
  }
89
82
  .choiceChip[data-size=m] .label{
@@ -99,11 +92,11 @@
99
92
  padding-right:var(--space-chips-label-layout-padding-m, 8px);
100
93
  gap:var(--space-chips-label-layout-gap, 2px);
101
94
  }
102
- .choiceChip[data-size=l]{
103
- height:var(--size-chips-l, 48px);
104
- padding-left:var(--space-chips-container-padding-l, 11px);
105
- padding-right:var(--space-chips-container-padding-l, 11px);
106
- border-radius:var(--radius-chips-l, 24px);
95
+ .choiceChip[data-size=m]{
96
+ height:var(--size-chips-m, 40px);
97
+ padding-left:var(--space-chips-container-padding-m, 7px);
98
+ padding-right:var(--space-chips-container-padding-m, 7px);
99
+ border-radius:var(--radius-chips-m, 20px);
107
100
  border-width:var(--border-width-chips-single, 1px);
108
101
  }
109
102
  .choiceChip[data-size=l] .label{
@@ -119,6 +112,13 @@
119
112
  padding-right:var(--space-chips-label-layout-padding-l, 12px);
120
113
  gap:var(--space-chips-label-layout-gap, 2px);
121
114
  }
115
+ .choiceChip[data-size=l]{
116
+ height:var(--size-chips-l, 48px);
117
+ padding-left:var(--space-chips-container-padding-l, 11px);
118
+ padding-right:var(--space-chips-container-padding-l, 11px);
119
+ border-radius:var(--radius-chips-l, 24px);
120
+ border-width:var(--border-width-chips-single, 1px);
121
+ }
122
122
  .choiceChip .label,
123
123
  .choiceChip .value{
124
124
  color:var(--sys-neutral-text-support, #6d707f);
@@ -39,13 +39,6 @@
39
39
  align-items:center;
40
40
  min-width:0;
41
41
  }
42
- .choiceChip[data-size=xs]{
43
- height:var(--size-chips-xs, 24px);
44
- padding-left:var(--space-chips-container-padding-xs, 3px);
45
- padding-right:var(--space-chips-container-padding-xs, 3px);
46
- border-radius:var(--radius-chips-xs, 12px);
47
- border-width:var(--border-width-chips-single, 1px);
48
- }
49
42
  .choiceChip[data-size=xs] .label{
50
43
  font-family:var(--light-label-s-font-family, SB Sans Interface);
51
44
  font-weight:var(--light-label-s-font-weight, Regular);
@@ -59,11 +52,11 @@
59
52
  padding-right:var(--space-chips-label-layout-padding-xs, 4px);
60
53
  gap:var(--space-chips-label-layout-gap, 2px);
61
54
  }
62
- .choiceChip[data-size=s]{
63
- height:var(--size-chips-s, 32px);
64
- padding-left:var(--space-chips-container-padding-s, 3px);
65
- padding-right:var(--space-chips-container-padding-s, 3px);
66
- border-radius:var(--radius-chips-s, 16px);
55
+ .choiceChip[data-size=xs]{
56
+ height:var(--size-chips-xs, 24px);
57
+ padding-left:var(--space-chips-container-padding-xs, 3px);
58
+ padding-right:var(--space-chips-container-padding-xs, 3px);
59
+ border-radius:var(--radius-chips-xs, 12px);
67
60
  border-width:var(--border-width-chips-single, 1px);
68
61
  }
69
62
  .choiceChip[data-size=s] .label{
@@ -79,11 +72,11 @@
79
72
  padding-right:var(--space-chips-label-layout-padding-s, 4px);
80
73
  gap:var(--space-chips-label-layout-gap, 2px);
81
74
  }
82
- .choiceChip[data-size=m]{
83
- height:var(--size-chips-m, 40px);
84
- padding-left:var(--space-chips-container-padding-m, 7px);
85
- padding-right:var(--space-chips-container-padding-m, 7px);
86
- border-radius:var(--radius-chips-m, 20px);
75
+ .choiceChip[data-size=s]{
76
+ height:var(--size-chips-s, 32px);
77
+ padding-left:var(--space-chips-container-padding-s, 3px);
78
+ padding-right:var(--space-chips-container-padding-s, 3px);
79
+ border-radius:var(--radius-chips-s, 16px);
87
80
  border-width:var(--border-width-chips-single, 1px);
88
81
  }
89
82
  .choiceChip[data-size=m] .label{
@@ -99,11 +92,11 @@
99
92
  padding-right:var(--space-chips-label-layout-padding-m, 8px);
100
93
  gap:var(--space-chips-label-layout-gap, 2px);
101
94
  }
102
- .choiceChip[data-size=l]{
103
- height:var(--size-chips-l, 48px);
104
- padding-left:var(--space-chips-container-padding-l, 11px);
105
- padding-right:var(--space-chips-container-padding-l, 11px);
106
- border-radius:var(--radius-chips-l, 24px);
95
+ .choiceChip[data-size=m]{
96
+ height:var(--size-chips-m, 40px);
97
+ padding-left:var(--space-chips-container-padding-m, 7px);
98
+ padding-right:var(--space-chips-container-padding-m, 7px);
99
+ border-radius:var(--radius-chips-m, 20px);
107
100
  border-width:var(--border-width-chips-single, 1px);
108
101
  }
109
102
  .choiceChip[data-size=l] .label{
@@ -119,6 +112,13 @@
119
112
  padding-right:var(--space-chips-label-layout-padding-l, 12px);
120
113
  gap:var(--space-chips-label-layout-gap, 2px);
121
114
  }
115
+ .choiceChip[data-size=l]{
116
+ height:var(--size-chips-l, 48px);
117
+ padding-left:var(--space-chips-container-padding-l, 11px);
118
+ padding-right:var(--space-chips-container-padding-l, 11px);
119
+ border-radius:var(--radius-chips-l, 24px);
120
+ border-width:var(--border-width-chips-single, 1px);
121
+ }
122
122
  .choiceChip .label,
123
123
  .choiceChip .value{
124
124
  color:var(--sys-neutral-text-support, #6d707f);
@@ -240,9 +240,6 @@
240
240
  border-style:solid;
241
241
  outline:0;
242
242
  outline-offset:0;
243
- background-color:var(--sys-neutral-background1-level, #fdfdfd);
244
- border-color:var(--sys-neutral-decor-default, #dde0ea);
245
- min-width:0;
246
243
  }
247
244
  .choiceChip .spinner{
248
245
  display:inline-flex;
@@ -259,13 +256,6 @@
259
256
  align-items:center;
260
257
  min-width:0;
261
258
  }
262
- .choiceChip[data-size=xs]{
263
- height:var(--size-chips-xs, 24px);
264
- padding-left:var(--space-chips-container-padding-xs, 3px);
265
- padding-right:var(--space-chips-container-padding-xs, 3px);
266
- border-radius:var(--radius-chips-xs, 12px);
267
- border-width:var(--border-width-chips-single, 1px);
268
- }
269
259
  .choiceChip[data-size=xs] .label{
270
260
  font-family:var(--light-label-s-font-family, SB Sans Interface);
271
261
  font-weight:var(--light-label-s-font-weight, Regular);
@@ -279,11 +269,11 @@
279
269
  padding-right:var(--space-chips-label-layout-padding-xs, 4px);
280
270
  gap:var(--space-chips-label-layout-gap, 2px);
281
271
  }
282
- .choiceChip[data-size=s]{
283
- height:var(--size-chips-s, 32px);
284
- padding-left:var(--space-chips-container-padding-s, 3px);
285
- padding-right:var(--space-chips-container-padding-s, 3px);
286
- border-radius:var(--radius-chips-s, 16px);
272
+ .choiceChip[data-size=xs]{
273
+ height:var(--size-chips-xs, 24px);
274
+ padding-left:var(--space-chips-container-padding-xs, 3px);
275
+ padding-right:var(--space-chips-container-padding-xs, 3px);
276
+ border-radius:var(--radius-chips-xs, 12px);
287
277
  border-width:var(--border-width-chips-single, 1px);
288
278
  }
289
279
  .choiceChip[data-size=s] .label{
@@ -299,11 +289,11 @@
299
289
  padding-right:var(--space-chips-label-layout-padding-s, 4px);
300
290
  gap:var(--space-chips-label-layout-gap, 2px);
301
291
  }
302
- .choiceChip[data-size=m]{
303
- height:var(--size-chips-m, 40px);
304
- padding-left:var(--space-chips-container-padding-m, 7px);
305
- padding-right:var(--space-chips-container-padding-m, 7px);
306
- border-radius:var(--radius-chips-m, 20px);
292
+ .choiceChip[data-size=s]{
293
+ height:var(--size-chips-s, 32px);
294
+ padding-left:var(--space-chips-container-padding-s, 3px);
295
+ padding-right:var(--space-chips-container-padding-s, 3px);
296
+ border-radius:var(--radius-chips-s, 16px);
307
297
  border-width:var(--border-width-chips-single, 1px);
308
298
  }
309
299
  .choiceChip[data-size=m] .label{
@@ -319,11 +309,11 @@
319
309
  padding-right:var(--space-chips-label-layout-padding-m, 8px);
320
310
  gap:var(--space-chips-label-layout-gap, 2px);
321
311
  }
322
- .choiceChip[data-size=l]{
323
- height:var(--size-chips-l, 48px);
324
- padding-left:var(--space-chips-container-padding-l, 11px);
325
- padding-right:var(--space-chips-container-padding-l, 11px);
326
- border-radius:var(--radius-chips-l, 24px);
312
+ .choiceChip[data-size=m]{
313
+ height:var(--size-chips-m, 40px);
314
+ padding-left:var(--space-chips-container-padding-m, 7px);
315
+ padding-right:var(--space-chips-container-padding-m, 7px);
316
+ border-radius:var(--radius-chips-m, 20px);
327
317
  border-width:var(--border-width-chips-single, 1px);
328
318
  }
329
319
  .choiceChip[data-size=l] .label{
@@ -339,6 +329,18 @@
339
329
  padding-right:var(--space-chips-label-layout-padding-l, 12px);
340
330
  gap:var(--space-chips-label-layout-gap, 2px);
341
331
  }
332
+ .choiceChip[data-size=l]{
333
+ height:var(--size-chips-l, 48px);
334
+ padding-left:var(--space-chips-container-padding-l, 11px);
335
+ padding-right:var(--space-chips-container-padding-l, 11px);
336
+ border-radius:var(--radius-chips-l, 24px);
337
+ border-width:var(--border-width-chips-single, 1px);
338
+ }
339
+ .choiceChip{
340
+ background-color:var(--sys-neutral-background1-level, #fdfdfd);
341
+ border-color:var(--sys-neutral-decor-default, #dde0ea);
342
+ min-width:0;
343
+ }
342
344
  .choiceChip .label,
343
345
  .choiceChip .value{
344
346
  color:var(--sys-neutral-text-support, #6d707f);
@@ -39,13 +39,6 @@
39
39
  align-items:center;
40
40
  min-width:0;
41
41
  }
42
- .choiceChip[data-size=xs]{
43
- height:var(--size-chips-xs, 24px);
44
- padding-left:var(--space-chips-container-padding-xs, 3px);
45
- padding-right:var(--space-chips-container-padding-xs, 3px);
46
- border-radius:var(--radius-chips-xs, 12px);
47
- border-width:var(--border-width-chips-single, 1px);
48
- }
49
42
  .choiceChip[data-size=xs] .label{
50
43
  font-family:var(--light-label-s-font-family, SB Sans Interface);
51
44
  font-weight:var(--light-label-s-font-weight, Regular);
@@ -59,11 +52,11 @@
59
52
  padding-right:var(--space-chips-label-layout-padding-xs, 4px);
60
53
  gap:var(--space-chips-label-layout-gap, 2px);
61
54
  }
62
- .choiceChip[data-size=s]{
63
- height:var(--size-chips-s, 32px);
64
- padding-left:var(--space-chips-container-padding-s, 3px);
65
- padding-right:var(--space-chips-container-padding-s, 3px);
66
- border-radius:var(--radius-chips-s, 16px);
55
+ .choiceChip[data-size=xs]{
56
+ height:var(--size-chips-xs, 24px);
57
+ padding-left:var(--space-chips-container-padding-xs, 3px);
58
+ padding-right:var(--space-chips-container-padding-xs, 3px);
59
+ border-radius:var(--radius-chips-xs, 12px);
67
60
  border-width:var(--border-width-chips-single, 1px);
68
61
  }
69
62
  .choiceChip[data-size=s] .label{
@@ -79,11 +72,11 @@
79
72
  padding-right:var(--space-chips-label-layout-padding-s, 4px);
80
73
  gap:var(--space-chips-label-layout-gap, 2px);
81
74
  }
82
- .choiceChip[data-size=m]{
83
- height:var(--size-chips-m, 40px);
84
- padding-left:var(--space-chips-container-padding-m, 7px);
85
- padding-right:var(--space-chips-container-padding-m, 7px);
86
- border-radius:var(--radius-chips-m, 20px);
75
+ .choiceChip[data-size=s]{
76
+ height:var(--size-chips-s, 32px);
77
+ padding-left:var(--space-chips-container-padding-s, 3px);
78
+ padding-right:var(--space-chips-container-padding-s, 3px);
79
+ border-radius:var(--radius-chips-s, 16px);
87
80
  border-width:var(--border-width-chips-single, 1px);
88
81
  }
89
82
  .choiceChip[data-size=m] .label{
@@ -99,11 +92,11 @@
99
92
  padding-right:var(--space-chips-label-layout-padding-m, 8px);
100
93
  gap:var(--space-chips-label-layout-gap, 2px);
101
94
  }
102
- .choiceChip[data-size=l]{
103
- height:var(--size-chips-l, 48px);
104
- padding-left:var(--space-chips-container-padding-l, 11px);
105
- padding-right:var(--space-chips-container-padding-l, 11px);
106
- border-radius:var(--radius-chips-l, 24px);
95
+ .choiceChip[data-size=m]{
96
+ height:var(--size-chips-m, 40px);
97
+ padding-left:var(--space-chips-container-padding-m, 7px);
98
+ padding-right:var(--space-chips-container-padding-m, 7px);
99
+ border-radius:var(--radius-chips-m, 20px);
107
100
  border-width:var(--border-width-chips-single, 1px);
108
101
  }
109
102
  .choiceChip[data-size=l] .label{
@@ -119,6 +112,13 @@
119
112
  padding-right:var(--space-chips-label-layout-padding-l, 12px);
120
113
  gap:var(--space-chips-label-layout-gap, 2px);
121
114
  }
115
+ .choiceChip[data-size=l]{
116
+ height:var(--size-chips-l, 48px);
117
+ padding-left:var(--space-chips-container-padding-l, 11px);
118
+ padding-right:var(--space-chips-container-padding-l, 11px);
119
+ border-radius:var(--radius-chips-l, 24px);
120
+ border-width:var(--border-width-chips-single, 1px);
121
+ }
122
122
  .choiceChip .label,
123
123
  .choiceChip .value{
124
124
  color:var(--sys-neutral-text-support, #6d707f);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloud-ru/uikit-product-mobile-chips",
3
3
  "title": "Mobile Chips",
4
- "version": "0.8.46",
4
+ "version": "1.0.1-preview-b95fca4e.0",
5
5
  "sideEffects": [
6
6
  "*.css",
7
7
  "*.woff",
@@ -36,10 +36,10 @@
36
36
  },
37
37
  "scripts": {},
38
38
  "dependencies": {
39
- "@cloud-ru/uikit-product-icons": "16.1.0",
40
- "@cloud-ru/uikit-product-mobile-dropdown": "0.9.30",
41
- "@cloud-ru/uikit-product-mobile-tooltip": "0.5.3",
42
- "@cloud-ru/uikit-product-utils": "8.0.2",
39
+ "@cloud-ru/uikit-product-icons": "16.1.2-preview-b95fca4e.0",
40
+ "@cloud-ru/uikit-product-mobile-dropdown": "1.0.1-preview-b95fca4e.0",
41
+ "@cloud-ru/uikit-product-mobile-tooltip": "1.0.1-preview-b95fca4e.0",
42
+ "@cloud-ru/uikit-product-utils": "8.1.1-preview-b95fca4e.0",
43
43
  "@snack-uikit/button": "0.19.15",
44
44
  "@snack-uikit/calendar": "0.13.0",
45
45
  "@snack-uikit/chips": "0.28.0",
@@ -59,5 +59,5 @@
59
59
  "devDependencies": {
60
60
  "@types/fuzzy-search": "2.1.5"
61
61
  },
62
- "gitHead": "7303f734eef30f1ac7ac3a279bcf324dcd549059"
62
+ "gitHead": "5e59d6341e92ce7320739df54ab7e6f6d0a7aa26"
63
63
  }
@@ -1,5 +1,5 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-chips-chipChoice';
2
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element';
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-chips-chipChoice';
2
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element';
3
3
  @use '../../styles.module' as styles2;
4
4
  @use "../../../../styles.module";
5
5
 
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-fields';
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-fields';
2
2
 
3
3
  .footer {
4
4
  width: 100%;
@@ -1,5 +1,5 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-chips-chipChoice';
2
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element';
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-chips-chipChoice';
2
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element';
3
3
  @use '../../styles.module';
4
4
 
5
5
  $sizes: 'xs', 's', 'm', 'l';
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-chips-chipChoice' as chips;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-chips-chipChoice' as chips;
2
2
 
3
3
  .chipChoiceRow {
4
4
  display: flex;
@@ -1,5 +1,5 @@
1
- @use "@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element";
2
- @use "@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-chips-chipChoice";
1
+ @use "@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element";
2
+ @use "@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-chips-chipChoice";
3
3
 
4
4
  $sizes: 'xxs', 'xs';
5
5
  $icon-sizes: (
@@ -1,5 +1,5 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-dropList';
2
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element';
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-dropList';
2
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element';
3
3
 
4
4
  $sizes: 's', 'm', 'l';
5
5
  $typography: (
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element';
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element';
2
2
 
3
3
  @mixin chip-defaults {
4
4
  cursor: pointer;