@rescui/chip-list 0.16.0 → 0.17.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 (3) hide show
  1. package/lib/index.css +48 -46
  2. package/lib/parts/chip-list.p.module.css.js +1 -1
  3. package/package.json +3 -3
package/lib/index.css CHANGED
@@ -4,24 +4,24 @@
4
4
  initial-value:0;
5
5
  }
6
6
 
7
- ._light_k30xg6_8{
7
+ ._light_1evfb19_8{
8
8
  --rs-theme-dark:0;
9
9
  }
10
- ._dark_k30xg6_11{
10
+ ._dark_1evfb19_11{
11
11
  --rs-theme-dark:1;
12
12
  }
13
13
 
14
- ._alignLeft_k30xg6_15{
14
+ ._alignLeft_1evfb19_15{
15
15
  --_rs-cl-align:left;
16
16
  }
17
- ._alignCenter_k30xg6_18{
17
+ ._alignCenter_1evfb19_18{
18
18
  --_rs-cl-align:center;
19
19
  }
20
- ._alignRight_k30xg6_21{
20
+ ._alignRight_1evfb19_21{
21
21
  --_rs-cl-align:right;
22
22
  }
23
23
 
24
- ._sizeXs_k30xg6_25{
24
+ ._sizeXs_1evfb19_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_k30xg6_25 [data-rs-internal='chip-list__chip']{
39
+ ._sizeXs_1evfb19_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_k30xg6_28{
74
+ ._sizeS_1evfb19_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_k30xg6_28 [data-rs-internal='chip-list__chip']{
88
+ ._sizeS_1evfb19_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_k30xg6_31{
123
+ ._sizeM_1evfb19_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_k30xg6_31 [data-rs-internal='chip-list__chip']{
137
+ ._sizeM_1evfb19_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_k30xg6_31 [data-rs-internal='chip-list__chip']{
176
+ ._sizeM_1evfb19_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_k30xg6_34{
180
+ ._sizeL_1evfb19_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_k30xg6_34{
195
+ ._sizeL_1evfb19_34{
196
196
  --_rs-cl-vertical-gap:12px;
197
197
  }
198
198
  }
199
- ._sizeL_k30xg6_34 [data-rs-internal='chip-list__chip']{
199
+ ._sizeL_1evfb19_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_k30xg6_34 [data-rs-internal='chip-list__chip']{
238
+ ._sizeL_1evfb19_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_k30xg6_38{
243
+ ._innerOffsetL_1evfb19_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_k30xg6_38{
249
+ ._innerOffsetL_1evfb19_38{
250
250
  --_rs-cl-horizontal-gap-from-sparse:var(--_rs-cl-base-horizontal-gap);
251
251
  }
252
252
  }
253
- ._innerOffsetM_k30xg6_41{
253
+ ._innerOffsetM_1evfb19_41{
254
254
  --_rs-cl-horizontal-gap-from-sparse:initial;
255
255
  }
256
256
 
257
- ._classic_k30xg6_45{
257
+ ._classic_1evfb19_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_k30xg6_48{
263
+ ._rock_1evfb19_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_k30xg6_52{
270
+ ._compact_1evfb19_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_k30xg6_56{
280
+ ._main_1evfb19_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_k30xg6_56{
292
+ ._main_1evfb19_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_k30xg6_56{
303
+ ._main_1evfb19_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_k30xg6_56 {
312
+ ._main_1evfb19_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_k30xg6_62{
327
+ ._chipsContainer_1evfb19_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_k30xg6_72{
337
+ ._alignIconLeft_1evfb19_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_k30xg6_75{
342
+ ._alignIconRight_1evfb19_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_k30xg6_62{
348
+ ._chip_1evfb19_62{
349
349
  letter-spacing:var(
350
350
  --rs-text-base-letter-spacing,
351
351
  var(--_rs-typography-letter-spacing)
@@ -398,29 +398,31 @@
398
398
  -webkit-appearance:none;
399
399
  }
400
400
 
401
- ._chip_k30xg6_62::-moz-focus-inner{
401
+ ._chip_1evfb19_62::-moz-focus-inner{
402
402
  padding:0;
403
403
 
404
404
  border:none;
405
405
  }
406
406
 
407
- ._chip_k30xg6_62:hover,
408
- ._chip_k30xg6_62:focus,
409
- ._chip_k30xg6_62:active{
407
+ ._chip_1evfb19_62:hover,
408
+ ._chip_1evfb19_62:focus,
409
+ ._chip_1evfb19_62:active{
410
410
  outline:none;
411
411
 
412
412
  text-decoration:none;
413
413
  }
414
414
 
415
- ._chip_k30xg6_62:focus[data-focus-method='key']{
415
+ ._chip_1evfb19_62:focus-visible,
416
+ ._chip_1evfb19_62:focus[data-focus-method='key']{
416
417
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
417
418
  }
418
419
 
419
- ._chip_k30xg6_62:has(:focus[data-focus-method='key']){
420
+ ._chip_1evfb19_62:has(:focus-visible),
421
+ ._chip_1evfb19_62:has(:focus[data-focus-method='key']){
420
422
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
421
423
  }
422
424
 
423
- ._chip_k30xg6_62:focus{
425
+ ._chip_1evfb19_62:focus{
424
426
  --_rs-cl-chip-border-color:rgba(
425
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)),
426
428
  calc(.3 + .1 * var(--_rs-theme-dark-coefficient))
@@ -430,7 +432,7 @@
430
432
  }
431
433
 
432
434
  @media (hover: hover){
433
- ._chip_k30xg6_62:hover{
435
+ ._chip_1evfb19_62:hover{
434
436
  --_rs-cl-chip-border-color:rgba(
435
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)),
436
438
  calc(.3 + .1 * var(--_rs-theme-dark-coefficient))
@@ -442,7 +444,7 @@
442
444
  }
443
445
  }
444
446
 
445
- ._chip_k30xg6_62:active{
447
+ ._chip_1evfb19_62:active{
446
448
  --_rs-cl-chip-border-color:var(--_rs-cl-chip-active-border-color);
447
449
 
448
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)));
@@ -450,14 +452,14 @@
450
452
  background:var(--_rs-cl-chip-active-background);
451
453
  }
452
454
 
453
- ._chip_k30xg6_62._selected_k30xg6_176{
455
+ ._chip_1evfb19_62._selected_1evfb19_178{
454
456
  --_rs-cl-chip-border-color:var(--_rs-cl-chip-selected-border-color);
455
457
  --_rs-cl-chip-border-width:2px;
456
458
 
457
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)));
458
460
  }
459
461
 
460
- ._disabled_k30xg6_183 ._chip_k30xg6_62{
462
+ ._disabled_1evfb19_185 ._chip_1evfb19_62{
461
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);
462
464
 
463
465
  pointer-events:none;
@@ -467,11 +469,11 @@
467
469
  background:transparent;
468
470
  }
469
471
 
470
- ._disabled_k30xg6_183 ._chip_k30xg6_62._selected_k30xg6_176{
472
+ ._disabled_1evfb19_185 ._chip_1evfb19_62._selected_1evfb19_178{
471
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);
472
474
  }
473
475
 
474
- ._chip_k30xg6_62::before{
476
+ ._chip_1evfb19_62::before{
475
477
  position:absolute;
476
478
  top:0;
477
479
  right:0;
@@ -489,7 +491,7 @@
489
491
  transition:border-color 100ms var(--rs-transition-function, ease);
490
492
  }
491
493
 
492
- ._chip_k30xg6_62 ._icon_k30xg6_216{
494
+ ._chip_1evfb19_62 ._icon_1evfb19_218{
493
495
  flex:0 0 auto;
494
496
 
495
497
  width:auto;
@@ -499,7 +501,7 @@
499
501
  fill:currentColor;
500
502
  }
501
503
 
502
- ._hiddenInput_k30xg6_227{
504
+ ._hiddenInput_1evfb19_229{
503
505
  position:absolute;
504
506
 
505
507
  overflow:hidden;
@@ -516,7 +518,7 @@
516
518
  clip-path:inset(50%);
517
519
  }
518
520
 
519
- ._withoutText_k30xg6_244{
521
+ ._withoutText_1evfb19_246{
520
522
  --_rs-cl-chip-horizontal-real-padding:var(--_rs-cl-chip-icon-only-padding);
521
523
  --_rs-cl-chip-vertical-real-padding:var(--_rs-cl-chip-icon-only-padding);
522
524
  }
package/lib/parts/chip-list.p.module.css.js CHANGED
@@ -1,3 +1,3 @@
1
- var styles = {"light":"_light_k30xg6_8","dark":"_dark_k30xg6_11","alignLeft":"_alignLeft_k30xg6_15","alignCenter":"_alignCenter_k30xg6_18","alignRight":"_alignRight_k30xg6_21","sizeXs":"_sizeXs_k30xg6_25","sizeS":"_sizeS_k30xg6_28","sizeM":"_sizeM_k30xg6_31","sizeL":"_sizeL_k30xg6_34","innerOffsetL":"_innerOffsetL_k30xg6_38","innerOffsetM":"_innerOffsetM_k30xg6_41","classic":"_classic_k30xg6_45","rock":"_rock_k30xg6_48","compact":"_compact_k30xg6_52","main":"_main_k30xg6_56","chipsContainer":"_chipsContainer_k30xg6_62","alignIconLeft":"_alignIconLeft_k30xg6_72","alignIconRight":"_alignIconRight_k30xg6_75","chip":"_chip_k30xg6_62","selected":"_selected_k30xg6_176","disabled":"_disabled_k30xg6_183","icon":"_icon_k30xg6_216","hiddenInput":"_hiddenInput_k30xg6_227","withoutText":"_withoutText_k30xg6_244"};
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"};
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.16.0",
3
+ "version": "0.17.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -27,7 +27,7 @@
27
27
  "devDependencies": {
28
28
  "@rescui/colors": "^0.3.5",
29
29
  "@rescui/scripts": "^0.6.0",
30
- "@rescui/typography": "^0.29.0",
30
+ "@rescui/typography": "^0.30.0",
31
31
  "@rescui/visual-regression": "^0.1.4"
32
32
  },
33
33
  "scripts": {
@@ -35,5 +35,5 @@
35
35
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
36
36
  },
37
37
  "nx": {},
38
- "gitHead": "e3d19214955db8de3ac6dccdea512f9331332d29"
38
+ "gitHead": "bf5230351055bc038b125e0de66eaee52085973a"
39
39
  }