@tamagui/themes 1.126.1 → 1.126.2

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 (46) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/.turbo/turbo-test.log +1 -0
  3. package/dist/cjs/generated-v4.cjs +405 -0
  4. package/dist/cjs/generated-v4.js +800 -0
  5. package/dist/cjs/generated-v4.js.map +6 -0
  6. package/dist/cjs/generated-v4.native.js +8309 -0
  7. package/dist/cjs/generated-v4.native.js.map +6 -0
  8. package/dist/cjs/v4-default.cjs +162 -0
  9. package/dist/cjs/v4-default.js +172 -0
  10. package/dist/cjs/v4-default.js.map +6 -0
  11. package/dist/cjs/v4-default.native.js +176 -0
  12. package/dist/cjs/v4-default.native.js.map +6 -0
  13. package/dist/cjs/v4.cjs +3 -1
  14. package/dist/cjs/v4.js +2 -1
  15. package/dist/cjs/v4.js.map +1 -1
  16. package/dist/cjs/v4.native.js +3 -1
  17. package/dist/cjs/v4.native.js.map +1 -1
  18. package/dist/esm/generated-v4.js +784 -0
  19. package/dist/esm/generated-v4.js.map +6 -0
  20. package/dist/esm/generated-v4.mjs +381 -0
  21. package/dist/esm/generated-v4.mjs.map +1 -0
  22. package/dist/esm/generated-v4.native.js +397 -0
  23. package/dist/esm/generated-v4.native.js.map +1 -0
  24. package/dist/esm/v4-default.js +149 -0
  25. package/dist/esm/v4-default.js.map +6 -0
  26. package/dist/esm/v4-default.mjs +128 -0
  27. package/dist/esm/v4-default.mjs.map +1 -0
  28. package/dist/esm/v4-default.native.js +128 -0
  29. package/dist/esm/v4-default.native.js.map +1 -0
  30. package/dist/esm/v4.js +2 -0
  31. package/dist/esm/v4.js.map +2 -2
  32. package/dist/esm/v4.mjs +2 -1
  33. package/dist/esm/v4.mjs.map +1 -1
  34. package/dist/esm/v4.native.js +2 -1
  35. package/dist/esm/v4.native.js.map +1 -1
  36. package/package.json +9 -8
  37. package/src/generated-v4.ts +1004 -0
  38. package/src/v4-default.ts +185 -0
  39. package/src/v4.tsx +1 -0
  40. package/types/generated-v4.d.ts +137 -0
  41. package/types/generated-v4.d.ts.map +1 -0
  42. package/types/v4-default.d.ts +274 -0
  43. package/types/v4-default.d.ts.map +1 -0
  44. package/types/v4-tamagui.d.ts +6 -6
  45. package/types/v4.d.ts +1 -0
  46. package/types/v4.d.ts.map +1 -1
