@hanzogui/theme-builder 2.0.0-rc.41-hanzoai.5

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 (124) hide show
  1. package/LICENSE +21 -0
  2. package/dist/cjs/ThemeBuilder.cjs +248 -0
  3. package/dist/cjs/ThemeBuilder.native.js +338 -0
  4. package/dist/cjs/ThemeBuilder.native.js.map +1 -0
  5. package/dist/cjs/createStudioThemes.cjs +42 -0
  6. package/dist/cjs/createStudioThemes.native.js +45 -0
  7. package/dist/cjs/createStudioThemes.native.js.map +1 -0
  8. package/dist/cjs/createThemes.cjs +395 -0
  9. package/dist/cjs/createThemes.native.js +405 -0
  10. package/dist/cjs/createThemes.native.js.map +1 -0
  11. package/dist/cjs/defaultComponentThemes.cjs +86 -0
  12. package/dist/cjs/defaultComponentThemes.native.js +89 -0
  13. package/dist/cjs/defaultComponentThemes.native.js.map +1 -0
  14. package/dist/cjs/defaultTemplates.cjs +154 -0
  15. package/dist/cjs/defaultTemplates.native.js +162 -0
  16. package/dist/cjs/defaultTemplates.native.js.map +1 -0
  17. package/dist/cjs/defaultTemplatesStronger.cjs +152 -0
  18. package/dist/cjs/defaultTemplatesStronger.native.js +160 -0
  19. package/dist/cjs/defaultTemplatesStronger.native.js.map +1 -0
  20. package/dist/cjs/defaultTemplatesStrongest.cjs +152 -0
  21. package/dist/cjs/defaultTemplatesStrongest.native.js +160 -0
  22. package/dist/cjs/defaultTemplatesStrongest.native.js.map +1 -0
  23. package/dist/cjs/getThemeSuitePalettes.cjs +92 -0
  24. package/dist/cjs/getThemeSuitePalettes.native.js +117 -0
  25. package/dist/cjs/getThemeSuitePalettes.native.js.map +1 -0
  26. package/dist/cjs/helpers.cjs +36 -0
  27. package/dist/cjs/helpers.native.js +41 -0
  28. package/dist/cjs/helpers.native.js.map +1 -0
  29. package/dist/cjs/index.cjs +45 -0
  30. package/dist/cjs/index.native.js +48 -0
  31. package/dist/cjs/index.native.js.map +1 -0
  32. package/dist/cjs/masks.cjs +117 -0
  33. package/dist/cjs/masks.native.js +120 -0
  34. package/dist/cjs/masks.native.js.map +1 -0
  35. package/dist/cjs/types.cjs +18 -0
  36. package/dist/cjs/types.native.js +21 -0
  37. package/dist/cjs/types.native.js.map +1 -0
  38. package/dist/esm/ThemeBuilder.mjs +222 -0
  39. package/dist/esm/ThemeBuilder.mjs.map +1 -0
  40. package/dist/esm/ThemeBuilder.native.js +309 -0
  41. package/dist/esm/ThemeBuilder.native.js.map +1 -0
  42. package/dist/esm/createStudioThemes.mjs +17 -0
  43. package/dist/esm/createStudioThemes.mjs.map +1 -0
  44. package/dist/esm/createStudioThemes.native.js +17 -0
  45. package/dist/esm/createStudioThemes.native.js.map +1 -0
  46. package/dist/esm/createThemes.mjs +364 -0
  47. package/dist/esm/createThemes.mjs.map +1 -0
  48. package/dist/esm/createThemes.native.js +371 -0
  49. package/dist/esm/createThemes.native.js.map +1 -0
  50. package/dist/esm/defaultComponentThemes.mjs +61 -0
  51. package/dist/esm/defaultComponentThemes.mjs.map +1 -0
  52. package/dist/esm/defaultComponentThemes.native.js +61 -0
  53. package/dist/esm/defaultComponentThemes.native.js.map +1 -0
  54. package/dist/esm/defaultTemplates.mjs +129 -0
  55. package/dist/esm/defaultTemplates.mjs.map +1 -0
  56. package/dist/esm/defaultTemplates.native.js +134 -0
  57. package/dist/esm/defaultTemplates.native.js.map +1 -0
  58. package/dist/esm/defaultTemplatesStronger.mjs +127 -0
  59. package/dist/esm/defaultTemplatesStronger.mjs.map +1 -0
  60. package/dist/esm/defaultTemplatesStronger.native.js +132 -0
  61. package/dist/esm/defaultTemplatesStronger.native.js.map +1 -0
  62. package/dist/esm/defaultTemplatesStrongest.mjs +127 -0
  63. package/dist/esm/defaultTemplatesStrongest.mjs.map +1 -0
  64. package/dist/esm/defaultTemplatesStrongest.native.js +132 -0
  65. package/dist/esm/defaultTemplatesStrongest.native.js.map +1 -0
  66. package/dist/esm/getThemeSuitePalettes.mjs +66 -0
  67. package/dist/esm/getThemeSuitePalettes.mjs.map +1 -0
  68. package/dist/esm/getThemeSuitePalettes.native.js +88 -0
  69. package/dist/esm/getThemeSuitePalettes.native.js.map +1 -0
  70. package/dist/esm/helpers.mjs +9 -0
  71. package/dist/esm/helpers.mjs.map +1 -0
  72. package/dist/esm/helpers.native.js +11 -0
  73. package/dist/esm/helpers.native.js.map +1 -0
  74. package/dist/esm/index.js +10 -0
  75. package/dist/esm/index.js.map +1 -0
  76. package/dist/esm/index.mjs +10 -0
  77. package/dist/esm/index.mjs.map +1 -0
  78. package/dist/esm/index.native.js +10 -0
  79. package/dist/esm/index.native.js.map +1 -0
  80. package/dist/esm/masks.mjs +92 -0
  81. package/dist/esm/masks.mjs.map +1 -0
  82. package/dist/esm/masks.native.js +92 -0
  83. package/dist/esm/masks.native.js.map +1 -0
  84. package/dist/esm/types.mjs +2 -0
  85. package/dist/esm/types.mjs.map +1 -0
  86. package/dist/esm/types.native.js +2 -0
  87. package/dist/esm/types.native.js.map +1 -0
  88. package/package.json +48 -0
  89. package/src/ThemeBuilder.ts +514 -0
  90. package/src/createStudioThemes.ts +28 -0
  91. package/src/createThemes.ts +794 -0
  92. package/src/defaultComponentThemes.ts +26 -0
  93. package/src/defaultTemplates.ts +157 -0
  94. package/src/defaultTemplatesStronger.ts +152 -0
  95. package/src/defaultTemplatesStrongest.ts +152 -0
  96. package/src/getThemeSuitePalettes.ts +101 -0
  97. package/src/helpers.ts +44 -0
  98. package/src/index.ts +22 -0
  99. package/src/masks.tsx +83 -0
  100. package/src/types.ts +97 -0
  101. package/types/ThemeBuilder.d.ts +80 -0
  102. package/types/ThemeBuilder.d.ts.map +1 -0
  103. package/types/createStudioThemes.d.ts +8 -0
  104. package/types/createStudioThemes.d.ts.map +1 -0
  105. package/types/createThemes.d.ts +141 -0
  106. package/types/createThemes.d.ts.map +1 -0
  107. package/types/defaultComponentThemes.d.ts +63 -0
  108. package/types/defaultComponentThemes.d.ts.map +1 -0
  109. package/types/defaultTemplates.d.ts +42 -0
  110. package/types/defaultTemplates.d.ts.map +1 -0
  111. package/types/defaultTemplatesStronger.d.ts +42 -0
  112. package/types/defaultTemplatesStronger.d.ts.map +1 -0
  113. package/types/defaultTemplatesStrongest.d.ts +42 -0
  114. package/types/defaultTemplatesStrongest.d.ts.map +1 -0
  115. package/types/getThemeSuitePalettes.d.ts +7 -0
  116. package/types/getThemeSuitePalettes.d.ts.map +1 -0
  117. package/types/helpers.d.ts +24 -0
  118. package/types/helpers.d.ts.map +1 -0
  119. package/types/index.d.ts +11 -0
  120. package/types/index.d.ts.map +1 -0
  121. package/types/masks.d.ts +18 -0
  122. package/types/masks.d.ts.map +1 -0
  123. package/types/types.d.ts +76 -0
  124. package/types/types.d.ts.map +1 -0
