@rarui/styles 1.3.0 → 1.5.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/dist/index.d.ts CHANGED
@@ -1923,7 +1923,7 @@ declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRu
1923
1923
  };
1924
1924
  lineHeight: {
1925
1925
  values: {
1926
- "hero-caption": {
1926
+ hero: {
1927
1927
  default: string;
1928
1928
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1929
1929
  };
@@ -1997,7 +1997,7 @@ declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRu
1997
1997
  };
1998
1998
  };
1999
1999
  staticScale: {
2000
- readonly "hero-caption": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2000
+ readonly hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2001
2001
  readonly "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2002
2002
  readonly "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2003
2003
  readonly "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2047,7 +2047,7 @@ declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRu
2047
2047
  };
2048
2048
  fontSize: {
2049
2049
  values: {
2050
- "hero-caption": {
2050
+ hero: {
2051
2051
  default: string;
2052
2052
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2053
2053
  };
@@ -2121,7 +2121,7 @@ declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRu
2121
2121
  };
2122
2122
  };
2123
2123
  staticScale: {
2124
- "hero-caption": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2124
+ hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2125
2125
  "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2126
2126
  "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2127
2127
  "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -4610,7 +4610,7 @@ export declare const box: {
4610
4610
  };
4611
4611
  lineHeight: {
4612
4612
  values: {
4613
- "hero-caption": {
4613
+ hero: {
4614
4614
  default: string;
4615
4615
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4616
4616
  };
@@ -4684,7 +4684,7 @@ export declare const box: {
4684
4684
  };
4685
4685
  };
4686
4686
  staticScale: {
4687
- readonly "hero-caption": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4687
+ readonly hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4688
4688
  readonly "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4689
4689
  readonly "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4690
4690
  readonly "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -4734,7 +4734,7 @@ export declare const box: {
4734
4734
  };
4735
4735
  fontSize: {
4736
4736
  values: {
4737
- "hero-caption": {
4737
+ hero: {
4738
4738
  default: string;
4739
4739
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4740
4740
  };
@@ -4808,7 +4808,7 @@ export declare const box: {
4808
4808
  };
4809
4809
  };
4810
4810
  staticScale: {
4811
- "hero-caption": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4811
+ hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4812
4812
  "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4813
4813
  "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4814
4814
  "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -5459,69 +5459,6 @@ export declare const box: {
5459
5459
  };
5460
5460
  }
5461
5461
  ]>;
5462
- properties: {
5463
- backgroundColor: {
5464
- transparent: string;
5465
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5466
- brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5467
- "brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5468
- "brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5469
- "brand-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5470
- disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5471
- error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5472
- "error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5473
- "error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5474
- "error-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5475
- hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5476
- info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5477
- "info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5478
- "info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5479
- "info-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5480
- invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5481
- "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5482
- "invert-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5483
- "invert-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5484
- "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5485
- "on-brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5486
- "on-brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5487
- "on-error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5488
- "on-error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5489
- "on-info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5490
- "on-info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5491
- "on-success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5492
- "on-success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5493
- "on-warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5494
- "on-warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5495
- overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5496
- press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5497
- primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5498
- secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5499
- success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5500
- "success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5501
- "success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5502
- "success-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5503
- warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5504
- "warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5505
- "warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5506
- "warning-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5507
- };
5508
- borderColor: {
5509
- transparent: string;
5510
- brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5511
- "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5512
- disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5513
- divider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5514
- error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5515
- info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5516
- invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5517
- "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5518
- primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5519
- secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5520
- subdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5521
- success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5522
- warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5523
- };
5524
- };
5525
5462
  };
5526
5463
  declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
5527
5464
  appearance: {
@@ -5675,6 +5612,33 @@ declare const button$1: {
5675
5612
  overlay: string;
5676
5613
  };
5677
5614
  };
5615
+ export declare const chip: {
5616
+ classnames: {
5617
+ chip: import("@vanilla-extract/recipes").RuntimeFn<{
5618
+ shape: {
5619
+ pill: {
5620
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5621
+ };
5622
+ rounded: {
5623
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5624
+ };
5625
+ };
5626
+ variantdsa: {
5627
+ selected: {
5628
+ border: "none";
5629
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5630
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5631
+ ":hover": {
5632
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5633
+ };
5634
+ ":active": {
5635
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5636
+ };
5637
+ };
5638
+ };
5639
+ }>;
5640
+ };
5641
+ };
5678
5642
  export declare const link: {
5679
5643
  classnames: {
5680
5644
  link: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -5709,29 +5673,976 @@ export declare const link: {
5709
5673
  }>;
5710
5674
  };
5711
5675
  };
5712
- export declare const chip: {
5713
- classnames: {
5714
- chip: import("@vanilla-extract/recipes").RuntimeFn<{
5715
- shape: {
5716
- pill: {
5717
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5676
+ declare const sprinkle$1: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5677
+ {
5678
+ config: {
5679
+ color: {
5680
+ values: {
5681
+ brand: {
5682
+ default: string;
5683
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5684
+ };
5685
+ disabled: {
5686
+ default: string;
5687
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5688
+ };
5689
+ error: {
5690
+ default: string;
5691
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5692
+ };
5693
+ info: {
5694
+ default: string;
5695
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5696
+ };
5697
+ invert: {
5698
+ default: string;
5699
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5700
+ };
5701
+ "invert-disabled": {
5702
+ default: string;
5703
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5704
+ };
5705
+ "invert-secondary": {
5706
+ default: string;
5707
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5708
+ };
5709
+ primary: {
5710
+ default: string;
5711
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5712
+ };
5713
+ secondary: {
5714
+ default: string;
5715
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5716
+ };
5717
+ success: {
5718
+ default: string;
5719
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5720
+ };
5721
+ warning: {
5722
+ default: string;
5723
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5724
+ };
5725
+ "brand-alt": {
5726
+ default: string;
5727
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5728
+ };
5729
+ "on-brand": {
5730
+ default: string;
5731
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5732
+ };
5733
+ "on-error": {
5734
+ default: string;
5735
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5736
+ };
5737
+ "on-info": {
5738
+ default: string;
5739
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5740
+ };
5741
+ "on-success": {
5742
+ default: string;
5743
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5744
+ };
5745
+ "on-warning": {
5746
+ default: string;
5747
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5748
+ };
5749
+ "warning-alt": {
5750
+ default: string;
5751
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5752
+ };
5753
+ currentColor: {
5754
+ default: string;
5755
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5756
+ };
5718
5757
  };
5719
- rounded: {
5720
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5758
+ staticScale: {
5759
+ currentColor: string;
5760
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5761
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5762
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5763
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5764
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5765
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5766
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5767
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5768
+ "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5769
+ "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5770
+ "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5771
+ "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5772
+ "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5773
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5774
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5775
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5776
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5777
+ "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5721
5778
  };
5779
+ name: "color";
5722
5780
  };
5723
- variantdsa: {
5724
- selected: {
5725
- border: "none";
5726
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5727
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5728
- ":hover": {
5729
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5781
+ fontWeight: {
5782
+ values: {
5783
+ regular: {
5784
+ default: string;
5785
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5730
5786
  };
5731
- ":active": {
5732
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5787
+ medium: {
5788
+ default: string;
5789
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5790
+ };
5791
+ semiBold: {
5792
+ default: string;
5793
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5794
+ };
5795
+ bold: {
5796
+ default: string;
5797
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5798
+ };
5799
+ };
5800
+ staticScale: {
5801
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5802
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5803
+ semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5804
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5805
+ };
5806
+ name: "fontWeight";
5807
+ };
5808
+ lineHeight: {
5809
+ values: {
5810
+ xxs: {
5811
+ default: string;
5812
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5813
+ };
5814
+ xs: {
5815
+ default: string;
5816
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5817
+ };
5818
+ s: {
5819
+ default: string;
5820
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5821
+ };
5822
+ m: {
5823
+ default: string;
5824
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5825
+ };
5826
+ l: {
5827
+ default: string;
5828
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5829
+ };
5830
+ xl: {
5831
+ default: string;
5832
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5833
+ };
5834
+ };
5835
+ staticScale: {
5836
+ xxs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5837
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5838
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5839
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5840
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5841
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5842
+ };
5843
+ name: "lineHeight";
5844
+ };
5845
+ fontSize: {
5846
+ values: {
5847
+ xxs: {
5848
+ default: string;
5849
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5850
+ };
5851
+ xs: {
5852
+ default: string;
5853
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5854
+ };
5855
+ s: {
5856
+ default: string;
5857
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5858
+ };
5859
+ m: {
5860
+ default: string;
5861
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5862
+ };
5863
+ l: {
5864
+ default: string;
5865
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5866
+ };
5867
+ xl: {
5868
+ default: string;
5869
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5733
5870
  };
5734
5871
  };
5872
+ staticScale: {
5873
+ xxs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5874
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5875
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5876
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5877
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5878
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5879
+ };
5880
+ name: "fontSize";
5881
+ };
5882
+ };
5883
+ } & {
5884
+ config: {
5885
+ textAlign: {
5886
+ dynamic: {
5887
+ default: string;
5888
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5889
+ };
5890
+ dynamicScale: true;
5891
+ name: "textAlign";
5892
+ vars: {
5893
+ default: string;
5894
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5895
+ };
5896
+ };
5897
+ wordBreak: {
5898
+ dynamic: {
5899
+ default: string;
5900
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5901
+ };
5902
+ dynamicScale: true;
5903
+ name: "wordBreak";
5904
+ vars: {
5905
+ default: string;
5906
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5907
+ };
5908
+ };
5909
+ };
5910
+ }
5911
+ ]>;
5912
+ export type TextSprinkle = Parameters<typeof sprinkle$1>[0];
5913
+ export declare const text: {
5914
+ sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5915
+ {
5916
+ config: {
5917
+ color: {
5918
+ values: {
5919
+ brand: {
5920
+ default: string;
5921
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5922
+ };
5923
+ disabled: {
5924
+ default: string;
5925
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5926
+ };
5927
+ error: {
5928
+ default: string;
5929
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5930
+ };
5931
+ info: {
5932
+ default: string;
5933
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5934
+ };
5935
+ invert: {
5936
+ default: string;
5937
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5938
+ };
5939
+ "invert-disabled": {
5940
+ default: string;
5941
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5942
+ };
5943
+ "invert-secondary": {
5944
+ default: string;
5945
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5946
+ };
5947
+ primary: {
5948
+ default: string;
5949
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5950
+ };
5951
+ secondary: {
5952
+ default: string;
5953
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5954
+ };
5955
+ success: {
5956
+ default: string;
5957
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5958
+ };
5959
+ warning: {
5960
+ default: string;
5961
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5962
+ };
5963
+ "brand-alt": {
5964
+ default: string;
5965
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5966
+ };
5967
+ "on-brand": {
5968
+ default: string;
5969
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5970
+ };
5971
+ "on-error": {
5972
+ default: string;
5973
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5974
+ };
5975
+ "on-info": {
5976
+ default: string;
5977
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5978
+ };
5979
+ "on-success": {
5980
+ default: string;
5981
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5982
+ };
5983
+ "on-warning": {
5984
+ default: string;
5985
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5986
+ };
5987
+ "warning-alt": {
5988
+ default: string;
5989
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5990
+ };
5991
+ currentColor: {
5992
+ default: string;
5993
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5994
+ };
5995
+ };
5996
+ staticScale: {
5997
+ currentColor: string;
5998
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5999
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6000
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6001
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6002
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6003
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6004
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6005
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6006
+ "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6007
+ "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6008
+ "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6009
+ "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6010
+ "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6011
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6012
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6013
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6014
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6015
+ "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6016
+ };
6017
+ name: "color";
6018
+ };
6019
+ fontWeight: {
6020
+ values: {
6021
+ regular: {
6022
+ default: string;
6023
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6024
+ };
6025
+ medium: {
6026
+ default: string;
6027
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6028
+ };
6029
+ semiBold: {
6030
+ default: string;
6031
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6032
+ };
6033
+ bold: {
6034
+ default: string;
6035
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6036
+ };
6037
+ };
6038
+ staticScale: {
6039
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6040
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6041
+ semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6042
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6043
+ };
6044
+ name: "fontWeight";
6045
+ };
6046
+ lineHeight: {
6047
+ values: {
6048
+ xxs: {
6049
+ default: string;
6050
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6051
+ };
6052
+ xs: {
6053
+ default: string;
6054
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6055
+ };
6056
+ s: {
6057
+ default: string;
6058
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6059
+ };
6060
+ m: {
6061
+ default: string;
6062
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6063
+ };
6064
+ l: {
6065
+ default: string;
6066
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6067
+ };
6068
+ xl: {
6069
+ default: string;
6070
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6071
+ };
6072
+ };
6073
+ staticScale: {
6074
+ xxs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6075
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6076
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6077
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6078
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6079
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6080
+ };
6081
+ name: "lineHeight";
6082
+ };
6083
+ fontSize: {
6084
+ values: {
6085
+ xxs: {
6086
+ default: string;
6087
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6088
+ };
6089
+ xs: {
6090
+ default: string;
6091
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6092
+ };
6093
+ s: {
6094
+ default: string;
6095
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6096
+ };
6097
+ m: {
6098
+ default: string;
6099
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6100
+ };
6101
+ l: {
6102
+ default: string;
6103
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6104
+ };
6105
+ xl: {
6106
+ default: string;
6107
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6108
+ };
6109
+ };
6110
+ staticScale: {
6111
+ xxs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6112
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6113
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6114
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6115
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6116
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6117
+ };
6118
+ name: "fontSize";
6119
+ };
6120
+ };
6121
+ } & {
6122
+ config: {
6123
+ textAlign: {
6124
+ dynamic: {
6125
+ default: string;
6126
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6127
+ };
6128
+ dynamicScale: true;
6129
+ name: "textAlign";
6130
+ vars: {
6131
+ default: string;
6132
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6133
+ };
6134
+ };
6135
+ wordBreak: {
6136
+ dynamic: {
6137
+ default: string;
6138
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6139
+ };
6140
+ dynamicScale: true;
6141
+ name: "wordBreak";
6142
+ vars: {
6143
+ default: string;
6144
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6145
+ };
6146
+ };
6147
+ };
6148
+ }
6149
+ ]>;
6150
+ classnames: {
6151
+ text: import("@vanilla-extract/recipes").RuntimeFn<{
6152
+ lineClamp: {
6153
+ true: {
6154
+ display: "-webkit-box";
6155
+ overflow: "hidden";
6156
+ textOverflow: "ellipsis";
6157
+ WebkitBoxOrient: "vertical";
6158
+ };
6159
+ };
6160
+ }>;
6161
+ };
6162
+ };
6163
+ declare const sprinkle$2: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
6164
+ {
6165
+ config: {
6166
+ color: {
6167
+ values: {
6168
+ brand: {
6169
+ default: string;
6170
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6171
+ };
6172
+ disabled: {
6173
+ default: string;
6174
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6175
+ };
6176
+ error: {
6177
+ default: string;
6178
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6179
+ };
6180
+ info: {
6181
+ default: string;
6182
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6183
+ };
6184
+ invert: {
6185
+ default: string;
6186
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6187
+ };
6188
+ "invert-disabled": {
6189
+ default: string;
6190
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6191
+ };
6192
+ "invert-secondary": {
6193
+ default: string;
6194
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6195
+ };
6196
+ primary: {
6197
+ default: string;
6198
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6199
+ };
6200
+ secondary: {
6201
+ default: string;
6202
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6203
+ };
6204
+ success: {
6205
+ default: string;
6206
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6207
+ };
6208
+ warning: {
6209
+ default: string;
6210
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6211
+ };
6212
+ "brand-alt": {
6213
+ default: string;
6214
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6215
+ };
6216
+ "on-brand": {
6217
+ default: string;
6218
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6219
+ };
6220
+ "on-error": {
6221
+ default: string;
6222
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6223
+ };
6224
+ "on-info": {
6225
+ default: string;
6226
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6227
+ };
6228
+ "on-success": {
6229
+ default: string;
6230
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6231
+ };
6232
+ "on-warning": {
6233
+ default: string;
6234
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6235
+ };
6236
+ "warning-alt": {
6237
+ default: string;
6238
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6239
+ };
6240
+ currentColor: {
6241
+ default: string;
6242
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6243
+ };
6244
+ };
6245
+ staticScale: {
6246
+ currentColor: string;
6247
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6248
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6249
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6250
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6251
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6252
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6253
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6254
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6255
+ "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6256
+ "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6257
+ "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6258
+ "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6259
+ "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6260
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6261
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6262
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6263
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6264
+ "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6265
+ };
6266
+ name: "color";
6267
+ };
6268
+ fontWeight: {
6269
+ values: {
6270
+ regular: {
6271
+ default: string;
6272
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6273
+ };
6274
+ medium: {
6275
+ default: string;
6276
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6277
+ };
6278
+ semiBold: {
6279
+ default: string;
6280
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6281
+ };
6282
+ bold: {
6283
+ default: string;
6284
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6285
+ };
6286
+ };
6287
+ staticScale: {
6288
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6289
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6290
+ semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6291
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6292
+ };
6293
+ name: "fontWeight";
6294
+ };
6295
+ lineHeight: {
6296
+ values: {
6297
+ hero: {
6298
+ default: string;
6299
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6300
+ };
6301
+ xs: {
6302
+ default: string;
6303
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6304
+ };
6305
+ s: {
6306
+ default: string;
6307
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6308
+ };
6309
+ m: {
6310
+ default: string;
6311
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6312
+ };
6313
+ l: {
6314
+ default: string;
6315
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6316
+ };
6317
+ xl: {
6318
+ default: string;
6319
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6320
+ };
6321
+ };
6322
+ staticScale: {
6323
+ hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6324
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6325
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6326
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6327
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6328
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6329
+ };
6330
+ name: "lineHeight";
6331
+ };
6332
+ fontSize: {
6333
+ values: {
6334
+ hero: {
6335
+ default: string;
6336
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6337
+ };
6338
+ xs: {
6339
+ default: string;
6340
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6341
+ };
6342
+ s: {
6343
+ default: string;
6344
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6345
+ };
6346
+ m: {
6347
+ default: string;
6348
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6349
+ };
6350
+ l: {
6351
+ default: string;
6352
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6353
+ };
6354
+ xl: {
6355
+ default: string;
6356
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6357
+ };
6358
+ };
6359
+ staticScale: {
6360
+ hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6361
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6362
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6363
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6364
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6365
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6366
+ };
6367
+ name: "fontSize";
6368
+ };
6369
+ };
6370
+ } & {
6371
+ config: {
6372
+ textAlign: {
6373
+ dynamic: {
6374
+ default: string;
6375
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6376
+ };
6377
+ dynamicScale: true;
6378
+ name: "textAlign";
6379
+ vars: {
6380
+ default: string;
6381
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6382
+ };
6383
+ };
6384
+ };
6385
+ }
6386
+ ]>;
6387
+ export type TitleSprinkle = Parameters<typeof sprinkle$2>[0];
6388
+ export declare const title: {
6389
+ sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
6390
+ {
6391
+ config: {
6392
+ color: {
6393
+ values: {
6394
+ brand: {
6395
+ default: string;
6396
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6397
+ };
6398
+ disabled: {
6399
+ default: string;
6400
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6401
+ };
6402
+ error: {
6403
+ default: string;
6404
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6405
+ };
6406
+ info: {
6407
+ default: string;
6408
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6409
+ };
6410
+ invert: {
6411
+ default: string;
6412
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6413
+ };
6414
+ "invert-disabled": {
6415
+ default: string;
6416
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6417
+ };
6418
+ "invert-secondary": {
6419
+ default: string;
6420
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6421
+ };
6422
+ primary: {
6423
+ default: string;
6424
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6425
+ };
6426
+ secondary: {
6427
+ default: string;
6428
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6429
+ };
6430
+ success: {
6431
+ default: string;
6432
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6433
+ };
6434
+ warning: {
6435
+ default: string;
6436
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6437
+ };
6438
+ "brand-alt": {
6439
+ default: string;
6440
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6441
+ };
6442
+ "on-brand": {
6443
+ default: string;
6444
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6445
+ };
6446
+ "on-error": {
6447
+ default: string;
6448
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6449
+ };
6450
+ "on-info": {
6451
+ default: string;
6452
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6453
+ };
6454
+ "on-success": {
6455
+ default: string;
6456
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6457
+ };
6458
+ "on-warning": {
6459
+ default: string;
6460
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6461
+ };
6462
+ "warning-alt": {
6463
+ default: string;
6464
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6465
+ };
6466
+ currentColor: {
6467
+ default: string;
6468
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6469
+ };
6470
+ };
6471
+ staticScale: {
6472
+ currentColor: string;
6473
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6474
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6475
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6476
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6477
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6478
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6479
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6480
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6481
+ "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6482
+ "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6483
+ "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6484
+ "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6485
+ "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6486
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6487
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6488
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6489
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6490
+ "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6491
+ };
6492
+ name: "color";
6493
+ };
6494
+ fontWeight: {
6495
+ values: {
6496
+ regular: {
6497
+ default: string;
6498
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6499
+ };
6500
+ medium: {
6501
+ default: string;
6502
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6503
+ };
6504
+ semiBold: {
6505
+ default: string;
6506
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6507
+ };
6508
+ bold: {
6509
+ default: string;
6510
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6511
+ };
6512
+ };
6513
+ staticScale: {
6514
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6515
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6516
+ semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6517
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6518
+ };
6519
+ name: "fontWeight";
6520
+ };
6521
+ lineHeight: {
6522
+ values: {
6523
+ hero: {
6524
+ default: string;
6525
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6526
+ };
6527
+ xs: {
6528
+ default: string;
6529
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6530
+ };
6531
+ s: {
6532
+ default: string;
6533
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6534
+ };
6535
+ m: {
6536
+ default: string;
6537
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6538
+ };
6539
+ l: {
6540
+ default: string;
6541
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6542
+ };
6543
+ xl: {
6544
+ default: string;
6545
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6546
+ };
6547
+ };
6548
+ staticScale: {
6549
+ hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6550
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6551
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6552
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6553
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6554
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6555
+ };
6556
+ name: "lineHeight";
6557
+ };
6558
+ fontSize: {
6559
+ values: {
6560
+ hero: {
6561
+ default: string;
6562
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6563
+ };
6564
+ xs: {
6565
+ default: string;
6566
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6567
+ };
6568
+ s: {
6569
+ default: string;
6570
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6571
+ };
6572
+ m: {
6573
+ default: string;
6574
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6575
+ };
6576
+ l: {
6577
+ default: string;
6578
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6579
+ };
6580
+ xl: {
6581
+ default: string;
6582
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6583
+ };
6584
+ };
6585
+ staticScale: {
6586
+ hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6587
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6588
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6589
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6590
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6591
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6592
+ };
6593
+ name: "fontSize";
6594
+ };
6595
+ };
6596
+ } & {
6597
+ config: {
6598
+ textAlign: {
6599
+ dynamic: {
6600
+ default: string;
6601
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6602
+ };
6603
+ dynamicScale: true;
6604
+ name: "textAlign";
6605
+ vars: {
6606
+ default: string;
6607
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6608
+ };
6609
+ };
6610
+ };
6611
+ }
6612
+ ]>;
6613
+ classnames: {
6614
+ title: import("@vanilla-extract/recipes").RuntimeFn<{
6615
+ as: {
6616
+ h1: {
6617
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6618
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6619
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6620
+ };
6621
+ h2: {
6622
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6623
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6624
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6625
+ };
6626
+ h3: {
6627
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6628
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6629
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6630
+ };
6631
+ h4: {
6632
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6633
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6634
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6635
+ };
6636
+ h5: {
6637
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6638
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6639
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6640
+ };
6641
+ h6: {
6642
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6643
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6644
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6645
+ };
5735
6646
  };
5736
6647
  }>;
5737
6648
  };