@rescui/typography 0.20.0 → 0.21.1-RUI-229-Mark-packages-as-ES-modules-62bc27a1.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.
Files changed (8) hide show
  1. package/lib/index-moduled.css +168 -141
  2. package/lib/index-moduled.p.module.css.js +120 -120
  3. package/lib/index.css +53 -26
  4. package/lib/mixins.p.css +89 -47
  5. package/lib/mixins.pcss +89 -47
  6. package/lib/public-api.p.css +139 -73
  7. package/lib/public-api.pcss +139 -73
  8. package/package.json +12 -6
package/lib/public-api.pcss CHANGED
@@ -62,7 +62,7 @@
62
62
  color:var(--_rs-typography-base-color);
63
63
  }
64
64
  @define-mixin rs-typography-digits-1{
65
- --_rs-typography-letter-spacing:-0.005em;
65
+ --_rs-typography-letter-spacing:var(--rs-digits-1-letter-spacing, -0.005em);
66
66
  --_rs-typography-text-transform:initial;
67
67
  --_rs-typography-font-variant-numeric:tabular-nums;
68
68
  --_rs-typography-font-family:var(
@@ -107,7 +107,7 @@
107
107
  }
108
108
  }
109
109
  @define-mixin rs-typography-digits-2{
110
- --_rs-typography-letter-spacing:-0.005em;
110
+ --_rs-typography-letter-spacing:var(--rs-digits-2-letter-spacing, -0.005em);
111
111
  --_rs-typography-text-transform:initial;
112
112
  --_rs-typography-font-variant-numeric:tabular-nums;
113
113
  --_rs-typography-font-family:var(
@@ -146,7 +146,7 @@
146
146
  --_rs-typography-link-border-bottom-width-from-text:2px;
147
147
  }
148
148
  @define-mixin rs-typography-super-hero{
149
- --_rs-typography-letter-spacing:-0.02em;
149
+ --_rs-typography-letter-spacing:var(--rs-super-hero-letter-spacing, -0.02em);
150
150
  --_rs-typography-text-transform:initial;
151
151
  --_rs-typography-font-variant-numeric:initial;
152
152
  --_rs-typography-font-family:var(
@@ -192,7 +192,10 @@
192
192
  --rs-middle-hero-line-height,
193
193
  92px
194
194
  );
195
- --_rs-typography-letter-spacing:-0.008em;
195
+ --_rs-typography-letter-spacing:var(
196
+ --rs-middle-hero-letter-spacing,
197
+ -0.008em
198
+ );
196
199
 
197
200
  --_rs-typography-link-border-bottom-width-from-text:3px;
198
201
  }
@@ -205,13 +208,19 @@
205
208
  --rs-middle-hero-line-height-mobile,
206
209
  62px
207
210
  );
208
- --_rs-typography-letter-spacing:-0.0007em;
211
+ --_rs-typography-letter-spacing:var(
212
+ --rs-middle-hero-letter-spacing-mobile,
213
+ -0.0007em
214
+ );
209
215
 
210
216
  --_rs-typography-link-border-bottom-width-from-text:2px;
211
217
  }
212
218
  }
213
219
  @define-mixin rs-typography-middle-hero{
214
- --_rs-typography-letter-spacing:-0.008em;
220
+ --_rs-typography-letter-spacing:var(
221
+ --rs-middle-hero-letter-spacing,
222
+ -0.008em
223
+ );
215
224
  --_rs-typography-text-transform:initial;
216
225
  --_rs-typography-font-variant-numeric:initial;
217
226
  --_rs-typography-font-family:var(
@@ -257,13 +266,16 @@
257
266
  --rs-middle-hero-line-height-mobile,
258
267
  62px
259
268
  );
260
- --_rs-typography-letter-spacing:-0.0007em;
269
+ --_rs-typography-letter-spacing:var(
270
+ --rs-middle-hero-letter-spacing-mobile,
271
+ -0.0007em
272
+ );
261
273
 
262
274
  --_rs-typography-link-border-bottom-width-from-text:2px;
263
275
  }
264
276
  }
265
277
  @define-mixin rs-typography-hero{
266
- --_rs-typography-letter-spacing:-0.005em;
278
+ --_rs-typography-letter-spacing:var(--rs-hero-letter-spacing, -0.005em);
267
279
  --_rs-typography-text-transform:initial;
268
280
  --_rs-typography-font-variant-numeric:initial;
269
281
  --_rs-typography-font-family:var(
@@ -306,13 +318,16 @@
306
318
  --rs-hero-line-height-mobile,
307
319
  50px
308
320
  );
309
- --_rs-typography-letter-spacing:-0.001em;
321
+ --_rs-typography-letter-spacing:var(
322
+ --rs-hero-letter-spacing-mobile,
323
+ -0.001em
324
+ );
310
325
 
311
326
  --_rs-typography-link-border-bottom-width-from-text:2px;
312
327
  }
