@tamagui/theme-builder 2.0.0-rc.4 → 2.0.0-rc.40

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 (119) hide show
  1. package/dist/cjs/ThemeBuilder.cjs +131 -68
  2. package/dist/cjs/ThemeBuilder.native.js +208 -132
  3. package/dist/cjs/ThemeBuilder.native.js.map +1 -1
  4. package/dist/cjs/createStudioThemes.cjs +19 -17
  5. package/dist/cjs/createStudioThemes.native.js +19 -17
  6. package/dist/cjs/createStudioThemes.native.js.map +1 -1
  7. package/dist/cjs/createThemes.cjs +173 -123
  8. package/dist/cjs/createThemes.native.js +287 -248
  9. package/dist/cjs/createThemes.native.js.map +1 -1
  10. package/dist/cjs/defaultComponentThemes.cjs +12 -10
  11. package/dist/cjs/defaultComponentThemes.native.js +12 -10
  12. package/dist/cjs/defaultComponentThemes.native.js.map +1 -1
  13. package/dist/cjs/defaultTemplates.cjs +137 -132
  14. package/dist/cjs/defaultTemplates.native.js +144 -142
  15. package/dist/cjs/defaultTemplates.native.js.map +1 -1
  16. package/dist/cjs/defaultTemplatesStronger.cjs +135 -130
  17. package/dist/cjs/defaultTemplatesStronger.native.js +142 -140
  18. package/dist/cjs/defaultTemplatesStronger.native.js.map +1 -1
  19. package/dist/cjs/defaultTemplatesStrongest.cjs +135 -130
  20. package/dist/cjs/defaultTemplatesStrongest.native.js +142 -140
  21. package/dist/cjs/defaultTemplatesStrongest.native.js.map +1 -1
  22. package/dist/cjs/getThemeSuitePalettes.cjs +61 -50
  23. package/dist/cjs/getThemeSuitePalettes.native.js +79 -55
  24. package/dist/cjs/getThemeSuitePalettes.native.js.map +1 -1
  25. package/dist/cjs/helpers.cjs +12 -10
  26. package/dist/cjs/helpers.native.js +12 -10
  27. package/dist/cjs/helpers.native.js.map +1 -1
  28. package/dist/cjs/index.cjs +19 -17
  29. package/dist/cjs/index.native.js +19 -17
  30. package/dist/cjs/index.native.js.map +1 -1
  31. package/dist/cjs/masks.cjs +29 -26
  32. package/dist/cjs/masks.native.js +98 -96
  33. package/dist/cjs/masks.native.js.map +1 -1
  34. package/dist/cjs/types.cjs +7 -5
  35. package/dist/cjs/types.native.js +7 -5
  36. package/dist/cjs/types.native.js.map +1 -1
  37. package/dist/esm/ThemeBuilder.mjs +119 -58
  38. package/dist/esm/ThemeBuilder.mjs.map +1 -1
  39. package/dist/esm/ThemeBuilder.native.js +196 -122
  40. package/dist/esm/ThemeBuilder.native.js.map +1 -1
  41. package/dist/esm/createStudioThemes.mjs +2 -2
  42. package/dist/esm/createStudioThemes.mjs.map +1 -1
  43. package/dist/esm/createStudioThemes.native.js +2 -2
  44. package/dist/esm/createStudioThemes.native.js.map +1 -1
  45. package/dist/esm/createThemes.mjs +156 -108
  46. package/dist/esm/createThemes.mjs.map +1 -1
  47. package/dist/esm/createThemes.native.js +270 -233
  48. package/dist/esm/createThemes.native.js.map +1 -1
  49. package/dist/esm/defaultTemplates.mjs +125 -122
  50. package/dist/esm/defaultTemplates.mjs.map +1 -1
  51. package/dist/esm/defaultTemplates.native.js +130 -130
  52. package/dist/esm/defaultTemplates.native.js.map +1 -1
  53. package/dist/esm/defaultTemplatesStronger.mjs +123 -120
  54. package/dist/esm/defaultTemplatesStronger.mjs.map +1 -1
  55. package/dist/esm/defaultTemplatesStronger.native.js +128 -128
  56. package/dist/esm/defaultTemplatesStronger.native.js.map +1 -1
  57. package/dist/esm/defaultTemplatesStrongest.mjs +123 -120
  58. package/dist/esm/defaultTemplatesStrongest.mjs.map +1 -1
  59. package/dist/esm/defaultTemplatesStrongest.native.js +128 -128
  60. package/dist/esm/defaultTemplatesStrongest.native.js.map +1 -1
  61. package/dist/esm/getThemeSuitePalettes.mjs +49 -40
  62. package/dist/esm/getThemeSuitePalettes.mjs.map +1 -1
  63. package/dist/esm/getThemeSuitePalettes.native.js +66 -44
  64. package/dist/esm/getThemeSuitePalettes.native.js.map +1 -1
  65. package/dist/esm/index.js +8 -24
  66. package/dist/esm/index.js.map +1 -6
  67. package/dist/esm/masks.mjs +17 -16
  68. package/dist/esm/masks.mjs.map +1 -1
  69. package/dist/esm/masks.native.js +18 -18
  70. package/dist/esm/masks.native.js.map +1 -1
  71. package/package.json +8 -10
  72. package/src/ThemeBuilder.ts +6 -0
  73. package/types/ThemeBuilder.d.ts.map +1 -1
  74. package/dist/cjs/ThemeBuilder.js +0 -184
  75. package/dist/cjs/ThemeBuilder.js.map +0 -6
  76. package/dist/cjs/createStudioThemes.js +0 -30
  77. package/dist/cjs/createStudioThemes.js.map +0 -6
  78. package/dist/cjs/createThemes.js +0 -356
  79. package/dist/cjs/createThemes.js.map +0 -6
  80. package/dist/cjs/defaultComponentThemes.js +0 -41
  81. package/dist/cjs/defaultComponentThemes.js.map +0 -6
  82. package/dist/cjs/defaultTemplates.js +0 -138
  83. package/dist/cjs/defaultTemplates.js.map +0 -6
  84. package/dist/cjs/defaultTemplatesStronger.js +0 -137
  85. package/dist/cjs/defaultTemplatesStronger.js.map +0 -6
  86. package/dist/cjs/defaultTemplatesStrongest.js +0 -137
  87. package/dist/cjs/defaultTemplatesStrongest.js.map +0 -6
  88. package/dist/cjs/getThemeSuitePalettes.js +0 -69
  89. package/dist/cjs/getThemeSuitePalettes.js.map +0 -6
  90. package/dist/cjs/helpers.js +0 -29
  91. package/dist/cjs/helpers.js.map +0 -6
  92. package/dist/cjs/index.js +0 -32
  93. package/dist/cjs/index.js.map +0 -6
  94. package/dist/cjs/masks.js +0 -86
  95. package/dist/cjs/masks.js.map +0 -6
  96. package/dist/cjs/types.js +0 -14
  97. package/dist/cjs/types.js.map +0 -6
  98. package/dist/esm/ThemeBuilder.js +0 -174
  99. package/dist/esm/ThemeBuilder.js.map +0 -6
  100. package/dist/esm/createStudioThemes.js +0 -18
  101. package/dist/esm/createStudioThemes.js.map +0 -6
  102. package/dist/esm/createThemes.js +0 -344
  103. package/dist/esm/createThemes.js.map +0 -6
  104. package/dist/esm/defaultComponentThemes.js +0 -25
  105. package/dist/esm/defaultComponentThemes.js.map +0 -6
  106. package/dist/esm/defaultTemplates.js +0 -122
  107. package/dist/esm/defaultTemplates.js.map +0 -6
  108. package/dist/esm/defaultTemplatesStronger.js +0 -121
  109. package/dist/esm/defaultTemplatesStronger.js.map +0 -6
  110. package/dist/esm/defaultTemplatesStrongest.js +0 -121
  111. package/dist/esm/defaultTemplatesStrongest.js.map +0 -6
  112. package/dist/esm/getThemeSuitePalettes.js +0 -53
  113. package/dist/esm/getThemeSuitePalettes.js.map +0 -6
  114. package/dist/esm/helpers.js +0 -13
  115. package/dist/esm/helpers.js.map +0 -6
  116. package/dist/esm/masks.js +0 -78
  117. package/dist/esm/masks.js.map +0 -6
  118. package/dist/esm/types.js +0 -1
  119. package/dist/esm/types.js.map +0 -6
