@hanzogui/theme-builder 2.0.0

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 +184 -0
  3. package/dist/cjs/ThemeBuilder.native.js +262 -0
  4. package/dist/cjs/ThemeBuilder.native.js.map +1 -0
  5. package/dist/cjs/createStudioThemes.cjs +40 -0
  6. package/dist/cjs/createStudioThemes.native.js +43 -0
  7. package/dist/cjs/createStudioThemes.native.js.map +1 -0
  8. package/dist/cjs/createThemes.cjs +345 -0
  9. package/dist/cjs/createThemes.native.js +366 -0
  10. package/dist/cjs/createThemes.native.js.map +1 -0
  11. package/dist/cjs/defaultComponentThemes.cjs +84 -0
  12. package/dist/cjs/defaultComponentThemes.native.js +87 -0
  13. package/dist/cjs/defaultComponentThemes.native.js.map +1 -0
  14. package/dist/cjs/defaultTemplates.cjs +149 -0
  15. package/dist/cjs/defaultTemplates.native.js +160 -0
  16. package/dist/cjs/defaultTemplates.native.js.map +1 -0
  17. package/dist/cjs/defaultTemplatesStronger.cjs +147 -0
  18. package/dist/cjs/defaultTemplatesStronger.native.js +158 -0
  19. package/dist/cjs/defaultTemplatesStronger.native.js.map +1 -0
  20. package/dist/cjs/defaultTemplatesStrongest.cjs +147 -0
  21. package/dist/cjs/defaultTemplatesStrongest.native.js +158 -0
  22. package/dist/cjs/defaultTemplatesStrongest.native.js.map +1 -0
  23. package/dist/cjs/getThemeSuitePalettes.cjs +81 -0
  24. package/dist/cjs/getThemeSuitePalettes.native.js +93 -0
  25. package/dist/cjs/getThemeSuitePalettes.native.js.map +1 -0
  26. package/dist/cjs/helpers.cjs +34 -0
  27. package/dist/cjs/helpers.native.js +39 -0
  28. package/dist/cjs/helpers.native.js.map +1 -0
  29. package/dist/cjs/index.cjs +43 -0
  30. package/dist/cjs/index.native.js +46 -0
  31. package/dist/cjs/index.native.js.map +1 -0
  32. package/dist/cjs/masks.cjs +114 -0
  33. package/dist/cjs/masks.native.js +118 -0
  34. package/dist/cjs/masks.native.js.map +1 -0
  35. package/dist/cjs/types.cjs +16 -0
  36. package/dist/cjs/types.native.js +19 -0
  37. package/dist/cjs/types.native.js.map +1 -0
  38. package/dist/esm/ThemeBuilder.mjs +160 -0
  39. package/dist/esm/ThemeBuilder.mjs.map +1 -0
  40. package/dist/esm/ThemeBuilder.native.js +235 -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 +316 -0
  47. package/dist/esm/createThemes.mjs.map +1 -0
  48. package/dist/esm/createThemes.native.js +334 -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 +126 -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 +124 -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 +124 -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 +57 -0
  67. package/dist/esm/getThemeSuitePalettes.mjs.map +1 -0
  68. package/dist/esm/getThemeSuitePalettes.native.js +66 -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 +91 -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
