@tamagui/theme-builder 1.121.12-1737270844392 → 1.121.12-1737332968773

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/createThemeSuite.cjs +205 -0
  7. package/dist/cjs/createThemeSuite.js +214 -0
  8. package/dist/cjs/createThemeSuite.js.map +6 -0
  9. package/dist/cjs/createThemeSuite.native.js +234 -0
  10. package/dist/cjs/createThemeSuite.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 +139 -0
  17. package/dist/cjs/defaultTemplates.js +130 -0
  18. package/dist/cjs/defaultTemplates.js.map +6 -0
  19. package/dist/cjs/defaultTemplates.native.js +140 -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 +63 -0
  23. package/dist/cjs/getThemeSuitePalettes.js.map +6 -0
  24. package/dist/cjs/getThemeSuitePalettes.native.js +94 -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/createThemeSuite.js +204 -0
  38. package/dist/esm/createThemeSuite.js.map +6 -0
  39. package/dist/esm/createThemeSuite.mjs +174 -0
  40. package/dist/esm/createThemeSuite.mjs.map +1 -0
  41. package/dist/esm/createThemeSuite.native.js +211 -0
  42. package/dist/esm/createThemeSuite.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 +114 -0
  50. package/dist/esm/defaultTemplates.js.map +6 -0
  51. package/dist/esm/defaultTemplates.mjs +116 -0
  52. package/dist/esm/defaultTemplates.mjs.map +1 -0
  53. package/dist/esm/defaultTemplates.native.js +120 -0
  54. package/dist/esm/defaultTemplates.native.js.map +6 -0
  55. package/dist/esm/getThemeSuitePalettes.js +47 -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 +73 -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/createThemeSuite.ts +394 -0
  70. package/src/defaultComponentThemes.ts +22 -0
  71. package/src/defaultTemplates.ts +142 -0
  72. package/src/getThemeSuitePalettes.ts +94 -0
  73. package/src/index.ts +13 -0
  74. package/types/ThemeBuilder.d.ts.map +1 -1
  75. package/types/createThemeSuite.d.ts +86 -0
  76. package/types/createThemeSuite.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,234 @@
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 createThemeSuite_exports = {};
17
+ __export(createThemeSuite_exports, {
18
+ PALETTE_BACKGROUND_OFFSET: () => import_getThemeSuitePalettes2.PALETTE_BACKGROUND_OFFSET,
19
+ createPalettes: () => createPalettes,
20
+ createSimpleThemeBuilder: () => createSimpleThemeBuilder,
21
+ createStudioThemes: () => createStudioThemes,
22
+ createThemeSuite: () => createThemeSuite,
23
+ defaultTemplates: () => import_defaultTemplates2.defaultTemplates,
24
+ getComponentThemes: () => getComponentThemes,
25
+ getLastBuilder: () => getLastBuilder,
26
+ getThemeSuitePalettes: () => import_getThemeSuitePalettes2.getThemeSuitePalettes
27
+ });
28
+ module.exports = __toCommonJS(createThemeSuite_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
+ });
37
+ }
38
+ function createThemeSuite(props) {
39
+ var { accent, childrenThemes, grandChildrenThemes, templates = import_defaultTemplates.defaultTemplates, componentThemes = import_defaultComponentThemes.defaultComponentThemes } = props, builder = createSimpleThemeBuilder({
40
+ extra: props.base.extra,
41
+ componentThemes,
42
+ palettes: createPalettes(getThemesPalettes(props)),
43
+ templates,
44
+ accentTheme: !!accent,
45
+ childrenThemes: normalizeSubThemes(childrenThemes),
46
+ grandChildrenThemes: grandChildrenThemes ? normalizeSubThemes(grandChildrenThemes) : void 0
47
+ });
48
+ return lastBuilder = builder.themeBuilder, builder.themes;
49
+ }
50
+ var lastBuilder = null, getLastBuilder = function() {
51
+ return lastBuilder;
52
+ };
53
+ function normalizeSubThemes(defs) {
54
+ return Object.fromEntries(Object.entries(defs || {}).map(function(param) {
55
+ var [name, value] = param;
56
+ return [
57
+ name,
58
+ {
59
+ palette: name,
60
+ template: value.template || "base"
61
+ }
62
+ ];
63
+ }));
64
+ }
65
+ var defaultPalettes = createPalettes(getThemesPalettes({
66
+ base: {
67
+ palette: [
68
+ "#fff",
69
+ "#000"
70
+ ]
71
+ },
72
+ accent: {
73
+ palette: [
74
+ "#ff0000",
75
+ "#ff9999"
76
+ ]
77
+ }
78
+ }));
79
+ function createSimpleThemeBuilder(props) {
80
+ var { extra, childrenThemes = null, grandChildrenThemes = null, templates = import_defaultTemplates.defaultTemplates, palettes = defaultPalettes, componentThemes = templates === import_defaultTemplates.defaultTemplates ? import_defaultComponentThemes.defaultComponentThemes : void 0 } = props, themeBuilder = (0, import_theme_builder.createThemeBuilder)().addPalettes(palettes).addTemplates(templates).addThemes({
81
+ light: {
82
+ template: "base",
83
+ palette: "light",
84
+ nonInheritedValues: extra == null ? void 0 : extra.light
85
+ },
86
+ dark: {
87
+ template: "base",
88
+ palette: "dark",
89
+ nonInheritedValues: extra == null ? void 0 : extra.dark
90
+ }
91
+ });
92
+ return palettes.light_accent && (themeBuilder = themeBuilder.addChildThemes({
93
+ accent: [
94
+ {
95
+ parent: "light",
96
+ template: "base",
97
+ palette: "light_accent"
98
+ },
99
+ {
100
+ parent: "dark",
101
+ template: "base",
102
+ palette: "dark_accent"
103
+ }
104
+ ]
105
+ })), childrenThemes && (themeBuilder = themeBuilder.addChildThemes(childrenThemes, {
106
+ avoidNestingWithin: [
107
+ "accent"
108
+ ]
109
+ })), grandChildrenThemes && (themeBuilder = themeBuilder.addChildThemes(grandChildrenThemes, {
110
+ avoidNestingWithin: [
111
+ "accent"
112
+ ]
113
+ })), componentThemes && (themeBuilder = themeBuilder.addComponentThemes(getComponentThemes(componentThemes), {
114
+ avoidNestingWithin: [
115
+ "accent",
116
+ // ...Object.keys(childrenThemes || {}),
117
+ ...Object.keys(grandChildrenThemes || {})
118
+ ]
119
+ })), {
120
+ themeBuilder,
121
+ themes: themeBuilder.build()
122
+ };
123
+ }
124
+ function getSchemePalette(colors) {
125
+ return {
126
+ light: colors,
127
+ dark: colors.toReversed()
128
+ };
129
+ }
130
+ function getAnchors(palette) {
131
+ var maxIndex = 11, numItems = palette.light.length, anchors = palette.light.map(function(lcolor, index) {
132
+ var dcolor = palette.dark[index], [lhue, lsat, llum] = (0, import_color2k.parseToHsla)(lcolor), [dhue, dsat, dlum] = (0, import_color2k.parseToHsla)(dcolor);
133
+ return {
134
+ index: spreadIndex(maxIndex, numItems, index),
135
+ hue: {
136
+ light: lhue,
137
+ dark: dhue
138
+ },
139
+ sat: {
140
+ light: lsat,
141
+ dark: dsat
142
+ },
143
+ lum: {
144
+ light: llum,
145
+ dark: dlum
146
+ }
147
+ };
148
+ });
149
+ return anchors;
150
+ }
151
+ function spreadIndex(maxIndex, numItems, index) {
152
+ return Math.round(index / (numItems - 1) * maxIndex);
153
+ }
154
+ function coerceSimplePaletteToSchemePalette(def) {
155
+ return Array.isArray(def) ? getSchemePalette(def) : def;
156
+ }
157
+ function getThemesPalettes(props) {
158
+ var base = coerceSimplePaletteToSchemePalette(props.base.palette), accent = props.accent ? coerceSimplePaletteToSchemePalette(props.accent.palette) : null, baseAnchors = getAnchors(base);
159
+ function getSubThemesPalettes(defs) {
160
+ return Object.fromEntries(Object.entries(defs).map(function(param) {
161
+ var [key, value] = param;
162
+ return [
163
+ key,
164
+ {
165
+ name: key,
166
+ anchors: value.palette ? getAnchors(coerceSimplePaletteToSchemePalette(value.palette)) : baseAnchors
167
+ }
168
+ ];
169
+ }));
170
+ }
171
+ return {
172
+ base: {
173
+ name: "base",
174
+ anchors: baseAnchors
175
+ },
176
+ ...accent && {
177
+ accent: {
178
+ name: "accent",
179
+ anchors: getAnchors(accent)
180
+ }
181
+ },
182
+ ...props.childrenThemes && getSubThemesPalettes(props.childrenThemes),
183
+ ...props.grandChildrenThemes && getSubThemesPalettes(props.grandChildrenThemes)
184
+ };
185
+ }
186
+ var getComponentThemes = function(components) {
187
+ return Object.fromEntries(Object.entries(components).map(function(param) {
188
+ var [componentName, { template }] = param;
189
+ return [
190
+ componentName,
191
+ {
192
+ parent: "",
193
+ template: template || "base"
194
+ }
195
+ ];
196
+ }));
197
+ };
198
+ function createPalettes(palettes) {
199
+ 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) {
200
+ var [name, palette] = param, _$palettes = (0, import_getThemeSuitePalettes.getThemeSuitePalettes)(palette), isAccent = name.startsWith("accent"), oppositePalettes = isAccent ? basePalettes : accentPalettes, oppositeLight = oppositePalettes.light, oppositeDark = oppositePalettes.dark, bgOffset = 7, out = [
201
+ [
202
+ name === "base" ? "light" : `light_${name}`,
203
+ [
204
+ oppositeLight[bgOffset],
205
+ ..._$palettes.light,
206
+ oppositeLight[oppositeLight.length - bgOffset - 1]
207
+ ]
208
+ ],
209
+ [
210
+ name === "base" ? "dark" : `dark_${name}`,
211
+ [
212
+ oppositeDark[oppositeDark.length - bgOffset - 1],
213
+ ..._$palettes.dark,
214
+ oppositeDark[bgOffset]
215
+ ]
216
+ ]
217
+ ];
218
+ return out;
219
+ }));
220
+ return next;
221
+ }
222
+ // Annotate the CommonJS export names for ESM import in node:
223
+ 0 && (module.exports = {
224
+ PALETTE_BACKGROUND_OFFSET,
225
+ createPalettes,
226
+ createSimpleThemeBuilder,
227
+ createStudioThemes,
228
+ createThemeSuite,
229
+ defaultTemplates,
230
+ getComponentThemes,
231
+ getLastBuilder,
232
+ getThemeSuitePalettes
233
+ });
234
+ //# sourceMappingURL=createThemeSuite.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Users/n8/tamagui/code/core/theme-builder/src/createThemeSuite.ts"],
4
+ "mappings": "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",
5
+ "names": ["import_defaultTemplates", "import_getThemeSuitePalettes", "createStudioThemes", "props", "palettes", "createPalettes", "createSimpleThemeBuilder", "templates", "defaultTemplates", "componentThemes", "defaultComponentThemes", "createThemeSuite", "accent", "childrenThemes", "grandChildrenThemes", "builder", "extra", "base", "getThemesPalettes", "accentTheme", "normalizeSubThemes", "undefined", "lastBuilder", "themeBuilder", "themes", "getLastBuilder", "defs", "Object", "fromEntries", "entries", "map", "name", "value", "palette", "template", "defaultPalettes", "createThemeBuilder", "addPalettes", "addTemplates", "addThemes", "light", "nonInheritedValues", "dark", "light_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,139 @@
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 = 5,
38
+ lighten = isLight ? -1 : 1,
39
+ darken = -lighten,
40
+ borderColor = bgIndex + 3,
41
+ base = {
42
+ accentBackground: 0,
43
+ accentColor: -0,
44
+ background0: 1,
45
+ background025: 2,
46
+ background05: 3,
47
+ background075: 4,
48
+ color1: bgIndex,
49
+ color2: bgIndex + 1,
50
+ color3: bgIndex + 2,
51
+ color4: bgIndex + 3,
52
+ color5: bgIndex + 4,
53
+ color6: bgIndex + 5,
54
+ color7: bgIndex + 6,
55
+ color8: bgIndex + 7,
56
+ color9: bgIndex + 8,
57
+ color10: bgIndex + 9,
58
+ color11: bgIndex + 10,
59
+ color12: bgIndex + 11,
60
+ color0: -1,
61
+ color025: -2,
62
+ color05: -3,
63
+ color075: -4,
64
+ // the background, color, etc keys here work like generics - they make it so you
65
+ // can publish components for others to use without mandating a specific color scale
66
+ // the @tamagui/button Button component looks for `$background`, so you set the
67
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
68
+ background: bgIndex,
69
+ backgroundHover: bgIndex + lighten,
70
+ // always lighten on hover no matter the scheme
71
+ backgroundPress: bgIndex + darken,
72
+ // always darken on press no matter the theme
73
+ backgroundFocus: bgIndex + darken,
74
+ borderColor,
75
+ borderColorHover: borderColor + lighten,
76
+ borderColorPress: borderColor + darken,
77
+ borderColorFocus: borderColor,
78
+ color: -bgIndex,
79
+ colorHover: -bgIndex - 1,
80
+ colorPress: -bgIndex,
81
+ colorFocus: -bgIndex - 1,
82
+ colorTransparent: -1,
83
+ placeholderColor: -bgIndex - 3,
84
+ outlineColor: -2
85
+ },
86
+ surface1 = {
87
+ background: base.background + 1,
88
+ backgroundHover: base.backgroundHover + 1,
89
+ backgroundPress: base.backgroundPress + 1,
90
+ backgroundFocus: base.backgroundFocus + 1,
91
+ borderColor: base.borderColor + 1,
92
+ borderColorHover: base.borderColorHover + 1,
93
+ borderColorFocus: base.borderColorFocus + 1,
94
+ borderColorPress: base.borderColorPress + 1
95
+ },
96
+ surface2 = {
97
+ background: base.background + 2,
98
+ backgroundHover: base.backgroundHover + 2,
99
+ backgroundPress: base.backgroundPress + 2,
100
+ backgroundFocus: base.backgroundFocus + 2,
101
+ borderColor: base.borderColor + 2,
102
+ borderColorHover: base.borderColorHover + 2,
103
+ borderColorFocus: base.borderColorFocus + 2,
104
+ borderColorPress: base.borderColorPress + 2
105
+ },
106
+ surface3 = {
107
+ background: base.background + 3,
108
+ backgroundHover: base.backgroundHover + 3,
109
+ backgroundPress: base.backgroundPress + 3,
110
+ backgroundFocus: base.backgroundFocus + 3,
111
+ borderColor: base.borderColor + 3,
112
+ borderColorHover: base.borderColorHover + 3,
113
+ borderColorFocus: base.borderColorFocus + 3,
114
+ borderColorPress: base.borderColorPress + 3
115
+ },
116
+ alt1 = {
117
+ color: base.color - 1,
118
+ colorHover: base.colorHover - 1,
119
+ colorPress: base.colorPress - 1,
120
+ colorFocus: base.colorFocus - 1
121
+ },
122
+ alt2 = {
123
+ color: base.color - 2,
124
+ colorHover: base.colorHover - 2,
125
+ colorPress: base.colorPress - 2,
126
+ colorFocus: base.colorFocus - 2
127
+ },
128
+ inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => [key, -index]));
129
+ return {
130
+ base,
131
+ surface1,
132
+ surface2,
133
+ surface3,
134
+ alt1,
135
+ alt2,
136
+ inverse
137
+ };
138
+ },
139
+ defaultTemplates = getTemplates();