@rescui/typography 0.24.5-RUI-280-Update-select-component-downshift-2f40ef205.67 → 0.26.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.
package/lib/mixins.pcss CHANGED
@@ -518,7 +518,10 @@
518
518
  3px
519
519
  );
520
520
  @media screen and (max-width: 640px){
521
- --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
521
+ --_rs-typography-digits-1-sm-font-size:var(
522
+ --rs-digits-2-font-size,
523
+ 40px
524
+ );
522
525
  --_rs-typography-digits-1-sm-line-height:var(
523
526
  --rs-digits-2-line-height,
524
527
  44px
@@ -578,7 +581,10 @@
578
581
  3px
579
582
  );
580
583
  @media screen and (max-width: 640px){
581
- --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
584
+ --_rs-typography-digits-1-sm-font-size:var(
585
+ --rs-digits-2-font-size,
586
+ 40px
587
+ );
582
588
  --_rs-typography-digits-1-sm-line-height:var(
583
589
  --rs-digits-2-line-height,
584
590
  44px
@@ -1524,6 +1530,153 @@
1524
1530
  @define-mixin rs-h2-offset-top{
1525
1531
  margin-top:calc(var(--rs-flow-unit, 8px)*6);
1526
1532
  }
1533
+ @define-mixin rs-h3-plus-base{
1534
+ --_rs-typography-letter-spacing:var(--rs-h3-plus-letter-spacing, normal);
1535
+ --_rs-typography-text-transform:initial;
1536
+ --_rs-typography-font-variant-numeric:initial;
1537
+ --_rs-typography-font-family:var(
1538
+ --rs-font-family-ui,
1539
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1540
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1541
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1542
+ );
1543
+ --_rs-typography-font-size:var(
1544
+ --_rs-typography-h3-plus-sm-font-size,
1545
+ var(--rs-h3-plus-font-size, 28px)
1546
+ );
1547
+ --_rs-typography-font-weight:var(
1548
+ --rs-font-weight-semi-bold,
1549
+ 600
1550
+ );
1551
+ --_rs-typography-line-height:var(
1552
+ --_rs-typography-h3-plus-sm-line-height,
1553
+ var(--rs-h3-plus-line-height, 34px)
1554
+ );
1555
+ --_rs-typography-base-color:var(
1556
+ --_rs-typography-heading-hardness-color,
1557
+ var(
1558
+ --rs-color-hard,
1559
+ 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))
1560
+ )
1561
+ );
1562
+ --_rs-typography-text-auto-offset:0;
1563
+ --_rs-typography-ul-bullet-offset:initial;
1564
+ --_rs-typography-list-li-compact-left-offset:initial;
1565
+ --_rs-typography-list-li-default-left-offset:initial;
1566
+ --_rs-typography-list-li-margin-top-from-text:initial;
1567
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1568
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1569
+ --_rs-typography-link-border-bottom-width-from-text:2px;
1570
+ @media screen and (max-width: 640px){
1571
+ --_rs-typography-h3-plus-sm-font-size:var(
1572
+ --rs-h3-font-size,
1573
+ 20px
1574
+ );
1575
+ --_rs-typography-h3-plus-sm-line-height:var(
1576
+ --rs-h3-line-height,
1577
+ 28px
1578
+ );
1579
+ }
1580
+ letter-spacing:var(
1581
+ --rs-text-base-letter-spacing,
1582
+ var(--_rs-typography-letter-spacing)
1583
+ );
1584
+ text-transform:var(--_rs-typography-text-transform);
1585
+ font-family:var(--_rs-typography-font-family);
1586
+ font-size:var(--_rs-typography-font-size);
1587
+ font-weight:var(--_rs-typography-font-weight);
1588
+ line-height:var(--_rs-typography-line-height);
1589
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1590
+ font-feature-settings:'kern', 'liga', 'calt';
1591
+ }
1592
+ @define-mixin rs-h3-plus{
1593
+ --_rs-typography-letter-spacing:var(--rs-h3-plus-letter-spacing, normal);
1594
+ --_rs-typography-text-transform:initial;
1595
+ --_rs-typography-font-variant-numeric:initial;
1596
+ --_rs-typography-font-family:var(
1597
+ --rs-font-family-ui,
1598
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1599
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1600
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1601
+ );
1602
+ --_rs-typography-font-size:var(
1603
+ --_rs-typography-h3-plus-sm-font-size,
1604
+ var(--rs-h3-plus-font-size, 28px)
1605
+ );
1606
+ --_rs-typography-font-weight:var(
1607
+ --rs-font-weight-semi-bold,
1608
+ 600
1609
+ );
1610
+ --_rs-typography-line-height:var(
1611
+ --_rs-typography-h3-plus-sm-line-height,
1612
+ var(--rs-h3-plus-line-height, 34px)
1613
+ );
1614
+ --_rs-typography-base-color:var(
1615
+ --_rs-typography-heading-hardness-color,
1616
+ var(
1617
+ --rs-color-hard,
1618
+ 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))
1619
+ )
1620
+ );
1621
+ --_rs-typography-text-auto-offset:0;
1622
+ --_rs-typography-ul-bullet-offset:initial;
1623
+ --_rs-typography-list-li-compact-left-offset:initial;
1624
+ --_rs-typography-list-li-default-left-offset:initial;
1625
+ --_rs-typography-list-li-margin-top-from-text:initial;
1626
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1627
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1628
+ --_rs-typography-link-border-bottom-width-from-text:2px;
1629
+ @media screen and (max-width: 640px){
1630
+ --_rs-typography-h3-plus-sm-font-size:var(
1631
+ --rs-h3-font-size,
1632
+ 20px
1633
+ );
1634
+ --_rs-typography-h3-plus-sm-line-height:var(
1635
+ --rs-h3-line-height,
1636
+ 28px
1637
+ );
1638
+ }
1639
+ letter-spacing:var(
1640
+ --rs-text-base-letter-spacing,
1641
+ var(--_rs-typography-letter-spacing)
1642
+ );
1643
+ text-transform:var(--_rs-typography-text-transform);
1644
+ font-family:var(--_rs-typography-font-family);
1645
+ font-size:var(--_rs-typography-font-size);
1646
+ font-weight:var(--_rs-typography-font-weight);
1647
+ line-height:var(--_rs-typography-line-height);
1648
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1649
+ font-feature-settings:'kern', 'liga', 'calt';
1650
+ --rs-theme-dark:0;
1651
+ --_rs-theme-dark:var(
1652
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1653
+ var(--rs-theme-dark, 0)
1654
+ );
1655
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1656
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1657
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1658
+ color:var(
1659
+ --rs-color-hard,
1660
+ 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))
1661
+ );
1662
+ }
1663
+ @define-mixin rs-h3-plus-theme-dark{
1664
+ --rs-theme-dark:1;
1665
+ --_rs-theme-dark:var(
1666
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1667
+ var(--rs-theme-dark, 0)
1668
+ );
1669
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1670
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1671
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1672
+ color:var(
1673
+ --rs-color-hard,
1674
+ 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))
1675
+ );
1676
+ }
1677
+ @define-mixin rs-h3-plus-offset-top{
1678
+ margin-top:calc(var(--rs-flow-unit, 8px)*4);
1679
+ }
1527
1680
  @define-mixin rs-h3-base{
1528
1681
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
1529
1682
  --_rs-typography-text-transform:initial;
@@ -105,7 +105,10 @@
105
105
  );
