@tamagui/themes 2.0.0-1768636514428 → 2.0.0-1768696252732
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/dist/cjs/defaultColorThemes.cjs +103 -0
- package/dist/cjs/defaultColorThemes.js +96 -0
- package/dist/cjs/defaultColorThemes.js.map +6 -0
- package/dist/cjs/defaultColorThemes.native.js +120 -0
- package/dist/cjs/defaultColorThemes.native.js.map +1 -0
- package/dist/cjs/defaultGrandChildrenThemes.cjs +45 -0
- package/dist/cjs/defaultGrandChildrenThemes.js +28 -0
- package/dist/cjs/defaultGrandChildrenThemes.js.map +6 -0
- package/dist/cjs/defaultGrandChildrenThemes.native.js +48 -0
- package/dist/cjs/defaultGrandChildrenThemes.native.js.map +1 -0
- package/dist/cjs/generated-v4-tamagui.cjs +49 -49
- package/dist/cjs/generated-v4-tamagui.js +49 -49
- package/dist/cjs/generated-v4-tamagui.js.map +1 -1
- package/dist/cjs/generated-v4-tamagui.native.js +49 -49
- package/dist/cjs/generated-v4.cjs +29 -29
- package/dist/cjs/generated-v4.js +29 -29
- package/dist/cjs/generated-v4.js.map +1 -1
- package/dist/cjs/generated-v4.native.js +29 -29
- package/dist/cjs/generated-v5.cjs +37 -37
- package/dist/cjs/generated-v5.js +37 -37
- package/dist/cjs/generated-v5.js.map +1 -1
- package/dist/cjs/generated-v5.native.js +37 -37
- package/dist/cjs/v5-palettes.cjs +124 -0
- package/dist/cjs/v5-palettes.js +149 -0
- package/dist/cjs/v5-palettes.js.map +6 -0
- package/dist/cjs/v5-palettes.native.js +127 -0
- package/dist/cjs/v5-palettes.native.js.map +1 -0
- package/dist/cjs/v5.cjs +5 -0
- package/dist/cjs/v5.js +5 -0
- package/dist/cjs/v5.js.map +1 -1
- package/dist/cjs/v5.native.js +5 -0
- package/dist/cjs/v5.native.js.map +1 -1
- package/dist/esm/defaultColorThemes.js +92 -0
- package/dist/esm/defaultColorThemes.js.map +6 -0
- package/dist/esm/defaultColorThemes.mjs +79 -0
- package/dist/esm/defaultColorThemes.mjs.map +1 -0
- package/dist/esm/defaultColorThemes.native.js +93 -0
- package/dist/esm/defaultColorThemes.native.js.map +1 -0
- package/dist/esm/defaultGrandChildrenThemes.js +12 -0
- package/dist/esm/defaultGrandChildrenThemes.js.map +6 -0
- package/dist/esm/defaultGrandChildrenThemes.mjs +22 -0
- package/dist/esm/defaultGrandChildrenThemes.mjs.map +1 -0
- package/dist/esm/defaultGrandChildrenThemes.native.js +22 -0
- package/dist/esm/defaultGrandChildrenThemes.native.js.map +1 -0
- package/dist/esm/generated-v4-tamagui.js +49 -49
- package/dist/esm/generated-v4-tamagui.js.map +1 -1
- package/dist/esm/generated-v4-tamagui.mjs +49 -49
- package/dist/esm/generated-v4-tamagui.mjs.map +1 -1
- package/dist/esm/generated-v4-tamagui.native.js +49 -49
- package/dist/esm/generated-v4.js +29 -29
- package/dist/esm/generated-v4.js.map +1 -1
- package/dist/esm/generated-v4.mjs +29 -29
- package/dist/esm/generated-v4.mjs.map +1 -1
- package/dist/esm/generated-v4.native.js +29 -29
- package/dist/esm/generated-v5.js +37 -37
- package/dist/esm/generated-v5.js.map +1 -1
- package/dist/esm/generated-v5.mjs +37 -37
- package/dist/esm/generated-v5.mjs.map +1 -1
- package/dist/esm/generated-v5.native.js +37 -37
- package/dist/esm/v5-palettes.js +144 -0
- package/dist/esm/v5-palettes.js.map +6 -0
- package/dist/esm/v5-palettes.mjs +92 -0
- package/dist/esm/v5-palettes.mjs.map +1 -0
- package/dist/esm/v5-palettes.native.js +92 -0
- package/dist/esm/v5-palettes.native.js.map +1 -0
- package/dist/esm/v5.js +13 -2
- package/dist/esm/v5.js.map +1 -1
- package/dist/esm/v5.mjs +3 -3
- package/dist/esm/v5.mjs.map +1 -1
- package/dist/esm/v5.native.js +3 -3
- package/dist/esm/v5.native.js.map +1 -1
- package/package.json +7 -7
- package/src/defaultColorThemes.ts +120 -0
- package/src/defaultGrandChildrenThemes.ts +27 -0
- package/src/generated-v4-tamagui.ts +48 -48
- package/src/generated-v4.ts +28 -28
- package/src/generated-v5.ts +36 -36
- package/src/v5-palettes.ts +158 -0
- package/src/v5.tsx +8 -2
- package/types/defaultColorThemes.d.ts +69 -0
- package/types/defaultColorThemes.d.ts.map +1 -0
- package/types/defaultGrandChildrenThemes.d.ts +31 -0
- package/types/defaultGrandChildrenThemes.d.ts.map +1 -0
- package/types/v3-themes.d.ts +1 -1
- package/types/v4-tamagui.d.ts +1 -1
- package/types/v5-palettes.d.ts +94 -0
- package/types/v5-palettes.d.ts.map +1 -0
- package/types/v5.d.ts +2 -2
- package/types/v5.d.ts.map +1 -1
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
import {
|
|
2
|
+
blue,
|
|
3
|
+
blueDark,
|
|
4
|
+
gray,
|
|
5
|
+
grayDark,
|
|
6
|
+
green,
|
|
7
|
+
greenDark,
|
|
8
|
+
red,
|
|
9
|
+
redDark,
|
|
10
|
+
yellow,
|
|
11
|
+
yellowDark,
|
|
12
|
+
} from '@tamagui/colors'
|
|
13
|
+
|
|
14
|
+
// Base palettes (12 colors each)
|
|
15
|
+
export const darkPalette = [
|
|
16
|
+
'#050505',
|
|
17
|
+
'#151515',
|
|
18
|
+
'#191919',
|
|
19
|
+
'#232323',
|
|
20
|
+
'#282828',
|
|
21
|
+
'#323232',
|
|
22
|
+
'#424242',
|
|
23
|
+
'#494949',
|
|
24
|
+
'#545454',
|
|
25
|
+
'#626262',
|
|
26
|
+
'#a5a5a5',
|
|
27
|
+
'#fff',
|
|
28
|
+
]
|
|
29
|
+
|
|
30
|
+
export const lightPalette = [
|
|
31
|
+
'#fff',
|
|
32
|
+
'#f8f8f8',
|
|
33
|
+
'hsl(0, 0%, 93%)',
|
|
34
|
+
'hsl(0, 0%, 87%)',
|
|
35
|
+
'hsl(0, 0%, 80%)',
|
|
36
|
+
'hsl(0, 0%, 74%)',
|
|
37
|
+
'hsl(0, 0%, 68%)',
|
|
38
|
+
'hsl(0, 0%, 60%)',
|
|
39
|
+
'hsl(0, 0%, 48%)',
|
|
40
|
+
'hsl(0, 0%, 38%)',
|
|
41
|
+
'hsl(0, 0%, 20%)',
|
|
42
|
+
'hsl(0, 0%, 2%)',
|
|
43
|
+
]
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Neutral grey palette with sufficient contrast on both white and black backgrounds.
|
|
47
|
+
* Uses the same values for both light and dark themes.
|
|
48
|
+
*/
|
|
49
|
+
export const neutralPalette = [
|
|
50
|
+
'hsl(0, 0%, 68%)',
|
|
51
|
+
'hsl(0, 0%, 65%)',
|
|
52
|
+
'hsl(0, 0%, 62%)',
|
|
53
|
+
'hsl(0, 0%, 59%)',
|
|
54
|
+
'hsl(0, 0%, 56%)',
|
|
55
|
+
'hsl(0, 0%, 53%)',
|
|
56
|
+
'hsl(0, 0%, 50%)',
|
|
57
|
+
'hsl(0, 0%, 47%)',
|
|
58
|
+
'hsl(0, 0%, 44%)',
|
|
59
|
+
'hsl(0, 0%, 41%)',
|
|
60
|
+
'hsl(0, 0%, 38%)',
|
|
61
|
+
'hsl(0, 0%, 32%)',
|
|
62
|
+
]
|
|
63
|
+
|
|
64
|
+
// White/black with opacity variants (same on both light and dark)
|
|
65
|
+
export const whiteBlack = {
|
|
66
|
+
white: 'rgba(255,255,255,1)',
|
|
67
|
+
white0: 'rgba(255,255,255,0)',
|
|
68
|
+
white02: 'rgba(255,255,255,0.2)',
|
|
69
|
+
white04: 'rgba(255,255,255,0.4)',
|
|
70
|
+
white06: 'rgba(255,255,255,0.6)',
|
|
71
|
+
white08: 'rgba(255,255,255,0.8)',
|
|
72
|
+
black: 'rgba(0,0,0,1)',
|
|
73
|
+
black0: 'rgba(0,0,0,0)',
|
|
74
|
+
black02: 'rgba(0,0,0,0.2)',
|
|
75
|
+
black04: 'rgba(0,0,0,0.4)',
|
|
76
|
+
black06: 'rgba(0,0,0,0.6)',
|
|
77
|
+
black08: 'rgba(0,0,0,0.8)',
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
export const darkShadows = {
|
|
81
|
+
shadow1: 'rgba(0,0,0,0.1)',
|
|
82
|
+
shadow2: 'rgba(0,0,0,0.18)',
|
|
83
|
+
shadow3: 'rgba(0,0,0,0.25)',
|
|
84
|
+
shadow4: 'rgba(0,0,0,0.4)',
|
|
85
|
+
shadow5: 'rgba(0,0,0,0.55)',
|
|
86
|
+
shadow6: 'rgba(0,0,0,0.66)',
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
export const lightShadows = {
|
|
90
|
+
shadow1: 'rgba(0,0,0,0.025)',
|
|
91
|
+
shadow2: 'rgba(0,0,0,0.04)',
|
|
92
|
+
shadow3: 'rgba(0,0,0,0.06)',
|
|
93
|
+
shadow4: 'rgba(0,0,0,0.095)',
|
|
94
|
+
shadow5: 'rgba(0,0,0,0.195)',
|
|
95
|
+
shadow6: 'rgba(0,0,0,0.3)',
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
// Named palette colors (for base.extra)
|
|
99
|
+
export const blackColors = {
|
|
100
|
+
black1: darkPalette[0]!,
|
|
101
|
+
black2: darkPalette[1]!,
|
|
102
|
+
black3: darkPalette[2]!,
|
|
103
|
+
black4: darkPalette[3]!,
|
|
104
|
+
black5: darkPalette[4]!,
|
|
105
|
+
black6: darkPalette[5]!,
|
|
106
|
+
black7: darkPalette[6]!,
|
|
107
|
+
black8: darkPalette[7]!,
|
|
108
|
+
black9: darkPalette[8]!,
|
|
109
|
+
black10: darkPalette[9]!,
|
|
110
|
+
black11: darkPalette[10]!,
|
|
111
|
+
black12: darkPalette[11]!,
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
export const whiteColors = {
|
|
115
|
+
white1: lightPalette[0]!,
|
|
116
|
+
white2: lightPalette[1]!,
|
|
117
|
+
white3: lightPalette[2]!,
|
|
118
|
+
white4: lightPalette[3]!,
|
|
119
|
+
white5: lightPalette[4]!,
|
|
120
|
+
white6: lightPalette[5]!,
|
|
121
|
+
white7: lightPalette[6]!,
|
|
122
|
+
white8: lightPalette[7]!,
|
|
123
|
+
white9: lightPalette[8]!,
|
|
124
|
+
white10: lightPalette[9]!,
|
|
125
|
+
white11: lightPalette[10]!,
|
|
126
|
+
white12: lightPalette[11]!,
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
export const neutral = {
|
|
130
|
+
neutral1: neutralPalette[0]!,
|
|
131
|
+
neutral2: neutralPalette[1]!,
|
|
132
|
+
neutral3: neutralPalette[2]!,
|
|
133
|
+
neutral4: neutralPalette[3]!,
|
|
134
|
+
neutral5: neutralPalette[4]!,
|
|
135
|
+
neutral6: neutralPalette[5]!,
|
|
136
|
+
neutral7: neutralPalette[6]!,
|
|
137
|
+
neutral8: neutralPalette[7]!,
|
|
138
|
+
neutral9: neutralPalette[8]!,
|
|
139
|
+
neutral10: neutralPalette[9]!,
|
|
140
|
+
neutral11: neutralPalette[10]!,
|
|
141
|
+
neutral12: neutralPalette[11]!,
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
// Legacy palettes object (used by themes-new.ts, templates.tsx)
|
|
145
|
+
export const palettes = {
|
|
146
|
+
dark: darkPalette,
|
|
147
|
+
light: lightPalette,
|
|
148
|
+
dark_blue: Object.values(blueDark),
|
|
149
|
+
light_blue: Object.values(blue),
|
|
150
|
+
dark_gray: Object.values(grayDark),
|
|
151
|
+
light_gray: Object.values(gray),
|
|
152
|
+
dark_green: Object.values(greenDark),
|
|
153
|
+
light_green: Object.values(green),
|
|
154
|
+
dark_red: Object.values(redDark),
|
|
155
|
+
light_red: Object.values(red),
|
|
156
|
+
dark_yellow: Object.values(yellowDark),
|
|
157
|
+
light_yellow: Object.values(yellow),
|
|
158
|
+
}
|
package/src/v5.tsx
CHANGED
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
export { tokens } from './v5-tokens'
|
|
2
|
-
export { createThemes } from '@tamagui/theme-builder'
|
|
2
|
+
export { createThemes, defaultComponentThemes } from '@tamagui/theme-builder'
|
|
3
3
|
export { themes } from './generated-v5'
|
|
4
|
-
export {
|
|
4
|
+
export {
|
|
5
|
+
createV5Theme,
|
|
6
|
+
defaultChildrenThemes,
|
|
7
|
+
defaultGrandChildrenThemes,
|
|
8
|
+
defaultDarkPalette,
|
|
9
|
+
defaultLightPalette,
|
|
10
|
+
} from './v5-themes'
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
export type ColorPalette = string[];
|
|
2
|
+
export type ColorTheme = {
|
|
3
|
+
palette: {
|
|
4
|
+
dark: ColorPalette;
|
|
5
|
+
light: ColorPalette;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Default color themes for v5.
|
|
10
|
+
* Each theme has a light and dark palette variant.
|
|
11
|
+
*/
|
|
12
|
+
export declare const defaultColorThemes: {
|
|
13
|
+
black: {
|
|
14
|
+
palette: {
|
|
15
|
+
dark: string[];
|
|
16
|
+
light: string[];
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
white: {
|
|
20
|
+
palette: {
|
|
21
|
+
dark: string[];
|
|
22
|
+
light: string[];
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
gray: {
|
|
26
|
+
palette: {
|
|
27
|
+
dark: string[];
|
|
28
|
+
light: string[];
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
blue: {
|
|
32
|
+
palette: {
|
|
33
|
+
dark: string[];
|
|
34
|
+
light: string[];
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
red: {
|
|
38
|
+
palette: {
|
|
39
|
+
dark: string[];
|
|
40
|
+
light: string[];
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
yellow: {
|
|
44
|
+
palette: {
|
|
45
|
+
dark: string[];
|
|
46
|
+
light: string[];
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
green: {
|
|
50
|
+
palette: {
|
|
51
|
+
dark: string[];
|
|
52
|
+
light: string[];
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
neutral: {
|
|
56
|
+
palette: {
|
|
57
|
+
dark: string[];
|
|
58
|
+
light: string[];
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
export type DefaultColorThemes = typeof defaultColorThemes;
|
|
63
|
+
/**
|
|
64
|
+
* Generates the extra colors for base theme from color themes.
|
|
65
|
+
* This ensures base.extra contains named colors (blue1-12, red1-12, etc.)
|
|
66
|
+
* for all provided color themes.
|
|
67
|
+
*/
|
|
68
|
+
export declare function colorThemesToExtra<T extends Record<string, ColorTheme>>(colorThemes: T, scheme: 'light' | 'dark'): Record<string, string>;
|
|
69
|
+
//# sourceMappingURL=defaultColorThemes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaultColorThemes.d.ts","sourceRoot":"","sources":["../src/defaultColorThemes.ts"],"names":[],"mappings":"AAcA,MAAM,MAAM,YAAY,GAAG,MAAM,EAAE,CAAA;AAEnC,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE;QACP,IAAI,EAAE,YAAY,CAAA;QAClB,KAAK,EAAE,YAAY,CAAA;KACpB,CAAA;CACF,CAAA;AAuBD;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiD9B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,kBAAkB,CAAA;AAE1D;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,EACrE,WAAW,EAAE,CAAC,EACd,MAAM,EAAE,OAAO,GAAG,MAAM,GACvB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAUxB"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export type GrandChildrenThemeDefinition = {
|
|
2
|
+
template: string;
|
|
3
|
+
};
|
|
4
|
+
/** Default grandchildren theme names */
|
|
5
|
+
export type DefaultGrandChildrenThemeName = 'accent' | 'alt1' | 'alt2' | 'surface1' | 'surface2' | 'surface3';
|
|
6
|
+
/**
|
|
7
|
+
* Default grandchildren themes for v5.
|
|
8
|
+
* These create sub-theme variants using different templates.
|
|
9
|
+
*/
|
|
10
|
+
export declare const defaultGrandChildrenThemes: {
|
|
11
|
+
accent: {
|
|
12
|
+
template: string;
|
|
13
|
+
};
|
|
14
|
+
alt1: {
|
|
15
|
+
template: string;
|
|
16
|
+
};
|
|
17
|
+
alt2: {
|
|
18
|
+
template: string;
|
|
19
|
+
};
|
|
20
|
+
surface1: {
|
|
21
|
+
template: string;
|
|
22
|
+
};
|
|
23
|
+
surface2: {
|
|
24
|
+
template: string;
|
|
25
|
+
};
|
|
26
|
+
surface3: {
|
|
27
|
+
template: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
export type DefaultGrandChildrenThemes = typeof defaultGrandChildrenThemes;
|
|
31
|
+
//# sourceMappingURL=defaultGrandChildrenThemes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaultGrandChildrenThemes.d.ts","sourceRoot":"","sources":["../src/defaultGrandChildrenThemes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,4BAA4B,GAAG;IACzC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,wCAAwC;AACxC,MAAM,MAAM,6BAA6B,GACrC,QAAQ,GACR,MAAM,GACN,MAAM,GACN,UAAU,GACV,UAAU,GACV,UAAU,CAAA;AAEd;;;GAGG;AACH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;CAOwC,CAAA;AAE/E,MAAM,MAAM,0BAA0B,GAAG,OAAO,0BAA0B,CAAA"}
|
package/types/v3-themes.d.ts
CHANGED
|
@@ -18,7 +18,7 @@ export declare const defaultPalettes: {
|
|
|
18
18
|
light: string[];
|
|
19
19
|
dark: string[];
|
|
20
20
|
};
|
|
21
|
-
export declare const defaultTemplates: Record<"light_alt1" | "light_alt2" | "dark_alt1" | "dark_alt2" | "
|
|
21
|
+
export declare const defaultTemplates: Record<"light_alt1" | "light_alt2" | "dark_alt1" | "dark_alt2" | "light_surface1" | "light_surface2" | "light_surface3" | "light_base" | "light_inverseSurface1" | "light_inverseActive" | "light_surfaceActive" | "dark_surface1" | "dark_surface2" | "dark_surface3" | "dark_base" | "dark_inverseSurface1" | "dark_inverseActive" | "dark_surfaceActive", {
|
|
22
22
|
accentBackground: number;
|
|
23
23
|
accentColor: number;
|
|
24
24
|
background0: number;
|
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" | "light_black" | "light_white" | "light_blue_accent" | "light_green_accent" | "light_red_accent" | "light_yellow_accent" | "light_black_accent" | "light_white_accent" | "dark_black" | "dark_white" | "dark_blue_accent" | "dark_green_accent" | "dark_red_accent" | "dark_yellow_accent" | "dark_black_accent" | "dark_white_accent" | "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" | "light_black" | "light_white" | "light_blue_accent" | "light_green_accent" | "light_red_accent" | "light_yellow_accent" | "light_black_accent" | "light_white_accent" | "dark_black" | "dark_white" | "dark_blue_accent" | "dark_green_accent" | "dark_red_accent" | "dark_yellow_accent" | "dark_black_accent" | "dark_white_accent" | "light_tan" | "light_gray_accent" | "light_orange_accent" | "light_pink_accent" | "light_purple_accent" | "light_tan_accent" | "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" | "dark_tan" | "dark_gray_accent" | "dark_orange_accent" | "dark_pink_accent" | "dark_purple_accent" | "dark_tan_accent" | "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", {
|
|
2
2
|
yellow1: string;
|
|
3
3
|
yellow2: string;
|
|
4
4
|
yellow3: string;
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
export declare const darkPalette: string[];
|
|
2
|
+
export declare const lightPalette: string[];
|
|
3
|
+
/**
|
|
4
|
+
* Neutral grey palette with sufficient contrast on both white and black backgrounds.
|
|
5
|
+
* Uses the same values for both light and dark themes.
|
|
6
|
+
*/
|
|
7
|
+
export declare const neutralPalette: string[];
|
|
8
|
+
export declare const whiteBlack: {
|
|
9
|
+
white: string;
|
|
10
|
+
white0: string;
|
|
11
|
+
white02: string;
|
|
12
|
+
white04: string;
|
|
13
|
+
white06: string;
|
|
14
|
+
white08: string;
|
|
15
|
+
black: string;
|
|
16
|
+
black0: string;
|
|
17
|
+
black02: string;
|
|
18
|
+
black04: string;
|
|
19
|
+
black06: string;
|
|
20
|
+
black08: string;
|
|
21
|
+
};
|
|
22
|
+
export declare const darkShadows: {
|
|
23
|
+
shadow1: string;
|
|
24
|
+
shadow2: string;
|
|
25
|
+
shadow3: string;
|
|
26
|
+
shadow4: string;
|
|
27
|
+
shadow5: string;
|
|
28
|
+
shadow6: string;
|
|
29
|
+
};
|
|
30
|
+
export declare const lightShadows: {
|
|
31
|
+
shadow1: string;
|
|
32
|
+
shadow2: string;
|
|
33
|
+
shadow3: string;
|
|
34
|
+
shadow4: string;
|
|
35
|
+
shadow5: string;
|
|
36
|
+
shadow6: string;
|
|
37
|
+
};
|
|
38
|
+
export declare const blackColors: {
|
|
39
|
+
black1: string;
|
|
40
|
+
black2: string;
|
|
41
|
+
black3: string;
|
|
42
|
+
black4: string;
|
|
43
|
+
black5: string;
|
|
44
|
+
black6: string;
|
|
45
|
+
black7: string;
|
|
46
|
+
black8: string;
|
|
47
|
+
black9: string;
|
|
48
|
+
black10: string;
|
|
49
|
+
black11: string;
|
|
50
|
+
black12: string;
|
|
51
|
+
};
|
|
52
|
+
export declare const whiteColors: {
|
|
53
|
+
white1: string;
|
|
54
|
+
white2: string;
|
|
55
|
+
white3: string;
|
|
56
|
+
white4: string;
|
|
57
|
+
white5: string;
|
|
58
|
+
white6: string;
|
|
59
|
+
white7: string;
|
|
60
|
+
white8: string;
|
|
61
|
+
white9: string;
|
|
62
|
+
white10: string;
|
|
63
|
+
white11: string;
|
|
64
|
+
white12: string;
|
|
65
|
+
};
|
|
66
|
+
export declare const neutral: {
|
|
67
|
+
neutral1: string;
|
|
68
|
+
neutral2: string;
|
|
69
|
+
neutral3: string;
|
|
70
|
+
neutral4: string;
|
|
71
|
+
neutral5: string;
|
|
72
|
+
neutral6: string;
|
|
73
|
+
neutral7: string;
|
|
74
|
+
neutral8: string;
|
|
75
|
+
neutral9: string;
|
|
76
|
+
neutral10: string;
|
|
77
|
+
neutral11: string;
|
|
78
|
+
neutral12: string;
|
|
79
|
+
};
|
|
80
|
+
export declare const palettes: {
|
|
81
|
+
dark: string[];
|
|
82
|
+
light: string[];
|
|
83
|
+
dark_blue: string[];
|
|
84
|
+
light_blue: string[];
|
|
85
|
+
dark_gray: string[];
|
|
86
|
+
light_gray: string[];
|
|
87
|
+
dark_green: string[];
|
|
88
|
+
light_green: string[];
|
|
89
|
+
dark_red: string[];
|
|
90
|
+
light_red: string[];
|
|
91
|
+
dark_yellow: string[];
|
|
92
|
+
light_yellow: string[];
|
|
93
|
+
};
|
|
94
|
+
//# sourceMappingURL=v5-palettes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"v5-palettes.d.ts","sourceRoot":"","sources":["../src/v5-palettes.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,WAAW,UAavB,CAAA;AAED,eAAO,MAAM,YAAY,UAaxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,UAa1B,CAAA;AAGD,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAatB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAA;AAGD,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAanB,CAAA;AAGD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CAapB,CAAA"}
|
package/types/v5.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { tokens } from './v5-tokens';
|
|
2
|
-
export { createThemes } from '@tamagui/theme-builder';
|
|
2
|
+
export { createThemes, defaultComponentThemes } from '@tamagui/theme-builder';
|
|
3
3
|
export { themes } from './generated-v5';
|
|
4
|
-
export { createV5Theme } from './v5-themes';
|
|
4
|
+
export { createV5Theme, defaultChildrenThemes, defaultGrandChildrenThemes, defaultDarkPalette, defaultLightPalette, } from './v5-themes';
|
|
5
5
|
//# sourceMappingURL=v5.d.ts.map
|
package/types/v5.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"v5.d.ts","sourceRoot":"","sources":["../src/v5.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"v5.d.ts","sourceRoot":"","sources":["../src/v5.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EACL,aAAa,EACb,qBAAqB,EACrB,0BAA0B,EAC1B,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,aAAa,CAAA"}
|