@hanzogui/theme-builder 3.0.5 → 4.3.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 (69) 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/masks.mjs +17 -16
  66. package/dist/esm/masks.mjs.map +1 -1
  67. package/dist/esm/masks.native.js +18 -18
  68. package/dist/esm/masks.native.js.map +1 -1
  69. package/package.json +4 -4
@@ -5,154 +5,156 @@ 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 defaultTemplatesStronger_exports = {};
24
26
  __export(defaultTemplatesStronger_exports, {
25
27
  defaultTemplatesStronger: () => defaultTemplatesStronger
26
28
  });
27
29
  module.exports = __toCommonJS(defaultTemplatesStronger_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
- borderColor = bgIndex + 3,
48
- baseColors = {
49
- color: -bgIndex,
50
- colorHover: -bgIndex - 1,
51
- colorPress: -bgIndex,
52
- colorFocus: -bgIndex - 1,
53
- placeholderColor: -bgIndex - 3,
54
- outlineColor: -2
55
- },
56
- base = {
57
- accentBackground: 0,
58
- accentColor: -0,
59
- background0: 1,
60
- background02: 2,
61
- background04: 3,
62
- background06: 4,
63
- background08: 5,
64
- color1: bgIndex,
65
- color2: bgIndex + 1,
66
- color3: bgIndex + 2,
67
- color4: bgIndex + 3,
68
- color5: bgIndex + 4,
69
- color6: bgIndex + 5,
70
- color7: bgIndex + 6,
71
- color8: bgIndex + 7,
72
- color9: bgIndex + 8,
73
- color10: bgIndex + 9,
74
- color11: bgIndex + 10,
75
- color12: bgIndex + 11,
76
- color0: -1,
77
- color02: -2,
78
- color04: -3,
79
- color06: -4,
80
- color08: -5,
81
- // the background, color, etc keys here work like generics - they make it so you
82
- // can publish components for others to use without mandating a specific color scale
83
- // the @hanzogui/button Button component looks for `$background`, so you set the
84
- // dark_red_Button theme to have a stronger background than the dark_red theme.
85
- background: bgIndex,
86
- backgroundHover: bgIndex + lighten,
87
- // always lighten on hover no matter the scheme
88
- backgroundPress: bgIndex + darken,
89
- // always darken on press no matter the theme
90
- backgroundFocus: bgIndex + darken,
91
- borderColor,
92
- borderColorHover: borderColor + lighten,
93
- borderColorPress: borderColor + darken,
94
- borderColorFocus: borderColor,
95
- ...baseColors,
96
- colorTransparent: -1
97
- },
98
- surface1 = {
99
- ...baseColors,
100
- background: base.background + 2,
101
- backgroundHover: base.backgroundHover + 2,
102
- backgroundPress: base.backgroundPress + 2,
103
- backgroundFocus: base.backgroundFocus + 2,
104
- borderColor: base.borderColor + 2,
105
- borderColorHover: base.borderColorHover + 2,
106
- borderColorFocus: base.borderColorFocus + 2,
107
- borderColorPress: base.borderColorPress + 2
108
- },
109
- surface2 = {
110
- ...baseColors,
111
- background: base.background + 3,
112
- backgroundHover: base.backgroundHover + 3,
113
- backgroundPress: base.backgroundPress + 3,
114
- backgroundFocus: base.backgroundFocus + 3,
115
- borderColor: base.borderColor + 3,
116
- borderColorHover: base.borderColorHover + 3,
117
- borderColorFocus: base.borderColorFocus + 3,
118
- borderColorPress: base.borderColorPress + 3
119
- },
120
- surface3 = {
121
- ...baseColors,
122
- background: base.background + 4,
123
- backgroundHover: base.backgroundHover + 4,
124
- backgroundPress: base.backgroundPress + 4,
125
- backgroundFocus: base.backgroundFocus + 4,
126
- borderColor: base.borderColor + 4,
127
- borderColorHover: base.borderColorHover + 4,
128
- borderColorFocus: base.borderColorFocus + 4,
129
- borderColorPress: base.borderColorPress + 4
130
- },
131
- alt1 = {
132
- color: base.color - 1,
133
- colorHover: base.colorHover - 1,
134
- colorPress: base.colorPress - 1,
135
- colorFocus: base.colorFocus - 1
136
- },
137
- alt2 = {
138
- color: base.color - 2,
139
- colorHover: base.colorHover - 2,
140
- colorPress: base.colorPress - 2,
141
- colorFocus: base.colorFocus - 2
142
- },
143
- inverse = Object.fromEntries(Object.entries(base).map(function (param) {
144
- var [key, index] = param;
145
- return [key, -index];
146
- }));
147
- return {
148
- base,
149
- surface1,
150
- surface2,
151
- surface3,
152
- alt1,
153
- alt2,
154
- inverse
155
- };
156
- },
157
- defaultTemplatesStronger = 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 borderColor = bgIndex + 3;
50
+ var baseColors = {
51
+ color: -bgIndex,
52
+ colorHover: -bgIndex - 1,
53
+ colorPress: -bgIndex,
54
+ colorFocus: -bgIndex - 1,
55
+ placeholderColor: -bgIndex - 3,
56
+ outlineColor: -2
57
+ };
58
+ var base = {
59
+ accentBackground: 0,
60
+ accentColor: -0,
61
+ background0: 1,
62
+ background02: 2,
63
+ background04: 3,
64
+ background06: 4,
65
+ background08: 5,
66
+ color1: bgIndex,
67
+ color2: bgIndex + 1,
68
+ color3: bgIndex + 2,
69
+ color4: bgIndex + 3,
70
+ color5: bgIndex + 4,
71
+ color6: bgIndex + 5,
72
+ color7: bgIndex + 6,
73
+ color8: bgIndex + 7,
74
+ color9: bgIndex + 8,
75
+ color10: bgIndex + 9,
76
+ color11: bgIndex + 10,
77
+ color12: bgIndex + 11,
78
+ color0: -1,
79
+ color02: -2,
80
+ color04: -3,
81
+ color06: -4,
82
+ color08: -5,
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 @hanzogui/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
+ ...baseColors,
98
+ colorTransparent: -1
99
+ };
100
+ var surface1 = {
101
+ ...baseColors,
102
+ background: base.background + 2,
103
+ backgroundHover: base.backgroundHover + 2,
104
+ backgroundPress: base.backgroundPress + 2,
105
+ backgroundFocus: base.backgroundFocus + 2,
106
+ borderColor: base.borderColor + 2,
107
+ borderColorHover: base.borderColorHover + 2,
108
+ borderColorFocus: base.borderColorFocus + 2,
109
+ borderColorPress: base.borderColorPress + 2
110
+ };
111
+ var surface2 = {
112
+ ...baseColors,
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
+ };
122
+ var surface3 = {
123
+ ...baseColors,
124
+ background: base.background + 4,
125
+ backgroundHover: base.backgroundHover + 4,
126
+ backgroundPress: base.backgroundPress + 4,
127
+ backgroundFocus: base.backgroundFocus + 4,
128
+ borderColor: base.borderColor + 4,
129
+ borderColorHover: base.borderColorHover + 4,
130
+ borderColorFocus: base.borderColorFocus + 4,
131
+ borderColorPress: base.borderColorPress + 4
132
+ };
133
+ var alt1 = {
134
+ color: base.color - 1,
135
+ colorHover: base.colorHover - 1,
136
+ colorPress: base.colorPress - 1,
137
+ colorFocus: base.colorFocus - 1
138
+ };
139
+ var alt2 = {
140
+ color: base.color - 2,
141
+ colorHover: base.colorHover - 2,
142
+ colorPress: base.colorPress - 2,
143
+ colorFocus: base.colorFocus - 2
144
+ };
145
+ var 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
+ var defaultTemplatesStronger = getTemplates();
158
160
  //# sourceMappingURL=defaultTemplatesStronger.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultTemplatesStronger_exports","__export","defaultTemplatesStronger","module","exports","import_helpers","require","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","templates","objectFromEntries","objectKeys","map","name","scheme","isLight","bgIndex","lighten","darken","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","surface2","surface3","alt1","alt2","inverse","Object","fromEntries","entries","param","key","index"],"sources":["../../src/defaultTemplatesStronger.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultTemplatesStronger_exports","__export","defaultTemplatesStronger","module","exports","import_helpers","require","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","templates","objectFromEntries","objectKeys","map","name","scheme","isLight","bgIndex","lighten","darken","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","surface2","surface3","alt1","alt2","inverse","Object","fromEntries","entries","param","key","index"],"sources":["../../src/defaultTemplatesStronger.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 defaultTemplatesStrongest_exports = {};
