@rarui/styles 1.7.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 +6 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +269 -153
  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 +4 -3
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,29 +5619,31 @@ 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})`;
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})`;
5622
+ styles: {
5623
+ chip: import("@vanilla-extract/recipes").RuntimeFn<{
5624
+ shape: {
5625
+ pill: {
5626
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5633
5627
  };
5634
- ":active": {
5628
+ rounded: {
5629
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5630
+ };
5631
+ };
5632
+ variantdsa: {
5633
+ selected: {
5634
+ border: "none";
5635
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
+ };
5636
5643
  };
5637
5644
  };
5638
- };
5639
- }>;
5645
+ }>;
5646
+ };
5640
5647
  };
5641
5648
  };
5642
5649
  declare const sprinkle$1: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
@@ -6095,6 +6102,115 @@ export declare const skeleton: {
6095
6102
  }>;
6096
6103
  };
6097
6104
  };
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
+ };
6098
6214
  declare const sprinkle$3: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
6099
6215
  {
6100
6216
  config: {
@@ -7071,7 +7187,7 @@ export declare const title: {
7071
7187
  };
7072
7188
 
7073
7189
  export {
7074
- button$1 as button,
7190
+ status$1 as status,
7075
7191
  };
7076
7192
 
7077
7193
  export {};