@tamagui/themes 1.121.11 → 1.121.12-1737177163952

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 (139) hide show
  1. package/dist/cjs/getThemeSuitePalettes.cjs +81 -0
  2. package/dist/cjs/getThemeSuitePalettes.js +63 -0
  3. package/dist/cjs/getThemeSuitePalettes.js.map +6 -0
  4. package/dist/cjs/getThemeSuitePalettes.native.js +94 -0
  5. package/dist/cjs/getThemeSuitePalettes.native.js.map +6 -0
  6. package/dist/cjs/index.cjs +10 -10
  7. package/dist/cjs/index.js +10 -10
  8. package/dist/cjs/index.js.map +1 -1
  9. package/dist/cjs/index.native.js +10 -10
  10. package/dist/cjs/index.native.js.map +1 -1
  11. package/dist/cjs/types.cjs +16 -0
  12. package/dist/cjs/types.js +14 -0
  13. package/dist/cjs/types.js.map +6 -0
  14. package/dist/cjs/types.native.js +15 -0
  15. package/dist/cjs/types.native.js.map +6 -0
  16. package/dist/cjs/utils.cjs +40 -0
  17. package/dist/cjs/utils.js +37 -0
  18. package/dist/cjs/utils.js.map +6 -0
  19. package/dist/cjs/utils.native.js +49 -0
  20. package/dist/cjs/utils.native.js.map +6 -0
  21. package/dist/cjs/v3-themes.cjs +12 -27
  22. package/dist/cjs/v3-themes.js +10 -28
  23. package/dist/cjs/v3-themes.js.map +1 -1
  24. package/dist/cjs/v3-themes.native.js +8 -34
  25. package/dist/cjs/v3-themes.native.js.map +2 -2
  26. package/dist/cjs/v4-createTheme.cjs +257 -0
  27. package/dist/cjs/v4-createTheme.js +232 -0
  28. package/dist/cjs/v4-createTheme.js.map +6 -0
  29. package/dist/cjs/v4-createTheme.native.js +284 -0
  30. package/dist/cjs/v4-createTheme.native.js.map +6 -0
  31. package/dist/cjs/v4-default.cjs +102 -0
  32. package/dist/cjs/v4-default.js +89 -0
  33. package/dist/cjs/v4-default.js.map +6 -0
  34. package/dist/cjs/v4-default.native.js +99 -0
  35. package/dist/cjs/v4-default.native.js.map +6 -0
  36. package/dist/cjs/v4-defaultTemplates.cjs +158 -0
  37. package/dist/cjs/v4-defaultTemplates.js +144 -0
  38. package/dist/cjs/v4-defaultTemplates.js.map +6 -0
  39. package/dist/cjs/v4-defaultTemplates.native.js +154 -0
  40. package/dist/cjs/v4-defaultTemplates.native.js.map +6 -0
  41. package/dist/cjs/v4-tamagui-out.cjs +1217 -0
  42. package/dist/cjs/v4-tamagui-out.js +4075 -0
  43. package/dist/cjs/v4-tamagui-out.js.map +6 -0
  44. package/dist/cjs/v4-tamagui-out.native.js +12662 -0
  45. package/dist/cjs/v4-tamagui-out.native.js.map +6 -0
  46. package/dist/cjs/v4-tamagui.cjs +183 -0
  47. package/dist/cjs/v4-tamagui.js +224 -0
  48. package/dist/cjs/v4-tamagui.js.map +6 -0
  49. package/dist/cjs/v4-tamagui.native.js +228 -0
  50. package/dist/cjs/v4-tamagui.native.js.map +6 -0
  51. package/dist/cjs/v4.cjs +41 -0
  52. package/dist/cjs/v4.js +30 -0
  53. package/dist/cjs/v4.js.map +6 -0
  54. package/dist/cjs/v4.native.js +37 -0
  55. package/dist/cjs/v4.native.js.map +6 -0
  56. package/dist/esm/getThemeSuitePalettes.js +47 -0
  57. package/dist/esm/getThemeSuitePalettes.js.map +6 -0
  58. package/dist/esm/getThemeSuitePalettes.mjs +57 -0
  59. package/dist/esm/getThemeSuitePalettes.mjs.map +1 -0
  60. package/dist/esm/getThemeSuitePalettes.native.js +73 -0
  61. package/dist/esm/getThemeSuitePalettes.native.js.map +6 -0
  62. package/dist/esm/types.js +1 -0
  63. package/dist/esm/types.js.map +6 -0
  64. package/dist/esm/types.mjs +2 -0
  65. package/dist/esm/types.mjs.map +1 -0
  66. package/dist/esm/types.native.js +1 -0
  67. package/dist/esm/types.native.js.map +6 -0
  68. package/dist/esm/utils.js +21 -0
  69. package/dist/esm/utils.js.map +6 -0
  70. package/dist/esm/utils.mjs +14 -0
  71. package/dist/esm/utils.mjs.map +1 -0
  72. package/dist/esm/utils.native.js +25 -0
  73. package/dist/esm/utils.native.js.map +6 -0
  74. package/dist/esm/v3-themes.js +2 -19
  75. package/dist/esm/v3-themes.js.map +1 -1
  76. package/dist/esm/v3-themes.mjs +3 -14
  77. package/dist/esm/v3-themes.mjs.map +1 -1
  78. package/dist/esm/v3-themes.native.js +2 -23
  79. package/dist/esm/v3-themes.native.js.map +2 -2
  80. package/dist/esm/v4-createTheme.js +221 -0
  81. package/dist/esm/v4-createTheme.js.map +6 -0
  82. package/dist/esm/v4-createTheme.mjs +226 -0
  83. package/dist/esm/v4-createTheme.mjs.map +1 -0
  84. package/dist/esm/v4-createTheme.native.js +261 -0
  85. package/dist/esm/v4-createTheme.native.js.map +6 -0
  86. package/dist/esm/v4-default.js +74 -0
  87. package/dist/esm/v4-default.js.map +6 -0
  88. package/dist/esm/v4-default.mjs +79 -0
  89. package/dist/esm/v4-default.mjs.map +1 -0
  90. package/dist/esm/v4-default.native.js +80 -0
  91. package/dist/esm/v4-default.native.js.map +6 -0
  92. package/dist/esm/v4-defaultTemplates.js +128 -0
  93. package/dist/esm/v4-defaultTemplates.js.map +6 -0
  94. package/dist/esm/v4-defaultTemplates.mjs +135 -0
  95. package/dist/esm/v4-defaultTemplates.mjs.map +1 -0
  96. package/dist/esm/v4-defaultTemplates.native.js +134 -0
  97. package/dist/esm/v4-defaultTemplates.native.js.map +6 -0
  98. package/dist/esm/v4-tamagui-out.js +4059 -0
  99. package/dist/esm/v4-tamagui-out.js.map +6 -0
  100. package/dist/esm/v4-tamagui-out.mjs +677 -0
  101. package/dist/esm/v4-tamagui-out.mjs.map +1 -0
  102. package/dist/esm/v4-tamagui-out.native.js +12124 -0
  103. package/dist/esm/v4-tamagui-out.native.js.map +6 -0
  104. package/dist/esm/v4-tamagui.js +226 -0
  105. package/dist/esm/v4-tamagui.js.map +6 -0
  106. package/dist/esm/v4-tamagui.mjs +160 -0
  107. package/dist/esm/v4-tamagui.mjs.map +1 -0
  108. package/dist/esm/v4-tamagui.native.js +209 -0
  109. package/dist/esm/v4-tamagui.native.js.map +6 -0
  110. package/dist/esm/v4.js +8 -0
  111. package/dist/esm/v4.js.map +6 -0
  112. package/dist/esm/v4.mjs +5 -0
  113. package/dist/esm/v4.mjs.map +1 -0
  114. package/dist/esm/v4.native.js +8 -0
  115. package/dist/esm/v4.native.js.map +6 -0
  116. package/package.json +17 -7
  117. package/src/getThemeSuitePalettes.ts +94 -0
  118. package/src/types.ts +94 -0
  119. package/src/utils.ts +51 -0
  120. package/src/v3-themes.ts +2 -53
  121. package/src/v4-createTheme.ts +403 -0
  122. package/src/v4-default.ts +88 -0
  123. package/src/v4-defaultTemplates.ts +165 -0
  124. package/src/v4-tamagui-out.ts +4500 -0
  125. package/src/v4-tamagui.ts +241 -0
  126. package/src/v4.tsx +4 -0
  127. package/tsconfig.json +2 -1
  128. package/types/getThemeSuitePalettes.d.ts +7 -0
  129. package/types/types.d.ts +72 -0
  130. package/types/utils.d.ts +21 -0
  131. package/types/v3-themes.d.ts +0 -20
  132. package/types/v4-createTheme.d.ts +157 -0
  133. package/types/v4-default.d.ts +797 -0
  134. package/types/v4-defaultTemplates.d.ts +44 -0
  135. package/types/v4-tamagui-out.d.ts +659 -0
  136. package/types/v4-tamagui.d.ts +16247 -0
  137. package/types/v4.d.ts +4 -0
  138. package/v4.d.ts +1 -0
  139. package/v4.js +1 -0
