@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.
- package/LICENSE +21 -0
- package/dist/cjs/ThemeBuilder.cjs +184 -0
- package/dist/cjs/ThemeBuilder.native.js +262 -0
- package/dist/cjs/ThemeBuilder.native.js.map +1 -0
- package/dist/cjs/createStudioThemes.cjs +40 -0
- package/dist/cjs/createStudioThemes.native.js +43 -0
- package/dist/cjs/createStudioThemes.native.js.map +1 -0
- package/dist/cjs/createThemes.cjs +345 -0
- package/dist/cjs/createThemes.native.js +366 -0
- package/dist/cjs/createThemes.native.js.map +1 -0
- package/dist/cjs/defaultComponentThemes.cjs +84 -0
- package/dist/cjs/defaultComponentThemes.native.js +87 -0
- package/dist/cjs/defaultComponentThemes.native.js.map +1 -0
- package/dist/cjs/defaultTemplates.cjs +149 -0
- package/dist/cjs/defaultTemplates.native.js +160 -0
- package/dist/cjs/defaultTemplates.native.js.map +1 -0
- package/dist/cjs/defaultTemplatesStronger.cjs +147 -0
- package/dist/cjs/defaultTemplatesStronger.native.js +158 -0
- package/dist/cjs/defaultTemplatesStronger.native.js.map +1 -0
- package/dist/cjs/defaultTemplatesStrongest.cjs +147 -0
- package/dist/cjs/defaultTemplatesStrongest.native.js +158 -0
- package/dist/cjs/defaultTemplatesStrongest.native.js.map +1 -0
- package/dist/cjs/getThemeSuitePalettes.cjs +81 -0
- package/dist/cjs/getThemeSuitePalettes.native.js +93 -0
- package/dist/cjs/getThemeSuitePalettes.native.js.map +1 -0
- package/dist/cjs/helpers.cjs +34 -0
- package/dist/cjs/helpers.native.js +39 -0
- package/dist/cjs/helpers.native.js.map +1 -0
- package/dist/cjs/index.cjs +43 -0
- package/dist/cjs/index.native.js +46 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/masks.cjs +114 -0
- package/dist/cjs/masks.native.js +118 -0
- package/dist/cjs/masks.native.js.map +1 -0
- package/dist/cjs/types.cjs +16 -0
- package/dist/cjs/types.native.js +19 -0
- package/dist/cjs/types.native.js.map +1 -0
- package/dist/esm/ThemeBuilder.mjs +160 -0
- package/dist/esm/ThemeBuilder.mjs.map +1 -0
- package/dist/esm/ThemeBuilder.native.js +235 -0
- package/dist/esm/ThemeBuilder.native.js.map +1 -0
- package/dist/esm/createStudioThemes.mjs +17 -0
- package/dist/esm/createStudioThemes.mjs.map +1 -0
- package/dist/esm/createStudioThemes.native.js +17 -0
- package/dist/esm/createStudioThemes.native.js.map +1 -0
- package/dist/esm/createThemes.mjs +316 -0
- package/dist/esm/createThemes.mjs.map +1 -0
- package/dist/esm/createThemes.native.js +334 -0
- package/dist/esm/createThemes.native.js.map +1 -0
- package/dist/esm/defaultComponentThemes.mjs +61 -0
- package/dist/esm/defaultComponentThemes.mjs.map +1 -0
- package/dist/esm/defaultComponentThemes.native.js +61 -0
- package/dist/esm/defaultComponentThemes.native.js.map +1 -0
- package/dist/esm/defaultTemplates.mjs +126 -0
- package/dist/esm/defaultTemplates.mjs.map +1 -0
- package/dist/esm/defaultTemplates.native.js +134 -0
- package/dist/esm/defaultTemplates.native.js.map +1 -0
- package/dist/esm/defaultTemplatesStronger.mjs +124 -0
- package/dist/esm/defaultTemplatesStronger.mjs.map +1 -0
- package/dist/esm/defaultTemplatesStronger.native.js +132 -0
- package/dist/esm/defaultTemplatesStronger.native.js.map +1 -0
- package/dist/esm/defaultTemplatesStrongest.mjs +124 -0
- package/dist/esm/defaultTemplatesStrongest.mjs.map +1 -0
- package/dist/esm/defaultTemplatesStrongest.native.js +132 -0
- package/dist/esm/defaultTemplatesStrongest.native.js.map +1 -0
- package/dist/esm/getThemeSuitePalettes.mjs +57 -0
- package/dist/esm/getThemeSuitePalettes.mjs.map +1 -0
- package/dist/esm/getThemeSuitePalettes.native.js +66 -0
- package/dist/esm/getThemeSuitePalettes.native.js.map +1 -0
- package/dist/esm/helpers.mjs +9 -0
- package/dist/esm/helpers.mjs.map +1 -0
- package/dist/esm/helpers.native.js +11 -0
- package/dist/esm/helpers.native.js.map +1 -0
- package/dist/esm/index.js +10 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/index.mjs +10 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +10 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/esm/masks.mjs +91 -0
- package/dist/esm/masks.mjs.map +1 -0
- package/dist/esm/masks.native.js +92 -0
- package/dist/esm/masks.native.js.map +1 -0
- package/dist/esm/types.mjs +2 -0
- package/dist/esm/types.mjs.map +1 -0
- package/dist/esm/types.native.js +2 -0
- package/dist/esm/types.native.js.map +1 -0
- package/package.json +48 -0
- package/src/ThemeBuilder.ts +514 -0
- package/src/createStudioThemes.ts +28 -0
- package/src/createThemes.ts +794 -0
- package/src/defaultComponentThemes.ts +26 -0
- package/src/defaultTemplates.ts +157 -0
- package/src/defaultTemplatesStronger.ts +152 -0
- package/src/defaultTemplatesStrongest.ts +152 -0
- package/src/getThemeSuitePalettes.ts +101 -0
- package/src/helpers.ts +44 -0
- package/src/index.ts +22 -0
- package/src/masks.tsx +83 -0
- package/src/types.ts +97 -0
- package/types/ThemeBuilder.d.ts +80 -0
- package/types/ThemeBuilder.d.ts.map +1 -0
- package/types/createStudioThemes.d.ts +8 -0
- package/types/createStudioThemes.d.ts.map +1 -0
- package/types/createThemes.d.ts +141 -0
- package/types/createThemes.d.ts.map +1 -0
- package/types/defaultComponentThemes.d.ts +63 -0
- package/types/defaultComponentThemes.d.ts.map +1 -0
- package/types/defaultTemplates.d.ts +42 -0
- package/types/defaultTemplates.d.ts.map +1 -0
- package/types/defaultTemplatesStronger.d.ts +42 -0
- package/types/defaultTemplatesStronger.d.ts.map +1 -0
- package/types/defaultTemplatesStrongest.d.ts +42 -0
- package/types/defaultTemplatesStrongest.d.ts.map +1 -0
- package/types/getThemeSuitePalettes.d.ts +7 -0
- package/types/getThemeSuitePalettes.d.ts.map +1 -0
- package/types/helpers.d.ts +24 -0
- package/types/helpers.d.ts.map +1 -0
- package/types/index.d.ts +11 -0
- package/types/index.d.ts.map +1 -0
- package/types/masks.d.ts +18 -0
- package/types/masks.d.ts.map +1 -0
- package/types/types.d.ts +76 -0
- 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":"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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
|
+
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":"AAAA,SAASA,iBAAA,EAAmBC,UAAA,QAAkB;AAG9C,IAAAC,YAAM,YAAAA,CAAA,EAAqB;IACzB,IAAAC,cAAM,GAAAC,gBAAiB,QAAiB;MAAOC,aACzC,GAAAD,gBAAgB,OAAiB;MAAME,SAAA;QAa7C,GAAAN,iBAZkB,CAAAC,UAAA,CAAAE,cAAA,EAAAI,GAAA,WAAAC,IAAA;UAChB,OAAG,CACD,SAAWA,IAAA,IACTL,cAAW,CAAAK,IAAA,CAAS,CACtB;QACF;QACA,GAAGR,iBAAA,CAAAC,UAAA,CAAAI,aAAA,EAAAE,GAAA,WAAAC,IAAA;UACD,QACE,QAACA,IAAU,IACbH,aAAA,CAAAG,IAAA,EACF;QACF;MAEF,CAEM;IACJ,OAAMF,SAAU;EASG;EAAAF,gBACT,YAAAA,CAAAK,MAAA;IAAA,IACRC,OAAA,GAAYD,MAAC,KAAU;MAAAE,OAAA;MAAAC,OAAA,GAAAF,OAAA;MAAAG,MAAA,IAAAD,OAAA;MAAAE,WAAA,GAAAH,OAAA;MAAAI,UAAA;QACvBC,KAAA,GAAAL,OAAa;QACbM,UAAA,EAAY,CAACN,OAAA,GAAU;QACvBO,UAAA,GAAAP,OAAmB;QACnBQ,UAAA,GAAAR,OAAc;QAChBS,gBAIa,GAAAT,OAAA;QACXU,YAAA;MAAkB;MAClBC,IAAA;QAEAC,gBAAa;QACbC,WAAA,GAAc;QACdC,WAAA,GAAc;QACdC,YAAA,EAAc;QACdC,YAAA,EAAc;QACdC,YAAQ;QACRC,YAAQ;QACRC,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,EAAA1B,OAAS,IAAU;QACnB2B,MAAA,EAAA3B,OAAS,IAAU;QACnB4B,OAAA,EAAS5B,OAAA,GAAU;QACnB6B,OAAA,EAAQ7B,OAAA;QACR8B,OAAA,EAAS9B,OAAA;QACT+B,MAAA,GAAS;QACTC,OAAA,EAAS;QACTC,OAAA,EAAS;QAAAC,OAAA;QAAAC,OAAA;QAAA;QAAA;QAKT;QACA;QAA2BC,UAAA,EAAApC,OAAA;QAC3BqC,eAAA,EAAiBrC,OAAA,GAAUC,OAAA;QAAA;QAC3BqC,eAAA,EAAiBtC,OAAA,GAAUE,MAAA;QAC3B;QACAqC,eAAA,EAAAvC,OAAkB,GAAAE,MAAc;QAChCC,WAAA;QACAqC,gBAAA,EAAkBrC,WAAA,GAAAF,OAAA;QAClBwC,gBAAG,EAAAtC,WAAA,GAAAD,MAAA;QACHwC,gBAAA,EAAkBvC,WAAA;QACpB,GAEMC,UAAW;QACfuC,gBAAG;MAAA;MACHC,QAAA,GAAY;QACZ,GAAAxC,UAAA;QACAgC,UAAA,EAAAzB,IAAA,CAAiByB,UAAK;QACtBC,eAAA,EAAiB1B,IAAA,CAAK0B,eAAA,GAAkB;QACxCC,eAAa,EAAA3B,IAAK,CAAA2B,eAAc;QAChCC,eAAA,EAAA5B,IAAkB,CAAA4B,eAAK;QACvBpC,WAAA,EAAAQ,IAAA,CAAkBR,WAAK;QACvBqC,gBAAA,EAAkB7B,IAAA,CAAK6B,gBAAA,GAAmB;QAC5CE,gBAEiB,EAAA/B,IAAA,CAAA+B,gBAAA;QACfD,gBAAG,EAAA9B,IAAA,CAAA8B,gBAAA;MAAA;MACHI,QAAA,GAAY;QACZ,GAAAzC,UAAA;QACAgC,UAAA,EAAAzB,IAAA,CAAiByB,UAAK;QACtBC,eAAA,EAAiB1B,IAAA,CAAK0B,eAAA,GAAkB;QACxCC,eAAa,EAAA3B,IAAK,CAAA2B,eAAc;QAChCC,eAAA,EAAA5B,IAAkB,CAAA4B,eAAK;QACvBpC,WAAA,EAAAQ,IAAA,CAAkBR,WAAK;QACvBqC,gBAAA,EAAkB7B,IAAA,CAAK6B,gBAAA,GAAmB;QAC5CE,gBAEiB,EAAA/B,IAAA,CAAA+B,gBAAA;QACfD,gBAAG,EAAA9B,IAAA,CAAA8B,gBAAA;MAAA;MACHK,QAAA,GAAY;QACZ,GAAA1C,UAAA;QACAgC,UAAA,EAAAzB,IAAA,CAAiByB,UAAK;QACtBC,eAAA,EAAiB1B,IAAA,CAAK0B,eAAA,GAAkB;QACxCC,eAAa,EAAA3B,IAAK,CAAA2B,eAAc;QAChCC,eAAA,EAAA5B,IAAkB,CAAA4B,eAAK;QACvBpC,WAAA,EAAAQ,IAAA,CAAkBR,WAAK;QACvBqC,gBAAA,EAAkB7B,IAAA,CAAK6B,gBAAA,GAAmB;QAC5CE,gBAEa,EAAA/B,IAAA,CAAA+B,gBAAA;QACXD,gBAAY,EAAA9B,IAAQ,CAAA8B,gBAAA;MAAA;MACpBM,IAAA;QACA1C,KAAA,EAAAM,IAAA,CAAYN,KAAK;QACjBC,UAAA,EAAYK,IAAA,CAAKL,UAAA,GAAa;QAChCC,UAEa,EAAAI,IAAA,CAAAJ,UAAA;QACXC,UAAO,EAAKG,IAAA,CAAAH,UAAQ;MAAA;MACpBwC,IAAA;QACA3C,KAAA,EAAAM,IAAA,CAAYN,KAAK;QACjBC,UAAA,EAAYK,IAAA,CAAKL,UAAA,GAAa;QAChCC,UAEM,EAAUI,IAAA,CAAAJ,UAAO;QACrBC,UAAO,EAAAG,IAAQ,CAAAH,UAAY;MAG7B;MAAAyC,OAAA,GAAAC,MAAA,CAAAC,WAAA,CAAAD,MAAA,CAAAE,OAAA,CAAAzC,IAAA,EAAAf,GAAA,WAAAyD,KAAA;QAEA,KAAOC,GAAA,EAAAC,KAAA,IAAAF,KAAA;QACL,QACAC,GAAA,EACA,CAAAC,KAAA,CACA;MAAA,EACA;IAAA,OACA;MACA5C,IAAA;MACFiC,QAAA;MAGWC,QAAA","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":[]}
|