@tamagui/theme-builder 2.0.0-rc.4 → 2.0.0-rc.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ThemeBuilder.cjs +131 -68
- package/dist/cjs/ThemeBuilder.native.js +208 -132
- package/dist/cjs/ThemeBuilder.native.js.map +1 -1
- package/dist/cjs/createStudioThemes.cjs +19 -17
- package/dist/cjs/createStudioThemes.native.js +19 -17
- package/dist/cjs/createStudioThemes.native.js.map +1 -1
- package/dist/cjs/createThemes.cjs +173 -123
- package/dist/cjs/createThemes.native.js +287 -248
- package/dist/cjs/createThemes.native.js.map +1 -1
- package/dist/cjs/defaultComponentThemes.cjs +12 -10
- package/dist/cjs/defaultComponentThemes.native.js +12 -10
- package/dist/cjs/defaultComponentThemes.native.js.map +1 -1
- package/dist/cjs/defaultTemplates.cjs +137 -132
- package/dist/cjs/defaultTemplates.native.js +144 -142
- package/dist/cjs/defaultTemplates.native.js.map +1 -1
- package/dist/cjs/defaultTemplatesStronger.cjs +135 -130
- package/dist/cjs/defaultTemplatesStronger.native.js +142 -140
- package/dist/cjs/defaultTemplatesStronger.native.js.map +1 -1
- package/dist/cjs/defaultTemplatesStrongest.cjs +135 -130
- package/dist/cjs/defaultTemplatesStrongest.native.js +142 -140
- package/dist/cjs/defaultTemplatesStrongest.native.js.map +1 -1
- package/dist/cjs/getThemeSuitePalettes.cjs +61 -50
- package/dist/cjs/getThemeSuitePalettes.native.js +79 -55
- package/dist/cjs/getThemeSuitePalettes.native.js.map +1 -1
- package/dist/cjs/helpers.cjs +12 -10
- package/dist/cjs/helpers.native.js +12 -10
- package/dist/cjs/helpers.native.js.map +1 -1
- package/dist/cjs/index.cjs +19 -17
- package/dist/cjs/index.native.js +19 -17
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/masks.cjs +29 -26
- package/dist/cjs/masks.native.js +98 -96
- package/dist/cjs/masks.native.js.map +1 -1
- package/dist/cjs/types.cjs +7 -5
- package/dist/cjs/types.native.js +7 -5
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/esm/ThemeBuilder.mjs +119 -58
- package/dist/esm/ThemeBuilder.mjs.map +1 -1
- package/dist/esm/ThemeBuilder.native.js +196 -122
- package/dist/esm/ThemeBuilder.native.js.map +1 -1
- package/dist/esm/createStudioThemes.mjs +2 -2
- package/dist/esm/createStudioThemes.mjs.map +1 -1
- package/dist/esm/createStudioThemes.native.js +2 -2
- package/dist/esm/createStudioThemes.native.js.map +1 -1
- package/dist/esm/createThemes.mjs +156 -108
- package/dist/esm/createThemes.mjs.map +1 -1
- package/dist/esm/createThemes.native.js +270 -233
- package/dist/esm/createThemes.native.js.map +1 -1
- package/dist/esm/defaultTemplates.mjs +125 -122
- package/dist/esm/defaultTemplates.mjs.map +1 -1
- package/dist/esm/defaultTemplates.native.js +130 -130
- package/dist/esm/defaultTemplates.native.js.map +1 -1
- package/dist/esm/defaultTemplatesStronger.mjs +123 -120
- package/dist/esm/defaultTemplatesStronger.mjs.map +1 -1
- package/dist/esm/defaultTemplatesStronger.native.js +128 -128
- package/dist/esm/defaultTemplatesStronger.native.js.map +1 -1
- package/dist/esm/defaultTemplatesStrongest.mjs +123 -120
- package/dist/esm/defaultTemplatesStrongest.mjs.map +1 -1
- package/dist/esm/defaultTemplatesStrongest.native.js +128 -128
- package/dist/esm/defaultTemplatesStrongest.native.js.map +1 -1
- package/dist/esm/getThemeSuitePalettes.mjs +49 -40
- package/dist/esm/getThemeSuitePalettes.mjs.map +1 -1
- package/dist/esm/getThemeSuitePalettes.native.js +66 -44
- package/dist/esm/getThemeSuitePalettes.native.js.map +1 -1
- package/dist/esm/index.js +8 -24
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/masks.mjs +17 -16
- package/dist/esm/masks.mjs.map +1 -1
- package/dist/esm/masks.native.js +18 -18
- package/dist/esm/masks.native.js.map +1 -1
- package/package.json +8 -10
- package/src/ThemeBuilder.ts +6 -0
- package/types/ThemeBuilder.d.ts.map +1 -1
- package/dist/cjs/ThemeBuilder.js +0 -184
- package/dist/cjs/ThemeBuilder.js.map +0 -6
- package/dist/cjs/createStudioThemes.js +0 -30
- package/dist/cjs/createStudioThemes.js.map +0 -6
- package/dist/cjs/createThemes.js +0 -356
- package/dist/cjs/createThemes.js.map +0 -6
- package/dist/cjs/defaultComponentThemes.js +0 -41
- package/dist/cjs/defaultComponentThemes.js.map +0 -6
- package/dist/cjs/defaultTemplates.js +0 -138
- package/dist/cjs/defaultTemplates.js.map +0 -6
- package/dist/cjs/defaultTemplatesStronger.js +0 -137
- package/dist/cjs/defaultTemplatesStronger.js.map +0 -6
- package/dist/cjs/defaultTemplatesStrongest.js +0 -137
- package/dist/cjs/defaultTemplatesStrongest.js.map +0 -6
- package/dist/cjs/getThemeSuitePalettes.js +0 -69
- package/dist/cjs/getThemeSuitePalettes.js.map +0 -6
- package/dist/cjs/helpers.js +0 -29
- package/dist/cjs/helpers.js.map +0 -6
- package/dist/cjs/index.js +0 -32
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/masks.js +0 -86
- package/dist/cjs/masks.js.map +0 -6
- package/dist/cjs/types.js +0 -14
- package/dist/cjs/types.js.map +0 -6
- package/dist/esm/ThemeBuilder.js +0 -174
- package/dist/esm/ThemeBuilder.js.map +0 -6
- package/dist/esm/createStudioThemes.js +0 -18
- package/dist/esm/createStudioThemes.js.map +0 -6
- package/dist/esm/createThemes.js +0 -344
- package/dist/esm/createThemes.js.map +0 -6
- package/dist/esm/defaultComponentThemes.js +0 -25
- package/dist/esm/defaultComponentThemes.js.map +0 -6
- package/dist/esm/defaultTemplates.js +0 -122
- package/dist/esm/defaultTemplates.js.map +0 -6
- package/dist/esm/defaultTemplatesStronger.js +0 -121
- package/dist/esm/defaultTemplatesStronger.js.map +0 -6
- package/dist/esm/defaultTemplatesStrongest.js +0 -121
- package/dist/esm/defaultTemplatesStrongest.js.map +0 -6
- package/dist/esm/getThemeSuitePalettes.js +0 -53
- package/dist/esm/getThemeSuitePalettes.js.map +0 -6
- package/dist/esm/helpers.js +0 -13
- package/dist/esm/helpers.js.map +0 -6
- package/dist/esm/masks.js +0 -78
- package/dist/esm/masks.js.map +0 -6
- package/dist/esm/types.js +0 -1
- package/dist/esm/types.js.map +0 -6
|
@@ -1,124 +1,127 @@
|
|
|
1
1
|
import { objectFromEntries, objectKeys } from "./helpers.mjs";
|
|
2
2
|
const getTemplates = () => {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
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 @tamagui/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();
|
|
123
126
|
export { defaultTemplatesStronger };
|
|
124
127
|
//# sourceMappingURL=defaultTemplatesStronger.mjs.map
|
|
@@ -1 +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;
|
|
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":[]}
|
|
@@ -1,132 +1,132 @@
|
|
|
1
1
|
import { objectFromEntries, objectKeys } from "./helpers.native.js";
|
|
2
2
|
var getTemplates = function () {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
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 @tamagui/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
131
|
export { defaultTemplatesStronger };
|
|
132
132
|
//# sourceMappingURL=defaultTemplatesStronger.native.js.map
|
|
@@ -1 +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;
|
|
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":[]}
|