@rescui/typography 0.17.0 → 0.18.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 (12) hide show
  1. package/lib/create-text-cn.d.ts +31 -22
  2. package/lib/create-text-cn.js +6 -3
  3. package/lib/index-moduled.css +187 -125
  4. package/lib/index-moduled.p.module.css.js +120 -115
  5. package/lib/index.css +76 -14
  6. package/lib/index.d.ts +2 -2
  7. package/lib/index.js +1 -1
  8. package/lib/mixins.p.css +100 -31
  9. package/lib/mixins.pcss +100 -31
  10. package/lib/public-api.p.css +227 -55
  11. package/lib/public-api.pcss +227 -55
  12. package/package.json +4 -4
package/lib/mixins.p.css CHANGED
@@ -30,9 +30,12 @@
30
30
  142px
31
31
  );
32
32
  --_rs-typography-base-color:var(
33
+ --_rs-typography-heading-hardness-color,
34
+ var(
33
35
  --rs-color-hard,
34
36
  rgb(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))
35
- );
37
+ )
38
+ );
36
39
  --_rs-typography-text-auto-offset:0;
37
40
  --_rs-typography-ul-list-li-padding-left:initial;
38
41
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -102,9 +105,12 @@
102
105
  142px
103
106
  );
104
107
  --_rs-typography-base-color:var(
108
+ --_rs-typography-heading-hardness-color,
109
+ var(
105
110
  --rs-color-hard,
106
111
  rgb(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))
107
- );
112
+ )
113
+ );
108
114
  --_rs-typography-text-auto-offset:0;
109
115
  --_rs-typography-ul-list-li-padding-left:initial;
110
116
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -203,9 +209,12 @@
203
209
  92px
204
210
  );
205
211
  --_rs-typography-base-color:var(
212
+ --_rs-typography-heading-hardness-color,
213
+ var(
206
214
  --rs-color-hard,
207
215
  rgb(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))
208
- );
216
+ )
217
+ );
209
218
  --_rs-typography-text-auto-offset:0;
210
219
  --_rs-typography-ul-list-li-padding-left:initial;
211
220
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -262,9 +271,12 @@
262
271
  92px
263
272
  );
264
273
  --_rs-typography-base-color:var(
274
+ --_rs-typography-heading-hardness-color,
275
+ var(
265
276
  --rs-color-hard,
266
277
  rgb(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))
267
- );
278
+ )
279
+ );
268
280
  --_rs-typography-text-auto-offset:0;
269
281
  --_rs-typography-ul-list-li-padding-left:initial;
270
282
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -336,7 +348,6 @@
336
348
  --_rs-theme-flip:var(--rs-theme-flip, 0);
337
349
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
338
350
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
339
-
340
351
  color:var(
341
352
  --rs-color-hard,
342
353
  rgb(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))
@@ -351,7 +362,6 @@
351
362
  --_rs-theme-flip:var(--rs-theme-flip, 0);
352
363
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
353
364
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
354
-
355
365
  color:var(
356
366
  --rs-color-average,
357
367
  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.7)
@@ -366,7 +376,6 @@
366
376
  --_rs-theme-flip:var(--rs-theme-flip, 0);
367
377
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
368
378
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
369
-
370
379
  color:var(
371
380
  --rs-color-pale,
372
381
  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.5)
@@ -381,7 +390,6 @@
381
390
  --_rs-theme-flip:var(--rs-theme-flip, 0);
382
391
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
383
392
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
384
-
385
393
  color:var(
386
394
  --rs-color-hard,
387
395
  rgb(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))
@@ -396,7 +404,6 @@
396
404
  --_rs-theme-flip:var(--rs-theme-flip, 0);
397
405
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
398
406
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
399
-
400
407
  color:var(
401
408
  --rs-color-average,
402
409
  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.7)
@@ -411,7 +418,6 @@
411
418
  --_rs-theme-flip:var(--rs-theme-flip, 0);
412
419
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
413
420
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
414
-
415
421
  color:var(
416
422
  --rs-color-pale,
417
423
  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.5)
@@ -440,9 +446,12 @@
440
446
  71px
441
447
  );
442
448
  --_rs-typography-base-color:var(
449
+ --_rs-typography-hardness-color,
450
+ var(
443
451
  --rs-color-hard,
444
452
  rgb(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))
445
- );
453
+ )
454
+ );
446
455
  --_rs-typography-text-auto-offset:0;
447
456
  --_rs-typography-ul-list-li-padding-left:initial;
448
457
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -492,9 +501,12 @@
492
501
  71px
493
502
  );
494
503
  --_rs-typography-base-color:var(
504
+ --_rs-typography-hardness-color,
505
+ var(
495
506
  --rs-color-hard,
496
507
  rgb(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))
497
- );
508
+ )
509
+ );
498
510
  --_rs-typography-text-auto-offset:0;
