@rarui/styles 1.8.0 → 1.10.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/CHANGELOG.md +18 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +317 -382
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -17,76 +17,77 @@ export interface ThemeProviderContextProps {
|
|
|
17
17
|
export declare const useTheme: () => ThemeProviderContextProps;
|
|
18
18
|
export declare const badge: {
|
|
19
19
|
classnames: {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
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
|
-
};
|
|
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})`;
|
|
58
26
|
};
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
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
|
-
};
|
|
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})`;
|
|
79
31
|
};
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
borderStyle: "solid";
|
|
85
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
86
|
-
};
|
|
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})`;
|
|
87
36
|
};
|
|
88
|
-
|
|
89
|
-
|
|
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
|
+
fontWeight: `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
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
70
|
+
};
|
|
71
|
+
small: {
|
|
72
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
73
|
+
height: "1.5rem";
|
|
74
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
75
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
76
|
+
};
|
|
77
|
+
dot: {
|
|
78
|
+
height: "0.5rem";
|
|
79
|
+
width: "0.5rem";
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
variant: {
|
|
83
|
+
solid: {};
|
|
84
|
+
outlined: {
|
|
85
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
86
|
+
borderStyle: "solid";
|
|
87
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
}>;
|
|
90
91
|
};
|
|
91
92
|
};
|
|
92
93
|
declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
@@ -5617,36 +5618,121 @@ export declare const button: {
|
|
|
5617
5618
|
overlay: string;
|
|
5618
5619
|
};
|
|
5619
5620
|
};
|
|
5620
|
-
|
|
5621
|
-
|
|
5622
|
-
|
|
5623
|
-
|
|
5624
|
-
|
|
5625
|
-
|
|
5626
|
-
|
|
5621
|
+
declare const styles$1: {
|
|
5622
|
+
chip: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
5623
|
+
pill: {
|
|
5624
|
+
true: {
|
|
5625
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5626
|
+
};
|
|
5627
|
+
};
|
|
5628
|
+
selected: {
|
|
5629
|
+
true: {
|
|
5630
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5631
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5632
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5633
|
+
":hover": {
|
|
5634
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5635
|
+
};
|
|
5636
|
+
};
|
|
5637
|
+
};
|
|
5638
|
+
size: {
|
|
5639
|
+
medium: {
|
|
5640
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5641
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5642
|
+
height: "2rem";
|
|
5643
|
+
};
|
|
5644
|
+
small: {
|
|
5645
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5646
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5647
|
+
height: "1.5rem";
|
|
5648
|
+
};
|
|
5649
|
+
};
|
|
5650
|
+
}>;
|
|
5651
|
+
overlay: string;
|
|
5652
|
+
};
|
|
5653
|
+
declare const sprinkle$1: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
5654
|
+
{
|
|
5655
|
+
config: {
|
|
5656
|
+
padding: {
|
|
5657
|
+
values: {
|
|
5658
|
+
medium: {
|
|
5659
|
+
default: string;
|
|
5660
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
5627
5661
|
};
|
|
5628
|
-
|
|
5629
|
-
|
|
5662
|
+
small: {
|
|
5663
|
+
default: string;
|
|
5664
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
5630
5665
|
};
|
|
5631
5666
|
};
|
|
5632
|
-
|
|
5633
|
-
|
|
5634
|
-
|
|
5635
|
-
|
|
5636
|
-
|
|
5637
|
-
|
|
5638
|
-
|
|
5667
|
+
staticScale: {
|
|
5668
|
+
medium: string;
|
|
5669
|
+
small: string;
|
|
5670
|
+
};
|
|
5671
|
+
name: "padding";
|
|
5672
|
+
};
|
|
5673
|
+
};
|
|
5674
|
+
}
|
|
5675
|
+
]>;
|
|
5676
|
+
export type ChipVariants = RecipeVariants<typeof styles$1.chip>;
|
|
5677
|
+
export type ChipSprinkle = Parameters<typeof sprinkle$1>[0];
|
|
5678
|
+
export declare const chip: {
|
|
5679
|
+
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
5680
|
+
{
|
|
5681
|
+
config: {
|
|
5682
|
+
padding: {
|
|
5683
|
+
values: {
|
|
5684
|
+
medium: {
|
|
5685
|
+
default: string;
|
|
5686
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
5639
5687
|
};
|
|
5640
|
-
|
|
5641
|
-
|
|
5688
|
+
small: {
|
|
5689
|
+
default: string;
|
|
5690
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
5642
5691
|
};
|
|
5643
5692
|
};
|
|
5693
|
+
staticScale: {
|
|
5694
|
+
medium: string;
|
|
5695
|
+
small: string;
|
|
5696
|
+
};
|
|
5697
|
+
name: "padding";
|
|
5644
5698
|
};
|
|
5645
|
-
}
|
|
5646
|
-
}
|
|
5699
|
+
};
|
|
5700
|
+
}
|
|
5701
|
+
]>;
|
|
5702
|
+
classnames: {
|
|
5703
|
+
chip: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
5704
|
+
pill: {
|
|
5705
|
+
true: {
|
|
5706
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5707
|
+
};
|
|
5708
|
+
};
|
|
5709
|
+
selected: {
|
|
5710
|
+
true: {
|
|
5711
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5712
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5713
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5714
|
+
":hover": {
|
|
5715
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5716
|
+
};
|
|
5717
|
+
};
|
|
5718
|
+
};
|
|
5719
|
+
size: {
|
|
5720
|
+
medium: {
|
|
5721
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5722
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5723
|
+
height: "2rem";
|
|
5724
|
+
};
|
|
5725
|
+
small: {
|
|
5726
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5727
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5728
|
+
height: "1.5rem";
|
|
5729
|
+
};
|
|
5730
|
+
};
|
|
5731
|
+
}>;
|
|
5732
|
+
overlay: string;
|
|
5647
5733
|
};
|
|
5648
5734
|
};
|
|
5649
|
-
declare const sprinkle$
|
|
5735
|
+
declare const sprinkle$2: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
5650
5736
|
{
|
|
5651
5737
|
config: {
|
|
5652
5738
|
color: {
|
|
@@ -5769,8 +5855,15 @@ declare const sprinkle$1: import("rainbow-sprinkles/dist/declarations/src/create
|
|
|
5769
5855
|
};
|
|
5770
5856
|
}
|
|
5771
5857
|
]>;
|
|
5772
|
-
export type IconSprinkle = Parameters<typeof sprinkle$
|
|
5858
|
+
export type IconSprinkle = Parameters<typeof sprinkle$2>[0];
|
|
5773
5859
|
export declare const icon: {
|
|
5860
|
+
classnames: {
|
|
5861
|
+
icon: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
5862
|
+
[x: string]: {
|
|
5863
|
+
[x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
|
|
5864
|
+
};
|
|
5865
|
+
}>;
|
|
5866
|
+
};
|
|
5774
5867
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
5775
5868
|
{
|
|
5776
5869
|
config: {
|
|
@@ -5894,13 +5987,6 @@ export declare const icon: {
|
|
|
5894
5987
|
};
|
|
5895
5988
|
}
|
|
5896
5989
|
]>;
|
|
5897
|
-
classnames: {
|
|
5898
|
-
icon: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
5899
|
-
[x: string]: {
|
|
5900
|
-
[x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
|
|
5901
|
-
};
|
|
5902
|
-
}>;
|
|
5903
|
-
};
|
|
5904
5990
|
};
|
|
5905
5991
|
export declare const link: {
|
|
5906
5992
|
classnames: {
|
|
@@ -5936,7 +6022,7 @@ export declare const link: {
|
|
|
5936
6022
|
}>;
|
|
5937
6023
|
};
|
|
5938
6024
|
};
|
|
5939
|
-
declare const sprinkle$
|
|
6025
|
+
declare const sprinkle$3: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
5940
6026
|
{
|
|
5941
6027
|
config: {
|
|
5942
6028
|
width: {
|
|
@@ -6014,8 +6100,15 @@ declare const sprinkle$2: import("rainbow-sprinkles/dist/declarations/src/create
|
|
|
6014
6100
|
};
|
|
6015
6101
|
}
|
|
6016
6102
|
]>;
|
|
6017
|
-
export type SkeletonSprinkle = Parameters<typeof sprinkle$
|
|
6103
|
+
export type SkeletonSprinkle = Parameters<typeof sprinkle$3>[0];
|
|
6018
6104
|
export declare const skeleton: {
|
|
6105
|
+
classnames: {
|
|
6106
|
+
skeleton: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
6107
|
+
[x: string]: {
|
|
6108
|
+
[x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
|
|
6109
|
+
};
|
|
6110
|
+
}>;
|
|
6111
|
+
};
|
|
6019
6112
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
6020
6113
|
{
|
|
6021
6114
|
config: {
|
|
@@ -6094,15 +6187,8 @@ export declare const skeleton: {
|
|
|
6094
6187
|
};
|
|
6095
6188
|
}
|
|
6096
6189
|
]>;
|
|
6097
|
-
classnames: {
|
|
6098
|
-
skeleton: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
6099
|
-
[x: string]: {
|
|
6100
|
-
[x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
|
|
6101
|
-
};
|
|
6102
|
-
}>;
|
|
6103
|
-
};
|
|
6104
6190
|
};
|
|
6105
|
-
declare const styles$
|
|
6191
|
+
declare const styles$2: {
|
|
6106
6192
|
status: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
6107
6193
|
appearance: {
|
|
6108
6194
|
success: {
|
|
@@ -6155,7 +6241,7 @@ declare const styles$1: {
|
|
|
6155
6241
|
};
|
|
6156
6242
|
}>;
|
|
6157
6243
|
};
|
|
6158
|
-
export type StatusVariants = RecipeVariants<typeof styles$
|
|
6244
|
+
export type StatusVariants = RecipeVariants<typeof styles$2.status>;
|
|
6159
6245
|
declare const status$1: {
|
|
6160
6246
|
classnames: {
|
|
6161
6247
|
status: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -6211,244 +6297,20 @@ declare const status$1: {
|
|
|
6211
6297
|
}>;
|
|
6212
6298
|
};
|
|
6213
6299
|
};
|
|
6214
|
-
|
|
6215
|
-
|
|
6216
|
-
|
|
6217
|
-
|
|
6218
|
-
|
|
6219
|
-
|
|
6220
|
-
|
|
6221
|
-
|
|
6222
|
-
|
|
6223
|
-
|
|
6224
|
-
default: string;
|
|
6225
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6226
|
-
};
|
|
6227
|
-
error: {
|
|
6228
|
-
default: string;
|
|
6229
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6230
|
-
};
|
|
6231
|
-
info: {
|
|
6232
|
-
default: string;
|
|
6233
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6234
|
-
};
|
|
6235
|
-
invert: {
|
|
6236
|
-
default: string;
|
|
6237
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6238
|
-
};
|
|
6239
|
-
"invert-disabled": {
|
|
6240
|
-
default: string;
|
|
6241
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6242
|
-
};
|
|
6243
|
-
"invert-secondary": {
|
|
6244
|
-
default: string;
|
|
6245
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6246
|
-
};
|
|
6247
|
-
primary: {
|
|
6248
|
-
default: string;
|
|
6249
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6250
|
-
};
|
|
6251
|
-
secondary: {
|
|
6252
|
-
default: string;
|
|
6253
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6254
|
-
};
|
|
6255
|
-
success: {
|
|
6256
|
-
default: string;
|
|
6257
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6258
|
-
};
|
|
6259
|
-
warning: {
|
|
6260
|
-
default: string;
|
|
6261
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6262
|
-
};
|
|
6263
|
-
"brand-alt": {
|
|
6264
|
-
default: string;
|
|
6265
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6266
|
-
};
|
|
6267
|
-
"on-brand": {
|
|
6268
|
-
default: string;
|
|
6269
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6270
|
-
};
|
|
6271
|
-
"on-error": {
|
|
6272
|
-
default: string;
|
|
6273
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6274
|
-
};
|
|
6275
|
-
"on-info": {
|
|
6276
|
-
default: string;
|
|
6277
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6278
|
-
};
|
|
6279
|
-
"on-success": {
|
|
6280
|
-
default: string;
|
|
6281
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6282
|
-
};
|
|
6283
|
-
"on-warning": {
|
|
6284
|
-
default: string;
|
|
6285
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6286
|
-
};
|
|
6287
|
-
"warning-alt": {
|
|
6288
|
-
default: string;
|
|
6289
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6290
|
-
};
|
|
6291
|
-
currentColor: {
|
|
6292
|
-
default: string;
|
|
6293
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6294
|
-
};
|
|
6295
|
-
};
|
|
6296
|
-
staticScale: {
|
|
6297
|
-
currentColor: string;
|
|
6298
|
-
brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6299
|
-
"brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6300
|
-
disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6301
|
-
error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6302
|
-
info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6303
|
-
invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6304
|
-
"invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6305
|
-
"invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6306
|
-
"on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6307
|
-
"on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6308
|
-
"on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6309
|
-
"on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6310
|
-
"on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6311
|
-
primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6312
|
-
secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6313
|
-
success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6314
|
-
warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6315
|
-
"warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6316
|
-
};
|
|
6317
|
-
name: "color";
|
|
6318
|
-
};
|
|
6319
|
-
fontWeight: {
|
|
6320
|
-
values: {
|
|
6321
|
-
regular: {
|
|
6322
|
-
default: string;
|
|
6323
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6324
|
-
};
|
|
6325
|
-
medium: {
|
|
6326
|
-
default: string;
|
|
6327
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6328
|
-
};
|
|
6329
|
-
semiBold: {
|
|
6330
|
-
default: string;
|
|
6331
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6332
|
-
};
|
|
6333
|
-
bold: {
|
|
6334
|
-
default: string;
|
|
6335
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6336
|
-
};
|
|
6337
|
-
};
|
|
6338
|
-
staticScale: {
|
|
6339
|
-
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6340
|
-
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6341
|
-
semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6342
|
-
bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6343
|
-
};
|
|
6344
|
-
name: "fontWeight";
|
|
6345
|
-
};
|
|
6346
|
-
lineHeight: {
|
|
6347
|
-
values: {
|
|
6348
|
-
xxs: {
|
|
6349
|
-
default: string;
|
|
6350
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6351
|
-
};
|
|
6352
|
-
xs: {
|
|
6353
|
-
default: string;
|
|
6354
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6355
|
-
};
|
|
6356
|
-
s: {
|
|
6357
|
-
default: string;
|
|
6358
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6359
|
-
};
|
|
6360
|
-
m: {
|
|
6361
|
-
default: string;
|
|
6362
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6363
|
-
};
|
|
6364
|
-
l: {
|
|
6365
|
-
default: string;
|
|
6366
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6367
|
-
};
|
|
6368
|
-
xl: {
|
|
6369
|
-
default: string;
|
|
6370
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6371
|
-
};
|
|
6372
|
-
};
|
|
6373
|
-
staticScale: {
|
|
6374
|
-
xxs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6375
|
-
xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6376
|
-
s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6377
|
-
m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6378
|
-
l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6379
|
-
xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6380
|
-
};
|
|
6381
|
-
name: "lineHeight";
|
|
6382
|
-
};
|
|
6383
|
-
fontSize: {
|
|
6384
|
-
values: {
|
|
6385
|
-
xxs: {
|
|
6386
|
-
default: string;
|
|
6387
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6388
|
-
};
|
|
6389
|
-
xs: {
|
|
6390
|
-
default: string;
|
|
6391
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6392
|
-
};
|
|
6393
|
-
s: {
|
|
6394
|
-
default: string;
|
|
6395
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6396
|
-
};
|
|
6397
|
-
m: {
|
|
6398
|
-
default: string;
|
|
6399
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6400
|
-
};
|
|
6401
|
-
l: {
|
|
6402
|
-
default: string;
|
|
6403
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6404
|
-
};
|
|
6405
|
-
xl: {
|
|
6406
|
-
default: string;
|
|
6407
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6408
|
-
};
|
|
6409
|
-
};
|
|
6410
|
-
staticScale: {
|
|
6411
|
-
xxs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6412
|
-
xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6413
|
-
s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6414
|
-
m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6415
|
-
l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6416
|
-
xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6417
|
-
};
|
|
6418
|
-
name: "fontSize";
|
|
6419
|
-
};
|
|
6420
|
-
};
|
|
6421
|
-
} & {
|
|
6422
|
-
config: {
|
|
6423
|
-
textAlign: {
|
|
6424
|
-
dynamic: {
|
|
6425
|
-
default: string;
|
|
6426
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6427
|
-
};
|
|
6428
|
-
dynamicScale: true;
|
|
6429
|
-
name: "textAlign";
|
|
6430
|
-
vars: {
|
|
6431
|
-
default: string;
|
|
6432
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6433
|
-
};
|
|
6434
|
-
};
|
|
6435
|
-
wordBreak: {
|
|
6436
|
-
dynamic: {
|
|
6437
|
-
default: string;
|
|
6438
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6439
|
-
};
|
|
6440
|
-
dynamicScale: true;
|
|
6441
|
-
name: "wordBreak";
|
|
6442
|
-
vars: {
|
|
6443
|
-
default: string;
|
|
6444
|
-
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
6300
|
+
export type TextSprinkle = Parameters<typeof sprinkle>[0];
|
|
6301
|
+
export declare const text: {
|
|
6302
|
+
classnames: {
|
|
6303
|
+
text: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
6304
|
+
lineClamp: {
|
|
6305
|
+
true: {
|
|
6306
|
+
display: "-webkit-box";
|
|
6307
|
+
overflow: "hidden";
|
|
6308
|
+
textOverflow: "ellipsis";
|
|
6309
|
+
WebkitBoxOrient: "vertical";
|
|
6445
6310
|
};
|
|
6446
6311
|
};
|
|
6447
|
-
}
|
|
6448
|
-
}
|
|
6449
|
-
]>;
|
|
6450
|
-
export type TextSprinkle = Parameters<typeof sprinkle$3>[0];
|
|
6451
|
-
export declare const text: {
|
|
6312
|
+
}>;
|
|
6313
|
+
};
|
|
6452
6314
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
6453
6315
|
{
|
|
6454
6316
|
config: {
|
|
@@ -6685,18 +6547,6 @@ export declare const text: {
|
|
|
6685
6547
|
};
|
|
6686
6548
|
}
|
|
6687
6549
|
]>;
|
|
6688
|
-
classnames: {
|
|
6689
|
-
text: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
6690
|
-
lineClamp: {
|
|
6691
|
-
true: {
|
|
6692
|
-
display: "-webkit-box";
|
|
6693
|
-
overflow: "hidden";
|
|
6694
|
-
textOverflow: "ellipsis";
|
|
6695
|
-
WebkitBoxOrient: "vertical";
|
|
6696
|
-
};
|
|
6697
|
-
};
|
|
6698
|
-
}>;
|
|
6699
|
-
};
|
|
6700
6550
|
};
|
|
6701
6551
|
declare const sprinkle$4: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
6702
6552
|
{
|
|
@@ -6924,6 +6774,42 @@ declare const sprinkle$4: import("rainbow-sprinkles/dist/declarations/src/create
|
|
|
6924
6774
|
]>;
|
|
6925
6775
|
export type TitleSprinkle = Parameters<typeof sprinkle$4>[0];
|
|
6926
6776
|
export declare const title: {
|
|
6777
|
+
classnames: {
|
|
6778
|
+
title: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
6779
|
+
as: {
|
|
6780
|
+
h1: {
|
|
6781
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6782
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6783
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6784
|
+
};
|
|
6785
|
+
h2: {
|
|
6786
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6787
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6788
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6789
|
+
};
|
|
6790
|
+
h3: {
|
|
6791
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6792
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6793
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6794
|
+
};
|
|
6795
|
+
h4: {
|
|
6796
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6797
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6798
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6799
|
+
};
|
|
6800
|
+
h5: {
|
|
6801
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6802
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6803
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6804
|
+
};
|
|
6805
|
+
h6: {
|
|
6806
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6807
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6808
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6809
|
+
};
|
|
6810
|
+
};
|
|
6811
|
+
}>;
|
|
6812
|
+
};
|
|
6927
6813
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
6928
6814
|
{
|
|
6929
6815
|
config: {
|
|
@@ -7148,45 +7034,94 @@ export declare const title: {
|
|
|
7148
7034
|
};
|
|
7149
7035
|
}
|
|
7150
7036
|
]>;
|
|
7151
|
-
|
|
7152
|
-
|
|
7153
|
-
|
|
7154
|
-
|
|
7155
|
-
|
|
7156
|
-
|
|
7157
|
-
|
|
7037
|
+
};
|
|
7038
|
+
declare const checkbox: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7039
|
+
error: {
|
|
7040
|
+
true: {
|
|
7041
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7042
|
+
":checked": {
|
|
7043
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7044
|
+
};
|
|
7045
|
+
};
|
|
7046
|
+
};
|
|
7047
|
+
size: {
|
|
7048
|
+
medium: {
|
|
7049
|
+
width: "1.25rem";
|
|
7050
|
+
height: "1.25rem";
|
|
7051
|
+
};
|
|
7052
|
+
large: {
|
|
7053
|
+
width: "1.5rem";
|
|
7054
|
+
height: "1.5rem";
|
|
7055
|
+
};
|
|
7056
|
+
};
|
|
7057
|
+
indeterminate: {
|
|
7058
|
+
true: {
|
|
7059
|
+
selectors: {
|
|
7060
|
+
"&:checked:after": {
|
|
7061
|
+
top: number;
|
|
7062
|
+
bottom: number;
|
|
7063
|
+
margin: "auto";
|
|
7064
|
+
height: number;
|
|
7065
|
+
borderLeft: "none";
|
|
7066
|
+
transform: "rotate(0deg)";
|
|
7158
7067
|
};
|
|
7159
|
-
|
|
7160
|
-
|
|
7161
|
-
|
|
7162
|
-
|
|
7068
|
+
};
|
|
7069
|
+
};
|
|
7070
|
+
};
|
|
7071
|
+
}>;
|
|
7072
|
+
export type CheckboxVariants = RecipeVariants<typeof checkbox>;
|
|
7073
|
+
declare const checkbox$1: {
|
|
7074
|
+
classnames: {
|
|
7075
|
+
checkbox: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7076
|
+
error: {
|
|
7077
|
+
true: {
|
|
7078
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7079
|
+
":checked": {
|
|
7080
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7081
|
+
};
|
|
7163
7082
|
};
|
|
7164
|
-
|
|
7165
|
-
|
|
7166
|
-
|
|
7167
|
-
|
|
7083
|
+
};
|
|
7084
|
+
size: {
|
|
7085
|
+
medium: {
|
|
7086
|
+
width: "1.25rem";
|
|
7087
|
+
height: "1.25rem";
|
|
7168
7088
|
};
|
|
7169
|
-
|
|
7170
|
-
|
|
7171
|
-
|
|
7172
|
-
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7089
|
+
large: {
|
|
7090
|
+
width: "1.5rem";
|
|
7091
|
+
height: "1.5rem";
|
|
7173
7092
|
};
|
|
7174
|
-
|
|
7175
|
-
|
|
7176
|
-
|
|
7177
|
-
|
|
7093
|
+
};
|
|
7094
|
+
indeterminate: {
|
|
7095
|
+
true: {
|
|
7096
|
+
selectors: {
|
|
7097
|
+
"&:checked:after": {
|
|
7098
|
+
top: number;
|
|
7099
|
+
bottom: number;
|
|
7100
|
+
margin: "auto";
|
|
7101
|
+
height: number;
|
|
7102
|
+
borderLeft: "none";
|
|
7103
|
+
transform: "rotate(0deg)";
|
|
7104
|
+
};
|
|
7105
|
+
};
|
|
7178
7106
|
};
|
|
7179
|
-
|
|
7180
|
-
|
|
7181
|
-
|
|
7182
|
-
|
|
7107
|
+
};
|
|
7108
|
+
}>;
|
|
7109
|
+
label: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7110
|
+
error: {
|
|
7111
|
+
true: {
|
|
7112
|
+
vars: {
|
|
7113
|
+
"--hover-color": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7114
|
+
};
|
|
7183
7115
|
};
|
|
7184
7116
|
};
|
|
7185
7117
|
}>;
|
|
7118
|
+
container: string;
|
|
7119
|
+
overlay: string;
|
|
7186
7120
|
};
|
|
7187
7121
|
};
|
|
7188
7122
|
|
|
7189
7123
|
export {
|
|
7124
|
+
checkbox$1 as checkbox,
|
|
7190
7125
|
status$1 as status,
|
|
7191
7126
|
};
|
|
7192
7127
|
|