@rescui/chip-list 0.13.4 → 0.13.5

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 (5) hide show
  1. package/lib/index.css +56 -52
  2. package/lib/parts/chip-list.p.module.css.js +23 -23
  3. package/lib/public-api.p.css +24 -16
  4. package/lib/public-api.pcss +24 -16
  5. package/package.json +3 -3
package/lib/index.css CHANGED
@@ -1,19 +1,19 @@
1
- ._light_k7r2qp_8{
1
+ ._light_nm7yw3_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._dark_k7r2qp_11{
4
+ ._dark_nm7yw3_11{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._alignLeft_k7r2qp_15{
7
+ ._alignLeft_nm7yw3_15{
8
8
  --_rs-cl-align:left;
9
9
  }
10
- ._alignCenter_k7r2qp_18{
10
+ ._alignCenter_nm7yw3_18{
11
11
  --_rs-cl-align:center;
12
12
  }
13
- ._alignRight_k7r2qp_21{
13
+ ._alignRight_nm7yw3_21{
14
14
  --_rs-cl-align:right;
15
15
  }
16
- ._sizeXs_k7r2qp_25{
16
+ ._sizeXs_nm7yw3_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_k7r2qp_25 [data-rs-internal='chip-list__chip']{
30
+ ._sizeXs_nm7yw3_25 [data-rs-internal='chip-list__chip']{
31
31
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
32
32
  --_rs-typography-text-transform:initial;
33
33
  --_rs-typography-font-variant-numeric:initial;
@@ -54,14 +54,15 @@
54
54
  )
55
55
  );
56
56
  --_rs-typography-text-auto-offset:8px;
57
- --_rs-typography-ul-list-li-padding-left:28px;
58
- --_rs-typography-ol-list-li-padding-left:21px;
57
+ --_rs-typography-ul-bullet-offset:2px;
58
+ --_rs-typography-list-li-compact-left-offset:15px;
59
+ --_rs-typography-list-li-default-left-offset:19px;
59
60
  --_rs-typography-list-li-margin-top-from-text:8px;
60
61
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
61
62
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
62
63
  --_rs-typography-link-border-bottom-width-from-text:1px;
63
64
  }
64
- ._sizeS_k7r2qp_28{
65
+ ._sizeS_nm7yw3_28{
65
66
  --_rs-cl-chip-base-border-radius:16px;
66
67
  --_rs-cl-chip-compact-border-radius:4px;
67
68
  --_rs-cl-chip-vertical-padding:6px;
@@ -75,7 +76,7 @@
75
76
  --_rs-cl-compact-horizontal-gap:6px;
76
77
  --_rs-cl-sparse-horizontal-gap:12px;
77
78
  }
78
- ._sizeS_k7r2qp_28 [data-rs-internal='chip-list__chip']{
79
+ ._sizeS_nm7yw3_28 [data-rs-internal='chip-list__chip']{
79
80
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
80
81
  --_rs-typography-text-transform:initial;
81
82
  --_rs-typography-font-variant-numeric:initial;
@@ -102,14 +103,15 @@
102
103
  )
103
104
  );
104
105
  --_rs-typography-text-auto-offset:8px;
105
- --_rs-typography-ul-list-li-padding-left:28px;
106
- --_rs-typography-ol-list-li-padding-left:21px;
106
+ --_rs-typography-ul-bullet-offset:2px;
107
+ --_rs-typography-list-li-compact-left-offset:15px;
108
+ --_rs-typography-list-li-default-left-offset:19px;
107
109
  --_rs-typography-list-li-margin-top-from-text:8px;
108
110
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
109
111
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
110
112
  --_rs-typography-link-border-bottom-width-from-text:1px;
111
113
  }
112
- ._sizeM_k7r2qp_31{
114
+ ._sizeM_nm7yw3_31{
113
115
  --_rs-cl-chip-base-border-radius:20px;
114
116
  --_rs-cl-chip-compact-border-radius:8px;
115
117
  --_rs-cl-chip-vertical-padding:8px;
@@ -123,7 +125,7 @@
123
125
  --_rs-cl-compact-horizontal-gap:6px;
124
126
  --_rs-cl-sparse-horizontal-gap:16px;
125
127
  }
126
- ._sizeM_k7r2qp_31 [data-rs-internal='chip-list__chip']{
128
+ ._sizeM_nm7yw3_31 [data-rs-internal='chip-list__chip']{
127
129
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
128
130
  --_rs-typography-text-transform:initial;
129
131
  --_rs-typography-font-variant-numeric:initial;
@@ -150,8 +152,9 @@
150
152
  )
151
153
  );
152
154
  --_rs-typography-text-auto-offset:16px;
153
- --_rs-typography-ul-list-li-padding-left:22px;
154
- --_rs-typography-ol-list-li-padding-left:26px;
155
+ --_rs-typography-ul-bullet-offset:2px;
156
+ --_rs-typography-list-li-compact-left-offset:18px;
157
+ --_rs-typography-list-li-default-left-offset:24px;
155
158
  --_rs-typography-list-li-margin-top-from-text:var(
156
159
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
157
160
  16px
@@ -161,11 +164,11 @@
161
164
  --_rs-typography-link-border-bottom-width-from-text:1px;
162
165
  }
163
166
  @media screen and (max-width: 640px){
164
- ._sizeM_k7r2qp_31 [data-rs-internal='chip-list__chip']{
167
+ ._sizeM_nm7yw3_31 [data-rs-internal='chip-list__chip']{
165
168
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
166
169
  }
167
170
  }
168
- ._sizeL_k7r2qp_34{
171
+ ._sizeL_nm7yw3_34{
169
172
  --_rs-cl-chip-base-border-radius:26px;
170
173
  --_rs-cl-chip-compact-border-radius:12px;
171
174
  --_rs-cl-chip-vertical-padding:12px;
@@ -180,11 +183,11 @@
180
183
  --_rs-cl-sparse-horizontal-gap:16px;
181
184
  }
182
185
  @media screen and (max-width: 640px){
183
- ._sizeL_k7r2qp_34{
186
+ ._sizeL_nm7yw3_34{
184
187
  --_rs-cl-vertical-gap:12px;
185
188
  }
186
189
  }
187
- ._sizeL_k7r2qp_34 [data-rs-internal='chip-list__chip']{
190
+ ._sizeL_nm7yw3_34 [data-rs-internal='chip-list__chip']{
188
191
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
189
192
  --_rs-typography-text-transform:initial;
190
193
  --_rs-typography-font-variant-numeric:initial;
@@ -211,8 +214,9 @@
211
214
  )
212
215
  );
213
216
  --_rs-typography-text-auto-offset:32px;
214
- --_rs-typography-ul-list-li-padding-left:26px;
215
- --_rs-typography-ol-list-li-padding-left:32px;
217
+ --_rs-typography-ul-bullet-offset:2px;
218
+ --_rs-typography-list-li-compact-left-offset:22px;
219
+ --_rs-typography-list-li-default-left-offset:28px;
216
220
  --_rs-typography-list-li-margin-top-from-text:var(
217
221
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
218
222
  24px
@@ -222,34 +226,34 @@
222
226
  --_rs-typography-link-border-bottom-width-from-text:1px;
223
227
  }
224
228
  @media screen and (max-width: 640px){
225
- ._sizeL_k7r2qp_34 [data-rs-internal='chip-list__chip']{
229
+ ._sizeL_nm7yw3_34 [data-rs-internal='chip-list__chip']{
226
230
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
227
231
  }
228
232
  }
229
- ._innerOffsetL_k7r2qp_38{
233
+ ._innerOffsetL_nm7yw3_38{
230
234
  --_rs-cl-horizontal-gap-from-sparse:var(--_rs-cl-sparse-horizontal-gap);
231
235
  }
232
236
  @media screen and (max-width: 640px){
233
- ._innerOffsetL_k7r2qp_38{
237
+ ._innerOffsetL_nm7yw3_38{
234
238
  --_rs-cl-horizontal-gap-from-sparse:var(--_rs-cl-base-horizontal-gap);
235
239
  }
236
240
  }
237
- ._innerOffsetM_k7r2qp_41{
241
+ ._innerOffsetM_nm7yw3_41{
238
242
  --_rs-cl-horizontal-gap-from-sparse:initial;
239
243
  }
240
- ._classic_k7r2qp_45{
244
+ ._classic_nm7yw3_45{
241
245
  --_rs-cl-chip-active-border-color:var(--_rs-color-primary);
242
246
  --_rs-cl-chip-selected-border-color:var(--_rs-color-primary);
243
247
  --_rs-cl-chip-hover-background:var(--_rs-color-primary-t-fog);
244
248
  --_rs-cl-chip-active-background:var(--_rs-color-primary-t-fog);
245
249
  }
246
- ._rock_k7r2qp_48{
250
+ ._rock_nm7yw3_48{
247
251
  --_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));
248
252
  --_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));
249
253
  --_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);
250
254
  --_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);
251
255
  }
252
- ._compact_k7r2qp_52{
256
+ ._compact_nm7yw3_52{
253
257
  --_rs-cl-chip-border-radius-from-compact:var(
254
258
  --_rs-cl-chip-compact-border-radius
255
259
  );
@@ -258,7 +262,7 @@
258
262
  );
259
263
  --_rs-cl-horizontal-gap-from-compact:var(--_rs-cl-compact-horizontal-gap);
260
264
  }
261
- ._main_k7r2qp_56{
265
+ ._main_nm7yw3_56{
262
266
  --_rs-theme-dark:var(
263
267
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
264
268
  var(--rs-theme-dark, 0)
@@ -268,7 +272,7 @@
268
272
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
269
273
  }
270
274
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
271
- ._main_k7r2qp_56{
275
+ ._main_nm7yw3_56{
272
276
  --_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)));
273
277
  --_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)));
274
278
  --_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)));
@@ -277,7 +281,7 @@
277
281
  }
278
282
  }
279
283
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
280
- ._main_k7r2qp_56{
284
+ ._main_nm7yw3_56{
281
285
  --_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);
282
286
  --_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));
283
287
  --_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));