499
511
  --_rs-typography-ul-list-li-padding-left:initial;
500
512
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -573,9 +585,12 @@
573
585
  44px
574
586
  );
575
587
  --_rs-typography-base-color:var(
588
+ --_rs-typography-hardness-color,
589
+ var(
576
590
  --rs-color-hard,
577
591
  rgb(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))
578
- );
592
+ )
593
+ );
579
594
  --_rs-typography-text-auto-offset:0;
580
595
  --_rs-typography-ul-list-li-padding-left:initial;
581
596
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -619,9 +634,12 @@
619
634
  44px
620
635
  );
621
636
  --_rs-typography-base-color:var(
637
+ --_rs-typography-hardness-color,
638
+ var(
622
639
  --rs-color-hard,
623
640
  rgb(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))
624
- );
641
+ )
642
+ );
625
643
  --_rs-typography-text-auto-offset:0;
626
644
  --_rs-typography-ul-list-li-padding-left:initial;
627
645
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -691,9 +709,12 @@
691
709
  72px
692
710
  );
693
711
  --_rs-typography-base-color:var(
712
+ --_rs-typography-heading-hardness-color,
713
+ var(
694
714
  --rs-color-hard,
695
715
  rgb(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))
696
- );
716
+ )
717
+ );
697
718
  --_rs-typography-text-auto-offset:0;
698
719
  --_rs-typography-ul-list-li-padding-left:initial;
699
720
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -747,9 +768,12 @@
747
768
  72px
748
769
  );
749
770
  --_rs-typography-base-color:var(
771
+ --_rs-typography-heading-hardness-color,
772
+ var(
750
773
  --rs-color-hard,
751
774
  rgb(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))
752
- );
775
+ )
776
+ );
753
777
  --_rs-typography-text-auto-offset:0;
754
778
  --_rs-typography-ul-list-li-padding-left:initial;
755
779
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -835,9 +859,12 @@
835
859
  49px
836
860
  );
837
861
  --_rs-typography-base-color:var(
862
+ --_rs-typography-hardness-color,
863
+ var(
838
864
  --rs-color-hard,
839
865
  rgb(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))
840
- );
866
+ )
867
+ );
841
868
  --_rs-typography-text-auto-offset:0;
842
869
  --_rs-typography-ul-list-li-padding-left:initial;
843
870
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -891,9 +918,12 @@
891
918
  49px
892
919
  );
893
920
  --_rs-typography-base-color:var(
921
+ --_rs-typography-hardness-color,
922
+ var(
894
923
  --rs-color-hard,
895
924
  rgb(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))
896
- );
925
+ )
926
+ );
897
927
  --_rs-typography-text-auto-offset:0;
898
928
  --_rs-typography-ul-list-li-padding-left:initial;
899
929
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -970,9 +1000,12 @@
970
1000
  );
971
1001
  --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
972
1002
  --_rs-typography-base-color:var(
1003
+ --_rs-typography-heading-hardness-color,
1004
+ var(
973
1005
  --rs-color-hard,
974
1006
  rgb(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))
975
- );
1007
+ )
1008
+ );
976
1009
  --_rs-typography-text-auto-offset:0;
977
1010
  --_rs-typography-ul-list-li-padding-left:initial;
978
1011
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1021,9 +1054,12 @@
1021
1054
  );
1022
1055
  --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
1023
1056
  --_rs-typography-base-color:var(
1057
+ --_rs-typography-heading-hardness-color,
1058
+ var(
1024
1059
  --rs-color-hard,
1025
1060
  rgb(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))
1026
- );
1061
+ )
1062
+ );
1027
1063
  --_rs-typography-text-auto-offset:0;
1028
1064
  --_rs-typography-ul-list-li-padding-left:initial;
1029
1065
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1107,9 +1143,12 @@
1107
1143
  39px
1108
1144
  );
1109
1145
  --_rs-typography-base-color:var(
1146
+ --_rs-typography-hardness-color,
1147
+ var(
1110
1148
  --rs-color-hard,
1111
1149
  rgb(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))
1112
- );
1150
+ )
1151
+ );
1113
1152
  --_rs-typography-text-auto-offset:0;
1114
1153
  --_rs-typography-ul-list-li-padding-left:initial;
1115
1154
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1163,9 +1202,12 @@
1163
1202
  39px
1164
1203
  );
1165
1204
  --_rs-typography-base-color:var(
1205
+ --_rs-typography-hardness-color,
1206
+ var(
1166
1207
  --rs-color-hard,
1167
1208
  rgb(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))
1168
- );
1209
+ )
1210
+ );
1169
1211
  --_rs-typography-text-auto-offset:0;