106
106
 
107
107
  @media screen and (max-width: 640px){
108
- --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
108
+ --_rs-typography-digits-1-sm-font-size:var(
109
+ --rs-digits-2-font-size,
110
+ 40px
111
+ );
109
112
  --_rs-typography-digits-1-sm-line-height:var(
110
113
  --rs-digits-2-line-height,
111
114
  44px
@@ -114,7 +117,10 @@
114
117
  }
115
118
  }
116
119
  @define-mixin rs-typography-digits-1-sm{
117
- --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
120
+ --_rs-typography-digits-1-sm-font-size:var(
121
+ --rs-digits-2-font-size,
122
+ 40px
123
+ );
118
124
  --_rs-typography-digits-1-sm-line-height:var(
119
125
  --rs-digits-2-line-height,
120
126
  44px
@@ -692,6 +698,67 @@
692
698
  32px
693
699
  );
694
700
  }
701
+ @define-mixin rs-typography-h3-plus{
702
+ --_rs-typography-letter-spacing:var(--rs-h3-plus-letter-spacing, normal);
703
+ --_rs-typography-text-transform:initial;
704
+ --_rs-typography-font-variant-numeric:initial;
705
+ --_rs-typography-font-family:var(
706
+ --rs-font-family-ui,
707
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
708
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
709
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
710
+ );
711
+ --_rs-typography-font-size:var(
712
+ --_rs-typography-h3-plus-sm-font-size,
713
+ var(--rs-h3-plus-font-size, 28px)
714
+ );
715
+ --_rs-typography-font-weight:var(
716
+ --rs-font-weight-semi-bold,
717
+ 600
718
+ );
719
+ --_rs-typography-line-height:var(
720
+ --_rs-typography-h3-plus-sm-line-height,
721
+ var(--rs-h3-plus-line-height, 34px)
722
+ );
723
+ --_rs-typography-base-color:var(
724
+ --_rs-typography-heading-hardness-color,
725
+ var(
726
+ --rs-color-hard,
727
+ 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))
728
+ )
729
+ );
730
+ --_rs-typography-text-auto-offset:0;
731
+
732
+ --_rs-typography-ul-bullet-offset:initial;
733
+ --_rs-typography-list-li-compact-left-offset:initial;
734
+ --_rs-typography-list-li-default-left-offset:initial;
735
+ --_rs-typography-list-li-margin-top-from-text:initial;
736
+
737
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
738
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
739
+ --_rs-typography-link-border-bottom-width-from-text:2px;
740
+
741
+ @media screen and (max-width: 640px){
742
+ --_rs-typography-h3-plus-sm-font-size:var(
743
+ --rs-h3-font-size,
744
+ 20px
745
+ );
746
+ --_rs-typography-h3-plus-sm-line-height:var(
747
+ --rs-h3-line-height,
748
+ 28px
749
+ );
750
+ }
751
+ }
752
+ @define-mixin rs-typography-h3-plus-sm{
753
+ --_rs-typography-h3-plus-sm-font-size:var(
754
+ --rs-h3-font-size,
755
+ 20px
756
+ );
757
+ --_rs-typography-h3-plus-sm-line-height:var(
758
+ --rs-h3-line-height,
759
+ 28px
760
+ );
761
+ }
695
762
  @define-mixin rs-typography-h3{
696
763
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
697
764
  --_rs-typography-text-transform:initial;
@@ -1640,7 +1707,10 @@
1640
1707
  3px
1641
1708
  );