313
328
  }
314
329
  @define-mixin rs-typography-subtitle-1{
315
- --_rs-typography-letter-spacing:normal;
330
+ --_rs-typography-letter-spacing:var(--rs-subtitle-1-letter-spacing, normal);
316
331
  --_rs-typography-text-transform:initial;
317
332
  --_rs-typography-font-variant-numeric:initial;
318
333
  --_rs-typography-font-family:var(
@@ -361,7 +376,7 @@
361
376
  }
362
377
  }
363
378
  @define-mixin rs-typography-subtitle-2{
364
- --_rs-typography-letter-spacing:normal;
379
+ --_rs-typography-letter-spacing:var(--rs-subtitle-2-letter-spacing, normal);
365
380
  --_rs-typography-text-transform:initial;
366
381
  --_rs-typography-font-variant-numeric:initial;
367
382
  --_rs-typography-font-family:var(
@@ -410,7 +425,7 @@
410
425
  }
411
426
  }
412
427
  @define-mixin rs-typography-h1{
413
- --_rs-typography-letter-spacing:-0.001em;
428
+ --_rs-typography-letter-spacing:var(--rs-h1-letter-spacing, -0.001em);
414
429
  --_rs-typography-text-transform:initial;
415
430
  --_rs-typography-font-variant-numeric:initial;
416
431
  --_rs-typography-font-family:var(
@@ -450,11 +465,11 @@
450
465
  --rs-h1-line-height-mobile,
451
466
  39px
452
467
  );
453
- --_rs-typography-letter-spacing:normal;
468
+ --_rs-typography-letter-spacing:var(--rs-h1-letter-spacing-mobile, normal);
454
469
  }
455
470
  }
456
471
  @define-mixin rs-typography-h2{
457
- --_rs-typography-letter-spacing:normal;
472
+ --_rs-typography-letter-spacing:var(--rs-h2-letter-spacing, normal);
458
473
  --_rs-typography-text-transform:initial;
459
474
  --_rs-typography-font-variant-numeric:initial;
460
475
  --_rs-typography-font-family:var(
@@ -497,7 +512,7 @@
497
512
  }
498
513
  }