1170
1212
  --_rs-typography-ul-list-li-padding-left:initial;
1171
1213
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1242,9 +1284,12 @@
1242
1284
  );
1243
1285
  --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
1244
1286
  --_rs-typography-base-color:var(
1287
+ --_rs-typography-heading-hardness-color,
1288
+ var(
1245
1289
  --rs-color-hard,
1246
1290
  rgb(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))
1247
- );
1291
+ )
1292
+ );
1248
1293
  --_rs-typography-text-auto-offset:0;
1249
1294
  --_rs-typography-ul-list-li-padding-left:initial;
1250
1295
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1292,9 +1337,12 @@
1292
1337
  );
1293
1338
  --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
1294
1339
  --_rs-typography-base-color:var(
1340
+ --_rs-typography-heading-hardness-color,
1341
+ var(
1295
1342
  --rs-color-hard,
1296
1343
  rgb(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))
1297
- );
1344
+ )
1345
+ );
1298
1346
  --_rs-typography-text-auto-offset:0;
1299
1347
  --_rs-typography-ul-list-li-padding-left:initial;
1300
1348
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1371,9 +1419,12 @@
1371
1419
  );
1372
1420
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
1373
1421
  --_rs-typography-base-color:var(
1422
+ --_rs-typography-heading-hardness-color,
1423
+ var(
1374
1424
  --rs-color-hard,
1375
1425
  rgb(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))
1376
- );
1426
+ )
1427
+ );
1377
1428
  --_rs-typography-text-auto-offset:0;
1378
1429
  --_rs-typography-ul-list-li-padding-left:initial;
1379
1430
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1411,9 +1462,12 @@
1411
1462
  );
1412
1463
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
1413
1464
  --_rs-typography-base-color:var(
1465
+ --_rs-typography-heading-hardness-color,
1466
+ var(
1414
1467
  --rs-color-hard,
1415
1468
  rgb(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))
1416
- );
1469
+ )
1470
+ );
1417
1471
  --_rs-typography-text-auto-offset:0;
1418
1472
  --_rs-typography-ul-list-li-padding-left:initial;
1419
1473
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1607,9 +1661,12 @@
1607
1661
  );
1608
1662
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
1609
1663
  --_rs-typography-base-color:var(
1664
+ --_rs-typography-heading-hardness-color,
1665
+ var(
1610
1666
  --rs-color-hard,
1611
1667
  rgb(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))
1612
- );
1668
+ )
1669
+ );
1613
1670
  --_rs-typography-text-auto-offset:0;
1614
1671
  --_rs-typography-ul-list-li-padding-left:initial;
1615
1672
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1647,9 +1704,12 @@
1647
1704
  );
1648
1705
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
1649
1706
  --_rs-typography-base-color:var(
1707
+ --_rs-typography-heading-hardness-color,
1708
+ var(
1650
1709
  --rs-color-hard,
1651
1710
  rgb(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))
1652
- );
1711
+ )
1712
+ );
1653
1713
  --_rs-typography-text-auto-offset:0;
1654
1714
  --_rs-typography-ul-list-li-padding-left:initial;
1655
1715
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1843,9 +1903,12 @@
1843
1903
  );
1844
1904
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
1845
1905
  --_rs-typography-base-color:var(
1906
+ --_rs-typography-heading-hardness-color,
1907
+ var(
1846
1908
  --rs-color-hard,
1847
1909
  rgb(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))
1848
- );
1910
+ )
1911
+ );
1849
1912
  --_rs-typography-text-auto-offset:0;
1850
1913
  --_rs-typography-ul-list-li-padding-left:initial;
1851
1914
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1883,9 +1946,12 @@
1883
1946
  );
1884
1947
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
1885
1948
  --_rs-typography-base-color:var(
1949
+ --_rs-typography-heading-hardness-color,
1950
+ var(
1886
1951
  --rs-color-hard,
1887
1952
  rgb(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))
1888
- );
1953
+ )
1954
+ );
1889
1955
  --_rs-typography-text-auto-offset:0;
1890
1956
  --_rs-typography-ul-list-li-padding-left:initial;
1891
1957
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1958,9 +2024,12 @@
1958
2024
  18px
1959
2025
  );
1960
2026
  --_rs-typography-base-color:var(
2027
+ --_rs-typography-heading-hardness-color,
2028
+ var(
1961
2029
  --rs-color-hard,
1962
2030
  rgb(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))
1963
- );
2031
+ )
2032
+ );
1964
2033
  --_rs-typography-text-auto-offset:0px;
1965
2034
  --_rs-typography-ul-list-li-padding-left:initial;
1966
2035
  --_rs-typography-ol-list-li-padding-left:initial;