@cloud-ru/uikit-product-mobile-chips 0.8.47 → 1.0.1-preview-23c44fe9.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 (13) hide show
  1. package/CHANGELOG.md +12 -12
  2. package/dist/cjs/components/MobileChipChoice/components/ChipChoiceBase/styles.module.css +49 -47
  3. package/dist/cjs/components/MobileChipChoice/styles.module.css +22 -22
  4. package/dist/esm/components/MobileChipChoice/components/ChipChoiceBase/styles.module.css +49 -47
  5. package/dist/esm/components/MobileChipChoice/styles.module.css +22 -22
  6. package/package.json +6 -6
  7. package/src/components/MobileChipChoice/components/ChipChoiceBase/styles.module.scss +2 -2
  8. package/src/components/MobileChipChoice/components/styles.module.scss +1 -1
  9. package/src/components/MobileChipChoice/styles.module.scss +2 -2
  10. package/src/components/MobileChipChoiceRow/styles.module.scss +1 -1
  11. package/src/helperComponents/ButtonClearValue/styles.module.scss +2 -2
  12. package/src/helperComponents/ItemContent/styles.module.scss +2 -2
  13. package/src/styles.module.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -1053,7 +1053,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1053
1053
 
1054
1054
  ### Features
1055
1055
 
1056
- * **[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))
1057
1057
 
1058
1058
 
1059
1059
 
@@ -1075,7 +1075,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1075
1075
 
1076
1076
  ### Features
1077
1077
 
1078
- * **[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))
1079
1079
 
1080
1080
 
1081
1081
 
@@ -1125,7 +1125,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1125
1125
 
1126
1126
  ### Bug Fixes
1127
1127
 
1128
- * **[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))
1129
1129
 
1130
1130
 
1131
1131
 
@@ -1155,7 +1155,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1155
1155
 
1156
1156
  ### Dependencies
1157
1157
 
1158
- * **[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))
1159
1159
 
1160
1160
 
1161
1161
 
@@ -1166,7 +1166,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1166
1166
 
1167
1167
  ### Features
1168
1168
 
1169
- * **[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))
1170
1170
 
1171
1171
 
1172
1172
 
@@ -1222,13 +1222,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1222
1222
 
1223
1223
  ### Bug Fixes
1224
1224
 
1225
- * **[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))
1226
1226
 
1227
1227
 
1228
1228
  ### Features
1229
1229
 
1230
- * **[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))
1231
- * **[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))
1232
1232
 
1233
1233
 
1234
1234
 
@@ -1249,7 +1249,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1249
1249
 
1250
1250
  ### Features
1251
1251
 
1252
- * **[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))
1253
1253
 
1254
1254
 
1255
1255
 
@@ -1270,7 +1270,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1270
1270
 
1271
1271
  ### Dependencies
1272
1272
 
1273
- * **[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))
1274
1274
 
1275
1275
 
1276
1276
 
@@ -1290,12 +1290,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
1290
1290
 
1291
1291
  ### Dependencies
1292
1292
 
1293
- * **[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))
1294
1294
 
1295
1295
 
1296
1296
  ### Features
1297
1297
 
1298
- * **[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))
1299
1299
 
1300
1300
 
1301
1301
 
package/dist/cjs/components/MobileChipChoice/components/ChipChoiceBase/styles.module.css CHANGED
@@ -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);
package/dist/cjs/components/MobileChipChoice/styles.module.css CHANGED
@@ -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/dist/esm/components/MobileChipChoice/components/ChipChoiceBase/styles.module.css CHANGED
@@ -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);
package/dist/esm/components/MobileChipChoice/styles.module.css CHANGED
@@ -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.47",
4
+ "version": "1.0.1-preview-23c44fe9.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.1",
40
- "@cloud-ru/uikit-product-mobile-dropdown": "0.9.31",
41
- "@cloud-ru/uikit-product-mobile-tooltip": "0.5.4",
42
- "@cloud-ru/uikit-product-utils": "8.1.0",
39
+ "@cloud-ru/uikit-product-icons": "16.1.2-preview-23c44fe9.0",
40
+ "@cloud-ru/uikit-product-mobile-dropdown": "1.0.1-preview-23c44fe9.0",
41
+ "@cloud-ru/uikit-product-mobile-tooltip": "1.0.1-preview-23c44fe9.0",
42
+ "@cloud-ru/uikit-product-utils": "8.1.1-preview-23c44fe9.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": "1a98d6d9bff32edcbb3f9b0be0a14dce3f2abe5d"
62
+ "gitHead": "eb43cd21d0a4d229011e2f7e87f87d862dcda635"
63
63
  }
package/src/components/MobileChipChoice/components/ChipChoiceBase/styles.module.scss CHANGED
@@ -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
 
package/src/components/MobileChipChoice/components/styles.module.scss CHANGED
@@ -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%;
package/src/components/MobileChipChoice/styles.module.scss CHANGED
@@ -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';
package/src/components/MobileChipChoiceRow/styles.module.scss CHANGED
@@ -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;
package/src/helperComponents/ButtonClearValue/styles.module.scss CHANGED
@@ -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: (
package/src/helperComponents/ItemContent/styles.module.scss CHANGED
@@ -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: (
package/src/styles.module.scss CHANGED
@@ -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;