@@ -285,7 +289,7 @@
285
289
  --_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));
286
290
  }
287
291
  }
288
- ._main_k7r2qp_56 {
292
+ ._main_nm7yw3_56 {
289
293
  --_rs-cl-chip-border-radius:var(
290
294
  --_rs-cl-chip-border-radius-from-compact,
291
295
  var(--_rs-cl-chip-base-border-radius)
@@ -299,7 +303,7 @@
299
303
  var(--_rs-cl-horizontal-gap-from-sparse, var(--_rs-cl-base-horizontal-gap))
300
304
  );
301
305
  }
302
- ._chipsContainer_k7r2qp_62{
306
+ ._chipsContainer_nm7yw3_62{
303
307
  position:relative;
304
308
 
305
309
  display:flex;
@@ -308,17 +312,17 @@
308
312
 
309
313
  gap:var(--_rs-cl-vertical-gap) var(--_rs-cl-horizontal-gap);
310
314
  }
311
- ._alignIconLeft_k7r2qp_72{
315
+ ._alignIconLeft_nm7yw3_72{
312
316
  --_rs-cl-chip-icon-flex-direction:row;
313
317
  --_rs-cl-chip-icon-position-multiplier-left:1;
314
318
  --_rs-cl-chip-icon-position-multiplier-right:0;
315
319
  }
316
- ._alignIconRight_k7r2qp_75{
320
+ ._alignIconRight_nm7yw3_75{
317
321
  --_rs-cl-chip-icon-flex-direction:row-reverse;
318
322
  --_rs-cl-chip-icon-position-multiplier-left:0;
319
323
  --_rs-cl-chip-icon-position-multiplier-right:1;
320
324
  }
321
- ._chip_k7r2qp_62{
325
+ ._chip_nm7yw3_62{
322
326
  letter-spacing:var(
323
327
  --rs-text-base-letter-spacing,
324
328
  var(--_rs-typography-letter-spacing)
@@ -370,22 +374,22 @@
370
374
  -moz-osx-font-smoothing:inherit;
371
375
  -webkit-appearance:none;
372
376
  }
373
- ._chip_k7r2qp_62::-moz-focus-inner{
377
+ ._chip_nm7yw3_62::-moz-focus-inner{
374
378
  padding:0;
375
379
 
376
380
  border:none;
377
381
  }
378
- ._chip_k7r2qp_62:hover,
379
- ._chip_k7r2qp_62:focus,
380
- ._chip_k7r2qp_62:active{
382
+ ._chip_nm7yw3_62:hover,
383
+ ._chip_nm7yw3_62:focus,
384
+ ._chip_nm7yw3_62:active{
381
385
  outline:none;
382
386
 
383
387
  text-decoration:none;
384
388
  }
385
- ._chip_k7r2qp_62:focus[data-focus-method='key']{
389
+ ._chip_nm7yw3_62:focus[data-focus-method='key']{
386
390
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
387
391
  }
388
- ._chip_k7r2qp_62:focus{
392
+ ._chip_nm7yw3_62:focus{
389
393
  --_rs-cl-chip-border-color:rgba(
390
394
  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),
391
395
  calc(0.3 + var(--_rs-theme-dark-coefficient)*0.1)
@@ -394,7 +398,7 @@
394
398
  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));
395
399
  }
396
400
  @media (hover: hover){
397
- ._chip_k7r2qp_62:hover{
401
+ ._chip_nm7yw3_62:hover{
398
402
  --_rs-cl-chip-border-color:rgba(
399
403
  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),
400
404
  calc(0.3 + var(--_rs-theme-dark-coefficient)*0.1)
@@ -405,20 +409,20 @@
405
409
  background:var(--_rs-cl-chip-hover-background);
406
410
  }
407
411
  }
408
- ._chip_k7r2qp_62:active{
412
+ ._chip_nm7yw3_62:active{
409
413
  --_rs-cl-chip-border-color:var(--_rs-cl-chip-active-border-color);
410
414
 
411
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));
412
416
 
413
417
  background:var(--_rs-cl-chip-active-background);
414
418
  }
415
- ._chip_k7r2qp_62._selected_k7r2qp_172{
419
+ ._chip_nm7yw3_62._selected_nm7yw3_172{
416
420
  --_rs-cl-chip-border-color:var(--_rs-cl-chip-selected-border-color);
417
421
  --_rs-cl-chip-border-width:2px;
418
422
 
419
423
  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));
420
424
  }
421
- ._disabled_k7r2qp_179 ._chip_k7r2qp_62{
425
+ ._disabled_nm7yw3_179 ._chip_nm7yw3_62{
422
426
  --_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);
423
427
 
424
428
  pointer-events:none;
@@ -427,10 +431,10 @@
427
431
 
428
432
  background:transparent;
429
433
  }
430
- ._disabled_k7r2qp_179 ._chip_k7r2qp_62._selected_k7r2qp_172{
434
+ ._disabled_nm7yw3_179 ._chip_nm7yw3_62._selected_nm7yw3_172{
431
435
  --_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);
432
436
  }
433
- ._chip_k7r2qp_62::before{
437
+ ._chip_nm7yw3_62::before{
434
438
  position:absolute;
435
439
  top:0;
436
440
  right:0;
@@ -447,7 +451,7 @@
447
451
 
448
452
  transition:border-color 100ms;
449
453
  }
450
- ._chip_k7r2qp_62 ._icon_k7r2qp_212{
454
+ ._chip_nm7yw3_62 ._icon_nm7yw3_212{
451
455
  flex:0 0 auto;
452
456
 
453
457
  width:auto;
@@ -456,7 +460,7 @@
456
460
  margin:0;
457
461
  fill:currentColor;
458
462
  }
459
- ._withoutText_k7r2qp_223{
463
+ ._withoutText_nm7yw3_223{
460
464
  --_rs-cl-chip-horizontal-real-padding:var(--_rs-cl-chip-icon-only-padding);
461
465
  --_rs-cl-chip-vertical-real-padding:var(--_rs-cl-chip-icon-only-padding);
462
466
  }
package/lib/parts/chip-list.p.module.css.js CHANGED
@@ -1,26 +1,26 @@
1
1
  var styles = {
2
- "light": "_light_k7r2qp_8",
3
- "dark": "_dark_k7r2qp_11",
4
- "alignLeft": "_alignLeft_k7r2qp_15",
5
- "alignCenter": "_alignCenter_k7r2qp_18",
6
- "alignRight": "_alignRight_k7r2qp_21",
7
- "sizeXs": "_sizeXs_k7r2qp_25",
8
- "sizeS": "_sizeS_k7r2qp_28",
9
- "sizeM": "_sizeM_k7r2qp_31",
10
- "sizeL": "_sizeL_k7r2qp_34",
11
- "innerOffsetL": "_innerOffsetL_k7r2qp_38",
12
- "innerOffsetM": "_innerOffsetM_k7r2qp_41",
13
- "classic": "_classic_k7r2qp_45",
14
- "rock": "_rock_k7r2qp_48",
15
- "compact": "_compact_k7r2qp_52",
16
- "main": "_main_k7r2qp_56",
17
- "chipsContainer": "_chipsContainer_k7r2qp_62",
18
- "alignIconLeft": "_alignIconLeft_k7r2qp_72",
19
- "alignIconRight": "_alignIconRight_k7r2qp_75",
20
- "chip": "_chip_k7r2qp_62",
21
- "selected": "_selected_k7r2qp_172",
22
- "disabled": "_disabled_k7r2qp_179",
23
- "icon": "_icon_k7r2qp_212",
24
- "withoutText": "_withoutText_k7r2qp_223"
2
+ "light": "_light_nm7yw3_8",
3
+ "dark": "_dark_nm7yw3_11",
4
+ "alignLeft": "_alignLeft_nm7yw3_15",
5
+ "alignCenter": "_alignCenter_nm7yw3_18",
6
+ "alignRight": "_alignRight_nm7yw3_21",
7
+ "sizeXs": "_sizeXs_nm7yw3_25",
8
+ "sizeS": "_sizeS_nm7yw3_28",
9
+ "sizeM": "_sizeM_nm7yw3_31",
10
+ "sizeL": "_sizeL_nm7yw3_34",
11
+ "innerOffsetL": "_innerOffsetL_nm7yw3_38",
12
+ "innerOffsetM": "_innerOffsetM_nm7yw3_41",
13
+ "classic": "_classic_nm7yw3_45",
14
+ "rock": "_rock_nm7yw3_48",
15
+ "compact": "_compact_nm7yw3_52",
16
+ "main": "_main_nm7yw3_56",
17
+ "chipsContainer": "_chipsContainer_nm7yw3_62",
18
+ "alignIconLeft": "_alignIconLeft_nm7yw3_72",
19
+ "alignIconRight": "_alignIconRight_nm7yw3_75",
20
+ "chip": "_chip_nm7yw3_62",
21
+ "selected": "_selected_nm7yw3_172",
22
+ "disabled": "_disabled_nm7yw3_179",
23
+ "icon": "_icon_nm7yw3_212",
24
+ "withoutText": "_withoutText_nm7yw3_223"
25
25
  };
26
26
  export { styles as default };
package/lib/public-api.p.css CHANGED
@@ -70,8 +70,9 @@
70
70
  )
71
71
  );
72
72
  --_rs-typography-text-auto-offset:8px;
73
- --_rs-typography-ul-list-li-padding-left:28px;
74
- --_rs-typography-ol-list-li-padding-left:21px;
73
+ --_rs-typography-ul-bullet-offset:2px;
74
+ --_rs-typography-list-li-compact-left-offset:15px;
75
+ --_rs-typography-list-li-default-left-offset:19px;
75
76
  --_rs-typography-list-li-margin-top-from-text:8px;
76
77
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
77
78
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -120,8 +121,9 @@
120
121
  )
121
122
  );
122
123
  --_rs-typography-text-auto-offset:8px;
123
- --_rs-typography-ul-list-li-padding-left:28px;
124
- --_rs-typography-ol-list-li-padding-left:21px;
124
+ --_rs-typography-ul-bullet-offset:2px;
125
+ --_rs-typography-list-li-compact-left-offset:15px;
126
+ --_rs-typography-list-li-default-left-offset:19px;
125
127
  --_rs-typography-list-li-margin-top-from-text:8px;
126
128
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
127
129
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -170,8 +172,9 @@
170
172
  )
171
173
  );
172
174
  --_rs-typography-text-auto-offset:16px;
173
- --_rs-typography-ul-list-li-padding-left:22px;
174
- --_rs-typography-ol-list-li-padding-left:26px;
175
+ --_rs-typography-ul-bullet-offset:2px;
176
+ --_rs-typography-list-li-compact-left-offset:18px;
177
+ --_rs-typography-list-li-default-left-offset:24px;
175
178
  --_rs-typography-list-li-margin-top-from-text:var(
176
179
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
177
180
  16px
@@ -233,8 +236,9 @@
233
236
  )
234
237
  );
235
238
  --_rs-typography-text-auto-offset:32px;
236
- --_rs-typography-ul-list-li-padding-left:26px;
237
- --_rs-typography-ol-list-li-padding-left:32px;
239
+ --_rs-typography-ul-bullet-offset:2px;
240
+ --_rs-typography-list-li-compact-left-offset:22px;
241
+ --_rs-typography-list-li-default-left-offset:28px;
238
242
  --_rs-typography-list-li-margin-top-from-text:var(
239
243
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
240
244
  24px
@@ -351,8 +355,9 @@
351
355
  )
352
356
  );
353
357
  --_rs-typography-text-auto-offset:8px;
354
- --_rs-typography-ul-list-li-padding-left:28px;
355
- --_rs-typography-ol-list-li-padding-left:21px;
358
+ --_rs-typography-ul-bullet-offset:2px;
359
+ --_rs-typography-list-li-compact-left-offset:15px;
360
+ --_rs-typography-list-li-default-left-offset:19px;
356
361
  --_rs-typography-list-li-margin-top-from-text:8px;
357
362
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
358
363
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -401,8 +406,9 @@
401
406
  )
402
407
  );
