@rescui/chip-list 0.17.0 → 0.17.2

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/lib/index.css CHANGED
@@ -4,24 +4,24 @@
4
4
  initial-value:0;
5
5
  }
6
6
 
7
- ._light_1evfb19_8{
7
+ ._light_1rpm4mk_8{
8
8
  --rs-theme-dark:0;
9
9
  }
10
- ._dark_1evfb19_11{
10
+ ._dark_1rpm4mk_11{
11
11
  --rs-theme-dark:1;
12
12
  }
13
13
 
14
- ._alignLeft_1evfb19_15{
14
+ ._alignLeft_1rpm4mk_15{
15
15
  --_rs-cl-align:left;
16
16
  }
17
- ._alignCenter_1evfb19_18{
17
+ ._alignCenter_1rpm4mk_18{
18
18
  --_rs-cl-align:center;
19
19
  }
20
- ._alignRight_1evfb19_21{
20
+ ._alignRight_1rpm4mk_21{
21
21
  --_rs-cl-align:right;
22
22
  }
23
23
 
24
- ._sizeXs_1evfb19_25{
24
+ ._sizeXs_1rpm4mk_25{
25
25
  --_rs-cl-chip-base-border-radius:4px;
26
26
  --_rs-cl-chip-compact-border-radius:var(--_rs-cl-chip-base-border-radius);
27
27
  --_rs-cl-chip-vertical-padding:2px;
@@ -36,7 +36,7 @@
36
36
  --_rs-cl-sparse-horizontal-gap:12px;
37
37
  }
38
38
 
39
- ._sizeXs_1evfb19_25 [data-rs-internal='chip-list__chip']{
39
+ ._sizeXs_1rpm4mk_25 [data-rs-internal='chip-list__chip']{
40
40
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
41
41
  --_rs-typography-text-transform:initial;
42
42
  --_rs-typography-font-variant-numeric:initial;
@@ -71,7 +71,7 @@
71
71
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
72
72
  --_rs-typography-link-border-bottom-width-from-text:1px;
73
73
  }
74
- ._sizeS_1evfb19_28{
74
+ ._sizeS_1rpm4mk_28{
75
75
  --_rs-cl-chip-base-border-radius:16px;
76
76
  --_rs-cl-chip-compact-border-radius:4px;
77
77
  --_rs-cl-chip-vertical-padding:6px;
@@ -85,7 +85,7 @@
85
85
  --_rs-cl-compact-horizontal-gap:6px;
86
86
  --_rs-cl-sparse-horizontal-gap:12px;
87
87
  }
88
- ._sizeS_1evfb19_28 [data-rs-internal='chip-list__chip']{
88
+ ._sizeS_1rpm4mk_28 [data-rs-internal='chip-list__chip']{
89
89
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
90
90
  --_rs-typography-text-transform:initial;
91
91
  --_rs-typography-font-variant-numeric:initial;
@@ -120,7 +120,7 @@
120
120
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
121
121
  --_rs-typography-link-border-bottom-width-from-text:1px;
122
122
  }
123
- ._sizeM_1evfb19_31{
123
+ ._sizeM_1rpm4mk_31{
124
124
  --_rs-cl-chip-base-border-radius:20px;
125
125
  --_rs-cl-chip-compact-border-radius:8px;
126
126
  --_rs-cl-chip-vertical-padding:8px;
@@ -134,7 +134,7 @@
134
134
  --_rs-cl-compact-horizontal-gap:6px;
135
135
  --_rs-cl-sparse-horizontal-gap:16px;
136
136
  }
137
- ._sizeM_1evfb19_31 [data-rs-internal='chip-list__chip']{
137
+ ._sizeM_1rpm4mk_31 [data-rs-internal='chip-list__chip']{
138
138
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
139
139
  --_rs-typography-text-transform:initial;
140
140
  --_rs-typography-font-variant-numeric:initial;
@@ -173,11 +173,11 @@
173
173
  --_rs-typography-link-border-bottom-width-from-text:1px;
174
174
  }
175
175
  @media screen and (max-width: 640px){
176
- ._sizeM_1evfb19_31 [data-rs-internal='chip-list__chip']{
176
+ ._sizeM_1rpm4mk_31 [data-rs-internal='chip-list__chip']{
177
177
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
178
178
  }
179
179
  }
180
- ._sizeL_1evfb19_34{
180
+ ._sizeL_1rpm4mk_34{
181
181
  --_rs-cl-chip-base-border-radius:26px;
182
182
  --_rs-cl-chip-compact-border-radius:12px;
183
183
  --_rs-cl-chip-vertical-padding:12px;
@@ -192,11 +192,11 @@
192
192
  --_rs-cl-sparse-horizontal-gap:16px;
193
193
  }
194
194
  @media screen and (max-width: 640px){
195
- ._sizeL_1evfb19_34{
195
+ ._sizeL_1rpm4mk_34{
196
196
  --_rs-cl-vertical-gap:12px;
197
197
  }
198
198
  }
199
- ._sizeL_1evfb19_34 [data-rs-internal='chip-list__chip']{
199
+ ._sizeL_1rpm4mk_34 [data-rs-internal='chip-list__chip']{
200
200
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
201
201
  --_rs-typography-text-transform:initial;
202
202
  --_rs-typography-font-variant-numeric:initial;
@@ -235,39 +235,39 @@
235
235
  --_rs-typography-link-border-bottom-width-from-text:1px;
236
236
  }
237
237
  @media screen and (max-width: 640px){
238
- ._sizeL_1evfb19_34 [data-rs-internal='chip-list__chip']{
238
+ ._sizeL_1rpm4mk_34 [data-rs-internal='chip-list__chip']{
239
239
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
240
240
  }
241
241
  }
242
242
 
243
- ._innerOffsetL_1evfb19_38{
243
+ ._innerOffsetL_1rpm4mk_38{
244
244
  --_rs-cl-horizontal-gap-from-sparse:var(--_rs-cl-sparse-horizontal-gap);
245
245
  }
246
246
 
247
247
  @media screen and (max-width: 640px){
248
248
 
249
- ._innerOffsetL_1evfb19_38{
249
+ ._innerOffsetL_1rpm4mk_38{
250
250
  --_rs-cl-horizontal-gap-from-sparse:var(--_rs-cl-base-horizontal-gap);
251
251
  }
252
252
  }
253
- ._innerOffsetM_1evfb19_41{
253
+ ._innerOffsetM_1rpm4mk_41{
254
254
  --_rs-cl-horizontal-gap-from-sparse:initial;
255
255
  }
256
256
 
257
- ._classic_1evfb19_45{
257
+ ._classic_1rpm4mk_45{
258
258
  --_rs-cl-chip-active-border-color:var(--_rs-color-primary);
259
259
  --_rs-cl-chip-selected-border-color:var(--_rs-color-primary);
260
260
  --_rs-cl-chip-hover-background:var(--_rs-color-primary-t-fog);
261
261
  --_rs-cl-chip-active-background:var(--_rs-color-primary-t-fog);
262
262
  }
263
- ._rock_1evfb19_48{
263
+ ._rock_1rpm4mk_48{
264
264
  --_rs-cl-chip-active-border-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
265
265
  --_rs-cl-chip-selected-border-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
266
266
  --_rs-cl-chip-hover-background:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.1);
267
267
  --_rs-cl-chip-active-background:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.1);
268
268
  }
269
269
 
270
- ._compact_1evfb19_52{
270
+ ._compact_1rpm4mk_52{
271
271
  --_rs-cl-chip-border-radius-from-compact:var(
272
272
  --_rs-cl-chip-compact-border-radius
273
273
  );
@@ -277,7 +277,7 @@
277
277
  --_rs-cl-horizontal-gap-from-compact:var(--_rs-cl-compact-horizontal-gap);
278
278
  }
279
279
 
280
- ._main_1evfb19_56{
280
+ ._main_1rpm4mk_56{
281
281
  --_rs-theme-dark:var(
282
282
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
283
283
  var(--rs-theme-dark, 0)
@@ -289,7 +289,7 @@
289
289
 
290
290
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
291
291
 
292
- ._main_1evfb19_56{
292
+ ._main_1rpm4mk_56{
293
293
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100% * var(--_rs-theme-dark-coefficient, 0)));
294
294
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100% * var(--_rs-theme-dark-coefficient, 0)));
295
295
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100% * var(--_rs-theme-dark-coefficient, 0)));
@@ -300,7 +300,7 @@
300
300
 
301
301
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
302
302
 
303
- ._main_1evfb19_56{
303
+ ._main_1rpm4mk_56{
304
304
  --_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
305
305
  --_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
306
306
  --_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
@@ -309,7 +309,7 @@
309
309
  }
310
310
  }
311
311
 
312
- ._main_1evfb19_56 {
312
+ ._main_1rpm4mk_56 {
313
313
  --_rs-cl-chip-border-radius:var(
314
314
  --_rs-cl-chip-border-radius-from-compact,
315
315
  var(--_rs-cl-chip-base-border-radius)
@@ -324,7 +324,7 @@
324
324
  );
325
325
  }
326
326
 
327
- ._chipsContainer_1evfb19_62{
327
+ ._chipsContainer_1rpm4mk_62{
328
328
  position:relative;
329
329
 
330
330
  display:flex;
@@ -334,18 +334,18 @@
334
334
  gap:var(--_rs-cl-vertical-gap) var(--_rs-cl-horizontal-gap);
335
335
  }
336
336
 
337
- ._alignIconLeft_1evfb19_72{
337
+ ._alignIconLeft_1rpm4mk_72{
338
338
  --_rs-cl-chip-icon-flex-direction:row;
339
339
  --_rs-cl-chip-icon-position-multiplier-left:1;
340
340
  --_rs-cl-chip-icon-position-multiplier-right:0;
341
341
  }
342
- ._alignIconRight_1evfb19_75{
342
+ ._alignIconRight_1rpm4mk_75{
343
343
  --_rs-cl-chip-icon-flex-direction:row-reverse;
344
344
  --_rs-cl-chip-icon-position-multiplier-left:0;
345
345
  --_rs-cl-chip-icon-position-multiplier-right:1;
346
346
  }
347
347
 
348
- ._chip_1evfb19_62{
348
+ ._chip_1rpm4mk_62{
349
349
  letter-spacing:var(
350
350
  --rs-text-base-letter-spacing,
351
351
  var(--_rs-typography-letter-spacing)
@@ -398,31 +398,31 @@
398
398
  -webkit-appearance:none;
399
399
  }
400
400
 
401
- ._chip_1evfb19_62::-moz-focus-inner{
401
+ ._chip_1rpm4mk_62::-moz-focus-inner{
402
402
  padding:0;
403
403
 
404
404
  border:none;
405
405
  }
406
406
 
407
- ._chip_1evfb19_62:hover,
408
- ._chip_1evfb19_62:focus,
409
- ._chip_1evfb19_62:active{
407
+ ._chip_1rpm4mk_62:hover,
408
+ ._chip_1rpm4mk_62:focus,
409
+ ._chip_1rpm4mk_62:active{
410
410
  outline:none;
411
411
 
412
412
  text-decoration:none;
413
413
  }
414
414
 
415
- ._chip_1evfb19_62:focus-visible,
416
- ._chip_1evfb19_62:focus[data-focus-method='key']{
415
+ ._chip_1rpm4mk_62:focus-visible,
416
+ ._chip_1rpm4mk_62:focus[data-focus-method='key']{
417
417
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
418
418
  }
419
419
 
420
- ._chip_1evfb19_62:has(:focus-visible),
421
- ._chip_1evfb19_62:has(:focus[data-focus-method='key']){
420
+ ._chip_1rpm4mk_62:has(:focus-visible),
421
+ ._chip_1rpm4mk_62:has(:focus[data-focus-method='key']){
422
422
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
423
423
  }
424
424
 
425
- ._chip_1evfb19_62:focus{
425
+ ._chip_1rpm4mk_62:focus{
426
426
  --_rs-cl-chip-border-color:rgba(
427
427
  calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
428
428
  calc(.3 + .1 * var(--_rs-theme-dark-coefficient))
@@ -432,7 +432,7 @@
432
432
  }
433
433
 
434
434
  @media (hover: hover){
435
- ._chip_1evfb19_62:hover{
435
+ ._chip_1rpm4mk_62:hover{
436
436
  --_rs-cl-chip-border-color:rgba(
437
437
  calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
438
438
  calc(.3 + .1 * var(--_rs-theme-dark-coefficient))
@@ -444,7 +444,7 @@
444
444
  }
445
445
  }
446
446
 
447
- ._chip_1evfb19_62:active{
447
+ ._chip_1rpm4mk_62:active{
448
448
  --_rs-cl-chip-border-color:var(--_rs-cl-chip-active-border-color);
449
449
 
450
450
  color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
@@ -452,14 +452,14 @@
452
452
  background:var(--_rs-cl-chip-active-background);
453
453
  }
454
454
 
455
- ._chip_1evfb19_62._selected_1evfb19_178{
455
+ ._chip_1rpm4mk_62._selected_1rpm4mk_178{
456
456
  --_rs-cl-chip-border-color:var(--_rs-cl-chip-selected-border-color);
457
457
  --_rs-cl-chip-border-width:2px;
458
458
 
459
459
  color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
460
460
  }
461
461
 
462
- ._disabled_1evfb19_185 ._chip_1evfb19_62{
462
+ ._disabled_1rpm4mk_185 ._chip_1rpm4mk_62{
463
463
  --_rs-cl-chip-border-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.2);
464
464
 
465
465
  pointer-events:none;
@@ -469,11 +469,11 @@
469
469
  background:transparent;
470
470
  }
471
471
 
472
- ._disabled_1evfb19_185 ._chip_1evfb19_62._selected_1evfb19_178{
472
+ ._disabled_1rpm4mk_185 ._chip_1rpm4mk_62._selected_1rpm4mk_178{
473
473
  --_rs-cl-chip-border-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.4);
474
474
  }
475
475
 
476
- ._chip_1evfb19_62::before{
476
+ ._chip_1rpm4mk_62::before{
477
477
  position:absolute;
478
478
  top:0;
479
479
  right:0;
@@ -491,7 +491,7 @@
491
491
  transition:border-color 100ms var(--rs-transition-function, ease);
492
492
  }
493
493
 
494
- ._chip_1evfb19_62 ._icon_1evfb19_218{
494
+ ._chip_1rpm4mk_62 ._icon_1rpm4mk_218{
495
495
  flex:0 0 auto;
496
496
 
497
497
  width:auto;
@@ -501,7 +501,7 @@
501
501
  fill:currentColor;
502
502
  }
503
503
 
504
- ._hiddenInput_1evfb19_229{
504
+ ._hiddenInput_1rpm4mk_229{
505
505
  position:absolute;
506
506
 
507
507
  overflow:hidden;
@@ -518,7 +518,7 @@
518
518
  clip-path:inset(50%);
519
519
  }
520
520
 
521
- ._withoutText_1evfb19_246{
521
+ ._withoutText_1rpm4mk_246{
522
522
  --_rs-cl-chip-horizontal-real-padding:var(--_rs-cl-chip-icon-only-padding);
523
523
  --_rs-cl-chip-vertical-real-padding:var(--_rs-cl-chip-icon-only-padding);
524
524
  }
@@ -1,3 +1,3 @@
1
- var styles = {"light":"_light_1evfb19_8","dark":"_dark_1evfb19_11","alignLeft":"_alignLeft_1evfb19_15","alignCenter":"_alignCenter_1evfb19_18","alignRight":"_alignRight_1evfb19_21","sizeXs":"_sizeXs_1evfb19_25","sizeS":"_sizeS_1evfb19_28","sizeM":"_sizeM_1evfb19_31","sizeL":"_sizeL_1evfb19_34","innerOffsetL":"_innerOffsetL_1evfb19_38","innerOffsetM":"_innerOffsetM_1evfb19_41","classic":"_classic_1evfb19_45","rock":"_rock_1evfb19_48","compact":"_compact_1evfb19_52","main":"_main_1evfb19_56","chipsContainer":"_chipsContainer_1evfb19_62","alignIconLeft":"_alignIconLeft_1evfb19_72","alignIconRight":"_alignIconRight_1evfb19_75","chip":"_chip_1evfb19_62","selected":"_selected_1evfb19_178","disabled":"_disabled_1evfb19_185","icon":"_icon_1evfb19_218","hiddenInput":"_hiddenInput_1evfb19_229","withoutText":"_withoutText_1evfb19_246"};
1
+ var styles = {"light":"_light_1rpm4mk_8","dark":"_dark_1rpm4mk_11","alignLeft":"_alignLeft_1rpm4mk_15","alignCenter":"_alignCenter_1rpm4mk_18","alignRight":"_alignRight_1rpm4mk_21","sizeXs":"_sizeXs_1rpm4mk_25","sizeS":"_sizeS_1rpm4mk_28","sizeM":"_sizeM_1rpm4mk_31","sizeL":"_sizeL_1rpm4mk_34","innerOffsetL":"_innerOffsetL_1rpm4mk_38","innerOffsetM":"_innerOffsetM_1rpm4mk_41","classic":"_classic_1rpm4mk_45","rock":"_rock_1rpm4mk_48","compact":"_compact_1rpm4mk_52","main":"_main_1rpm4mk_56","chipsContainer":"_chipsContainer_1rpm4mk_62","alignIconLeft":"_alignIconLeft_1rpm4mk_72","alignIconRight":"_alignIconRight_1rpm4mk_75","chip":"_chip_1rpm4mk_62","selected":"_selected_1rpm4mk_178","disabled":"_disabled_1rpm4mk_185","icon":"_icon_1rpm4mk_218","hiddenInput":"_hiddenInput_1rpm4mk_229","withoutText":"_withoutText_1rpm4mk_246"};
2
2
 
3
3
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/chip-list",
3
- "version": "0.17.0",
3
+ "version": "0.17.2",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -20,20 +20,20 @@
20
20
  "react-compiler-runtime": "^1.0.0"
21
21
  },
22
22
  "peerDependencies": {
23
- "@rescui/ui-contexts": "^0.7.0",
23
+ "@rescui/ui-contexts": "^0.7.0 || ^0.8.0",
24
24
  "prop-types": "^15",
25
25
  "react": ">=17.0.0 <20"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "^0.3.5",
28
+ "@rescui/colors": "^0.3.6",
29
29
  "@rescui/scripts": "^0.6.0",
30
- "@rescui/typography": "^0.30.0",
31
- "@rescui/visual-regression": "^0.1.4"
30
+ "@rescui/typography": "^0.30.2",
31
+ "@rescui/visual-regression": "^0.1.5"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rescui-scripts build && yarn run build-pcss-api",
35
35
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
36
36
  },
37
37
  "nx": {},
38
- "gitHead": "bf5230351055bc038b125e0de66eaee52085973a"
38
+ "gitHead": "5a6fe218e161f8f97ea1faf56a82b0a5dae2ab4d"
39
39
  }