@tamagui/theme-base 1.0.1-beta.198 → 1.0.1-beta.199
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/themes.js +6 -269
- package/dist/cjs/themes.js.map +3 -3
- package/dist/cjs/tokens.js +2 -0
- package/dist/cjs/tokens.js.map +2 -2
- package/dist/esm/themes.js +7 -268
- package/dist/esm/themes.js.map +3 -3
- package/dist/esm/tokens.js +1 -0
- package/dist/esm/tokens.js.map +2 -2
- package/package.json +5 -4
- package/src/themes.tsx +6 -416
- package/src/tokens.tsx +1 -1
- package/types/themes.d.ts +351 -146
- package/types/tokens.d.ts +230 -0
package/dist/cjs/themes.js
CHANGED
|
@@ -18,150 +18,13 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
19
|
var themes_exports = {};
|
|
20
20
|
__export(themes_exports, {
|
|
21
|
-
colorNames: () => colorNames,
|
|
22
|
-
colorSchemes: () => colorSchemes,
|
|
23
21
|
themes: () => themes
|
|
24
22
|
});
|
|
25
23
|
module.exports = __toCommonJS(themes_exports);
|
|
26
|
-
var
|
|
27
|
-
var import_colorUtils = require("./colorUtils");
|
|
24
|
+
var import_create_themes = require("@tamagui/create-themes");
|
|
28
25
|
var import_tokens = require("./tokens");
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
function createThemesFrom(name, getTheme, props) {
|
|
32
|
-
const { shift = 0 } = props;
|
|
33
|
-
const theme = getTheme(0 + shift, props);
|
|
34
|
-
let themeEntries = [[name, theme]];
|
|
35
|
-
const altThemes = alternates.map((alt) => [
|
|
36
|
-
`${name}_alt${alt}`,
|
|
37
|
-
getTheme(alt * 1 + shift, props)
|
|
38
|
-
]);
|
|
39
|
-
const altThemes2 = alternates.map((alt) => [
|
|
40
|
-
`${name}_alt${alt}`,
|
|
41
|
-
getTheme(alt + shift, props)
|
|
42
|
-
]);
|
|
43
|
-
const altButtonThemes = alternates.map((_, i) => {
|
|
44
|
-
const [bName, bTheme] = [altThemes2[i][0], (altThemes2[i + 1] || altThemes2[i])[1]];
|
|
45
|
-
return [`${bName}_Button`, bTheme];
|
|
46
|
-
});
|
|
47
|
-
const darkerTheme = getTheme(Math.max(0, shift + (props.isLight ? 1 : -1)), props);
|
|
48
|
-
const activeTheme = props.activeTheme || {
|
|
49
|
-
...theme,
|
|
50
|
-
borderColor: props.backgrounds[7],
|
|
51
|
-
background: props.backgrounds[6],
|
|
52
|
-
backgroundHover: props.backgrounds[6],
|
|
53
|
-
backgroundPress: props.backgrounds[6]
|
|
54
|
-
};
|
|
55
|
-
const inverted = altThemes.map(([_name, theme2]) => {
|
|
56
|
-
return {
|
|
57
|
-
...theme2,
|
|
58
|
-
background: theme2.color,
|
|
59
|
-
backgroundHover: theme2.colorHover,
|
|
60
|
-
backgroundFocus: theme2.colorFocus,
|
|
61
|
-
backgroundPress: theme2.colorPress,
|
|
62
|
-
color: theme2.background,
|
|
63
|
-
colorHover: theme2.backgroundHover,
|
|
64
|
-
colorFocus: theme2.backgroundFocus,
|
|
65
|
-
colorPress: theme2.backgroundPress
|
|
66
|
-
};
|
|
67
|
-
});
|
|
68
|
-
themeEntries = [
|
|
69
|
-
...themeEntries,
|
|
70
|
-
...altThemes.slice(0, alts.length),
|
|
71
|
-
...altButtonThemes.slice(0, alts.length),
|
|
72
|
-
[`${name}_Button`, altThemes2[1][1]],
|
|
73
|
-
[`${name}_DrawerFrame`, altThemes2[1][1]],
|
|
74
|
-
[`${name}_SliderTrack`, altThemes[0][1]],
|
|
75
|
-
[`${name}_SliderTrackActive`, altThemes[2][1]],
|
|
76
|
-
[`${name}_SliderThumb`, inverted[2]],
|
|
77
|
-
[`${name}_Progress`, altThemes[2][1]],
|
|
78
|
-
[`${name}_ProgressIndicator`, inverted[2]],
|
|
79
|
-
[`${name}_Switch`, altThemes[0][1]],
|
|
80
|
-
[`${name}_SwitchThumb`, inverted[2]],
|
|
81
|
-
[`${name}_TooltipArrow`, altThemes[1][1]],
|
|
82
|
-
[`${name}_TooltipContent`, altThemes[1][1]],
|
|
83
|
-
[`${name}_darker`, darkerTheme],
|
|
84
|
-
[`${name}_active`, activeTheme]
|
|
85
|
-
];
|
|
86
|
-
const themes2 = Object.fromEntries(themeEntries);
|
|
87
|
-
return themes2;
|
|
88
|
-
}
|
|
89
|
-
const themeCreator = (str = 1, {
|
|
90
|
-
backgrounds,
|
|
91
|
-
isLight = true,
|
|
92
|
-
isBase = false,
|
|
93
|
-
colors = [...backgrounds].reverse(),
|
|
94
|
-
borderColors = isLight ? colors : backgrounds,
|
|
95
|
-
backgroundStrong,
|
|
96
|
-
offsets: offsetsProp
|
|
97
|
-
}) => {
|
|
98
|
-
const offsets = {
|
|
99
|
-
borderColor: (offsetsProp == null ? void 0 : offsetsProp.borderColor) ?? (offsetsProp == null ? void 0 : offsetsProp.background) ?? [0, 0, 0, 0],
|
|
100
|
-
background: (offsetsProp == null ? void 0 : offsetsProp.background) ?? [0, 0, 0, 0],
|
|
101
|
-
color: (offsetsProp == null ? void 0 : offsetsProp.color) ?? [0, 0, 0, 0]
|
|
102
|
-
};
|
|
103
|
-
const darkColors2 = isLight ? colors : backgrounds;
|
|
104
|
-
const lighterDir = isLight ? -1 : 1;
|
|
105
|
-
const darkerDir = -lighterDir;
|
|
106
|
-
const strongerDir = isLight ? darkerDir : lighterDir;
|
|
107
|
-
const softerDir = -strongerDir;
|
|
108
|
-
const get = (arr, index, name = "background") => {
|
|
109
|
-
return arr[Math.max(0, Math.min(index + (offsets[name][str] || 0), arr.length - 1))];
|
|
110
|
-
};
|
|
111
|
-
const colorTranslucent = (0, import_colorUtils.setColorAlpha)((0, import_core.getVariableValue)(get(colors, 0 + str, "color")), 0.5);
|
|
112
|
-
const theme = {
|
|
113
|
-
background: get(backgrounds, str),
|
|
114
|
-
backgroundStrong: backgroundStrong || get(backgrounds, str + strongerDir * 2),
|
|
115
|
-
backgroundSoft: get(backgrounds, str + softerDir * 2),
|
|
116
|
-
backgroundHover: get(backgrounds, str + lighterDir),
|
|
117
|
-
backgroundPress: get(backgrounds, str + darkerDir),
|
|
118
|
-
backgroundFocus: get(backgrounds, str + darkerDir * 2),
|
|
119
|
-
backgroundTransparent: "hsla(0, 0%, 0%, 0.012)",
|
|
120
|
-
color: get(colors, 0 + str, "color"),
|
|
121
|
-
colorHover: get(colors, 1 + str, "color"),
|
|
122
|
-
colorPress: get(colors, 2 + str, "color"),
|
|
123
|
-
colorFocus: get(colors, 3 + str, "color"),
|
|
124
|
-
colorTranslucent,
|
|
125
|
-
colorMid: (isLight ? colors : backgrounds)[Math.floor(colors.length / 2)],
|
|
126
|
-
shadowColor: isLight ? "hsla(0, 0%, 0%, 0.03)" : "hsla(0, 0%, 0%, 0.2)",
|
|
127
|
-
shadowColorHover: darkColors2[!isLight ? 1 : 8],
|
|
128
|
-
shadowColorPress: darkColors2[!isLight ? 1 : 8],
|
|
129
|
-
shadowColorFocus: darkColors2[!isLight ? 1 : 8],
|
|
130
|
-
borderColor: null,
|
|
131
|
-
borderColorHover: null,
|
|
132
|
-
borderColorPress: null,
|
|
133
|
-
borderColorFocus: null,
|
|
134
|
-
color1: backgrounds[0],
|
|
135
|
-
color2: backgrounds[1],
|
|
136
|
-
color3: backgrounds[2],
|
|
137
|
-
color4: backgrounds[3],
|
|
138
|
-
color5: backgrounds[4],
|
|
139
|
-
color6: backgrounds[5],
|
|
140
|
-
color7: backgrounds[6],
|
|
141
|
-
color8: backgrounds[7],
|
|
142
|
-
color9: backgrounds[8],
|
|
143
|
-
color10: backgrounds[9],
|
|
144
|
-
color11: backgrounds[10],
|
|
145
|
-
color12: backgrounds[11]
|
|
146
|
-
};
|
|
147
|
-
if (isBase) {
|
|
148
|
-
Object.assign(theme, {
|
|
149
|
-
borderColor: isLight ? get(colors, 8 - str, "borderColor") : get(backgrounds, 2 + str, "borderColor"),
|
|
150
|
-
borderColorHover: isLight ? get(colors, 6 - str, "borderColor") : get(backgrounds, 3 + str, "borderColor"),
|
|
151
|
-
borderColorPress: isLight ? get(colors, 5 - str, "borderColor") : get(backgrounds, 1 + str, "borderColor"),
|
|
152
|
-
borderColorFocus: isLight ? get(colors, 4 - str, "borderColor") : get(backgrounds, 3 + str, "borderColor")
|
|
153
|
-
});
|
|
154
|
-
} else {
|
|
155
|
-
Object.assign(theme, {
|
|
156
|
-
borderColor: get(borderColors, 1 + strongerDir, "borderColor"),
|
|
157
|
-
borderColorHover: get(borderColors, 2 + strongerDir, "borderColor"),
|
|
158
|
-
borderColorPress: get(borderColors, 3 + strongerDir, "borderColor"),
|
|
159
|
-
borderColorFocus: get(borderColors, 4 + strongerDir, "borderColor")
|
|
160
|
-
});
|
|
161
|
-
}
|
|
162
|
-
return theme;
|
|
163
|
-
};
|
|
164
|
-
const themeColors = {
|
|
26
|
+
const themes = (0, import_create_themes.createThemes)({
|
|
27
|
+
activeColor: "blue",
|
|
165
28
|
light: [
|
|
166
29
|
"#fff",
|
|
167
30
|
"#f4f4f4",
|
|
@@ -191,138 +54,12 @@ const themeColors = {
|
|
|
191
54
|
"#545454",
|
|
192
55
|
"#626262",
|
|
193
56
|
"#777777"
|
|
194
|
-
]
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
backgrounds: themeColors.light,
|
|
198
|
-
backgroundStrong: import_core.isWeb ? "#fefefe" : "#f2f2f2",
|
|
199
|
-
borderColors: themeColors.light.slice(2),
|
|
200
|
-
isLight: true,
|
|
201
|
-
offsets: {
|
|
202
|
-
background: [2, 2, 2, 2, 2, 2]
|
|
203
|
-
}
|
|
204
|
-
});
|
|
205
|
-
const darkThemes = createThemesFrom("dark", themeCreator, {
|
|
206
|
-
backgrounds: themeColors.dark,
|
|
207
|
-
colors: themeColors.light.slice(2),
|
|
208
|
-
backgroundStrong: "#070707",
|
|
209
|
-
isBase: true,
|
|
210
|
-
isLight: false,
|
|
211
|
-
shift: 1,
|
|
212
|
-
offsets: {
|
|
213
|
-
color: [0, 4, 5, 5, 5, 5]
|
|
214
|
-
}
|
|
215
|
-
});
|
|
216
|
-
darkThemes.dark_darker.background = "#030303";
|
|
217
|
-
darkThemes.dark_darker.backgroundStrong = "#000";
|
|
218
|
-
const light = (0, import_core.createTheme)({
|
|
219
|
-
...import_tokens.lightColors,
|
|
220
|
-
...lightThemes.light
|
|
221
|
-
});
|
|
222
|
-
const dark = (0, import_core.createTheme)({
|
|
223
|
-
...import_tokens.darkColors,
|
|
224
|
-
...darkThemes.dark
|
|
225
|
-
});
|
|
226
|
-
const baseThemes = {
|
|
227
|
-
...lightThemes,
|
|
228
|
-
light,
|
|
229
|
-
light_active: lightThemes.light,
|
|
230
|
-
light_Card: lightThemes.light,
|
|
231
|
-
light_SliderTrack: lightThemes.light_alt1,
|
|
232
|
-
light_SliderTrackActive: lightThemes.light_alt2,
|
|
233
|
-
light_Switch: lightThemes.light_alt2,
|
|
234
|
-
light_SwitchThumb: lightThemes.light,
|
|
235
|
-
light_DrawerFrame: lightThemes.light_alt1,
|
|
236
|
-
...darkThemes,
|
|
237
|
-
dark,
|
|
238
|
-
dark_active: darkThemes.dark,
|
|
239
|
-
dark_Card: darkThemes.dark,
|
|
240
|
-
dark_DrawerFrame: darkThemes.dark_alt1,
|
|
241
|
-
dark_SliderTrack: darkThemes.dark_darker,
|
|
242
|
-
dark_SliderTrackActive: darkThemes.dark_alt2,
|
|
243
|
-
dark_Switch: darkThemes.dark_alt2,
|
|
244
|
-
dark_SwitchThumb: darkThemes.dark_darker,
|
|
245
|
-
dark_Button: darkThemes.dark_alt1
|
|
246
|
-
};
|
|
247
|
-
const darkEntries = Object.entries(dark);
|
|
248
|
-
const lightEntries = Object.entries(light);
|
|
249
|
-
function findColors(prefix, dark2 = false) {
|
|
250
|
-
return Object.fromEntries(
|
|
251
|
-
(dark2 ? darkEntries : lightEntries).filter(([k]) => k.startsWith(prefix))
|
|
252
|
-
);
|
|
253
|
-
}
|
|
254
|
-
const colorSchemes = [
|
|
255
|
-
{ name: "blue", colors: findColors("blue"), darkColors: findColors("blue", true) },
|
|
256
|
-
{ name: "gray", colors: findColors("gray"), darkColors: findColors("gray", true) },
|
|
257
|
-
{ name: "green", colors: findColors("green"), darkColors: findColors("green", true) },
|
|
258
|
-
{ name: "orange", colors: findColors("orange"), darkColors: findColors("orange", true) },
|
|
259
|
-
{ name: "pink", colors: findColors("pink"), darkColors: findColors("pink", true) },
|
|
260
|
-
{ name: "purple", colors: findColors("purple"), darkColors: findColors("purple", true) },
|
|
261
|
-
{ name: "red", colors: findColors("red"), darkColors: findColors("red", true) },
|
|
262
|
-
{ name: "yellow", colors: findColors("yellow"), darkColors: findColors("yellow", true) }
|
|
263
|
-
];
|
|
264
|
-
const colorNames = [
|
|
265
|
-
"blue",
|
|
266
|
-
"green",
|
|
267
|
-
"orange",
|
|
268
|
-
"pink",
|
|
269
|
-
"purple",
|
|
270
|
-
"red",
|
|
271
|
-
"yellow",
|
|
272
|
-
"gray"
|
|
273
|
-
];
|
|
274
|
-
const colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors: darkColors2 }) => {
|
|
275
|
-
const [altLightThemes, altDarkThemes] = [
|
|
276
|
-
{ colors: darkColors2, backgrounds: colors },
|
|
277
|
-
{ colors, backgrounds: darkColors2 }
|
|
278
|
-
].map((props, i) => {
|
|
279
|
-
const isLight = i === 0;
|
|
280
|
-
const colorsBase = Object.values(props.colors).slice(2);
|
|
281
|
-
const [backgrounds, colors2] = [
|
|
282
|
-
Object.values(props.backgrounds),
|
|
283
|
-
isLight ? colorsBase : [colorsBase[0], "#ccc", ...colorsBase.slice(1)]
|
|
284
|
-
];
|
|
285
|
-
const scheme = isLight ? "light" : "dark";
|
|
286
|
-
const shift = isLight ? 0 : 1;
|
|
287
|
-
const themeWithAlts = createThemesFrom(name, themeCreator, {
|
|
288
|
-
colors: colors2,
|
|
289
|
-
backgrounds,
|
|
290
|
-
borderColors: backgrounds,
|
|
291
|
-
isLight,
|
|
292
|
-
shift,
|
|
293
|
-
isBase: false,
|
|
294
|
-
offsets: {
|
|
295
|
-
background: isLight ? [2, 2, 2, 2, 2, 2] : null,
|
|
296
|
-
borderColor: isLight ? [2, 2, 2, 3, 2] : null,
|
|
297
|
-
color: isLight ? [0, 0, -1, -2, -3, -3, -4] : [-1, -1, -1, -1, -1, -1]
|
|
298
|
-
}
|
|
299
|
-
});
|
|
300
|
-
return Object.entries(themeWithAlts).map(([k, v]) => [`${scheme}_${k}`, v]);
|
|
301
|
-
});
|
|
302
|
-
return [...altLightThemes, ...altDarkThemes];
|
|
57
|
+
],
|
|
58
|
+
colorsLight: import_tokens.colorTokens.light,
|
|
59
|
+
colorsDark: import_tokens.colorTokens.dark
|
|
303
60
|
});
|
|
304
|
-
const colorThemes = Object.fromEntries(colorThemeEntries);
|
|
305
|
-
baseThemes.dark_active = {
|
|
306
|
-
...colorThemes.dark_blue_alt2,
|
|
307
|
-
background: import_tokens.darkColors.blue10,
|
|
308
|
-
backgroundHover: import_tokens.darkColors.blue11,
|
|
309
|
-
backgroundPress: import_tokens.darkColors.blue9,
|
|
310
|
-
backgroundFocus: import_tokens.darkColors.blue9,
|
|
311
|
-
color: import_tokens.darkColors.blue12,
|
|
312
|
-
colorHover: import_tokens.darkColors.blue12,
|
|
313
|
-
colorPress: import_tokens.darkColors.blue12,
|
|
314
|
-
colorFocus: import_tokens.darkColors.blue12
|
|
315
|
-
};
|
|
316
|
-
baseThemes.light_active = baseThemes.dark_active;
|
|
317
|
-
const allThemes = {
|
|
318
|
-
...baseThemes,
|
|
319
|
-
...colorThemes
|
|
320
|
-
};
|
|
321
|
-
const themes = allThemes;
|
|
322
61
|
// Annotate the CommonJS export names for ESM import in node:
|
|
323
62
|
0 && (module.exports = {
|
|
324
|
-
colorNames,
|
|
325
|
-
colorSchemes,
|
|
326
63
|
themes
|
|
327
64
|
});
|
|
328
65
|
//# sourceMappingURL=themes.js.map
|
package/dist/cjs/themes.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/themes.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Variable, createTheme, getVariableValue, isWeb } from '@tamagui/core'\n\nimport { setColorAlpha } from './colorUtils'\nimport { darkColors, lightColors } from './tokens'\n\n// spaghetti ahead\n\ntype ThemeCreatorProps = {\n shift?: number\n backgrounds: (string | Variable)[]\n backgroundStrong?: string | Variable\n borderColors?: (string | Variable)[]\n colors?: (string | Variable)[]\n activeTheme?: any\n offsets?: {\n color?: number[] | null\n background?: number[] | null\n borderColor?: number[] | null\n }\n isLight?: boolean\n isBase?: boolean\n}\n\n// helpers\n\nconst alternates = [1, 2, 3] as const\nconst alts = [1, 2] as const\ntype AltKeys = 1 | 2\ntype AltName<Name extends string, Keys extends string | number> = `${Name}_alt${Keys}`\ntype ThemeCreator<A = any> = (str: number, props: ThemeCreatorProps) => A\n\ninterface SubTheme {\n background: Variable<any> | string\n backgroundStrong: Variable<any> | string\n backgroundSoft: Variable<any> | string\n backgroundHover: Variable<any> | string\n backgroundPress: Variable<any> | string\n backgroundFocus: Variable<any> | string\n backgroundTransparent: Variable<any> | string\n color: Variable<any> | string\n colorHover: Variable<any> | string\n colorPress: Variable<any> | string\n colorFocus: Variable<any> | string\n colorTranslucent: Variable<any> | string\n colorMid: Variable<any> | string\n shadowColor: Variable<any> | string\n shadowColorHover: Variable<any> | string\n shadowColorPress: Variable<any> | string\n shadowColorFocus: Variable<any> | string\n borderColor: Variable<any> | string\n borderColorHover: Variable<any> | string\n borderColorPress: Variable<any> | string\n borderColorFocus: Variable<any> | string\n color1: Variable<any> | string\n color2: Variable<any> | string\n color3: Variable<any> | string\n color4: Variable<any> | string\n color5: Variable<any> | string\n color6: Variable<any> | string\n color7: Variable<any> | string\n color8: Variable<any> | string\n color9: Variable<any> | string\n color10: Variable<any> | string\n color11: Variable<any> | string\n color12: Variable<any> | string\n}\n\nfunction createThemesFrom<Name extends string, GetTheme extends ThemeCreator = ThemeCreator>(\n name: Name,\n getTheme: GetTheme,\n props: ThemeCreatorProps\n): {\n [key in `${Name}_alt${AltKeys}` | `${Name}` | `${Name}_darker`]: GetTheme extends ThemeCreator<\n infer Theme\n >\n ? Theme\n : never\n} {\n const { shift = 0 } = props\n const theme = getTheme(0 + shift, props)\n let themeEntries: any[] = [[name, theme]]\n\n // generate alternates (for use in other themes), but keep just alts\n const altThemes: any[] = alternates.map((alt) => [\n `${name}_alt${alt}`,\n getTheme(alt * 1 + shift, props),\n ])\n const altThemes2: any[] = alternates.map((alt) => [\n `${name}_alt${alt}`,\n getTheme(alt + shift, props),\n ])\n const altButtonThemes: any[] = alternates.map((_, i) => {\n const [bName, bTheme] = [altThemes2[i][0], (altThemes2[i + 1] || altThemes2[i])[1]]\n return [`${bName}_Button` as any, bTheme]\n })\n // add these after alts since we rely on positioning\n const darkerTheme = getTheme(Math.max(0, shift + (props.isLight ? 1 : -1)), props)\n const activeTheme = props.activeTheme || {\n ...theme,\n borderColor: props.backgrounds[7],\n background: props.backgrounds[6],\n backgroundHover: props.backgrounds[6],\n backgroundPress: props.backgrounds[6],\n }\n\n // TODO can be de-duped\n const inverted = altThemes.map(([_name, theme]) => {\n return {\n ...theme,\n background: theme.color,\n backgroundHover: theme.colorHover,\n backgroundFocus: theme.colorFocus,\n backgroundPress: theme.colorPress,\n color: theme.background,\n colorHover: theme.backgroundHover,\n colorFocus: theme.backgroundFocus,\n colorPress: theme.backgroundPress,\n }\n })\n\n themeEntries = [\n ...themeEntries,\n // keep just alts\n ...altThemes.slice(0, alts.length),\n ...altButtonThemes.slice(0, alts.length),\n [`${name}_Button`, altThemes2[1][1]],\n [`${name}_DrawerFrame`, altThemes2[1][1]],\n [`${name}_SliderTrack`, altThemes[0][1]],\n [`${name}_SliderTrackActive`, altThemes[2][1]],\n [`${name}_SliderThumb`, inverted[2]],\n [`${name}_Progress`, altThemes[2][1]],\n [`${name}_ProgressIndicator`, inverted[2]],\n [`${name}_Switch`, altThemes[0][1]],\n [`${name}_SwitchThumb`, inverted[2]],\n [`${name}_TooltipArrow`, altThemes[1][1]],\n [`${name}_TooltipContent`, altThemes[1][1]],\n [`${name}_darker`, darkerTheme],\n [`${name}_active`, activeTheme],\n ]\n const themes = Object.fromEntries(themeEntries)\n // if (props.isLight) {\n // console.log('themes', themes)\n // }\n return themes as any\n}\n\nconst themeCreator = (\n str = 1,\n {\n backgrounds,\n isLight = true,\n isBase = false,\n colors = [...backgrounds].reverse(),\n borderColors = isLight ? colors : backgrounds,\n backgroundStrong,\n offsets: offsetsProp,\n }: ThemeCreatorProps\n) => {\n const offsets = {\n borderColor: offsetsProp?.borderColor ?? offsetsProp?.background ?? [0, 0, 0, 0],\n background: offsetsProp?.background ?? [0, 0, 0, 0],\n color: offsetsProp?.color ?? [0, 0, 0, 0],\n }\n const darkColors = isLight ? colors : backgrounds\n const lighterDir = isLight ? -1 : 1\n const darkerDir = -lighterDir\n const strongerDir = isLight ? darkerDir : lighterDir\n const softerDir = -strongerDir\n const get = (arr: any[], index: number, name = 'background') => {\n return arr[Math.max(0, Math.min(index + (offsets[name][str] || 0), arr.length - 1))]\n }\n\n const colorTranslucent = setColorAlpha(getVariableValue(get(colors, 0 + str, 'color')), 0.5)\n\n const theme: SubTheme = {\n background: get(backgrounds, str),\n backgroundStrong: backgroundStrong || get(backgrounds, str + strongerDir * 2),\n backgroundSoft: get(backgrounds, str + softerDir * 2),\n backgroundHover: get(backgrounds, str + lighterDir),\n backgroundPress: get(backgrounds, str + darkerDir),\n backgroundFocus: get(backgrounds, str + darkerDir * 2),\n backgroundTransparent: 'hsla(0, 0%, 0%, 0.012)',\n color: get(colors, 0 + str, 'color'),\n colorHover: get(colors, 1 + str, 'color'),\n colorPress: get(colors, 2 + str, 'color'),\n colorFocus: get(colors, 3 + str, 'color'),\n colorTranslucent,\n colorMid: (isLight ? colors : backgrounds)[Math.floor(colors.length / 2)],\n shadowColor: isLight ? 'hsla(0, 0%, 0%, 0.03)' : 'hsla(0, 0%, 0%, 0.2)',\n shadowColorHover: darkColors[!isLight ? 1 : 8],\n shadowColorPress: darkColors[!isLight ? 1 : 8],\n shadowColorFocus: darkColors[!isLight ? 1 : 8],\n borderColor: null as any as string | Variable,\n borderColorHover: null as any as string | Variable,\n borderColorPress: null as any as string | Variable,\n borderColorFocus: null as any as string | Variable,\n color1: backgrounds[0],\n color2: backgrounds[1],\n color3: backgrounds[2],\n color4: backgrounds[3],\n color5: backgrounds[4],\n color6: backgrounds[5],\n color7: backgrounds[6],\n color8: backgrounds[7],\n color9: backgrounds[8],\n color10: backgrounds[9],\n color11: backgrounds[10],\n color12: backgrounds[11],\n }\n\n if (isBase) {\n Object.assign(theme, {\n borderColor: isLight\n ? get(colors, 8 - str, 'borderColor')\n : get(backgrounds, 2 + str, 'borderColor'),\n borderColorHover: isLight\n ? get(colors, 6 - str, 'borderColor')\n : get(backgrounds, 3 + str, 'borderColor'),\n borderColorPress: isLight\n ? get(colors, 5 - str, 'borderColor')\n : get(backgrounds, 1 + str, 'borderColor'),\n borderColorFocus: isLight\n ? get(colors, 4 - str, 'borderColor')\n : get(backgrounds, 3 + str, 'borderColor'),\n })\n } else {\n Object.assign(theme, {\n borderColor: get(borderColors, 1 + strongerDir, 'borderColor'),\n borderColorHover: get(borderColors, 2 + strongerDir, 'borderColor'),\n borderColorPress: get(borderColors, 3 + strongerDir, 'borderColor'),\n borderColorFocus: get(borderColors, 4 + strongerDir, 'borderColor'),\n })\n }\n\n return theme\n}\n\nconst themeColors = {\n light: [\n '#fff',\n '#f4f4f4',\n 'hsl(0, 0%, 99.0%)',\n 'hsl(0, 0%, 97.3%)',\n 'hsl(0, 0%, 95.1%)',\n 'hsl(0, 0%, 93.0%)',\n 'hsl(0, 0%, 90.9%)',\n 'hsl(0, 0%, 88.7%)',\n 'hsl(0, 0%, 85.8%)',\n 'hsl(0, 0%, 78.0%)',\n 'hsl(0, 0%, 56.1%)',\n 'hsl(0, 0%, 52.3%)',\n 'hsl(0, 0%, 43.5%)',\n 'hsl(0, 0%, 9.0%)',\n ],\n dark: [\n '#111111',\n '#151515',\n '#191919',\n '#232323',\n '#282828',\n '#323232',\n '#383838',\n '#424242',\n '#494949',\n '#545454',\n '#626262',\n '#777777',\n ],\n}\n\nconst lightThemes = createThemesFrom('light', themeCreator, {\n backgrounds: themeColors.light,\n // for now web non-ios style native is...\n backgroundStrong: isWeb ? '#fefefe' : '#f2f2f2',\n borderColors: themeColors.light.slice(2),\n isLight: true,\n offsets: {\n background: [2, 2, 2, 2, 2, 2],\n },\n})\n\nconst darkThemes = createThemesFrom('dark', themeCreator, {\n backgrounds: themeColors.dark,\n colors: themeColors.light.slice(2),\n backgroundStrong: '#070707',\n isBase: true,\n isLight: false,\n shift: 1,\n offsets: {\n color: [0, 4, 5, 5, 5, 5],\n },\n})\n\ndarkThemes.dark_darker.background = '#030303'\ndarkThemes.dark_darker.backgroundStrong = '#000'\n\ntype BaseTheme = {\n [key in keyof typeof lightColors | keyof SubTheme]: Variable<string>\n}\n\nconst light = createTheme({\n ...lightColors,\n ...lightThemes.light,\n}) as BaseTheme\n\nconst dark = createTheme({\n ...darkColors,\n ...darkThemes.dark,\n}) as BaseTheme\n\nconst baseThemes = {\n // light\n ...lightThemes,\n light,\n // reserving in types, updating later\n light_active: lightThemes.light,\n light_Card: lightThemes.light,\n light_SliderTrack: lightThemes.light_alt1,\n light_SliderTrackActive: lightThemes.light_alt2,\n light_Switch: lightThemes.light_alt2,\n light_SwitchThumb: lightThemes.light,\n light_DrawerFrame: lightThemes.light_alt1,\n\n // dark\n ...darkThemes,\n dark,\n // reserving in types, updating later\n dark_active: darkThemes.dark,\n dark_Card: darkThemes.dark,\n dark_DrawerFrame: darkThemes.dark_alt1,\n dark_SliderTrack: darkThemes.dark_darker,\n dark_SliderTrackActive: darkThemes.dark_alt2,\n dark_Switch: darkThemes.dark_alt2,\n dark_SwitchThumb: darkThemes.dark_darker,\n dark_Button: darkThemes.dark_alt1,\n}\n\nconst darkEntries = Object.entries(dark)\nconst lightEntries = Object.entries(light)\nfunction findColors(prefix: string, dark = false): BaseTheme {\n return Object.fromEntries(\n (dark ? darkEntries : lightEntries).filter(([k]) => k.startsWith(prefix))\n ) as any\n}\n\nexport const colorSchemes = [\n { name: 'blue', colors: findColors('blue'), darkColors: findColors('blue', true) },\n { name: 'gray', colors: findColors('gray'), darkColors: findColors('gray', true) },\n { name: 'green', colors: findColors('green'), darkColors: findColors('green', true) },\n { name: 'orange', colors: findColors('orange'), darkColors: findColors('orange', true) },\n { name: 'pink', colors: findColors('pink'), darkColors: findColors('pink', true) },\n { name: 'purple', colors: findColors('purple'), darkColors: findColors('purple', true) },\n { name: 'red', colors: findColors('red'), darkColors: findColors('red', true) },\n { name: 'yellow', colors: findColors('yellow'), darkColors: findColors('yellow', true) },\n] as const\n\nexport type ColorNames = typeof colorSchemes[number]['name']\n\n// nice and flat\nexport const colorNames: ColorNames[] = [\n 'blue',\n 'green',\n 'orange',\n 'pink',\n 'purple',\n 'red',\n 'yellow',\n 'gray',\n]\n\ntype ColorThemeNames =\n | ColorNames\n | AltName<`light_${ColorNames}`, AltKeys>\n | AltName<`dark_${ColorNames}`, AltKeys>\n\nconst colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors }) => {\n const [altLightThemes, altDarkThemes] = [\n { colors: darkColors, backgrounds: colors },\n { colors, backgrounds: darkColors },\n ].map((props, i) => {\n const isLight = i === 0\n const colorsBase = Object.values(props.colors).slice(2)\n const [backgrounds, colors] = [\n Object.values(props.backgrounds),\n isLight ? colorsBase : [colorsBase[0], '#ccc', ...colorsBase.slice(1)],\n ] as const\n\n const scheme = isLight ? 'light' : 'dark'\n const shift = isLight ? 0 : 1\n\n // if (!isLight) {\n // const [_, h, sp, lp] = backgrounds[0].match(/hsl\\(([0-9\\.]+), ([0-9\\.]+)\\%, ([0-9\\.]+)\\%\\)/)!\n // backgrounds.unshift(`hsl(${h}, ${sp}%, ${parseFloat(lp) / 2}%)`)\n // }\n\n const themeWithAlts = createThemesFrom(name, themeCreator, {\n // @ts-ignore\n colors,\n // @ts-ignore\n backgrounds,\n // @ts-ignore\n borderColors: backgrounds,\n isLight,\n shift,\n isBase: false,\n offsets: {\n background: isLight ? [2, 2, 2, 2, 2, 2] : null,\n borderColor: isLight ? [2, 2, 2, 3, 2] : null,\n color: isLight ? [0, 0, -1, -2, -3, -3, -4] : [-1, -1, -1, -1, -1, -1],\n },\n })\n\n return Object.entries(themeWithAlts).map(([k, v]) => [`${scheme}_${k}`, v])\n })\n return [...altLightThemes, ...altDarkThemes]\n})\n\ntype TypedColorTheme = typeof lightThemes.light_alt1\ntype TypedTheme = typeof light\ntype TypedThemes = {\n [key in keyof typeof allThemes]: TypedTheme\n}\n\nconst colorThemes: {\n [key in ColorThemeNames]: TypedColorTheme\n} = Object.fromEntries(colorThemeEntries) as any\n\n// add in base _active themes\nbaseThemes.dark_active = {\n ...colorThemes.dark_blue_alt2,\n background: darkColors.blue10,\n backgroundHover: darkColors.blue11,\n backgroundPress: darkColors.blue9,\n backgroundFocus: darkColors.blue9,\n color: darkColors.blue12,\n colorHover: darkColors.blue12,\n colorPress: darkColors.blue12,\n colorFocus: darkColors.blue12,\n}\n\n// light active uses light foregound, ios style\nbaseThemes.light_active = baseThemes.dark_active\n\nconst allThemes = {\n ...baseThemes,\n ...colorThemes,\n} as const\n\nexport const themes: TypedThemes = allThemes as any\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA
|
|
6
|
-
"names": [
|
|
4
|
+
"sourcesContent": ["import { createThemes } from '@tamagui/create-themes'\n\nimport { colorTokens } from './tokens'\n\nexport const themes = createThemes<keyof typeof colorTokens.light>({\n activeColor: 'blue',\n light: [\n '#fff',\n '#f4f4f4',\n 'hsl(0, 0%, 99.0%)',\n 'hsl(0, 0%, 97.3%)',\n 'hsl(0, 0%, 95.1%)',\n 'hsl(0, 0%, 93.0%)',\n 'hsl(0, 0%, 90.9%)',\n 'hsl(0, 0%, 88.7%)',\n 'hsl(0, 0%, 85.8%)',\n 'hsl(0, 0%, 78.0%)',\n 'hsl(0, 0%, 56.1%)',\n 'hsl(0, 0%, 52.3%)',\n 'hsl(0, 0%, 43.5%)',\n 'hsl(0, 0%, 9.0%)',\n ],\n dark: [\n '#111111',\n '#151515',\n '#191919',\n '#232323',\n '#282828',\n '#323232',\n '#383838',\n '#424242',\n '#494949',\n '#545454',\n '#626262',\n '#777777',\n ],\n colorsLight: colorTokens.light,\n colorsDark: colorTokens.dark,\n})\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA6B;AAE7B,oBAA4B;AAErB,MAAM,aAAS,mCAA6C;AAAA,EACjE,aAAa;AAAA,EACb,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,aAAa,0BAAY;AAAA,EACzB,YAAY,0BAAY;AAC1B,CAAC;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
package/dist/cjs/tokens.js
CHANGED
|
@@ -19,6 +19,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
19
19
|
var tokens_exports = {};
|
|
20
20
|
__export(tokens_exports, {
|
|
21
21
|
color: () => color,
|
|
22
|
+
colorTokens: () => colorTokens,
|
|
22
23
|
darkColors: () => darkColors,
|
|
23
24
|
lightColors: () => lightColors,
|
|
24
25
|
radius: () => radius,
|
|
@@ -152,6 +153,7 @@ const tokens = (0, import_core.createTokens)({
|
|
|
152
153
|
// Annotate the CommonJS export names for ESM import in node:
|
|
153
154
|
0 && (module.exports = {
|
|
154
155
|
color,
|
|
156
|
+
colorTokens,
|
|
155
157
|
darkColors,
|
|
156
158
|
lightColors,
|
|
157
159
|
radius,
|
package/dist/cjs/tokens.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tokens.tsx"],
|
|
4
|
-
"sourcesContent": ["import {\n blue,\n blueDark,\n gray,\n grayDark,\n green,\n greenDark,\n orange,\n orangeDark,\n pink,\n pinkDark,\n purple,\n purpleDark,\n red,\n redDark,\n yellow,\n yellowDark,\n} from '@tamagui/colors'\nimport { Variable, createTokens } from '@tamagui/core'\n\n// should roughly map to button/input etc height at each level\n// fonts should match that height/lineHeight at each stop\n// so these are really non-linear on purpose\n// why?\n// - at sizes <1, used for fine grained things (borders, smallest paddingY)\n// - so smallest padY should be roughly 1-4px so it can join with lineHeight\n// - at sizes >=1, have to consider \"pressability\" (jumps up)\n// - after that it should go upwards somewhat naturally\n// - H1 / headings top out at 10 naturally, so after 10 we can go upwards faster\n// but also one more wrinkle...\n// space is used in conjunction with size\n// i'm setting space to generally just a fixed fraction of size (~1/3-2/3 still fine tuning)\nexport const size = {\n 0: 0,\n 0.25: 2,\n 0.5: 4,\n 0.75: 8,\n 1: 20,\n 1.5: 24,\n 2: 28,\n 2.5: 32,\n 3: 36,\n 3.5: 40,\n 4: 44,\n true: 44,\n 4.5: 48,\n 5: 52,\n 6: 64,\n 7: 74,\n 8: 84,\n 9: 94,\n 10: 104,\n 11: 124,\n 12: 144,\n 13: 164,\n 14: 184,\n 15: 204,\n 16: 224,\n 17: 224,\n 18: 244,\n 19: 264,\n 20: 284,\n}\n\ntype Sizes = typeof size\ntype SizeKeys = `${keyof Sizes}`\n\nconst spaces = Object.entries(size).map(([k, v]) => [\n k,\n Math.max(0, v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12)),\n])\n\nconst spacesNegative = spaces.map(([k, v]) => [`-${k}`, -v])\n\nexport const space: {\n [Key in `-${SizeKeys}` | SizeKeys]: Key extends keyof Sizes ? Sizes[Key] : number\n} = {\n ...Object.fromEntries(spaces),\n ...Object.fromEntries(spacesNegative),\n} as any\n\nexport const zIndex = {\n 0: 0,\n 1: 100,\n 2: 200,\n 3: 300,\n 4: 400,\n 5: 500,\n}\n\
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAiBO;AACP,kBAAuC;AAchC,MAAM,OAAO;AAAA,EAClB,GAAG;AAAA,EACH,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,MAAM;AAAA,EACN,KAAK;AAAA,EACL,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAKA,MAAM,SAAS,OAAO,QAAQ,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM;AAAA,EAClD;AAAA,EACA,KAAK,IAAI,GAAG,KAAK,KAAK,KAAK,MAAM,IAAI,KAAK,IAAI,KAAK,MAAM,IAAI,MAAM,EAAE,CAAC;AACxE,CAAC;AAED,MAAM,iBAAiB,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;AAEpD,MAAM,QAET;AAAA,EACF,GAAG,OAAO,YAAY,MAAM;AAAA,EAC5B,GAAG,OAAO,YAAY,cAAc;AACtC;AAEO,MAAM,SAAS;AAAA,EACpB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;
|
|
4
|
+
"sourcesContent": ["import {\n blue,\n blueDark,\n gray,\n grayDark,\n green,\n greenDark,\n orange,\n orangeDark,\n pink,\n pinkDark,\n purple,\n purpleDark,\n red,\n redDark,\n yellow,\n yellowDark,\n} from '@tamagui/colors'\nimport { Variable, createTokens } from '@tamagui/core'\n\n// should roughly map to button/input etc height at each level\n// fonts should match that height/lineHeight at each stop\n// so these are really non-linear on purpose\n// why?\n// - at sizes <1, used for fine grained things (borders, smallest paddingY)\n// - so smallest padY should be roughly 1-4px so it can join with lineHeight\n// - at sizes >=1, have to consider \"pressability\" (jumps up)\n// - after that it should go upwards somewhat naturally\n// - H1 / headings top out at 10 naturally, so after 10 we can go upwards faster\n// but also one more wrinkle...\n// space is used in conjunction with size\n// i'm setting space to generally just a fixed fraction of size (~1/3-2/3 still fine tuning)\nexport const size = {\n 0: 0,\n 0.25: 2,\n 0.5: 4,\n 0.75: 8,\n 1: 20,\n 1.5: 24,\n 2: 28,\n 2.5: 32,\n 3: 36,\n 3.5: 40,\n 4: 44,\n true: 44,\n 4.5: 48,\n 5: 52,\n 6: 64,\n 7: 74,\n 8: 84,\n 9: 94,\n 10: 104,\n 11: 124,\n 12: 144,\n 13: 164,\n 14: 184,\n 15: 204,\n 16: 224,\n 17: 224,\n 18: 244,\n 19: 264,\n 20: 284,\n}\n\ntype Sizes = typeof size\ntype SizeKeys = `${keyof Sizes}`\n\nconst spaces = Object.entries(size).map(([k, v]) => [\n k,\n Math.max(0, v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12)),\n])\n\nconst spacesNegative = spaces.map(([k, v]) => [`-${k}`, -v])\n\nexport const space: {\n [Key in `-${SizeKeys}` | SizeKeys]: Key extends keyof Sizes ? Sizes[Key] : number\n} = {\n ...Object.fromEntries(spaces),\n ...Object.fromEntries(spacesNegative),\n} as any\n\nexport const zIndex = {\n 0: 0,\n 1: 100,\n 2: 200,\n 3: 300,\n 4: 400,\n 5: 500,\n}\n\nexport const colorTokens = {\n light: {\n blue: blue,\n gray: gray,\n green: green,\n orange: orange,\n pink: pink,\n purple: purple,\n red: red,\n yellow: yellow,\n },\n dark: {\n blue: blueDark,\n gray: grayDark,\n green: greenDark,\n orange: orangeDark,\n pink: pinkDark,\n purple: purpleDark,\n red: redDark,\n yellow: yellowDark,\n },\n}\n\nexport const darkColors = {\n ...colorTokens.dark.blue,\n ...colorTokens.dark.gray,\n ...colorTokens.dark.green,\n ...colorTokens.dark.orange,\n ...colorTokens.dark.pink,\n ...colorTokens.dark.purple,\n ...colorTokens.dark.red,\n ...colorTokens.dark.yellow,\n}\n\nexport const lightColors = {\n ...colorTokens.light.blue,\n ...colorTokens.light.gray,\n ...colorTokens.light.green,\n ...colorTokens.light.orange,\n ...colorTokens.light.pink,\n ...colorTokens.light.purple,\n ...colorTokens.light.red,\n ...colorTokens.light.yellow,\n}\n\nexport const color = {\n ...postfixObjKeys(lightColors, 'Light'),\n ...postfixObjKeys(darkColors, 'Dark'),\n}\n\nfunction postfixObjKeys<A extends { [key: string]: Variable<string> | string }, B extends string>(\n obj: A,\n postfix: B\n): {\n [Key in `${keyof A extends string ? keyof A : never}${B}`]: Variable<string> | string\n} {\n return Object.fromEntries(Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v])) as any\n}\n\nexport const radius = {\n 0: 0,\n 1: 3,\n 2: 5,\n 3: 7,\n 4: 9,\n 5: 10,\n 6: 16,\n 7: 19,\n 8: 22,\n 9: 26,\n 10: 34,\n 11: 42,\n 12: 50,\n}\n\nexport const tokens = createTokens({\n color,\n radius,\n zIndex,\n space,\n size,\n})\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|