403
408
  --_rs-typography-text-auto-offset:8px;
404
- --_rs-typography-ul-list-li-padding-left:28px;
405
- --_rs-typography-ol-list-li-padding-left:21px;
409
+ --_rs-typography-ul-bullet-offset:2px;
410
+ --_rs-typography-list-li-compact-left-offset:15px;
411
+ --_rs-typography-list-li-default-left-offset:19px;
406
412
  --_rs-typography-list-li-margin-top-from-text:8px;
407
413
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
408
414
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -451,8 +457,9 @@
451
457
  )
452
458
  );
453
459
  --_rs-typography-text-auto-offset:16px;
454
- --_rs-typography-ul-list-li-padding-left:22px;
455
- --_rs-typography-ol-list-li-padding-left:26px;
460
+ --_rs-typography-ul-bullet-offset:2px;
461
+ --_rs-typography-list-li-compact-left-offset:18px;
462
+ --_rs-typography-list-li-default-left-offset:24px;
456
463
  --_rs-typography-list-li-margin-top-from-text:var(
457
464
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
458
465
  16px
@@ -514,8 +521,9 @@
514
521
  )
515
522
  );
516
523
  --_rs-typography-text-auto-offset:32px;
517
- --_rs-typography-ul-list-li-padding-left:26px;
518
- --_rs-typography-ol-list-li-padding-left:32px;
524
+ --_rs-typography-ul-bullet-offset:2px;
525
+ --_rs-typography-list-li-compact-left-offset:22px;
526
+ --_rs-typography-list-li-default-left-offset:28px;
519
527
  --_rs-typography-list-li-margin-top-from-text:var(
520
528
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
521
529
  24px
package/lib/public-api.pcss CHANGED
@@ -70,8 +70,9 @@
70
70
  )