22
24
  __export(defaultTemplatesStrongest_exports, {
@@ -25,123 +27,126 @@ __export(defaultTemplatesStrongest_exports, {
25
27
  module.exports = __toCommonJS(defaultTemplatesStrongest_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 @hanzogui/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 + 3,
94
- backgroundHover: base.backgroundHover + 3,
95
- backgroundPress: base.backgroundPress + 3,
96
- backgroundFocus: base.backgroundFocus + 3,
97
- borderColor: base.borderColor + 3,
98
- borderColorHover: base.borderColorHover + 3,
99
- borderColorFocus: base.borderColorFocus + 3,
100
- borderColorPress: base.borderColorPress + 3
101
- },
102
- surface2 = {
103
- ...baseColors,
104
- background: base.background + 4,
105
- backgroundHover: base.backgroundHover + 4,
106
- backgroundPress: base.backgroundPress + 4,
107
- backgroundFocus: base.backgroundFocus + 4,
108
- borderColor: base.borderColor + 4,
109
- borderColorHover: base.borderColorHover + 4,
110
- borderColorFocus: base.borderColorFocus + 4,
111
- borderColorPress: base.borderColorPress + 4
112
- },
113
- surface3 = {
114
- ...baseColors,
115
- background: base.background + 5,
116
- backgroundHover: base.backgroundHover + 5,
117
- backgroundPress: base.backgroundPress + 5,
118
- backgroundFocus: base.backgroundFocus + 5,
119
- borderColor: base.borderColor + 5,
120
- borderColorHover: base.borderColorHover + 5,
121
- borderColorFocus: base.borderColorFocus + 5,
122
- borderColorPress: base.borderColorPress + 5
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
- defaultTemplatesStrongest = 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 @hanzogui/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 + 3,
97
+ backgroundHover: base.backgroundHover + 3,
98
+ backgroundPress: base.backgroundPress + 3,
99
+ backgroundFocus: base.backgroundFocus + 3,
100
+ borderColor: base.borderColor + 3,
101
+ borderColorHover: base.borderColorHover + 3,
102
+ borderColorFocus: base.borderColorFocus + 3,
103
+ borderColorPress: base.borderColorPress + 3
104
+ };
105
+ const surface2 = {
106
+ ...baseColors,
107
+ background: base.background + 4,
108
+ backgroundHover: base.backgroundHover + 4,
109
+ backgroundPress: base.backgroundPress + 4,
110
+ backgroundFocus: base.backgroundFocus + 4,
111
+ borderColor: base.borderColor + 4,
112
+ borderColorHover: base.borderColorHover + 4,
113
+ borderColorFocus: base.borderColorFocus + 4,
114
+ borderColorPress: base.borderColorPress + 4
115
+ };
116
+ const surface3 = {
117
+ ...baseColors,
118
+ background: base.background + 5,
119
+ backgroundHover: base.backgroundHover + 5,
120
+ backgroundPress: base.backgroundPress + 5,
121
+ backgroundFocus: base.backgroundFocus + 5,
122
+ borderColor: base.borderColor + 5,
123
+ borderColorHover: base.borderColorHover + 5,
124
+ borderColorFocus: base.borderColorFocus + 5,
125
+ borderColorPress: base.borderColorPress + 5
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 defaultTemplatesStrongest = getTemplates();