@@ -5,156 +5,158 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
6
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
7
  var __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: !0
11
- });
12
- },
13
- __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
8
+ for (var name in all) __defProp(target, name, {
9
+ get: all[name],
10
+ enumerable: true
11
+ });
12
+ };
13
+ var __copyProps = (to, from, except, desc) => {
14
+ if (from && typeof from === "object" || typeof from === "function") {
15
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
15
16
  get: () => from[key],
16
17
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
17
18
  });
18
- return to;
19
- };
19
+ }
20
+ return to;
21
+ };
20
22
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
21
- value: !0
23
+ value: true
22
24
  }), mod);
23
25
  var defaultTemplates_exports = {};
24
26
  __export(defaultTemplates_exports, {
25
27
  defaultTemplates: () => defaultTemplates
26
28
  });
27
29
  module.exports = __toCommonJS(defaultTemplates_exports);
28
- var import_helpers = require("./helpers.native.js"),
29
- getTemplates = function () {
30
- var lightTemplates = getBaseTemplates("light"),
31
- darkTemplates = getBaseTemplates("dark"),
32
- templates = {
33
- ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(lightTemplates).map(function (name) {
34
- return [`light_${name}`, lightTemplates[name]];
35
- })),
36
- ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(darkTemplates).map(function (name) {
37
- return [`dark_${name}`, darkTemplates[name]];
38
- }))
39
- };
40
- return templates;
41
- },
42
- getBaseTemplates = function (scheme) {
43
- var isLight = scheme === "light",
44
- bgIndex = 6,
45
- lighten = isLight ? -1 : 1,
46
- darken = -lighten,
47
- increaseContrast = 1,
48
- borderColor = bgIndex + 3,
49
- baseColors = {
50
- color: -bgIndex,
51
- colorHover: -bgIndex - 1,
52
- colorPress: -bgIndex,
53
- colorFocus: -bgIndex - 1,
54
- placeholderColor: -bgIndex - 3,
55
- outlineColor: -2
56
- },
57
- base = {
58
- accentBackground: 0,
59
- accentColor: -0,
60
- background0: 1,
61
- background02: 2,
62
- background04: 3,
63
- background06: 4,
64
- background08: 5,
65
- color1: bgIndex,
66
- color2: bgIndex + 1,
67
- color3: bgIndex + 2,
68
- color4: bgIndex + 3,
69
- color5: bgIndex + 4,
70
- color6: bgIndex + 5,
71
- color7: bgIndex + 6,
72
- color8: bgIndex + 7,
73
- color9: bgIndex + 8,
74
- color10: bgIndex + 9,
75
- color11: bgIndex + 10,
76
- color12: bgIndex + 11,
77
- color0: -1,
78
- color02: -2,
79
- color04: -3,
80
- color06: -4,
81
- color08: -5,
82
- // the background, color, etc keys here work like generics - they make it so you
83
- // can publish components for others to use without mandating a specific color scale
84
- // the @tamagui/button Button component looks for `$background`, so you set the
85
- // dark_red_Button theme to have a stronger background than the dark_red theme.
86
- background: bgIndex,
87
- backgroundHover: bgIndex + increaseContrast * 2,
88
- backgroundPress: bgIndex + increaseContrast * 3,
89
- backgroundFocus: bgIndex + increaseContrast * 2,
90
- borderColor,
91
- borderColorHover: borderColor + lighten,
92
- borderColorPress: borderColor + darken,
93
- borderColorFocus: borderColor,
94
- ...baseColors,
95
- colorTransparent: -1
96
- },
97
- surface1 = {
98
- ...baseColors,
99
- background: base.background + 1,
100
- backgroundHover: base.backgroundHover + 1,
101
- backgroundPress: base.backgroundPress + 1,
102
- backgroundFocus: base.backgroundFocus + 1,
103
- backgroundActive: base.background + 1,
104
- borderColor: base.borderColor + 1,
105
- borderColorHover: base.borderColorHover + 1,
106
- borderColorFocus: base.borderColorFocus + 1,
107
- borderColorPress: base.borderColorPress + 1
108
- },
109
- surface2 = {
110
- ...baseColors,
111
- background: base.background + 2,
112
- backgroundHover: base.backgroundHover + 2,
113
- backgroundPress: base.backgroundPress + 2,
114
- backgroundFocus: base.backgroundFocus + 2,
115
- backgroundActive: base.background + 2,
116
- borderColor: base.borderColor + 2,
117
- borderColorHover: base.borderColorHover + 2,
118
- borderColorFocus: base.borderColorFocus + 2,
119
- borderColorPress: base.borderColorPress + 2
120
- },
121
- surface3 = {
122
- ...baseColors,
123
- background: base.background + 3,
124
- backgroundHover: base.backgroundHover + 3,
125
- backgroundPress: base.backgroundPress + 3,
126
- backgroundFocus: base.backgroundFocus + 3,
127
- backgroundActive: base.background + 3,
128
- borderColor: base.borderColor + 3,
129
- borderColorHover: base.borderColorHover + 3,
130
- borderColorFocus: base.borderColorFocus + 3,
131
- borderColorPress: base.borderColorPress + 3
132
- },
133
- alt1 = {
134
- color: base.color - 1,
135
- colorHover: base.colorHover - 1,
136
- colorPress: base.colorPress - 1,
137
- colorFocus: base.colorFocus - 1
138
- },
139
- alt2 = {
140
- color: base.color - 2,
141
- colorHover: base.colorHover - 2,
142
- colorPress: base.colorPress - 2,
143
- colorFocus: base.colorFocus - 2
144
- },
145
- inverse = Object.fromEntries(Object.entries(base).map(function (param) {
146
- var [key, index] = param;
147
- return [key, -index];
148
- }));
149
- return {
150
- base,
151
- surface1,
152
- surface2,
153
- surface3,
154
- alt1,
155
- alt2,
156
- inverse
157
- };
158
- },
159
- defaultTemplates = getTemplates();
30
+ var import_helpers = require("./helpers.native.js");
31
+ var getTemplates = function () {
32
+ var lightTemplates = getBaseTemplates("light");
33
+ var darkTemplates = getBaseTemplates("dark");
34
+ var templates = {
35
+ ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(lightTemplates).map(function (name) {
36
+ return [`light_${name}`, lightTemplates[name]];
37
+ })),
38
+ ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(darkTemplates).map(function (name) {
39
+ return [`dark_${name}`, darkTemplates[name]];
40
+ }))
41
+ };
42
+ return templates;
43
+ };
44
+ var getBaseTemplates = function (scheme) {
45
+ var isLight = scheme === "light";
46
+ var bgIndex = 6;
47
+ var lighten = isLight ? -1 : 1;
48
+ var darken = -lighten;
49
+ var increaseContrast = 1;
50
+ var borderColor = bgIndex + 3;
51
+ var baseColors = {
52
+ color: -bgIndex,
53
+ colorHover: -bgIndex - 1,
54
+ colorPress: -bgIndex,
55
+ colorFocus: -bgIndex - 1,
56
+ placeholderColor: -bgIndex - 3,
57
+ outlineColor: -2
58
+ };
59
+ var base = {
60
+ accentBackground: 0,
61
+ accentColor: -0,
62
+ background0: 1,
63
+ background02: 2,
64
+ background04: 3,
65
+ background06: 4,
66
+ background08: 5,
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
+ color02: -2,
81
+ color04: -3,
82
+ color06: -4,
83
+ color08: -5,
84
+ // the background, color, etc keys here work like generics - they make it so you
85
+ // can publish components for others to use without mandating a specific color scale
86
+ // the @tamagui/button Button component looks for `$background`, so you set the
87
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
88
+ background: bgIndex,
89
+ backgroundHover: bgIndex + increaseContrast * 2,
90
+ backgroundPress: bgIndex + increaseContrast * 3,
91
+ backgroundFocus: bgIndex + increaseContrast * 2,
92
+ borderColor,
93
+ borderColorHover: borderColor + lighten,
94
+ borderColorPress: borderColor + darken,
95
+ borderColorFocus: borderColor,
96
+ ...baseColors,
97
+ colorTransparent: -1
98
+ };
99
+ var surface1 = {
100
+ ...baseColors,
101
+ background: base.background + 1,
102
+ backgroundHover: base.backgroundHover + 1,
103
+ backgroundPress: base.backgroundPress + 1,
104
+ backgroundFocus: base.backgroundFocus + 1,
105
+ backgroundActive: base.background + 1,
106
+ borderColor: base.borderColor + 1,
107
+ borderColorHover: base.borderColorHover + 1,
108
+ borderColorFocus: base.borderColorFocus + 1,
109
+ borderColorPress: base.borderColorPress + 1
110
+ };
111
+ var surface2 = {
112
+ ...baseColors,
113
+ background: base.background + 2,
114
+ backgroundHover: base.backgroundHover + 2,
115
+ backgroundPress: base.backgroundPress + 2,
116
+ backgroundFocus: base.backgroundFocus + 2,
117
+ backgroundActive: base.background + 2,
118
+ borderColor: base.borderColor + 2,
119
+ borderColorHover: base.borderColorHover + 2,
120
+ borderColorFocus: base.borderColorFocus + 2,
121
+ borderColorPress: base.borderColorPress + 2
122
+ };
123
+ var surface3 = {
124
+ ...baseColors,
125
+ background: base.background + 3,
126
+ backgroundHover: base.backgroundHover + 3,
127
+ backgroundPress: base.backgroundPress + 3,
128
+ backgroundFocus: base.backgroundFocus + 3,
129
+ backgroundActive: base.background + 3,
130
+ borderColor: base.borderColor + 3,
131
+ borderColorHover: base.borderColorHover + 3,
132
+ borderColorFocus: base.borderColorFocus + 3,
133
+ borderColorPress: base.borderColorPress + 3
134
+ };
135
+ var alt1 = {
136
+ color: base.color - 1,
137
+ colorHover: base.colorHover - 1,
138
+ colorPress: base.colorPress - 1,
139
+ colorFocus: base.colorFocus - 1
140
+ };
141
+ var alt2 = {
142
+ color: base.color - 2,
143
+ colorHover: base.colorHover - 2,
144
+ colorPress: base.colorPress - 2,
145
+ colorFocus: base.colorFocus - 2
146
+ };
147
+ var inverse = Object.fromEntries(Object.entries(base).map(function (param) {
148
+ var [key, index] = param;
149
+ return [key, -index];
150
+ }));
151
+ return {
152
+ base,
153
+ surface1,
154
+ surface2,
155
+ surface3,
156
+ alt1,
157
+ alt2,
158
+ inverse
159
+ };
160
+ };
161
+ var defaultTemplates = getTemplates();
160
162
  //# sourceMappingURL=defaultTemplates.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultTemplates_exports","__export","defaultTemplates","module","exports","import_helpers","require","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","templates","objectFromEntries","objectKeys","map","name","scheme","isLight","bgIndex","lighten","darken","increaseContrast","borderColor","baseColors","color","colorHover","colorPress","colorFocus","placeholderColor","outlineColor","base","accentBackground","accentColor","background0","background02","background04","background06","background08","color1","color2","color3","color4","color5","color6","color7","color8","color9","color10","color11","color12","color0","color02","color04","color06","color08","background","backgroundHover","backgroundPress","backgroundFocus","borderColorHover","borderColorPress","borderColorFocus","colorTransparent","surface1","backgroundActive","surface2","surface3","alt1","alt2","inverse","Object","fromEntries","entries","param","key","index"],"sources":["../../src/defaultTemplates.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultTemplates_exports","__export","defaultTemplates","module","exports","import_helpers","require","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","templates","objectFromEntries","objectKeys","map","name","scheme","isLight","bgIndex","lighten","darken","increaseContrast","borderColor","baseColors","color","colorHover","colorPress","colorFocus","placeholderColor","outlineColor","base","accentBackground","accentColor","background0","background02","background04","background06","background08","color1","color2","color3","color4","color5","color6","color7","color8","color9","color10","color11","color12","color0","color02","color04","color06","color08","background","backgroundHover","backgroundPress","backgroundFocus","borderColorHover","borderColorPress","borderColorFocus","colorTransparent","surface1","backgroundActive","surface2","surface3","alt1","alt2","inverse","Object","fromEntries","entries","param","key","index"],"sources":["../../src/defaultTemplates.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
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, {
6
+ for (var name in all) __defProp(target, name, {
7
+ get: all[name],
8
+ enumerable: true
9
+ });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
13
14
  get: () => from[key],
14
15
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
16
  });
