@tamagui/themes 2.0.0-1768586279389 → 2.0.0-1768696252732
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/.turbo/turbo-build.log +1 -1
- package/dist/cjs/defaultColorThemes.cjs +103 -0
- package/dist/cjs/defaultColorThemes.js +96 -0
- package/dist/cjs/defaultColorThemes.js.map +6 -0
- package/dist/cjs/defaultColorThemes.native.js +120 -0
- package/dist/cjs/defaultColorThemes.native.js.map +1 -0
- package/dist/cjs/defaultGrandChildrenThemes.cjs +45 -0
- package/dist/cjs/defaultGrandChildrenThemes.js +28 -0
- package/dist/cjs/defaultGrandChildrenThemes.js.map +6 -0
- package/dist/cjs/defaultGrandChildrenThemes.native.js +48 -0
- package/dist/cjs/defaultGrandChildrenThemes.native.js.map +1 -0
- package/dist/cjs/generated-v4-tamagui.cjs +49 -49
- package/dist/cjs/generated-v4-tamagui.js +49 -49
- package/dist/cjs/generated-v4-tamagui.js.map +1 -1
- package/dist/cjs/generated-v4-tamagui.native.js +49 -49
- package/dist/cjs/generated-v4.cjs +29 -29
- package/dist/cjs/generated-v4.js +29 -29
- package/dist/cjs/generated-v4.js.map +1 -1
- package/dist/cjs/generated-v4.native.js +29 -29
- package/dist/cjs/generated-v5.cjs +454 -1040
- package/dist/cjs/generated-v5.js +694 -1420
- package/dist/cjs/generated-v5.js.map +1 -1
- package/dist/cjs/generated-v5.native.js +454 -1040
- package/dist/cjs/generated-v5.native.js.map +1 -1
- package/dist/cjs/opacify.cjs +53 -0
- package/dist/cjs/opacify.js +46 -0
- package/dist/cjs/opacify.js.map +2 -2
- package/dist/cjs/opacify.native.js +57 -0
- package/dist/cjs/opacify.native.js.map +1 -1
- package/dist/cjs/v5-palettes.cjs +124 -0
- package/dist/cjs/v5-palettes.js +149 -0
- package/dist/cjs/v5-palettes.js.map +6 -0
- package/dist/cjs/v5-palettes.native.js +127 -0
- package/dist/cjs/v5-palettes.native.js.map +1 -0
- package/dist/cjs/v5-themes.cjs +114 -288
- package/dist/cjs/v5-themes.js +88 -290
- package/dist/cjs/v5-themes.js.map +2 -2
- package/dist/cjs/v5-themes.native.js +125 -299
- package/dist/cjs/v5-themes.native.js.map +1 -1
- package/dist/cjs/v5.cjs +5 -0
- package/dist/cjs/v5.js +5 -0
- package/dist/cjs/v5.js.map +1 -1
- package/dist/cjs/v5.native.js +5 -0
- package/dist/cjs/v5.native.js.map +1 -1
- package/dist/esm/defaultColorThemes.js +92 -0
- package/dist/esm/defaultColorThemes.js.map +6 -0
- package/dist/esm/defaultColorThemes.mjs +79 -0
- package/dist/esm/defaultColorThemes.mjs.map +1 -0
- package/dist/esm/defaultColorThemes.native.js +93 -0
- package/dist/esm/defaultColorThemes.native.js.map +1 -0
- package/dist/esm/defaultGrandChildrenThemes.js +12 -0
- package/dist/esm/defaultGrandChildrenThemes.js.map +6 -0
- package/dist/esm/defaultGrandChildrenThemes.mjs +22 -0
- package/dist/esm/defaultGrandChildrenThemes.mjs.map +1 -0
- package/dist/esm/defaultGrandChildrenThemes.native.js +22 -0
- package/dist/esm/defaultGrandChildrenThemes.native.js.map +1 -0
- package/dist/esm/generated-v4-tamagui.js +49 -49
- package/dist/esm/generated-v4-tamagui.js.map +1 -1
- package/dist/esm/generated-v4-tamagui.mjs +49 -49
- package/dist/esm/generated-v4-tamagui.mjs.map +1 -1
- package/dist/esm/generated-v4-tamagui.native.js +49 -49
- package/dist/esm/generated-v4.js +29 -29
- package/dist/esm/generated-v4.js.map +1 -1
- package/dist/esm/generated-v4.mjs +29 -29
- package/dist/esm/generated-v4.mjs.map +1 -1
- package/dist/esm/generated-v4.native.js +29 -29
- package/dist/esm/generated-v5.js +694 -1420
- package/dist/esm/generated-v5.js.map +1 -1
- package/dist/esm/generated-v5.mjs +454 -1040
- package/dist/esm/generated-v5.mjs.map +1 -1
- package/dist/esm/generated-v5.native.js +454 -1040
- package/dist/esm/generated-v5.native.js.map +1 -1
- package/dist/esm/opacify.js +46 -0
- package/dist/esm/opacify.js.map +2 -2
- package/dist/esm/opacify.mjs +53 -1
- package/dist/esm/opacify.mjs.map +1 -1
- package/dist/esm/opacify.native.js +57 -1
- package/dist/esm/opacify.native.js.map +1 -1
- package/dist/esm/v5-palettes.js +144 -0
- package/dist/esm/v5-palettes.js.map +6 -0
- package/dist/esm/v5-palettes.mjs +92 -0
- package/dist/esm/v5-palettes.mjs.map +1 -0
- package/dist/esm/v5-palettes.native.js +92 -0
- package/dist/esm/v5-palettes.native.js.map +1 -0
- package/dist/esm/v5-themes.js +99 -309
- package/dist/esm/v5-themes.js.map +1 -1
- package/dist/esm/v5-themes.mjs +112 -287
- package/dist/esm/v5-themes.mjs.map +1 -1
- package/dist/esm/v5-themes.native.js +123 -298
- package/dist/esm/v5-themes.native.js.map +1 -1
- package/dist/esm/v5.js +13 -2
- package/dist/esm/v5.js.map +1 -1
- package/dist/esm/v5.mjs +3 -3
- package/dist/esm/v5.mjs.map +1 -1
- package/dist/esm/v5.native.js +3 -3
- package/dist/esm/v5.native.js.map +1 -1
- package/package.json +7 -7
- package/src/defaultColorThemes.ts +120 -0
- package/src/defaultGrandChildrenThemes.ts +27 -0
- package/src/generated-v4-tamagui.ts +48 -48
- package/src/generated-v4.ts +28 -28
- package/src/generated-v5.ts +859 -2036
- package/src/opacify.ts +89 -0
- package/src/v5-palettes.ts +158 -0
- package/src/v5-themes.ts +215 -415
- package/src/v5.tsx +8 -2
- package/tests/v5-themes.test.ts +197 -0
- package/tsconfig.json +1 -0
- package/types/defaultColorThemes.d.ts +69 -0
- package/types/defaultColorThemes.d.ts.map +1 -0
- package/types/defaultGrandChildrenThemes.d.ts +31 -0
- package/types/defaultGrandChildrenThemes.d.ts.map +1 -0
- package/types/generated-v5.d.ts +83 -138
- package/types/generated-v5.d.ts.map +1 -1
- package/types/opacify.d.ts +7 -0
- package/types/opacify.d.ts.map +1 -1
- package/types/v3-themes.d.ts +1 -1
- package/types/v4-default.d.ts +10 -10
- package/types/v4-default.d.ts.map +1 -1
- package/types/v4-tamagui.d.ts +6 -6
- package/types/v4-tamagui.d.ts.map +1 -1
- package/types/v5-palettes.d.ts +94 -0
- package/types/v5-palettes.d.ts.map +1 -0
- package/types/v5-themes.d.ts +190 -590
- package/types/v5-themes.d.ts.map +1 -1
- package/types/v5.d.ts +2 -2
- package/types/v5.d.ts.map +1 -1
package/dist/cjs/v5-themes.js
CHANGED
|
@@ -15,14 +15,18 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0
|
|
|
15
15
|
var v5_themes_exports = {};
|
|
16
16
|
__export(v5_themes_exports, {
|
|
17
17
|
createV5Theme: () => createV5Theme,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
defaultChildrenThemes: () => defaultChildrenThemes,
|
|
19
|
+
defaultDarkPalette: () => darkPalette,
|
|
20
|
+
defaultGrandChildrenThemes: () => defaultGrandChildrenThemes,
|
|
21
|
+
defaultLightPalette: () => lightPalette,
|
|
21
22
|
themes: () => themes
|
|
22
23
|
});
|
|
23
24
|
module.exports = __toCommonJS(v5_themes_exports);
|
|
24
25
|
var import_colors = require("@tamagui/colors"), import_theme_builder = require("@tamagui/theme-builder"), import_opacify = require("./opacify");
|
|
25
|
-
|
|
26
|
+
function paletteToNamedColors(name, palette) {
|
|
27
|
+
return Object.fromEntries(palette.map((color, i) => [`${name}${i + 1}`, color]));
|
|
28
|
+
}
|
|
29
|
+
const darkPalette = [
|
|
26
30
|
"#050505",
|
|
27
31
|
"#151515",
|
|
28
32
|
"#191919",
|
|
@@ -61,72 +65,7 @@ const blue = import_colors.blue, blueDark = import_colors.blueDark, green = impo
|
|
|
61
65
|
"hsl(0, 0%, 41%)",
|
|
62
66
|
"hsl(0, 0%, 38%)",
|
|
63
67
|
"hsl(0, 0%, 32%)"
|
|
64
|
-
], neutral = {
|
|
65
|
-
neutral1: neutralPalette[0],
|
|
66
|
-
neutral2: neutralPalette[1],
|
|
67
|
-
neutral3: neutralPalette[2],
|
|
68
|
-
neutral4: neutralPalette[3],
|
|
69
|
-
neutral5: neutralPalette[4],
|
|
70
|
-
neutral6: neutralPalette[5],
|
|
71
|
-
neutral7: neutralPalette[6],
|
|
72
|
-
neutral8: neutralPalette[7],
|
|
73
|
-
neutral9: neutralPalette[8],
|
|
74
|
-
neutral10: neutralPalette[9],
|
|
75
|
-
neutral11: neutralPalette[10],
|
|
76
|
-
neutral12: neutralPalette[11]
|
|
77
|
-
}, tanLightPalette = [
|
|
78
|
-
"hsla(40, 30%, 98%, 1)",
|
|
79
|
-
"hsla(40, 24%, 94%, 1)",
|
|
80
|
-
"hsla(38, 23%, 91%, 1)",
|
|
81
|
-
"hsla(36, 20%, 90%, 1)",
|
|
82
|
-
"hsla(36, 20%, 88%, 1)",
|
|
83
|
-
"hsla(35, 20%, 85%, 1)",
|
|
84
|
-
"hsla(35, 21%, 74%, 1)",
|
|
85
|
-
"hsla(34, 20%, 70%, 1)",
|
|
86
|
-
"hsla(35, 20%, 67%, 1)",
|
|
87
|
-
"hsla(34, 19%, 47%, 1)",
|
|
88
|
-
"hsla(35, 18%, 37%, 1)",
|
|
89
|
-
"hsla(35, 17%, 20%, 1)"
|
|
90
|
-
], tanDarkPalette = [
|
|
91
|
-
"hsla(30, 9%, 10%, 1)",
|
|
92
|
-
"hsla(30, 10%, 12%, 1)",
|
|
93
|
-
"hsla(31, 11%, 18%, 1)",
|
|
94
|
-
"hsla(30, 12%, 23%, 1)",
|
|
95
|
-
"hsla(30, 14%, 28%, 1)",
|
|
96
|
-
"hsla(30, 16%, 33%, 1)",
|
|
97
|
-
"hsla(30, 18%, 38%, 1)",
|
|
98
|
-
"hsla(30, 20%, 45%, 1)",
|
|
99
|
-
"hsla(30, 21%, 50%, 1)",
|
|
100
|
-
"hsla(29, 22%, 58%, 1)",
|
|
101
|
-
"hsla(34, 24%, 70%, 1)",
|
|
102
|
-
"hsla(11, 12%, 79%, 1)"
|
|
103
|
-
], tan = {
|
|
104
|
-
tan1: tanLightPalette[0],
|
|
105
|
-
tan2: tanLightPalette[1],
|
|
106
|
-
tan3: tanLightPalette[2],
|
|
107
|
-
tan4: tanLightPalette[3],
|
|
108
|
-
tan5: tanLightPalette[4],
|
|
109
|
-
tan6: tanLightPalette[5],
|
|
110
|
-
tan7: tanLightPalette[6],
|
|
111
|
-
tan8: tanLightPalette[7],
|
|
112
|
-
tan9: tanLightPalette[8],
|
|
113
|
-
tan10: tanLightPalette[9],
|
|
114
|
-
tan11: tanLightPalette[10],
|
|
115
|
-
tan12: tanLightPalette[11]
|
|
116
|
-
}, tanDark = {
|
|
117
|
-
tan1: tanDarkPalette[0],
|
|
118
|
-
tan2: tanDarkPalette[1],
|
|
119
|
-
tan3: tanDarkPalette[2],
|
|
120
|
-
tan4: tanDarkPalette[3],
|
|
121
|
-
tan5: tanDarkPalette[4],
|
|
122
|
-
tan6: tanDarkPalette[5],
|
|
123
|
-
tan7: tanDarkPalette[6],
|
|
124
|
-
tan8: tanDarkPalette[7],
|
|
125
|
-
tan9: tanDarkPalette[8],
|
|
126
|
-
tan10: tanDarkPalette[9],
|
|
127
|
-
tan11: tanDarkPalette[10],
|
|
128
|
-
tan12: tanDarkPalette[11]
|
|
129
|
-
}, whiteBlack = {
|
|
68
|
+
], neutral = paletteToNamedColors("neutral", neutralPalette), whiteBlack = {
|
|
130
69
|
white: "rgba(255,255,255,1)",
|
|
131
70
|
white0: "rgba(255,255,255,0)",
|
|
132
71
|
white02: "rgba(255,255,255,0.2)",
|
|
@@ -139,33 +78,6 @@ const blue = import_colors.blue, blueDark = import_colors.blueDark, green = impo
|
|
|
139
78
|
black04: "rgba(0,0,0,0.4)",
|
|
140
79
|
black06: "rgba(0,0,0,0.6)",
|
|
141
80
|
black08: "rgba(0,0,0,0.8)"
|
|
142
|
-
}, extraColorsDark = {
|
|
143
|
-
// in between 1/2
|
|
144
|
-
color1pt5: "rgba(20,20,20)",
|
|
145
|
-
color2pt5: "#222",
|
|
146
|
-
// TODO: ideally just functions for alpha($color1, 0.1)
|
|
147
|
-
// extra low opacities
|
|
148
|
-
color01: (0, import_opacify.opacify)(darkPalette[darkPalette.length - 1], 0.1),
|
|
149
|
-
color0075: (0, import_opacify.opacify)(darkPalette[darkPalette.length - 1], 0.075),
|
|
150
|
-
color005: (0, import_opacify.opacify)(darkPalette[darkPalette.length - 1], 0.05),
|
|
151
|
-
color0025: (0, import_opacify.opacify)(darkPalette[darkPalette.length - 1], 0.025),
|
|
152
|
-
background01: (0, import_opacify.opacify)(darkPalette[0], 0.1),
|
|
153
|
-
background0075: (0, import_opacify.opacify)(darkPalette[0], 0.075),
|
|
154
|
-
background005: (0, import_opacify.opacify)(darkPalette[0], 0.05),
|
|
155
|
-
background0025: (0, import_opacify.opacify)(darkPalette[0], 0.025)
|
|
156
|
-
}, extraColorsLight = {
|
|
157
|
-
// in between 1/2
|
|
158
|
-
color1pt5: "#f9f9f9",
|
|
159
|
-
color2pt5: "#f4f4f4",
|
|
160
|
-
// extra low opacities
|
|
161
|
-
color01: (0, import_opacify.opacify)(lightPalette[lightPalette.length - 1], 0.1),
|
|
162
|
-
color0075: (0, import_opacify.opacify)(lightPalette[lightPalette.length - 1], 0.075),
|
|
163
|
-
color005: (0, import_opacify.opacify)(lightPalette[lightPalette.length - 1], 0.05),
|
|
164
|
-
color0025: (0, import_opacify.opacify)(lightPalette[lightPalette.length - 1], 0.025),
|
|
165
|
-
background01: (0, import_opacify.opacify)(lightPalette[0], 0.1),
|
|
166
|
-
background0075: (0, import_opacify.opacify)(lightPalette[0], 0.075),
|
|
167
|
-
background005: (0, import_opacify.opacify)(lightPalette[0], 0.05),
|
|
168
|
-
background0025: (0, import_opacify.opacify)(lightPalette[0], 0.025)
|
|
169
81
|
}, darkShadows = {
|
|
170
82
|
shadow1: "rgba(0,0,0,0.1)",
|
|
171
83
|
shadow2: "rgba(0,0,0,0.18)",
|
|
@@ -180,205 +92,72 @@ const blue = import_colors.blue, blueDark = import_colors.blueDark, green = impo
|
|
|
180
92
|
shadow4: "rgba(0,0,0,0.095)",
|
|
181
93
|
shadow5: "rgba(0,0,0,0.195)",
|
|
182
94
|
shadow6: "rgba(0,0,0,0.3)"
|
|
183
|
-
}, blackColors = {
|
|
184
|
-
black1: darkPalette[0],
|
|
185
|
-
black2: darkPalette[1],
|
|
186
|
-
black3: darkPalette[2],
|
|
187
|
-
black4: darkPalette[3],
|
|
188
|
-
black5: darkPalette[4],
|
|
189
|
-
black6: darkPalette[5],
|
|
190
|
-
black7: darkPalette[6],
|
|
191
|
-
black8: darkPalette[7],
|
|
192
|
-
black9: darkPalette[8],
|
|
193
|
-
black10: darkPalette[9],
|
|
194
|
-
black11: darkPalette[10],
|
|
195
|
-
black12: darkPalette[11]
|
|
196
|
-
}, whiteColors = {
|
|
197
|
-
white1: lightPalette[0],
|
|
198
|
-
white2: lightPalette[1],
|
|
199
|
-
white3: lightPalette[2],
|
|
200
|
-
white4: lightPalette[3],
|
|
201
|
-
white5: lightPalette[4],
|
|
202
|
-
white6: lightPalette[5],
|
|
203
|
-
white7: lightPalette[6],
|
|
204
|
-
white8: lightPalette[7],
|
|
205
|
-
white9: lightPalette[8],
|
|
206
|
-
white10: lightPalette[9],
|
|
207
|
-
white11: lightPalette[10],
|
|
208
|
-
white12: lightPalette[11]
|
|
209
95
|
};
|
|
210
|
-
const
|
|
211
|
-
light:
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
},
|
|
224
|
-
|
|
225
|
-
blue: blueDark,
|
|
226
|
-
gray: grayDark,
|
|
227
|
-
green: greenDark,
|
|
228
|
-
neutral,
|
|
229
|
-
// same for both light and dark - that's the point!
|
|
230
|
-
orange: orangeDark,
|
|
231
|
-
pink: pinkDark,
|
|
232
|
-
purple: purpleDark,
|
|
233
|
-
red: redDark,
|
|
234
|
-
tan: tanDark,
|
|
235
|
-
teal: tealDark,
|
|
236
|
-
yellow: yellowDark
|
|
237
|
-
}
|
|
96
|
+
const defaultChildrenThemes = {
|
|
97
|
+
gray: { light: import_colors.gray, dark: import_colors.grayDark },
|
|
98
|
+
blue: { light: import_colors.blue, dark: import_colors.blueDark },
|
|
99
|
+
red: { light: import_colors.red, dark: import_colors.redDark },
|
|
100
|
+
yellow: { light: import_colors.yellow, dark: import_colors.yellowDark },
|
|
101
|
+
green: { light: import_colors.green, dark: import_colors.greenDark },
|
|
102
|
+
neutral: { light: neutral, dark: neutral }
|
|
103
|
+
}, defaultGrandChildrenThemes = {
|
|
104
|
+
accent: { template: "inverse" }
|
|
105
|
+
// simplified and removed:
|
|
106
|
+
// alt1: { template: 'alt1' },
|
|
107
|
+
// alt2: { template: 'alt2' },
|
|
108
|
+
// surface1: { template: 'surface1' },
|
|
109
|
+
// surface2: { template: 'surface2' },
|
|
110
|
+
// surface3: { template: 'surface3' },
|
|
238
111
|
};
|
|
239
112
|
function createV5Theme(options = {}) {
|
|
240
113
|
const {
|
|
241
114
|
darkPalette: customDarkPalette = darkPalette,
|
|
242
115
|
lightPalette: customLightPalette = lightPalette,
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
} = options,
|
|
116
|
+
childrenThemes = defaultChildrenThemes,
|
|
117
|
+
grandChildrenThemes = defaultGrandChildrenThemes,
|
|
118
|
+
componentThemes: customComponentThemes = import_theme_builder.defaultComponentThemes
|
|
119
|
+
} = options, blackColors = paletteToNamedColors("black", customDarkPalette), whiteColors = paletteToNamedColors("white", customLightPalette), extraBase = {
|
|
120
|
+
...blackColors,
|
|
121
|
+
...whiteColors,
|
|
122
|
+
...whiteBlack
|
|
123
|
+
}, lightExtraBase = {
|
|
124
|
+
...extraBase,
|
|
125
|
+
...lightShadows,
|
|
126
|
+
shadowColor: lightShadows.shadow1
|
|
127
|
+
}, darkExtraBase = { ...extraBase, ...darkShadows, shadowColor: darkShadows.shadow1 }, lightExtra = { ...lightExtraBase }, darkExtra = { ...darkExtraBase };
|
|
128
|
+
for (const theme of Object.values(childrenThemes))
|
|
129
|
+
theme.light && Object.assign(lightExtra, theme.light), theme.dark && Object.assign(darkExtra, theme.dark);
|
|
130
|
+
const childrenWithPalettes = {
|
|
131
|
+
// Always include black/white for theme generation
|
|
247
132
|
black: {
|
|
248
|
-
palette: {
|
|
249
|
-
dark: Object.values(blackColors),
|
|
250
|
-
light: Object.values(blackColors)
|
|
251
|
-
}
|
|
133
|
+
palette: { dark: Object.values(blackColors), light: Object.values(blackColors) }
|
|
252
134
|
},
|
|
253
135
|
white: {
|
|
254
|
-
palette: {
|
|
255
|
-
dark: Object.values(whiteColors),
|
|
256
|
-
light: Object.values(whiteColors)
|
|
257
|
-
}
|
|
258
|
-
}
|
|
259
|
-
};
|
|
260
|
-
includeDefaultColors && Object.assign(childrenThemes, {
|
|
261
|
-
gray: {
|
|
262
|
-
palette: {
|
|
263
|
-
dark: Object.values(grayDark),
|
|
264
|
-
light: Object.values(gray)
|
|
265
|
-
}
|
|
266
|
-
},
|
|
267
|
-
blue: {
|
|
268
|
-
palette: {
|
|
269
|
-
dark: Object.values(blueDark),
|
|
270
|
-
light: Object.values(blue)
|
|
271
|
-
}
|
|
272
|
-
},
|
|
273
|
-
red: {
|
|
274
|
-
palette: {
|
|
275
|
-
dark: Object.values(redDark),
|
|
276
|
-
light: Object.values(red)
|
|
277
|
-
}
|
|
278
|
-
},
|
|
279
|
-
yellow: {
|
|
280
|
-
palette: {
|
|
281
|
-
dark: Object.values(yellowDark),
|
|
282
|
-
light: Object.values(yellow)
|
|
283
|
-
}
|
|
284
|
-
},
|
|
285
|
-
green: {
|
|
286
|
-
palette: {
|
|
287
|
-
dark: Object.values(greenDark),
|
|
288
|
-
light: Object.values(green)
|
|
289
|
-
}
|
|
290
|
-
},
|
|
291
|
-
teal: {
|
|
292
|
-
palette: {
|
|
293
|
-
dark: Object.values(tealDark),
|
|
294
|
-
light: Object.values(teal)
|
|
295
|
-
}
|
|
296
|
-
},
|
|
297
|
-
orange: {
|
|
298
|
-
palette: {
|
|
299
|
-
dark: Object.values(orangeDark),
|
|
300
|
-
light: Object.values(orange)
|
|
301
|
-
}
|
|
302
|
-
},
|
|
303
|
-
pink: {
|
|
304
|
-
palette: {
|
|
305
|
-
dark: Object.values(pinkDark),
|
|
306
|
-
light: Object.values(pink)
|
|
307
|
-
}
|
|
308
|
-
},
|
|
309
|
-
purple: {
|
|
310
|
-
palette: {
|
|
311
|
-
dark: Object.values(purpleDark),
|
|
312
|
-
light: Object.values(purple)
|
|
313
|
-
}
|
|
136
|
+
palette: { dark: Object.values(whiteColors), light: Object.values(whiteColors) }
|
|
314
137
|
},
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
});
|
|
328
|
-
for (const [name, palette] of Object.entries(colors))
|
|
329
|
-
childrenThemes[name] = {
|
|
330
|
-
palette: {
|
|
331
|
-
dark: palette.dark,
|
|
332
|
-
light: palette.light
|
|
333
|
-
}
|
|
334
|
-
};
|
|
138
|
+
...Object.fromEntries(
|
|
139
|
+
Object.entries(childrenThemes).map(([name, theme]) => [
|
|
140
|
+
name,
|
|
141
|
+
{
|
|
142
|
+
palette: {
|
|
143
|
+
light: Object.values(theme.light),
|
|
144
|
+
dark: Object.values(theme.dark)
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
])
|
|
148
|
+
)
|
|
149
|
+
};
|
|
335
150
|
return (0, import_theme_builder.createThemes)({
|
|
336
|
-
componentThemes:
|
|
151
|
+
// componentThemes: false disables them, undefined/truthy values enable them
|
|
152
|
+
componentThemes: customComponentThemes,
|
|
337
153
|
base: {
|
|
338
154
|
palette: {
|
|
339
155
|
dark: customDarkPalette,
|
|
340
156
|
light: customLightPalette
|
|
341
157
|
},
|
|
342
158
|
extra: {
|
|
343
|
-
light:
|
|
344
|
-
|
|
345
|
-
...blue,
|
|
346
|
-
...gray,
|
|
347
|
-
...green,
|
|
348
|
-
...lightShadows,
|
|
349
|
-
...neutral,
|
|
350
|
-
...orange,
|
|
351
|
-
...pink,
|
|
352
|
-
...purple,
|
|
353
|
-
...red,
|
|
354
|
-
...tan,
|
|
355
|
-
...teal,
|
|
356
|
-
...whiteColors,
|
|
357
|
-
...yellow,
|
|
358
|
-
shadowColor: lightShadows.shadow1,
|
|
359
|
-
...whiteBlack,
|
|
360
|
-
...extraColorsLight
|
|
361
|
-
},
|
|
362
|
-
dark: {
|
|
363
|
-
...blackColors,
|
|
364
|
-
...blueDark,
|
|
365
|
-
...darkShadows,
|
|
366
|
-
...grayDark,
|
|
367
|
-
...greenDark,
|
|
368
|
-
...neutral,
|
|
369
|
-
// same for both light and dark
|
|
370
|
-
...orangeDark,
|
|
371
|
-
...pinkDark,
|
|
372
|
-
...purpleDark,
|
|
373
|
-
...redDark,
|
|
374
|
-
...tanDark,
|
|
375
|
-
...tealDark,
|
|
376
|
-
...whiteColors,
|
|
377
|
-
...yellowDark,
|
|
378
|
-
shadowColor: darkShadows.shadow1,
|
|
379
|
-
...whiteBlack,
|
|
380
|
-
...extraColorsDark
|
|
381
|
-
}
|
|
159
|
+
light: lightExtra,
|
|
160
|
+
dark: darkExtra
|
|
382
161
|
}
|
|
383
162
|
},
|
|
384
163
|
accent: {
|
|
@@ -387,19 +166,38 @@ function createV5Theme(options = {}) {
|
|
|
387
166
|
light: customDarkPalette
|
|
388
167
|
}
|
|
389
168
|
},
|
|
390
|
-
childrenThemes,
|
|
391
|
-
grandChildrenThemes
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
169
|
+
childrenThemes: childrenWithPalettes,
|
|
170
|
+
grandChildrenThemes,
|
|
171
|
+
// Add computed colors to ALL themes based on each theme's palette
|
|
172
|
+
getTheme: ({ palette }) => {
|
|
173
|
+
if (!palette || palette.length < 3)
|
|
174
|
+
throw new Error(`invalid palette: ${JSON.stringify(palette)}`);
|
|
175
|
+
const bgColor = palette[1], fgColor = palette[palette.length - 2];
|
|
176
|
+
return {
|
|
177
|
+
// In-between shades
|
|
178
|
+
color0pt5: (0, import_opacify.interpolateColor)(bgColor, palette[2], 0.5),
|
|
179
|
+
color1pt5: (0, import_opacify.interpolateColor)(palette[1], palette[2], 0.5),
|
|
180
|
+
color2pt5: (0, import_opacify.interpolateColor)(palette[2], palette[3], 0.5),
|
|
181
|
+
// Opacity variants of foreground color
|
|
182
|
+
color01: (0, import_opacify.opacify)(fgColor, 0.1),
|
|
183
|
+
color0075: (0, import_opacify.opacify)(fgColor, 0.075),
|
|
184
|
+
color005: (0, import_opacify.opacify)(fgColor, 0.05),
|
|
185
|
+
color0025: (0, import_opacify.opacify)(fgColor, 0.025),
|
|
186
|
+
color002: (0, import_opacify.opacify)(fgColor, 0.02),
|
|
187
|
+
color001: (0, import_opacify.opacify)(fgColor, 0.01),
|
|
188
|
+
// Opacity variants of background color
|
|
189
|
+
background01: (0, import_opacify.opacify)(bgColor, 0.1),
|
|
190
|
+
background0075: (0, import_opacify.opacify)(bgColor, 0.075),
|
|
191
|
+
background005: (0, import_opacify.opacify)(bgColor, 0.05),
|
|
192
|
+
background0025: (0, import_opacify.opacify)(bgColor, 0.025),
|
|
193
|
+
background002: (0, import_opacify.opacify)(bgColor, 0.02),
|
|
194
|
+
background001: (0, import_opacify.opacify)(bgColor, 0.01)
|
|
195
|
+
};
|
|
401
196
|
}
|
|
402
197
|
});
|
|
403
198
|
}
|
|
404
199
|
const themes = createV5Theme();
|
|
200
|
+
themes.dark.background0075;
|
|
201
|
+
themes.dark.background;
|
|
202
|
+
themes.dark.accent1;
|
|
405
203
|
//# sourceMappingURL=v5-themes.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/v5-themes.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
5
|
-
"names": [
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": []
|
|
6
6
|
}
|