+ darkTemplates = getBaseTemplates("dark"),
5
+ 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
+ getBaseTemplates = function (scheme) {
16
+ var isLight = scheme === "light",
17
+ bgIndex = 6,
18
+ lighten = isLight ? -1 : 1,
19
+ darken = -lighten,
20
+ increaseContrast = 1,
21
+ borderColor = bgIndex + 3,
22
+ baseColors = {
23
+ color: -bgIndex,
24
+ colorHover: -bgIndex - 1,
25
+ colorPress: -bgIndex,
26
+ colorFocus: -bgIndex - 1,
27
+ placeholderColor: -bgIndex - 3,
28
+ outlineColor: -2
29
+ },
30
+ 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
+ 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
+ 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
+ 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
+ alt1 = {
107
+ color: base.color - 1,
108
+ colorHover: base.colorHover - 1,
109
+ colorPress: base.colorPress - 1,
110
+ colorFocus: base.colorFocus - 1
111
+ },
112
+ alt2 = {
113
+ color: base.color - 2,
114
+ colorHover: base.colorHover - 2,
115
+ colorPress: base.colorPress - 2,
116
+ colorFocus: base.colorFocus - 2
117
+ },
118
+ 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
+ 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,124 @@
1
+ import { objectFromEntries, objectKeys } from "./helpers.mjs";
2
+ const getTemplates = () => {
3
+ const lightTemplates = getBaseTemplates("light"),
4
+ darkTemplates = getBaseTemplates("dark");
5
+ return {
6
+ ...objectFromEntries(objectKeys(lightTemplates).map(name => [`light_${name}`, lightTemplates[name]])),
7
+ ...objectFromEntries(objectKeys(darkTemplates).map(name => [`dark_${name}`, darkTemplates[name]]))
8
+ };
9
+ },
10
+ getBaseTemplates = scheme => {
11
+ const isLight = scheme === "light",
12
+ bgIndex = 6,
13
+ lighten = isLight ? -1 : 1,
14
+ darken = -lighten,
15
+ borderColor = bgIndex + 3,
16
+ baseColors = {
17
+ color: -bgIndex,
18
+ colorHover: -bgIndex - 1,
19
+ colorPress: -bgIndex,
20
+ colorFocus: -bgIndex - 1,
21
+ placeholderColor: -bgIndex - 3,
22
+ outlineColor: -2
23
+ },
24
+ base = {
25
+ accentBackground: 0,
26
+ accentColor: -0,
27
+ background0: 1,
28
+ background02: 2,
29
+ background04: 3,
30
+ background06: 4,
31
+ background08: 5,
32
+ color1: bgIndex,
33
+ color2: bgIndex + 1,
34
+ color3: bgIndex + 2,
35
+ color4: bgIndex + 3,
36
+ color5: bgIndex + 4,
37
+ color6: bgIndex + 5,
38
+ color7: bgIndex + 6,
39
+ color8: bgIndex + 7,
40
+ color9: bgIndex + 8,
41
+ color10: bgIndex + 9,
42
+ color11: bgIndex + 10,
43
+ color12: bgIndex + 11,
44
+ color0: -1,
45
+ color02: -2,
46
+ color04: -3,
47
+ color06: -4,
48
+ color08: -5,
49
+ // the background, color, etc keys here work like generics - they make it so you
50
+ // can publish components for others to use without mandating a specific color scale
51
+ // the @hanzogui/button Button component looks for `$background`, so you set the
52
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
53
+ background: bgIndex,
54
+ backgroundHover: bgIndex + lighten,
55
+ // always lighten on hover no matter the scheme
56
+ backgroundPress: bgIndex + darken,
57
+ // always darken on press no matter the theme
58
+ backgroundFocus: bgIndex + darken,
59
+ borderColor,
60
+ borderColorHover: borderColor + lighten,
61
+ borderColorPress: borderColor + darken,
62
+ borderColorFocus: borderColor,
63
+ ...baseColors,
64
+ colorTransparent: -1
65
+ },
66
+ surface1 = {
67
+ ...baseColors,
68
+ background: base.background + 2,
69
+ backgroundHover: base.backgroundHover + 2,
70
+ backgroundPress: base.backgroundPress + 2,
71
+ backgroundFocus: base.backgroundFocus + 2,
72
+ borderColor: base.borderColor + 2,
73
+ borderColorHover: base.borderColorHover + 2,
74
+ borderColorFocus: base.borderColorFocus + 2,
75
+ borderColorPress: base.borderColorPress + 2
76
+ },
77
+ surface2 = {
78
+ ...baseColors,
79
+ background: base.background + 3,
80
+ backgroundHover: base.backgroundHover + 3,
81
+ backgroundPress: base.backgroundPress + 3,
82
+ backgroundFocus: base.backgroundFocus + 3,
83
+ borderColor: base.borderColor + 3,
84
+ borderColorHover: base.borderColorHover + 3,
85
+ borderColorFocus: base.borderColorFocus + 3,
86
+ borderColorPress: base.borderColorPress + 3
87
+ },
88
+ surface3 = {
89
+ ...baseColors,
90
+ background: base.background + 4,
91
+ backgroundHover: base.backgroundHover + 4,
92
+ backgroundPress: base.backgroundPress + 4,
93
+ backgroundFocus: base.backgroundFocus + 4,
94
+ borderColor: base.borderColor + 4,
95
+ borderColorHover: base.borderColorHover + 4,
96
+ borderColorFocus: base.borderColorFocus + 4,
97
+ borderColorPress: base.borderColorPress + 4
98
+ },
99
+ alt1 = {
100
+ color: base.color - 1,
101
+ colorHover: base.colorHover - 1,
102
+ colorPress: base.colorPress - 1,
103
+ colorFocus: base.colorFocus - 1
104
+ },
105
+ alt2 = {
106
+ color: base.color - 2,
107
+ colorHover: base.colorHover - 2,
108
+ colorPress: base.colorPress - 2,
109
+ colorFocus: base.colorFocus - 2
110
+ },
111
+ inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => [key, -index]));
112
+ return {
113
+ base,
114
+ surface1,
115
+ surface2,
116
+ surface3,
117
+ alt1,
118
+ alt2,
119
+ inverse
120
+ };
121
+ },
122
+ defaultTemplatesStronger = getTemplates();
123
+ export { defaultTemplatesStronger };
124
+ //# sourceMappingURL=defaultTemplatesStronger.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["objectFromEntries","objectKeys","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","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":"AAAA,SAASA,iBAAA,EAAmBC,UAAA,QAAkB;AAG9C,MAAMC,YAAA,GAAeA,CAAA,KAAM;IACzB,MAAMC,cAAA,GAAiBC,gBAAA,CAAiB,OAAO;MACzCC,aAAA,GAAgBD,gBAAA,CAAiB,MAAM;IAa7C,OAZkB;MAChB,GAAGJ,iBAAA,CACDC,UAAA,CAAWE,cAAc,EAAEG,GAAA,CACxBC,IAAA,IAAS,CAAC,SAASA,IAAI,IAAIJ,cAAA,CAAeI,IAAI,CAAC,CAClD,CACF;MACA,GAAGP,iBAAA,CACDC,UAAA,CAAWI,aAAa,EAAEC,GAAA,CACvBC,IAAA,IAAS,CAAC,QAAQA,IAAI,IAAIF,aAAA,CAAcE,IAAI,CAAC,CAChD,CACF;IACF;EAEF;EAEMH,gBAAA,GAAoBI,MAAA,IAA6B;IACrD,MAAMC,OAAA,GAAUD,MAAA,KAAW;MAIrBE,OAAA,GAAU;MACVC,OAAA,GAAUF,OAAA,GAAU,KAAK;MACzBG,MAAA,GAAS,CAACD,OAAA;MACVE,WAAA,GAAcH,OAAA,GAAU;MAExBI,UAAA,GAAa;QACjBC,KAAA,EAAO,CAACL,OAAA;QACRM,UAAA,EAAY,CAACN,OAAA,GAAU;QACvBO,UAAA,EAAY,CAACP,OAAA;QACbQ,UAAA,EAAY,CAACR,OAAA,GAAU;QACvBS,gBAAA,EAAkB,CAACT,OAAA,GAAU;QAC7BU,YAAA,EAAc;MAChB;MAIMC,IAAA,GAAO;QACXC,gBAAA,EAAkB;QAClBC,WAAA,EAAa;QAEbC,WAAA,EAAa;QACbC,YAAA,EAAc;QACdC,YAAA,EAAc;QACdC,YAAA,EAAc;QACdC,YAAA,EAAc;QACdC,MAAA,EAAQnB,OAAA;QACRoB,MAAA,EAAQpB,OAAA,GAAU;QAClBqB,MAAA,EAAQrB,OAAA,GAAU;QAClBsB,MAAA,EAAQtB,OAAA,GAAU;QAClBuB,MAAA,EAAQvB,OAAA,GAAU;QAClBwB,MAAA,EAAQxB,OAAA,GAAU;QAClByB,MAAA,EAAQzB,OAAA,GAAU;QAClB0B,MAAA,EAAQ1B,OAAA,GAAU;QAClB2B,MAAA,EAAQ3B,OAAA,GAAU;QAClB4B,OAAA,EAAS5B,OAAA,GAAU;QACnB6B,OAAA,EAAS7B,OAAA,GAAU;QACnB8B,OAAA,EAAS9B,OAAA,GAAU;QACnB+B,MAAA,EAAQ;QACRC,OAAA,EAAS;QACTC,OAAA,EAAS;QACTC,OAAA,EAAS;QACTC,OAAA,EAAS;QAAA;QAAA;QAAA;QAAA;QAKTC,UAAA,EAAYpC,OAAA;QACZqC,eAAA,EAAiBrC,OAAA,GAAUC,OAAA;QAAA;QAC3BqC,eAAA,EAAiBtC,OAAA,GAAUE,MAAA;QAAA;QAC3BqC,eAAA,EAAiBvC,OAAA,GAAUE,MAAA;QAC3BC,WAAA;QACAqC,gBAAA,EAAkBrC,WAAA,GAAcF,OAAA;QAChCwC,gBAAA,EAAkBtC,WAAA,GAAcD,MAAA;QAChCwC,gBAAA,EAAkBvC,WAAA;QAClB,GAAGC,UAAA;QACHuC,gBAAA,EAAkB;MACpB;MAEMC,QAAA,GAAW;QACf,GAAGxC,UAAA;QACHgC,UAAA,EAAYzB,IAAA,CAAKyB,UAAA,GAAa;QAC9BC,eAAA,EAAiB1B,IAAA,CAAK0B,eAAA,GAAkB;QACxCC,eAAA,EAAiB3B,IAAA,CAAK2B,eAAA,GAAkB;QACxCC,eAAA,EAAiB5B,IAAA,CAAK4B,eAAA,GAAkB;QACxCpC,WAAA,EAAaQ,IAAA,CAAKR,WAAA,GAAc;QAChCqC,gBAAA,EAAkB7B,IAAA,CAAK6B,gBAAA,GAAmB;QAC1CE,gBAAA,EAAkB/B,IAAA,CAAK+B,gBAAA,GAAmB;QAC1CD,gBAAA,EAAkB9B,IAAA,CAAK8B,gBAAA,GAAmB;MAC5C;MAEMI,QAAA,GAAW;QACf,GAAGzC,UAAA;QACHgC,UAAA,EAAYzB,IAAA,CAAKyB,UAAA,GAAa;QAC9BC,eAAA,EAAiB1B,IAAA,CAAK0B,eAAA,GAAkB;QACxCC,eAAA,EAAiB3B,IAAA,CAAK2B,eAAA,GAAkB;QACxCC,eAAA,EAAiB5B,IAAA,CAAK4B,eAAA,GAAkB;QACxCpC,WAAA,EAAaQ,IAAA,CAAKR,WAAA,GAAc;QAChCqC,gBAAA,EAAkB7B,IAAA,CAAK6B,gBAAA,GAAmB;QAC1CE,gBAAA,EAAkB/B,IAAA,CAAK+B,gBAAA,GAAmB;QAC1CD,gBAAA,EAAkB9B,IAAA,CAAK8B,gBAAA,GAAmB;MAC5C;MAEMK,QAAA,GAAW;QACf,GAAG1C,UAAA;QACHgC,UAAA,EAAYzB,IAAA,CAAKyB,UAAA,GAAa;QAC9BC,eAAA,EAAiB1B,IAAA,CAAK0B,eAAA,GAAkB;QACxCC,eAAA,EAAiB3B,IAAA,CAAK2B,eAAA,GAAkB;QACxCC,eAAA,EAAiB5B,IAAA,CAAK4B,eAAA,GAAkB;QACxCpC,WAAA,EAAaQ,IAAA,CAAKR,WAAA,GAAc;QAChCqC,gBAAA,EAAkB7B,IAAA,CAAK6B,gBAAA,GAAmB;QAC1CE,gBAAA,EAAkB/B,IAAA,CAAK+B,gBAAA,GAAmB;QAC1CD,gBAAA,EAAkB9B,IAAA,CAAK8B,gBAAA,GAAmB;MAC5C;MAEMM,IAAA,GAAO;QACX1C,KAAA,EAAOM,IAAA,CAAKN,KAAA,GAAQ;QACpBC,UAAA,EAAYK,IAAA,CAAKL,UAAA,GAAa;QAC9BC,UAAA,EAAYI,IAAA,CAAKJ,UAAA,GAAa;QAC9BC,UAAA,EAAYG,IAAA,CAAKH,UAAA,GAAa;MAChC;MAEMwC,IAAA,GAAO;QACX3C,KAAA,EAAOM,IAAA,CAAKN,KAAA,GAAQ;QACpBC,UAAA,EAAYK,IAAA,CAAKL,UAAA,GAAa;QAC9BC,UAAA,EAAYI,IAAA,CAAKJ,UAAA,GAAa;QAC9BC,UAAA,EAAYG,IAAA,CAAKH,UAAA,GAAa;MAChC;MAEMyC,OAAA,GAAUC,MAAA,CAAOC,WAAA,CACrBD,MAAA,CAAOE,OAAA,CAAQzC,IAAI,EAAEf,GAAA,CAAI,CAAC,CAACyD,GAAA,EAAKC,KAAK,MAC5B,CAACD,GAAA,EAAK,CAACC,KAAK,CACpB,CACH;IAEA,OAAO;MACL3C,IAAA;MACAiC,QAAA;MACAC,QAAA;MACAC,QAAA;MACAC,IAAA;MACAC,IAAA;MACAC;IACF;EACF;EAEaM,wBAAA,GAA2B/D,YAAA,CAAa","ignoreList":[]}
@@ -0,0 +1,132 @@
1
+ import { objectFromEntries, objectKeys } from "./helpers.native.js";
2
+ var getTemplates = function () {
3
+ var lightTemplates = getBaseTemplates("light"),
4
+ darkTemplates = getBaseTemplates("dark"),
5
+ 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
+ getBaseTemplates = function (scheme) {
16
+ var isLight = scheme === "light",
17
+ bgIndex = 6,
18
+ lighten = isLight ? -1 : 1,
19
+ darken = -lighten,
20
+ borderColor = bgIndex + 3,
21
+ baseColors = {
22
+ color: -bgIndex,
23
+ colorHover: -bgIndex - 1,
24
+ colorPress: -bgIndex,
25
+ colorFocus: -bgIndex - 1,
26
+ placeholderColor: -bgIndex - 3,
27
+ outlineColor: -2
28
+ },
29
+ 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
+ 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
+ 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
+ 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
+ alt1 = {
105
+ color: base.color - 1,
106
+ colorHover: base.colorHover - 1,
107
+ colorPress: base.colorPress - 1,
108
+ colorFocus: base.colorFocus - 1
109
+ },
110
+ alt2 = {
111
+ color: base.color - 2,
112
+ colorHover: base.colorHover - 2,
113
+ colorPress: base.colorPress - 2,
114
+ colorFocus: base.colorFocus - 2
115
+ },
116
+ 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
+ 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,124 @@
1
+ import { objectFromEntries, objectKeys } from "./helpers.mjs";
2
+ const getTemplates = () => {
3
+ const lightTemplates = getBaseTemplates("light"),
4
+ darkTemplates = getBaseTemplates("dark");
5
+ return {
6
+ ...objectFromEntries(objectKeys(lightTemplates).map(name => [`light_${name}`, lightTemplates[name]])),
7
+ ...objectFromEntries(objectKeys(darkTemplates).map(name => [`dark_${name}`, darkTemplates[name]]))
8
+ };
9
+ },
10
+ getBaseTemplates = scheme => {
11
+ const isLight = scheme === "light",
12
+ bgIndex = 6,
13
+ lighten = isLight ? -1 : 1,
14
+ darken = -lighten,
15
+ borderColor = bgIndex + 3,
16
+ baseColors = {
17
+ color: -bgIndex,
18
+ colorHover: -bgIndex - 1,
19
+ colorPress: -bgIndex,
20
+ colorFocus: -bgIndex - 1,
21
+ placeholderColor: -bgIndex - 3,
22
+ outlineColor: -2
23
+ },
24
+ base = {
25
+ accentBackground: 0,
26
+ accentColor: -0,
27
+ background0: 1,
28
+ background02: 2,
29
+ background04: 3,
30
+ background06: 4,
31
+ background08: 5,
32
+ color1: bgIndex,
33
+ color2: bgIndex + 1,
34
+ color3: bgIndex + 2,
35
+ color4: bgIndex + 3,
36
+ color5: bgIndex + 4,
37
+ color6: bgIndex + 5,
38
+ color7: bgIndex + 6,
39
+ color8: bgIndex + 7,
40
+ color9: bgIndex + 8,
41
+ color10: bgIndex + 9,
42
+ color11: bgIndex + 10,
43
+ color12: bgIndex + 11,
44
+ color0: -1,
45
+ color02: -2,
46
+ color04: -3,
47
+ color06: -4,
48
+ color08: -5,
49
+ // the background, color, etc keys here work like generics - they make it so you
50
+ // can publish components for others to use without mandating a specific color scale
51
+ // the @hanzogui/button Button component looks for `$background`, so you set the
52
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
53
+ background: bgIndex,
54
+ backgroundHover: bgIndex + lighten,
55
+ // always lighten on hover no matter the scheme
56
+ backgroundPress: bgIndex + darken,
57
+ // always darken on press no matter the theme
58
+ backgroundFocus: bgIndex + darken,
59
+ borderColor,
60
+ borderColorHover: borderColor + lighten,
61
+ borderColorPress: borderColor + darken,
62
+ borderColorFocus: borderColor,
63
+ ...baseColors,
64
+ colorTransparent: -1
65
+ },
66
+ surface1 = {
67
+ ...baseColors,
68
+ background: base.background + 3,
69
+ backgroundHover: base.backgroundHover + 3,
70
+ backgroundPress: base.backgroundPress + 3,
71
+ backgroundFocus: base.backgroundFocus + 3,
72
+ borderColor: base.borderColor + 3,
73
+ borderColorHover: base.borderColorHover + 3,
74
+ borderColorFocus: base.borderColorFocus + 3,
75
+ borderColorPress: base.borderColorPress + 3
76
+ },
77
+ surface2 = {
78
+ ...baseColors,
79
+ background: base.background + 4,
80
+ backgroundHover: base.backgroundHover + 4,
81
+ backgroundPress: base.backgroundPress + 4,
82
+ backgroundFocus: base.backgroundFocus + 4,
83
+ borderColor: base.borderColor + 4,
84
+ borderColorHover: base.borderColorHover + 4,
85
+ borderColorFocus: base.borderColorFocus + 4,
86
+ borderColorPress: base.borderColorPress + 4
87
+ },
88
+ surface3 = {
89
+ ...baseColors,
90
+ background: base.background + 5,
91
+ backgroundHover: base.backgroundHover + 5,
92
+ backgroundPress: base.backgroundPress + 5,
93
+ backgroundFocus: base.backgroundFocus + 5,
94
+ borderColor: base.borderColor + 5,
95
+ borderColorHover: base.borderColorHover + 5,
96
+ borderColorFocus: base.borderColorFocus + 5,
97
+ borderColorPress: base.borderColorPress + 5
98
+ },
99
+ alt1 = {
100
+ color: base.color - 1,
101
+ colorHover: base.colorHover - 1,
102
+ colorPress: base.colorPress - 1,
103
+ colorFocus: base.colorFocus - 1
104
+ },
105
+ alt2 = {
106
+ color: base.color - 2,
107
+ colorHover: base.colorHover - 2,
108
+ colorPress: base.colorPress - 2,
109
+ colorFocus: base.colorFocus - 2
110
+ },
111
+ inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => [key, -index]));
112
+ return {
113
+ base,
114
+ surface1,
115
+ surface2,
116
+ surface3,
117
+ alt1,
118
+ alt2,
119
+ inverse
120
+ };
121
+ },
122
+ defaultTemplatesStrongest = getTemplates();
123
+ export { defaultTemplatesStrongest };
124
+ //# sourceMappingURL=defaultTemplatesStrongest.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["objectFromEntries","objectKeys","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","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":[]}