@tamagui/themes 1.41.1 → 1.42.0

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.
@@ -1,325 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var themes_new_example_exports = {};
20
- __export(themes_new_example_exports, {
21
- themes: () => themes
22
- });
23
- module.exports = __toCommonJS(themes_new_example_exports);
24
- var import_theme_builder = require("@tamagui/theme-builder");
25
- const colorThemeDefinition = (colorName) => [
26
- {
27
- parent: "light",
28
- palette: colorName,
29
- template: "colorLight"
30
- },
31
- {
32
- parent: "dark",
33
- palette: colorName,
34
- template: "base"
35
- }
36
- ];
37
- const palettes = {
38
- light: [
39
- "#fff",
40
- "#f9f9f9",
41
- "hsl(0, 0%, 97.3%)",
42
- "hsl(0, 0%, 95.1%)",
43
- "hsl(0, 0%, 94.0%)",
44
- "hsl(0, 0%, 92.0%)",
45
- "hsl(0, 0%, 89.5%)",
46
- "hsl(0, 0%, 81.0%)",
47
- "hsl(0, 0%, 56.1%)",
48
- "hsl(0, 0%, 50.3%)",
49
- "hsl(0, 0%, 42.5%)",
50
- "hsl(0, 0%, 9.0%)"
51
- ],
52
- dark: [
53
- "#050505",
54
- "#151515",
55
- "#191919",
56
- "#232323",
57
- "#282828",
58
- "#323232",
59
- "#424242",
60
- "#494949",
61
- "#545454",
62
- "#626262",
63
- "#a5a5a5",
64
- "#fff"
65
- ]
66
- };
67
- const { templates, maskOptions } = (() => {
68
- const templateColors = {
69
- color1: 1,
70
- color2: 2,
71
- color3: 3,
72
- color4: 4,
73
- color5: 5,
74
- color6: 6,
75
- color7: 7,
76
- color8: 8,
77
- color9: 9,
78
- color10: 10,
79
- color11: 11,
80
- color12: 12
81
- };
82
- const template = {
83
- ...templateColors,
84
- background: 2,
85
- backgroundHover: 3,
86
- backgroundPress: 4,
87
- backgroundFocus: 5,
88
- backgroundStrong: 1,
89
- backgroundTransparent: 0,
90
- color: -1,
91
- colorHover: -2,
92
- colorPress: -1,
93
- colorFocus: -2,
94
- colorTransparent: -0,
95
- borderColor: 5,
96
- borderColorHover: 6,
97
- borderColorFocus: 4,
98
- borderColorPress: 5,
99
- placeholderColor: -4
100
- };
101
- const templates2 = {
102
- base: template
103
- };
104
- const overrideShadows = {
105
- shadowColor: 0,
106
- shadowColorHover: 0,
107
- shadowColorPress: 0,
108
- shadowColorFocus: 0
109
- };
110
- const baseMaskOptions = {
111
- override: overrideShadows,
112
- skip: overrideShadows
113
- };
114
- const skipShadowsAndColors = {
115
- ...overrideShadows,
116
- ...templateColors
117
- };
118
- const maskOptions2 = {
119
- component: {
120
- ...baseMaskOptions,
121
- skip: skipShadowsAndColors
122
- },
123
- alt: {
124
- ...baseMaskOptions
125
- },
126
- button: {
127
- ...baseMaskOptions,
128
- override: {
129
- borderColor: "transparent",
130
- borderColorHover: "transparent"
131
- },
132
- skip: skipShadowsAndColors
133
- }
134
- };
135
- return {
136
- templates: templates2,
137
- maskOptions: maskOptions2
138
- };
139
- })();
140
- const masks = {
141
- identity: (0, import_theme_builder.createIdentityMask)(),
142
- soften: (0, import_theme_builder.createSoftenMask)(),
143
- soften2: (0, import_theme_builder.createSoftenMask)({ strength: 2 }),
144
- strengthen: (0, import_theme_builder.createStrengthenMask)(),
145
- inverse: (0, import_theme_builder.createInverseMask)(),
146
- inverseSoften: (0, import_theme_builder.combineMasks)((0, import_theme_builder.createInverseMask)(), (0, import_theme_builder.createSoftenMask)()),
147
- inverseStrengthen2: (0, import_theme_builder.combineMasks)(
148
- (0, import_theme_builder.createInverseMask)(),
149
- (0, import_theme_builder.createStrengthenMask)({ strength: 2 })
150
- ),
151
- strengthenButSoftenBorder: (0, import_theme_builder.createMask)((template, options) => {
152
- const stronger = (0, import_theme_builder.createStrengthenMask)().mask(template, options);
153
- const softer = (0, import_theme_builder.createSoftenMask)().mask(template, options);
154
- return {
155
- ...stronger,
156
- borderColor: softer.borderColor,
157
- borderColorHover: softer.borderColorHover,
158
- borderColorPress: softer.borderColorPress,
159
- borderColorFocus: softer.borderColorFocus
160
- };
161
- })
162
- };
163
- const overlayThemes = {
164
- light: {
165
- background: "rgba(0,0,0,0.5)"
166
- },
167
- dark: {
168
- background: "rgba(0,0,0,0.9)"
169
- }
170
- };
171
- const overlayThemeDefinitions = [
172
- {
173
- parent: "light",
174
- theme: overlayThemes.light
175
- },
176
- {
177
- parent: "dark",
178
- theme: overlayThemes.dark
179
- }
180
- ];
181
- const componentThemeDefinitions = {
182
- ListItem: [
183
- {
184
- parent: "light",
185
- mask: "strengthen",
186
- ...maskOptions.component
187
- },
188
- {
189
- parent: "dark",
190
- mask: "identity",
191
- ...maskOptions.component
192
- }
193
- ],
194
- Card: {
195
- mask: "soften",
196
- ...maskOptions.component
197
- },
198
- Button: {
199
- mask: "soften2",
200
- ...maskOptions.button
201
- },
202
- Checkbox: {
203
- mask: "soften2",
204
- ...maskOptions.component
205
- },
206
- SliderTrackActive: {
207
- mask: "soften2",
208
- ...maskOptions.component
209
- },
210
- Switch: {
211
- mask: "soften2",
212
- ...maskOptions.component
213
- },
214
- SwitchThumb: {
215
- mask: "inverseStrengthen2",
216
- ...maskOptions.component,
217
- debug: true
218
- },
219
- TooltipContent: {
220
- mask: "soften2",
221
- ...maskOptions.component
222
- },
223
- DrawerFrame: {
224
- mask: "soften",
225
- ...maskOptions.component
226
- },
227
- Progress: {
228
- mask: "soften",
229
- ...maskOptions.component
230
- },
231
- TooltipArrow: {
232
- mask: "soften",
233
- ...maskOptions.component
234
- },
235
- SliderTrack: {
236
- mask: "soften",
237
- ...maskOptions.component
238
- },
239
- SliderThumb: {
240
- mask: "inverse",
241
- ...maskOptions.component
242
- },
243
- Tooltip: {
244
- mask: "inverse",
245
- ...maskOptions.component
246
- },
247
- ProgressIndicator: {
248
- mask: "inverse",
249
- ...maskOptions.component
250
- },
251
- SheetOverlay: overlayThemeDefinitions,
252
- DialogOverlay: overlayThemeDefinitions,
253
- ModalOverlay: overlayThemeDefinitions,
254
- Input: [
255
- {
256
- parent: "light",
257
- mask: "strengthenButSoftenBorder",
258
- ...maskOptions.component
259
- },
260
- {
261
- parent: "dark",
262
- mask: "softenBorder",
263
- ...maskOptions.component
264
- }
265
- ],
266
- TextArea: [
267
- {
268
- parent: "light",
269
- mask: "strengthenButSoftenBorder",
270
- ...maskOptions.component
271
- },
272
- {
273
- parent: "dark",
274
- mask: "softenBorder",
275
- ...maskOptions.component
276
- }
277
- ]
278
- };
279
- const themesBuilder = (0, import_theme_builder.createThemeBuilder)().addPalettes(palettes).addTemplates(templates).addMasks(masks).addThemes({
280
- light: {
281
- template: "base",
282
- palette: "light",
283
- nonInheritedValues: {
284
- // add some extra colors here
285
- }
286
- },
287
- dark: {
288
- template: "base",
289
- palette: "dark",
290
- nonInheritedValues: {
291
- // add some extra colors here
292
- }
293
- }
294
- }).addChildThemes({
295
- orange: colorThemeDefinition("orange"),
296
- yellow: colorThemeDefinition("yellow"),
297
- green: colorThemeDefinition("green"),
298
- blue: colorThemeDefinition("blue"),
299
- purple: colorThemeDefinition("purple"),
300
- pink: colorThemeDefinition("pink"),
301
- red: colorThemeDefinition("red")
302
- }).addChildThemes({
303
- alt1: {
304
- mask: "soften",
305
- ...maskOptions.alt
306
- },
307
- alt2: {
308
- mask: "soften2",
309
- ...maskOptions.alt
310
- },
311
- active: {
312
- mask: "soften3",
313
- skip: {
314
- color: 1
315
- }
316
- }
317
- }).addChildThemes(componentThemeDefinitions, {
318
- avoidNestingWithin: ["alt1", "alt2", "active"]
319
- });
320
- const themes = themesBuilder.build();
321
- // Annotate the CommonJS export names for ESM import in node:
322
- 0 && (module.exports = {
323
- themes
324
- });
325
- //# sourceMappingURL=themes-new-example.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/themes-new-example.tsx"],
4
- "mappings": "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",
5
- "names": ["templates", "maskOptions"]
6
- }
@@ -1,244 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var themes_outlined_exports = {};
20
- __export(themes_outlined_exports, {
21
- themes: () => themes
22
- });
23
- module.exports = __toCommonJS(themes_outlined_exports);
24
- var import_create_theme = require("@tamagui/create-theme");
25
- var import_tokens = require("./tokens");
26
- const lightTransparent = "rgba(255,255,255,0)";
27
- const darkTransparent = "rgba(10,10,10,0)";
28
- const palettes = {
29
- dark: [
30
- darkTransparent,
31
- "#050505",
32
- "#151515",
33
- "#191919",
34
- "#232323",
35
- "#282828",
36
- "#323232",
37
- "#424242",
38
- "#494949",
39
- "#545454",
40
- "#626262",
41
- "#a5a5a5",
42
- "#fff",
43
- lightTransparent
44
- ],
45
- light: [
46
- lightTransparent,
47
- "#fff",
48
- "#f9f9f9",
49
- "hsl(0, 0%, 97.3%)",
50
- "hsl(0, 0%, 95.1%)",
51
- "hsl(0, 0%, 94.0%)",
52
- "hsl(0, 0%, 92.0%)",
53
- "hsl(0, 0%, 89.5%)",
54
- "hsl(0, 0%, 81.0%)",
55
- "hsl(0, 0%, 56.1%)",
56
- "hsl(0, 0%, 50.3%)",
57
- "hsl(0, 0%, 42.5%)",
58
- "hsl(0, 0%, 9.0%)",
59
- darkTransparent
60
- ]
61
- };
62
- const templateColors = {
63
- color1: 1,
64
- color2: 2,
65
- color3: 3,
66
- color4: 4,
67
- color5: 5,
68
- color6: 6,
69
- color7: 7,
70
- color8: 8,
71
- color9: 9,
72
- color10: 10,
73
- color11: 11,
74
- color12: 12
75
- };
76
- const templateShadows = {
77
- shadowColor: 1,
78
- shadowColorHover: 1,
79
- shadowColorPress: 2,
80
- shadowColorFocus: 2
81
- };
82
- const toSkip = {
83
- ...templateShadows
84
- };
85
- const override = Object.fromEntries(Object.entries(toSkip).map(([k]) => [k, 0]));
86
- const overrideShadows = Object.fromEntries(
87
- Object.entries(templateShadows).map(([k]) => [k, 0])
88
- );
89
- const overrideWithColors = {
90
- ...override,
91
- color: 0,
92
- colorHover: 0,
93
- colorFocus: 0,
94
- colorPress: 0
95
- };
96
- const template = {
97
- ...templateColors,
98
- ...toSkip,
99
- // the background, color, etc keys here work like generics - they make it so you
100
- // can publish components for others to use without mandating a specific color scale
101
- // the @tamagui/button Button component looks for `$background`, so you set the
102
- // dark_red_Button theme to have a stronger background than the dark_red theme.
103
- background: 1,
104
- backgroundHover: 1,
105
- backgroundPress: 1,
106
- backgroundFocus: 1,
107
- backgroundStrong: 1,
108
- backgroundTransparent: 0,
109
- color: -1,
110
- colorHover: -2,
111
- colorPress: -1,
112
- colorFocus: -2,
113
- colorTransparent: -0,
114
- borderColor: 8,
115
- borderColorHover: 9,
116
- borderColorPress: 7,
117
- borderColorFocus: 6,
118
- placeholderColor: -4
119
- };
120
- const lightTemplate = {
121
- ...template,
122
- background: 2,
123
- backgroundHover: 3,
124
- backgroundPress: 4,
125
- // our light color palette is... a bit unique
126
- borderColor: 10,
127
- borderColorHover: 9,
128
- borderColorFocus: 8,
129
- borderColorPress: 7
130
- };
131
- const darkTemplate = { ...template };
132
- const light = (0, import_create_theme.createTheme)(palettes.light, lightTemplate);
133
- const dark = (0, import_create_theme.createTheme)(palettes.dark, darkTemplate);
134
- const baseThemes = {
135
- light,
136
- dark
137
- };
138
- const masks = {
139
- skip: import_create_theme.skipMask,
140
- weaker: (0, import_create_theme.createWeakenMask)(),
141
- stronger: (0, import_create_theme.createStrengthenMask)()
142
- };
143
- const maskOptions = {
144
- override,
145
- skip: toSkip,
146
- // avoids the transparent ends
147
- max: palettes.light.length - 2,
148
- min: 1
149
- };
150
- const transparent = (hsl, opacity = 0) => hsl.replace(`%)`, `%, ${opacity})`).replace(`hsl(`, `hsla(`);
151
- const [lightColorThemes, darkColorThemes] = [import_tokens.colorTokens.light, import_tokens.colorTokens.dark].map(
152
- (colorSet, i) => {
153
- const isLight = i === 0;
154
- const theme = baseThemes[isLight ? "light" : "dark"];
155
- return Object.fromEntries(
156
- Object.keys(colorSet).map((color) => {
157
- const colorPalette = Object.values(colorSet[color]);
158
- const [head, tail] = [
159
- colorPalette.slice(0, 4),
160
- colorPalette.slice(colorPalette.length - 7)
161
- ];
162
- const palette = [
163
- transparent(colorPalette[0]),
164
- ...head,
165
- ...tail,
166
- theme.color,
167
- transparent(colorPalette[colorPalette.length - 1])
168
- ];
169
- const colorTheme = (0, import_create_theme.createTheme)(
170
- palette,
171
- isLight ? {
172
- ...lightTemplate,
173
- // light color themes are a bit less sensitive
174
- borderColor: 4,
175
- borderColorHover: 5,
176
- borderColorFocus: 4,
177
- borderColorPress: 4
178
- } : darkTemplate
179
- );
180
- return [color, colorTheme];
181
- })
182
- );
183
- }
184
- );
185
- const allThemes = (0, import_create_theme.addChildren)(baseThemes, (name, theme) => {
186
- const isLight = name === "light";
187
- const inverseName = isLight ? "dark" : "light";
188
- const inverseTheme = baseThemes[inverseName];
189
- const colorThemes = isLight ? lightColorThemes : darkColorThemes;
190
- const inverseColorThemes = isLight ? darkColorThemes : lightColorThemes;
191
- const allColorThemes = (0, import_create_theme.addChildren)(colorThemes, (colorName, colorTheme) => {
192
- const inverse = inverseColorThemes[colorName];
193
- return {
194
- ...getAltThemes({
195
- theme: colorTheme,
196
- inverse,
197
- isLight
198
- })
199
- };
200
- });
201
- const baseSubThemes = {
202
- ...getAltThemes({ theme, inverse: inverseTheme, isLight })
203
- };
204
- return {
205
- ...baseSubThemes,
206
- ...allColorThemes
207
- };
208
- });
209
- function getAltThemes({
210
- theme,
211
- inverse,
212
- isLight,
213
- activeTheme
214
- }) {
215
- const maskOptionsAlt = {
216
- ...maskOptions,
217
- override: overrideShadows
218
- };
219
- const alt1 = (0, import_create_theme.applyMask)(theme, masks.weaker, maskOptionsAlt);
220
- const alt2 = (0, import_create_theme.applyMask)(alt1, masks.weaker, maskOptionsAlt);
221
- const active = activeTheme ?? (process.env.ACTIVE_THEME_INVERSE ? inverse : (() => {
222
- return (0, import_create_theme.applyMask)(theme, masks.weaker, {
223
- ...maskOptions,
224
- strength: 3,
225
- skip: {
226
- ...maskOptions.skip,
227
- color: 1
228
- }
229
- });
230
- })());
231
- return { alt1, alt2, active };
232
- }
233
- const themes = {
234
- ...allThemes,
235
- // bring back the full type, the rest use a subset to avoid clogging up ts,
236
- // tamagui will be smart and use the top level themes as the type for useTheme() etc
237
- light: (0, import_create_theme.createTheme)(palettes.light, lightTemplate, { nonInheritedValues: import_tokens.lightColors }),
238
- dark: (0, import_create_theme.createTheme)(palettes.dark, darkTemplate, { nonInheritedValues: import_tokens.darkColors })
239
- };
240
- // Annotate the CommonJS export names for ESM import in node:
241
- 0 && (module.exports = {
242
- themes
243
- });
244
- //# sourceMappingURL=themes.outlined.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/themes.outlined.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAQO;AAEP,oBAA6D;AAI7D,MAAM,mBAAmB;AACzB,MAAM,kBAAkB;AAGxB,MAAM,WAAW;AAAA,EACf,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,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,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;AACF;AAEA,MAAM,iBAAiB;AAAA,EACrB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEA,MAAM,kBAAkB;AAAA,EACtB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AACpB;AAIA,MAAM,SAAS;AAAA,EACb,GAAG;AACL;AAEA,MAAM,WAAW,OAAO,YAAY,OAAO,QAAQ,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/E,MAAM,kBAAkB,OAAO;AAAA,EAC7B,OAAO,QAAQ,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AACrD;AACA,MAAM,qBAAqB;AAAA,EACzB,GAAG;AAAA,EACH,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AACd;AAIA,MAAM,WAAW;AAAA,EACf,GAAG;AAAA,EACH,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,EAKH,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AACpB;AAEA,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EAEH,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,iBAAiB;AAAA;AAAA,EAGjB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AACpB;AAEA,MAAM,eAAe,EAAE,GAAG,SAAS;AAEnC,MAAM,YAAQ,iCAAY,SAAS,OAAO,aAAa;AACvD,MAAM,WAAO,iCAAY,SAAS,MAAM,YAAY;AAIpD,MAAM,aAGF;AAAA,EACF;AAAA,EACA;AACF;AAEA,MAAM,QAAQ;AAAA,EACZ,MAAM;AAAA,EACN,YAAQ,sCAAiB;AAAA,EACzB,cAAU,0CAAqB;AACjC;AAGA,MAAM,cAA2B;AAAA,EAC/B;AAAA,EACA,MAAM;AAAA;AAAA,EAEN,KAAK,SAAS,MAAM,SAAS;AAAA,EAC7B,KAAK;AACP;AAEA,MAAM,cAAc,CAAC,KAAa,UAAU,MAC1C,IAAI,QAAQ,MAAM,MAAM,UAAU,EAAE,QAAQ,QAAQ,OAAO;AAG7D,MAAM,CAAC,kBAAkB,eAAe,IAAI,CAAC,0BAAY,OAAO,0BAAY,IAAI,EAAE;AAAA,EAChF,CAAC,UAAU,MAAM;AACf,UAAM,UAAU,MAAM;AACtB,UAAM,QAAQ,WAAW,UAAU,UAAU,MAAM;AAEnD,WAAO,OAAO;AAAA,MACZ,OAAO,KAAK,QAAQ,EAAE,IAAI,CAAC,UAAU;AACnC,cAAM,eAAe,OAAO,OAAO,SAAS,KAAK,CAAC;AAElD,cAAM,CAAC,MAAM,IAAI,IAAI;AAAA,UACnB,aAAa,MAAM,GAAG,CAAC;AAAA,UACvB,aAAa,MAAM,aAAa,SAAS,CAAC;AAAA,QAC5C;AAIA,cAAM,UAAU;AAAA,UACd,YAAY,aAAa,CAAC,CAAC;AAAA,UAC3B,GAAG;AAAA,UACH,GAAG;AAAA,UACH,MAAM;AAAA,UACN,YAAY,aAAa,aAAa,SAAS,CAAC,CAAC;AAAA,QACnD;AAEA,cAAM,iBAAa;AAAA,UACjB;AAAA,UACA,UACI;AAAA,YACE,GAAG;AAAA;AAAA,YAEH,aAAa;AAAA,YACb,kBAAkB;AAAA,YAClB,kBAAkB;AAAA,YAClB,kBAAkB;AAAA,UACpB,IACA;AAAA,QACN;AAEA,eAAO,CAAC,OAAO,UAAU;AAAA,MAC3B,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,MAAM,gBAAY,iCAAY,YAAY,CAAC,MAAM,UAAU;AACzD,QAAM,UAAU,SAAS;AACzB,QAAM,cAAc,UAAU,SAAS;AACvC,QAAM,eAAe,WAAW,WAAW;AAC3C,QAAM,cAAc,UAAU,mBAAmB;AACjD,QAAM,qBAAqB,UAAU,kBAAkB;AAEvD,QAAM,qBAAiB,iCAAY,aAAa,CAAC,WAAW,eAAe;AACzE,UAAM,UAAU,mBAAmB,SAAS;AAC5C,WAAO;AAAA,MACL,GAAG,aAAa;AAAA,QACd,OAAO;AAAA,QACP;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB;AAAA,IACpB,GAAG,aAAa,EAAE,OAAO,SAAS,cAAc,QAAQ,CAAC;AAAA,EAC3D;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF,CAAC;AAED,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,iBAAiB;AAAA,IACrB,GAAG;AAAA,IACH,UAAU;AAAA,EACZ;AACA,QAAM,WAAO,+BAAU,OAAO,MAAM,QAAQ,cAAc;AAC1D,QAAM,WAAO,+BAAU,MAAM,MAAM,QAAQ,cAAc;AAEzD,QAAM,SACJ,gBACC,QAAQ,IAAI,uBACT,WACC,MAAM;AACL,eAAO,+BAAU,OAAO,MAAM,QAAQ;AAAA,MACpC,GAAG;AAAA,MACH,UAAU;AAAA,MACV,MAAM;AAAA,QACJ,GAAG,YAAY;AAAA,QACf,OAAO;AAAA,MACT;AAAA,IACF,CAAC;AAAA,EACH,GAAG;AAET,SAAO,EAAE,MAAM,MAAM,OAAO;AAC9B;AAEO,MAAM,SAAS;AAAA,EACpB,GAAG;AAAA;AAAA;AAAA,EAGH,WAAO,iCAAY,SAAS,OAAO,eAAe,EAAE,oBAAoB,0BAAY,CAAC;AAAA,EACrF,UAAM,iCAAY,SAAS,MAAM,cAAc,EAAE,oBAAoB,yBAAW,CAAC;AACnF;",
5
- "names": []
6
- }
@@ -1,18 +0,0 @@
1
- import { writeFile } from "fs/promises";
2
- import { themes } from "./themes";
3
- async function run() {
4
- await writeFile("./generated.json", JSON.stringify(themes, null, 2));
5
- const baseType = `type Theme = {
6
- ${Object.entries(themes.light).map(([k]) => {
7
- return ` ${k}: string;
8
- `;
9
- }).join("")}
10
- }`;
11
- const types = Object.keys(themes).map((name) => {
12
- return `export type ${name} = Theme`;
13
- }).join("\n");
14
- await writeFile("./generated.d.ts", `${baseType}
15
- ${types}`);
16
- }
17
- run();
18
- //# sourceMappingURL=generate.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/generate.ts"],
4
- "mappings": "AAAA,SAAS,iBAAiB;AAE1B,SAAS,cAAc;AAEvB,eAAe,MAAM;AACnB,QAAM,UAAU,oBAAoB,KAAK,UAAU,QAAQ,MAAM,CAAC,CAAC;AAEnE,QAAM,WAAW;AAAA,EACjB,OAAO,QAAQ,OAAO,KAAK,EAC1B,IAAI,CAAC,CAAC,CAAC,MAAM;AACZ,WAAO,KAAK;AAAA;AAAA,EACd,CAAC,EACA,KAAK,EAAE;AAAA;AAGR,QAAM,QAAQ,OAAO,KAAK,MAAM,EAC7B,IAAI,CAAC,SAAS;AACb,WAAO,eAAe;AAAA,EACxB,CAAC,EACA,KAAK,IAAI;AAEZ,QAAM,UAAU,oBAAoB,GAAG;AAAA,EAAa,OAAO;AAC7D;AAEA,IAAI;",
5
- "names": []
6
- }