@tamagui/theme-builder 1.121.12 → 1.122.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/dist/cjs/ThemeBuilder.cjs +3 -1
  2. package/dist/cjs/ThemeBuilder.js +5 -1
  3. package/dist/cjs/ThemeBuilder.js.map +1 -1
  4. package/dist/cjs/ThemeBuilder.native.js +3 -1
  5. package/dist/cjs/ThemeBuilder.native.js.map +1 -1
  6. package/dist/cjs/createThemes.cjs +240 -0
  7. package/dist/cjs/createThemes.js +251 -0
  8. package/dist/cjs/createThemes.js.map +6 -0
  9. package/dist/cjs/createThemes.native.js +270 -0
  10. package/dist/cjs/createThemes.native.js.map +6 -0
  11. package/dist/cjs/defaultComponentThemes.cjs +81 -0
  12. package/dist/cjs/defaultComponentThemes.js +40 -0
  13. package/dist/cjs/defaultComponentThemes.js.map +6 -0
  14. package/dist/cjs/defaultComponentThemes.native.js +81 -0
  15. package/dist/cjs/defaultComponentThemes.native.js.map +6 -0
  16. package/dist/cjs/defaultTemplates.cjs +141 -0
  17. package/dist/cjs/defaultTemplates.js +132 -0
  18. package/dist/cjs/defaultTemplates.js.map +6 -0
  19. package/dist/cjs/defaultTemplates.native.js +142 -0
  20. package/dist/cjs/defaultTemplates.native.js.map +6 -0
  21. package/dist/cjs/getThemeSuitePalettes.cjs +81 -0
  22. package/dist/cjs/getThemeSuitePalettes.js +64 -0
  23. package/dist/cjs/getThemeSuitePalettes.js.map +6 -0
  24. package/dist/cjs/getThemeSuitePalettes.native.js +95 -0
  25. package/dist/cjs/getThemeSuitePalettes.native.js.map +6 -0
  26. package/dist/cjs/index.cjs +12 -1
  27. package/dist/cjs/index.js +8 -1
  28. package/dist/cjs/index.js.map +1 -1
  29. package/dist/cjs/index.native.js +15 -1
  30. package/dist/cjs/index.native.js.map +1 -1
  31. package/dist/esm/ThemeBuilder.js +5 -1
  32. package/dist/esm/ThemeBuilder.js.map +1 -1
  33. package/dist/esm/ThemeBuilder.mjs +3 -1
  34. package/dist/esm/ThemeBuilder.mjs.map +1 -1
  35. package/dist/esm/ThemeBuilder.native.js +3 -1
  36. package/dist/esm/ThemeBuilder.native.js.map +1 -1
  37. package/dist/esm/createThemes.js +244 -0
  38. package/dist/esm/createThemes.js.map +6 -0
  39. package/dist/esm/createThemes.mjs +209 -0
  40. package/dist/esm/createThemes.mjs.map +1 -0
  41. package/dist/esm/createThemes.native.js +247 -0
  42. package/dist/esm/createThemes.native.js.map +6 -0
  43. package/dist/esm/defaultComponentThemes.js +24 -0
  44. package/dist/esm/defaultComponentThemes.js.map +6 -0
  45. package/dist/esm/defaultComponentThemes.mjs +58 -0
  46. package/dist/esm/defaultComponentThemes.mjs.map +1 -0
  47. package/dist/esm/defaultComponentThemes.native.js +60 -0
  48. package/dist/esm/defaultComponentThemes.native.js.map +6 -0
  49. package/dist/esm/defaultTemplates.js +116 -0
  50. package/dist/esm/defaultTemplates.js.map +6 -0
  51. package/dist/esm/defaultTemplates.mjs +118 -0
  52. package/dist/esm/defaultTemplates.mjs.map +1 -0
  53. package/dist/esm/defaultTemplates.native.js +122 -0
  54. package/dist/esm/defaultTemplates.native.js.map +6 -0
  55. package/dist/esm/getThemeSuitePalettes.js +48 -0
  56. package/dist/esm/getThemeSuitePalettes.js.map +6 -0
  57. package/dist/esm/getThemeSuitePalettes.mjs +57 -0
  58. package/dist/esm/getThemeSuitePalettes.mjs.map +1 -0
  59. package/dist/esm/getThemeSuitePalettes.native.js +74 -0
  60. package/dist/esm/getThemeSuitePalettes.native.js.map +6 -0
  61. package/dist/esm/index.js +16 -0
  62. package/dist/esm/index.js.map +1 -1
  63. package/dist/esm/index.mjs +5 -1
  64. package/dist/esm/index.mjs.map +1 -1
  65. package/dist/esm/index.native.js +11 -0
  66. package/dist/esm/index.native.js.map +2 -2
  67. package/package.json +3 -3
  68. package/src/ThemeBuilder.ts +3 -1
  69. package/src/createThemes.ts +438 -0
  70. package/src/defaultComponentThemes.ts +22 -0
  71. package/src/defaultTemplates.ts +144 -0
  72. package/src/getThemeSuitePalettes.ts +95 -0
  73. package/src/index.ts +13 -0
  74. package/types/ThemeBuilder.d.ts.map +1 -1
  75. package/types/createThemes.d.ts +86 -0
  76. package/types/createThemes.d.ts.map +1 -0
  77. package/types/defaultComponentThemes.d.ts +57 -0
  78. package/types/defaultComponentThemes.d.ts.map +1 -0
  79. package/types/defaultTemplates.d.ts +2 -0
  80. package/types/defaultTemplates.d.ts.map +1 -0
  81. package/types/getThemeSuitePalettes.d.ts +7 -0
  82. package/types/getThemeSuitePalettes.d.ts.map +1 -0
  83. package/types/index.d.ts +4 -0
  84. package/types/index.d.ts.map +1 -1
