@rarui/styles 1.6.0 → 1.8.0-rc.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 (8) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +527 -155
  4. package/dist/index.js +1 -1
  5. package/dist/styles.css +1 -1
  6. package/dist/themes/dark.css +1 -1
  7. package/dist/themes/dark.js +1 -1
  8. package/package.json +7 -6
package/dist/index.d.ts CHANGED
@@ -17,74 +17,76 @@ export interface ThemeProviderContextProps {
17
17
  export declare const useTheme: () => ThemeProviderContextProps;
18
18
  export declare const badge: {
19
19
  classnames: {
20
- badge: import("@vanilla-extract/recipes").RuntimeFn<{
21
- appearance: {
22
- brand: {
23
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- };
27
- danger: {
28
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- };
32
- success: {
33
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- };
37
- warning: {
38
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
- };
42
- info: {
43
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
- };
47
- neutral: {
48
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
- };
52
- inverted: {
53
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
- };
57
- };
58
- size: {
59
- large: {
60
- padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
61
- height: "3rem";
62
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
- };
64
- medium: {
65
- padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
66
- height: "2em";
67
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
- };
69
- small: {
70
- padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
71
- height: "1.5rem";
72
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ styles: {
21
+ badge: import("@vanilla-extract/recipes").RuntimeFn<{
22
+ appearance: {
23
+ brand: {
24
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ };
28
+ danger: {
29
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ };
33
+ success: {
34
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ };
38
+ warning: {
39
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
+ };
43
+ info: {
44
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ };
48
+ neutral: {
49
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ };
53
+ inverted: {
54
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
+ };
73
58
  };
74
- dot: {
75
- height: "0.5rem";
76
- width: "0.5rem";
59
+ size: {
60
+ large: {
61
+ padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
62
+ height: "3rem";
63
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ };
65
+ medium: {
66
+ padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
67
+ height: "2em";
68
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ };
70
+ small: {
71
+ padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
72
+ height: "1.5rem";
73
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
74
+ };
75
+ dot: {
76
+ height: "0.5rem";
77
+ width: "0.5rem";
78
+ };
77
79
  };
78
- };
79
- variant: {
80
- solid: {};
81
- outlined: {
82
- borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
- borderStyle: "solid";
84
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
80
+ variant: {
81
+ solid: {};
82
+ outlined: {
83
+ borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
+ borderStyle: "solid";
85
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
+ };
85
87
  };
86
- };
87
- }>;
88
+ }>;
89
+ };
88
90
  };
89
91
  };
90
92
  declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
@@ -5460,81 +5462,84 @@ export declare const box: {
5460
5462
  }
5461
5463
  ]>;
5462
5464
  };
5463
- declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
5464
- appearance: {
5465
- brand: {
5466
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5467
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5468
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5469
- };
5470
- danger: {
5471
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5472
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5473
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5474
- };
5475
- success: {
5476
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5477
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5478
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5479
- };
5480
- warning: {
5481
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5482
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5483
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5484
- };
5485
- neutral: {
5486
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5487
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5488
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5489
- };
5490
- inverted: {
5491
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5492
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5493
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5494
- };
5495
- };
5496
- size: {
5497
- large: {
5498
- padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5499
- height: "3rem";
5500
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5501
- };
5502
- medium: {
5503
- padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5504
- height: "2.75rem";
5505
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5506
- };
5507
- small: {
5508
- padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5509
- height: "2rem";
5510
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5465
+ declare const styles: {
5466
+ button: import("@vanilla-extract/recipes").RuntimeFn<{
5467
+ appearance: {
5468
+ brand: {
5469
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5470
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5471
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5472
+ };
5473
+ danger: {
5474
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5475
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5476
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5477
+ };
5478
+ success: {
5479
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5480
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5481
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5482
+ };
5483
+ warning: {
5484
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5485
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5486
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5487
+ };
5488
+ neutral: {
5489
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5490
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5491
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5492
+ };
5493
+ inverted: {
5494
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5495
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5496
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5497
+ };
5511
5498
  };
5512
- };
5513
- variant: {
5514
- solid: {};
5515
- outlined: {
5516
- backgroundColor: "transparent";
5499
+ size: {
5500
+ large: {
5501
+ padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5502
+ height: "3rem";
5503
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5504
+ };
5505
+ medium: {
5506
+ padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5507
+ height: "2.75rem";
5508
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5509
+ };
5510
+ small: {
5511
+ padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5512
+ height: "2rem";
5513
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5514
+ };
5517
5515
  };
5518
- text: {
5519
- backgroundColor: "transparent";
5520
- textDecoration: "underline";
5521
- border: "none";
5522
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5523
- ":hover": {
5516
+ variant: {
5517
+ solid: {};
5518
+ outlined: {
5519
+ backgroundColor: "transparent";
5520
+ };
5521
+ text: {
5522
+ backgroundColor: "transparent";
5523
+ textDecoration: "underline";
5524
+ border: "none";
5524
5525
  borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5526
+ ":hover": {
5527
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5528
+ };
5529
+ ":active": {
5530
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5531
+ };
5525
5532
  };
5526
- ":active": {
5533
+ tonal: {
5534
+ border: "none";
5527
5535
  borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5528
5536
  };
5529
5537
  };
5530
- tonal: {
5531
- border: "none";
5532
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5533
- };
5534
- };
5535
- }>;
5536
- export type ButtonVariants = RecipeVariants<typeof button>;
5537
- declare const button$1: {
5538
+ }>;
5539
+ overlay: string;
5540
+ };
5541
+ export type ButtonVariants = RecipeVariants<typeof styles.button>;
5542
+ export declare const button: {
5538
5543
  classnames: {
5539
5544
  button: import("@vanilla-extract/recipes").RuntimeFn<{
5540
5545
  appearance: {
@@ -5614,28 +5619,286 @@ declare const button$1: {
5614
5619
  };
5615
5620
  export declare const chip: {
5616
5621
  classnames: {
5617
- chip: import("@vanilla-extract/recipes").RuntimeFn<{
5618
- shape: {
5619
- pill: {
5620
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5622
+ styles: {
5623
+ chip: import("@vanilla-extract/recipes").RuntimeFn<{
5624
+ shape: {
5625
+ pill: {
5626
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5627
+ };
5628
+ rounded: {
5629
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5630
+ };
5621
5631
  };
5622
- rounded: {
5623
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5632
+ variantdsa: {
5633
+ selected: {
5634
+ border: "none";
5635
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5636
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5637
+ ":hover": {
5638
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5639
+ };
5640
+ ":active": {
5641
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5642
+ };
5643
+ };
5644
+ };
5645
+ }>;
5646
+ };
5647
+ };
5648
+ };
5649
+ declare const sprinkle$1: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5650
+ {
5651
+ config: {
5652
+ color: {
5653
+ values: {
5654
+ brand: {
5655
+ default: string;
5656
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5657
+ };
5658
+ disabled: {
5659
+ default: string;
5660
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5661
+ };
5662
+ error: {
5663
+ default: string;
5664
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5665
+ };
5666
+ info: {
5667
+ default: string;
5668
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5669
+ };
5670
+ invert: {
5671
+ default: string;
5672
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5673
+ };
5674
+ "invert-disabled": {
5675
+ default: string;
5676
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5677
+ };
5678
+ "invert-secondary": {
5679
+ default: string;
5680
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5681
+ };
5682
+ primary: {
5683
+ default: string;
5684
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5685
+ };
5686
+ secondary: {
5687
+ default: string;
5688
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5689
+ };
5690
+ success: {
5691
+ default: string;
5692
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5693
+ };
5694
+ warning: {
5695
+ default: string;
5696
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5697
+ };
5698
+ "brand-alt": {
5699
+ default: string;
5700
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5701
+ };
5702
+ "on-brand": {
5703
+ default: string;
5704
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5705
+ };
5706
+ "on-error": {
5707
+ default: string;
5708
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5709
+ };
5710
+ "on-info": {
5711
+ default: string;
5712
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5713
+ };
5714
+ "on-success": {
5715
+ default: string;
5716
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5717
+ };
5718
+ "on-warning": {
5719
+ default: string;
5720
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5721
+ };
5722
+ "warning-alt": {
5723
+ default: string;
5724
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5725
+ };
5726
+ currentColor: {
5727
+ default: string;
5728
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5729
+ };
5730
+ };
5731
+ staticScale: {
5732
+ currentColor: string;
5733
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5734
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5735
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5736
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5737
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5738
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5739
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5740
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5741
+ "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5742
+ "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5743
+ "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5744
+ "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5745
+ "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5746
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5747
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5748
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5749
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5750
+ "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5624
5751
  };
5752
+ name: "color";
5625
5753
  };
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})`;
5754
+ };
5755
+ } & {
5756
+ config: {
5757
+ cursor: {
5758
+ dynamic: {
5759
+ default: string;
5760
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5761
+ };
5762
+ dynamicScale: true;
5763
+ name: "cursor";
5764
+ vars: {
5765
+ default: string;
5766
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5767
+ };
5768
+ };
5769
+ };
5770
+ }
5771
+ ]>;
5772
+ export type IconSprinkle = Parameters<typeof sprinkle$1>[0];
5773
+ export declare const icon: {
5774
+ sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5775
+ {
5776
+ config: {
5777
+ color: {
5778
+ values: {
5779
+ brand: {
5780
+ default: string;
5781
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5782
+ };
5783
+ disabled: {
5784
+ default: string;
5785
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5786
+ };
5787
+ error: {
5788
+ default: string;
5789
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5790
+ };
5791
+ info: {
5792
+ default: string;
5793
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5794
+ };
5795
+ invert: {
5796
+ default: string;
5797
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5798
+ };
5799
+ "invert-disabled": {
5800
+ default: string;
5801
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5802
+ };
5803
+ "invert-secondary": {
5804
+ default: string;
5805
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5806
+ };
5807
+ primary: {
5808
+ default: string;
5809
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5810
+ };
5811
+ secondary: {
5812
+ default: string;
5813
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5814
+ };
5815
+ success: {
5816
+ default: string;
5817
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5818
+ };
5819
+ warning: {
5820
+ default: string;
5821
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5822
+ };
5823
+ "brand-alt": {
5824
+ default: string;
5825
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5826
+ };
5827
+ "on-brand": {
5828
+ default: string;
5829
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5830
+ };
5831
+ "on-error": {
5832
+ default: string;
5833
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5834
+ };
5835
+ "on-info": {
5836
+ default: string;
5837
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5838
+ };
5839
+ "on-success": {
5840
+ default: string;
5841
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5842
+ };
5843
+ "on-warning": {
5844
+ default: string;
5845
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5846
+ };
5847
+ "warning-alt": {
5848
+ default: string;
5849
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5850
+ };
5851
+ currentColor: {
5852
+ default: string;
5853
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5854
+ };
5633
5855
  };
5634
- ":active": {
5635
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5856
+ staticScale: {
5857
+ currentColor: string;
5858
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5859
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5860
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5861
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5862
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5863
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5864
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5865
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5866
+ "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5867
+ "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5868
+ "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5869
+ "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5870
+ "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5871
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5872
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5873
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5874
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5875
+ "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5636
5876
  };
5877
+ name: "color";
5637
5878
  };
5638
5879
  };
5880
+ } & {
5881
+ config: {
5882
+ cursor: {
5883
+ dynamic: {
5884
+ default: string;
5885
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5886
+ };
5887
+ dynamicScale: true;
5888
+ name: "cursor";
5889
+ vars: {
5890
+ default: string;
5891
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5892
+ };
5893
+ };
5894
+ };
5895
+ }
5896
+ ]>;
5897
+ classnames: {
5898
+ icon: import("@vanilla-extract/recipes").RuntimeFn<{
5899
+ [x: string]: {
5900
+ [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
5901
+ };
5639
5902
  }>;
5640
5903
  };
5641
5904
  };
@@ -5673,7 +5936,7 @@ export declare const link: {
5673
5936
  }>;
5674
5937
  };
5675
5938
  };
5676
- declare const sprinkle$1: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5939
+ declare const sprinkle$2: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5677
5940
  {
5678
5941
  config: {
5679
5942
  width: {
@@ -5751,7 +6014,7 @@ declare const sprinkle$1: import("rainbow-sprinkles/dist/declarations/src/create
5751
6014
  };
5752
6015
  }
5753
6016
  ]>;
5754
- export type SkeletonSprinkle = Parameters<typeof sprinkle$1>[0];
6017
+ export type SkeletonSprinkle = Parameters<typeof sprinkle$2>[0];
5755
6018
  export declare const skeleton: {
5756
6019
  sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5757
6020
  {
@@ -5839,7 +6102,116 @@ export declare const skeleton: {
5839
6102
  }>;
5840
6103
  };
5841
6104
  };
5842
- declare const sprinkle$2: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
6105
+ declare const styles$1: {
6106
+ status: import("@vanilla-extract/recipes").RuntimeFn<{
6107
+ appearance: {
6108
+ success: {
6109
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6110
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6111
+ };
6112
+ warning: {
6113
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6114
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6115
+ };
6116
+ negative: {
6117
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6118
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6119
+ };
6120
+ neutral: {
6121
+ backgroundColor: "transparent";
6122
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6123
+ };
6124
+ };
6125
+ size: {
6126
+ normal: {
6127
+ height: "1.75rem";
6128
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6129
+ };
6130
+ small: {
6131
+ height: "1.5rem";
6132
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6133
+ };
6134
+ };
6135
+ subdued: {
6136
+ true: {};
6137
+ };
6138
+ variant: {
6139
+ solid: {};
6140
+ text: {
6141
+ backgroundColor: "transparent";
6142
+ };
6143
+ };
6144
+ }>;
6145
+ dot: import("@vanilla-extract/recipes").RuntimeFn<{
6146
+ size: {
6147
+ normal: {
6148
+ height: ".5rem";
6149
+ width: ".5rem";
6150
+ };
6151
+ small: {
6152
+ height: ".25rem";
6153
+ width: ".25rem";
6154
+ };
6155
+ };
6156
+ }>;
6157
+ };
6158
+ export type StatusVariants = RecipeVariants<typeof styles$1.status>;
6159
+ declare const status$1: {
6160
+ classnames: {
6161
+ status: import("@vanilla-extract/recipes").RuntimeFn<{
6162
+ appearance: {
6163
+ success: {
6164
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6165
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6166
+ };
6167
+ warning: {
6168
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6169
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6170
+ };
6171
+ negative: {
6172
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6173
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6174
+ };
6175
+ neutral: {
6176
+ backgroundColor: "transparent";
6177
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6178
+ };
6179
+ };
6180
+ size: {
6181
+ normal: {
6182
+ height: "1.75rem";
6183
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6184
+ };
6185
+ small: {
6186
+ height: "1.5rem";
6187
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6188
+ };
6189
+ };
6190
+ subdued: {
6191
+ true: {};
6192
+ };
6193
+ variant: {
6194
+ solid: {};
6195
+ text: {
6196
+ backgroundColor: "transparent";
6197
+ };
6198
+ };
6199
+ }>;
6200
+ dot: import("@vanilla-extract/recipes").RuntimeFn<{
6201
+ size: {
6202
+ normal: {
6203
+ height: ".5rem";
6204
+ width: ".5rem";
6205
+ };
6206
+ small: {
6207
+ height: ".25rem";
6208
+ width: ".25rem";
6209
+ };
6210
+ };
6211
+ }>;
6212
+ };
6213
+ };
6214
+ declare const sprinkle$3: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5843
6215
  {
5844
6216
  config: {
5845
6217
  color: {
@@ -6075,7 +6447,7 @@ declare const sprinkle$2: import("rainbow-sprinkles/dist/declarations/src/create
6075
6447
  };
6076
6448
  }
6077
6449
  ]>;
6078
- export type TextSprinkle = Parameters<typeof sprinkle$2>[0];
6450
+ export type TextSprinkle = Parameters<typeof sprinkle$3>[0];
6079
6451
  export declare const text: {
6080
6452
  sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
6081
6453
  {
@@ -6326,7 +6698,7 @@ export declare const text: {
6326
6698
  }>;
6327
6699
  };
6328
6700
  };
6329
- declare const sprinkle$3: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
6701
+ declare const sprinkle$4: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
6330
6702
  {
6331
6703
  config: {
6332
6704
  color: {
@@ -6550,7 +6922,7 @@ declare const sprinkle$3: import("rainbow-sprinkles/dist/declarations/src/create
6550
6922
  };
6551
6923
  }
6552
6924
  ]>;
6553
- export type TitleSprinkle = Parameters<typeof sprinkle$3>[0];
6925
+ export type TitleSprinkle = Parameters<typeof sprinkle$4>[0];
6554
6926
  export declare const title: {
6555
6927
  sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
6556
6928
  {
@@ -6815,7 +7187,7 @@ export declare const title: {
6815
7187
  };
6816
7188
 
6817
7189
  export {
6818
- button$1 as button,
7190
+ status$1 as status,
6819
7191
  };
6820
7192
 
6821
7193
  export {};