71
71
  );
72
72
  --_rs-typography-text-auto-offset:8px;
73
- --_rs-typography-ul-list-li-padding-left:28px;
74
- --_rs-typography-ol-list-li-padding-left:21px;
73
+ --_rs-typography-ul-bullet-offset:2px;
74
+ --_rs-typography-list-li-compact-left-offset:15px;
75
+ --_rs-typography-list-li-default-left-offset:19px;
75
76
  --_rs-typography-list-li-margin-top-from-text:8px;
76
77
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
77
78
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -120,8 +121,9 @@
120
121
  )
121
122
  );
122
123
  --_rs-typography-text-auto-offset:8px;
123
- --_rs-typography-ul-list-li-padding-left:28px;
124
- --_rs-typography-ol-list-li-padding-left:21px;
124
+ --_rs-typography-ul-bullet-offset:2px;
125
+ --_rs-typography-list-li-compact-left-offset:15px;
126
+ --_rs-typography-list-li-default-left-offset:19px;
125
127
  --_rs-typography-list-li-margin-top-from-text:8px;
126
128
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
127
129
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -170,8 +172,9 @@
170
172
  )
171
173
  );
172
174
  --_rs-typography-text-auto-offset:16px;
173
- --_rs-typography-ul-list-li-padding-left:22px;
174
- --_rs-typography-ol-list-li-padding-left:26px;
175
+ --_rs-typography-ul-bullet-offset:2px;
176
+ --_rs-typography-list-li-compact-left-offset:18px;
177
+ --_rs-typography-list-li-default-left-offset:24px;
175
178
  --_rs-typography-list-li-margin-top-from-text:var(
176
179
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
177
180
  16px
@@ -233,8 +236,9 @@
233
236
  )