@@ -0,0 +1,270 @@
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: !0 });
9
+ }, __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from == "object" || typeof from == "function")
11
+ for (let key of __getOwnPropNames(from))
12
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
+ return to;
14
+ };
15
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
+ var createThemes_exports = {};
17
+ __export(createThemes_exports, {
18
+ PALETTE_BACKGROUND_OFFSET: () => import_getThemeSuitePalettes2.PALETTE_BACKGROUND_OFFSET,
19
+ createPalettes: () => createPalettes,
20
+ createSimpleThemeBuilder: () => createSimpleThemeBuilder,
21
+ createStudioThemes: () => createStudioThemes,
22
+ createThemes: () => createThemes,
23
+ defaultTemplates: () => import_defaultTemplates2.defaultTemplates,
24
+ getComponentThemes: () => getComponentThemes,
25
+ getLastBuilder: () => getLastBuilder,
26
+ getThemeSuitePalettes: () => import_getThemeSuitePalettes2.getThemeSuitePalettes
27
+ });
28
+ module.exports = __toCommonJS(createThemes_exports);
29
+ var import_theme_builder = require("@tamagui/theme-builder"), import_color2k = require("color2k"), import_defaultTemplates = require("./defaultTemplates"), import_getThemeSuitePalettes = require("./getThemeSuitePalettes"), import_defaultComponentThemes = require("./defaultComponentThemes"), import_defaultTemplates2 = require("./defaultTemplates"), import_getThemeSuitePalettes2 = require("./getThemeSuitePalettes");
30
+ function createStudioThemes(props) {
31
+ var palettes = createPalettes(props.palettes);
32
+ return createSimpleThemeBuilder({
33
+ palettes,
34
+ templates: import_defaultTemplates.defaultTemplates,
35
+ componentThemes: import_defaultComponentThemes.defaultComponentThemes,
36
+ accentTheme: !!props.palettes.accent
37
+ });
38
+ }
39
+ function createThemes(props) {
40
+ var { accent, childrenThemes, grandChildrenThemes, templates = import_defaultTemplates.defaultTemplates, componentThemes } = props, builder = createSimpleThemeBuilder({
41
+ extra: props.base.extra,
42
+ componentThemes,
43
+ palettes: createPalettes(getThemesPalettes(props)),
44
+ templates,
45
+ accentTheme: !!accent,
46
+ childrenThemes: normalizeSubThemes(childrenThemes),
47
+ grandChildrenThemes: grandChildrenThemes ? normalizeSubThemes(grandChildrenThemes) : void 0
48
+ });
49
+ return lastBuilder = builder.themeBuilder, builder.themes;
50
+ }
51
+ var lastBuilder = null, getLastBuilder = function() {
52
+ return lastBuilder;
53
+ };
54
+ function normalizeSubThemes(defs) {
55
+ return Object.fromEntries(Object.entries(defs || {}).map(function(param) {
56
+ var [name, value] = param;
57
+ return [
58
+ name,
59
+ {
60
+ palette: name,
61
+ template: value.template || "base"
62
+ }
63
+ ];
64
+ }));
65
+ }
66
+ var defaultPalettes = createPalettes(getThemesPalettes({
67
+ base: {
68
+ palette: [
69
+ "#fff",
70
+ "#000"
71
+ ]
72
+ },
73
+ accent: {
74
+ palette: [
75
+ "#ff0000",
76
+ "#ff9999"
77
+ ]
78
+ }
79
+ }));
80
+ function createSimpleThemeBuilder(props) {
81
+ var { extra, childrenThemes = null, grandChildrenThemes = null, templates = import_defaultTemplates.defaultTemplates, palettes = defaultPalettes, accentTheme, componentThemes = templates === import_defaultTemplates.defaultTemplates ? import_defaultComponentThemes.defaultComponentThemes : void 0 } = props, themeBuilder = (0, import_theme_builder.createThemeBuilder)().addPalettes(palettes).addTemplates(templates).addThemes({
82
+ light: {
83
+ template: "base",
84
+ palette: "light",
85
+ nonInheritedValues: {
86
+ ...extra == null ? void 0 : extra.light,
87
+ ...accentTheme && palettes.light_accent && {
88
+ accent1: palettes.light_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 0],
89
+ accent2: palettes.light_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 1],
90
+ accent3: palettes.light_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 2],
91
+ accent4: palettes.light_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 3],
92
+ accent5: palettes.light_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 4],
93
+ accent6: palettes.light_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 5],
94
+ accent7: palettes.light_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 6],
95
+ accent8: palettes.light_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 7],
96
+ accent9: palettes.light_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 8],
97
+ accent10: palettes.light_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 9],
98
+ accent11: palettes.light_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 10],
99
+ accent12: palettes.light_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 11]
100
+ }
101
+ }
102
+ },
103
+ dark: {
104
+ template: "base",
105
+ palette: "dark",
106
+ nonInheritedValues: {
107
+ ...extra == null ? void 0 : extra.dark,
108
+ ...accentTheme && palettes.dark_accent && {
109
+ accent1: palettes.dark_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 0],
110
+ accent2: palettes.dark_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 1],
111
+ accent3: palettes.dark_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 2],
112
+ accent4: palettes.dark_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 3],
113
+ accent5: palettes.dark_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 4],
114
+ accent6: palettes.dark_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 5],
115
+ accent7: palettes.dark_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 6],
116
+ accent8: palettes.dark_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 7],
117
+ accent9: palettes.dark_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 8],
118
+ accent10: palettes.dark_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 9],
119
+ accent11: palettes.dark_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 10],
120
+ accent12: palettes.dark_accent[import_theme_builder.PALETTE_BACKGROUND_OFFSET + 11]
121
+ }
122
+ }
123
+ }
124
+ });
125
+ return palettes.light_accent && (themeBuilder = themeBuilder.addChildThemes({
126
+ accent: [
127
+ {
128
+ parent: "light",
129
+ template: "base",
130
+ palette: "light_accent"
131
+ },
132
+ {
133
+ parent: "dark",
134
+ template: "base",
135
+ palette: "dark_accent"
136
+ }
137
+ ]
138
+ })), childrenThemes && (themeBuilder = themeBuilder.addChildThemes(childrenThemes, {
139
+ avoidNestingWithin: [
140
+ "accent"
141
+ ]
142
+ })), grandChildrenThemes && (themeBuilder = themeBuilder.addChildThemes(grandChildrenThemes, {
143
+ avoidNestingWithin: [
144
+ "accent"
145
+ ]
146
+ })), componentThemes && (themeBuilder = themeBuilder.addComponentThemes(getComponentThemes(componentThemes), {
147
+ avoidNestingWithin: [
148
+ "accent",
149
+ // ...Object.keys(childrenThemes || {}),
150
+ ...Object.keys(grandChildrenThemes || {})
151
+ ]
152
+ })), {
153
+ themeBuilder,
154
+ themes: themeBuilder.build()
155
+ };
156
+ }
157
+ function getSchemePalette(colors) {
158
+ return {
159
+ light: colors,
160
+ dark: colors.toReversed()
161
+ };
162
+ }
163
+ function getAnchors(palette) {
164
+ var maxIndex = 11, numItems = palette.light.length, anchors = palette.light.map(function(lcolor, index) {
165
+ var dcolor = palette.dark[index], [lhue, lsat, llum] = (0, import_color2k.parseToHsla)(lcolor), [dhue, dsat, dlum] = (0, import_color2k.parseToHsla)(dcolor);
166
+ return {
167
+ index: spreadIndex(maxIndex, numItems, index),
168
+ hue: {
169
+ light: lhue,
170
+ dark: dhue
171
+ },
172
+ sat: {
173
+ light: lsat,
174
+ dark: dsat
175
+ },
176
+ lum: {
177
+ light: llum,
178
+ dark: dlum
179
+ }
180
+ };
181
+ });
182
+ return anchors;
183
+ }
184
+ function spreadIndex(maxIndex, numItems, index) {
185
+ return Math.round(index / (numItems - 1) * maxIndex);
186
+ }
187
+ function coerceSimplePaletteToSchemePalette(def) {
188
+ return Array.isArray(def) ? getSchemePalette(def) : def;
189
+ }
190
+ function getThemesPalettes(props) {
191
+ var base = coerceSimplePaletteToSchemePalette(props.base.palette), accent = props.accent ? coerceSimplePaletteToSchemePalette(props.accent.palette) : null, baseAnchors = getAnchors(base);
192
+ function getSubThemesPalettes(defs) {
193
+ return Object.fromEntries(Object.entries(defs).map(function(param) {
194
+ var [key, value] = param;
195
+ return [
196
+ key,
197
+ {
198
+ name: key,
199
+ anchors: value.palette ? getAnchors(coerceSimplePaletteToSchemePalette(value.palette)) : baseAnchors
200
+ }
201
+ ];
202
+ }));
203
+ }
204
+ return {
205
+ base: {
206
+ name: "base",
207
+ anchors: baseAnchors
208
+ },
209
+ ...accent && {
210
+ accent: {
211
+ name: "accent",
212
+ anchors: getAnchors(accent)
213
+ }
214
+ },
215
+ ...props.childrenThemes && getSubThemesPalettes(props.childrenThemes),
216
+ ...props.grandChildrenThemes && getSubThemesPalettes(props.grandChildrenThemes)
217
+ };
218
+ }
219
+ var getComponentThemes = function(components) {
220
+ return Object.fromEntries(Object.entries(components).map(function(param) {
221
+ var [componentName, { template }] = param;
222
+ return [
223
+ componentName,
224
+ {
225
+ parent: "",
226
+ template: template || "base"
227
+ }
228
+ ];
229
+ }));
230
+ };
231
+ function createPalettes(palettes) {
232
+ var accentPalettes = palettes.accent ? (0, import_getThemeSuitePalettes.getThemeSuitePalettes)(palettes.accent) : null, basePalettes = (0, import_getThemeSuitePalettes.getThemeSuitePalettes)(palettes.base), next = Object.fromEntries(Object.entries(palettes).flatMap(function(param) {
233
+ var [name, palette] = param, _$palettes = (0, import_getThemeSuitePalettes.getThemeSuitePalettes)(palette), isAccent = name.startsWith("accent"), oppositePalettes = isAccent ? basePalettes : accentPalettes || basePalettes;
234
+ if (!oppositePalettes)
235
+ return [];
236
+ var oppositeLight = oppositePalettes.light, oppositeDark = oppositePalettes.dark, bgOffset = 7, out = [
237
+ [
238
+ name === "base" ? "light" : `light_${name}`,
239
+ [
240
+ oppositeLight[bgOffset],
241
+ ..._$palettes.light,
242
+ oppositeLight[oppositeLight.length - bgOffset - 1]
243
+ ]
244
+ ],
245
+ [
246
+ name === "base" ? "dark" : `dark_${name}`,
247
+ [
248
+ oppositeDark[oppositeDark.length - bgOffset - 1],
249
+ ..._$palettes.dark,
250
+ oppositeDark[bgOffset]
251
+ ]
252
+ ]
253
+ ];
254
+ return out;
255
+ }));
256
+ return next;
257
+ }
258
+ // Annotate the CommonJS export names for ESM import in node:
259
+ 0 && (module.exports = {
260
+ PALETTE_BACKGROUND_OFFSET,
261
+ createPalettes,
262
+ createSimpleThemeBuilder,
263
+ createStudioThemes,
264
+ createThemes,
265
+ defaultTemplates,
266
+ getComponentThemes,
267
+ getLastBuilder,
268
+ getThemeSuitePalettes
269
+ });
270
+ //# sourceMappingURL=createThemes.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Users/n8/tamagui/code/core/theme-builder/src/createThemes.ts"],
4
+ "mappings": "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",
5
+ "names": ["import_defaultTemplates", "import_getThemeSuitePalettes", "createStudioThemes", "props", "palettes", "createPalettes", "createSimpleThemeBuilder", "templates", "defaultTemplates", "componentThemes", "defaultComponentThemes", "accentTheme", "accent", "createThemes", "childrenThemes", "grandChildrenThemes", "builder", "extra", "base", "getThemesPalettes", "normalizeSubThemes", "undefined", "lastBuilder", "themeBuilder", "themes", "getLastBuilder", "defs", "Object", "fromEntries", "entries", "map", "name", "value", "palette", "template", "defaultPalettes", "createThemeBuilder", "addPalettes", "addTemplates", "addThemes", "light", "nonInheritedValues", "light_accent", "accent1", "PALETTE_BACKGROUND_OFFSET", "accent2", "accent3", "accent4", "accent5", "accent6", "accent7", "accent8", "accent9", "accent10", "accent11", "accent12", "dark", "dark_accent", "addChildThemes", "parent", "avoidNestingWithin", "addComponentThemes", "getComponentThemes", "keys", "build", "getSchemePalette", "colors", "toReversed", "getAnchors", "maxIndex", "numItems", "length", "anchors", "lcolor", "index", "dcolor", "lhue", "lsat", "llum", "parseToHsla", "dhue", "dsat", "dlum", "spreadIndex", "hue", "sat", "lum", "Math", "round", "coerceSimplePaletteToSchemePalette", "def", "Array", "isArray", "baseAnchors", "getSubThemesPalettes", "key", "components", "componentName", "accentPalettes", "getThemeSuitePalettes", "basePalettes", "next", "flatMap", "isAccent", "startsWith", "oppositePalettes", "oppositeLight", "oppositeDark", "bgOffset", "out"]
6
+ }
@@ -0,0 +1,81 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all) __defProp(target, name, {
7
+ get: all[name],
8
+ enumerable: !0
9
+ });
10
+ },
11
+ __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
13
+ get: () => from[key],
14
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
+ });
16
+ return to;
17
+ };
18
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
19
+ value: !0
20
+ }), mod);
21
+ var defaultComponentThemes_exports = {};
22
+ __export(defaultComponentThemes_exports, {
23
+ defaultComponentThemes: () => defaultComponentThemes
24
+ });
25
+ module.exports = __toCommonJS(defaultComponentThemes_exports);
26
+ const defaultComponentThemes = {
27
+ ListItem: {
28
+ template: "surface1"
29
+ },
30
+ SelectTrigger: {
31
+ template: "surface1"
32
+ },
33
+ Card: {
34
+ template: "surface1"
35
+ },
36
+ Button: {
37
+ template: "surface3"
38
+ },
39
+ Checkbox: {
40
+ template: "surface2"
41
+ },
42
+ Switch: {
43
+ template: "surface2"
44
+ },
45
+ SwitchThumb: {
46
+ template: "inverse"
47
+ },
48
+ TooltipContent: {
49
+ template: "surface2"
50
+ },
51
+ Progress: {
52
+ template: "surface1"
53
+ },
54
+ RadioGroupItem: {
55
+ template: "surface2"
56
+ },
57
+ TooltipArrow: {
58
+ template: "surface1"
59
+ },
60
+ SliderTrackActive: {
61
+ template: "surface3"
62
+ },
63
+ SliderTrack: {
64
+ template: "surface1"
65
+ },
66
+ SliderThumb: {
67
+ template: "inverse"
68
+ },
69
+ Tooltip: {
70
+ template: "inverse"
71
+ },
72
+ ProgressIndicator: {
73
+ template: "inverse"
74
+ },
75
+ Input: {
76
+ template: "surface1"
77
+ },
78
+ TextArea: {
79
+ template: "surface1"
80
+ }
81
+ };
@@ -0,0 +1,40 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: !0 });
8
+ }, __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from == "object" || typeof from == "function")
10
+ for (let key of __getOwnPropNames(from))
11
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
+ return to;
13
+ };
14
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
+ var defaultComponentThemes_exports = {};
16
+ __export(defaultComponentThemes_exports, {
17
+ defaultComponentThemes: () => defaultComponentThemes
18
+ });
19
+ module.exports = __toCommonJS(defaultComponentThemes_exports);
20
+ const defaultComponentThemes = {
21
+ ListItem: { template: "surface1" },
22
+ SelectTrigger: { template: "surface1" },
23
+ Card: { template: "surface1" },
24
+ Button: { template: "surface3" },
25
+ Checkbox: { template: "surface2" },
26
+ Switch: { template: "surface2" },
27
+ SwitchThumb: { template: "inverse" },
28
+ TooltipContent: { template: "surface2" },
29
+ Progress: { template: "surface1" },
30
+ RadioGroupItem: { template: "surface2" },
31
+ TooltipArrow: { template: "surface1" },
32
+ SliderTrackActive: { template: "surface3" },
33
+ SliderTrack: { template: "surface1" },
34
+ SliderThumb: { template: "inverse" },
35
+ Tooltip: { template: "inverse" },
36
+ ProgressIndicator: { template: "inverse" },
37
+ Input: { template: "surface1" },
38
+ TextArea: { template: "surface1" }
39
+ };
40
+ //# sourceMappingURL=defaultComponentThemes.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/defaultComponentThemes.ts"],
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,yBAAyB;AAAA,EACpC,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,eAAe,EAAE,UAAU,WAAW;AAAA,EACtC,MAAM,EAAE,UAAU,WAAW;AAAA,EAC7B,QAAQ,EAAE,UAAU,WAAW;AAAA,EAC/B,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,QAAQ,EAAE,UAAU,WAAW;AAAA,EAC/B,aAAa,EAAE,UAAU,UAAU;AAAA,EACnC,gBAAgB,EAAE,UAAU,WAAW;AAAA,EACvC,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,gBAAgB,EAAE,UAAU,WAAW;AAAA,EACvC,cAAc,EAAE,UAAU,WAAW;AAAA,EACrC,mBAAmB,EAAE,UAAU,WAAW;AAAA,EAC1C,aAAa,EAAE,UAAU,WAAW;AAAA,EACpC,aAAa,EAAE,UAAU,UAAU;AAAA,EACnC,SAAS,EAAE,UAAU,UAAU;AAAA,EAC/B,mBAAmB,EAAE,UAAU,UAAU;AAAA,EACzC,OAAO,EAAE,UAAU,WAAW;AAAA,EAC9B,UAAU,EAAE,UAAU,WAAW;AACnC;",
5
+ "names": []
6
+ }
@@ -0,0 +1,81 @@
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: !0 });
9
+ }, __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from == "object" || typeof from == "function")
11
+ for (let key of __getOwnPropNames(from))
12
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
+ return to;
14
+ };
15
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
+ var defaultComponentThemes_exports = {};
17
+ __export(defaultComponentThemes_exports, {
18
+ defaultComponentThemes: () => defaultComponentThemes
19
+ });
20
+ module.exports = __toCommonJS(defaultComponentThemes_exports);
21
+ var defaultComponentThemes = {
22
+ ListItem: {
23
+ template: "surface1"
24
+ },
25
+ SelectTrigger: {
26
+ template: "surface1"
27
+ },
28
+ Card: {
29
+ template: "surface1"
30
+ },
31
+ Button: {
32
+ template: "surface3"
33
+ },
34
+ Checkbox: {
35
+ template: "surface2"
36
+ },
37
+ Switch: {
38
+ template: "surface2"
39
+ },
40
+ SwitchThumb: {
41
+ template: "inverse"
42
+ },
43
+ TooltipContent: {
44
+ template: "surface2"
45
+ },
46
+ Progress: {
47
+ template: "surface1"
48
+ },
49
+ RadioGroupItem: {
50
+ template: "surface2"
51
+ },
52
+ TooltipArrow: {
53
+ template: "surface1"
54
+ },
55
+ SliderTrackActive: {
56
+ template: "surface3"
57
+ },
58
+ SliderTrack: {
59
+ template: "surface1"
60
+ },
61
+ SliderThumb: {
62
+ template: "inverse"
63
+ },
64
+ Tooltip: {
65
+ template: "inverse"
66
+ },
67
+ ProgressIndicator: {
68
+ template: "inverse"
69
+ },
70
+ Input: {
71
+ template: "surface1"
72
+ },
73
+ TextArea: {
74
+ template: "surface1"
75
+ }
76
+ };
77
+ // Annotate the CommonJS export names for ESM import in node:
78
+ 0 && (module.exports = {
79
+ defaultComponentThemes
80
+ });
81
+ //# sourceMappingURL=defaultComponentThemes.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Users/n8/tamagui/code/core/theme-builder/src/defaultComponentThemes.ts"],
4
+ "mappings": ";;;;;;;;;;;;;;;AAEA;;;;;AAAO,IAAMA,yBAAyB;EACpCC,UAAU;IAAEC,UAAU;EAAW;EACjCC,eAAe;IAAED,UAAU;EAAW;EACtCE,MAAM;IAAEF,UAAU;EAAW;EAC7BG,QAAQ;IAAEH,UAAU;EAAW;EAC/BI,UAAU;IAAEJ,UAAU;EAAW;EACjCK,QAAQ;IAAEL,UAAU;EAAW;EAC/BM,aAAa;IAAEN,UAAU;EAAU;EACnCO,gBAAgB;IAAEP,UAAU;EAAW;EACvCQ,UAAU;IAAER,UAAU;EAAW;EACjCS,gBAAgB;IAAET,UAAU;EAAW;EACvCU,cAAc;IAAEV,UAAU;EAAW;EACrCW,mBAAmB;IAAEX,UAAU;EAAW;EAC1CY,aAAa;IAAEZ,UAAU;EAAW;EACpCa,aAAa;IAAEb,UAAU;EAAU;EACnCc,SAAS;IAAEd,UAAU;EAAU;EAC/Be,mBAAmB;IAAEf,UAAU;EAAU;EACzCgB,OAAO;IAAEhB,UAAU;EAAW;EAC9BiB,UAAU;IAAEjB,UAAU;EAAW;AACnC;",
5
+ "names": ["defaultComponentThemes", "ListItem", "template", "SelectTrigger", "Card", "Button", "Checkbox", "Switch", "SwitchThumb", "TooltipContent", "Progress", "RadioGroupItem", "TooltipArrow", "SliderTrackActive", "SliderTrack", "SliderThumb", "Tooltip", "ProgressIndicator", "Input", "TextArea"]
6
+ }
@@ -0,0 +1,141 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all) __defProp(target, name, {
7
+ get: all[name],
8
+ enumerable: !0
9
+ });
10
+ },
11
+ __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
13
+ get: () => from[key],
14
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
+ });
16
+ return to;
17
+ };
18
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
19
+ value: !0
20
+ }), mod);
21
+ var defaultTemplates_exports = {};
22
+ __export(defaultTemplates_exports, {
23
+ defaultTemplates: () => defaultTemplates
24
+ });
25
+ module.exports = __toCommonJS(defaultTemplates_exports);
26
+ var import_themes = require("@tamagui/themes");
27
+ const getTemplates = () => {
28
+ const lightTemplates = getBaseTemplates("light"),
29
+ darkTemplates = getBaseTemplates("dark");
30
+ return {
31
+ ...(0, import_themes.objectFromEntries)((0, import_themes.objectKeys)(lightTemplates).map(name => [`light_${name}`, lightTemplates[name]])),
32
+ ...(0, import_themes.objectFromEntries)((0, import_themes.objectKeys)(darkTemplates).map(name => [`dark_${name}`, darkTemplates[name]]))
33
+ };
34
+ },
35
+ getBaseTemplates = scheme => {
36
+ const isLight = scheme === "light",
37
+ bgIndex = 6,
38
+ lighten = isLight ? -1 : 1,
39
+ darken = -lighten,
40
+ borderColor = bgIndex + 3,
41
+ base = {
42
+ accentBackground: 0,
43
+ accentColor: -0,
44
+ background0: 1,
45
+ background02: 2,
46
+ background04: 3,
47
+ background06: 4,
48
+ background08: 5,
49
+ color1: bgIndex,
50
+ color2: bgIndex + 1,
51
+ color3: bgIndex + 2,
52
+ color4: bgIndex + 3,
53
+ color5: bgIndex + 4,
54
+ color6: bgIndex + 5,
55
+ color7: bgIndex + 6,
56
+ color8: bgIndex + 7,
57
+ color9: bgIndex + 8,
58
+ color10: bgIndex + 9,
59
+ color11: bgIndex + 10,
60
+ color12: bgIndex + 11,
61
+ color0: -1,
62
+ color02: -2,
63
+ color04: -3,
64
+ color06: -4,
65
+ color08: -5,
66
+ // the background, color, etc keys here work like generics - they make it so you
67
+ // can publish components for others to use without mandating a specific color scale
68
+ // the @tamagui/button Button component looks for `$background`, so you set the
69
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
70
+ background: bgIndex,
71
+ backgroundHover: bgIndex + lighten,
72
+ // always lighten on hover no matter the scheme
73
+ backgroundPress: bgIndex + darken,
74
+ // always darken on press no matter the theme
75
+ backgroundFocus: bgIndex + darken,
76
+ borderColor,
77
+ borderColorHover: borderColor + lighten,
78
+ borderColorPress: borderColor + darken,
79
+ borderColorFocus: borderColor,
80
+ color: -bgIndex,
81
+ colorHover: -bgIndex - 1,
82
+ colorPress: -bgIndex,
83
+ colorFocus: -bgIndex - 1,
84
+ colorTransparent: -1,
85
+ placeholderColor: -bgIndex - 3,
86
+ outlineColor: -2
87
+ },
88
+ surface1 = {
89
+ background: base.background + 1,
90
+ backgroundHover: base.backgroundHover + 1,
91
+ backgroundPress: base.backgroundPress + 1,
92
+ backgroundFocus: base.backgroundFocus + 1,
93
+ borderColor: base.borderColor + 1,
94
+ borderColorHover: base.borderColorHover + 1,
95
+ borderColorFocus: base.borderColorFocus + 1,
96
+ borderColorPress: base.borderColorPress + 1
97
+ },
98
+ surface2 = {
99
+ background: base.background + 2,
100
+ backgroundHover: base.backgroundHover + 2,
101
+ backgroundPress: base.backgroundPress + 2,
102
+ backgroundFocus: base.backgroundFocus + 2,
103
+ borderColor: base.borderColor + 2,
104
+ borderColorHover: base.borderColorHover + 2,
105
+ borderColorFocus: base.borderColorFocus + 2,
106
+ borderColorPress: base.borderColorPress + 2
107
+ },
108
+ surface3 = {
109
+ background: base.background + 3,
110
+ backgroundHover: base.backgroundHover + 3,
111
+ backgroundPress: base.backgroundPress + 3,
112
+ backgroundFocus: base.backgroundFocus + 3,
113
+ borderColor: base.borderColor + 3,
114
+ borderColorHover: base.borderColorHover + 3,
115
+ borderColorFocus: base.borderColorFocus + 3,
116
+ borderColorPress: base.borderColorPress + 3
117
+ },
118
+ alt1 = {
119
+ color: base.color - 1,
120
+ colorHover: base.colorHover - 1,
121
+ colorPress: base.colorPress - 1,
122
+ colorFocus: base.colorFocus - 1
123
+ },
124
+ alt2 = {
125
+ color: base.color - 2,
126
+ colorHover: base.colorHover - 2,
127
+ colorPress: base.colorPress - 2,
128
+ colorFocus: base.colorFocus - 2
129
+ },
130
+ inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => [key, -index]));
131
+ return {
132
+ base,
133
+ surface1,
134
+ surface2,
135
+ surface3,
136
+ alt1,
137
+ alt2,
138
+ inverse
139
+ };
140
+ },
141
+ defaultTemplates = getTemplates();