@rescui/chip-list 0.11.0 → 0.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/index.css +44 -44
  2. package/lib/parts/chip-list.p.module.css.js +23 -23
  3. package/package.json +2 -3
package/lib/index.css CHANGED
@@ -1,19 +1,19 @@
1
- ._light_1xl8zrw_8{
1
+ ._light_5opd7e_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._dark_1xl8zrw_11{
4
+ ._dark_5opd7e_11{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._alignLeft_1xl8zrw_15{
7
+ ._alignLeft_5opd7e_15{
8
8
  --_rs-cl-align:left;
9
9
  }
10
- ._alignCenter_1xl8zrw_18{
10
+ ._alignCenter_5opd7e_18{
11
11
  --_rs-cl-align:center;
12
12
  }
13
- ._alignRight_1xl8zrw_21{
13
+ ._alignRight_5opd7e_21{
14
14
  --_rs-cl-align:right;
15
15
  }
16
- ._sizeXs_1xl8zrw_25{
16
+ ._sizeXs_5opd7e_25{
17
17
  --_rs-cl-chip-base-border-radius:4px;
18
18
  --_rs-cl-chip-compact-border-radius:var(--_rs-cl-chip-base-border-radius);
19
19
  --_rs-cl-chip-vertical-padding:2px;
@@ -27,7 +27,7 @@
27
27
  --_rs-cl-compact-horizontal-gap:4px;
28
28
  --_rs-cl-sparse-horizontal-gap:12px;
29
29
  }
30
- ._sizeXs_1xl8zrw_25 [data-rs-internal='chip-list__chip']{
30
+ ._sizeXs_5opd7e_25 [data-rs-internal='chip-list__chip']{
31
31
  --_rs-typography-letter-spacing:0.0045em;
32
32
  --_rs-typography-text-transform:initial;
33
33
  --_rs-typography-font-variant-numeric:initial;
@@ -61,7 +61,7 @@
61
61
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
62
62
  --_rs-typography-link-border-bottom-width-from-text:1px;
63
63
  }
64
- ._sizeS_1xl8zrw_28{
64
+ ._sizeS_5opd7e_28{
65
65
  --_rs-cl-chip-base-border-radius:16px;
66
66
  --_rs-cl-chip-compact-border-radius:4px;
67
67
  --_rs-cl-chip-vertical-padding:6px;
@@ -75,7 +75,7 @@
75
75
  --_rs-cl-compact-horizontal-gap:6px;
76
76
  --_rs-cl-sparse-horizontal-gap:12px;
77
77
  }
78
- ._sizeS_1xl8zrw_28 [data-rs-internal='chip-list__chip']{
78
+ ._sizeS_5opd7e_28 [data-rs-internal='chip-list__chip']{
79
79
  --_rs-typography-letter-spacing:0.0045em;
80
80
  --_rs-typography-text-transform:initial;
81
81
  --_rs-typography-font-variant-numeric:initial;
@@ -109,7 +109,7 @@
109
109
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
110
110
  --_rs-typography-link-border-bottom-width-from-text:1px;
111
111
  }
112
- ._sizeM_1xl8zrw_31{
112
+ ._sizeM_5opd7e_31{
113
113
  --_rs-cl-chip-base-border-radius:20px;
114
114
  --_rs-cl-chip-compact-border-radius:8px;
115
115
  --_rs-cl-chip-vertical-padding:8px;
@@ -123,7 +123,7 @@
123
123
  --_rs-cl-compact-horizontal-gap:6px;
124
124
  --_rs-cl-sparse-horizontal-gap:16px;
125
125
  }
126
- ._sizeM_1xl8zrw_31 [data-rs-internal='chip-list__chip']{
126
+ ._sizeM_5opd7e_31 [data-rs-internal='chip-list__chip']{
127
127
  --_rs-typography-letter-spacing:0.0015em;
128
128
  --_rs-typography-text-transform:initial;
129
129
  --_rs-typography-font-variant-numeric:initial;
@@ -158,11 +158,11 @@
158
158
  --_rs-typography-link-border-bottom-width-from-text:1px;
159
159
  }
160
160
  @media screen and (max-width: 640px){
161
- ._sizeM_1xl8zrw_31 [data-rs-internal='chip-list__chip']{
161
+ ._sizeM_5opd7e_31 [data-rs-internal='chip-list__chip']{
162
162
  --_rs-typography-list-li-margin-top-from-text:12px;
163
163
  }
164
164
  }
165
- ._sizeL_1xl8zrw_34{
165
+ ._sizeL_5opd7e_34{
166
166
  --_rs-cl-chip-base-border-radius:26px;
167
167
  --_rs-cl-chip-compact-border-radius:12px;
168
168
  --_rs-cl-chip-vertical-padding:12px;
@@ -177,11 +177,11 @@
177
177
  --_rs-cl-sparse-horizontal-gap:16px;
178
178
  }
179
179
  @media screen and (max-width: 640px){
180
- ._sizeL_1xl8zrw_34{
180
+ ._sizeL_5opd7e_34{
181
181
  --_rs-cl-vertical-gap:12px;
182
182
  }
183
183
  }
184
- ._sizeL_1xl8zrw_34 [data-rs-internal='chip-list__chip']{
184
+ ._sizeL_5opd7e_34 [data-rs-internal='chip-list__chip']{
185
185
  --_rs-typography-letter-spacing:normal;
186
186
  --_rs-typography-text-transform:initial;
187
187
  --_rs-typography-font-variant-numeric:initial;
@@ -216,34 +216,34 @@
216
216
  --_rs-typography-link-border-bottom-width-from-text:1px;
217
217
  }
218
218
  @media screen and (max-width: 640px){
219
- ._sizeL_1xl8zrw_34 [data-rs-internal='chip-list__chip']{
219
+ ._sizeL_5opd7e_34 [data-rs-internal='chip-list__chip']{
220
220
  --_rs-typography-list-li-margin-top-from-text:16px;
221
221
  }
222
222
  }
223
- ._innerOffsetL_1xl8zrw_38{
223
+ ._innerOffsetL_5opd7e_38{
224
224
  --_rs-cl-horizontal-gap-from-sparse:var(--_rs-cl-sparse-horizontal-gap);
225
225
  }
226
226
  @media screen and (max-width: 640px){
227
- ._innerOffsetL_1xl8zrw_38{
227
+ ._innerOffsetL_5opd7e_38{
228
228
  --_rs-cl-horizontal-gap-from-sparse:var(--_rs-cl-base-horizontal-gap);
229
229
  }
230
230
  }
231
- ._innerOffsetM_1xl8zrw_41{
231
+ ._innerOffsetM_5opd7e_41{
232
232
  --_rs-cl-horizontal-gap-from-sparse:initial;
233
233
  }
234
- ._classic_1xl8zrw_45{
234
+ ._classic_5opd7e_45{
235
235
  --_rs-cl-chip-active-border-color:var(--_rs-color-primary);
236
236
  --_rs-cl-chip-selected-border-color:var(--_rs-color-primary);
237
237
  --_rs-cl-chip-hover-background:var(--_rs-color-primary-t-fog);
238
238
  --_rs-cl-chip-active-background:var(--_rs-color-primary-t-fog);
239
239
  }
240
- ._rock_1xl8zrw_48{
240
+ ._rock_5opd7e_48{
241
241
  --_rs-cl-chip-active-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
242
242
  --_rs-cl-chip-selected-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
243
243
  --_rs-cl-chip-hover-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.1);
244
244
  --_rs-cl-chip-active-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.1);
245
245
  }
246
- ._compact_1xl8zrw_52{
246
+ ._compact_5opd7e_52{
247
247
  --_rs-cl-chip-border-radius-from-compact:var(
248
248
  --_rs-cl-chip-compact-border-radius
249
249
  );
@@ -252,7 +252,7 @@
252
252
  );
253
253
  --_rs-cl-horizontal-gap-from-compact:var(--_rs-cl-compact-horizontal-gap);
254
254
  }
255
- ._main_1xl8zrw_56{
255
+ ._main_5opd7e_56{
256
256
  --_rs-theme-dark:var(
257
257
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
258
258
  var(--rs-theme-dark, 0)
@@ -262,7 +262,7 @@
262
262
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
263
263
  }
264
264
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
265
- ._main_1xl8zrw_56{
265
+ ._main_5opd7e_56{
266
266
  --_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)));
267
267
  --_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)));
268
268
  --_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)));
@@ -271,7 +271,7 @@
271
271
  }
272
272
  }
273
273
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
274
- ._main_1xl8zrw_56{
274
+ ._main_5opd7e_56{
275
275
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
276
276
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
277
277
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -279,7 +279,7 @@
279
279
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
280
280
  }
281
281
  }
282
- ._main_1xl8zrw_56 {
282
+ ._main_5opd7e_56 {
283
283
  --_rs-cl-chip-border-radius:var(
284
284
  --_rs-cl-chip-border-radius-from-compact,
285
285
  var(--_rs-cl-chip-base-border-radius)
@@ -293,7 +293,7 @@
293
293
  var(--_rs-cl-horizontal-gap-from-sparse, var(--_rs-cl-base-horizontal-gap))
294
294
  );
295
295
  }
296
- ._chipsContainer_1xl8zrw_62{
296
+ ._chipsContainer_5opd7e_62{
297
297
  position:relative;
298
298
 
299
299
  display:-webkit-box;
@@ -309,17 +309,17 @@
309
309
 
310
310
  gap:var(--_rs-cl-vertical-gap) var(--_rs-cl-horizontal-gap);
311
311
  }
312
- ._alignIconLeft_1xl8zrw_72{
312
+ ._alignIconLeft_5opd7e_72{
313
313
  --_rs-cl-chip-icon-flex-direction:row;
314
314
  --_rs-cl-chip-icon-position-multiplier-left:1;
315
315
  --_rs-cl-chip-icon-position-multiplier-right:0;
316
316
  }
317
- ._alignIconRight_1xl8zrw_75{
317
+ ._alignIconRight_5opd7e_75{
318
318
  --_rs-cl-chip-icon-flex-direction:row-reverse;
319
319
  --_rs-cl-chip-icon-position-multiplier-left:0;
320
320
  --_rs-cl-chip-icon-position-multiplier-right:1;
321
321
  }
322
- ._chip_1xl8zrw_62{
322
+ ._chip_5opd7e_62{
323
323
  letter-spacing:var(
324
324
  --rs-text-base-letter-spacing,
325
325
  var(--_rs-typography-letter-spacing)
@@ -390,23 +390,23 @@
390
390
  -moz-osx-font-smoothing:inherit;
391
391
  -webkit-appearance:none;
392
392
  }
393
- ._chip_1xl8zrw_62::-moz-focus-inner{
393
+ ._chip_5opd7e_62::-moz-focus-inner{
394
394
  padding:0;
395
395
 
396
396
  border:none;
397
397
  }
398
- ._chip_1xl8zrw_62:hover,
399
- ._chip_1xl8zrw_62:focus,
400
- ._chip_1xl8zrw_62:active{
398
+ ._chip_5opd7e_62:hover,
399
+ ._chip_5opd7e_62:focus,
400
+ ._chip_5opd7e_62:active{
401
401
  outline:none;
402
402
 
403
403
  text-decoration:none;
404
404
  }
405
- ._chip_1xl8zrw_62:focus[data-focus-method='key']{
405
+ ._chip_5opd7e_62:focus[data-focus-method='key']{
406
406
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
407
407
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
408
408
  }
409
- ._chip_1xl8zrw_62:focus{
409
+ ._chip_5opd7e_62:focus{
410
410
  --_rs-cl-chip-border-color:rgba(
411
411
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
412
412
  calc(0.3 + var(--_rs-theme-dark-coefficient)*0.1)
@@ -415,7 +415,7 @@
415
415
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
416
416
  }
417
417
  @media (hover: hover){
418
- ._chip_1xl8zrw_62:hover{
418
+ ._chip_5opd7e_62:hover{
419
419
  --_rs-cl-chip-border-color:rgba(
420
420
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
421
421
  calc(0.3 + var(--_rs-theme-dark-coefficient)*0.1)
@@ -426,20 +426,20 @@
426
426
  background:var(--_rs-cl-chip-hover-background);
427
427
  }
428
428
  }
429
- ._chip_1xl8zrw_62:active{
429
+ ._chip_5opd7e_62:active{
430
430
  --_rs-cl-chip-border-color:var(--_rs-cl-chip-active-border-color);
431
431
 
432
432
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
433
433
 
434
434
  background:var(--_rs-cl-chip-active-background);
435
435
  }
436
- ._chip_1xl8zrw_62._selected_1xl8zrw_172{
436
+ ._chip_5opd7e_62._selected_5opd7e_172{
437
437
  --_rs-cl-chip-border-color:var(--_rs-cl-chip-selected-border-color);
438
438
  --_rs-cl-chip-border-width:2px;
439
439
 
440
440
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
441
441
  }
442
- ._disabled_1xl8zrw_179 ._chip_1xl8zrw_62{
442
+ ._disabled_5opd7e_179 ._chip_5opd7e_62{
443
443
  --_rs-cl-chip-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
444
444
 
445
445
  pointer-events:none;
@@ -448,10 +448,10 @@
448
448
 
449
449
  background:transparent;
450
450
  }
451
- ._disabled_1xl8zrw_179 ._chip_1xl8zrw_62._selected_1xl8zrw_172{
451
+ ._disabled_5opd7e_179 ._chip_5opd7e_62._selected_5opd7e_172{
452
452
  --_rs-cl-chip-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.4);
453
453
  }
454
- ._chip_1xl8zrw_62::before{
454
+ ._chip_5opd7e_62::before{
455
455
  position:absolute;
456
456
  top:0;
457
457
  right:0;
@@ -470,7 +470,7 @@
470
470
 
471
471
  transition:border-color 100ms;
472
472
  }
473
- ._chip_1xl8zrw_62 ._icon_1xl8zrw_212{
473
+ ._chip_5opd7e_62 ._icon_5opd7e_212{
474
474
  -webkit-box-flex:0;
475
475
  -ms-flex:0 0 auto;
476
476
  flex:0 0 auto;
@@ -481,7 +481,7 @@
481
481
  margin:0;
482
482
  fill:currentColor;
483
483
  }
484
- ._withoutText_1xl8zrw_223{
484
+ ._withoutText_5opd7e_223{
485
485
  --_rs-cl-chip-horizontal-real-padding:var(--_rs-cl-chip-icon-only-padding);
486
486
  --_rs-cl-chip-vertical-real-padding:var(--_rs-cl-chip-icon-only-padding);
487
487
  }
package/lib/parts/chip-list.p.module.css.js CHANGED
@@ -1,26 +1,26 @@
1
1
  var styles = {
2
- "light": "_light_1xl8zrw_8",
3
- "dark": "_dark_1xl8zrw_11",
4
- "alignLeft": "_alignLeft_1xl8zrw_15",
5
- "alignCenter": "_alignCenter_1xl8zrw_18",
6
- "alignRight": "_alignRight_1xl8zrw_21",
7
- "sizeXs": "_sizeXs_1xl8zrw_25",
8
- "sizeS": "_sizeS_1xl8zrw_28",
9
- "sizeM": "_sizeM_1xl8zrw_31",
10
- "sizeL": "_sizeL_1xl8zrw_34",
11
- "innerOffsetL": "_innerOffsetL_1xl8zrw_38",
12
- "innerOffsetM": "_innerOffsetM_1xl8zrw_41",
13
- "classic": "_classic_1xl8zrw_45",
14
- "rock": "_rock_1xl8zrw_48",
15
- "compact": "_compact_1xl8zrw_52",
16
- "main": "_main_1xl8zrw_56",
17
- "chipsContainer": "_chipsContainer_1xl8zrw_62",
18
- "alignIconLeft": "_alignIconLeft_1xl8zrw_72",
19
- "alignIconRight": "_alignIconRight_1xl8zrw_75",
20
- "chip": "_chip_1xl8zrw_62",
21
- "selected": "_selected_1xl8zrw_172",
22
- "disabled": "_disabled_1xl8zrw_179",
23
- "icon": "_icon_1xl8zrw_212",
24
- "withoutText": "_withoutText_1xl8zrw_223"
2
+ "light": "_light_5opd7e_8",
3
+ "dark": "_dark_5opd7e_11",
4
+ "alignLeft": "_alignLeft_5opd7e_15",
5
+ "alignCenter": "_alignCenter_5opd7e_18",
6
+ "alignRight": "_alignRight_5opd7e_21",
7
+ "sizeXs": "_sizeXs_5opd7e_25",
8
+ "sizeS": "_sizeS_5opd7e_28",
9
+ "sizeM": "_sizeM_5opd7e_31",
10
+ "sizeL": "_sizeL_5opd7e_34",
11
+ "innerOffsetL": "_innerOffsetL_5opd7e_38",
12
+ "innerOffsetM": "_innerOffsetM_5opd7e_41",
13
+ "classic": "_classic_5opd7e_45",
14
+ "rock": "_rock_5opd7e_48",
15
+ "compact": "_compact_5opd7e_52",
16
+ "main": "_main_5opd7e_56",
17
+ "chipsContainer": "_chipsContainer_5opd7e_62",
18
+ "alignIconLeft": "_alignIconLeft_5opd7e_72",
19
+ "alignIconRight": "_alignIconRight_5opd7e_75",
20
+ "chip": "_chip_5opd7e_62",
21
+ "selected": "_selected_5opd7e_172",
22
+ "disabled": "_disabled_5opd7e_179",
23
+ "icon": "_icon_5opd7e_212",
24
+ "withoutText": "_withoutText_5opd7e_223"
25
25
  };
26
26
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/chip-list",
3
- "version": "0.11.0",
3
+ "version": "0.11.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -15,7 +15,6 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
- "@juggle/resize-observer": "3.3.0",
19
18
  "classnames": "^2.2.6",
20
19
  "core-js": "^3.9.1"
21
20
  },
@@ -35,5 +34,5 @@
35
34
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
36
35
  },
37
36
  "nx": {},
38
- "gitHead": "8854056aed712313cea5db9d1876647d349a7db5"
37
+ "gitHead": "2c56accd194893854decb2f8a9f95583e14921f1"
39
38
  }