234
237
  );
235
238
  --_rs-typography-text-auto-offset:32px;
236
- --_rs-typography-ul-list-li-padding-left:26px;
237
- --_rs-typography-ol-list-li-padding-left:32px;
239
+ --_rs-typography-ul-bullet-offset:2px;
240
+ --_rs-typography-list-li-compact-left-offset:22px;
241
+ --_rs-typography-list-li-default-left-offset:28px;
238
242
  --_rs-typography-list-li-margin-top-from-text:var(
239
243
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
240
244
  24px
@@ -351,8 +355,9 @@
351
355
  )
352
356
  );
353
357
  --_rs-typography-text-auto-offset:8px;
354
- --_rs-typography-ul-list-li-padding-left:28px;
355
- --_rs-typography-ol-list-li-padding-left:21px;
358
+ --_rs-typography-ul-bullet-offset:2px;
359
+ --_rs-typography-list-li-compact-left-offset:15px;
360
+ --_rs-typography-list-li-default-left-offset:19px;
356
361
  --_rs-typography-list-li-margin-top-from-text:8px;
357
362
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
358
363
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -401,8 +406,9 @@
401
406
  )
402
407
  );
403
408
  --_rs-typography-text-auto-offset:8px;
404
- --_rs-typography-ul-list-li-padding-left:28px;
405
- --_rs-typography-ol-list-li-padding-left:21px;
409
+ --_rs-typography-ul-bullet-offset:2px;
410
+ --_rs-typography-list-li-compact-left-offset:15px;
411
+ --_rs-typography-list-li-default-left-offset:19px;
406
412
  --_rs-typography-list-li-margin-top-from-text:8px;