1642
1709
  @media screen and (max-width: 640px){
1643
- --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
1710
+ --_rs-typography-digits-1-sm-font-size:var(
1711
+ --rs-digits-2-font-size,
1712
+ 40px
1713
+ );
1644
1714
  --_rs-typography-digits-1-sm-line-height:var(
1645
1715
  --rs-digits-2-line-height,
1646
1716
  44px
@@ -2123,6 +2193,73 @@
2123
2193
  font-feature-settings:'kern', 'liga', 'calt';
2124
2194
  color:var(--_rs-typography-base-color);
2125
2195
  }
2196
+ @define-mixin rs-typography-h3-plus-full{
2197
+ --_rs-typography-letter-spacing:var(--rs-h3-plus-letter-spacing, normal);
2198
+ --_rs-typography-text-transform:initial;
2199
+ --_rs-typography-font-variant-numeric:initial;
2200
+ --_rs-typography-font-family:var(
2201
+ --rs-font-family-ui,
2202
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
2203
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2204
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2205
+ );
2206
+ --_rs-typography-font-size:var(
2207
+ --_rs-typography-h3-plus-sm-font-size,
2208
+ var(--rs-h3-plus-font-size, 28px)
2209
+ );
2210
+ --_rs-typography-font-weight:var(
2211
+ --rs-font-weight-semi-bold,
2212
+ 600
2213
+ );
2214
+ --_rs-typography-line-height:var(
2215
+ --_rs-typography-h3-plus-sm-line-height,
2216
+ var(--rs-h3-plus-line-height, 34px)
2217
+ );
2218
+ --_rs-typography-base-color:var(
2219
+ --_rs-typography-heading-hardness-color,
2220
+ var(
2221
+ --rs-color-hard,
2222
+ 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))
2223
+ )
2224
+ );
2225
+ --_rs-typography-text-auto-offset:0;
2226
+ --_rs-typography-ul-bullet-offset:initial;
2227
+ --_rs-typography-list-li-compact-left-offset:initial;
2228
+ --_rs-typography-list-li-default-left-offset:initial;
2229
+ --_rs-typography-list-li-margin-top-from-text:initial;
2230
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2231
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2232
+ --_rs-typography-link-border-bottom-width-from-text:2px;
2233
+ @media screen and (max-width: 640px){
2234
+ --_rs-typography-h3-plus-sm-font-size:var(
2235
+ --rs-h3-font-size,
2236
+ 20px
2237
+ );
2238
+ --_rs-typography-h3-plus-sm-line-height:var(
2239
+ --rs-h3-line-height,
2240
+ 28px
2241
+ );
2242
+ }
2243
+ --_rs-theme-dark:var(
2244
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
2245
+ var(--rs-theme-dark, 0)
2246
+ );
2247
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
2248
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2249
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2250
+ letter-spacing:var(
2251
+ --rs-text-base-letter-spacing,
2252
+ var(--_rs-typography-letter-spacing)
2253
+ );
2254
+ text-transform:var(--_rs-typography-text-transform);
2255
+ font-family:var(--_rs-typography-font-family);
2256
+ font-size:var(--_rs-typography-font-size);
2257
+ font-weight:var(--_rs-typography-font-weight);
2258
+ line-height:var(--_rs-typography-line-height);
2259
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2260
+ font-feature-settings:'kern', 'liga', 'calt';
2261
+ color:var(--_rs-typography-base-color);
2262
+ }
2126
2263
  @define-mixin rs-typography-h3-full{
2127
2264
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
2128
2265
  --_rs-typography-text-transform:initial;
@@ -3097,7 +3234,10 @@
3097
3234
  }