@@ -0,0 +1,134 @@
1
+ import { objectFromEntries, objectKeys } from "./helpers.native.js";
2
+ var getTemplates = function () {
3
+ var lightTemplates = getBaseTemplates("light");
4
+ var darkTemplates = getBaseTemplates("dark");
5
+ var templates = {
6
+ ...objectFromEntries(objectKeys(lightTemplates).map(function (name) {
7
+ return [`light_${name}`, lightTemplates[name]];
8
+ })),
9
+ ...objectFromEntries(objectKeys(darkTemplates).map(function (name) {
10
+ return [`dark_${name}`, darkTemplates[name]];
11
+ }))
12
+ };
13
+ return templates;
14
+ };
15
+ var getBaseTemplates = function (scheme) {
16
+ var isLight = scheme === "light";
17
+ var bgIndex = 6;
18
+ var lighten = isLight ? -1 : 1;
19
+ var darken = -lighten;
20
+ var increaseContrast = 1;
21
+ var borderColor = bgIndex + 3;
22
+ var baseColors = {
23
+ color: -bgIndex,
24
+ colorHover: -bgIndex - 1,
25
+ colorPress: -bgIndex,
26
+ colorFocus: -bgIndex - 1,
27
+ placeholderColor: -bgIndex - 3,
28
+ outlineColor: -2
29
+ };
30
+ var base = {
31
+ accentBackground: 0,
32
+ accentColor: -0,
33
+ background0: 1,
34
+ background02: 2,
35
+ background04: 3,
36
+ background06: 4,
37
+ background08: 5,
38
+ color1: bgIndex,
39
+ color2: bgIndex + 1,
40
+ color3: bgIndex + 2,
41
+ color4: bgIndex + 3,
42
+ color5: bgIndex + 4,
43
+ color6: bgIndex + 5,
44
+ color7: bgIndex + 6,
45
+ color8: bgIndex + 7,
46
+ color9: bgIndex + 8,
47
+ color10: bgIndex + 9,
48
+ color11: bgIndex + 10,
49
+ color12: bgIndex + 11,
50
+ color0: -1,
51
+ color02: -2,
52
+ color04: -3,
53
+ color06: -4,
54
+ color08: -5,
55
+ // the background, color, etc keys here work like generics - they make it so you
56
+ // can publish components for others to use without mandating a specific color scale
57
+ // the @hanzogui/button Button component looks for `$background`, so you set the
58
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
59
+ background: bgIndex,
60
+ backgroundHover: bgIndex + increaseContrast * 2,
61
+ backgroundPress: bgIndex + increaseContrast * 3,
62
+ backgroundFocus: bgIndex + increaseContrast * 2,
63
+ borderColor,
64
+ borderColorHover: borderColor + lighten,
65
+ borderColorPress: borderColor + darken,
66
+ borderColorFocus: borderColor,
67
+ ...baseColors,
68
+ colorTransparent: -1
69
+ };
70
+ var surface1 = {
71
+ ...baseColors,
72
+ background: base.background + 1,
73
+ backgroundHover: base.backgroundHover + 1,
74
+ backgroundPress: base.backgroundPress + 1,
75
+ backgroundFocus: base.backgroundFocus + 1,
76
+ backgroundActive: base.background + 1,
77
+ borderColor: base.borderColor + 1,
78
+ borderColorHover: base.borderColorHover + 1,
79
+ borderColorFocus: base.borderColorFocus + 1,
80
+ borderColorPress: base.borderColorPress + 1
81
+ };
82
+ var surface2 = {
83
+ ...baseColors,
84
+ background: base.background + 2,
85
+ backgroundHover: base.backgroundHover + 2,
86
+ backgroundPress: base.backgroundPress + 2,
87
+ backgroundFocus: base.backgroundFocus + 2,
88
+ backgroundActive: base.background + 2,
89
+ borderColor: base.borderColor + 2,
90
+ borderColorHover: base.borderColorHover + 2,
91
+ borderColorFocus: base.borderColorFocus + 2,
92
+ borderColorPress: base.borderColorPress + 2
93
+ };
94
+ var surface3 = {
95
+ ...baseColors,
96
+ background: base.background + 3,
97
+ backgroundHover: base.backgroundHover + 3,
98
+ backgroundPress: base.backgroundPress + 3,
99
+ backgroundFocus: base.backgroundFocus + 3,
100
+ backgroundActive: base.background + 3,
101
+ borderColor: base.borderColor + 3,
102
+ borderColorHover: base.borderColorHover + 3,
103
+ borderColorFocus: base.borderColorFocus + 3,
104
+ borderColorPress: base.borderColorPress + 3
105
+ };
106
+ var alt1 = {
107
+ color: base.color - 1,
108
+ colorHover: base.colorHover - 1,
109
+ colorPress: base.colorPress - 1,
110
+ colorFocus: base.colorFocus - 1
111
+ };
112
+ var alt2 = {
113
+ color: base.color - 2,
114
+ colorHover: base.colorHover - 2,
115
+ colorPress: base.colorPress - 2,
116
+ colorFocus: base.colorFocus - 2
117
+ };
118
+ var inverse = Object.fromEntries(Object.entries(base).map(function (param) {
119
+ var [key, index] = param;
120
+ return [key, -index];
121
+ }));
122
+ return {
123
+ base,
124
+ surface1,
125
+ surface2,
126
+ surface3,
127
+ alt1,
128
+ alt2,
129
+ inverse
130
+ };
131
+ };
132
+ var defaultTemplates = getTemplates();
133
+ export { defaultTemplates };
134
+ //# sourceMappingURL=defaultTemplates.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["objectFromEntries","objectKeys","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","templates","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":[]}
@@ -0,0 +1,127 @@
1
+ import { objectFromEntries, objectKeys } from "./helpers.mjs";
2
+ const getTemplates = () => {
3
+ const lightTemplates = getBaseTemplates("light");
4
+ const darkTemplates = getBaseTemplates("dark");
5
+ const templates = {
6
+ ...objectFromEntries(objectKeys(lightTemplates).map(name => [`light_${name}`, lightTemplates[name]])),
7
+ ...objectFromEntries(objectKeys(darkTemplates).map(name => [`dark_${name}`, darkTemplates[name]]))
8
+ };
9
+ return templates;
10
+ };
11
+ const getBaseTemplates = scheme => {
12
+ const isLight = scheme === "light";
13
+ const bgIndex = 6;
14
+ const lighten = isLight ? -1 : 1;
15
+ const darken = -lighten;
16
+ const borderColor = bgIndex + 3;
17
+ const baseColors = {
18
+ color: -bgIndex,
19
+ colorHover: -bgIndex - 1,
20
+ colorPress: -bgIndex,
21
+ colorFocus: -bgIndex - 1,
22
+ placeholderColor: -bgIndex - 3,
23
+ outlineColor: -2
24
+ };
25
+ const base = {
26
+ accentBackground: 0,
27
+ accentColor: -0,
28
+ background0: 1,
29
+ background02: 2,
30
+ background04: 3,
31
+ background06: 4,
32
+ background08: 5,
33
+ color1: bgIndex,
34
+ color2: bgIndex + 1,
35
+ color3: bgIndex + 2,
36
+ color4: bgIndex + 3,
37
+ color5: bgIndex + 4,
38
+ color6: bgIndex + 5,
39
+ color7: bgIndex + 6,
40
+ color8: bgIndex + 7,
41
+ color9: bgIndex + 8,
42
+ color10: bgIndex + 9,
43
+ color11: bgIndex + 10,
44
+ color12: bgIndex + 11,
45
+ color0: -1,
46
+ color02: -2,
47
+ color04: -3,
48
+ color06: -4,
49
+ color08: -5,
50
+ // the background, color, etc keys here work like generics - they make it so you
51
+ // can publish components for others to use without mandating a specific color scale
52
+ // the @hanzogui/button Button component looks for `$background`, so you set the
53
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
54
+ background: bgIndex,
55
+ backgroundHover: bgIndex + lighten,
56
+ // always lighten on hover no matter the scheme
57
+ backgroundPress: bgIndex + darken,
58
+ // always darken on press no matter the theme
59
+ backgroundFocus: bgIndex + darken,
60
+ borderColor,
61
+ borderColorHover: borderColor + lighten,
62
+ borderColorPress: borderColor + darken,
63
+ borderColorFocus: borderColor,
64
+ ...baseColors,
65
+ colorTransparent: -1
66
+ };
67
+ const surface1 = {
68
+ ...baseColors,
69
+ background: base.background + 2,
70
+ backgroundHover: base.backgroundHover + 2,
71
+ backgroundPress: base.backgroundPress + 2,
72
+ backgroundFocus: base.backgroundFocus + 2,
73
+ borderColor: base.borderColor + 2,
74
+ borderColorHover: base.borderColorHover + 2,
75
+ borderColorFocus: base.borderColorFocus + 2,
76
+ borderColorPress: base.borderColorPress + 2
77
+ };
78
+ const surface2 = {
79
+ ...baseColors,
80
+ background: base.background + 3,
81
+ backgroundHover: base.backgroundHover + 3,
82
+ backgroundPress: base.backgroundPress + 3,
83
+ backgroundFocus: base.backgroundFocus + 3,
84
+ borderColor: base.borderColor + 3,
85
+ borderColorHover: base.borderColorHover + 3,
86
+ borderColorFocus: base.borderColorFocus + 3,
87
+ borderColorPress: base.borderColorPress + 3
88
+ };
89
+ const surface3 = {
90
+ ...baseColors,
91
+ background: base.background + 4,
92
+ backgroundHover: base.backgroundHover + 4,
93
+ backgroundPress: base.backgroundPress + 4,
94
+ backgroundFocus: base.backgroundFocus + 4,
95
+ borderColor: base.borderColor + 4,
96
+ borderColorHover: base.borderColorHover + 4,
97
+ borderColorFocus: base.borderColorFocus + 4,
98
+ borderColorPress: base.borderColorPress + 4
99
+ };
100
+ const alt1 = {
101
+ color: base.color - 1,
102
+ colorHover: base.colorHover - 1,
103
+ colorPress: base.colorPress - 1,
104
+ colorFocus: base.colorFocus - 1
105
+ };
106
+ const alt2 = {
107
+ color: base.color - 2,
108
+ colorHover: base.colorHover - 2,
109
+ colorPress: base.colorPress - 2,
110
+ colorFocus: base.colorFocus - 2
111
+ };
112
+ const inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => {
113
+ return [key, -index];
114
+ }));
115
+ return {
116
+ base,
117
+ surface1,
118
+ surface2,
119
+ surface3,
120
+ alt1,
121
+ alt2,
122
+ inverse
123
+ };
124
+ };
125
+ const defaultTemplatesStronger = getTemplates();
126
+ export { defaultTemplatesStronger };
127
+ //# sourceMappingURL=defaultTemplatesStronger.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["objectFromEntries","objectKeys","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","templates","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","key","index","defaultTemplatesStronger"],"sources":["../../src/defaultTemplatesStronger.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,132 @@
1
+ import { objectFromEntries, objectKeys } from "./helpers.native.js";
2
+ var getTemplates = function () {
3
+ var lightTemplates = getBaseTemplates("light");
4
+ var darkTemplates = getBaseTemplates("dark");
5
+ var templates = {
6
+ ...objectFromEntries(objectKeys(lightTemplates).map(function (name) {
7
+ return [`light_${name}`, lightTemplates[name]];
8
+ })),
9
+ ...objectFromEntries(objectKeys(darkTemplates).map(function (name) {
10
+ return [`dark_${name}`, darkTemplates[name]];
11
+ }))
12
+ };
13
+ return templates;
14
+ };
15
+ var getBaseTemplates = function (scheme) {
16
+ var isLight = scheme === "light";
17
+ var bgIndex = 6;
18
+ var lighten = isLight ? -1 : 1;
19
+ var darken = -lighten;
20
+ var borderColor = bgIndex + 3;
21
+ var baseColors = {
22
+ color: -bgIndex,
23
+ colorHover: -bgIndex - 1,
24
+ colorPress: -bgIndex,
25
+ colorFocus: -bgIndex - 1,
26
+ placeholderColor: -bgIndex - 3,
27
+ outlineColor: -2
28
+ };
29
+ var base = {
30
+ accentBackground: 0,
31
+ accentColor: -0,
32
+ background0: 1,
33
+ background02: 2,
34
+ background04: 3,
35
+ background06: 4,
36
+ background08: 5,
37
+ color1: bgIndex,
38
+ color2: bgIndex + 1,
39
+ color3: bgIndex + 2,
40
+ color4: bgIndex + 3,
41
+ color5: bgIndex + 4,
42
+ color6: bgIndex + 5,
43
+ color7: bgIndex + 6,
44
+ color8: bgIndex + 7,
45
+ color9: bgIndex + 8,
46
+ color10: bgIndex + 9,
47
+ color11: bgIndex + 10,
48
+ color12: bgIndex + 11,
49
+ color0: -1,
50
+ color02: -2,
51
+ color04: -3,
52
+ color06: -4,
53
+ color08: -5,
54
+ // the background, color, etc keys here work like generics - they make it so you
55
+ // can publish components for others to use without mandating a specific color scale
56
+ // the @hanzogui/button Button component looks for `$background`, so you set the
57
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
58
+ background: bgIndex,
59
+ backgroundHover: bgIndex + lighten,
60
+ // always lighten on hover no matter the scheme
61
+ backgroundPress: bgIndex + darken,
62
+ // always darken on press no matter the theme
63
+ backgroundFocus: bgIndex + darken,
64
+ borderColor,
65
+ borderColorHover: borderColor + lighten,
66
+ borderColorPress: borderColor + darken,
67
+ borderColorFocus: borderColor,
68
+ ...baseColors,
69
+ colorTransparent: -1
70
+ };
71
+ var surface1 = {
72
+ ...baseColors,
73
+ background: base.background + 2,
74
+ backgroundHover: base.backgroundHover + 2,
75
+ backgroundPress: base.backgroundPress + 2,
76
+ backgroundFocus: base.backgroundFocus + 2,
77
+ borderColor: base.borderColor + 2,
78
+ borderColorHover: base.borderColorHover + 2,
79
+ borderColorFocus: base.borderColorFocus + 2,
80
+ borderColorPress: base.borderColorPress + 2
81
+ };
82
+ var surface2 = {
83
+ ...baseColors,
84
+ background: base.background + 3,
85
+ backgroundHover: base.backgroundHover + 3,
86
+ backgroundPress: base.backgroundPress + 3,
87
+ backgroundFocus: base.backgroundFocus + 3,
88
+ borderColor: base.borderColor + 3,
89
+ borderColorHover: base.borderColorHover + 3,
90
+ borderColorFocus: base.borderColorFocus + 3,
91
+ borderColorPress: base.borderColorPress + 3
92
+ };
93
+ var surface3 = {
94
+ ...baseColors,
95
+ background: base.background + 4,
96
+ backgroundHover: base.backgroundHover + 4,
97
+ backgroundPress: base.backgroundPress + 4,
98
+ backgroundFocus: base.backgroundFocus + 4,
99
+ borderColor: base.borderColor + 4,
100
+ borderColorHover: base.borderColorHover + 4,
101
+ borderColorFocus: base.borderColorFocus + 4,
102
+ borderColorPress: base.borderColorPress + 4
103
+ };
104
+ var alt1 = {
105
+ color: base.color - 1,
106
+ colorHover: base.colorHover - 1,
107
+ colorPress: base.colorPress - 1,
108
+ colorFocus: base.colorFocus - 1
109
+ };
110
+ var alt2 = {
111
+ color: base.color - 2,
112
+ colorHover: base.colorHover - 2,
113
+ colorPress: base.colorPress - 2,
114
+ colorFocus: base.colorFocus - 2
115
+ };
116
+ var inverse = Object.fromEntries(Object.entries(base).map(function (param) {
117
+ var [key, index] = param;
118
+ return [key, -index];
119
+ }));
120
+ return {
121
+ base,
122
+ surface1,
123
+ surface2,
124
+ surface3,
125
+ alt1,
126
+ alt2,
127
+ inverse
128
+ };
129
+ };
130
+ var defaultTemplatesStronger = getTemplates();
131
+ export { defaultTemplatesStronger };
132
+ //# sourceMappingURL=defaultTemplatesStronger.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["objectFromEntries","objectKeys","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","templates","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":[]}
@@ -0,0 +1,127 @@
1
+ import { objectFromEntries, objectKeys } from "./helpers.mjs";
2
+ const getTemplates = () => {
3
+ const lightTemplates = getBaseTemplates("light");
4
+ const darkTemplates = getBaseTemplates("dark");
5
+ const templates = {
6
+ ...objectFromEntries(objectKeys(lightTemplates).map(name => [`light_${name}`, lightTemplates[name]])),
7
+ ...objectFromEntries(objectKeys(darkTemplates).map(name => [`dark_${name}`, darkTemplates[name]]))
8
+ };
9
+ return templates;
10
+ };
11
+ const getBaseTemplates = scheme => {
12
+ const isLight = scheme === "light";
13
+ const bgIndex = 6;
14
+ const lighten = isLight ? -1 : 1;
15
+ const darken = -lighten;
16
+ const borderColor = bgIndex + 3;
17
+ const baseColors = {
18
+ color: -bgIndex,
19
+ colorHover: -bgIndex - 1,
20
+ colorPress: -bgIndex,
21
+ colorFocus: -bgIndex - 1,
22
+ placeholderColor: -bgIndex - 3,
23
+ outlineColor: -2
24
+ };
25
+ const base = {
26
+ accentBackground: 0,
27
+ accentColor: -0,
28
+ background0: 1,
29
+ background02: 2,
30
+ background04: 3,
31
+ background06: 4,
32
+ background08: 5,
33
+ color1: bgIndex,
34
+ color2: bgIndex + 1,
35
+ color3: bgIndex + 2,
36
+ color4: bgIndex + 3,
37
+ color5: bgIndex + 4,
38
+ color6: bgIndex + 5,
39
+ color7: bgIndex + 6,
40
+ color8: bgIndex + 7,
41
+ color9: bgIndex + 8,
42
+ color10: bgIndex + 9,
43
+ color11: bgIndex + 10,
44
+ color12: bgIndex + 11,
45
+ color0: -1,
46
+ color02: -2,
47
+ color04: -3,
48
+ color06: -4,
49
+ color08: -5,
50
+ // the background, color, etc keys here work like generics - they make it so you
51
+ // can publish components for others to use without mandating a specific color scale
52
+ // the @hanzogui/button Button component looks for `$background`, so you set the
53
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
54
+ background: bgIndex,
55
+ backgroundHover: bgIndex + lighten,
56
+ // always lighten on hover no matter the scheme
57
+ backgroundPress: bgIndex + darken,
58
+ // always darken on press no matter the theme
59
+ backgroundFocus: bgIndex + darken,
60
+ borderColor,
61
+ borderColorHover: borderColor + lighten,
62
+ borderColorPress: borderColor + darken,
63
+ borderColorFocus: borderColor,
64
+ ...baseColors,
65
+ colorTransparent: -1
66
+ };
67
+ const surface1 = {
68
+ ...baseColors,
69
+ background: base.background + 3,
70
+ backgroundHover: base.backgroundHover + 3,
71
+ backgroundPress: base.backgroundPress + 3,
72
+ backgroundFocus: base.backgroundFocus + 3,
73
+ borderColor: base.borderColor + 3,
74
+ borderColorHover: base.borderColorHover + 3,
75
+ borderColorFocus: base.borderColorFocus + 3,
76
+ borderColorPress: base.borderColorPress + 3
77
+ };
78
+ const surface2 = {
79
+ ...baseColors,
80
+ background: base.background + 4,
81
+ backgroundHover: base.backgroundHover + 4,
82
+ backgroundPress: base.backgroundPress + 4,
83
+ backgroundFocus: base.backgroundFocus + 4,
84
+ borderColor: base.borderColor + 4,
85
+ borderColorHover: base.borderColorHover + 4,
86
+ borderColorFocus: base.borderColorFocus + 4,
87
+ borderColorPress: base.borderColorPress + 4
88
+ };
89
+ const surface3 = {
90
+ ...baseColors,
91
+ background: base.background + 5,
92
+ backgroundHover: base.backgroundHover + 5,
93
+ backgroundPress: base.backgroundPress + 5,
94
+ backgroundFocus: base.backgroundFocus + 5,
95
+ borderColor: base.borderColor + 5,
96
+ borderColorHover: base.borderColorHover + 5,
97
+ borderColorFocus: base.borderColorFocus + 5,
98
+ borderColorPress: base.borderColorPress + 5
99
+ };
100
+ const alt1 = {
101
+ color: base.color - 1,
102
+ colorHover: base.colorHover - 1,
103
+ colorPress: base.colorPress - 1,
104
+ colorFocus: base.colorFocus - 1
105
+ };
106
+ const alt2 = {
107
+ color: base.color - 2,
108
+ colorHover: base.colorHover - 2,
109
+ colorPress: base.colorPress - 2,
110
+ colorFocus: base.colorFocus - 2
111
+ };
112
+ const inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => {
113
+ return [key, -index];
114
+ }));
115
+ return {
116
+ base,
117
+ surface1,
118
+ surface2,
119
+ surface3,
120
+ alt1,
121
+ alt2,
122
+ inverse
123
+ };
124
+ };
125
+ const defaultTemplatesStrongest = getTemplates();
126
+ export { defaultTemplatesStrongest };
127
+ //# sourceMappingURL=defaultTemplatesStrongest.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["objectFromEntries","objectKeys","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","templates","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","key","index","defaultTemplatesStrongest"],"sources":["../../src/defaultTemplatesStrongest.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}