@nayhoo/ui 0.14.0 → 0.14.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.
- package/README.md +32 -28
- package/dist/{avatar.css-Lh26jRUS.d.mts → avatar.css-C22jQqLD.d.mts} +18 -18
- package/dist/{avatar.css-Lh26jRUS.d.ts → avatar.css-C22jQqLD.d.ts} +18 -18
- package/dist/{badge.css-ToNvOJof.d.mts → badge.css-saeodjWf.d.mts} +14 -14
- package/dist/{badge.css-ToNvOJof.d.ts → badge.css-saeodjWf.d.ts} +14 -14
- package/dist/{button.css-BLr4KDtC.d.mts → button.css-BQdFVzyM.d.mts} +40 -40
- package/dist/{button.css-BLr4KDtC.d.ts → button.css-BQdFVzyM.d.ts} +40 -40
- package/dist/{checkbox.css-C3L6B1cb.d.mts → checkbox.css-DbB07gs9.d.mts} +6 -6
- package/dist/{checkbox.css-C3L6B1cb.d.ts → checkbox.css-DbB07gs9.d.ts} +6 -6
- package/dist/components/avatar.d.mts +2 -2
- package/dist/components/avatar.d.ts +2 -2
- package/dist/components/badge.d.mts +1 -1
- package/dist/components/badge.d.ts +1 -1
- package/dist/components/button.d.mts +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/checkbox.d.mts +1 -1
- package/dist/components/checkbox.d.ts +1 -1
- package/dist/components/flex.d.mts +1 -1
- package/dist/components/flex.d.ts +1 -1
- package/dist/components/form.d.mts +1 -1
- package/dist/components/form.d.ts +1 -1
- package/dist/components/grid.d.mts +1 -1
- package/dist/components/grid.d.ts +1 -1
- package/dist/components/heading.d.mts +1 -1
- package/dist/components/heading.d.ts +1 -1
- package/dist/components/icon-button.d.mts +1 -1
- package/dist/components/icon-button.d.ts +1 -1
- package/dist/components/label.d.mts +1 -1
- package/dist/components/label.d.ts +1 -1
- package/dist/components/link.d.mts +1 -1
- package/dist/components/link.d.ts +1 -1
- package/dist/components/paragraph.d.mts +1 -1
- package/dist/components/paragraph.d.ts +1 -1
- package/dist/components/select.d.mts +1 -1
- package/dist/components/select.d.ts +1 -1
- package/dist/components/skeleton.d.mts +1 -1
- package/dist/components/skeleton.d.ts +1 -1
- package/dist/components/spinner.d.mts +1 -1
- package/dist/components/spinner.d.ts +1 -1
- package/dist/components/status.d.mts +1 -1
- package/dist/components/status.d.ts +1 -1
- package/dist/components/switch.d.mts +1 -1
- package/dist/components/switch.d.ts +1 -1
- package/dist/components/text-field.d.mts +1 -1
- package/dist/components/text-field.d.ts +1 -1
- package/dist/components/text.d.mts +1 -1
- package/dist/components/text.d.ts +1 -1
- package/dist/{flex.css-7asy3CjM.d.mts → flex.css-wpH47_rr.d.mts} +9 -9
- package/dist/{flex.css-7asy3CjM.d.ts → flex.css-wpH47_rr.d.ts} +9 -9
- package/dist/{form.css-QulER1wj.d.mts → form.css-s3B8O22Z.d.mts} +1 -1
- package/dist/{form.css-QulER1wj.d.ts → form.css-s3B8O22Z.d.ts} +1 -1
- package/dist/{grid.css-nAw5xuD0.d.mts → grid.css-Z-qoRIGI.d.mts} +27 -27
- package/dist/{grid.css-nAw5xuD0.d.ts → grid.css-Z-qoRIGI.d.ts} +27 -27
- package/dist/{icon-button.css-yt0wizml.d.mts → icon-button.css-4pTw87C1.d.mts} +18 -18
- package/dist/{icon-button.css-yt0wizml.d.ts → icon-button.css-4pTw87C1.d.ts} +18 -18
- package/dist/{link.css-J250gDi8.d.mts → link.css-Dt6mcRb1.d.mts} +8 -8
- package/dist/{link.css-J250gDi8.d.ts → link.css-Dt6mcRb1.d.ts} +8 -8
- package/dist/providers/index.js +3 -9
- package/dist/providers/index.js.map +1 -1
- package/dist/providers/index.mjs +3 -9
- package/dist/providers/index.mjs.map +1 -1
- package/dist/{skeleton.css-JJ3Of78e.d.mts → skeleton.css-D17yFXPB.d.mts} +24 -24
- package/dist/{skeleton.css-JJ3Of78e.d.ts → skeleton.css-D17yFXPB.d.ts} +24 -24
- package/dist/{spinner.css-DDZLGtPI.d.mts → spinner.css-ChFZg-w0.d.mts} +18 -18
- package/dist/{spinner.css-DDZLGtPI.d.ts → spinner.css-ChFZg-w0.d.ts} +18 -18
- package/dist/{status.css-D2Xhx8gm.d.mts → status.css-BB1Lk0Lb.d.mts} +5 -5
- package/dist/{status.css-D2Xhx8gm.d.ts → status.css-BB1Lk0Lb.d.ts} +5 -5
- package/dist/{switch.css-Ku46q4IP.d.mts → switch.css-CQUuPRD7.d.mts} +6 -6
- package/dist/{switch.css-Ku46q4IP.d.ts → switch.css-CQUuPRD7.d.ts} +6 -6
- package/dist/{text-field.css-Da2cQDwY.d.mts → text-field.css-Ct3ZoW7k.d.mts} +23 -23
- package/dist/{text-field.css-Da2cQDwY.d.ts → text-field.css-Ct3ZoW7k.d.ts} +23 -23
- package/dist/{text.css-onESqiq6.d.mts → text.css-DU9FwT1v.d.mts} +16 -16
- package/dist/{text.css-onESqiq6.d.ts → text.css-DU9FwT1v.d.ts} +16 -16
- package/dist/theme/index.d.mts +3220 -3220
- package/dist/theme/index.d.ts +3220 -3220
- package/package.json +40 -7
|
@@ -70,89 +70,89 @@ declare const gridRecipe: homemade_recipes.RuntimeFn<{
|
|
|
70
70
|
};
|
|
71
71
|
gap: {
|
|
72
72
|
"1": {
|
|
73
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
73
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
74
74
|
};
|
|
75
75
|
"2": {
|
|
76
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
76
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
77
77
|
};
|
|
78
78
|
"3": {
|
|
79
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
79
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
80
80
|
};
|
|
81
81
|
"4": {
|
|
82
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
82
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
83
83
|
};
|
|
84
84
|
"5": {
|
|
85
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
85
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
86
86
|
};
|
|
87
87
|
"6": {
|
|
88
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
88
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
89
89
|
};
|
|
90
90
|
"7": {
|
|
91
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
91
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
92
92
|
};
|
|
93
93
|
"8": {
|
|
94
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
94
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
95
95
|
};
|
|
96
96
|
"9": {
|
|
97
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
97
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
98
98
|
};
|
|
99
99
|
};
|
|
100
100
|
gapX: {
|
|
101
101
|
"1": {
|
|
102
|
-
columnGap: `var(--${string})` | `var(--${string}, ${string})
|
|
102
|
+
columnGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
103
103
|
};
|
|
104
104
|
"2": {
|
|
105
|
-
columnGap: `var(--${string})` | `var(--${string}, ${string})
|
|
105
|
+
columnGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
106
106
|
};
|
|
107
107
|
"3": {
|
|
108
|
-
columnGap: `var(--${string})` | `var(--${string}, ${string})
|
|
108
|
+
columnGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
109
109
|
};
|
|
110
110
|
"4": {
|
|
111
|
-
columnGap: `var(--${string})` | `var(--${string}, ${string})
|
|
111
|
+
columnGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
112
112
|
};
|
|
113
113
|
"5": {
|
|
114
|
-
columnGap: `var(--${string})` | `var(--${string}, ${string})
|
|
114
|
+
columnGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
115
115
|
};
|
|
116
116
|
"6": {
|
|
117
|
-
columnGap: `var(--${string})` | `var(--${string}, ${string})
|
|
117
|
+
columnGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
118
118
|
};
|
|
119
119
|
"7": {
|
|
120
|
-
columnGap: `var(--${string})` | `var(--${string}, ${string})
|
|
120
|
+
columnGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
121
121
|
};
|
|
122
122
|
"8": {
|
|
123
|
-
columnGap: `var(--${string})` | `var(--${string}, ${string})
|
|
123
|
+
columnGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
124
124
|
};
|
|
125
125
|
"9": {
|
|
126
|
-
columnGap: `var(--${string})` | `var(--${string}, ${string})
|
|
126
|
+
columnGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
127
127
|
};
|
|
128
128
|
};
|
|
129
129
|
gapY: {
|
|
130
130
|
"1": {
|
|
131
|
-
rowGap: `var(--${string})` | `var(--${string}, ${string})
|
|
131
|
+
rowGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
132
132
|
};
|
|
133
133
|
"2": {
|
|
134
|
-
rowGap: `var(--${string})` | `var(--${string}, ${string})
|
|
134
|
+
rowGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
135
135
|
};
|
|
136
136
|
"3": {
|
|
137
|
-
rowGap: `var(--${string})` | `var(--${string}, ${string})
|
|
137
|
+
rowGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
138
138
|
};
|
|
139
139
|
"4": {
|
|
140
|
-
rowGap: `var(--${string})` | `var(--${string}, ${string})
|
|
140
|
+
rowGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
141
141
|
};
|
|
142
142
|
"5": {
|
|
143
|
-
rowGap: `var(--${string})` | `var(--${string}, ${string})
|
|
143
|
+
rowGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
144
144
|
};
|
|
145
145
|
"6": {
|
|
146
|
-
rowGap: `var(--${string})` | `var(--${string}, ${string})
|
|
146
|
+
rowGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
147
147
|
};
|
|
148
148
|
"7": {
|
|
149
|
-
rowGap: `var(--${string})` | `var(--${string}, ${string})
|
|
149
|
+
rowGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
150
150
|
};
|
|
151
151
|
"8": {
|
|
152
|
-
rowGap: `var(--${string})` | `var(--${string}, ${string})
|
|
152
|
+
rowGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
153
153
|
};
|
|
154
154
|
"9": {
|
|
155
|
-
rowGap: `var(--${string})` | `var(--${string}, ${string})
|
|
155
|
+
rowGap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
156
156
|
};
|
|
157
157
|
};
|
|
158
158
|
justify: {
|
|
@@ -9,24 +9,24 @@ declare const iconButtonRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
|
9
9
|
};
|
|
10
10
|
size: {
|
|
11
11
|
"1": {
|
|
12
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
13
|
-
height: `var(--${string})` | `var(--${string}, ${string})
|
|
14
|
-
width: `var(--${string})` | `var(--${string}, ${string})
|
|
12
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
13
|
+
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
14
|
+
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
15
15
|
};
|
|
16
16
|
"2": {
|
|
17
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
18
|
-
height: `var(--${string})` | `var(--${string}, ${string})
|
|
19
|
-
width: `var(--${string})` | `var(--${string}, ${string})
|
|
17
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
18
|
+
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
19
|
+
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
20
20
|
};
|
|
21
21
|
"3": {
|
|
22
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
23
|
-
height: `var(--${string})` | `var(--${string}, ${string})
|
|
24
|
-
width: `var(--${string})` | `var(--${string}, ${string})
|
|
22
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
23
|
+
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
24
|
+
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
25
25
|
};
|
|
26
26
|
"4": {
|
|
27
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
28
|
-
height: `var(--${string})` | `var(--${string}, ${string})
|
|
29
|
-
width: `var(--${string})` | `var(--${string}, ${string})
|
|
27
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
28
|
+
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
29
|
+
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
32
|
variant: {
|
|
@@ -34,29 +34,29 @@ declare const iconButtonRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
|
34
34
|
backgroundColor: "transparent";
|
|
35
35
|
selectors: {
|
|
36
36
|
"&:hover": {
|
|
37
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
37
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
38
38
|
};
|
|
39
39
|
"&:active": {
|
|
40
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
40
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
41
41
|
};
|
|
42
42
|
};
|
|
43
43
|
};
|
|
44
44
|
outline: {
|
|
45
45
|
backgroundColor: "transparent";
|
|
46
|
-
boxShadow: `inset 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${string})
|
|
46
|
+
boxShadow: `inset 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${string})`;
|
|
47
47
|
selectors: {
|
|
48
48
|
"&:hover": {
|
|
49
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
49
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
50
50
|
};
|
|
51
51
|
"&:active": {
|
|
52
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
52
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
53
53
|
};
|
|
54
54
|
};
|
|
55
55
|
};
|
|
56
56
|
};
|
|
57
57
|
round: {
|
|
58
58
|
true: {
|
|
59
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
59
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
60
60
|
};
|
|
61
61
|
};
|
|
62
62
|
}>;
|
|
@@ -9,24 +9,24 @@ declare const iconButtonRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
|
9
9
|
};
|
|
10
10
|
size: {
|
|
11
11
|
"1": {
|
|
12
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
13
|
-
height: `var(--${string})` | `var(--${string}, ${string})
|
|
14
|
-
width: `var(--${string})` | `var(--${string}, ${string})
|
|
12
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
13
|
+
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
14
|
+
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
15
15
|
};
|
|
16
16
|
"2": {
|
|
17
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
18
|
-
height: `var(--${string})` | `var(--${string}, ${string})
|
|
19
|
-
width: `var(--${string})` | `var(--${string}, ${string})
|
|
17
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
18
|
+
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
19
|
+
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
20
20
|
};
|
|
21
21
|
"3": {
|
|
22
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
23
|
-
height: `var(--${string})` | `var(--${string}, ${string})
|
|
24
|
-
width: `var(--${string})` | `var(--${string}, ${string})
|
|
22
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
23
|
+
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
24
|
+
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
25
25
|
};
|
|
26
26
|
"4": {
|
|
27
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
28
|
-
height: `var(--${string})` | `var(--${string}, ${string})
|
|
29
|
-
width: `var(--${string})` | `var(--${string}, ${string})
|
|
27
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
28
|
+
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
29
|
+
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
32
|
variant: {
|
|
@@ -34,29 +34,29 @@ declare const iconButtonRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
|
34
34
|
backgroundColor: "transparent";
|
|
35
35
|
selectors: {
|
|
36
36
|
"&:hover": {
|
|
37
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
37
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
38
38
|
};
|
|
39
39
|
"&:active": {
|
|
40
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
40
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
41
41
|
};
|
|
42
42
|
};
|
|
43
43
|
};
|
|
44
44
|
outline: {
|
|
45
45
|
backgroundColor: "transparent";
|
|
46
|
-
boxShadow: `inset 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${string})
|
|
46
|
+
boxShadow: `inset 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${string})`;
|
|
47
47
|
selectors: {
|
|
48
48
|
"&:hover": {
|
|
49
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
49
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
50
50
|
};
|
|
51
51
|
"&:active": {
|
|
52
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
52
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
53
53
|
};
|
|
54
54
|
};
|
|
55
55
|
};
|
|
56
56
|
};
|
|
57
57
|
round: {
|
|
58
58
|
true: {
|
|
59
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
59
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
60
60
|
};
|
|
61
61
|
};
|
|
62
62
|
}>;
|
|
@@ -4,20 +4,20 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
|
|
|
4
4
|
declare const linkRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
5
5
|
color: {
|
|
6
6
|
primary: {
|
|
7
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
8
|
-
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})
|
|
7
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
8
|
+
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
9
9
|
};
|
|
10
10
|
secondary: {
|
|
11
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
12
|
-
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})
|
|
11
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
12
|
+
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
13
13
|
};
|
|
14
14
|
error: {
|
|
15
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
16
|
-
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})
|
|
15
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
16
|
+
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
17
17
|
};
|
|
18
18
|
subtle: {
|
|
19
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
20
|
-
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})
|
|
19
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
20
|
+
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
23
|
}>;
|
|
@@ -4,20 +4,20 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
|
|
|
4
4
|
declare const linkRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
5
5
|
color: {
|
|
6
6
|
primary: {
|
|
7
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
8
|
-
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})
|
|
7
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
8
|
+
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
9
9
|
};
|
|
10
10
|
secondary: {
|
|
11
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
12
|
-
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})
|
|
11
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
12
|
+
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
13
13
|
};
|
|
14
14
|
error: {
|
|
15
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
16
|
-
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})
|
|
15
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
16
|
+
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
17
17
|
};
|
|
18
18
|
subtle: {
|
|
19
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
20
|
-
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})
|
|
19
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
20
|
+
textDecorationColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
23
|
}>;
|
package/dist/providers/index.js
CHANGED
|
@@ -70,10 +70,7 @@ var saveToLS = (storageKey2, value) => {
|
|
|
70
70
|
} catch (e) {
|
|
71
71
|
}
|
|
72
72
|
};
|
|
73
|
-
var useTheme = () =>
|
|
74
|
-
var _a;
|
|
75
|
-
return (_a = React.useContext(ThemeContext)) != null ? _a : defaultContext;
|
|
76
|
-
};
|
|
73
|
+
var useTheme = () => React.useContext(ThemeContext) ?? defaultContext;
|
|
77
74
|
var ThemeProvider = (props) => {
|
|
78
75
|
const context = React.useContext(ThemeContext);
|
|
79
76
|
if (context) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children });
|
|
@@ -409,10 +406,7 @@ var defaultContext2 = Object.assign(
|
|
|
409
406
|
}
|
|
410
407
|
);
|
|
411
408
|
var ToastContext = React2.createContext(defaultContext2);
|
|
412
|
-
var useToast = () =>
|
|
413
|
-
var _a;
|
|
414
|
-
return (_a = React2.useContext(ToastContext)) != null ? _a : defaultContext2;
|
|
415
|
-
};
|
|
409
|
+
var useToast = () => React2.useContext(ToastContext) ?? defaultContext2;
|
|
416
410
|
var toastElementsMapRef = React2.createRef();
|
|
417
411
|
var defaultToastImpl = {
|
|
418
412
|
toastElementsMapRef,
|
|
@@ -560,7 +554,7 @@ var Toast = (props) => {
|
|
|
560
554
|
const toastElementsMap = toastElementsMapRef2.current;
|
|
561
555
|
React2.useLayoutEffect(() => {
|
|
562
556
|
if (ref.current) {
|
|
563
|
-
toastElementsMap
|
|
557
|
+
toastElementsMap?.set(id, ref.current);
|
|
564
558
|
sortToasts();
|
|
565
559
|
}
|
|
566
560
|
}, [id, sortToasts, toastElementsMap]);
|