3098
3235
  @media screen and (max-width: 640px){
3099
3236
  &:not(html){
3100
- --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
3237
+ --_rs-typography-digits-1-sm-font-size:var(
3238
+ --rs-digits-2-font-size,
3239
+ 40px
3240
+ );
3101
3241
  --_rs-typography-digits-1-sm-line-height:var(
3102
3242
  --rs-digits-2-line-height,
3103
3243
  44px
@@ -3576,6 +3716,58 @@
3576
3716
  }
3577
3717
  }
3578
3718
  }
3719
+ @define-mixin rs-text-cn-h3-plus{
3720
+ &:not(html){
3721
+ --_rs-typography-letter-spacing:var(--rs-h3-plus-letter-spacing, normal);
3722
+ --_rs-typography-text-transform:initial;
3723
+ --_rs-typography-font-variant-numeric:initial;
3724
+ --_rs-typography-font-family:var(
3725
+ --rs-font-family-ui,
3726
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
3727
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
3728
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3729
+ );
3730
+ --_rs-typography-font-size:var(
3731
+ --_rs-typography-h3-plus-sm-font-size,
3732
+ var(--rs-h3-plus-font-size, 28px)
3733
+ );
3734
+ --_rs-typography-font-weight:var(
3735
+ --rs-font-weight-semi-bold,
3736
+ 600
3737
+ );
3738
+ --_rs-typography-line-height:var(
3739
+ --_rs-typography-h3-plus-sm-line-height,
3740
+ var(--rs-h3-plus-line-height, 34px)
3741
+ );
3742
+ --_rs-typography-base-color:var(
3743
+ --_rs-typography-heading-hardness-color,
3744
+ var(
3745
+ --rs-color-hard,
3746
+ 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))
3747
+ )
3748
+ );
3749
+ --_rs-typography-text-auto-offset:0;
3750
+ --_rs-typography-ul-bullet-offset:initial;
3751
+ --_rs-typography-list-li-compact-left-offset:initial;
3752
+ --_rs-typography-list-li-default-left-offset:initial;
3753
+ --_rs-typography-list-li-margin-top-from-text:initial;
3754
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3755
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
3756
+ --_rs-typography-link-border-bottom-width-from-text:2px;
3757
+ }
3758
+ @media screen and (max-width: 640px){
3759
+ &:not(html){
3760
+ --_rs-typography-h3-plus-sm-font-size:var(
3761
+ --rs-h3-font-size,
3762
+ 20px
3763
+ );
3764
+ --_rs-typography-h3-plus-sm-line-height:var(
3765
+ --rs-h3-line-height,
3766
+ 28px
3767
+ );
3768
+ }
3769
+ }
3770
+ }
3579
3771
  @define-mixin rs-text-cn-h3{
3580
3772
  &:not(html){
3581
3773
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
@@ -4161,7 +4353,10 @@
4161
4353
  }
4162
4354
  }
4163
4355
  @define-mixin rs-typography-sm{
4164
- --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
4356
+ --_rs-typography-digits-1-sm-font-size:var(
4357
+ --rs-digits-2-font-size,
4358
+ 40px
4359
+ );
4165
4360
  --_rs-typography-digits-1-sm-line-height:var(
4166
4361
  --rs-digits-2-line-height,
4167
4362
  44px
@@ -4226,6 +4421,14 @@
4226
4421
  --rs-h2-line-height-mobile,
4227
4422
  32px
4228
4423
  );
4424
+ --_rs-typography-h3-plus-sm-font-size:var(
4425
+ --rs-h3-font-size,
4426
+ 20px
4427
+ );
4428
+ --_rs-typography-h3-plus-sm-line-height:var(
4429
+ --rs-h3-line-height,
4430
+ 28px
4431
+ );
4229
4432
  --_rs-typography-subtitle-1-sm-font-size:var(
4230
4433
  --rs-subtitle-2-font-size-mobile,
4231
4434
  23px