@homebound/beam 2.403.0 → 2.405.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +64 -180
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +9 -241
  4. package/dist/index.d.ts +9 -241
  5. package/dist/index.js +64 -180
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -15,7 +15,7 @@ import { NumberFieldAria } from '@react-aria/numberfield';
15
15
  /** Given a type X, and the user's proposed type T, only allow keys in X and nothing else. */
16
16
  type Only<X, T> = X & Record<Exclude<keyof T, keyof X>, never>;
17
17
  type Properties = Properties$1<string | 0, string>;
18
- type Typography = "tiny" | "tinyMd" | "tinySb" | "tinyBd" | "xs" | "xsMd" | "xsSb" | "xsBd" | "sm" | "smMd" | "smSb" | "smBd" | "base" | "baseMd" | "baseSb" | "baseBd" | "lg" | "lgMd" | "lgSb" | "lgBd" | "xl" | "xlMd" | "xlSb" | "xlBd" | "xl2" | "xl2Md" | "xl2Sb" | "xl2Bd" | "xl3" | "xl3Md" | "xl3Sb" | "xl3Bd" | "xl4" | "xl4Md" | "xl4Sb" | "xl4Bd" | "xl5" | "xl5Md" | "xl5Sb" | "xl5Bd";
18
+ type Typography = "xs2" | "xs2Sb" | "xs" | "xsSb" | "sm" | "smSb" | "md" | "mdSb" | "lg" | "xl" | "xl2";
19
19
  type Opts<T> = {
20
20
  rules: T;
21
21
  enabled: boolean;
@@ -3514,15 +3514,7 @@ declare class CssBuilder<T extends Properties> {
3514
3514
  textTransform: csstype.Property.TextTransform | undefined;
3515
3515
  }>;
3516
3516
  /** Sets `fontWeight: 400; fontSize: "10px"; lineHeight: "14px"`. */
3517
- get tiny(): CssBuilder<T & {
3518
- fontWeight: csstype.Property.FontWeight | undefined;
3519
- } & {
3520
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3521
- } & {
3522
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3523
- }>;
3524
- /** Sets `fontWeight: 500; fontSize: "10px"; lineHeight: "14px"`. */
3525
- get tinyMd(): CssBuilder<T & {
3517
+ get xs2(): CssBuilder<T & {
3526
3518
  fontWeight: csstype.Property.FontWeight | undefined;
3527
3519
  } & {
3528
3520
  fontSize: csstype.Property.FontSize<string | 0> | undefined;
@@ -3530,15 +3522,7 @@ declare class CssBuilder<T extends Properties> {
3530
3522
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3531
3523
  }>;
3532
3524
  /** Sets `fontWeight: 600; fontSize: "10px"; lineHeight: "14px"`. */
3533
- get tinySb(): CssBuilder<T & {
3534
- fontWeight: csstype.Property.FontWeight | undefined;
3535
- } & {
3536
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3537
- } & {
3538
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3539
- }>;
3540
- /** Sets `fontWeight: 700; fontSize: "10px"; lineHeight: "14px"`. */
3541
- get tinyBd(): CssBuilder<T & {
3525
+ get xs2Sb(): CssBuilder<T & {
3542
3526
  fontWeight: csstype.Property.FontWeight | undefined;
3543
3527
  } & {
3544
3528
  fontSize: csstype.Property.FontSize<string | 0> | undefined;
@@ -3553,14 +3537,6 @@ declare class CssBuilder<T extends Properties> {
3553
3537
  } & {
3554
3538
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3555
3539
  }>;
3556
- /** Sets `fontWeight: 500; fontSize: "12px"; lineHeight: "16px"`. */
3557
- get xsMd(): CssBuilder<T & {
3558
- fontWeight: csstype.Property.FontWeight | undefined;
3559
- } & {
3560
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3561
- } & {
3562
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3563
- }>;
3564
3540
  /** Sets `fontWeight: 600; fontSize: "12px"; lineHeight: "16px"`. */
3565
3541
  get xsSb(): CssBuilder<T & {
3566
3542
  fontWeight: csstype.Property.FontWeight | undefined;
@@ -3569,14 +3545,6 @@ declare class CssBuilder<T extends Properties> {
3569
3545
  } & {
3570
3546
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3571
3547
  }>;
3572
- /** Sets `fontWeight: 700; fontSize: "12px"; lineHeight: "16px"`. */
3573
- get xsBd(): CssBuilder<T & {
3574
- fontWeight: csstype.Property.FontWeight | undefined;
3575
- } & {
3576
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3577
- } & {
3578
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3579
- }>;
3580
3548
  /** Sets `fontWeight: 400; fontSize: "14px"; lineHeight: "20px"`. */
3581
3549
  get sm(): CssBuilder<T & {
3582
3550
  fontWeight: csstype.Property.FontWeight | undefined;
@@ -3585,14 +3553,6 @@ declare class CssBuilder<T extends Properties> {
3585
3553
  } & {
3586
3554
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3587
3555
  }>;
3588
- /** Sets `fontWeight: 500; fontSize: "14px"; lineHeight: "20px"`. */
3589
- get smMd(): CssBuilder<T & {
3590
- fontWeight: csstype.Property.FontWeight | undefined;
3591
- } & {
3592
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3593
- } & {
3594
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3595
- }>;
3596
3556
  /** Sets `fontWeight: 600; fontSize: "14px"; lineHeight: "20px"`. */
3597
3557
  get smSb(): CssBuilder<T & {
3598
3558
  fontWeight: csstype.Property.FontWeight | undefined;
@@ -3601,24 +3561,8 @@ declare class CssBuilder<T extends Properties> {
3601
3561
  } & {
3602
3562
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3603
3563
  }>;
3604
- /** Sets `fontWeight: 700; fontSize: "14px"; lineHeight: "20px"`. */
3605
- get smBd(): CssBuilder<T & {
3606
- fontWeight: csstype.Property.FontWeight | undefined;
3607
- } & {
3608
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3609
- } & {
3610
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3611
- }>;
3612
3564
  /** Sets `fontWeight: 400; fontSize: "16px"; lineHeight: "24px"`. */
3613
- get base(): CssBuilder<T & {
3614
- fontWeight: csstype.Property.FontWeight | undefined;
3615
- } & {
3616
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3617
- } & {
3618
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3619
- }>;
3620
- /** Sets `fontWeight: 500; fontSize: "16px"; lineHeight: "24px"`. */
3621
- get baseMd(): CssBuilder<T & {
3565
+ get md(): CssBuilder<T & {
3622
3566
  fontWeight: csstype.Property.FontWeight | undefined;
3623
3567
  } & {
3624
3568
  fontSize: csstype.Property.FontSize<string | 0> | undefined;
@@ -3626,31 +3570,7 @@ declare class CssBuilder<T extends Properties> {
3626
3570
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3627
3571
  }>;
3628
3572
  /** Sets `fontWeight: 600; fontSize: "16px"; lineHeight: "24px"`. */
3629
- get baseSb(): CssBuilder<T & {
3630
- fontWeight: csstype.Property.FontWeight | undefined;
3631
- } & {
3632
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3633
- } & {
3634
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3635
- }>;
3636
- /** Sets `fontWeight: 700; fontSize: "16px"; lineHeight: "24px"`. */
3637
- get baseBd(): CssBuilder<T & {
3638
- fontWeight: csstype.Property.FontWeight | undefined;
3639
- } & {
3640
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3641
- } & {
3642
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3643
- }>;
3644
- /** Sets `fontWeight: 400; fontSize: "18px"; lineHeight: "28px"`. */
3645
- get lg(): CssBuilder<T & {
3646
- fontWeight: csstype.Property.FontWeight | undefined;
3647
- } & {
3648
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3649
- } & {
3650
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3651
- }>;
3652
- /** Sets `fontWeight: 500; fontSize: "18px"; lineHeight: "28px"`. */
3653
- get lgMd(): CssBuilder<T & {
3573
+ get mdSb(): CssBuilder<T & {
3654
3574
  fontWeight: csstype.Property.FontWeight | undefined;
3655
3575
  } & {
3656
3576
  fontSize: csstype.Property.FontSize<string | 0> | undefined;
@@ -3658,31 +3578,7 @@ declare class CssBuilder<T extends Properties> {
3658
3578
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3659
3579
  }>;
3660
3580
  /** Sets `fontWeight: 600; fontSize: "18px"; lineHeight: "28px"`. */
3661
- get lgSb(): CssBuilder<T & {
3662
- fontWeight: csstype.Property.FontWeight | undefined;
3663
- } & {
3664
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3665
- } & {
3666
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3667
- }>;
3668
- /** Sets `fontWeight: 700; fontSize: "18px"; lineHeight: "28px"`. */
3669
- get lgBd(): CssBuilder<T & {
3670
- fontWeight: csstype.Property.FontWeight | undefined;
3671
- } & {
3672
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3673
- } & {
3674
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3675
- }>;
3676
- /** Sets `fontWeight: 400; fontSize: "20px"; lineHeight: "28px"`. */
3677
- get xl(): CssBuilder<T & {
3678
- fontWeight: csstype.Property.FontWeight | undefined;
3679
- } & {
3680
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3681
- } & {
3682
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3683
- }>;
3684
- /** Sets `fontWeight: 500; fontSize: "20px"; lineHeight: "28px"`. */
3685
- get xlMd(): CssBuilder<T & {
3581
+ get lg(): CssBuilder<T & {
3686
3582
  fontWeight: csstype.Property.FontWeight | undefined;
3687
3583
  } & {
3688
3584
  fontSize: csstype.Property.FontSize<string | 0> | undefined;
@@ -3690,63 +3586,7 @@ declare class CssBuilder<T extends Properties> {
3690
3586
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3691
3587
  }>;
3692
3588
  /** Sets `fontWeight: 600; fontSize: "20px"; lineHeight: "28px"`. */
3693
- get xlSb(): CssBuilder<T & {
3694
- fontWeight: csstype.Property.FontWeight | undefined;
3695
- } & {
3696
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3697
- } & {
3698
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3699
- }>;
3700
- /** Sets `fontWeight: 700; fontSize: "20px"; lineHeight: "28px"`. */
3701
- get xlBd(): CssBuilder<T & {
3702
- fontWeight: csstype.Property.FontWeight | undefined;
3703
- } & {
3704
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3705
- } & {
3706
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3707
- }>;
3708
- /** Sets `fontWeight: 400; fontSize: "24px"; lineHeight: "32px"`. */
3709
- get xl2(): CssBuilder<T & {
3710
- fontWeight: csstype.Property.FontWeight | undefined;
3711
- } & {
3712
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3713
- } & {
3714
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3715
- }>;
3716
- /** Sets `fontWeight: 500; fontSize: "24px"; lineHeight: "32px"`. */
3717
- get xl2Md(): CssBuilder<T & {
3718
- fontWeight: csstype.Property.FontWeight | undefined;
3719
- } & {
3720
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3721
- } & {
3722
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3723
- }>;
3724
- /** Sets `fontWeight: 600; fontSize: "24px"; lineHeight: "32px"`. */
3725
- get xl2Sb(): CssBuilder<T & {
3726
- fontWeight: csstype.Property.FontWeight | undefined;
3727
- } & {
3728
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3729
- } & {
3730
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3731
- }>;
3732
- /** Sets `fontWeight: 700; fontSize: "24px"; lineHeight: "32px"`. */
3733
- get xl2Bd(): CssBuilder<T & {
3734
- fontWeight: csstype.Property.FontWeight | undefined;
3735
- } & {
3736
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3737
- } & {
3738
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3739
- }>;
3740
- /** Sets `fontWeight: 400; fontSize: "30px"; lineHeight: "36px"`. */
3741
- get xl3(): CssBuilder<T & {
3742
- fontWeight: csstype.Property.FontWeight | undefined;
3743
- } & {
3744
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3745
- } & {
3746
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3747
- }>;
3748
- /** Sets `fontWeight: 500; fontSize: "30px"; lineHeight: "36px"`. */
3749
- get xl3Md(): CssBuilder<T & {
3589
+ get xl(): CssBuilder<T & {
3750
3590
  fontWeight: csstype.Property.FontWeight | undefined;
3751
3591
  } & {
3752
3592
  fontSize: csstype.Property.FontSize<string | 0> | undefined;
@@ -3754,79 +3594,7 @@ declare class CssBuilder<T extends Properties> {
3754
3594
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3755
3595
  }>;
3756
3596
  /** Sets `fontWeight: 600; fontSize: "30px"; lineHeight: "36px"`. */
3757
- get xl3Sb(): CssBuilder<T & {
3758
- fontWeight: csstype.Property.FontWeight | undefined;
3759
- } & {
3760
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3761
- } & {
3762
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3763
- }>;
3764
- /** Sets `fontWeight: 700; fontSize: "30px"; lineHeight: "36px"`. */
3765
- get xl3Bd(): CssBuilder<T & {
3766
- fontWeight: csstype.Property.FontWeight | undefined;
3767
- } & {
3768
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3769
- } & {
3770
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3771
- }>;
3772
- /** Sets `fontWeight: 400; fontSize: "36px"; lineHeight: "40px"`. */
3773
- get xl4(): CssBuilder<T & {
3774
- fontWeight: csstype.Property.FontWeight | undefined;
3775
- } & {
3776
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3777
- } & {
3778
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3779
- }>;
3780
- /** Sets `fontWeight: 500; fontSize: "36px"; lineHeight: "40px"`. */
3781
- get xl4Md(): CssBuilder<T & {
3782
- fontWeight: csstype.Property.FontWeight | undefined;
3783
- } & {
3784
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3785
- } & {
3786
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3787
- }>;
3788
- /** Sets `fontWeight: 600; fontSize: "36px"; lineHeight: "40px"`. */
3789
- get xl4Sb(): CssBuilder<T & {
3790
- fontWeight: csstype.Property.FontWeight | undefined;
3791
- } & {
3792
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3793
- } & {
3794
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3795
- }>;
3796
- /** Sets `fontWeight: 700; fontSize: "36px"; lineHeight: "40px"`. */
3797
- get xl4Bd(): CssBuilder<T & {
3798
- fontWeight: csstype.Property.FontWeight | undefined;
3799
- } & {
3800
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3801
- } & {
3802
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3803
- }>;
3804
- /** Sets `fontWeight: 400; fontSize: "48px"; lineHeight: "48px"`. */
3805
- get xl5(): CssBuilder<T & {
3806
- fontWeight: csstype.Property.FontWeight | undefined;
3807
- } & {
3808
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3809
- } & {
3810
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3811
- }>;
3812
- /** Sets `fontWeight: 500; fontSize: "48px"; lineHeight: "48px"`. */
3813
- get xl5Md(): CssBuilder<T & {
3814
- fontWeight: csstype.Property.FontWeight | undefined;
3815
- } & {
3816
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3817
- } & {
3818
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3819
- }>;
3820
- /** Sets `fontWeight: 600; fontSize: "48px"; lineHeight: "48px"`. */
3821
- get xl5Sb(): CssBuilder<T & {
3822
- fontWeight: csstype.Property.FontWeight | undefined;
3823
- } & {
3824
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3825
- } & {
3826
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3827
- }>;
3828
- /** Sets `fontWeight: 700; fontSize: "48px"; lineHeight: "48px"`. */
3829
- get xl5Bd(): CssBuilder<T & {
3597
+ get xl2(): CssBuilder<T & {
3830
3598
  fontWeight: csstype.Property.FontWeight | undefined;
3831
3599
  } & {
3832
3600
  fontSize: csstype.Property.FontSize<string | 0> | undefined;
@@ -4197,7 +3965,7 @@ declare class CssBuilder<T extends Properties> {
4197
3965
  get transition(): CssBuilder<T & {
4198
3966
  transition: csstype.Property.Transition<string> | undefined;
4199
3967
  }>;
4200
- /** Sets `fontWeight: 500; fontSize: "14px"; lineHeight: "20px"; outline: 0; borderRadius: "8px"; display: "inline-flex"; alignItems: "center"; whiteSpace: "nowrap"; transition: "background-color 200ms, border-color 200ms, box-shadow 200ms, left 200ms, right 200ms, margin 200ms"`. */
3968
+ /** Sets `fontWeight: 600; fontSize: "14px"; lineHeight: "20px"; outline: 0; borderRadius: "8px"; display: "inline-flex"; alignItems: "center"; whiteSpace: "nowrap"; transition: "background-color 200ms, border-color 200ms, box-shadow 200ms, left 200ms, right 200ms, margin 200ms"`. */
4201
3969
  get buttonBase(): CssBuilder<T & {
4202
3970
  fontWeight: csstype.Property.FontWeight | undefined;
4203
3971
  } & {
package/dist/index.d.ts CHANGED
@@ -15,7 +15,7 @@ import { NumberFieldAria } from '@react-aria/numberfield';
15
15
  /** Given a type X, and the user's proposed type T, only allow keys in X and nothing else. */
16
16
  type Only<X, T> = X & Record<Exclude<keyof T, keyof X>, never>;
17
17
  type Properties = Properties$1<string | 0, string>;
18
- type Typography = "tiny" | "tinyMd" | "tinySb" | "tinyBd" | "xs" | "xsMd" | "xsSb" | "xsBd" | "sm" | "smMd" | "smSb" | "smBd" | "base" | "baseMd" | "baseSb" | "baseBd" | "lg" | "lgMd" | "lgSb" | "lgBd" | "xl" | "xlMd" | "xlSb" | "xlBd" | "xl2" | "xl2Md" | "xl2Sb" | "xl2Bd" | "xl3" | "xl3Md" | "xl3Sb" | "xl3Bd" | "xl4" | "xl4Md" | "xl4Sb" | "xl4Bd" | "xl5" | "xl5Md" | "xl5Sb" | "xl5Bd";
18
+ type Typography = "xs2" | "xs2Sb" | "xs" | "xsSb" | "sm" | "smSb" | "md" | "mdSb" | "lg" | "xl" | "xl2";
19
19
  type Opts<T> = {
20
20
  rules: T;
21
21
  enabled: boolean;
@@ -3514,15 +3514,7 @@ declare class CssBuilder<T extends Properties> {
3514
3514
  textTransform: csstype.Property.TextTransform | undefined;
3515
3515
  }>;
3516
3516
  /** Sets `fontWeight: 400; fontSize: "10px"; lineHeight: "14px"`. */
3517
- get tiny(): CssBuilder<T & {
3518
- fontWeight: csstype.Property.FontWeight | undefined;
3519
- } & {
3520
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3521
- } & {
3522
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3523
- }>;
3524
- /** Sets `fontWeight: 500; fontSize: "10px"; lineHeight: "14px"`. */
3525
- get tinyMd(): CssBuilder<T & {
3517
+ get xs2(): CssBuilder<T & {
3526
3518
  fontWeight: csstype.Property.FontWeight | undefined;
3527
3519
  } & {
3528
3520
  fontSize: csstype.Property.FontSize<string | 0> | undefined;
@@ -3530,15 +3522,7 @@ declare class CssBuilder<T extends Properties> {
3530
3522
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3531
3523
  }>;
3532
3524
  /** Sets `fontWeight: 600; fontSize: "10px"; lineHeight: "14px"`. */
3533
- get tinySb(): CssBuilder<T & {
3534
- fontWeight: csstype.Property.FontWeight | undefined;
3535
- } & {
3536
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3537
- } & {
3538
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3539
- }>;
3540
- /** Sets `fontWeight: 700; fontSize: "10px"; lineHeight: "14px"`. */
3541
- get tinyBd(): CssBuilder<T & {
3525
+ get xs2Sb(): CssBuilder<T & {
3542
3526
  fontWeight: csstype.Property.FontWeight | undefined;
3543
3527
  } & {
3544
3528
  fontSize: csstype.Property.FontSize<string | 0> | undefined;
@@ -3553,14 +3537,6 @@ declare class CssBuilder<T extends Properties> {
3553
3537
  } & {
3554
3538
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3555
3539
  }>;
3556
- /** Sets `fontWeight: 500; fontSize: "12px"; lineHeight: "16px"`. */
3557
- get xsMd(): CssBuilder<T & {
3558
- fontWeight: csstype.Property.FontWeight | undefined;
3559
- } & {
3560
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3561
- } & {
3562
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3563
- }>;
3564
3540
  /** Sets `fontWeight: 600; fontSize: "12px"; lineHeight: "16px"`. */
3565
3541
  get xsSb(): CssBuilder<T & {
3566
3542
  fontWeight: csstype.Property.FontWeight | undefined;
@@ -3569,14 +3545,6 @@ declare class CssBuilder<T extends Properties> {
3569
3545
  } & {
3570
3546
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3571
3547
  }>;
3572
- /** Sets `fontWeight: 700; fontSize: "12px"; lineHeight: "16px"`. */
3573
- get xsBd(): CssBuilder<T & {
3574
- fontWeight: csstype.Property.FontWeight | undefined;
3575
- } & {
3576
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3577
- } & {
3578
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3579
- }>;
3580
3548
  /** Sets `fontWeight: 400; fontSize: "14px"; lineHeight: "20px"`. */
3581
3549
  get sm(): CssBuilder<T & {
3582
3550
  fontWeight: csstype.Property.FontWeight | undefined;
@@ -3585,14 +3553,6 @@ declare class CssBuilder<T extends Properties> {
3585
3553
  } & {
3586
3554
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3587
3555
  }>;
3588
- /** Sets `fontWeight: 500; fontSize: "14px"; lineHeight: "20px"`. */
3589
- get smMd(): CssBuilder<T & {
3590
- fontWeight: csstype.Property.FontWeight | undefined;
3591
- } & {
3592
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3593
- } & {
3594
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3595
- }>;
3596
3556
  /** Sets `fontWeight: 600; fontSize: "14px"; lineHeight: "20px"`. */
3597
3557
  get smSb(): CssBuilder<T & {
3598
3558
  fontWeight: csstype.Property.FontWeight | undefined;
@@ -3601,24 +3561,8 @@ declare class CssBuilder<T extends Properties> {
3601
3561
  } & {
3602
3562
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3603
3563
  }>;
3604
- /** Sets `fontWeight: 700; fontSize: "14px"; lineHeight: "20px"`. */
3605
- get smBd(): CssBuilder<T & {
3606
- fontWeight: csstype.Property.FontWeight | undefined;
3607
- } & {
3608
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3609
- } & {
3610
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3611
- }>;
3612
3564
  /** Sets `fontWeight: 400; fontSize: "16px"; lineHeight: "24px"`. */
3613
- get base(): CssBuilder<T & {
3614
- fontWeight: csstype.Property.FontWeight | undefined;
3615
- } & {
3616
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3617
- } & {
3618
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3619
- }>;
3620
- /** Sets `fontWeight: 500; fontSize: "16px"; lineHeight: "24px"`. */
3621
- get baseMd(): CssBuilder<T & {
3565
+ get md(): CssBuilder<T & {
3622
3566
  fontWeight: csstype.Property.FontWeight | undefined;
3623
3567
  } & {
3624
3568
  fontSize: csstype.Property.FontSize<string | 0> | undefined;
@@ -3626,31 +3570,7 @@ declare class CssBuilder<T extends Properties> {
3626
3570
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3627
3571
  }>;
3628
3572
  /** Sets `fontWeight: 600; fontSize: "16px"; lineHeight: "24px"`. */
3629
- get baseSb(): CssBuilder<T & {
3630
- fontWeight: csstype.Property.FontWeight | undefined;
3631
- } & {
3632
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3633
- } & {
3634
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3635
- }>;
3636
- /** Sets `fontWeight: 700; fontSize: "16px"; lineHeight: "24px"`. */
3637
- get baseBd(): CssBuilder<T & {
3638
- fontWeight: csstype.Property.FontWeight | undefined;
3639
- } & {
3640
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3641
- } & {
3642
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3643
- }>;
3644
- /** Sets `fontWeight: 400; fontSize: "18px"; lineHeight: "28px"`. */
3645
- get lg(): CssBuilder<T & {
3646
- fontWeight: csstype.Property.FontWeight | undefined;
3647
- } & {
3648
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3649
- } & {
3650
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3651
- }>;
3652
- /** Sets `fontWeight: 500; fontSize: "18px"; lineHeight: "28px"`. */
3653
- get lgMd(): CssBuilder<T & {
3573
+ get mdSb(): CssBuilder<T & {
3654
3574
  fontWeight: csstype.Property.FontWeight | undefined;
3655
3575
  } & {
3656
3576
  fontSize: csstype.Property.FontSize<string | 0> | undefined;
@@ -3658,31 +3578,7 @@ declare class CssBuilder<T extends Properties> {
3658
3578
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3659
3579
  }>;
3660
3580
  /** Sets `fontWeight: 600; fontSize: "18px"; lineHeight: "28px"`. */
3661
- get lgSb(): CssBuilder<T & {
3662
- fontWeight: csstype.Property.FontWeight | undefined;
3663
- } & {
3664
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3665
- } & {
3666
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3667
- }>;
3668
- /** Sets `fontWeight: 700; fontSize: "18px"; lineHeight: "28px"`. */
3669
- get lgBd(): CssBuilder<T & {
3670
- fontWeight: csstype.Property.FontWeight | undefined;
3671
- } & {
3672
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3673
- } & {
3674
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3675
- }>;
3676
- /** Sets `fontWeight: 400; fontSize: "20px"; lineHeight: "28px"`. */
3677
- get xl(): CssBuilder<T & {
3678
- fontWeight: csstype.Property.FontWeight | undefined;
3679
- } & {
3680
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3681
- } & {
3682
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3683
- }>;
3684
- /** Sets `fontWeight: 500; fontSize: "20px"; lineHeight: "28px"`. */
3685
- get xlMd(): CssBuilder<T & {
3581
+ get lg(): CssBuilder<T & {
3686
3582
  fontWeight: csstype.Property.FontWeight | undefined;
3687
3583
  } & {
3688
3584
  fontSize: csstype.Property.FontSize<string | 0> | undefined;
@@ -3690,63 +3586,7 @@ declare class CssBuilder<T extends Properties> {
3690
3586
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3691
3587
  }>;
3692
3588
  /** Sets `fontWeight: 600; fontSize: "20px"; lineHeight: "28px"`. */
3693
- get xlSb(): CssBuilder<T & {
3694
- fontWeight: csstype.Property.FontWeight | undefined;
3695
- } & {
3696
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3697
- } & {
3698
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3699
- }>;
3700
- /** Sets `fontWeight: 700; fontSize: "20px"; lineHeight: "28px"`. */
3701
- get xlBd(): CssBuilder<T & {
3702
- fontWeight: csstype.Property.FontWeight | undefined;
3703
- } & {
3704
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3705
- } & {
3706
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3707
- }>;
3708
- /** Sets `fontWeight: 400; fontSize: "24px"; lineHeight: "32px"`. */
3709
- get xl2(): CssBuilder<T & {
3710
- fontWeight: csstype.Property.FontWeight | undefined;
3711
- } & {
3712
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3713
- } & {
3714
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3715
- }>;
3716
- /** Sets `fontWeight: 500; fontSize: "24px"; lineHeight: "32px"`. */
3717
- get xl2Md(): CssBuilder<T & {
3718
- fontWeight: csstype.Property.FontWeight | undefined;
3719
- } & {
3720
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3721
- } & {
3722
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3723
- }>;
3724
- /** Sets `fontWeight: 600; fontSize: "24px"; lineHeight: "32px"`. */
3725
- get xl2Sb(): CssBuilder<T & {
3726
- fontWeight: csstype.Property.FontWeight | undefined;
3727
- } & {
3728
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3729
- } & {
3730
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3731
- }>;
3732
- /** Sets `fontWeight: 700; fontSize: "24px"; lineHeight: "32px"`. */
3733
- get xl2Bd(): CssBuilder<T & {
3734
- fontWeight: csstype.Property.FontWeight | undefined;
3735
- } & {
3736
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3737
- } & {
3738
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3739
- }>;
3740
- /** Sets `fontWeight: 400; fontSize: "30px"; lineHeight: "36px"`. */
3741
- get xl3(): CssBuilder<T & {
3742
- fontWeight: csstype.Property.FontWeight | undefined;
3743
- } & {
3744
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3745
- } & {
3746
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3747
- }>;
3748
- /** Sets `fontWeight: 500; fontSize: "30px"; lineHeight: "36px"`. */
3749
- get xl3Md(): CssBuilder<T & {
3589
+ get xl(): CssBuilder<T & {
3750
3590
  fontWeight: csstype.Property.FontWeight | undefined;
3751
3591
  } & {
3752
3592
  fontSize: csstype.Property.FontSize<string | 0> | undefined;
@@ -3754,79 +3594,7 @@ declare class CssBuilder<T extends Properties> {
3754
3594
  lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3755
3595
  }>;
3756
3596
  /** Sets `fontWeight: 600; fontSize: "30px"; lineHeight: "36px"`. */
3757
- get xl3Sb(): CssBuilder<T & {
3758
- fontWeight: csstype.Property.FontWeight | undefined;
3759
- } & {
3760
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3761
- } & {
3762
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3763
- }>;
3764
- /** Sets `fontWeight: 700; fontSize: "30px"; lineHeight: "36px"`. */
3765
- get xl3Bd(): CssBuilder<T & {
3766
- fontWeight: csstype.Property.FontWeight | undefined;
3767
- } & {
3768
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3769
- } & {
3770
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3771
- }>;
3772
- /** Sets `fontWeight: 400; fontSize: "36px"; lineHeight: "40px"`. */
3773
- get xl4(): CssBuilder<T & {
3774
- fontWeight: csstype.Property.FontWeight | undefined;
3775
- } & {
3776
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3777
- } & {
3778
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3779
- }>;
3780
- /** Sets `fontWeight: 500; fontSize: "36px"; lineHeight: "40px"`. */
3781
- get xl4Md(): CssBuilder<T & {
3782
- fontWeight: csstype.Property.FontWeight | undefined;
3783
- } & {
3784
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3785
- } & {
3786
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3787
- }>;
3788
- /** Sets `fontWeight: 600; fontSize: "36px"; lineHeight: "40px"`. */
3789
- get xl4Sb(): CssBuilder<T & {
3790
- fontWeight: csstype.Property.FontWeight | undefined;
3791
- } & {
3792
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3793
- } & {
3794
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3795
- }>;
3796
- /** Sets `fontWeight: 700; fontSize: "36px"; lineHeight: "40px"`. */
3797
- get xl4Bd(): CssBuilder<T & {
3798
- fontWeight: csstype.Property.FontWeight | undefined;
3799
- } & {
3800
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3801
- } & {
3802
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3803
- }>;
3804
- /** Sets `fontWeight: 400; fontSize: "48px"; lineHeight: "48px"`. */
3805
- get xl5(): CssBuilder<T & {
3806
- fontWeight: csstype.Property.FontWeight | undefined;
3807
- } & {
3808
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3809
- } & {
3810
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3811
- }>;
3812
- /** Sets `fontWeight: 500; fontSize: "48px"; lineHeight: "48px"`. */
3813
- get xl5Md(): CssBuilder<T & {
3814
- fontWeight: csstype.Property.FontWeight | undefined;
3815
- } & {
3816
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3817
- } & {
3818
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3819
- }>;
3820
- /** Sets `fontWeight: 600; fontSize: "48px"; lineHeight: "48px"`. */
3821
- get xl5Sb(): CssBuilder<T & {
3822
- fontWeight: csstype.Property.FontWeight | undefined;
3823
- } & {
3824
- fontSize: csstype.Property.FontSize<string | 0> | undefined;
3825
- } & {
3826
- lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
3827
- }>;
3828
- /** Sets `fontWeight: 700; fontSize: "48px"; lineHeight: "48px"`. */
3829
- get xl5Bd(): CssBuilder<T & {
3597
+ get xl2(): CssBuilder<T & {
3830
3598
  fontWeight: csstype.Property.FontWeight | undefined;
3831
3599
  } & {
3832
3600
  fontSize: csstype.Property.FontSize<string | 0> | undefined;
@@ -4197,7 +3965,7 @@ declare class CssBuilder<T extends Properties> {
4197
3965
  get transition(): CssBuilder<T & {
4198
3966
  transition: csstype.Property.Transition<string> | undefined;
4199
3967
  }>;
4200
- /** Sets `fontWeight: 500; fontSize: "14px"; lineHeight: "20px"; outline: 0; borderRadius: "8px"; display: "inline-flex"; alignItems: "center"; whiteSpace: "nowrap"; transition: "background-color 200ms, border-color 200ms, box-shadow 200ms, left 200ms, right 200ms, margin 200ms"`. */
3968
+ /** Sets `fontWeight: 600; fontSize: "14px"; lineHeight: "20px"; outline: 0; borderRadius: "8px"; display: "inline-flex"; alignItems: "center"; whiteSpace: "nowrap"; transition: "background-color 200ms, border-color 200ms, box-shadow 200ms, left 200ms, right 200ms, margin 200ms"`. */
4201
3969
  get buttonBase(): CssBuilder<T & {
4202
3970
  fontWeight: csstype.Property.FontWeight | undefined;
4203
3971
  } & {