@tamagui/themes 1.121.11 → 1.121.12-1737184001189
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/dist/cjs/generated-v4-tamagui.cjs +1217 -0
- package/dist/cjs/generated-v4-tamagui.js +1255 -0
- package/dist/cjs/generated-v4-tamagui.js.map +6 -0
- package/dist/cjs/generated-v4-tamagui.native.js +12724 -0
- package/dist/cjs/generated-v4-tamagui.native.js.map +6 -0
- package/dist/cjs/generated-v4.cjs +461 -0
- package/dist/cjs/generated-v4.js +520 -0
- package/dist/cjs/generated-v4.js.map +6 -0
- package/dist/cjs/generated-v4.native.js +5305 -0
- package/dist/cjs/generated-v4.native.js.map +6 -0
- package/dist/cjs/getThemeSuitePalettes.cjs +81 -0
- package/dist/cjs/getThemeSuitePalettes.js +63 -0
- package/dist/cjs/getThemeSuitePalettes.js.map +6 -0
- package/dist/cjs/getThemeSuitePalettes.native.js +94 -0
- package/dist/cjs/getThemeSuitePalettes.native.js.map +6 -0
- package/dist/cjs/index.cjs +10 -10
- package/dist/cjs/index.js +10 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +10 -10
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +16 -0
- package/dist/cjs/types.js +14 -0
- package/dist/cjs/types.js.map +6 -0
- package/dist/cjs/types.native.js +15 -0
- package/dist/cjs/types.native.js.map +6 -0
- package/dist/cjs/utils.cjs +40 -0
- package/dist/cjs/utils.js +37 -0
- package/dist/cjs/utils.js.map +6 -0
- package/dist/cjs/utils.native.js +49 -0
- package/dist/cjs/utils.native.js.map +6 -0
- package/dist/cjs/v3-themes.cjs +12 -27
- package/dist/cjs/v3-themes.js +10 -28
- package/dist/cjs/v3-themes.js.map +1 -1
- package/dist/cjs/v3-themes.native.js +8 -34
- package/dist/cjs/v3-themes.native.js.map +2 -2
- package/dist/cjs/v4-createTheme.cjs +257 -0
- package/dist/cjs/v4-createTheme.js +232 -0
- package/dist/cjs/v4-createTheme.js.map +6 -0
- package/dist/cjs/v4-createTheme.native.js +284 -0
- package/dist/cjs/v4-createTheme.native.js.map +6 -0
- package/dist/cjs/v4-default.cjs +102 -0
- package/dist/cjs/v4-default.js +89 -0
- package/dist/cjs/v4-default.js.map +6 -0
- package/dist/cjs/v4-default.native.js +99 -0
- package/dist/cjs/v4-default.native.js.map +6 -0
- package/dist/cjs/v4-defaultTemplates.cjs +158 -0
- package/dist/cjs/v4-defaultTemplates.js +144 -0
- package/dist/cjs/v4-defaultTemplates.js.map +6 -0
- package/dist/cjs/v4-defaultTemplates.native.js +154 -0
- package/dist/cjs/v4-defaultTemplates.native.js.map +6 -0
- package/dist/cjs/v4-tamagui-out.cjs +1217 -0
- package/dist/cjs/v4-tamagui-out.js +4075 -0
- package/dist/cjs/v4-tamagui-out.js.map +6 -0
- package/dist/cjs/v4-tamagui-out.native.js +12662 -0
- package/dist/cjs/v4-tamagui-out.native.js.map +6 -0
- package/dist/cjs/v4-tamagui.cjs +183 -0
- package/dist/cjs/v4-tamagui.js +224 -0
- package/dist/cjs/v4-tamagui.js.map +6 -0
- package/dist/cjs/v4-tamagui.native.js +228 -0
- package/dist/cjs/v4-tamagui.native.js.map +6 -0
- package/dist/cjs/v4.cjs +43 -0
- package/dist/cjs/v4.js +31 -0
- package/dist/cjs/v4.js.map +6 -0
- package/dist/cjs/v4.native.js +39 -0
- package/dist/cjs/v4.native.js.map +6 -0
- package/dist/esm/generated-v4-tamagui.js +1239 -0
- package/dist/esm/generated-v4-tamagui.js.map +6 -0
- package/dist/esm/generated-v4-tamagui.mjs +677 -0
- package/dist/esm/generated-v4-tamagui.mjs.map +1 -0
- package/dist/esm/generated-v4-tamagui.native.js +12186 -0
- package/dist/esm/generated-v4-tamagui.native.js.map +6 -0
- package/dist/esm/generated-v4.js +504 -0
- package/dist/esm/generated-v4.js.map +6 -0
- package/dist/esm/generated-v4.mjs +249 -0
- package/dist/esm/generated-v4.mjs.map +1 -0
- package/dist/esm/generated-v4.native.js +5095 -0
- package/dist/esm/generated-v4.native.js.map +6 -0
- package/dist/esm/getThemeSuitePalettes.js +47 -0
- package/dist/esm/getThemeSuitePalettes.js.map +6 -0
- package/dist/esm/getThemeSuitePalettes.mjs +57 -0
- package/dist/esm/getThemeSuitePalettes.mjs.map +1 -0
- package/dist/esm/getThemeSuitePalettes.native.js +73 -0
- package/dist/esm/getThemeSuitePalettes.native.js.map +6 -0
- package/dist/esm/types.js +1 -0
- package/dist/esm/types.js.map +6 -0
- package/dist/esm/types.mjs +2 -0
- package/dist/esm/types.mjs.map +1 -0
- package/dist/esm/types.native.js +1 -0
- package/dist/esm/types.native.js.map +6 -0
- package/dist/esm/utils.js +21 -0
- package/dist/esm/utils.js.map +6 -0
- package/dist/esm/utils.mjs +14 -0
- package/dist/esm/utils.mjs.map +1 -0
- package/dist/esm/utils.native.js +25 -0
- package/dist/esm/utils.native.js.map +6 -0
- package/dist/esm/v3-themes.js +2 -19
- package/dist/esm/v3-themes.js.map +1 -1
- package/dist/esm/v3-themes.mjs +3 -14
- package/dist/esm/v3-themes.mjs.map +1 -1
- package/dist/esm/v3-themes.native.js +2 -23
- package/dist/esm/v3-themes.native.js.map +2 -2
- package/dist/esm/v4-createTheme.js +221 -0
- package/dist/esm/v4-createTheme.js.map +6 -0
- package/dist/esm/v4-createTheme.mjs +226 -0
- package/dist/esm/v4-createTheme.mjs.map +1 -0
- package/dist/esm/v4-createTheme.native.js +261 -0
- package/dist/esm/v4-createTheme.native.js.map +6 -0
- package/dist/esm/v4-default.js +74 -0
- package/dist/esm/v4-default.js.map +6 -0
- package/dist/esm/v4-default.mjs +79 -0
- package/dist/esm/v4-default.mjs.map +1 -0
- package/dist/esm/v4-default.native.js +80 -0
- package/dist/esm/v4-default.native.js.map +6 -0
- package/dist/esm/v4-defaultTemplates.js +128 -0
- package/dist/esm/v4-defaultTemplates.js.map +6 -0
- package/dist/esm/v4-defaultTemplates.mjs +135 -0
- package/dist/esm/v4-defaultTemplates.mjs.map +1 -0
- package/dist/esm/v4-defaultTemplates.native.js +134 -0
- package/dist/esm/v4-defaultTemplates.native.js.map +6 -0
- package/dist/esm/v4-tamagui-out.js +4059 -0
- package/dist/esm/v4-tamagui-out.js.map +6 -0
- package/dist/esm/v4-tamagui-out.mjs +677 -0
- package/dist/esm/v4-tamagui-out.mjs.map +1 -0
- package/dist/esm/v4-tamagui-out.native.js +12124 -0
- package/dist/esm/v4-tamagui-out.native.js.map +6 -0
- package/dist/esm/v4-tamagui.js +226 -0
- package/dist/esm/v4-tamagui.js.map +6 -0
- package/dist/esm/v4-tamagui.mjs +160 -0
- package/dist/esm/v4-tamagui.mjs.map +1 -0
- package/dist/esm/v4-tamagui.native.js +209 -0
- package/dist/esm/v4-tamagui.native.js.map +6 -0
- package/dist/esm/v4.js +10 -0
- package/dist/esm/v4.js.map +6 -0
- package/dist/esm/v4.mjs +6 -0
- package/dist/esm/v4.mjs.map +1 -0
- package/dist/esm/v4.native.js +10 -0
- package/dist/esm/v4.native.js.map +6 -0
- package/package.json +20 -8
- package/src/generated-v4-tamagui.ts +1687 -0
- package/src/generated-v4.ts +687 -0
- package/src/getThemeSuitePalettes.ts +94 -0
- package/src/types.ts +94 -0
- package/src/utils.ts +51 -0
- package/src/v3-themes.ts +2 -53
- package/src/v4-createTheme.ts +403 -0
- package/src/v4-default.ts +88 -0
- package/src/v4-defaultTemplates.ts +165 -0
- package/src/v4-tamagui.ts +241 -0
- package/src/v4.tsx +5 -0
- package/tsconfig.json +2 -1
- package/types/generated-v4-tamagui.d.ts +665 -0
- package/types/generated-v4.d.ts +271 -0
- package/types/getThemeSuitePalettes.d.ts +7 -0
- package/types/types.d.ts +72 -0
- package/types/utils.d.ts +21 -0
- package/types/v3-themes.d.ts +0 -20
- package/types/v4-createTheme.d.ts +157 -0
- package/types/v4-default.d.ts +797 -0
- package/types/v4-defaultTemplates.d.ts +44 -0
- package/types/v4-tamagui-out.d.ts +659 -0
- package/types/v4-tamagui.d.ts +16247 -0
- package/types/v4.d.ts +5 -0
- package/v4.d.ts +1 -0
- package/v4.js +1 -0
|
@@ -0,0 +1,261 @@
|
|
|
1
|
+
import { createThemeBuilder } from "@tamagui/theme-builder";
|
|
2
|
+
import { parseToHsla } from "color2k";
|
|
3
|
+
import { getThemeSuitePalettes } from "./getThemeSuitePalettes";
|
|
4
|
+
import { defaultTemplates } from "./v4-defaultTemplates";
|
|
5
|
+
import { getThemeSuitePalettes as getThemeSuitePalettes2, PALETTE_BACKGROUND_OFFSET } from "./getThemeSuitePalettes";
|
|
6
|
+
import { defaultTemplates as defaultTemplates2 } from "./v4-defaultTemplates";
|
|
7
|
+
var defaultPalettes = createPalettes(getThemesPalettes({
|
|
8
|
+
base: {
|
|
9
|
+
palette: [
|
|
10
|
+
"#fff",
|
|
11
|
+
"#000"
|
|
12
|
+
]
|
|
13
|
+
},
|
|
14
|
+
accent: {
|
|
15
|
+
palette: [
|
|
16
|
+
"#ff0000",
|
|
17
|
+
"#ff9999"
|
|
18
|
+
]
|
|
19
|
+
}
|
|
20
|
+
}));
|
|
21
|
+
function createThemeSuite(props) {
|
|
22
|
+
var { accent, childrenThemes, grandChildrenThemes, templates = defaultTemplates, componentThemes = defaultComponentThemes } = props, builder = createSimpleThemeBuilder({
|
|
23
|
+
extra: props.base.extra,
|
|
24
|
+
componentThemes,
|
|
25
|
+
palettes: createPalettes(getThemesPalettes(props)),
|
|
26
|
+
templates,
|
|
27
|
+
accentTheme: !!accent,
|
|
28
|
+
childrenThemes: normalizeSubThemes(childrenThemes),
|
|
29
|
+
grandChildrenThemes: grandChildrenThemes ? normalizeSubThemes(grandChildrenThemes) : void 0
|
|
30
|
+
});
|
|
31
|
+
return builder.themes;
|
|
32
|
+
}
|
|
33
|
+
function normalizeSubThemes(defs) {
|
|
34
|
+
return Object.fromEntries(Object.entries(defs || {}).map(function(param) {
|
|
35
|
+
var [name, value] = param;
|
|
36
|
+
return [
|
|
37
|
+
name,
|
|
38
|
+
{
|
|
39
|
+
palette: name,
|
|
40
|
+
template: value.template || "base"
|
|
41
|
+
}
|
|
42
|
+
];
|
|
43
|
+
}));
|
|
44
|
+
}
|
|
45
|
+
function createSimpleThemeBuilder(props) {
|
|
46
|
+
var { extra, childrenThemes = null, grandChildrenThemes = null, templates = defaultTemplates, palettes = defaultPalettes, componentThemes = templates === defaultTemplates ? defaultComponentThemes : void 0 } = props, themeBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addThemes({
|
|
47
|
+
light: {
|
|
48
|
+
template: "base",
|
|
49
|
+
palette: "light",
|
|
50
|
+
nonInheritedValues: extra?.light
|
|
51
|
+
},
|
|
52
|
+
dark: {
|
|
53
|
+
template: "base",
|
|
54
|
+
palette: "dark",
|
|
55
|
+
nonInheritedValues: extra?.dark
|
|
56
|
+
}
|
|
57
|
+
}).addChildThemes(palettes.light_accent ? {
|
|
58
|
+
accent: [
|
|
59
|
+
{
|
|
60
|
+
parent: "light",
|
|
61
|
+
template: "base",
|
|
62
|
+
palette: "light_accent"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
parent: "dark",
|
|
66
|
+
template: "base",
|
|
67
|
+
palette: "dark_accent"
|
|
68
|
+
}
|
|
69
|
+
]
|
|
70
|
+
} : {});
|
|
71
|
+
return childrenThemes && (themeBuilder = themeBuilder.addChildThemes(childrenThemes, {
|
|
72
|
+
avoidNestingWithin: [
|
|
73
|
+
"accent"
|
|
74
|
+
]
|
|
75
|
+
})), grandChildrenThemes && (themeBuilder = themeBuilder.addChildThemes(grandChildrenThemes, {
|
|
76
|
+
avoidNestingWithin: [
|
|
77
|
+
"accent"
|
|
78
|
+
]
|
|
79
|
+
})), componentThemes && (themeBuilder = themeBuilder.addComponentThemes(getComponentThemes(componentThemes), {
|
|
80
|
+
avoidNestingWithin: [
|
|
81
|
+
// ...Object.keys(childrenThemes || {}),
|
|
82
|
+
...Object.keys(grandChildrenThemes || {})
|
|
83
|
+
]
|
|
84
|
+
})), {
|
|
85
|
+
themeBuilder,
|
|
86
|
+
themes: themeBuilder.build()
|
|
87
|
+
};
|
|
88
|
+
}
|
|
89
|
+
function createThemes(props) {
|
|
90
|
+
var palettes = createPalettes(props.palettes);
|
|
91
|
+
return createSimpleThemeBuilder({
|
|
92
|
+
palettes,
|
|
93
|
+
templates: props.templates,
|
|
94
|
+
componentThemes: defaultComponentThemes
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
function getSchemePalette(colors) {
|
|
98
|
+
return {
|
|
99
|
+
light: colors,
|
|
100
|
+
dark: colors.toReversed()
|
|
101
|
+
};
|
|
102
|
+
}
|
|
103
|
+
function getAnchors(palette) {
|
|
104
|
+
var maxIndex = 11, numItems = palette.light.length, anchors = palette.light.map(function(lcolor, index) {
|
|
105
|
+
var dcolor = palette.dark[index], [lhue, lsat, llum] = parseToHsla(lcolor), [dhue, dsat, dlum] = parseToHsla(dcolor);
|
|
106
|
+
return {
|
|
107
|
+
index: spreadIndex(maxIndex, numItems, index),
|
|
108
|
+
hue: {
|
|
109
|
+
light: lhue,
|
|
110
|
+
dark: dhue
|
|
111
|
+
},
|
|
112
|
+
sat: {
|
|
113
|
+
light: lsat,
|
|
114
|
+
dark: dsat
|
|
115
|
+
},
|
|
116
|
+
lum: {
|
|
117
|
+
light: llum,
|
|
118
|
+
dark: dlum
|
|
119
|
+
}
|
|
120
|
+
};
|
|
121
|
+
});
|
|
122
|
+
return anchors;
|
|
123
|
+
}
|
|
124
|
+
function spreadIndex(maxIndex, numItems, index) {
|
|
125
|
+
return Math.round(index / (numItems - 1) * maxIndex);
|
|
126
|
+
}
|
|
127
|
+
function coerceSimplePaletteToSchemePalette(def) {
|
|
128
|
+
return Array.isArray(def) ? getSchemePalette(def) : def;
|
|
129
|
+
}
|
|
130
|
+
function getThemesPalettes(props) {
|
|
131
|
+
var base = coerceSimplePaletteToSchemePalette(props.base.palette), accent = props.accent ? coerceSimplePaletteToSchemePalette(props.accent.palette) : null, baseAnchors = getAnchors(base);
|
|
132
|
+
function getSubThemesPalettes(defs) {
|
|
133
|
+
return Object.fromEntries(Object.entries(defs).map(function(param) {
|
|
134
|
+
var [key, value] = param;
|
|
135
|
+
return [
|
|
136
|
+
key,
|
|
137
|
+
{
|
|
138
|
+
name: key,
|
|
139
|
+
anchors: value.palette ? getAnchors(coerceSimplePaletteToSchemePalette(value.palette)) : baseAnchors
|
|
140
|
+
}
|
|
141
|
+
];
|
|
142
|
+
}));
|
|
143
|
+
}
|
|
144
|
+
return {
|
|
145
|
+
base: {
|
|
146
|
+
name: "base",
|
|
147
|
+
anchors: baseAnchors
|
|
148
|
+
},
|
|
149
|
+
...accent && {
|
|
150
|
+
accent: {
|
|
151
|
+
name: "accent",
|
|
152
|
+
anchors: getAnchors(accent)
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
...props.childrenThemes && getSubThemesPalettes(props.childrenThemes),
|
|
156
|
+
...props.grandChildrenThemes && getSubThemesPalettes(props.grandChildrenThemes)
|
|
157
|
+
};
|
|
158
|
+
}
|
|
159
|
+
var getComponentThemes = function(components) {
|
|
160
|
+
return Object.fromEntries(Object.entries(components).map(function(param) {
|
|
161
|
+
var [componentName, { template }] = param;
|
|
162
|
+
return [
|
|
163
|
+
componentName,
|
|
164
|
+
{
|
|
165
|
+
parent: "",
|
|
166
|
+
template: template || "base"
|
|
167
|
+
}
|
|
168
|
+
];
|
|
169
|
+
}));
|
|
170
|
+
}, defaultComponentThemes = {
|
|
171
|
+
ListItem: {
|
|
172
|
+
template: "surface1"
|
|
173
|
+
},
|
|
174
|
+
SelectTrigger: {
|
|
175
|
+
template: "surface1"
|
|
176
|
+
},
|
|
177
|
+
Card: {
|
|
178
|
+
template: "surface1"
|
|
179
|
+
},
|
|
180
|
+
Button: {
|
|
181
|
+
template: "surface3"
|
|
182
|
+
},
|
|
183
|
+
Checkbox: {
|
|
184
|
+
template: "surface2"
|
|
185
|
+
},
|
|
186
|
+
Switch: {
|
|
187
|
+
template: "surface2"
|
|
188
|
+
},
|
|
189
|
+
SwitchThumb: {
|
|
190
|
+
template: "inverse"
|
|
191
|
+
},
|
|
192
|
+
TooltipContent: {
|
|
193
|
+
template: "surface2"
|
|
194
|
+
},
|
|
195
|
+
Progress: {
|
|
196
|
+
template: "surface1"
|
|
197
|
+
},
|
|
198
|
+
RadioGroupItem: {
|
|
199
|
+
template: "surface2"
|
|
200
|
+
},
|
|
201
|
+
TooltipArrow: {
|
|
202
|
+
template: "surface1"
|
|
203
|
+
},
|
|
204
|
+
SliderTrackActive: {
|
|
205
|
+
template: "surface3"
|
|
206
|
+
},
|
|
207
|
+
SliderTrack: {
|
|
208
|
+
template: "surface1"
|
|
209
|
+
},
|
|
210
|
+
SliderThumb: {
|
|
211
|
+
template: "inverse"
|
|
212
|
+
},
|
|
213
|
+
Tooltip: {
|
|
214
|
+
template: "inverse"
|
|
215
|
+
},
|
|
216
|
+
ProgressIndicator: {
|
|
217
|
+
template: "inverse"
|
|
218
|
+
},
|
|
219
|
+
Input: {
|
|
220
|
+
template: "surface1"
|
|
221
|
+
},
|
|
222
|
+
TextArea: {
|
|
223
|
+
template: "surface1"
|
|
224
|
+
}
|
|
225
|
+
};
|
|
226
|
+
function createPalettes(palettes) {
|
|
227
|
+
var accentPalettes = palettes.accent ? getThemeSuitePalettes(palettes.accent) : null, basePalettes = getThemeSuitePalettes(palettes.base), next = Object.fromEntries(Object.entries(palettes).flatMap(function(param) {
|
|
228
|
+
var [name, palette] = param, _$palettes = getThemeSuitePalettes(palette), isAccent = name.startsWith("accent"), oppositePalettes = isAccent ? basePalettes : accentPalettes, oppositeLight = oppositePalettes.light, oppositeDark = oppositePalettes.dark, bgOffset = 7, out = [
|
|
229
|
+
[
|
|
230
|
+
name === "base" ? "light" : `light_${name}`,
|
|
231
|
+
[
|
|
232
|
+
oppositeLight[bgOffset],
|
|
233
|
+
..._$palettes.light,
|
|
234
|
+
oppositeLight[oppositeLight.length - bgOffset - 1]
|
|
235
|
+
]
|
|
236
|
+
],
|
|
237
|
+
[
|
|
238
|
+
name === "base" ? "dark" : `dark_${name}`,
|
|
239
|
+
[
|
|
240
|
+
oppositeDark[oppositeDark.length - bgOffset - 1],
|
|
241
|
+
..._$palettes.dark,
|
|
242
|
+
oppositeDark[bgOffset]
|
|
243
|
+
]
|
|
244
|
+
]
|
|
245
|
+
];
|
|
246
|
+
return out;
|
|
247
|
+
}));
|
|
248
|
+
return next;
|
|
249
|
+
}
|
|
250
|
+
export {
|
|
251
|
+
PALETTE_BACKGROUND_OFFSET,
|
|
252
|
+
createPalettes,
|
|
253
|
+
createSimpleThemeBuilder,
|
|
254
|
+
createThemeSuite,
|
|
255
|
+
createThemes,
|
|
256
|
+
defaultComponentThemes,
|
|
257
|
+
defaultTemplates2 as defaultTemplates,
|
|
258
|
+
getComponentThemes,
|
|
259
|
+
getThemeSuitePalettes2 as getThemeSuitePalettes
|
|
260
|
+
};
|
|
261
|
+
//# sourceMappingURL=v4-createTheme.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/core/themes/src/v4-createTheme.ts"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["createThemeBuilder", "parseToHsla", "getThemeSuitePalettes", "defaultTemplates", "PALETTE_BACKGROUND_OFFSET", "defaultPalettes", "createPalettes", "getThemesPalettes", "base", "palette", "accent", "createThemeSuite", "props", "childrenThemes", "grandChildrenThemes", "templates", "componentThemes", "defaultComponentThemes", "builder", "createSimpleThemeBuilder", "extra", "palettes", "accentTheme", "normalizeSubThemes", "undefined", "themes", "defs", "Object", "fromEntries", "entries", "map", "name", "value", "template", "themeBuilder", "addPalettes", "addTemplates", "addThemes", "light", "nonInheritedValues", "dark", "addChildThemes", "light_accent", "parent", "avoidNestingWithin", "addComponentThemes", "getComponentThemes", "keys", "build", "createThemes", "getSchemePalette", "colors", "toReversed", "getAnchors", "maxIndex", "numItems", "length", "anchors", "lcolor", "index", "dcolor", "lhue", "lsat", "llum", "dhue", "dsat", "dlum", "spreadIndex", "hue", "sat", "lum", "Math", "round", "coerceSimplePaletteToSchemePalette", "def", "Array", "isArray", "baseAnchors", "getSubThemesPalettes", "key", "components", "componentName", "ListItem", "SelectTrigger", "Card", "Button", "Checkbox", "Switch", "SwitchThumb", "TooltipContent", "Progress", "RadioGroupItem", "TooltipArrow", "SliderTrackActive", "SliderTrack", "SliderThumb", "Tooltip", "ProgressIndicator", "Input", "TextArea", "accentPalettes", "basePalettes", "next", "flatMap", "isAccent", "startsWith", "oppositePalettes", "oppositeLight", "oppositeDark", "bgOffset", "out"]
|
|
6
|
+
}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { green, greenDark, red, redDark, yellow, yellowDark } from "@tamagui/colors";
|
|
2
|
+
import { createThemeSuite } from "./v4-createTheme";
|
|
3
|
+
const colorTokens = {
|
|
4
|
+
light: {
|
|
5
|
+
green,
|
|
6
|
+
red,
|
|
7
|
+
yellow
|
|
8
|
+
},
|
|
9
|
+
dark: {
|
|
10
|
+
green: greenDark,
|
|
11
|
+
red: redDark,
|
|
12
|
+
yellow: yellowDark
|
|
13
|
+
}
|
|
14
|
+
}, lightShadowColor = "rgba(0,0,0,0.04)", lightShadowColorStrong = "rgba(0,0,0,0.085)", darkShadowColor = "rgba(0,0,0,0.2)", darkShadowColorStrong = "rgba(0,0,0,0.3)", darkPalette = ["#050505", "#fff"], lightPalette = ["#fff", "hsl(0, 0%, 9.0%)"], defaultThemes = createThemeSuite({
|
|
15
|
+
base: {
|
|
16
|
+
palette: {
|
|
17
|
+
dark: darkPalette,
|
|
18
|
+
light: lightPalette
|
|
19
|
+
},
|
|
20
|
+
// we set a bunch of colors like $red1 => $red12
|
|
21
|
+
// we only want to set it on the base light/dark theme not all sub-themes
|
|
22
|
+
extra: {
|
|
23
|
+
light: {
|
|
24
|
+
...colorTokens.light.green,
|
|
25
|
+
...colorTokens.light.red,
|
|
26
|
+
...colorTokens.light.yellow,
|
|
27
|
+
shadowColor: lightShadowColorStrong,
|
|
28
|
+
shadowColorHover: lightShadowColorStrong,
|
|
29
|
+
shadowColorPress: lightShadowColor,
|
|
30
|
+
shadowColorFocus: lightShadowColor
|
|
31
|
+
},
|
|
32
|
+
dark: {
|
|
33
|
+
...colorTokens.dark.green,
|
|
34
|
+
...colorTokens.dark.red,
|
|
35
|
+
...colorTokens.dark.yellow,
|
|
36
|
+
shadowColor: darkShadowColorStrong,
|
|
37
|
+
shadowColorHover: darkShadowColorStrong,
|
|
38
|
+
shadowColorPress: darkShadowColor,
|
|
39
|
+
shadowColorFocus: darkShadowColor
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
accent: {
|
|
44
|
+
palette: {
|
|
45
|
+
dark: lightPalette,
|
|
46
|
+
light: darkPalette
|
|
47
|
+
},
|
|
48
|
+
template: "inverse"
|
|
49
|
+
},
|
|
50
|
+
childrenThemes: {
|
|
51
|
+
error: {
|
|
52
|
+
palette: {
|
|
53
|
+
dark: Object.values(colorTokens.dark.red),
|
|
54
|
+
light: Object.values(colorTokens.light.red)
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
warning: {
|
|
58
|
+
palette: {
|
|
59
|
+
dark: Object.values(colorTokens.dark.yellow),
|
|
60
|
+
light: Object.values(colorTokens.light.yellow)
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
success: {
|
|
64
|
+
palette: {
|
|
65
|
+
dark: Object.values(colorTokens.dark.green),
|
|
66
|
+
light: Object.values(colorTokens.light.green)
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
export {
|
|
72
|
+
defaultThemes
|
|
73
|
+
};
|
|
74
|
+
//# sourceMappingURL=v4-default.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/v4-default.ts"],
|
|
4
|
+
"mappings": "AAAA,SAAS,OAAO,WAAW,KAAK,SAAS,QAAQ,kBAAkB;AACnE,SAAS,wBAAwB;AAEjC,MAAM,cAAc;AAAA,EAClB,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACF,GAEM,mBAAmB,oBACnB,yBAAyB,qBACzB,kBAAkB,mBAClB,wBAAwB,mBAExB,cAAc,CAAC,WAAW,MAAM,GAChC,eAAe,CAAC,QAAQ,kBAAkB,GAMnC,gBAAgB,iBAAiB;AAAA,EAC5C,MAAM;AAAA,IACJ,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA;AAAA;AAAA,IAIA,OAAO;AAAA,MACL,OAAO;AAAA,QACL,GAAG,YAAY,MAAM;AAAA,QACrB,GAAG,YAAY,MAAM;AAAA,QACrB,GAAG,YAAY,MAAM;AAAA,QACrB,aAAa;AAAA,QACb,kBAAkB;AAAA,QAClB,kBAAkB;AAAA,QAClB,kBAAkB;AAAA,MACpB;AAAA,MACA,MAAM;AAAA,QACJ,GAAG,YAAY,KAAK;AAAA,QACpB,GAAG,YAAY,KAAK;AAAA,QACpB,GAAG,YAAY,KAAK;AAAA,QACpB,aAAa;AAAA,QACb,kBAAkB;AAAA,QAClB,kBAAkB;AAAA,QAClB,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,UAAU;AAAA,EACZ;AAAA,EAEA,gBAAgB;AAAA,IACd,OAAO;AAAA,MACL,SAAS;AAAA,QACP,MAAM,OAAO,OAAO,YAAY,KAAK,GAAG;AAAA,QACxC,OAAO,OAAO,OAAO,YAAY,MAAM,GAAG;AAAA,MAC5C;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,QACP,MAAM,OAAO,OAAO,YAAY,KAAK,MAAM;AAAA,QAC3C,OAAO,OAAO,OAAO,YAAY,MAAM,MAAM;AAAA,MAC/C;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,QACP,MAAM,OAAO,OAAO,YAAY,KAAK,KAAK;AAAA,QAC1C,OAAO,OAAO,OAAO,YAAY,MAAM,KAAK;AAAA,MAC9C;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { green, greenDark, red, redDark, yellow, yellowDark } from "@tamagui/colors";
|
|
2
|
+
import { createThemeSuite } from "./v4-createTheme.mjs";
|
|
3
|
+
const colorTokens = {
|
|
4
|
+
light: {
|
|
5
|
+
green,
|
|
6
|
+
red,
|
|
7
|
+
yellow
|
|
8
|
+
},
|
|
9
|
+
dark: {
|
|
10
|
+
green: greenDark,
|
|
11
|
+
red: redDark,
|
|
12
|
+
yellow: yellowDark
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
lightShadowColor = "rgba(0,0,0,0.04)",
|
|
16
|
+
lightShadowColorStrong = "rgba(0,0,0,0.085)",
|
|
17
|
+
darkShadowColor = "rgba(0,0,0,0.2)",
|
|
18
|
+
darkShadowColorStrong = "rgba(0,0,0,0.3)",
|
|
19
|
+
darkPalette = ["#050505", "#fff"],
|
|
20
|
+
lightPalette = ["#fff", "hsl(0, 0%, 9.0%)"],
|
|
21
|
+
defaultThemes = createThemeSuite({
|
|
22
|
+
base: {
|
|
23
|
+
palette: {
|
|
24
|
+
dark: darkPalette,
|
|
25
|
+
light: lightPalette
|
|
26
|
+
},
|
|
27
|
+
// we set a bunch of colors like $red1 => $red12
|
|
28
|
+
// we only want to set it on the base light/dark theme not all sub-themes
|
|
29
|
+
extra: {
|
|
30
|
+
light: {
|
|
31
|
+
...colorTokens.light.green,
|
|
32
|
+
...colorTokens.light.red,
|
|
33
|
+
...colorTokens.light.yellow,
|
|
34
|
+
shadowColor: lightShadowColorStrong,
|
|
35
|
+
shadowColorHover: lightShadowColorStrong,
|
|
36
|
+
shadowColorPress: lightShadowColor,
|
|
37
|
+
shadowColorFocus: lightShadowColor
|
|
38
|
+
},
|
|
39
|
+
dark: {
|
|
40
|
+
...colorTokens.dark.green,
|
|
41
|
+
...colorTokens.dark.red,
|
|
42
|
+
...colorTokens.dark.yellow,
|
|
43
|
+
shadowColor: darkShadowColorStrong,
|
|
44
|
+
shadowColorHover: darkShadowColorStrong,
|
|
45
|
+
shadowColorPress: darkShadowColor,
|
|
46
|
+
shadowColorFocus: darkShadowColor
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
accent: {
|
|
51
|
+
palette: {
|
|
52
|
+
dark: lightPalette,
|
|
53
|
+
light: darkPalette
|
|
54
|
+
},
|
|
55
|
+
template: "inverse"
|
|
56
|
+
},
|
|
57
|
+
childrenThemes: {
|
|
58
|
+
error: {
|
|
59
|
+
palette: {
|
|
60
|
+
dark: Object.values(colorTokens.dark.red),
|
|
61
|
+
light: Object.values(colorTokens.light.red)
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
warning: {
|
|
65
|
+
palette: {
|
|
66
|
+
dark: Object.values(colorTokens.dark.yellow),
|
|
67
|
+
light: Object.values(colorTokens.light.yellow)
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
success: {
|
|
71
|
+
palette: {
|
|
72
|
+
dark: Object.values(colorTokens.dark.green),
|
|
73
|
+
light: Object.values(colorTokens.light.green)
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
export { defaultThemes };
|
|
79
|
+
//# sourceMappingURL=v4-default.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["green","greenDark","red","redDark","yellow","yellowDark","createThemeSuite","colorTokens","light","dark","lightShadowColor","lightShadowColorStrong","darkShadowColor","darkShadowColorStrong","darkPalette","lightPalette","defaultThemes","base","palette","extra","shadowColor","shadowColorHover","shadowColorPress","shadowColorFocus","accent","template","childrenThemes","error","Object","values","warning","success"],"sources":["../../src/v4-default.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,EAAOC,SAAA,EAAWC,GAAA,EAAKC,OAAA,EAASC,MAAA,EAAQC,UAAA,QAAkB;AACnE,SAASC,gBAAA,QAAwB;AAEjC,MAAMC,WAAA,GAAc;IAClBC,KAAA,EAAO;MACLR,KAAA;MACAE,GAAA;MACAE;IACF;IACAK,IAAA,EAAM;MACJT,KAAA,EAAOC,SAAA;MACPC,GAAA,EAAKC,OAAA;MACLC,MAAA,EAAQC;IACV;EACF;EAEMK,gBAAA,GAAmB;EACnBC,sBAAA,GAAyB;EACzBC,eAAA,GAAkB;EAClBC,qBAAA,GAAwB;EAExBC,WAAA,GAAc,CAAC,WAAW,MAAM;EAChCC,YAAA,GAAe,CAAC,QAAQ,kBAAkB;EAMnCC,aAAA,GAAgBV,gBAAA,CAAiB;IAC5CW,IAAA,EAAM;MACJC,OAAA,EAAS;QACPT,IAAA,EAAMK,WAAA;QACNN,KAAA,EAAOO;MACT;MAAA;MAAA;MAIAI,KAAA,EAAO;QACLX,KAAA,EAAO;UACL,GAAGD,WAAA,CAAYC,KAAA,CAAMR,KAAA;UACrB,GAAGO,WAAA,CAAYC,KAAA,CAAMN,GAAA;UACrB,GAAGK,WAAA,CAAYC,KAAA,CAAMJ,MAAA;UACrBgB,WAAA,EAAaT,sBAAA;UACbU,gBAAA,EAAkBV,sBAAA;UAClBW,gBAAA,EAAkBZ,gBAAA;UAClBa,gBAAA,EAAkBb;QACpB;QACAD,IAAA,EAAM;UACJ,GAAGF,WAAA,CAAYE,IAAA,CAAKT,KAAA;UACpB,GAAGO,WAAA,CAAYE,IAAA,CAAKP,GAAA;UACpB,GAAGK,WAAA,CAAYE,IAAA,CAAKL,MAAA;UACpBgB,WAAA,EAAaP,qBAAA;UACbQ,gBAAA,EAAkBR,qBAAA;UAClBS,gBAAA,EAAkBV,eAAA;UAClBW,gBAAA,EAAkBX;QACpB;MACF;IACF;IAEAY,MAAA,EAAQ;MACNN,OAAA,EAAS;QACPT,IAAA,EAAMM,YAAA;QACNP,KAAA,EAAOM;MACT;MACAW,QAAA,EAAU;IACZ;IAEAC,cAAA,EAAgB;MACdC,KAAA,EAAO;QACLT,OAAA,EAAS;UACPT,IAAA,EAAMmB,MAAA,CAAOC,MAAA,CAAOtB,WAAA,CAAYE,IAAA,CAAKP,GAAG;UACxCM,KAAA,EAAOoB,MAAA,CAAOC,MAAA,CAAOtB,WAAA,CAAYC,KAAA,CAAMN,GAAG;QAC5C;MACF;MACA4B,OAAA,EAAS;QACPZ,OAAA,EAAS;UACPT,IAAA,EAAMmB,MAAA,CAAOC,MAAA,CAAOtB,WAAA,CAAYE,IAAA,CAAKL,MAAM;UAC3CI,KAAA,EAAOoB,MAAA,CAAOC,MAAA,CAAOtB,WAAA,CAAYC,KAAA,CAAMJ,MAAM;QAC/C;MACF;MACA2B,OAAA,EAAS;QACPb,OAAA,EAAS;UACPT,IAAA,EAAMmB,MAAA,CAAOC,MAAA,CAAOtB,WAAA,CAAYE,IAAA,CAAKT,KAAK;UAC1CQ,KAAA,EAAOoB,MAAA,CAAOC,MAAA,CAAOtB,WAAA,CAAYC,KAAA,CAAMR,KAAK;QAC9C;MACF;IACF;EACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { green, greenDark, red, redDark, yellow, yellowDark } from "@tamagui/colors";
|
|
2
|
+
import { createThemeSuite } from "./v4-createTheme";
|
|
3
|
+
var colorTokens = {
|
|
4
|
+
light: {
|
|
5
|
+
green,
|
|
6
|
+
red,
|
|
7
|
+
yellow
|
|
8
|
+
},
|
|
9
|
+
dark: {
|
|
10
|
+
green: greenDark,
|
|
11
|
+
red: redDark,
|
|
12
|
+
yellow: yellowDark
|
|
13
|
+
}
|
|
14
|
+
}, lightShadowColor = "rgba(0,0,0,0.04)", lightShadowColorStrong = "rgba(0,0,0,0.085)", darkShadowColor = "rgba(0,0,0,0.2)", darkShadowColorStrong = "rgba(0,0,0,0.3)", darkPalette = [
|
|
15
|
+
"#050505",
|
|
16
|
+
"#fff"
|
|
17
|
+
], lightPalette = [
|
|
18
|
+
"#fff",
|
|
19
|
+
"hsl(0, 0%, 9.0%)"
|
|
20
|
+
], defaultThemes = createThemeSuite({
|
|
21
|
+
base: {
|
|
22
|
+
palette: {
|
|
23
|
+
dark: darkPalette,
|
|
24
|
+
light: lightPalette
|
|
25
|
+
},
|
|
26
|
+
// we set a bunch of colors like $red1 => $red12
|
|
27
|
+
// we only want to set it on the base light/dark theme not all sub-themes
|
|
28
|
+
extra: {
|
|
29
|
+
light: {
|
|
30
|
+
...colorTokens.light.green,
|
|
31
|
+
...colorTokens.light.red,
|
|
32
|
+
...colorTokens.light.yellow,
|
|
33
|
+
shadowColor: lightShadowColorStrong,
|
|
34
|
+
shadowColorHover: lightShadowColorStrong,
|
|
35
|
+
shadowColorPress: lightShadowColor,
|
|
36
|
+
shadowColorFocus: lightShadowColor
|
|
37
|
+
},
|
|
38
|
+
dark: {
|
|
39
|
+
...colorTokens.dark.green,
|
|
40
|
+
...colorTokens.dark.red,
|
|
41
|
+
...colorTokens.dark.yellow,
|
|
42
|
+
shadowColor: darkShadowColorStrong,
|
|
43
|
+
shadowColorHover: darkShadowColorStrong,
|
|
44
|
+
shadowColorPress: darkShadowColor,
|
|
45
|
+
shadowColorFocus: darkShadowColor
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
accent: {
|
|
50
|
+
palette: {
|
|
51
|
+
dark: lightPalette,
|
|
52
|
+
light: darkPalette
|
|
53
|
+
},
|
|
54
|
+
template: "inverse"
|
|
55
|
+
},
|
|
56
|
+
childrenThemes: {
|
|
57
|
+
error: {
|
|
58
|
+
palette: {
|
|
59
|
+
dark: Object.values(colorTokens.dark.red),
|
|
60
|
+
light: Object.values(colorTokens.light.red)
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
warning: {
|
|
64
|
+
palette: {
|
|
65
|
+
dark: Object.values(colorTokens.dark.yellow),
|
|
66
|
+
light: Object.values(colorTokens.light.yellow)
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
success: {
|
|
70
|
+
palette: {
|
|
71
|
+
dark: Object.values(colorTokens.dark.green),
|
|
72
|
+
light: Object.values(colorTokens.light.green)
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
export {
|
|
78
|
+
defaultThemes
|
|
79
|
+
};
|
|
80
|
+
//# sourceMappingURL=v4-default.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/core/themes/src/v4-default.ts"],
|
|
4
|
+
"mappings": "AAAA,SAASA,OAAOC,WAAWC,KAAKC,SAASC,QAAQC,kBAAkB;AACnE,SAASC,wBAAwB;AAEjC,IAAMC,cAAc;EAClBC,OAAO;IACLR;IACAE;IACAE;EACF;EACAK,MAAM;IACJT,OAAOC;IACPC,KAAKC;IACLC,QAAQC;EACV;AACF,GAEMK,mBAAmB,oBACnBC,yBAAyB,qBACzBC,kBAAkB,mBAClBC,wBAAwB,mBAExBC,cAAc;EAAC;EAAW;GAC1BC,eAAe;EAAC;EAAQ;GAMjBC,gBAAgBV,iBAAiB;EAC5CW,MAAM;IACJC,SAAS;MACPT,MAAMK;MACNN,OAAOO;IACT;;;IAIAI,OAAO;MACLX,OAAO;QACL,GAAGD,YAAYC,MAAMR;QACrB,GAAGO,YAAYC,MAAMN;QACrB,GAAGK,YAAYC,MAAMJ;QACrBgB,aAAaT;QACbU,kBAAkBV;QAClBW,kBAAkBZ;QAClBa,kBAAkBb;MACpB;MACAD,MAAM;QACJ,GAAGF,YAAYE,KAAKT;QACpB,GAAGO,YAAYE,KAAKP;QACpB,GAAGK,YAAYE,KAAKL;QACpBgB,aAAaP;QACbQ,kBAAkBR;QAClBS,kBAAkBV;QAClBW,kBAAkBX;MACpB;IACF;EACF;EAEAY,QAAQ;IACNN,SAAS;MACPT,MAAMM;MACNP,OAAOM;IACT;IACAW,UAAU;EACZ;EAEAC,gBAAgB;IACdC,OAAO;MACLT,SAAS;QACPT,MAAMmB,OAAOC,OAAOtB,YAAYE,KAAKP,GAAG;QACxCM,OAAOoB,OAAOC,OAAOtB,YAAYC,MAAMN,GAAG;MAC5C;IACF;IACA4B,SAAS;MACPZ,SAAS;QACPT,MAAMmB,OAAOC,OAAOtB,YAAYE,KAAKL,MAAM;QAC3CI,OAAOoB,OAAOC,OAAOtB,YAAYC,MAAMJ,MAAM;MAC/C;IACF;IACA2B,SAAS;MACPb,SAAS;QACPT,MAAMmB,OAAOC,OAAOtB,YAAYE,KAAKT,KAAK;QAC1CQ,OAAOoB,OAAOC,OAAOtB,YAAYC,MAAMR,KAAK;MAC9C;IACF;EACF;AACF,CAAA;",
|
|
5
|
+
"names": ["green", "greenDark", "red", "redDark", "yellow", "yellowDark", "createThemeSuite", "colorTokens", "light", "dark", "lightShadowColor", "lightShadowColorStrong", "darkShadowColor", "darkShadowColorStrong", "darkPalette", "lightPalette", "defaultThemes", "base", "palette", "extra", "shadowColor", "shadowColorHover", "shadowColorPress", "shadowColorFocus", "accent", "template", "childrenThemes", "error", "Object", "values", "warning", "success"]
|
|
6
|
+
}
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import { objectFromEntries, objectKeys } from "./helpers";
|
|
2
|
+
const lightShadowColor = "rgba(0,0,0,0.04)", lightShadowColorStrong = "rgba(0,0,0,0.085)", darkShadowColor = "rgba(0,0,0,0.2)", darkShadowColorStrong = "rgba(0,0,0,0.3)", shadows = {
|
|
3
|
+
light: {
|
|
4
|
+
shadowColor: lightShadowColorStrong,
|
|
5
|
+
shadowColorHover: lightShadowColorStrong,
|
|
6
|
+
shadowColorPress: lightShadowColor,
|
|
7
|
+
shadowColorFocus: lightShadowColor
|
|
8
|
+
},
|
|
9
|
+
dark: {
|
|
10
|
+
shadowColor: darkShadowColorStrong,
|
|
11
|
+
shadowColorHover: darkShadowColorStrong,
|
|
12
|
+
shadowColorPress: darkShadowColor,
|
|
13
|
+
shadowColorFocus: darkShadowColor
|
|
14
|
+
}
|
|
15
|
+
}, getTemplates = () => {
|
|
16
|
+
const lightTemplates = getBaseTemplates("light"), darkTemplates = getBaseTemplates("dark");
|
|
17
|
+
return {
|
|
18
|
+
...objectFromEntries(
|
|
19
|
+
objectKeys(lightTemplates).map(
|
|
20
|
+
(name) => [`light_${name}`, lightTemplates[name]]
|
|
21
|
+
)
|
|
22
|
+
),
|
|
23
|
+
...objectFromEntries(
|
|
24
|
+
objectKeys(darkTemplates).map(
|
|
25
|
+
(name) => [`dark_${name}`, darkTemplates[name]]
|
|
26
|
+
)
|
|
27
|
+
)
|
|
28
|
+
};
|
|
29
|
+
}, getBaseTemplates = (scheme) => {
|
|
30
|
+
const isLight = scheme === "light", bgIndex = 5, lighten = isLight ? -1 : 1, darken = -lighten, borderColor = bgIndex + 3, base = {
|
|
31
|
+
accentBackground: 0,
|
|
32
|
+
accentColor: -0,
|
|
33
|
+
...isLight ? shadows.light : shadows.dark,
|
|
34
|
+
background0: 1,
|
|
35
|
+
background025: 2,
|
|
36
|
+
background05: 3,
|
|
37
|
+
background075: 4,
|
|
38
|
+
color1: bgIndex,
|
|
39
|
+
color2: bgIndex + 1,
|
|
40
|
+
color3: bgIndex + 2,
|
|
41
|
+
color4: bgIndex + 3,
|
|
42
|
+
color5: bgIndex + 4,
|
|
43
|
+
color6: bgIndex + 5,
|
|
44
|
+
color7: bgIndex + 6,
|
|
45
|
+
color8: bgIndex + 7,
|
|
46
|
+
color9: bgIndex + 8,
|
|
47
|
+
color10: bgIndex + 9,
|
|
48
|
+
color11: bgIndex + 10,
|
|
49
|
+
color12: bgIndex + 11,
|
|
50
|
+
color0: -1,
|
|
51
|
+
color025: -2,
|
|
52
|
+
color05: -3,
|
|
53
|
+
color075: -4,
|
|
54
|
+
// the background, color, etc keys here work like generics - they make it so you
|
|
55
|
+
// can publish components for others to use without mandating a specific color scale
|
|
56
|
+
// the @tamagui/button Button component looks for `$background`, so you set the
|
|
57
|
+
// dark_red_Button theme to have a stronger background than the dark_red theme.
|
|
58
|
+
background: bgIndex,
|
|
59
|
+
backgroundHover: bgIndex + lighten,
|
|
60
|
+
// always lighten on hover no matter the scheme
|
|
61
|
+
backgroundPress: bgIndex + darken,
|
|
62
|
+
// always darken on press no matter the theme
|
|
63
|
+
backgroundFocus: bgIndex + darken,
|
|
64
|
+
borderColor,
|
|
65
|
+
borderColorHover: borderColor + lighten,
|
|
66
|
+
borderColorPress: borderColor + darken,
|
|
67
|
+
borderColorFocus: borderColor,
|
|
68
|
+
color: -bgIndex,
|
|
69
|
+
colorHover: -bgIndex - 1,
|
|
70
|
+
colorPress: -bgIndex,
|
|
71
|
+
colorFocus: -bgIndex - 1,
|
|
72
|
+
colorTransparent: -1,
|
|
73
|
+
placeholderColor: -bgIndex - 3,
|
|
74
|
+
outlineColor: -2
|
|
75
|
+
}, surface1 = {
|
|
76
|
+
background: base.background + 1,
|
|
77
|
+
backgroundHover: base.backgroundHover + 1,
|
|
78
|
+
backgroundPress: base.backgroundPress + 1,
|
|
79
|
+
backgroundFocus: base.backgroundFocus + 1,
|
|
80
|
+
borderColor: base.borderColor + 1,
|
|
81
|
+
borderColorHover: base.borderColorHover + 1,
|
|
82
|
+
borderColorFocus: base.borderColorFocus + 1,
|
|
83
|
+
borderColorPress: base.borderColorPress + 1
|
|
84
|
+
}, surface2 = {
|
|
85
|
+
background: base.background + 2,
|
|
86
|
+
backgroundHover: base.backgroundHover + 2,
|
|
87
|
+
backgroundPress: base.backgroundPress + 2,
|
|
88
|
+
backgroundFocus: base.backgroundFocus + 2,
|
|
89
|
+
borderColor: base.borderColor + 2,
|
|
90
|
+
borderColorHover: base.borderColorHover + 2,
|
|
91
|
+
borderColorFocus: base.borderColorFocus + 2,
|
|
92
|
+
borderColorPress: base.borderColorPress + 2
|
|
93
|
+
}, surface3 = {
|
|
94
|
+
background: base.background + 3,
|
|
95
|
+
backgroundHover: base.backgroundHover + 3,
|
|
96
|
+
backgroundPress: base.backgroundPress + 3,
|
|
97
|
+
backgroundFocus: base.backgroundFocus + 3,
|
|
98
|
+
borderColor: base.borderColor + 3,
|
|
99
|
+
borderColorHover: base.borderColorHover + 3,
|
|
100
|
+
borderColorFocus: base.borderColorFocus + 3,
|
|
101
|
+
borderColorPress: base.borderColorPress + 3
|
|
102
|
+
}, alt1 = {
|
|
103
|
+
color: base.color - 1,
|
|
104
|
+
colorHover: base.colorHover - 1,
|
|
105
|
+
colorPress: base.colorPress - 1,
|
|
106
|
+
colorFocus: base.colorFocus - 1
|
|
107
|
+
}, alt2 = {
|
|
108
|
+
color: base.color - 2,
|
|
109
|
+
colorHover: base.colorHover - 2,
|
|
110
|
+
colorPress: base.colorPress - 2,
|
|
111
|
+
colorFocus: base.colorFocus - 2
|
|
112
|
+
}, inverse = Object.fromEntries(
|
|
113
|
+
Object.entries(base).map(([key, index]) => [key, -index])
|
|
114
|
+
);
|
|
115
|
+
return {
|
|
116
|
+
base,
|
|
117
|
+
surface1,
|
|
118
|
+
surface2,
|
|
119
|
+
surface3,
|
|
120
|
+
alt1,
|
|
121
|
+
alt2,
|
|
122
|
+
inverse
|
|
123
|
+
};
|
|
124
|
+
}, defaultTemplates = getTemplates();
|
|
125
|
+
export {
|
|
126
|
+
defaultTemplates
|
|
127
|
+
};
|
|
128
|
+
//# sourceMappingURL=v4-defaultTemplates.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/v4-defaultTemplates.ts"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|