@@ -0,0 +1,185 @@
1
+ import * as Colors from '@tamagui/colors'
2
+ import { createThemes, defaultComponentThemes } from '@tamagui/theme-builder'
3
+
4
+ /**
5
+ * This is the default config v4 definitions.
6
+ * - uses shorthands v4
7
+ * - uses tokens v4 which are mostly the same as v3
8
+ */
9
+
10
+ // Themes:
11
+
12
+ const darkPalette = [
13
+ '#050505',
14
+ '#151515',
15
+ '#191919',
16
+ '#232323',
17
+ '#282828',
18
+ '#323232',
19
+ '#424242',
20
+ '#494949',
21
+ '#545454',
22
+ '#626262',
23
+ '#a5a5a5',
24
+ '#fff',
25
+ ]
26
+
27
+ const lightPalette = [
28
+ '#fff',
29
+ '#f2f2f2',
30
+ 'hsl(0, 0%, 93%)',
31
+ 'hsl(0, 0%, 91%)',
32
+ 'hsl(0, 0%, 88%)',
33
+ 'hsl(0, 0%, 85%)',
34
+ 'hsl(0, 0%, 82%)',
35
+ 'hsl(0, 0%, 76%)',
36
+ 'hsl(0, 0%, 56%)',
37
+ 'hsl(0, 0%, 50%)',
38
+ 'hsl(0, 0%, 42%)',
39
+ 'hsl(0, 0%, 9%)',
40
+ ]
41
+
42
+ const lightShadows = {
43
+ shadow1: 'rgba(0,0,0,0.04)',
44
+ shadow2: 'rgba(0,0,0,0.08)',
45
+ shadow3: 'rgba(0,0,0,0.16)',
46
+ shadow4: 'rgba(0,0,0,0.24)',
47
+ shadow5: 'rgba(0,0,0,0.32)',
48
+ shadow6: 'rgba(0,0,0,0.4)',
49
+ }
50
+
51
+ const darkShadows = {
52
+ shadow1: 'rgba(0,0,0,0.2)',
53
+ shadow2: 'rgba(0,0,0,0.3)',
54
+ shadow3: 'rgba(0,0,0,0.4)',
55
+ shadow4: 'rgba(0,0,0,0.5)',
56
+ shadow5: 'rgba(0,0,0,0.6)',
57
+ shadow6: 'rgba(0,0,0,0.7)',
58
+ }
59
+
60
+ const blackColors = {
61
+ black1: darkPalette[0],
62
+ black2: darkPalette[1],
63
+ black3: darkPalette[2],
64
+ black4: darkPalette[3],
65
+ black5: darkPalette[4],
66
+ black6: darkPalette[5],
67
+ black7: darkPalette[6],
68
+ black8: darkPalette[7],
69
+ black9: darkPalette[8],
70
+ black10: darkPalette[9],
71
+ black11: darkPalette[10],
72
+ black12: darkPalette[11],
73
+ }
74
+
75
+ const whiteColors = {
76
+ white1: lightPalette[0],
77
+ white2: lightPalette[1],
78
+ white3: lightPalette[2],
79
+ white4: lightPalette[3],
80
+ white5: lightPalette[4],
81
+ white6: lightPalette[5],
82
+ white7: lightPalette[6],
83
+ white8: lightPalette[7],
84
+ white9: lightPalette[8],
85
+ white10: lightPalette[9],
86
+ white11: lightPalette[10],
87
+ white12: lightPalette[11],
88
+ }
89
+
90
+ const generatedThemes = createThemes({
91
+ componentThemes: defaultComponentThemes,
92
+
93
+ base: {
94
+ palette: {
95
+ dark: darkPalette,
96
+ light: lightPalette,
97
+ },
98
+
99
+ // for values we don't want being inherited onto sub-themes
100
+ extra: {
101
+ light: {
102
+ ...Colors.blue,
103
+ ...Colors.green,
104
+ ...Colors.red,
105
+ ...Colors.yellow,
106
+ ...lightShadows,
107
+ ...blackColors,
108
+ ...whiteColors,
109
+ shadowColor: lightShadows.shadow1,
110
+ },
111
+ dark: {
112
+ ...Colors.blueDark,
113
+ ...Colors.greenDark,
114
+ ...Colors.redDark,
115
+ ...Colors.yellowDark,
116
+ ...darkShadows,
117
+ ...blackColors,
118
+ ...whiteColors,
119
+ shadowColor: darkShadows.shadow1,
120
+ },
121
+ },
122
+ },
123
+
124
+ // inverse accent theme
125
+ accent: {
126
+ palette: {
127
+ dark: lightPalette,
128
+ light: darkPalette,
129
+ },
130
+ },
131
+
132
+ childrenThemes: {
133
+ black: {
134
+ palette: {
135
+ dark: Object.values(blackColors),
136
+ light: Object.values(blackColors),
137
+ },
138
+ },
139
+ white: {
140
+ palette: {
141
+ dark: Object.values(whiteColors),
142
+ light: Object.values(whiteColors),
143
+ },
144
+ },
145
+
146
+ blue: {
147
+ palette: {
148
+ dark: Object.values(Colors.blueDark),
149
+ light: Object.values(Colors.blue),
150
+ },
151
+ },
152
+ red: {
153
+ palette: {
154
+ dark: Object.values(Colors.redDark),
155
+ light: Object.values(Colors.red),
156
+ },
157
+ },
158
+ yellow: {
159
+ palette: {
160
+ dark: Object.values(Colors.yellowDark),
161
+ light: Object.values(Colors.yellow),
162
+ },
163
+ },
164
+ green: {
165
+ palette: {
166
+ dark: Object.values(Colors.greenDark),
167
+ light: Object.values(Colors.green),
168
+ },
169
+ },
170
+ },
171
+ })
172
+
173
+ export type TamaguiThemes = typeof generatedThemes
174
+
175
+ export const themes = generatedThemes
176
+
177
+ /**
178
+ * This is an optional production optimization: themes JS can get to 20Kb or more.
179
+ * Tamagui has ~1Kb of logic to hydrate themes from CSS, so you can remove the JS.
180
+ * So long as you server render your Tamagui CSS, this will save you bundle size:
181
+ */
182
+ // export const themes: TamaguiThemes =
183
+ // process.env.TAMAGUI_ENVIRONMENT === 'client' && process.env.NODE_ENV === 'production'
184
+ // ? {}
185
+ // : (generatedThemes as any)
package/src/v4.tsx CHANGED
@@ -1,3 +1,4 @@
1
1
  export { tokens } from './v4-tokens'