499
514
  @define-mixin rs-typography-h3{
500
- --_rs-typography-letter-spacing:normal;
515
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
501
516
  --_rs-typography-text-transform:initial;
502
517
  --_rs-typography-font-variant-numeric:initial;
503
518
  --_rs-typography-font-family:var(
@@ -530,7 +545,7 @@
530
545
  --_rs-typography-link-border-bottom-width-from-text:2px;
531
546
  }
532
547
  @define-mixin rs-typography-h4{
533
- --_rs-typography-letter-spacing:normal;
548
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
534
549
  --_rs-typography-text-transform:initial;
535
550
  --_rs-typography-font-variant-numeric:initial;
536
551
  --_rs-typography-font-family:var(
@@ -563,7 +578,7 @@
563
578
  --_rs-typography-link-border-bottom-width-from-text:2px;
564
579
  }
565
580
  @define-mixin rs-typography-h5{
566
- --_rs-typography-letter-spacing:normal;
581
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
567
582
  --_rs-typography-text-transform:initial;
568
583
  --_rs-typography-font-variant-numeric:initial;
569
584
  --_rs-typography-font-family:var(
@@ -596,7 +611,7 @@
596
611
  --_rs-typography-link-border-bottom-width-from-text:2px;
597
612
  }
598
613
  @define-mixin rs-typography-text-1{
599
- --_rs-typography-letter-spacing:normal;
614
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
600
615
  --_rs-typography-text-transform:initial;
601
616
  --_rs-typography-font-variant-numeric:initial;
602
617
  --_rs-typography-font-family:var(
@@ -635,7 +650,7 @@
635
650
  }
636
651
  }
637
652
  @define-mixin rs-typography-text-2{
638
- --_rs-typography-letter-spacing:0.0015em;
653
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
639
654
  --_rs-typography-text-transform:initial;
640
655
  --_rs-typography-font-variant-numeric:initial;
641
656
  --_rs-typography-font-family:var(
@@ -674,7 +689,7 @@
674
689
  }
675
690
  }
676
691
  @define-mixin rs-typography-text-3{
677
- --_rs-typography-letter-spacing:0.0045em;
692
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
678
693
  --_rs-typography-text-transform:initial;
679
694
  --_rs-typography-font-variant-numeric:initial;
680
695
  --_rs-typography-font-family:var(
@@ -710,7 +725,7 @@
710
725
  --_rs-typography-link-border-bottom-width-from-text:1px;
711
726
  }
712
727
  @define-mixin rs-typography-overline{
713
- --_rs-typography-letter-spacing:0.1em;
728
+ --_rs-typography-letter-spacing:var(--rs-overline-letter-spacing, 0.1em);
714
729
  --_rs-typography-text-transform:uppercase;
715
730
  --_rs-typography-font-variant-numeric:initial;
716
731
  --_rs-typography-font-family:var(
@@ -981,7 +996,10 @@
981
996
  @define-mixin rs-typography-paragraph-auto-offset-styles{
982
997
  & > p:not(:nth-child(1)),
983
998
  & > pre:not(:nth-child(1)){
984
- margin-top:var(--_rs-typography-text-auto-offset, 0);
999
+ margin-top:var(
1000
+ --rs-typography-text-auto-offset,
1001
+ var(--_rs-typography-text-auto-offset, 0)
1002
+ );
985
1003
  }
986
1004
  }
987
1005
  @define-mixin rs-typography-list-styles{
@@ -1018,10 +1036,16 @@
1018
1036
  position:relative;
1019
1037
 
1020
1038
  margin-top:var(
1021
- --_rs-typography-list-li-margin-top,
1022
- var(--_rs-typography-list-li-margin-top-fallback)
1039
+ --rs-typography-list-li-margin-top,
1040
+ var(
1041
+ --_rs-typography-list-li-margin-top,
1042
+ var(--_rs-typography-list-li-margin-top-fallback)
1043
+ )
1044
+ );
1045
+ padding-left:var(
1046
+ --rs-typography-list-li-padding-left,
1047
+ var(--_rs-typography-list-li-padding-left)
1023
1048
  );
1024
- padding-left:var(--_rs-typography-list-li-padding-left);
1025
1049
 
1026
1050
  list-style-type:none;
1027
1051
  }
@@ -1347,7 +1371,7 @@
1347
1371
  --rs-theme-dark:1;
1348
1372
  }
1349
1373
  @define-mixin rs-typography-digits-1-full{
1350
- --_rs-typography-letter-spacing:-0.005em;
1374
+ --_rs-typography-letter-spacing:var(--rs-digits-1-letter-spacing, -0.005em);
1351
1375
  --_rs-typography-text-transform:initial;
1352
1376
  --_rs-typography-font-variant-numeric:tabular-nums;
1353
1377
  --_rs-typography-font-family:var(
@@ -1409,7 +1433,7 @@
1409
1433
  color:var(--_rs-typography-base-color);
1410
1434
  }
1411
1435
  @define-mixin rs-typography-digits-2-full{
1412
- --_rs-typography-letter-spacing:-0.005em;
1436
+ --_rs-typography-letter-spacing:var(--rs-digits-2-letter-spacing, -0.005em);
1413
1437
  --_rs-typography-text-transform:initial;
1414
1438
  --_rs-typography-font-variant-numeric:tabular-nums;
1415
1439
  --_rs-typography-font-family:var(
@@ -1465,7 +1489,7 @@
1465
1489
  color:var(--_rs-typography-base-color);
1466
1490
  }
1467
1491
  @define-mixin rs-typography-super-hero-full{
1468
- --_rs-typography-letter-spacing:-0.02em;
1492
+ --_rs-typography-letter-spacing:var(--rs-super-hero-letter-spacing, -0.02em);
1469
1493
  --_rs-typography-text-transform:initial;
1470
1494
  --_rs-typography-font-variant-numeric:initial;
1471
1495
  --_rs-typography-font-family:var(
@@ -1509,7 +1533,10 @@
1509
1533
  --rs-middle-hero-line-height,
1510
1534
  92px
1511
1535
  );
1512
- --_rs-typography-letter-spacing:-0.008em;
1536
+ --_rs-typography-letter-spacing:var(
1537
+ --rs-middle-hero-letter-spacing,
1538
+ -0.008em
1539
+ );
1513
1540
 
1514
1541
  --_rs-typography-link-border-bottom-width-from-text:3px;
1515
1542
  }
@@ -1522,7 +1549,10 @@
1522
1549
  --rs-middle-hero-line-height-mobile,
1523
1550
  62px
1524
1551
  );
1525
- --_rs-typography-letter-spacing:-0.0007em;
1552
+ --_rs-typography-letter-spacing:var(
1553
+ --rs-middle-hero-letter-spacing-mobile,
1554
+ -0.0007em
1555
+ );
1526
1556
 
1527
1557
  --_rs-typography-link-border-bottom-width-from-text:2px;
1528
1558
  }
@@ -1547,7 +1577,10 @@
1547
1577
  color:var(--_rs-typography-base-color);
1548
1578
  }
1549
1579
  @define-mixin rs-typography-middle-hero-full{
1550
- --_rs-typography-letter-spacing:-0.008em;
1580
+ --_rs-typography-letter-spacing:var(
1581
+ --rs-middle-hero-letter-spacing,
1582
+ -0.008em
1583
+ );
1551
1584
  --_rs-typography-text-transform:initial;
1552
1585
  --_rs-typography-font-variant-numeric:initial;
1553
1586
  --_rs-typography-font-family:var(
@@ -1591,7 +1624,10 @@
1591
1624
  --rs-middle-hero-line-height-mobile,
1592
1625
  62px
1593
1626
  );
1594
- --_rs-typography-letter-spacing:-0.0007em;
1627
+ --_rs-typography-letter-spacing:var(
1628
+ --rs-middle-hero-letter-spacing-mobile,
1629
+ -0.0007em
1630
+ );
1595
1631
 
1596
1632
  --_rs-typography-link-border-bottom-width-from-text:2px;
1597
1633
  }
@@ -1616,7 +1652,7 @@
1616
1652
  color:var(--_rs-typography-base-color);
1617
1653
  }
1618
1654
  @define-mixin rs-typography-hero-full{
1619
- --_rs-typography-letter-spacing:-0.005em;
1655
+ --_rs-typography-letter-spacing:var(--rs-hero-letter-spacing, -0.005em);
1620
1656
  --_rs-typography-text-transform:initial;
1621
1657
  --_rs-typography-font-variant-numeric:initial;
1622
1658
  --_rs-typography-font-family:var(
@@ -1657,7 +1693,10 @@
1657
1693
  --rs-hero-line-height-mobile,
1658
1694
  50px
1659
1695
  );
1660
- --_rs-typography-letter-spacing:-0.001em;
1696
+ --_rs-typography-letter-spacing:var(
1697
+ --rs-hero-letter-spacing-mobile,
1698
+ -0.001em
1699
+ );
1661
1700
 
1662
1701
  --_rs-typography-link-border-bottom-width-from-text:2px;
1663
1702
  }
@@ -1682,7 +1721,7 @@
1682
1721
  color:var(--_rs-typography-base-color);
1683
1722
  }
1684
1723
  @define-mixin rs-typography-h1-full{
1685
- --_rs-typography-letter-spacing:-0.001em;
1724
+ --_rs-typography-letter-spacing:var(--rs-h1-letter-spacing, -0.001em);
1686
1725
  --_rs-typography-text-transform:initial;
1687
1726
  --_rs-typography-font-variant-numeric:initial;
1688
1727
  --_rs-typography-font-family:var(
@@ -1720,7 +1759,7 @@
1720
1759
  --rs-h1-line-height-mobile,
1721
1760
  39px
1722
1761
  );
1723
- --_rs-typography-letter-spacing:normal;
1762
+ --_rs-typography-letter-spacing:var(--rs-h1-letter-spacing-mobile, normal);
1724
1763
  }
1725
1764
  --_rs-theme-dark:var(
1726
1765
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1743,7 +1782,7 @@
1743
1782
  color:var(--_rs-typography-base-color);
1744
1783
  }
1745
1784
  @define-mixin rs-typography-h2-full{
1746
- --_rs-typography-letter-spacing:normal;
1785
+ --_rs-typography-letter-spacing:var(--rs-h2-letter-spacing, normal);
1747
1786
  --_rs-typography-text-transform:initial;
1748
1787
  --_rs-typography-font-variant-numeric:initial;
1749
1788
  --_rs-typography-font-family:var(
@@ -1803,7 +1842,7 @@
1803
1842
  color:var(--_rs-typography-base-color);
1804
1843
  }
1805
1844
  @define-mixin rs-typography-h3-full{
1806
- --_rs-typography-letter-spacing:normal;
1845
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
1807
1846
  --_rs-typography-text-transform:initial;
1808
1847
  --_rs-typography-font-variant-numeric:initial;
1809
1848
  --_rs-typography-font-family:var(
@@ -1853,7 +1892,7 @@
1853
1892
  color:var(--_rs-typography-base-color);
1854
1893
  }
1855
1894
  @define-mixin rs-typography-h4-full{
1856
- --_rs-typography-letter-spacing:normal;
1895
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
1857
1896
  --_rs-typography-text-transform:initial;
1858
1897
  --_rs-typography-font-variant-numeric:initial;
1859
1898
  --_rs-typography-font-family:var(
@@ -1903,7 +1942,7 @@
1903
1942
  color:var(--_rs-typography-base-color);
1904
1943
  }
1905
1944
  @define-mixin rs-typography-h5-full{
1906
- --_rs-typography-letter-spacing:normal;
1945
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
1907
1946
  --_rs-typography-text-transform:initial;
1908
1947
  --_rs-typography-font-variant-numeric:initial;
1909
1948
  --_rs-typography-font-family:var(
@@ -1953,7 +1992,7 @@
1953
1992
  color:var(--_rs-typography-base-color);
1954
1993
  }
1955
1994
  @define-mixin rs-typography-subtitle-1-full{
1956
- --_rs-typography-letter-spacing:normal;
1995
+ --_rs-typography-letter-spacing:var(--rs-subtitle-1-letter-spacing, normal);
1957
1996
  --_rs-typography-text-transform:initial;
1958
1997
  --_rs-typography-font-variant-numeric:initial;
1959
1998
  --_rs-typography-font-family:var(
@@ -2019,7 +2058,7 @@
2019
2058
  color:var(--_rs-typography-base-color);
2020
2059
  }
2021
2060
  @define-mixin rs-typography-subtitle-2-full{
2022
- --_rs-typography-letter-spacing:normal;
2061
+ --_rs-typography-letter-spacing:var(--rs-subtitle-2-letter-spacing, normal);
2023
2062
  --_rs-typography-text-transform:initial;
2024
2063
  --_rs-typography-font-variant-numeric:initial;
2025
2064
  --_rs-typography-font-family:var(
@@ -2085,7 +2124,7 @@
2085
2124
  color:var(--_rs-typography-base-color);
2086
2125
  }
2087
2126
  @define-mixin rs-typography-overline-full{
2088
- --_rs-typography-letter-spacing:0.1em;
2127
+ --_rs-typography-letter-spacing:var(--rs-overline-letter-spacing, 0.1em);
2089
2128
  --_rs-typography-text-transform:uppercase;
2090
2129
  --_rs-typography-font-variant-numeric:initial;
2091
2130
  --_rs-typography-font-family:var(
@@ -2141,7 +2180,7 @@
2141
2180
  color:var(--_rs-typography-base-color);
2142
2181
  }
2143
2182
  @define-mixin rs-typography-text-1-full{
2144
- --_rs-typography-letter-spacing:normal;
2183
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
2145
2184
  --_rs-typography-text-transform:initial;
2146
2185
  --_rs-typography-font-variant-numeric:initial;
2147
2186
  --_rs-typography-font-family:var(
@@ -2197,7 +2236,7 @@
2197
2236
  color:var(--_rs-typography-base-color);
2198
2237
  }
2199
2238
  @define-mixin rs-typography-text-2-full{
2200
- --_rs-typography-letter-spacing:0.0015em;
2239
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
2201
2240
  --_rs-typography-text-transform:initial;
2202
2241
  --_rs-typography-font-variant-numeric:initial;
2203
2242
  --_rs-typography-font-family:var(
@@ -2253,7 +2292,7 @@
2253
2292
  color:var(--_rs-typography-base-color);
2254
2293
  }
2255
2294
  @define-mixin rs-typography-text-3-full{
2256
- --_rs-typography-letter-spacing:0.0045em;
2295
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
2257
2296
  --_rs-typography-text-transform:initial;
2258
2297
  --_rs-typography-font-variant-numeric:initial;
2259
2298
  --_rs-typography-font-family:var(
@@ -2340,10 +2379,16 @@
2340
2379
  position:relative;
2341
2380
 
2342
2381
  margin-top:var(
2343
- --_rs-typography-list-li-margin-top,
2344
- var(--_rs-typography-list-li-margin-top-fallback)
2382
+ --rs-typography-list-li-margin-top,
2383
+ var(
2384
+ --_rs-typography-list-li-margin-top,
2385
+ var(--_rs-typography-list-li-margin-top-fallback)
2386
+ )
2387
+ );
2388
+ padding-left:var(
2389
+ --rs-typography-list-li-padding-left,
2390
+ var(--_rs-typography-list-li-padding-left)
2345
2391
  );
2346
- padding-left:var(--_rs-typography-list-li-padding-left);
2347
2392
 
2348
2393
  list-style-type:none;
2349
2394
  }
@@ -2399,10 +2444,16 @@
2399
2444
  position:relative;
2400
2445
 
2401
2446
  margin-top:var(
2402
- --_rs-typography-list-li-margin-top,
2403
- var(--_rs-typography-list-li-margin-top-fallback)
2447
+ --rs-typography-list-li-margin-top,
2448
+ var(
2449
+ --_rs-typography-list-li-margin-top,
2450
+ var(--_rs-typography-list-li-margin-top-fallback)
2451
+ )
2452
+ );
2453
+ padding-left:var(
2454
+ --rs-typography-list-li-padding-left,
2455
+ var(--_rs-typography-list-li-padding-left)
2404
2456
  );
2405
- padding-left:var(--_rs-typography-list-li-padding-left);
2406
2457
 
2407
2458
  list-style-type:none;
2408
2459
  }
@@ -2697,7 +2748,7 @@
2697
2748
  }
2698
2749
  @define-mixin rs-text-cn-digits-1{
2699
2750
  &:not(html){
2700
- --_rs-typography-letter-spacing:-0.005em;
2751
+ --_rs-typography-letter-spacing:var(--rs-digits-1-letter-spacing, -0.005em);
2701
2752
  --_rs-typography-text-transform:initial;
2702
2753
  --_rs-typography-font-variant-numeric:tabular-nums;
2703
2754
  --_rs-typography-font-family:var(
@@ -2744,7 +2795,7 @@
2744
2795
  }
2745
2796
  @define-mixin rs-text-cn-digits-2{
2746
2797
  &:not(html){
2747
- --_rs-typography-letter-spacing:-0.005em;
2798
+ --_rs-typography-letter-spacing:var(--rs-digits-2-letter-spacing, -0.005em);
2748
2799
  --_rs-typography-text-transform:initial;
2749
2800
  --_rs-typography-font-variant-numeric:tabular-nums;
2750
2801
  --_rs-typography-font-family:var(
@@ -2783,7 +2834,7 @@
2783
2834
  }
2784
2835
  @define-mixin rs-text-cn-super-hero{
2785
2836
  &:not(html){
2786
- --_rs-typography-letter-spacing:-0.02em;
2837
+ --_rs-typography-letter-spacing:var(--rs-super-hero-letter-spacing, -0.02em);
2787
2838
  --_rs-typography-text-transform:initial;
2788
2839
  --_rs-typography-font-variant-numeric:initial;
2789
2840
  --_rs-typography-font-family:var(
@@ -2829,7 +2880,10 @@
2829
2880
  --rs-middle-hero-line-height,
2830
2881
  92px
2831
2882
  );
2832
- --_rs-typography-letter-spacing:-0.008em;
2883
+ --_rs-typography-letter-spacing:var(
2884
+ --rs-middle-hero-letter-spacing,
2885
+ -0.008em
2886
+ );
2833
2887
 
2834
2888
  --_rs-typography-link-border-bottom-width-from-text:3px;
2835
2889
  }
@@ -2844,7 +2898,10 @@
2844
2898
  --rs-middle-hero-line-height-mobile,
2845
2899
  62px
2846
2900
  );
2847
- --_rs-typography-letter-spacing:-0.0007em;
2901
+ --_rs-typography-letter-spacing:var(
2902
+ --rs-middle-hero-letter-spacing-mobile,
2903
+ -0.0007em
2904
+ );
2848
2905
 
2849
2906
  --_rs-typography-link-border-bottom-width-from-text:2px;
2850
2907
  }
@@ -2852,7 +2909,10 @@
2852
2909
  }
2853
2910
  @define-mixin rs-text-cn-middle-hero{
2854
2911
  &:not(html){
2855
- --_rs-typography-letter-spacing:-0.008em;
2912
+ --_rs-typography-letter-spacing:var(
2913
+ --rs-middle-hero-letter-spacing,
2914
+ -0.008em
2915
+ );
2856
2916
  --_rs-typography-text-transform:initial;
2857
2917
  --_rs-typography-font-variant-numeric:initial;
2858
2918
  --_rs-typography-font-family:var(
@@ -2898,7 +2958,10 @@
2898
2958
  --rs-middle-hero-line-height-mobile,
2899
2959
  62px
2900
2960
  );
2901
- --_rs-typography-letter-spacing:-0.0007em;
2961
+ --_rs-typography-letter-spacing:var(
2962
+ --rs-middle-hero-letter-spacing-mobile,
2963
+ -0.0007em
2964
+ );
2902
2965
 
2903
2966
  --_rs-typography-link-border-bottom-width-from-text:2px;
2904
2967
  }
@@ -2906,7 +2969,7 @@
2906
2969
  }
2907
2970
  @define-mixin rs-text-cn-hero{
2908
2971
  &:not(html){
2909
- --_rs-typography-letter-spacing:-0.005em;
2972
+ --_rs-typography-letter-spacing:var(--rs-hero-letter-spacing, -0.005em);
2910
2973
  --_rs-typography-text-transform:initial;
2911
2974
  --_rs-typography-font-variant-numeric:initial;
2912
2975
  --_rs-typography-font-family:var(
@@ -2949,7 +3012,10 @@
2949
3012
  --rs-hero-line-height-mobile,
2950
3013
  50px
2951
3014
  );
2952
- --_rs-typography-letter-spacing:-0.001em;
3015
+ --_rs-typography-letter-spacing:var(
3016
+ --rs-hero-letter-spacing-mobile,
3017
+ -0.001em
3018
+ );
2953
3019
 
2954
3020
  --_rs-typography-link-border-bottom-width-from-text:2px;
2955
3021
  }
@@ -2957,7 +3023,7 @@
2957
3023
  }
2958
3024
  @define-mixin rs-text-cn-subtitle-1{
2959
3025
  &:not(html){
2960
- --_rs-typography-letter-spacing:normal;
3026
+ --_rs-typography-letter-spacing:var(--rs-subtitle-1-letter-spacing, normal);
2961
3027
  --_rs-typography-text-transform:initial;
2962
3028
  --_rs-typography-font-variant-numeric:initial;
2963
3029
  --_rs-typography-font-family:var(
@@ -3008,7 +3074,7 @@
3008
3074
  }
3009
3075
  @define-mixin rs-text-cn-subtitle-2{
3010
3076
  &:not(html){
3011
- --_rs-typography-letter-spacing:normal;
3077
+ --_rs-typography-letter-spacing:var(--rs-subtitle-2-letter-spacing, normal);
3012
3078
  --_rs-typography-text-transform:initial;
3013
3079
  --_rs-typography-font-variant-numeric:initial;
3014
3080
  --_rs-typography-font-family:var(
@@ -3059,7 +3125,7 @@
3059
3125
  }
3060
3126
  @define-mixin rs-text-cn-h1{
3061
3127
  &:not(html){
3062
- --_rs-typography-letter-spacing:-0.001em;
3128
+ --_rs-typography-letter-spacing:var(--rs-h1-letter-spacing, -0.001em);
3063
3129
  --_rs-typography-text-transform:initial;
3064
3130
  --_rs-typography-font-variant-numeric:initial;
3065
3131
  --_rs-typography-font-family:var(
@@ -3099,13 +3165,13 @@
3099
3165
  --rs-h1-line-height-mobile,
3100
3166
  39px
3101
3167
  );
3102
- --_rs-typography-letter-spacing:normal;
3168
+ --_rs-typography-letter-spacing:var(--rs-h1-letter-spacing-mobile, normal);
3103
3169
  }
3104
3170
  }
3105
3171
  }
3106
3172
  @define-mixin rs-text-cn-h2{
3107
3173
  &:not(html){
3108
- --_rs-typography-letter-spacing:normal;
3174
+ --_rs-typography-letter-spacing:var(--rs-h2-letter-spacing, normal);
3109
3175
  --_rs-typography-text-transform:initial;
3110
3176
  --_rs-typography-font-variant-numeric:initial;
3111
3177
  --_rs-typography-font-family:var(
@@ -3150,7 +3216,7 @@
3150
3216
  }
3151
3217
  @define-mixin rs-text-cn-h3{
3152
3218
  &:not(html){
3153
- --_rs-typography-letter-spacing:normal;
3219
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
3154
3220
  --_rs-typography-text-transform:initial;
3155
3221
  --_rs-typography-font-variant-numeric:initial;
3156
3222
  --_rs-typography-font-family:var(
@@ -3183,7 +3249,7 @@
3183
3249
  }
3184
3250
  @define-mixin rs-text-cn-h4{
3185
3251
  &:not(html){
3186
- --_rs-typography-letter-spacing:normal;
3252
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
3187
3253
  --_rs-typography-text-transform:initial;
3188
3254
  --_rs-typography-font-variant-numeric:initial;
3189
3255
  --_rs-typography-font-family:var(
@@ -3216,7 +3282,7 @@
3216
3282
  }
3217
3283
  @define-mixin rs-text-cn-h5{
3218
3284
  &:not(html){
3219
- --_rs-typography-letter-spacing:normal;
3285
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
3220
3286
  --_rs-typography-text-transform:initial;
3221
3287
  --_rs-typography-font-variant-numeric:initial;
3222
3288
  --_rs-typography-font-family:var(
@@ -3249,7 +3315,7 @@
3249
3315
  }
3250
3316
  @define-mixin rs-text-cn-overline{
3251
3317
  &:not(html){
3252
- --_rs-typography-letter-spacing:0.1em;
3318
+ --_rs-typography-letter-spacing:var(--rs-overline-letter-spacing, 0.1em);
3253
3319
  --_rs-typography-text-transform:uppercase;
3254
3320
  --_rs-typography-font-variant-numeric:initial;
3255
3321
  --_rs-typography-font-family:var(
@@ -3288,7 +3354,7 @@
3288
3354
  }
3289
3355
  @define-mixin rs-text-cn-text-1{
3290
3356
  &:not(html){
3291
- --_rs-typography-letter-spacing:normal;
3357
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
3292
3358
  --_rs-typography-text-transform:initial;
3293
3359
  --_rs-typography-font-variant-numeric:initial;
3294
3360
  --_rs-typography-font-family:var(
@@ -3329,7 +3395,7 @@
3329
3395
  }
3330
3396
  @define-mixin rs-text-cn-text-2{
3331
3397
  &:not(html){
3332
- --_rs-typography-letter-spacing:0.0015em;
3398
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
3333
3399
  --_rs-typography-text-transform:initial;
3334
3400
  --_rs-typography-font-variant-numeric:initial;
3335
3401
  --_rs-typography-font-family:var(
@@ -3370,7 +3436,7 @@
3370
3436
  }
3371
3437
  @define-mixin rs-text-cn-text-3{
3372
3438
  &:not(html){
3373
- --_rs-typography-letter-spacing:0.0045em;
3439
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
3374
3440
  --_rs-typography-text-transform:initial;
3375
3441
  --_rs-typography-font-variant-numeric:initial;
3376
3442
  --_rs-typography-font-family:var(
package/package.json CHANGED
@@ -1,10 +1,16 @@
1
1
  {
2
2
  "name": "@rescui/typography",
3
- "version": "0.20.0",
3
+ "version": "0.21.1-RUI-229-Mark-packages-as-ES-modules-62bc27a1.2+62bc27a1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
7
7
  "main": "lib/index.js",
8
+ "exports": {
9
+ ".": {
10
+ "import": "./lib/index.js"
11
+ },
12
+ "./*": "./*"
13
+ },
8
14
  "src:main": "src/index.js",
9
15
  "files": [
10
16
  "lib",
@@ -19,7 +25,7 @@
19
25
  },
20
26
  "dependencies": {
21
27
  "@babel/runtime-corejs3": "^7.26.0",
22
- "@rescui/colors": "^0.2.6",
28
+ "@rescui/colors": "0.2.7-RUI-229-Mark-packages-as-ES-modules-62bc27a1.26+62bc27a1",
23
29
  "classnames": "^2.2.6",
24
30
  "inter-ui": "^3.15.1"
25
31
  },
@@ -28,9 +34,9 @@
28
34
  "react": ">=16.8.0 <19"
29
35
  },
30
36
  "devDependencies": {
31
- "@rescui/postcss-preset-library": "^0.2.2",
32
- "@rescui/scripts": "^0.3.5",
33
- "@rescui/visual-regression": "^0.1.2",
37
+ "@rescui/postcss-preset-library": "0.2.2",
38
+ "@rescui/scripts": "0.3.5",
39
+ "@rescui/visual-regression": "0.1.2",
34
40
  "case": "^1.6.3",
35
41
  "fs-extra": "^7.0.1",
36
42
  "postcss": "^8.2.13",
@@ -43,5 +49,5 @@
43
49
  "build-mixins": "rescui-scripts build-pcss-api --file mixins.p.css"
44
50
  },
45
51
  "nx": {},
46
- "gitHead": "5531e3d285d6e38bf5536ff0690a252f1308c49b"
52
+ "gitHead": "62bc27a12c78adf2a930b830aeaec251ecfe93fa"
47
53
  }