@tamagui/themes 1.126.0 → 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.
- package/.turbo/turbo-build.log +1 -1
- package/.turbo/turbo-test.log +1 -0
- package/dist/cjs/generated-v4.cjs +405 -0
- package/dist/cjs/generated-v4.js +800 -0
- package/dist/cjs/generated-v4.js.map +6 -0
- package/dist/cjs/generated-v4.native.js +8309 -0
- package/dist/cjs/generated-v4.native.js.map +6 -0
- package/dist/cjs/v4-default.cjs +162 -0
- package/dist/cjs/v4-default.js +172 -0
- package/dist/cjs/v4-default.js.map +6 -0
- package/dist/cjs/v4-default.native.js +176 -0
- package/dist/cjs/v4-default.native.js.map +6 -0
- package/dist/cjs/v4.cjs +3 -1
- package/dist/cjs/v4.js +2 -1
- package/dist/cjs/v4.js.map +1 -1
- package/dist/cjs/v4.native.js +3 -1
- package/dist/cjs/v4.native.js.map +1 -1
- package/dist/esm/generated-v4.js +784 -0
- package/dist/esm/generated-v4.js.map +6 -0
- package/dist/esm/generated-v4.mjs +381 -0
- package/dist/esm/generated-v4.mjs.map +1 -0
- package/dist/esm/generated-v4.native.js +397 -0
- package/dist/esm/generated-v4.native.js.map +1 -0
- package/dist/esm/v4-default.js +149 -0
- package/dist/esm/v4-default.js.map +6 -0
- package/dist/esm/v4-default.mjs +128 -0
- package/dist/esm/v4-default.mjs.map +1 -0
- package/dist/esm/v4-default.native.js +128 -0
- package/dist/esm/v4-default.native.js.map +1 -0
- package/dist/esm/v4.js +2 -0
- package/dist/esm/v4.js.map +2 -2
- package/dist/esm/v4.mjs +2 -1
- package/dist/esm/v4.mjs.map +1 -1
- package/dist/esm/v4.native.js +2 -1
- package/dist/esm/v4.native.js.map +1 -1
- package/package.json +9 -8
- package/src/generated-v4.ts +1004 -0
- package/src/v4-default.ts +185 -0
- package/src/v4.tsx +1 -0
- package/types/generated-v4.d.ts +137 -0
- package/types/generated-v4.d.ts.map +1 -0
- package/types/v4-default.d.ts +274 -0
- package/types/v4-default.d.ts.map +1 -0
- package/types/v4-tamagui.d.ts +6 -6
- package/types/v4.d.ts +1 -0
- 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
|
@@ -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"}
|
package/types/v4-tamagui.d.ts
CHANGED
|
@@ -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" | "
|
|
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
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"}
|