@tamagui/tamagui-dev-config 2.7.7 → 3.0.0-beta.643.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,128 @@
1
+ const schemes = ['light', 'dark']
2
+ const colors = ['black', 'white', 'gray', 'blue', 'red', 'yellow', 'green']
3
+ const paletteColors = [
4
+ 'blue',
5
+ 'gray',
6
+ 'green',
7
+ 'neutral',
8
+ 'orange',
9
+ 'pink',
10
+ 'purple',
11
+ 'red',
12
+ 'teal',
13
+ 'yellow',
14
+ ]
15
+ export const componentThemes = [
16
+ 'Button',
17
+ 'Input',
18
+ 'Progress',
19
+ 'ProgressIndicator',
20
+ 'Slider',
21
+ 'SliderActive',
22
+ 'SliderThumb',
23
+ 'Switch',
24
+ 'TextArea',
25
+ 'Tooltip',
26
+ 'SwitchThumb',
27
+ ]
28
+
29
+ const numbered = (prefix: string, count: number) =>
30
+ Array.from({ length: count }, (_, index) => `${prefix}${index + 1}`)
31
+
32
+ const baseThemeNames = schemes.flatMap((scheme) => [
33
+ scheme,
34
+ `${scheme}_accent`,
35
+ `${scheme}_surface1`,
36
+ `${scheme}_surface2`,
37
+ ...colors.flatMap((color) => [
38
+ `${scheme}_${color}`,
39
+ `${scheme}_${color}_accent`,
40
+ `${scheme}_${color}_surface1`,
41
+ `${scheme}_${color}_surface2`,
42
+ ]),
43
+ ])
44
+
45
+ const levelThemeNames = baseThemeNames.flatMap((themeName) =>
46
+ themeName.endsWith('_surface1')
47
+ ? [themeName.replace(/_surface1$/, '_level2')]
48
+ : themeName.endsWith('_surface2')
49
+ ? [themeName.replace(/_surface2$/, '_level3')]
50
+ : []
51
+ )
52
+
53
+ const componentThemeNames = [...baseThemeNames, ...levelThemeNames].flatMap((parent) =>
54
+ componentThemes.map((component) => `${parent}_${component}`)
55
+ )
56
+
57
+ export const themeNames = [...baseThemeNames, ...levelThemeNames, ...componentThemeNames]
58
+
59
+ const alphaSteps = [
60
+ '0',
61
+ '01',
62
+ '02',
63
+ '04',
64
+ '06',
65
+ '08',
66
+ '001',
67
+ '002',
68
+ '0025',
69
+ '005',
70
+ '0075',
71
+ ]
72
+
73
+ export const themeVariableNames = [
74
+ 'accent-background',
75
+ 'accent-color',
76
+ ...numbered('accent', 12),
77
+ 'background',
78
+ 'background-focus',
79
+ 'background-hover',
80
+ 'background-press',
81
+ ...alphaSteps.map((step) => `background${step}`),
82
+ 'border-color',
83
+ 'border-color-focus',
84
+ 'border-color-hover',
85
+ 'border-color-press',
86
+ 'color',
87
+ 'color-focus',
88
+ 'color-hover',
89
+ 'color-press',
90
+ 'color-transparent',
91
+ ...alphaSteps.map((step) => `color${step}`),
92
+ ...numbered('color', 12),
93
+ 'outline-color',
94
+ 'placeholder-color',
95
+ 'shadow-color',
96
+ ...['black', 'white'].flatMap((color) => [
97
+ color,
98
+ `${color}0`,
99
+ `${color}02`,
100
+ `${color}04`,
101
+ `${color}06`,
102
+ `${color}08`,
103
+ ...numbered(color, 12),
104
+ ]),
105
+ ...paletteColors.flatMap((color) => numbered(color, 12)),
106
+ ...numbered('highlight', 8),
107
+ ...numbered('shadow', 8),
108
+ ]
109
+
110
+ const variableShape = Object.fromEntries(
111
+ themeVariableNames.map((name) => [name, `var(--${name})`])
112
+ )
113
+
114
+ type ClientThemes = {
115
+ [Name in keyof typeof serverThemes]: {
116
+ [Key in keyof (typeof serverThemes)[Name]]: string
117
+ }
118
+ }
119
+
120
+ /**
121
+ * The flat-value config revision depends on theme and variable names, never
122
+ * their values. Keep those names in the browser config so SSR and hydration
123
+ * produce identical program classes without retaining the full theme payload.
124
+ */
125
+ export const clientThemes = Object.fromEntries(
126
+ themeNames.map((name) => [name, variableShape])
127
+ ) as ClientThemes
128
+ import type { themes as serverThemes } from './themes'
package/src/themes.ts ADDED
@@ -0,0 +1,34 @@
1
+ import { toV6Themes } from '@tamagui/config/v6-base'
2
+ import { themes as v5Themes } from '@tamagui/themes/v5-subtle'
3
+ import { componentThemes, themeNames } from './themeMetadata'
4
+
5
+ const themeNameSet = new Set(themeNames)
6
+
7
+ // Keep the site's established v5 values while using the v3 theme-key grammar.
8
+ // Level aliases let the shared v6 demos render without changing the site pack.
9
+ const selectedThemes = Object.fromEntries(
10
+ Object.entries(v5Themes).filter(([themeName]) => themeNameSet.has(themeName))
11
+ )
12
+
13
+ for (const [themeName, theme] of Object.entries(selectedThemes)) {
14
+ if (themeName.endsWith('_surface1')) {
15
+ selectedThemes[themeName.replace(/_surface1$/, '_level2')] = theme
16
+ } else if (themeName.endsWith('_surface2')) {
17
+ selectedThemes[themeName.replace(/_surface2$/, '_level3')] = theme
18
+ }
19
+ }
20
+
21
+ // V5's component-theme lookup stays on the active parent theme when a more
22
+ // specific component subtheme does not exist. Materialize those fallback
23
+ // names so a V3 nested Theme resolves identically instead of jumping back to
24
+ // the root component theme.
25
+ for (const themeName of themeNames) {
26
+ const component = componentThemes.find((name) => themeName.endsWith(`_${name}`))
27
+ if (!component || selectedThemes[themeName]) continue
28
+ const parentName = themeName.slice(0, -(component.length + 1))
29
+ if (selectedThemes[parentName]) {
30
+ selectedThemes[themeName] = selectedThemes[parentName]
31
+ }
32
+ }
33
+
34
+ export const themes = toV6Themes(selectedThemes)
@@ -1,302 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: true
11
- });
12
- };
13
- var __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from === "object" || typeof from === "function") {
15
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
16
- get: () => from[key],
17
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
18
- });
19
- }
20
- return to;
21
- };
22
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
23
- // If the importer is in node compatibility mode or this is not an ESM
24
- // file that has been converted to a CommonJS file using a Babel-
25
- // compatible transform (i.e. "__esModule" has not been set), then set
26
- // "default" to the CommonJS "module.exports" for node compatibility.
27
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
28
- value: mod,
29
- enumerable: true
30
- }) : target, mod));
31
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
32
- value: true
33
- }), mod);
34
- var theme_dev_exports = {};
35
- __export(theme_dev_exports, {
36
- themeDev: () => themeDev
37
- });
38
- module.exports = __toCommonJS(theme_dev_exports);
39
- var Colors = __toESM(require("@tamagui/colors"), 1);
40
- var import_theme_builder = require("@tamagui/theme-builder");
41
- var import_color2k = require("color2k");
42
- const desat = (colors, amount) => {
43
- return Object.fromEntries(Object.entries(colors).map(([key, value]) => [key, (0, import_color2k.desaturate)(value, amount)]));
44
- };
45
- const colorsGreenDark = desat(Colors.greenDark, 0.2);
46
- const colorsGreen = desat(Colors.green, 0.2);
47
- const darkPalette = ["#040404", "#090909", "#111", "#151515", "#222", "#282828", "#343434", "#424242", "#515151", "#626262", "#a5a5a5", "#fff"];
48
- const lightPalette = ["#fff", "#f2f2f2", "hsl(0, 0%, 93%)", "hsl(0, 0%, 91%)", "hsl(0, 0%, 88%)", "hsl(0, 0%, 85%)", "hsl(0, 0%, 82%)", "hsl(0, 0%, 76%)", "hsl(0, 0%, 56%)", "hsl(0, 0%, 50%)", "hsl(0, 0%, 42%)", "hsl(0, 0%, 9%)"];
49
- const lightShadows = {
50
- shadow1: "rgba(0,0,0,0.04)",
51
- shadow2: "rgba(0,0,0,0.08)",
52
- shadow3: "rgba(0,0,0,0.16)",
53
- shadow4: "rgba(0,0,0,0.24)",
54
- shadow5: "rgba(0,0,0,0.32)",
55
- shadow6: "rgba(0,0,0,0.4)",
56
- shadow7: "rgba(0,0,0,0.5)",
57
- shadow8: "rgba(0,0,0,0.6)",
58
- shadow9: "rgba(0,0,0,0.7)",
59
- shadow10: "rgba(0,0,0,0.8)"
60
- };
61
- const darkShadows = {
62
- shadow1: "rgba(0,0,0,0.2)",
63
- shadow2: "rgba(0,0,0,0.3)",
64
- shadow3: "rgba(0,0,0,0.4)",
65
- shadow4: "rgba(0,0,0,0.5)",
66
- shadow5: "rgba(0,0,0,0.6)",
67
- shadow6: "rgba(0,0,0,0.65)",
68
- shadow7: "rgba(0,0,0,0.75)",
69
- shadow8: "rgba(0,0,0,0.8)",
70
- shadow9: "rgba(0,0,0,0.85)",
71
- shadow10: "rgba(0,0,0,0.9)"
72
- };
73
- const blackColors = {
74
- black1: darkPalette[0],
75
- black2: darkPalette[1],
76
- black3: darkPalette[2],
77
- black4: darkPalette[3],
78
- black5: darkPalette[4],
79
- black6: darkPalette[5],
80
- black7: darkPalette[6],
81
- black8: darkPalette[7],
82
- black9: darkPalette[8],
83
- black10: darkPalette[9],
84
- black11: darkPalette[10],
85
- black12: darkPalette[11]
86
- };
87
- const whiteColors = {
88
- white1: lightPalette[0],
89
- white2: lightPalette[1],
90
- white3: lightPalette[2],
91
- white4: lightPalette[3],
92
- white5: lightPalette[4],
93
- white6: lightPalette[5],
94
- white7: lightPalette[6],
95
- white8: lightPalette[7],
96
- white9: lightPalette[8],
97
- white10: lightPalette[9],
98
- white11: lightPalette[10],
99
- white12: lightPalette[11]
100
- };
101
- const jadeDark = ["hsla(165, 100%, 4%, 1)", "hsla(165, 100%, 8%, 1)", "hsla(165, 100%, 12%, 1)", "hsla(165, 100%, 18%, 1)", "hsla(165, 100%, 25%, 1)", "hsla(165, 100%, 35%, 1)", "hsla(165, 100%, 45%, 1)", "hsla(165, 100%, 55%, 1)", "hsla(165, 100%, 65%, 1)", "hsla(165, 100%, 75%, 1)", "hsla(165, 100%, 85%, 1)", "hsla(165, 100%, 90%, 1)"];
102
- const jadeLight = ["hsla(165, 100%, 90%, 1)", "hsla(165, 100%, 85%, 1)", "hsla(165, 100%, 75%, 1)", "hsla(165, 100%, 65%, 1)", "hsla(165, 100%, 55%, 1)", "hsla(165, 100%, 45%, 1)", "hsla(165, 100%, 35%, 1)", "hsla(165, 100%, 25%, 1)", "hsla(165, 100%, 18%, 1)", "hsla(165, 100%, 12%, 1)", "hsla(165, 100%, 8%, 1)", "hsla(165, 100%, 4%, 1)"];
103
- const supremeDark = ["hsla(358, 100%, 35%, 1)", "hsla(358, 100%, 38%, 1)", "hsla(358, 100%, 40%, 1)", "hsla(358, 100%, 43%, 1)", "hsla(358, 100%, 45%, 1)", "hsla(358, 100%, 48%, 1)", "hsla(358, 100%, 50%, 1)", "hsla(358, 100%, 53%, 1)", "hsla(358, 100%, 55%, 1)", "hsla(358, 100%, 65%, 1)", "hsla(358, 100%, 75%, 1)", "hsla(358, 100%, 95%, 1)"];
104
- const supremeLight = ["hsla(358, 100%, 50%, 1)", "hsla(358, 100%, 49%, 1)", "hsla(358, 100%, 48%, 1)", "hsla(358, 100%, 46%, 1)", "hsla(358, 100%, 45%, 1)", "hsla(358, 100%, 44%, 1)", "hsla(358, 100%, 43%, 1)", "hsla(358, 100%, 41%, 1)", "hsla(358, 100%, 40%, 1)", "hsla(358, 100%, 35%, 1)", "hsla(358, 100%, 100%, 1)", "hsla(358, 100%, 100%, 1)"];
105
- const orangeRedDark = ["hsla(17, 100%, 5%, 1)", "hsla(17, 100%, 10%, 1)", "hsla(17, 100%, 15%, 1)", "hsla(17, 100%, 20%, 1)", "hsla(17, 100%, 25%, 1)", "hsla(17, 100%, 38%, 1)", "hsla(17, 100%, 45%, 1)", "hsla(17, 100%, 50%, 1)", "hsla(17, 100%, 55%, 1)", "hsla(17, 100%, 60%, 1)", "hsla(17, 100%, 65%, 1)", "hsla(17, 100%, 70%, 1)"];
106
- const orangeRedLight = ["hsla(17, 100%, 70%, 1)", "hsla(17, 100%, 65%, 1)", "hsla(17, 100%, 60%, 1)", "hsla(17, 100%, 55%, 1)", "hsla(17, 100%, 50%, 1)", "hsla(17, 100%, 45%, 1)", "hsla(17, 100%, 38%, 1)", "hsla(17, 100%, 25%, 1)", "hsla(17, 100%, 20%, 1)", "hsla(17, 100%, 15%, 1)", "hsla(17, 100%, 10%, 1)", "hsla(17, 100%, 5%, 1)"];
107
- const royalBlueDark = ["hsla(243, 90%, 5%, 1)", "hsla(243, 90%, 10%, 1)", "hsla(243, 90%, 15%, 1)", "hsla(243, 90%, 20%, 1)", "hsla(243, 90%, 25%, 1)", "hsla(243, 70%, 41%, 1)", "hsla(243, 90%, 45%, 1)", "hsla(243, 90%, 50%, 1)", "hsla(243, 90%, 55%, 1)", "hsla(243, 90%, 60%, 1)", "hsla(243, 90%, 65%, 1)", "hsla(243, 90%, 70%, 1)"];
108
- const royalBlueLight = ["hsla(243, 90%, 70%, 1)", "hsla(243, 90%, 65%, 1)", "hsla(243, 90%, 60%, 1)", "hsla(243, 90%, 55%, 1)", "hsla(243, 90%, 50%, 1)", "hsla(243, 90%, 45%, 1)", "hsla(243, 70%, 41%, 1)", "hsla(243, 90%, 25%, 1)", "hsla(243, 90%, 20%, 1)", "hsla(243, 90%, 15%, 1)", "hsla(243, 90%, 10%, 1)", "hsla(243, 90%, 5%, 1)"];
109
- const burgundyDark = ["hsla(334, 60%, 5%, 1)", "hsla(334, 60%, 10%, 1)", "hsla(334, 60%, 15%, 1)", "hsla(334, 60%, 20%, 1)", "hsla(334, 60%, 25%, 1)", "hsla(334, 60%, 27%, 1)", "hsla(334, 60%, 35%, 1)", "hsla(334, 60%, 40%, 1)", "hsla(334, 60%, 45%, 1)", "hsla(334, 60%, 50%, 1)", "hsla(334, 60%, 55%, 1)", "hsla(334, 60%, 60%, 1)"];
110
- const burgundyLight = ["hsla(334, 60%, 60%, 1)", "hsla(334, 60%, 55%, 1)", "hsla(334, 60%, 50%, 1)", "hsla(334, 60%, 45%, 1)", "hsla(334, 60%, 40%, 1)", "hsla(334, 60%, 35%, 1)", "hsla(334, 60%, 27%, 1)", "hsla(334, 60%, 25%, 1)", "hsla(334, 60%, 20%, 1)", "hsla(334, 60%, 15%, 1)", "hsla(334, 60%, 10%, 1)", "hsla(334, 60%, 5%, 1)"];
111
- const tealDark = ["hsla(187, 94%, 5%, 1)", "hsla(187, 94%, 10%, 1)", "hsla(187, 94%, 15%, 1)", "hsla(187, 94%, 20%, 1)", "hsla(187, 94%, 25%, 1)", "hsla(187, 94%, 32%, 1)", "hsla(187, 94%, 38%, 1)", "hsla(187, 94%, 43%, 1)", "hsla(187, 94%, 48%, 1)", "hsla(187, 94%, 53%, 1)", "hsla(187, 94%, 58%, 1)", "hsla(187, 94%, 63%, 1)"];
112
- const tealLight = ["hsla(187, 94%, 63%, 1)", "hsla(187, 94%, 58%, 1)", "hsla(187, 94%, 53%, 1)", "hsla(187, 94%, 48%, 1)", "hsla(187, 94%, 43%, 1)", "hsla(187, 94%, 38%, 1)", "hsla(187, 94%, 32%, 1)", "hsla(187, 94%, 25%, 1)", "hsla(187, 94%, 20%, 1)", "hsla(187, 94%, 15%, 1)", "hsla(187, 94%, 10%, 1)", "hsla(187, 94%, 5%, 1)"];
113
- const forestDark = ["hsla(162, 64%, 5%, 1)", "hsla(162, 64%, 10%, 1)", "hsla(162, 64%, 15%, 1)", "hsla(162, 64%, 20%, 1)", "hsla(162, 64%, 25%, 1)", "hsla(162, 64%, 30%, 1)", "hsla(162, 64%, 35%, 1)", "hsla(162, 64%, 40%, 1)", "hsla(162, 64%, 45%, 1)", "hsla(162, 64%, 50%, 1)", "hsla(162, 64%, 55%, 1)", "hsla(162, 64%, 60%, 1)"];
114
- const forestLight = ["hsla(162, 64%, 60%, 1)", "hsla(162, 64%, 55%, 1)", "hsla(162, 64%, 50%, 1)", "hsla(162, 64%, 45%, 1)", "hsla(162, 64%, 40%, 1)", "hsla(162, 64%, 35%, 1)", "hsla(162, 64%, 30%, 1)", "hsla(162, 64%, 25%, 1)", "hsla(162, 64%, 20%, 1)", "hsla(162, 64%, 15%, 1)", "hsla(162, 64%, 10%, 1)", "hsla(162, 64%, 5%, 1)"];
115
- const cyanDark = ["hsla(186, 32%, 5%, 1)", "hsla(186, 32%, 10%, 1)", "hsla(186, 32%, 15%, 1)", "hsla(186, 32%, 20%, 1)", "hsla(186, 32%, 25%, 1)", "hsla(186, 32%, 46%, 1)", "hsla(186, 32%, 50%, 1)", "hsla(186, 32%, 55%, 1)", "hsla(186, 32%, 60%, 1)", "hsla(186, 32%, 65%, 1)", "hsla(186, 32%, 70%, 1)", "hsla(186, 32%, 75%, 1)"];
116
- const cyanLight = ["hsla(186, 32%, 75%, 1)", "hsla(186, 32%, 70%, 1)", "hsla(186, 32%, 65%, 1)", "hsla(186, 32%, 60%, 1)", "hsla(186, 32%, 55%, 1)", "hsla(186, 32%, 50%, 1)", "hsla(186, 32%, 46%, 1)", "hsla(186, 32%, 25%, 1)", "hsla(186, 32%, 20%, 1)", "hsla(186, 32%, 15%, 1)", "hsla(186, 32%, 10%, 1)", "hsla(186, 32%, 5%, 1)"];
117
- const themes = (0, import_theme_builder.createThemes)({
118
- componentThemes: import_theme_builder.defaultComponentThemes,
119
- base: {
120
- palette: {
121
- dark: darkPalette,
122
- light: lightPalette
123
- },
124
- // for values we don't want being inherited onto sub-themes
125
- extra: {
126
- light: {
127
- ...Colors.blue,
128
- ...Colors.gray,
129
- ...colorsGreen,
130
- ...Colors.orange,
131
- ...Colors.pink,
132
- ...Colors.purple,
133
- ...Colors.red,
134
- ...Colors.yellow,
135
- ...lightShadows,
136
- ...blackColors,
137
- ...whiteColors,
138
- shadowColor: lightShadows.shadow1,
139
- colorBg: "#fff"
140
- },
141
- dark: {
142
- ...Colors.blueDark,
143
- ...Colors.grayDark,
144
- ...colorsGreenDark,
145
- ...Colors.orangeDark,
146
- ...Colors.pinkDark,
147
- ...Colors.purpleDark,
148
- ...Colors.redDark,
149
- ...Colors.yellowDark,
150
- ...darkShadows,
151
- ...blackColors,
152
- ...whiteColors,
153
- shadowColor: darkShadows.shadow1,
154
- colorBg: "#000"
155
- }
156
- }
157
- },
158
- // inverse accent theme
159
- accent: {
160
- palette: {
161
- dark: lightPalette,
162
- light: darkPalette
163
- }
164
- },
165
- childrenThemes: {
166
- black: {
167
- palette: {
168
- dark: Object.values(blackColors),
169
- light: Object.values(blackColors)
170
- }
171
- },
172
- white: {
173
- palette: {
174
- dark: Object.values(whiteColors),
175
- light: Object.values(whiteColors)
176
- }
177
- },
178
- gray: {
179
- palette: {
180
- dark: Object.values(Colors.grayDark),
181
- light: Object.values(Colors.gray)
182
- }
183
- },
184
- blue: {
185
- palette: {
186
- dark: Object.values(Colors.blueDark),
187
- light: Object.values(Colors.blue)
188
- }
189
- },
190
- orange: {
191
- palette: {
192
- dark: Object.values(Colors.orangeDark),
193
- light: Object.values(Colors.orange)
194
- }
195
- },
196
- red: {
197
- palette: {
198
- dark: Object.values(Colors.redDark),
199
- light: Object.values(Colors.red)
200
- }
201
- },
202
- yellow: {
203
- palette: {
204
- dark: Object.values(Colors.yellowDark),
205
- light: Object.values(Colors.yellow)
206
- }
207
- },
208
- green: {
209
- palette: {
210
- dark: Object.values(colorsGreenDark),
211
- light: Object.values(colorsGreen)
212
- }
213
- },
214
- purple: {
215
- palette: {
216
- dark: Object.values(Colors.purpleDark),
217
- light: Object.values(Colors.purple)
218
- }
219
- },
220
- pink: {
221
- palette: {
222
- dark: Object.values(Colors.pinkDark),
223
- light: Object.values(Colors.pink)
224
- }
225
- },
226
- tan: {
227
- palette: {
228
- light: ["hsla(40, 30%, 98%, 1)", "hsla(40, 24%, 94%, 1)", "hsla(38, 23%, 91%, 1)", "hsla(36, 20%, 90%, 1)", "hsla(36, 20%, 88%, 1)", "hsla(35, 20%, 85%, 1)", "hsla(35, 21%, 74%, 1)", "hsla(34, 20%, 70%, 1)", "hsla(35, 20%, 67%, 1)", "hsla(34, 19%, 47%, 1)", "hsla(35, 18%, 37%, 1)", "hsla(35, 17%, 20%, 1)"],
229
- dark: ["hsla(30, 9%, 10%, 1)", "hsla(30, 10%, 12%, 1)", "hsla(31, 11%, 18%, 1)", "hsla(30, 12%, 23%, 1)", "hsla(30, 14%, 28%, 1)", "hsla(30, 16%, 33%, 1)", "hsla(30, 18%, 38%, 1)", "hsla(30, 20%, 45%, 1)", "hsla(30, 21%, 50%, 1)", "hsla(29, 22%, 58%, 1)", "hsla(34, 24%, 70%, 1)", "hsla(11, 12%, 79%, 1)"]
230
- }
231
- },
232
- jade: {
233
- palette: {
234
- dark: jadeDark,
235
- light: jadeLight
236
- }
237
- },
238
- supreme: {
239
- palette: {
240
- dark: supremeDark,
241
- light: supremeLight
242
- }
243
- },
244
- orangeRed: {
245
- palette: {
246
- dark: orangeRedDark,
247
- light: orangeRedLight
248
- }
249
- },
250
- royalBlue: {
251
- palette: {
252
- dark: royalBlueDark,
253
- light: royalBlueLight
254
- }
255
- },
256
- burgundy: {
257
- palette: {
258
- dark: burgundyDark,
259
- light: burgundyLight
260
- }
261
- },
262
- teal: {
263
- palette: {
264
- dark: tealDark,
265
- light: tealLight
266
- }
267
- },
268
- forest: {
269
- palette: {
270
- dark: forestDark,
271
- light: forestLight
272
- }
273
- },
274
- cyan: {
275
- palette: {
276
- dark: cyanDark,
277
- light: cyanLight
278
- }
279
- }
280
- },
281
- grandChildrenThemes: {
282
- accent: {
283
- template: "inverse"
284
- },
285
- alt1: {
286
- template: "alt1"
287
- },
288
- alt2: {
289
- template: "alt2"
290
- },
291
- surface1: {
292
- template: "surface1"
293
- },
294
- surface2: {
295
- template: "surface2"
296
- },
297
- surface3: {
298
- template: "surface3"
299
- }
300
- }
301
- });
302
- const themeDev = process.env.TAMAGUI_ENVIRONMENT === "client" && process.env.NODE_ENV === "production" ? {} : themes;
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}