16
- return to;
17
- };
17
+ }
18
+ return to;
19
+ };
18
20
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
19
- value: !0
21
+ value: true
20
22
  }), mod);
21
23
  var defaultTemplatesStronger_exports = {};
22
24
  __export(defaultTemplatesStronger_exports, {
@@ -25,123 +27,126 @@ __export(defaultTemplatesStronger_exports, {
25
27
  module.exports = __toCommonJS(defaultTemplatesStronger_exports);
26
28
  var import_helpers = require("./helpers.cjs");
27
29
  const getTemplates = () => {
28
- const lightTemplates = getBaseTemplates("light"),
29
- darkTemplates = getBaseTemplates("dark");
30
- return {
31
- ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(lightTemplates).map(name => [`light_${name}`, lightTemplates[name]])),
32
- ...(0, import_helpers.objectFromEntries)((0, import_helpers.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
- baseColors = {
42
- color: -bgIndex,
43
- colorHover: -bgIndex - 1,
44
- colorPress: -bgIndex,
45
- colorFocus: -bgIndex - 1,
46
- placeholderColor: -bgIndex - 3,
47
- outlineColor: -2
48
- },
49
- base = {
50
- accentBackground: 0,
51
- accentColor: -0,
52
- background0: 1,
53
- background02: 2,
54
- background04: 3,
55
- background06: 4,
56
- background08: 5,
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
- color02: -2,
71
- color04: -3,
72
- color06: -4,
73
- color08: -5,
74
- // the background, color, etc keys here work like generics - they make it so you
75
- // can publish components for others to use without mandating a specific color scale
76
- // the @tamagui/button Button component looks for `$background`, so you set the
77
- // dark_red_Button theme to have a stronger background than the dark_red theme.
78
- background: bgIndex,
79
- backgroundHover: bgIndex + lighten,
80
- // always lighten on hover no matter the scheme
81
- backgroundPress: bgIndex + darken,
82
- // always darken on press no matter the theme
83
- backgroundFocus: bgIndex + darken,
84
- borderColor,
85
- borderColorHover: borderColor + lighten,
86
- borderColorPress: borderColor + darken,
87
- borderColorFocus: borderColor,
88
- ...baseColors,
89
- colorTransparent: -1
90
- },
91
- surface1 = {
92
- ...baseColors,
93
- background: base.background + 2,
94
- backgroundHover: base.backgroundHover + 2,
95
- backgroundPress: base.backgroundPress + 2,
96
- backgroundFocus: base.backgroundFocus + 2,
97
- borderColor: base.borderColor + 2,
98
- borderColorHover: base.borderColorHover + 2,
99
- borderColorFocus: base.borderColorFocus + 2,
100
- borderColorPress: base.borderColorPress + 2
101
- },
102
- surface2 = {
103
- ...baseColors,
104
- background: base.background + 3,
105
- backgroundHover: base.backgroundHover + 3,
106
- backgroundPress: base.backgroundPress + 3,
107
- backgroundFocus: base.backgroundFocus + 3,
108
- borderColor: base.borderColor + 3,
109
- borderColorHover: base.borderColorHover + 3,
110
- borderColorFocus: base.borderColorFocus + 3,
111
- borderColorPress: base.borderColorPress + 3
112
- },
113
- surface3 = {
114
- ...baseColors,
115
- background: base.background + 4,
116
- backgroundHover: base.backgroundHover + 4,
117
- backgroundPress: base.backgroundPress + 4,
118
- backgroundFocus: base.backgroundFocus + 4,
119
- borderColor: base.borderColor + 4,
120
- borderColorHover: base.borderColorHover + 4,
121
- borderColorFocus: base.borderColorFocus + 4,
122
- borderColorPress: base.borderColorPress + 4
123
- },
124
- alt1 = {
125
- color: base.color - 1,
126
- colorHover: base.colorHover - 1,
127
- colorPress: base.colorPress - 1,
128
- colorFocus: base.colorFocus - 1
129
- },
130
- alt2 = {
131
- color: base.color - 2,
132
- colorHover: base.colorHover - 2,
133
- colorPress: base.colorPress - 2,
134
- colorFocus: base.colorFocus - 2
135
- },
136
- inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => [key, -index]));
137
- return {
138
- base,
139
- surface1,
140
- surface2,
141
- surface3,
142
- alt1,
143
- alt2,
144
- inverse
145
- };
146
- },
147
- defaultTemplatesStronger = getTemplates();
30
+ const lightTemplates = getBaseTemplates("light");
31
+ const darkTemplates = getBaseTemplates("dark");
32
+ const templates = {
33
+ ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(lightTemplates).map(name => [`light_${name}`, lightTemplates[name]])),
34
+ ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(darkTemplates).map(name => [`dark_${name}`, darkTemplates[name]]))
35
+ };
36
+ return templates;
37
+ };
38
+ const getBaseTemplates = scheme => {
39
+ const isLight = scheme === "light";
40
+ const bgIndex = 6;
41
+ const lighten = isLight ? -1 : 1;
42
+ const darken = -lighten;
43
+ const borderColor = bgIndex + 3;
44
+ const baseColors = {
45
+ color: -bgIndex,
46
+ colorHover: -bgIndex - 1,
47
+ colorPress: -bgIndex,
48
+ colorFocus: -bgIndex - 1,
49
+ placeholderColor: -bgIndex - 3,
50
+ outlineColor: -2
51
+ };
52
+ const base = {
53
+ accentBackground: 0,
54
+ accentColor: -0,
55
+ background0: 1,
56
+ background02: 2,
57
+ background04: 3,
58
+ background06: 4,
59
+ background08: 5,
60
+ color1: bgIndex,
61
+ color2: bgIndex + 1,
62
+ color3: bgIndex + 2,
63
+ color4: bgIndex + 3,
64
+ color5: bgIndex + 4,
65
+ color6: bgIndex + 5,
66
+ color7: bgIndex + 6,
67
+ color8: bgIndex + 7,
68
+ color9: bgIndex + 8,
69
+ color10: bgIndex + 9,
70
+ color11: bgIndex + 10,
71
+ color12: bgIndex + 11,
72
+ color0: -1,
73
+ color02: -2,
74
+ color04: -3,
75
+ color06: -4,
76
+ color08: -5,
77
+ // the background, color, etc keys here work like generics - they make it so you
78
+ // can publish components for others to use without mandating a specific color scale
79
+ // the @tamagui/button Button component looks for `$background`, so you set the
80
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
81
+ background: bgIndex,
82
+ backgroundHover: bgIndex + lighten,
83
+ // always lighten on hover no matter the scheme
84
+ backgroundPress: bgIndex + darken,
85
+ // always darken on press no matter the theme
86
+ backgroundFocus: bgIndex + darken,
87
+ borderColor,
88
+ borderColorHover: borderColor + lighten,
89
+ borderColorPress: borderColor + darken,
90
+ borderColorFocus: borderColor,
91
+ ...baseColors,
92
+ colorTransparent: -1
93
+ };
94
+ const surface1 = {
95
+ ...baseColors,
96
+ background: base.background + 2,
97
+ backgroundHover: base.backgroundHover + 2,
98
+ backgroundPress: base.backgroundPress + 2,
99
+ backgroundFocus: base.backgroundFocus + 2,
100
+ borderColor: base.borderColor + 2,
101
+ borderColorHover: base.borderColorHover + 2,
102
+ borderColorFocus: base.borderColorFocus + 2,
103
+ borderColorPress: base.borderColorPress + 2
104
+ };
105
+ const surface2 = {
106
+ ...baseColors,
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
+ const surface3 = {
117
+ ...baseColors,
118
+ background: base.background + 4,
119
+ backgroundHover: base.backgroundHover + 4,
120
+ backgroundPress: base.backgroundPress + 4,
121
+ backgroundFocus: base.backgroundFocus + 4,
122
+ borderColor: base.borderColor + 4,
123
+ borderColorHover: base.borderColorHover + 4,
124
+ borderColorFocus: base.borderColorFocus + 4,
125
+ borderColorPress: base.borderColorPress + 4
126
+ };
127
+ const alt1 = {
128
+ color: base.color - 1,
129
+ colorHover: base.colorHover - 1,
130
+ colorPress: base.colorPress - 1,
131
+ colorFocus: base.colorFocus - 1
132
+ };
133
+ const alt2 = {
134
+ color: base.color - 2,
135
+ colorHover: base.colorHover - 2,
136
+ colorPress: base.colorPress - 2,
137
+ colorFocus: base.colorFocus - 2
138
+ };
139
+ const inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => {
140
+ return [key, -index];
141
+ }));
142
+ return {
143
+ base,
144
+ surface1,
145
+ surface2,
146
+ surface3,
147
+ alt1,
148
+ alt2,
149
+ inverse
150
+ };
151
+ };
152
+ const defaultTemplatesStronger = getTemplates();