407
413
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
408
414
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -451,8 +457,9 @@
451
457
  )
452
458
  );
453
459
  --_rs-typography-text-auto-offset:16px;
454
- --_rs-typography-ul-list-li-padding-left:22px;
455
- --_rs-typography-ol-list-li-padding-left:26px;
460
+ --_rs-typography-ul-bullet-offset:2px;
461
+ --_rs-typography-list-li-compact-left-offset:18px;
462
+ --_rs-typography-list-li-default-left-offset:24px;
456
463
  --_rs-typography-list-li-margin-top-from-text:var(
457
464
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
458
465
  16px
@@ -514,8 +521,9 @@
514
521
  )
515
522
  );
516
523
  --_rs-typography-text-auto-offset:32px;
517
- --_rs-typography-ul-list-li-padding-left:26px;
518
- --_rs-typography-ol-list-li-padding-left:32px;
524
+ --_rs-typography-ul-bullet-offset:2px;
525
+ --_rs-typography-list-li-compact-left-offset:22px;
526
+ --_rs-typography-list-li-default-left-offset:28px;
519
527
  --_rs-typography-list-li-margin-top-from-text:var(
520
528
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
521
529
  24px
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/chip-list",
3
- "version": "0.13.4",
3
+ "version": "0.13.5",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -26,7 +26,7 @@
26
26
  "devDependencies": {
27
27
  "@rescui/colors": "^0.3.0",
28
28
  "@rescui/scripts": "^0.5.1",
29
- "@rescui/typography": "^0.24.4",
29
+ "@rescui/typography": "^0.25.0",
30
30
  "@rescui/visual-regression": "^0.1.4"
31
31
  },
32
32
  "scripts": {
@@ -34,5 +34,5 @@
34
34
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
35
35
  },
36
36
  "nx": {},
37
- "gitHead": "1c29c8940bcec78d637ea6070ee8a63c258c8e89"
37
+ "gitHead": "59db2e6ea5eabdcabc035779df2611d0df5a0cbe"
38
38
  }