2
2
  export { createThemes } from '@tamagui/theme-builder'
3
3
  export { themes as tamaguiThemes } from './generated-v4-tamagui'
4
+ export { themes as defaultThemes } from './generated-v4'
@@ -0,0 +1,137 @@
1
+ type Theme = {
2
+ accentBackground: string;
3
+ accentColor: string;
4
+ background0: string;
5
+ background02: string;
6
+ background04: string;
7
+ background06: string;
8
+ background08: string;
9
+ color1: string;
10
+ color2: string;
11
+ color3: string;
12
+ color4: string;
13
+ color5: string;
14
+ color6: string;
15
+ color7: string;
16
+ color8: string;
17
+ color9: string;
18
+ color10: string;
19
+ color11: string;
20
+ color12: string;
21
+ color0: string;
22
+ color02: string;
23
+ color04: string;
24
+ color06: string;
25
+ color08: string;
26
+ background: string;
27
+ backgroundHover: string;
28
+ backgroundPress: string;
29
+ backgroundFocus: string;
30
+ borderColor: string;
31
+ borderColorHover: string;
32
+ borderColorPress: string;
33
+ borderColorFocus: string;
34
+ color: string;
35
+ colorHover: string;
36
+ colorPress: string;
37
+ colorFocus: string;
38
+ placeholderColor: string;
39
+ outlineColor: string;
40
+ colorTransparent: string;
41
+ blue1: string;
42
+ blue2: string;
43
+ blue3: string;
44
+ blue4: string;
45
+ blue5: string;
46
+ blue6: string;
47
+ blue7: string;
48
+ blue8: string;
49
+ blue9: string;
50
+ blue10: string;
51
+ blue11: string;
52
+ blue12: string;
53
+ green1: string;
54
+ green2: string;
55
+ green3: string;
56
+ green4: string;
57
+ green5: string;
58
+ green6: string;
59
+ green7: string;
60
+ green8: string;
61
+ green9: string;
62
+ green10: string;
63
+ green11: string;
64
+ green12: string;
65
+ red1: string;
66
+ red2: string;
67
+ red3: string;
68
+ red4: string;
69
+ red5: string;
70
+ red6: string;
71
+ red7: string;
72
+ red8: string;
73
+ red9: string;
74
+ red10: string;
75
+ red11: string;
76
+ red12: string;
77
+ yellow1: string;
78
+ yellow2: string;
79
+ yellow3: string;
80
+ yellow4: string;
81
+ yellow5: string;
82
+ yellow6: string;
83
+ yellow7: string;
84
+ yellow8: string;
85
+ yellow9: string;
86
+ yellow10: string;
87
+ yellow11: string;
88
+ yellow12: string;
89
+ shadow1: string;
90
+ shadow2: string;
91
+ shadow3: string;
92
+ shadow4: string;
93
+ shadow5: string;
94
+ shadow6: string;
95
+ black1: string;
96
+ black2: string;
97
+ black3: string;
98
+ black4: string;
99
+ black5: string;
100
+ black6: string;
101
+ black7: string;
102
+ black8: string;
103
+ black9: string;
104
+ black10: string;
105
+ black11: string;
106
+ black12: string;
107
+ white1: string;
108
+ white2: string;
109
+ white3: string;
110
+ white4: string;
111
+ white5: string;
112
+ white6: string;
113
+ white7: string;
114
+ white8: string;
115
+ white9: string;
116
+ white10: string;
117
+ white11: string;
118
+ white12: string;
119
+ shadowColor: string;
120
+ accent1: string;
121
+ accent2: string;
122
+ accent3: string;
123
+ accent4: string;
124
+ accent5: string;
125
+ accent6: string;
126
+ accent7: string;
127
+ accent8: string;
128
+ accent9: string;
129
+ accent10: string;
130
+ accent11: string;
131
+ accent12: string;
132
+ };
133
+ export declare const colors: string[];
134
+ type ThemeNames = 'light' | 'dark' | 'light_accent' | 'dark_accent' | 'light_black' | 'light_white' | 'light_blue' | 'light_red' | 'light_yellow' | 'light_green' | 'dark_black' | 'dark_white' | 'dark_blue' | 'dark_red' | 'dark_yellow' | 'dark_green';
135
+ export declare const themes: Record<ThemeNames, Theme>;
136
+ export {};
137
+ //# sourceMappingURL=generated-v4.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"generated-v4.d.ts","sourceRoot":"","sources":["../src/generated-v4.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,274 @@
1
+ declare const generatedThemes: Record<"light_blue" | "light_green" | "light_red" | "light_yellow" | "dark_blue" | "dark_green" | "dark_red" | "dark_yellow" | "light" | "dark" | "light_accent" | "dark_accent" | "dark_black" | "dark_white" | "light_black" | "light_white", {
2
+ yellow1: string;
3
+ yellow2: string;
4
+ yellow3: string;
5
+ yellow4: string;
6
+ yellow5: string;
7
+ yellow6: string;
8
+ yellow7: string;
9
+ yellow8: string;
10
+ yellow9: string;
11
+ yellow10: string;
12
+ yellow11: string;
13
+ yellow12: string;
14
+ red1: string;
15
+ red2: string;
16
+ red3: string;
17
+ red4: string;
18
+ red5: string;
19
+ red6: string;
20
+ red7: string;
21
+ red8: string;
22
+ red9: string;
23
+ red10: string;
24
+ red11: string;
25
+ red12: string;
26
+ green1: string;
27
+ green2: string;
28
+ green3: string;
29
+ green4: string;
30
+ green5: string;
31
+ green6: string;
32
+ green7: string;
33
+ green8: string;
34
+ green9: string;
35
+ green10: string;
36
+ green11: string;
37
+ green12: string;
38
+ blue1: string;
39
+ blue2: string;
40
+ blue3: string;
41
+ blue4: string;
42
+ blue5: string;
43
+ blue6: string;
44
+ blue7: string;
45
+ blue8: string;
46
+ blue9: string;
47
+ blue10: string;
48
+ blue11: string;
49
+ blue12: string;
50
+ color: string;
51
+ shadowColor: string;
52
+ borderColor: string;
53
+ borderColorHover: string;
54
+ colorHover: string;
55
+ colorFocus: string;
56
+ colorPress: string;
57
+ color1: string;
58
+ color2: string;
59
+ color3: string;
60
+ color4: string;
61
+ color5: string;
62
+ color6: string;
63
+ color7: string;
64
+ color8: string;
65
+ color9: string;
66
+ color10: string;
67
+ color11: string;
68
+ color12: string;
69
+ background: string;
70
+ backgroundHover: string;
71
+ backgroundPress: string;
72
+ backgroundFocus: string;
73
+ colorTransparent: string;
74
+ borderColorFocus: string;
75
+ borderColorPress: string;
76
+ placeholderColor: string;
77
+ outlineColor: string;
78
+ accentBackground: string;
79
+ accentColor: string;
80
+ background0: string;
81
+ color0: string;
82
+ white1: string;
83
+ white2: string;
84
+ white3: string;
85
+ white4: string;
86
+ white5: string;
87
+ white6: string;
88
+ white7: string;
89
+ white8: string;
90
+ white9: string;
91
+ white10: string;
92
+ white11: string;
93
+ white12: string;
94
+ black1: string;
95
+ black2: string;
96
+ black3: string;
97
+ black4: string;
98
+ black5: string;
99
+ black6: string;
100
+ black7: string;
101
+ black8: string;
102
+ black9: string;
103
+ black10: string;
104
+ black11: string;
105
+ black12: string;
106
+ shadow1: string;
107
+ shadow2: string;
108
+ shadow3: string;
109
+ shadow4: string;
110
+ shadow5: string;
111
+ shadow6: string;
112
+ background02: string;
113
+ background04: string;
114
+ background06: string;
115
+ background08: string;
116
+ color02: string;
117
+ color04: string;
118
+ color06: string;
119
+ color08: string;
120
+ accent0: string;
121
+ accent2: string;
122
+ accent1: string;
123
+ accent3: string;
124
+ accent4: string;
125
+ accent5: string;
126
+ accent6: string;
127
+ accent7: string;
128
+ accent8: string;
129
+ accent9: string;
130
+ accent10: string;
131
+ accent11: string;
132
+ accent12: string;
133
+ }>;
134
+ export type TamaguiThemes = typeof generatedThemes;
135
+ export declare const themes: Record<"light_blue" | "light_green" | "light_red" | "light_yellow" | "dark_blue" | "dark_green" | "dark_red" | "dark_yellow" | "light" | "dark" | "light_accent" | "dark_accent" | "dark_black" | "dark_white" | "light_black" | "light_white", {
136
+ yellow1: string;
137
+ yellow2: string;
138
+ yellow3: string;
139
+ yellow4: string;
140
+ yellow5: string;
141
+ yellow6: string;
142
+ yellow7: string;
143
+ yellow8: string;
144
+ yellow9: string;
145
+ yellow10: string;
146
+ yellow11: string;
147
+ yellow12: string;
148
+ red1: string;
149
+ red2: string;
150
+ red3: string;
151
+ red4: string;
152
+ red5: string;
153
+ red6: string;
154
+ red7: string;
155
+ red8: string;
156
+ red9: string;
157
+ red10: string;
158
+ red11: string;
159
+ red12: string;
160
+ green1: string;
161
+ green2: string;
162
+ green3: string;
163
+ green4: string;
164
+ green5: string;
165
+ green6: string;
166
+ green7: string;
167
+ green8: string;
168
+ green9: string;
169
+ green10: string;
170
+ green11: string;
171
+ green12: string;
172
+ blue1: string;
173
+ blue2: string;
174
+ blue3: string;
175
+ blue4: string;
176
+ blue5: string;
177
+ blue6: string;
178
+ blue7: string;
179
+ blue8: string;
180
+ blue9: string;
181
+ blue10: string;
182
+ blue11: string;
183
+ blue12: string;
184
+ color: string;
185
+ shadowColor: string;
186
+ borderColor: string;
187
+ borderColorHover: string;
188
+ colorHover: string;
189
+ colorFocus: string;
190
+ colorPress: string;
191
+ color1: string;
192
+ color2: string;
193
+ color3: string;
194
+ color4: string;
195
+ color5: string;
196
+ color6: string;
197
+ color7: string;
198
+ color8: string;
199
+ color9: string;
200
+ color10: string;
201
+ color11: string;
202
+ color12: string;
203
+ background: string;
204
+ backgroundHover: string;
205
+ backgroundPress: string;
206
+ backgroundFocus: string;
207
+ colorTransparent: string;
208
+ borderColorFocus: string;
209
+ borderColorPress: string;
210
+ placeholderColor: string;
211
+ outlineColor: string;
212
+ accentBackground: string;
213
+ accentColor: string;
214
+ background0: string;
215
+ color0: string;
216
+ white1: string;
217
+ white2: string;
218
+ white3: string;
219
+ white4: string;
220
+ white5: string;
221
+ white6: string;
222
+ white7: string;
223
+ white8: string;
224
+ white9: string;
225
+ white10: string;
226
+ white11: string;
227
+ white12: string;
228
+ black1: string;
229
+ black2: string;
230
+ black3: string;
231
+ black4: string;
232
+ black5: string;
233
+ black6: string;
234
+ black7: string;
235
+ black8: string;
236
+ black9: string;
237
+ black10: string;
238
+ black11: string;
239
+ black12: string;
240
+ shadow1: string;
241
+ shadow2: string;
242
+ shadow3: string;
243
+ shadow4: string;
244
+ shadow5: string;
245
+ shadow6: string;
246
+ background02: string;
247
+ background04: string;
248
+ background06: string;
249
+ background08: string;
250
+ color02: string;
251
+ color04: string;
252
+ color06: string;
253
+ color08: string;
254
+ accent0: string;
255
+ accent2: string;
256
+ accent1: string;
257
+ accent3: string;
258
+ accent4: string;
259
+ accent5: string;
260
+ accent6: string;
261
+ accent7: string;
262
+ accent8: string;
263
+ accent9: string;
264
+ accent10: string;
265
+ accent11: string;
266
+ accent12: string;
267
+ }>;
268
+ export {};
269
+ /**
270
+ * This is an optional production optimization: themes JS can get to 20Kb or more.
271
+ * Tamagui has ~1Kb of logic to hydrate themes from CSS, so you can remove the JS.
272
+ * So long as you server render your Tamagui CSS, this will save you bundle size:
273
+ */
274
+ //# sourceMappingURL=v4-default.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"v4-default.d.ts","sourceRoot":"","sources":["../src/v4-default.ts"],"names":[],"mappings":"AAyFA,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFnB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,eAAe,CAAA;AAElD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAkB,CAAA;;AAErC;;;;GAIG"}
@@ -1,4 +1,4 @@
1
- declare const themes: Record<"light_blue" | "light_gray" | "light_green" | "light_orange" | "light_pink" | "light_purple" | "light_red" | "light_yellow" | "dark_blue" | "dark_gray" | "dark_green" | "dark_orange" | "dark_pink" | "dark_purple" | "dark_red" | "dark_yellow" | "light" | "dark" | "light_blue_alt1" | "light_blue_alt2" | "light_green_alt1" | "light_green_alt2" | "light_orange_alt1" | "light_orange_alt2" | "light_pink_alt1" | "light_pink_alt2" | "light_purple_alt1" | "light_purple_alt2" | "light_red_alt1" | "light_red_alt2" | "light_yellow_alt1" | "light_yellow_alt2" | "dark_blue_alt1" | "dark_blue_alt2" | "dark_green_alt1" | "dark_green_alt2" | "dark_orange_alt1" | "dark_orange_alt2" | "dark_pink_alt1" | "dark_pink_alt2" | "dark_purple_alt1" | "dark_purple_alt2" | "dark_red_alt1" | "dark_red_alt2" | "dark_yellow_alt1" | "dark_yellow_alt2" | "light_gray_alt1" | "light_gray_alt2" | "dark_gray_alt1" | "dark_gray_alt2" | "light_blue_surface1" | "light_blue_surface2" | "light_blue_surface3" | "light_gray_surface1" | "light_gray_surface2" | "light_gray_surface3" | "light_green_surface1" | "light_green_surface2" | "light_green_surface3" | "light_orange_surface1" | "light_orange_surface2" | "light_orange_surface3" | "light_pink_surface1" | "light_pink_surface2" | "light_pink_surface3" | "light_purple_surface1" | "light_purple_surface2" | "light_purple_surface3" | "light_red_surface1" | "light_red_surface2" | "light_red_surface3" | "light_yellow_surface1" | "light_yellow_surface2" | "light_yellow_surface3" | "dark_blue_surface1" | "dark_blue_surface2" | "dark_blue_surface3" | "dark_gray_surface1" | "dark_gray_surface2" | "dark_gray_surface3" | "dark_green_surface1" | "dark_green_surface2" | "dark_green_surface3" | "dark_orange_surface1" | "dark_orange_surface2" | "dark_orange_surface3" | "dark_pink_surface1" | "dark_pink_surface2" | "dark_pink_surface3" | "dark_purple_surface1" | "dark_purple_surface2" | "dark_purple_surface3" | "dark_red_surface1" | "dark_red_surface2" | "dark_red_surface3" | "dark_yellow_surface1" | "dark_yellow_surface2" | "dark_yellow_surface3" | "light_accent" | "dark_accent" | "dark_black" | "dark_white" | "dark_tan" | "dark_black_alt1" | "dark_white_alt1" | "dark_tan_alt1" | "dark_black_alt2" | "dark_white_alt2" | "dark_tan_alt2" | "dark_black_surface1" | "dark_white_surface1" | "dark_tan_surface1" | "dark_black_surface2" | "dark_white_surface2" | "dark_tan_surface2" | "dark_black_surface3" | "dark_white_surface3" | "dark_tan_surface3" | "light_black" | "light_white" | "light_tan" | "light_black_alt1" | "light_white_alt1" | "light_tan_alt1" | "light_black_alt2" | "light_white_alt2" | "light_tan_alt2" | "light_black_surface1" | "light_white_surface1" | "light_tan_surface1" | "light_black_surface2" | "light_white_surface2" | "light_tan_surface2" | "light_black_surface3" | "light_white_surface3" | "light_tan_surface3", {
1
+ declare const themes: Record<"light_blue" | "light_gray" | "light_green" | "light_orange" | "light_pink" | "light_purple" | "light_red" | "light_yellow" | "dark_blue" | "dark_gray" | "dark_green" | "dark_orange" | "dark_pink" | "dark_purple" | "dark_red" | "dark_yellow" | "light" | "dark" | "light_blue_alt1" | "light_blue_alt2" | "light_green_alt1" | "light_green_alt2" | "light_orange_alt1" | "light_orange_alt2" | "light_pink_alt1" | "light_pink_alt2" | "light_purple_alt1" | "light_purple_alt2" | "light_red_alt1" | "light_red_alt2" | "light_yellow_alt1" | "light_yellow_alt2" | "dark_blue_alt1" | "dark_blue_alt2" | "dark_green_alt1" | "dark_green_alt2" | "dark_orange_alt1" | "dark_orange_alt2" | "dark_pink_alt1" | "dark_pink_alt2" | "dark_purple_alt1" | "dark_purple_alt2" | "dark_red_alt1" | "dark_red_alt2" | "dark_yellow_alt1" | "dark_yellow_alt2" | "light_gray_alt1" | "light_gray_alt2" | "dark_gray_alt1" | "dark_gray_alt2" | "light_blue_surface1" | "light_blue_surface2" | "light_blue_surface3" | "light_gray_surface1" | "light_gray_surface2" | "light_gray_surface3" | "light_green_surface1" | "light_green_surface2" | "light_green_surface3" | "light_orange_surface1" | "light_orange_surface2" | "light_orange_surface3" | "light_pink_surface1" | "light_pink_surface2" | "light_pink_surface3" | "light_purple_surface1" | "light_purple_surface2" | "light_purple_surface3" | "light_red_surface1" | "light_red_surface2" | "light_red_surface3" | "light_yellow_surface1" | "light_yellow_surface2" | "light_yellow_surface3" | "dark_blue_surface1" | "dark_blue_surface2" | "dark_blue_surface3" | "dark_gray_surface1" | "dark_gray_surface2" | "dark_gray_surface3" | "dark_green_surface1" | "dark_green_surface2" | "dark_green_surface3" | "dark_orange_surface1" | "dark_orange_surface2" | "dark_orange_surface3" | "dark_pink_surface1" | "dark_pink_surface2" | "dark_pink_surface3" | "dark_purple_surface1" | "dark_purple_surface2" | "dark_purple_surface3" | "dark_red_surface1" | "dark_red_surface2" | "dark_red_surface3" | "dark_yellow_surface1" | "dark_yellow_surface2" | "dark_yellow_surface3" | "light_accent" | "dark_accent" | "dark_black" | "dark_white" | "light_black" | "light_white" | "dark_tan" | "dark_black_alt1" | "dark_white_alt1" | "dark_tan_alt1" | "dark_black_alt2" | "dark_white_alt2" | "dark_tan_alt2" | "dark_black_surface1" | "dark_white_surface1" | "dark_tan_surface1" | "dark_black_surface2" | "dark_white_surface2" | "dark_tan_surface2" | "dark_black_surface3" | "dark_white_surface3" | "dark_tan_surface3" | "light_tan" | "light_black_alt1" | "light_white_alt1" | "light_tan_alt1" | "light_black_alt2" | "light_white_alt2" | "light_tan_alt2" | "light_black_surface1" | "light_white_surface1" | "light_tan_surface1" | "light_black_surface2" | "light_white_surface2" | "light_tan_surface2" | "light_black_surface3" | "light_white_surface3" | "light_tan_surface3", {
2
2
  yellow1: string;
3
3
  yellow2: string;
4
4
  yellow3: string;
@@ -151,17 +151,12 @@ declare const themes: Record<"light_blue" | "light_gray" | "light_green" | "ligh
151
151
  black10: string;
152
152
  black11: string;
153
153
  black12: string;
154
- colorBg: string;
155
154
  shadow1: string;
156
155
  shadow2: string;
157
156
  shadow3: string;
158
157
  shadow4: string;
159
158
  shadow5: string;
160
159
  shadow6: string;
161
- shadow7: string;
162
- shadow8: string;
163
- shadow9: string;
164
- shadow10: string;
165
160
  background02: string;
166
161
  background04: string;
167
162
  background06: string;
@@ -183,6 +178,11 @@ declare const themes: Record<"light_blue" | "light_gray" | "light_green" | "ligh
183
178
  accent10: string;
184
179
  accent11: string;
185
180
  accent12: string;
181
+ colorBg: string;
182
+ shadow7: string;
183
+ shadow8: string;
184
+ shadow9: string;
185
+ shadow10: string;
186
186
  }>;
187
187
  export type TamaguiThemes = typeof themes;
188
188
  /**
package/types/v4.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export { tokens } from './v4-tokens';
2
2
  export { createThemes } from '@tamagui/theme-builder';
3
3
  export { themes as tamaguiThemes } from './generated-v4-tamagui';
4
+ export { themes as defaultThemes } from './generated-v4';
4
5
  //# sourceMappingURL=v4.d.ts.map
package/types/v4.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"v4.d.ts","sourceRoot":"","sources":["../src/v4.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA"}
1
+ {"version":3,"file":"v4.d.ts","sourceRoot":"","sources":["../src/v4.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAChE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAA"}