@tamagui/theme-builder 1.79.11 → 1.79.13
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/buildThemeSuite.js +80 -63
- package/dist/cjs/buildThemeSuite.js.map +1 -1
- package/dist/cjs/buildThemeSuite.native.js +80 -63
- package/dist/cjs/buildThemeSuite.native.js.map +1 -1
- package/dist/cjs/buildThemeSuitePalettes.js +2 -2
- package/dist/cjs/buildThemeSuitePalettes.js.map +1 -1
- package/dist/cjs/buildThemeSuitePalettes.native.js +2 -2
- package/dist/cjs/buildThemeSuitePalettes.native.js.map +1 -1
- package/dist/esm/buildThemeSuite.js +80 -63
- package/dist/esm/buildThemeSuite.js.map +1 -1
- package/dist/esm/buildThemeSuite.native.js +80 -63
- package/dist/esm/buildThemeSuite.native.js.map +1 -1
- package/dist/esm/buildThemeSuitePalettes.js +2 -2
- package/dist/esm/buildThemeSuitePalettes.js.map +1 -1
- package/dist/esm/buildThemeSuitePalettes.native.js +2 -2
- package/dist/esm/buildThemeSuitePalettes.native.js.map +1 -1
- package/package.json +3 -3
- package/src/buildThemeSuite.ts +45 -55
- package/src/buildThemeSuitePalettes.ts +4 -4
- package/src/types.ts +7 -1
- package/types/buildThemeSuite.d.ts +1598 -262
- package/types/buildThemeSuite.d.ts.map +1 -1
- package/types/buildThemeSuitePalettes.d.ts.map +1 -1
- package/types/types.d.ts +6 -1
- package/types/types.d.ts.map +1 -1
|
@@ -33,9 +33,19 @@ const basePaletteOffset = 5, namedTemplateSlots = {
|
|
|
33
33
|
function buildThemeSuite({ baseTheme, subThemes }) {
|
|
34
34
|
const theme = baseTheme, maskThemes = (subThemes || []).filter(
|
|
35
35
|
(x) => x.type === "mask"
|
|
36
|
+
), nonMaskSubThemes = (subThemes || []).filter(
|
|
37
|
+
(x) => x.type !== "mask"
|
|
36
38
|
), customMasks = Object.fromEntries(
|
|
37
39
|
maskThemes.map((maskTheme) => [maskTheme.name, (0, import_buildMask.buildMask)(maskTheme.masks)])
|
|
38
|
-
),
|
|
40
|
+
), basePalettes = (0, import_buildThemeSuitePalettes.getThemeSuitePalettes)(theme), subThemePalettes = Object.fromEntries(
|
|
41
|
+
nonMaskSubThemes.flatMap((t) => {
|
|
42
|
+
const palettes = (0, import_buildThemeSuitePalettes.getThemeSuitePalettes)(t);
|
|
43
|
+
return [
|
|
44
|
+
[`${t.name}PaletteLight`, palettes.light],
|
|
45
|
+
[`${t.name}PaletteDark`, palettes.dark]
|
|
46
|
+
];
|
|
47
|
+
})
|
|
48
|
+
), max = basePalettes.dark.length - 1, min = 1, componentMask = {
|
|
39
49
|
...import_masks.maskOptions.component,
|
|
40
50
|
max,
|
|
41
51
|
min,
|
|
@@ -118,9 +128,7 @@ function buildThemeSuite({ baseTheme, subThemes }) {
|
|
|
118
128
|
backgroundHover: namedTemplateSlots.hoverStrongBackground,
|
|
119
129
|
backgroundPress: namedTemplateSlots.hoverBorder,
|
|
120
130
|
backgroundFocus: namedTemplateSlots.strongBackground
|
|
121
|
-
}
|
|
122
|
-
accentLight: template,
|
|
123
|
-
accentDark: template
|
|
131
|
+
}
|
|
124
132
|
};
|
|
125
133
|
}
|
|
126
134
|
const templates = createTemplates();
|
|
@@ -231,66 +239,75 @@ function buildThemeSuite({ baseTheme, subThemes }) {
|
|
|
231
239
|
}
|
|
232
240
|
};
|
|
233
241
|
}
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
242
|
+
return {
|
|
243
|
+
built: (0, import_ThemeBuilder.createThemeBuilder)().addPalettes({
|
|
244
|
+
...basePalettes,
|
|
245
|
+
...subThemePalettes
|
|
246
|
+
}).addMasks({
|
|
247
|
+
...import_masks.masks,
|
|
248
|
+
soften3Border2: (0, import_create_theme.createMask)((template, options) => {
|
|
249
|
+
const softer2 = (0, import_create_theme.createSoftenMask)({ strength: 3 }).mask(template, options), softer1 = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
|
|
250
|
+
return {
|
|
251
|
+
...softer2,
|
|
252
|
+
borderColor: softer1.borderColor,
|
|
253
|
+
borderColorHover: softer1.borderColorHover,
|
|
254
|
+
borderColorPress: softer1.borderColorPress,
|
|
255
|
+
borderColorFocus: softer1.borderColorFocus
|
|
256
|
+
};
|
|
257
|
+
}),
|
|
258
|
+
...customMasks
|
|
259
|
+
}).addTemplates(templates).addThemes({
|
|
260
|
+
light: {
|
|
261
|
+
template: "base",
|
|
262
|
+
palette: "light"
|
|
263
|
+
},
|
|
264
|
+
dark: {
|
|
265
|
+
template: "base",
|
|
266
|
+
palette: "dark"
|
|
267
|
+
}
|
|
268
|
+
}).addChildThemes(
|
|
269
|
+
Object.fromEntries([
|
|
270
|
+
...maskThemes.map((theme2) => [
|
|
271
|
+
theme2.name,
|
|
272
|
+
{
|
|
273
|
+
mask: theme2.name
|
|
274
|
+
}
|
|
275
|
+
]),
|
|
276
|
+
...nonMaskSubThemes.flatMap((theme2) => [
|
|
277
|
+
[
|
|
278
|
+
theme2.name,
|
|
279
|
+
[
|
|
280
|
+
{
|
|
281
|
+
parent: "dark",
|
|
282
|
+
template: "base",
|
|
283
|
+
palette: `${theme2.name}PaletteDark`
|
|
284
|
+
},
|
|
285
|
+
{
|
|
286
|
+
parent: "light",
|
|
287
|
+
template: "base",
|
|
288
|
+
palette: `${theme2.name}PaletteLight`
|
|
289
|
+
}
|
|
290
|
+
]
|
|
291
|
+
]
|
|
292
|
+
])
|
|
263
293
|
])
|
|
264
|
-
)
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
palette: "lightAccent"
|
|
282
|
-
},
|
|
283
|
-
{
|
|
284
|
-
parent: "dark",
|
|
285
|
-
template: "base",
|
|
286
|
-
palette: "darkAccent"
|
|
287
|
-
}
|
|
288
|
-
]
|
|
289
|
-
} : {}
|
|
290
|
-
).addChildThemes(getComponentThemeDefinitions()).build();
|
|
291
|
-
return console.info("built themes", built), {
|
|
292
|
-
built,
|
|
293
|
-
palettes
|
|
294
|
+
).addChildThemes(
|
|
295
|
+
basePalettes.lightAccent ? {
|
|
296
|
+
accent: [
|
|
297
|
+
{
|
|
298
|
+
parent: "light",
|
|
299
|
+
template: "base",
|
|
300
|
+
palette: "lightAccent"
|
|
301
|
+
},
|
|
302
|
+
{
|
|
303
|
+
parent: "dark",
|
|
304
|
+
template: "base",
|
|
305
|
+
palette: "darkAccent"
|
|
306
|
+
}
|
|
307
|
+
]
|
|
308
|
+
} : {}
|
|
309
|
+
).addChildThemes(getComponentThemeDefinitions()).build(),
|
|
310
|
+
palettes: basePalettes
|
|
294
311
|
};
|
|
295
312
|
}
|
|
296
313
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/buildThemeSuite.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKO,kCAEP,mBAA0B,wBAC1B,iCAAsC,sCACtC,eAAmD,oBACnD,sBAAmC;AAInC,MAAM,oBAAoB,GACpB,qBAAqB;AAAA,EACzB,YAAY;AAAA,EACZ,kBAAkB,oBAAoB;AAAA,EACtC,cAAc,oBAAoB;AAAA,EAClC,kBAAkB,oBAAoB;AAAA,EACtC,mBAAmB,oBAAoB;AAAA,EACvC,cAAc,oBAAoB;AAAA,EAClC,cAAc,oBAAoB;AAAA,EAClC,aAAa,oBAAoB;AAAA,EACjC,kBAAkB,oBAAoB;AAAA,EACtC,uBAAuB,oBAAoB;AAC7C;AAEO,SAAS,gBAAgB,EAAE,WAAW,UAAU,GAAyB;AAC9E,QAAM,QAAQ,WAER,cAAc,aAAa,CAAC,GAAG;AAAA,IACnC,CAAC,MAAM,EAAE,SAAS;AAAA,EACpB,GAEM,cAAc,OAAO;AAAA,IACzB,WAAW,IAAI,CAAC,cACP,CAAC,UAAU,UAAM,4BAAU,UAAU,KAAK,CAAC,CACnD;AAAA,EACH,GAGM,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["defaultMasks", "theme"]
|
|
6
6
|
}
|
|
@@ -34,9 +34,19 @@ const basePaletteOffset = 5, namedTemplateSlots = {
|
|
|
34
34
|
function buildThemeSuite({ baseTheme, subThemes }) {
|
|
35
35
|
const theme = baseTheme, maskThemes = (subThemes || []).filter(
|
|
36
36
|
(x) => x.type === "mask"
|
|
37
|
+
), nonMaskSubThemes = (subThemes || []).filter(
|
|
38
|
+
(x) => x.type !== "mask"
|
|
37
39
|
), customMasks = Object.fromEntries(
|
|
38
40
|
maskThemes.map((maskTheme) => [maskTheme.name, (0, import_buildMask.buildMask)(maskTheme.masks)])
|
|
39
|
-
),
|
|
41
|
+
), basePalettes = (0, import_buildThemeSuitePalettes.getThemeSuitePalettes)(theme), subThemePalettes = Object.fromEntries(
|
|
42
|
+
nonMaskSubThemes.flatMap((t) => {
|
|
43
|
+
const palettes = (0, import_buildThemeSuitePalettes.getThemeSuitePalettes)(t);
|
|
44
|
+
return [
|
|
45
|
+
[`${t.name}PaletteLight`, palettes.light],
|
|
46
|
+
[`${t.name}PaletteDark`, palettes.dark]
|
|
47
|
+
];
|
|
48
|
+
})
|
|
49
|
+
), max = basePalettes.dark.length - 1, min = 1, componentMask = {
|
|
40
50
|
...import_masks.maskOptions.component,
|
|
41
51
|
max,
|
|
42
52
|
min,
|
|
@@ -119,9 +129,7 @@ function buildThemeSuite({ baseTheme, subThemes }) {
|
|
|
119
129
|
backgroundHover: namedTemplateSlots.hoverStrongBackground,
|
|
120
130
|
backgroundPress: namedTemplateSlots.hoverBorder,
|
|
121
131
|
backgroundFocus: namedTemplateSlots.strongBackground
|
|
122
|
-
}
|
|
123
|
-
accentLight: template,
|
|
124
|
-
accentDark: template
|
|
132
|
+
}
|
|
125
133
|
};
|
|
126
134
|
}
|
|
127
135
|
const templates = createTemplates();
|
|
@@ -232,66 +240,75 @@ function buildThemeSuite({ baseTheme, subThemes }) {
|
|
|
232
240
|
}
|
|
233
241
|
};
|
|
234
242
|
}
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
}
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
243
|
+
return {
|
|
244
|
+
built: (0, import_ThemeBuilder.createThemeBuilder)().addPalettes({
|
|
245
|
+
...basePalettes,
|
|
246
|
+
...subThemePalettes
|
|
247
|
+
}).addMasks({
|
|
248
|
+
...import_masks.masks,
|
|
249
|
+
soften3Border2: (0, import_create_theme.createMask)((template, options) => {
|
|
250
|
+
const softer2 = (0, import_create_theme.createSoftenMask)({ strength: 3 }).mask(template, options), softer1 = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
|
|
251
|
+
return {
|
|
252
|
+
...softer2,
|
|
253
|
+
borderColor: softer1.borderColor,
|
|
254
|
+
borderColorHover: softer1.borderColorHover,
|
|
255
|
+
borderColorPress: softer1.borderColorPress,
|
|
256
|
+
borderColorFocus: softer1.borderColorFocus
|
|
257
|
+
};
|
|
258
|
+
}),
|
|
259
|
+
...customMasks
|
|
260
|
+
}).addTemplates(templates).addThemes({
|
|
261
|
+
light: {
|
|
262
|
+
template: "base",
|
|
263
|
+
palette: "light"
|
|
264
|
+
},
|
|
265
|
+
dark: {
|
|
266
|
+
template: "base",
|
|
267
|
+
palette: "dark"
|
|
268
|
+
}
|
|
269
|
+
}).addChildThemes(
|
|
270
|
+
Object.fromEntries([
|
|
271
|
+
...maskThemes.map((theme2) => [
|
|
272
|
+
theme2.name,
|
|
273
|
+
{
|
|
274
|
+
mask: theme2.name
|
|
275
|
+
}
|
|
276
|
+
]),
|
|
277
|
+
...nonMaskSubThemes.flatMap((theme2) => [
|
|
278
|
+
[
|
|
279
|
+
theme2.name,
|
|
280
|
+
[
|
|
281
|
+
{
|
|
282
|
+
parent: "dark",
|
|
283
|
+
template: "base",
|
|
284
|
+
palette: `${theme2.name}PaletteDark`
|
|
285
|
+
},
|
|
286
|
+
{
|
|
287
|
+
parent: "light",
|
|
288
|
+
template: "base",
|
|
289
|
+
palette: `${theme2.name}PaletteLight`
|
|
290
|
+
}
|
|
291
|
+
]
|
|
292
|
+
]
|
|
293
|
+
])
|
|
264
294
|
])
|
|
265
|
-
)
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
palette: "lightAccent"
|
|
283
|
-
},
|
|
284
|
-
{
|
|
285
|
-
parent: "dark",
|
|
286
|
-
template: "base",
|
|
287
|
-
palette: "darkAccent"
|
|
288
|
-
}
|
|
289
|
-
]
|
|
290
|
-
} : {}
|
|
291
|
-
).addChildThemes(getComponentThemeDefinitions()).build();
|
|
292
|
-
return console.info("built themes", built), {
|
|
293
|
-
built,
|
|
294
|
-
palettes
|
|
295
|
+
).addChildThemes(
|
|
296
|
+
basePalettes.lightAccent ? {
|
|
297
|
+
accent: [
|
|
298
|
+
{
|
|
299
|
+
parent: "light",
|
|
300
|
+
template: "base",
|
|
301
|
+
palette: "lightAccent"
|
|
302
|
+
},
|
|
303
|
+
{
|
|
304
|
+
parent: "dark",
|
|
305
|
+
template: "base",
|
|
306
|
+
palette: "darkAccent"
|
|
307
|
+
}
|
|
308
|
+
]
|
|
309
|
+
} : {}
|
|
310
|
+
).addChildThemes(getComponentThemeDefinitions()).build(),
|
|
311
|
+
palettes: basePalettes
|
|
295
312
|
};
|
|
296
313
|
}
|
|
297
314
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/buildThemeSuite.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKO,kCAEP,mBAA0B,wBAC1B,iCAAsC,sCACtC,eAAmD,oBACnD,sBAAmC;AAInC,MAAM,oBAAoB,GACpB,qBAAqB;AAAA,EACzB,YAAY;AAAA,EACZ,kBAAkB,oBAAoB;AAAA,EACtC,cAAc,oBAAoB;AAAA,EAClC,kBAAkB,oBAAoB;AAAA,EACtC,mBAAmB,oBAAoB;AAAA,EACvC,cAAc,oBAAoB;AAAA,EAClC,cAAc,oBAAoB;AAAA,EAClC,aAAa,oBAAoB;AAAA,EACjC,kBAAkB,oBAAoB;AAAA,EACtC,uBAAuB,oBAAoB;AAC7C;AAEO,SAAS,gBAAgB,EAAE,WAAW,UAAU,GAAyB;AAC9E,QAAM,QAAQ,WAER,cAAc,aAAa,CAAC,GAAG;AAAA,IACnC,CAAC,MAAM,EAAE,SAAS;AAAA,EACpB,GAEM,cAAc,OAAO;AAAA,IACzB,WAAW,IAAI,CAAC,cACP,CAAC,UAAU,UAAM,4BAAU,UAAU,KAAK,CAAC,CACnD;AAAA,EACH,GAGM,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["defaultMasks", "theme"]
|
|
6
6
|
}
|
|
@@ -23,7 +23,7 @@ const paletteSize = 12, generateColorPalette = ({
|
|
|
23
23
|
scheme,
|
|
24
24
|
forAccent
|
|
25
25
|
}) => {
|
|
26
|
-
const baseTheme = forAccent && theme.accent || theme, { anchors
|
|
26
|
+
const baseTheme = forAccent && theme.accent || theme, { anchors } = baseTheme;
|
|
27
27
|
let palette = [];
|
|
28
28
|
const add = (h, s, l) => {
|
|
29
29
|
palette.push((0, import_color2k.hsla)(h, s, l, 1));
|
|
@@ -55,7 +55,7 @@ const paletteSize = 12, generateColorPalette = ({
|
|
|
55
55
|
theme: theme.accent,
|
|
56
56
|
scheme
|
|
57
57
|
});
|
|
58
|
-
palette.unshift(accentPalette[
|
|
58
|
+
palette.unshift(accentPalette[5 + 8]), palette.push(accentPalette[accentPalette.length - 6]);
|
|
59
59
|
} else
|
|
60
60
|
palette.unshift("rgba(0,0,0,0)"), palette.push("rgba(0,0,0,0)");
|
|
61
61
|
return palette;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/buildThemeSuitePalettes.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAkC;AAUlC,MAAM,cAAc,IAEd,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,YAAY,aAAY,MAAM,UAAU,OACxC,EAAE,QAAQ,IAAI;AAEpB,MAAI,UAAoB,CAAC;AAEzB,QAAM,MAAM,CAAC,GAAW,GAAW,MAAc;AAC/C,YAAQ,SAAK,qBAAK,GAAG,GAAG,GAAG,CAAC,CAAC;AAAA,EAC/B,GAEM,aAAa,OAAO,KAAK,OAAO,EAAE;AAExC,aAAW,CAAC,aAAa,MAAM,KAAK,QAAQ,QAAQ,GAAG;AACrD,UAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAM,CAAC;AAE7E,QAAI,gBAAgB,GAAG;AACrB,YAAM,aAAa,QAAQ,cAAc,CAAC,GACpC,QAAQ,OAAO,QAAQ,WAAW,OAElC,UAAU,WAAW,IAAI,MAAM,GAC/B,UAAU,WAAW,IAAI,MAAM,GAC/B,UAAU,WAAW,IAAI,MAAM,GAE/B,WAAW,UAAU,KAAK,OAC1B,WAAW,UAAU,KAAK,OAC1B,WAAW,UAAU,KAAK;AAGhC,eAAS,OAAO,WAAW,QAAQ,GAAG,OAAO,OAAO,OAAO,QAAQ;AACjE,cAAM,MAAM,OAAO,QAAQ;AAC3B,YAAI,IAAI,UAAU,KAAK,IAAI,UAAU,KAAK,IAAI,UAAU,GAAG;AAAA,MAC7D;AAAA,IACF;AAKA,QAHA,IAAI,GAAG,GAAG,CAAC,GAEU,gBAAgB,aAAa,KAC9B,QAAQ,SAAS;AAEnC,eAAS,OAAO,OAAO,QAAQ,GAAG,OAAO,aAAa;AACpD,YAAI,GAAG,GAAG,CAAC;AAAA,EAGjB;AA0DA,QAAM,CAAC,UAAU,IAAI,SACf,aAAa,QAAQ,QAAQ,SAAS,CAAC,GAEvC,oBAAoB,CAAC,YAAY,UAAU,EAAE,IAAI,CAAC,UAAU;AAChE,UAAM,CAAC,GAAG,GAAG,CAAC,QAAI,4BAAY,KAAK;AAEnC,WAAO;AAAA,UACL,qBAAK,GAAG,GAAG,GAAG,CAAC;AAAA,UACf,qBAAK,GAAG,GAAG,GAAG,IAAI;AAAA,UAClB,qBAAK,GAAG,GAAG,GAAG,GAAG;AAAA,UACjB,qBAAK,GAAG,GAAG,GAAG,IAAI;AAAA,IACpB;AAAA,EACF,CAAC,GACK,oBAAoB,CAAC,GAAG,kBAAkB,CAAC,CAAC,EAAE,QAAQ;AAG5D,MAFA,UAAU,CAAC,GAAG,kBAAkB,CAAC,GAAG,GAAG,SAAS,GAAG,iBAAiB,GAEhE,MAAM,QAAQ;AAChB,UAAM,gBAAgB,qBAAqB;AAAA,MACzC,OAAO,MAAM;AAAA,MACb;AAAA,IACF,CAAC;AAGD,YAAQ,QAAQ,cAAc,IAAI,CAAC,CAAC,GAEpC,QAAQ,KAAK,cAAc,cAAc,SAAS,CAAC,CAAC;AAAA,EACtD;AAEE,YAAQ,QAAQ,eAAe,GAC/B,QAAQ,KAAK,eAAe;AAG9B,SAAO;AACT;AAEO,SAAS,sBAAsB,OAA4C;AAChF,SAAO;AAAA,IACL,OAAO,qBAAqB,EAAE,OAAO,QAAQ,QAAQ,CAAC;AAAA,IACtD,aAAa,qBAAqB,EAAE,OAAO,QAAQ,SAAS,WAAW,GAAK,CAAC;AAAA,IAC7E,MAAM,qBAAqB,EAAE,OAAO,QAAQ,OAAO,CAAC;AAAA,IACpD,YAAY,qBAAqB,EAAE,OAAO,QAAQ,QAAQ,WAAW,GAAK,CAAC;AAAA,EAC7E;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -24,7 +24,7 @@ const paletteSize = 12, generateColorPalette = ({
|
|
|
24
24
|
scheme,
|
|
25
25
|
forAccent
|
|
26
26
|
}) => {
|
|
27
|
-
const baseTheme = forAccent && theme.accent || theme, { anchors
|
|
27
|
+
const baseTheme = forAccent && theme.accent || theme, { anchors } = baseTheme;
|
|
28
28
|
let palette = [];
|
|
29
29
|
const add = (h, s, l) => {
|
|
30
30
|
palette.push((0, import_color2k.hsla)(h, s, l, 1));
|
|
@@ -56,7 +56,7 @@ const paletteSize = 12, generateColorPalette = ({
|
|
|
56
56
|
theme: theme.accent,
|
|
57
57
|
scheme
|
|
58
58
|
});
|
|
59
|
-
palette.unshift(accentPalette[
|
|
59
|
+
palette.unshift(accentPalette[5 + 8]), palette.push(accentPalette[accentPalette.length - 6]);
|
|
60
60
|
} else
|
|
61
61
|
palette.unshift("rgba(0,0,0,0)"), palette.push("rgba(0,0,0,0)");
|
|
62
62
|
return palette;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/buildThemeSuitePalettes.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAkC;AAUlC,MAAM,cAAc,IAEd,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,YAAY,aAAY,MAAM,UAAU,OACxC,EAAE,QAAQ,IAAI;AAEpB,MAAI,UAAoB,CAAC;AAEzB,QAAM,MAAM,CAAC,GAAW,GAAW,MAAc;AAC/C,YAAQ,SAAK,qBAAK,GAAG,GAAG,GAAG,CAAC,CAAC;AAAA,EAC/B,GAEM,aAAa,OAAO,KAAK,OAAO,EAAE;AAExC,aAAW,CAAC,aAAa,MAAM,KAAK,QAAQ,QAAQ,GAAG;AACrD,UAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAM,CAAC;AAE7E,QAAI,gBAAgB,GAAG;AACrB,YAAM,aAAa,QAAQ,cAAc,CAAC,GACpC,QAAQ,OAAO,QAAQ,WAAW,OAElC,UAAU,WAAW,IAAI,MAAM,GAC/B,UAAU,WAAW,IAAI,MAAM,GAC/B,UAAU,WAAW,IAAI,MAAM,GAE/B,WAAW,UAAU,KAAK,OAC1B,WAAW,UAAU,KAAK,OAC1B,WAAW,UAAU,KAAK;AAGhC,eAAS,OAAO,WAAW,QAAQ,GAAG,OAAO,OAAO,OAAO,QAAQ;AACjE,cAAM,MAAM,OAAO,QAAQ;AAC3B,YAAI,IAAI,UAAU,KAAK,IAAI,UAAU,KAAK,IAAI,UAAU,GAAG;AAAA,MAC7D;AAAA,IACF;AAKA,QAHA,IAAI,GAAG,GAAG,CAAC,GAEU,gBAAgB,aAAa,KAC9B,QAAQ,SAAS;AAEnC,eAAS,OAAO,OAAO,QAAQ,GAAG,OAAO,aAAa;AACpD,YAAI,GAAG,GAAG,CAAC;AAAA,EAGjB;AA0DA,QAAM,CAAC,UAAU,IAAI,SACf,aAAa,QAAQ,QAAQ,SAAS,CAAC,GAEvC,oBAAoB,CAAC,YAAY,UAAU,EAAE,IAAI,CAAC,UAAU;AAChE,UAAM,CAAC,GAAG,GAAG,CAAC,QAAI,4BAAY,KAAK;AAEnC,WAAO;AAAA,UACL,qBAAK,GAAG,GAAG,GAAG,CAAC;AAAA,UACf,qBAAK,GAAG,GAAG,GAAG,IAAI;AAAA,UAClB,qBAAK,GAAG,GAAG,GAAG,GAAG;AAAA,UACjB,qBAAK,GAAG,GAAG,GAAG,IAAI;AAAA,IACpB;AAAA,EACF,CAAC,GACK,oBAAoB,CAAC,GAAG,kBAAkB,CAAC,CAAC,EAAE,QAAQ;AAG5D,MAFA,UAAU,CAAC,GAAG,kBAAkB,CAAC,GAAG,GAAG,SAAS,GAAG,iBAAiB,GAEhE,MAAM,QAAQ;AAChB,UAAM,gBAAgB,qBAAqB;AAAA,MACzC,OAAO,MAAM;AAAA,MACb;AAAA,IACF,CAAC;AAGD,YAAQ,QAAQ,cAAc,IAAI,CAAC,CAAC,GAEpC,QAAQ,KAAK,cAAc,cAAc,SAAS,CAAC,CAAC;AAAA,EACtD;AAEE,YAAQ,QAAQ,eAAe,GAC/B,QAAQ,KAAK,eAAe;AAG9B,SAAO;AACT;AAEO,SAAS,sBAAsB,OAA4C;AAChF,SAAO;AAAA,IACL,OAAO,qBAAqB,EAAE,OAAO,QAAQ,QAAQ,CAAC;AAAA,IACtD,aAAa,qBAAqB,EAAE,OAAO,QAAQ,SAAS,WAAW,GAAK,CAAC;AAAA,IAC7E,MAAM,qBAAqB,EAAE,OAAO,QAAQ,OAAO,CAAC;AAAA,IACpD,YAAY,qBAAqB,EAAE,OAAO,QAAQ,QAAQ,WAAW,GAAK,CAAC;AAAA,EAC7E;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -21,9 +21,19 @@ const basePaletteOffset = 5, namedTemplateSlots = {
|
|
|
21
21
|
function buildThemeSuite({ baseTheme, subThemes }) {
|
|
22
22
|
const theme = baseTheme, maskThemes = (subThemes || []).filter(
|
|
23
23
|
(x) => x.type === "mask"
|
|
24
|
+
), nonMaskSubThemes = (subThemes || []).filter(
|
|
25
|
+
(x) => x.type !== "mask"
|
|
24
26
|
), customMasks = Object.fromEntries(
|
|
25
27
|
maskThemes.map((maskTheme) => [maskTheme.name, buildMask(maskTheme.masks)])
|
|
26
|
-
),
|
|
28
|
+
), basePalettes = getThemeSuitePalettes(theme), subThemePalettes = Object.fromEntries(
|
|
29
|
+
nonMaskSubThemes.flatMap((t) => {
|
|
30
|
+
const palettes = getThemeSuitePalettes(t);
|
|
31
|
+
return [
|
|
32
|
+
[`${t.name}PaletteLight`, palettes.light],
|
|
33
|
+
[`${t.name}PaletteDark`, palettes.dark]
|
|
34
|
+
];
|
|
35
|
+
})
|
|
36
|
+
), max = basePalettes.dark.length - 1, min = 1, componentMask = {
|
|
27
37
|
...maskOptions.component,
|
|
28
38
|
max,
|
|
29
39
|
min,
|
|
@@ -106,9 +116,7 @@ function buildThemeSuite({ baseTheme, subThemes }) {
|
|
|
106
116
|
backgroundHover: namedTemplateSlots.hoverStrongBackground,
|
|
107
117
|
backgroundPress: namedTemplateSlots.hoverBorder,
|
|
108
118
|
backgroundFocus: namedTemplateSlots.strongBackground
|
|
109
|
-
}
|
|
110
|
-
accentLight: template,
|
|
111
|
-
accentDark: template
|
|
119
|
+
}
|
|
112
120
|
};
|
|
113
121
|
}
|
|
114
122
|
const templates = createTemplates();
|
|
@@ -219,66 +227,75 @@ function buildThemeSuite({ baseTheme, subThemes }) {
|
|
|
219
227
|
}
|
|
220
228
|
};
|
|
221
229
|
}
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
230
|
+
return {
|
|
231
|
+
built: createThemeBuilder().addPalettes({
|
|
232
|
+
...basePalettes,
|
|
233
|
+
...subThemePalettes
|
|
234
|
+
}).addMasks({
|
|
235
|
+
...defaultMasks,
|
|
236
|
+
soften3Border2: createMask((template, options) => {
|
|
237
|
+
const softer2 = createSoftenMask({ strength: 3 }).mask(template, options), softer1 = createSoftenMask({ strength: 2 }).mask(template, options);
|
|
238
|
+
return {
|
|
239
|
+
...softer2,
|
|
240
|
+
borderColor: softer1.borderColor,
|
|
241
|
+
borderColorHover: softer1.borderColorHover,
|
|
242
|
+
borderColorPress: softer1.borderColorPress,
|
|
243
|
+
borderColorFocus: softer1.borderColorFocus
|
|
244
|
+
};
|
|
245
|
+
}),
|
|
246
|
+
...customMasks
|
|
247
|
+
}).addTemplates(templates).addThemes({
|
|
248
|
+
light: {
|
|
249
|
+
template: "base",
|
|
250
|
+
palette: "light"
|
|
251
|
+
},
|
|
252
|
+
dark: {
|
|
253
|
+
template: "base",
|
|
254
|
+
palette: "dark"
|
|
255
|
+
}
|
|
256
|
+
}).addChildThemes(
|
|
257
|
+
Object.fromEntries([
|
|
258
|
+
...maskThemes.map((theme2) => [
|
|
259
|
+
theme2.name,
|
|
260
|
+
{
|
|
261
|
+
mask: theme2.name
|
|
262
|
+
}
|
|
263
|
+
]),
|
|
264
|
+
...nonMaskSubThemes.flatMap((theme2) => [
|
|
265
|
+
[
|
|
266
|
+
theme2.name,
|
|
267
|
+
[
|
|
268
|
+
{
|
|
269
|
+
parent: "dark",
|
|
270
|
+
template: "base",
|
|
271
|
+
palette: `${theme2.name}PaletteDark`
|
|
272
|
+
},
|
|
273
|
+
{
|
|
274
|
+
parent: "light",
|
|
275
|
+
template: "base",
|
|
276
|
+
palette: `${theme2.name}PaletteLight`
|
|
277
|
+
}
|
|
278
|
+
]
|
|
279
|
+
]
|
|
280
|
+
])
|
|
251
281
|
])
|
|
252
|
-
)
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
palette: "lightAccent"
|
|
270
|
-
},
|
|
271
|
-
{
|
|
272
|
-
parent: "dark",
|
|
273
|
-
template: "base",
|
|
274
|
-
palette: "darkAccent"
|
|
275
|
-
}
|
|
276
|
-
]
|
|
277
|
-
} : {}
|
|
278
|
-
).addChildThemes(getComponentThemeDefinitions()).build();
|
|
279
|
-
return console.info("built themes", built), {
|
|
280
|
-
built,
|
|
281
|
-
palettes
|
|
282
|
+
).addChildThemes(
|
|
283
|
+
basePalettes.lightAccent ? {
|
|
284
|
+
accent: [
|
|
285
|
+
{
|
|
286
|
+
parent: "light",
|
|
287
|
+
template: "base",
|
|
288
|
+
palette: "lightAccent"
|
|
289
|
+
},
|
|
290
|
+
{
|
|
291
|
+
parent: "dark",
|
|
292
|
+
template: "base",
|
|
293
|
+
palette: "darkAccent"
|
|
294
|
+
}
|
|
295
|
+
]
|
|
296
|
+
} : {}
|
|
297
|
+
).addChildThemes(getComponentThemeDefinitions()).build(),
|
|
298
|
+
palettes: basePalettes
|
|
282
299
|
};
|
|
283
300
|
}
|
|
284
301
|
export {
|