@tamagui/themes 2.0.0-1768636514428 → 2.0.0-1768699687560

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 (90) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/dist/cjs/defaultColorThemes.cjs +103 -0
  3. package/dist/cjs/defaultColorThemes.js +96 -0
  4. package/dist/cjs/defaultColorThemes.js.map +6 -0
  5. package/dist/cjs/defaultColorThemes.native.js +120 -0
  6. package/dist/cjs/defaultColorThemes.native.js.map +1 -0
  7. package/dist/cjs/defaultGrandChildrenThemes.cjs +45 -0
  8. package/dist/cjs/defaultGrandChildrenThemes.js +28 -0
  9. package/dist/cjs/defaultGrandChildrenThemes.js.map +6 -0
  10. package/dist/cjs/defaultGrandChildrenThemes.native.js +48 -0
  11. package/dist/cjs/defaultGrandChildrenThemes.native.js.map +1 -0
  12. package/dist/cjs/generated-v4-tamagui.cjs +49 -49
  13. package/dist/cjs/generated-v4-tamagui.js +49 -49
  14. package/dist/cjs/generated-v4-tamagui.js.map +1 -1
  15. package/dist/cjs/generated-v4-tamagui.native.js +49 -49
  16. package/dist/cjs/generated-v4.cjs +29 -29
  17. package/dist/cjs/generated-v4.js +29 -29
  18. package/dist/cjs/generated-v4.js.map +1 -1
  19. package/dist/cjs/generated-v4.native.js +29 -29
  20. package/dist/cjs/generated-v5.cjs +37 -37
  21. package/dist/cjs/generated-v5.js +37 -37
  22. package/dist/cjs/generated-v5.js.map +1 -1
  23. package/dist/cjs/generated-v5.native.js +37 -37
  24. package/dist/cjs/v5-palettes.cjs +124 -0
  25. package/dist/cjs/v5-palettes.js +149 -0
  26. package/dist/cjs/v5-palettes.js.map +6 -0
  27. package/dist/cjs/v5-palettes.native.js +127 -0
  28. package/dist/cjs/v5-palettes.native.js.map +1 -0
  29. package/dist/cjs/v5.cjs +5 -0
  30. package/dist/cjs/v5.js +5 -0
  31. package/dist/cjs/v5.js.map +1 -1
  32. package/dist/cjs/v5.native.js +5 -0
  33. package/dist/cjs/v5.native.js.map +1 -1
  34. package/dist/esm/defaultColorThemes.js +92 -0
  35. package/dist/esm/defaultColorThemes.js.map +6 -0
  36. package/dist/esm/defaultColorThemes.mjs +79 -0
  37. package/dist/esm/defaultColorThemes.mjs.map +1 -0
  38. package/dist/esm/defaultColorThemes.native.js +93 -0
  39. package/dist/esm/defaultColorThemes.native.js.map +1 -0
  40. package/dist/esm/defaultGrandChildrenThemes.js +12 -0
  41. package/dist/esm/defaultGrandChildrenThemes.js.map +6 -0
  42. package/dist/esm/defaultGrandChildrenThemes.mjs +22 -0
  43. package/dist/esm/defaultGrandChildrenThemes.mjs.map +1 -0
  44. package/dist/esm/defaultGrandChildrenThemes.native.js +22 -0
  45. package/dist/esm/defaultGrandChildrenThemes.native.js.map +1 -0
  46. package/dist/esm/generated-v4-tamagui.js +49 -49
  47. package/dist/esm/generated-v4-tamagui.js.map +1 -1
  48. package/dist/esm/generated-v4-tamagui.mjs +49 -49
  49. package/dist/esm/generated-v4-tamagui.mjs.map +1 -1
  50. package/dist/esm/generated-v4-tamagui.native.js +49 -49
  51. package/dist/esm/generated-v4.js +29 -29
  52. package/dist/esm/generated-v4.js.map +1 -1
  53. package/dist/esm/generated-v4.mjs +29 -29
  54. package/dist/esm/generated-v4.mjs.map +1 -1
  55. package/dist/esm/generated-v4.native.js +29 -29
  56. package/dist/esm/generated-v5.js +37 -37
  57. package/dist/esm/generated-v5.js.map +1 -1
  58. package/dist/esm/generated-v5.mjs +37 -37
  59. package/dist/esm/generated-v5.mjs.map +1 -1
  60. package/dist/esm/generated-v5.native.js +37 -37
  61. package/dist/esm/v5-palettes.js +144 -0
  62. package/dist/esm/v5-palettes.js.map +6 -0
  63. package/dist/esm/v5-palettes.mjs +92 -0
  64. package/dist/esm/v5-palettes.mjs.map +1 -0
  65. package/dist/esm/v5-palettes.native.js +92 -0
  66. package/dist/esm/v5-palettes.native.js.map +1 -0
  67. package/dist/esm/v5.js +13 -2
  68. package/dist/esm/v5.js.map +1 -1
  69. package/dist/esm/v5.mjs +3 -3
  70. package/dist/esm/v5.mjs.map +1 -1
  71. package/dist/esm/v5.native.js +3 -3
  72. package/dist/esm/v5.native.js.map +1 -1
  73. package/package.json +7 -7
  74. package/src/defaultColorThemes.ts +120 -0
  75. package/src/defaultGrandChildrenThemes.ts +27 -0
  76. package/src/generated-v4-tamagui.ts +48 -48
  77. package/src/generated-v4.ts +28 -28
  78. package/src/generated-v5.ts +36 -36
  79. package/src/v5-palettes.ts +158 -0
  80. package/src/v5.tsx +8 -2
  81. package/types/defaultColorThemes.d.ts +69 -0
  82. package/types/defaultColorThemes.d.ts.map +1 -0
  83. package/types/defaultGrandChildrenThemes.d.ts +31 -0
  84. package/types/defaultGrandChildrenThemes.d.ts.map +1 -0
  85. package/types/v3-themes.d.ts +1 -1
  86. package/types/v4-tamagui.d.ts +1 -1
  87. package/types/v5-palettes.d.ts +94 -0
  88. package/types/v5-palettes.d.ts.map +1 -0
  89. package/types/v5.d.ts +2 -2
  90. 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 { createV5Theme } from './v5-themes'
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"}
@@ -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" | "light_base" | "light_surface1" | "light_surface2" | "light_surface3" | "light_inverseSurface1" | "light_inverseActive" | "light_surfaceActive" | "dark_base" | "dark_surface1" | "dark_surface2" | "dark_surface3" | "dark_inverseSurface1" | "dark_inverseActive" | "dark_surfaceActive", {
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;
@@ -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" | "light_gray_accent" | "light_orange_accent" | "light_pink_accent" | "light_purple_accent" | "light_tan_accent" | "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" | "dark_gray_accent" | "dark_orange_accent" | "dark_pink_accent" | "dark_purple_accent" | "dark_tan_accent", {
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;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,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"}