@@ -0,0 +1,158 @@
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 v4_defaultTemplates_exports = {};
22
+ __export(v4_defaultTemplates_exports, {
23
+ defaultTemplates: () => defaultTemplates
24
+ });
25
+ module.exports = __toCommonJS(v4_defaultTemplates_exports);
26
+ var import_helpers = require("./helpers.cjs");
27
+ const lightShadowColor = "rgba(0,0,0,0.04)",
28
+ lightShadowColorStrong = "rgba(0,0,0,0.085)",
29
+ darkShadowColor = "rgba(0,0,0,0.2)",
30
+ darkShadowColorStrong = "rgba(0,0,0,0.3)",
31
+ shadows = {
32
+ light: {
33
+ shadowColor: lightShadowColorStrong,
34
+ shadowColorHover: lightShadowColorStrong,
35
+ shadowColorPress: lightShadowColor,
36
+ shadowColorFocus: lightShadowColor
37
+ },
38
+ dark: {
39
+ shadowColor: darkShadowColorStrong,
40
+ shadowColorHover: darkShadowColorStrong,
41
+ shadowColorPress: darkShadowColor,
42
+ shadowColorFocus: darkShadowColor
43
+ }
44
+ },
45
+ getTemplates = () => {
46
+ const lightTemplates = getBaseTemplates("light"),
47
+ darkTemplates = getBaseTemplates("dark");
48
+ return {
49
+ ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(lightTemplates).map(name => [`light_${name}`, lightTemplates[name]])),
50
+ ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(darkTemplates).map(name => [`dark_${name}`, darkTemplates[name]]))
51
+ };
52
+ },
53
+ getBaseTemplates = scheme => {
54
+ const isLight = scheme === "light",
55
+ bgIndex = 5,
56
+ lighten = isLight ? -1 : 1,
57
+ darken = -lighten,
58
+ borderColor = bgIndex + 3,
59
+ base = {
60
+ accentBackground: 0,
61
+ accentColor: -0,
62
+ ...(isLight ? shadows.light : shadows.dark),
63
+ background0: 1,
64
+ background025: 2,
65
+ background05: 3,
66
+ background075: 4,
67
+ color1: bgIndex,
68
+ color2: bgIndex + 1,
69
+ color3: bgIndex + 2,
70
+ color4: bgIndex + 3,
71
+ color5: bgIndex + 4,
72
+ color6: bgIndex + 5,
73
+ color7: bgIndex + 6,
74
+ color8: bgIndex + 7,
75
+ color9: bgIndex + 8,
76
+ color10: bgIndex + 9,
77
+ color11: bgIndex + 10,
78
+ color12: bgIndex + 11,
79
+ color0: -1,
80
+ color025: -2,
81
+ color05: -3,
82
+ color075: -4,
83
+ // the background, color, etc keys here work like generics - they make it so you
84
+ // can publish components for others to use without mandating a specific color scale
85
+ // the @tamagui/button Button component looks for `$background`, so you set the
86
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
87
+ background: bgIndex,
88
+ backgroundHover: bgIndex + lighten,
89
+ // always lighten on hover no matter the scheme
90
+ backgroundPress: bgIndex + darken,
91
+ // always darken on press no matter the theme
92
+ backgroundFocus: bgIndex + darken,
93
+ borderColor,
94
+ borderColorHover: borderColor + lighten,
95
+ borderColorPress: borderColor + darken,
96
+ borderColorFocus: borderColor,
97
+ color: -bgIndex,
98
+ colorHover: -bgIndex - 1,
99
+ colorPress: -bgIndex,
100
+ colorFocus: -bgIndex - 1,
101
+ colorTransparent: -1,
102
+ placeholderColor: -bgIndex - 3,
103
+ outlineColor: -2
104
+ },
105
+ surface1 = {
106
+ background: base.background + 1,
107
+ backgroundHover: base.backgroundHover + 1,
108
+ backgroundPress: base.backgroundPress + 1,
109
+ backgroundFocus: base.backgroundFocus + 1,
110
+ borderColor: base.borderColor + 1,
111
+ borderColorHover: base.borderColorHover + 1,
112
+ borderColorFocus: base.borderColorFocus + 1,
113
+ borderColorPress: base.borderColorPress + 1
114
+ },
115
+ surface2 = {
116
+ background: base.background + 2,
117
+ backgroundHover: base.backgroundHover + 2,
118
+ backgroundPress: base.backgroundPress + 2,
119
+ backgroundFocus: base.backgroundFocus + 2,
120
+ borderColor: base.borderColor + 2,
121
+ borderColorHover: base.borderColorHover + 2,
122
+ borderColorFocus: base.borderColorFocus + 2,
123
+ borderColorPress: base.borderColorPress + 2
124
+ },
125
+ surface3 = {
126
+ background: base.background + 3,
127
+ backgroundHover: base.backgroundHover + 3,
128
+ backgroundPress: base.backgroundPress + 3,
129
+ backgroundFocus: base.backgroundFocus + 3,
130
+ borderColor: base.borderColor + 3,
131
+ borderColorHover: base.borderColorHover + 3,
132
+ borderColorFocus: base.borderColorFocus + 3,
133
+ borderColorPress: base.borderColorPress + 3
134
+ },
135
+ alt1 = {
136
+ color: base.color - 1,
137
+ colorHover: base.colorHover - 1,
138
+ colorPress: base.colorPress - 1,
139
+ colorFocus: base.colorFocus - 1
140
+ },
141
+ alt2 = {
142
+ color: base.color - 2,
143
+ colorHover: base.colorHover - 2,
144
+ colorPress: base.colorPress - 2,
145
+ colorFocus: base.colorFocus - 2
146
+ },
147
+ inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => [key, -index]));
148
+ return {
149
+ base,
150
+ surface1,
151
+ surface2,
152
+ surface3,
153
+ alt1,
154
+ alt2,
155
+ inverse
156
+ };
157
+ },
158
+ defaultTemplates = getTemplates();
@@ -0,0 +1,144 @@
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 v4_defaultTemplates_exports = {};
16
+ __export(v4_defaultTemplates_exports, {
17
+ defaultTemplates: () => defaultTemplates
18
+ });
19
+ module.exports = __toCommonJS(v4_defaultTemplates_exports);
20
+ var import_helpers = require("./helpers");
21
+ const lightShadowColor = "rgba(0,0,0,0.04)", lightShadowColorStrong = "rgba(0,0,0,0.085)", darkShadowColor = "rgba(0,0,0,0.2)", darkShadowColorStrong = "rgba(0,0,0,0.3)", shadows = {
22
+ light: {
23
+ shadowColor: lightShadowColorStrong,
24
+ shadowColorHover: lightShadowColorStrong,
25
+ shadowColorPress: lightShadowColor,
26
+ shadowColorFocus: lightShadowColor
27
+ },
28
+ dark: {
29
+ shadowColor: darkShadowColorStrong,
30
+ shadowColorHover: darkShadowColorStrong,
31
+ shadowColorPress: darkShadowColor,
32
+ shadowColorFocus: darkShadowColor
33
+ }
34
+ }, getTemplates = () => {
35
+ const lightTemplates = getBaseTemplates("light"), darkTemplates = getBaseTemplates("dark");
36
+ return {
37
+ ...(0, import_helpers.objectFromEntries)(
38
+ (0, import_helpers.objectKeys)(lightTemplates).map(
39
+ (name) => [`light_${name}`, lightTemplates[name]]
40
+ )
41
+ ),
42
+ ...(0, import_helpers.objectFromEntries)(
43
+ (0, import_helpers.objectKeys)(darkTemplates).map(
44
+ (name) => [`dark_${name}`, darkTemplates[name]]
45
+ )
46
+ )
47
+ };
48
+ }, getBaseTemplates = (scheme) => {
49
+ const isLight = scheme === "light", bgIndex = 5, lighten = isLight ? -1 : 1, darken = -lighten, borderColor = bgIndex + 3, base = {
50
+ accentBackground: 0,
51
+ accentColor: -0,
52
+ ...isLight ? shadows.light : shadows.dark,
53
+ background0: 1,
54
+ background025: 2,
55
+ background05: 3,
56
+ background075: 4,
57
+ color1: bgIndex,
58
+ color2: bgIndex + 1,
59
+ color3: bgIndex + 2,
60
+ color4: bgIndex + 3,
61
+ color5: bgIndex + 4,
62
+ color6: bgIndex + 5,
63
+ color7: bgIndex + 6,
64
+ color8: bgIndex + 7,
65
+ color9: bgIndex + 8,
66
+ color10: bgIndex + 9,
67
+ color11: bgIndex + 10,
68
+ color12: bgIndex + 11,
69
+ color0: -1,
70
+ color025: -2,
71
+ color05: -3,
72
+ color075: -4,
73
+ // the background, color, etc keys here work like generics - they make it so you
74
+ // can publish components for others to use without mandating a specific color scale
75
+ // the @tamagui/button Button component looks for `$background`, so you set the
76
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
77
+ background: bgIndex,
78
+ backgroundHover: bgIndex + lighten,
79
+ // always lighten on hover no matter the scheme
80
+ backgroundPress: bgIndex + darken,
81
+ // always darken on press no matter the theme
82
+ backgroundFocus: bgIndex + darken,
83
+ borderColor,
84
+ borderColorHover: borderColor + lighten,
85
+ borderColorPress: borderColor + darken,
86
+ borderColorFocus: borderColor,
87
+ color: -bgIndex,
88
+ colorHover: -bgIndex - 1,
89
+ colorPress: -bgIndex,
90
+ colorFocus: -bgIndex - 1,
91
+ colorTransparent: -1,
92
+ placeholderColor: -bgIndex - 3,
93
+ outlineColor: -2
94
+ }, surface1 = {
95
+ background: base.background + 1,
96
+ backgroundHover: base.backgroundHover + 1,
97
+ backgroundPress: base.backgroundPress + 1,
98
+ backgroundFocus: base.backgroundFocus + 1,
99
+ borderColor: base.borderColor + 1,
100
+ borderColorHover: base.borderColorHover + 1,
101
+ borderColorFocus: base.borderColorFocus + 1,
102
+ borderColorPress: base.borderColorPress + 1
103
+ }, surface2 = {
104
+ background: base.background + 2,
105
+ backgroundHover: base.backgroundHover + 2,
106
+ backgroundPress: base.backgroundPress + 2,
107
+ backgroundFocus: base.backgroundFocus + 2,
108
+ borderColor: base.borderColor + 2,
109
+ borderColorHover: base.borderColorHover + 2,
110
+ borderColorFocus: base.borderColorFocus + 2,
111
+ borderColorPress: base.borderColorPress + 2
112
+ }, surface3 = {
113
+ background: base.background + 3,
114
+ backgroundHover: base.backgroundHover + 3,
115
+ backgroundPress: base.backgroundPress + 3,
116
+ backgroundFocus: base.backgroundFocus + 3,
117
+ borderColor: base.borderColor + 3,
118
+ borderColorHover: base.borderColorHover + 3,
119
+ borderColorFocus: base.borderColorFocus + 3,
120
+ borderColorPress: base.borderColorPress + 3
121
+ }, alt1 = {
122
+ color: base.color - 1,
123
+ colorHover: base.colorHover - 1,
124
+ colorPress: base.colorPress - 1,
125
+ colorFocus: base.colorFocus - 1
126
+ }, alt2 = {
127
+ color: base.color - 2,
128
+ colorHover: base.colorHover - 2,
129
+ colorPress: base.colorPress - 2,
130
+ colorFocus: base.colorFocus - 2
131
+ }, inverse = Object.fromEntries(
132
+ Object.entries(base).map(([key, index]) => [key, -index])
133
+ );
134
+ return {
135
+ base,
136
+ surface1,
137
+ surface2,
138
+ surface3,
139
+ alt1,
140
+ alt2,
141
+ inverse
142
+ };
143
+ }, defaultTemplates = getTemplates();
144
+ //# sourceMappingURL=v4-defaultTemplates.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/v4-defaultTemplates.ts"],
4
+ "mappings": "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",
5
+ "names": []
6
+ }
@@ -0,0 +1,154 @@
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 v4_defaultTemplates_exports = {};
17
+ __export(v4_defaultTemplates_exports, {
18
+ defaultTemplates: () => defaultTemplates
19
+ });
20
+ module.exports = __toCommonJS(v4_defaultTemplates_exports);
21
+ var import_helpers = require("./helpers"), lightShadowColor = "rgba(0,0,0,0.04)", lightShadowColorStrong = "rgba(0,0,0,0.085)", darkShadowColor = "rgba(0,0,0,0.2)", darkShadowColorStrong = "rgba(0,0,0,0.3)", shadows = {
22
+ light: {
23
+ shadowColor: lightShadowColorStrong,
24
+ shadowColorHover: lightShadowColorStrong,
25
+ shadowColorPress: lightShadowColor,
26
+ shadowColorFocus: lightShadowColor
27
+ },
28
+ dark: {
29
+ shadowColor: darkShadowColorStrong,
30
+ shadowColorHover: darkShadowColorStrong,
31
+ shadowColorPress: darkShadowColor,
32
+ shadowColorFocus: darkShadowColor
33
+ }
34
+ }, getTemplates = function() {
35
+ var lightTemplates = getBaseTemplates("light"), darkTemplates = getBaseTemplates("dark"), templates = {
36
+ ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(lightTemplates).map(function(name) {
37
+ return [
38
+ `light_${name}`,
39
+ lightTemplates[name]
40
+ ];
41
+ })),
42
+ ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(darkTemplates).map(function(name) {
43
+ return [
44
+ `dark_${name}`,
45
+ darkTemplates[name]
46
+ ];
47
+ }))
48
+ };
49
+ return templates;
50
+ }, getBaseTemplates = function(scheme) {
51
+ var isLight = scheme === "light", bgIndex = 5, lighten = isLight ? -1 : 1, darken = -lighten, borderColor = bgIndex + 3, base = {
52
+ accentBackground: 0,
53
+ accentColor: -0,
54
+ ...isLight ? shadows.light : shadows.dark,
55
+ background0: 1,
56
+ background025: 2,
57
+ background05: 3,
58
+ background075: 4,
59
+ color1: bgIndex,
60
+ color2: bgIndex + 1,
61
+ color3: bgIndex + 2,
62
+ color4: bgIndex + 3,
63
+ color5: bgIndex + 4,
64
+ color6: bgIndex + 5,
65
+ color7: bgIndex + 6,
66
+ color8: bgIndex + 7,
67
+ color9: bgIndex + 8,
68
+ color10: bgIndex + 9,
69
+ color11: bgIndex + 10,
70
+ color12: bgIndex + 11,
71
+ color0: -1,
72
+ color025: -2,
73
+ color05: -3,
74
+ color075: -4,
75
+ // the background, color, etc keys here work like generics - they make it so you
76
+ // can publish components for others to use without mandating a specific color scale
77
+ // the @tamagui/button Button component looks for `$background`, so you set the
78
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
79
+ background: bgIndex,
80
+ backgroundHover: bgIndex + lighten,
81
+ // always lighten on hover no matter the scheme
82
+ backgroundPress: bgIndex + darken,
83
+ // always darken on press no matter the theme
84
+ backgroundFocus: bgIndex + darken,
85
+ borderColor,
86
+ borderColorHover: borderColor + lighten,
87
+ borderColorPress: borderColor + darken,
88
+ borderColorFocus: borderColor,
89
+ color: -bgIndex,
90
+ colorHover: -bgIndex - 1,
91
+ colorPress: -bgIndex,
92
+ colorFocus: -bgIndex - 1,
93
+ colorTransparent: -1,
94
+ placeholderColor: -bgIndex - 3,
95
+ outlineColor: -2
96
+ }, surface1 = {
97
+ background: base.background + 1,
98
+ backgroundHover: base.backgroundHover + 1,
99
+ backgroundPress: base.backgroundPress + 1,
100
+ backgroundFocus: base.backgroundFocus + 1,
101
+ borderColor: base.borderColor + 1,
102
+ borderColorHover: base.borderColorHover + 1,
103
+ borderColorFocus: base.borderColorFocus + 1,
104
+ borderColorPress: base.borderColorPress + 1
105
+ }, surface2 = {
106
+ background: base.background + 2,
107
+ backgroundHover: base.backgroundHover + 2,
108
+ backgroundPress: base.backgroundPress + 2,
109
+ backgroundFocus: base.backgroundFocus + 2,
110
+ borderColor: base.borderColor + 2,
111
+ borderColorHover: base.borderColorHover + 2,
112
+ borderColorFocus: base.borderColorFocus + 2,
113
+ borderColorPress: base.borderColorPress + 2
114
+ }, surface3 = {
115
+ background: base.background + 3,
116
+ backgroundHover: base.backgroundHover + 3,
117
+ backgroundPress: base.backgroundPress + 3,
118
+ backgroundFocus: base.backgroundFocus + 3,
119
+ borderColor: base.borderColor + 3,
120
+ borderColorHover: base.borderColorHover + 3,
121
+ borderColorFocus: base.borderColorFocus + 3,
122
+ borderColorPress: base.borderColorPress + 3
123
+ }, alt1 = {
124
+ color: base.color - 1,
125
+ colorHover: base.colorHover - 1,
126
+ colorPress: base.colorPress - 1,
127
+ colorFocus: base.colorFocus - 1
128
+ }, alt2 = {
129
+ color: base.color - 2,
130
+ colorHover: base.colorHover - 2,
131
+ colorPress: base.colorPress - 2,
132
+ colorFocus: base.colorFocus - 2
133
+ }, inverse = Object.fromEntries(Object.entries(base).map(function(param) {
134
+ var [key, index] = param;
135
+ return [
136
+ key,
137
+ -index
138
+ ];
139
+ }));
140
+ return {
141
+ base,
142
+ surface1,
143
+ surface2,
144
+ surface3,
145
+ alt1,
146
+ alt2,
147
+ inverse
148
+ };
149
+ }, defaultTemplates = getTemplates();
150
+ // Annotate the CommonJS export names for ESM import in node:
151
+ 0 && (module.exports = {
152
+ defaultTemplates
153
+ });
154
+ //# sourceMappingURL=v4-defaultTemplates.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Users/n8/tamagui/code/core/themes/src/v4-defaultTemplates.ts"],
4
+ "mappings": "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",
5
+ "names": ["lightShadowColor", "lightShadowColorStrong", "darkShadowColor", "darkShadowColorStrong", "shadows", "light", "shadowColor", "shadowColorHover", "shadowColorPress", "shadowColorFocus", "dark", "getTemplates", "lightTemplates", "getBaseTemplates", "darkTemplates", "templates", "objectFromEntries", "objectKeys", "map", "name", "scheme", "isLight", "bgIndex", "lighten", "darken", "borderColor", "base", "accentBackground", "accentColor", "background0", "background025", "background05", "background075", "color1", "color2", "color3", "color4", "color5", "color6", "color7", "color8", "color9", "color10", "color11", "color12", "color0", "color025", "color05", "color075", "background", "backgroundHover", "backgroundPress", "backgroundFocus", "borderColorHover", "borderColorPress", "borderColorFocus", "color", "colorHover", "colorPress", "colorFocus", "colorTransparent", "placeholderColor", "outlineColor", "surface1", "surface2", "surface3", "alt1", "alt2", "inverse", "Object", "fromEntries", "entries", "key", "index", "defaultTemplates"]
6
+ }