@tamagui/create-theme 1.30.26 → 1.30.28
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/package.json +3 -3
- package/dist/cjs/Palette.js +0 -17
- package/dist/cjs/Palette.js.map +0 -6
- package/dist/cjs/THEME_INFO.js +0 -40
- package/dist/cjs/THEME_INFO.js.map +0 -6
- package/dist/cjs/ThemeBuilder.js +0 -167
- package/dist/cjs/ThemeBuilder.js.map +0 -6
- package/dist/cjs/buildThemes.js +0 -160
- package/dist/cjs/buildThemes.js.map +0 -6
- package/dist/cjs/createTheme.js +0 -69
- package/dist/cjs/createTheme.js.map +0 -6
- package/dist/cjs/helpers.js +0 -39
- package/dist/cjs/helpers.js.map +0 -6
- package/dist/cjs/isMinusZero.js +0 -31
- package/dist/cjs/isMinusZero.js.map +0 -6
- package/dist/cjs/masks.js +0 -151
- package/dist/cjs/masks.js.map +0 -6
- package/dist/cjs/palettes.js +0 -102
- package/dist/cjs/palettes.js.map +0 -6
- package/dist/cjs/templates.js +0 -96
- package/dist/cjs/templates.js.map +0 -6
- package/dist/cjs/tests-buildThemes.js +0 -26
- package/dist/cjs/tests-buildThemes.js.map +0 -6
- package/dist/cjs/tests.js +0 -57
- package/dist/cjs/tests.js.map +0 -6
- package/dist/cjs/themeInfo.js +0 -42
- package/dist/cjs/themeInfo.js.map +0 -6
- package/dist/cjs/types.js +0 -17
- package/dist/cjs/types.js.map +0 -6
- package/dist/esm/Palette.js +0 -1
- package/dist/esm/Palette.js.map +0 -6
- package/dist/esm/THEME_INFO.js +0 -15
- package/dist/esm/THEME_INFO.js.map +0 -6
- package/dist/esm/ThemeBuilder.js +0 -143
- package/dist/esm/ThemeBuilder.js.map +0 -6
- package/dist/esm/buildThemes.js +0 -136
- package/dist/esm/buildThemes.js.map +0 -6
- package/dist/esm/createTheme.js +0 -44
- package/dist/esm/createTheme.js.map +0 -6
- package/dist/esm/helpers.js +0 -13
- package/dist/esm/helpers.js.map +0 -6
- package/dist/esm/isMinusZero.js +0 -7
- package/dist/esm/isMinusZero.js.map +0 -6
- package/dist/esm/masks.js +0 -118
- package/dist/esm/masks.js.map +0 -6
- package/dist/esm/palettes.js +0 -78
- package/dist/esm/palettes.js.map +0 -6
- package/dist/esm/templates.js +0 -72
- package/dist/esm/templates.js.map +0 -6
- package/dist/esm/tests-buildThemes.js +0 -25
- package/dist/esm/tests-buildThemes.js.map +0 -6
- package/dist/esm/tests.js +0 -33
- package/dist/esm/tests.js.map +0 -6
- package/dist/esm/themeInfo.js +0 -17
- package/dist/esm/themeInfo.js.map +0 -6
- package/dist/esm/types.js +0 -1
- package/dist/esm/types.js.map +0 -6
- package/types/Palette.d.ts.map +0 -1
- package/types/THEME_INFO.d.ts.map +0 -1
- package/types/ThemeBuilder.d.ts.map +0 -1
- package/types/buildThemes.d.ts.map +0 -1
- package/types/createTheme.d.ts.map +0 -1
- package/types/helpers.d.ts.map +0 -1
- package/types/index.d.ts.map +0 -1
- package/types/isMinusZero.d.ts.map +0 -1
- package/types/masks.d.ts.map +0 -1
- package/types/palettes.d.ts.map +0 -1
- package/types/templates.d.ts.map +0 -1
- package/types/tests-buildThemes.d.ts.map +0 -1
- package/types/tests.d.ts.map +0 -1
- package/types/themeInfo.d.ts.map +0 -1
- package/types/types.d.ts.map +0 -1
package/dist/esm/ThemeBuilder.js
DELETED
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
import { createTheme } from "./createTheme";
|
|
2
|
-
import { objectEntries, objectFromEntries, objectKeys } from "./helpers";
|
|
3
|
-
import { applyMask, createMask } from "./masks";
|
|
4
|
-
class ThemeBuilder {
|
|
5
|
-
constructor(state) {
|
|
6
|
-
this.state = state;
|
|
7
|
-
}
|
|
8
|
-
addPalettes(palettes) {
|
|
9
|
-
return new ThemeBuilder({
|
|
10
|
-
...this.state,
|
|
11
|
-
palettes: {
|
|
12
|
-
// as {} prevents generic string key merge messing up types
|
|
13
|
-
...this.state.palettes,
|
|
14
|
-
...palettes
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
addTemplates(templates) {
|
|
19
|
-
return new ThemeBuilder({
|
|
20
|
-
...this.state,
|
|
21
|
-
templates: {
|
|
22
|
-
// as {} prevents generic string key merge messing up types
|
|
23
|
-
...this.state.templates,
|
|
24
|
-
...templates
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
addMasks(masks) {
|
|
29
|
-
return new ThemeBuilder({
|
|
30
|
-
...this.state,
|
|
31
|
-
masks: {
|
|
32
|
-
// as {} prevents generic string key merge messing up types
|
|
33
|
-
...this.state.masks,
|
|
34
|
-
...objectFromEntries(
|
|
35
|
-
objectEntries(masks).map(([key, val]) => [key, createMask(val)])
|
|
36
|
-
)
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
addThemes(themes) {
|
|
41
|
-
return new ThemeBuilder({
|
|
42
|
-
...this.state,
|
|
43
|
-
themes: {
|
|
44
|
-
// as {} prevents generic string key merge messing up types
|
|
45
|
-
...this.state.themes,
|
|
46
|
-
...themes
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
addChildThemes(childThemeDefinition, options) {
|
|
51
|
-
const currentThemes = this.state.themes;
|
|
52
|
-
if (!currentThemes) {
|
|
53
|
-
throw new Error(
|
|
54
|
-
`No themes defined yet, use addThemes first to set your base themes`
|
|
55
|
-
);
|
|
56
|
-
}
|
|
57
|
-
const currentThemeNames = objectKeys(currentThemes);
|
|
58
|
-
const incomingThemeNames = objectKeys(childThemeDefinition);
|
|
59
|
-
const namesWithDefinitions = currentThemeNames.flatMap((prefix) => {
|
|
60
|
-
return incomingThemeNames.map((subName) => {
|
|
61
|
-
const fullName = `${prefix}_${subName}`;
|
|
62
|
-
const definition = childThemeDefinition[subName];
|
|
63
|
-
return [fullName, definition];
|
|
64
|
-
});
|
|
65
|
-
});
|
|
66
|
-
const childThemes = objectFromEntries(namesWithDefinitions);
|
|
67
|
-
return new ThemeBuilder({
|
|
68
|
-
...this.state,
|
|
69
|
-
themes: {
|
|
70
|
-
// as {} prevents generic string key merge messing up types
|
|
71
|
-
...this.state.themes,
|
|
72
|
-
...childThemes
|
|
73
|
-
}
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
build() {
|
|
77
|
-
var _a, _b;
|
|
78
|
-
if (!this.state.themes) {
|
|
79
|
-
return {};
|
|
80
|
-
}
|
|
81
|
-
const out = {};
|
|
82
|
-
const maskedThemes = [];
|
|
83
|
-
for (const themeName in this.state.themes) {
|
|
84
|
-
const nameParts = themeName.split("_");
|
|
85
|
-
const parentName = nameParts.slice(0, nameParts.length - 1).join("_");
|
|
86
|
-
const definitions = this.state.themes[themeName];
|
|
87
|
-
const themeDefinition = Array.isArray(definitions) ? (() => {
|
|
88
|
-
const found = definitions.find((d) => parentName.startsWith(d.parent));
|
|
89
|
-
if (!found) {
|
|
90
|
-
throw new Error(`No parent for ${themeName}: ${parentName}`);
|
|
91
|
-
}
|
|
92
|
-
return found;
|
|
93
|
-
})() : definitions;
|
|
94
|
-
if ("theme" in themeDefinition) {
|
|
95
|
-
out[themeName] = themeDefinition.theme;
|
|
96
|
-
} else if ("mask" in themeDefinition) {
|
|
97
|
-
maskedThemes.push({ parentName, themeName, mask: themeDefinition.mask });
|
|
98
|
-
} else {
|
|
99
|
-
if (!this.state.palettes) {
|
|
100
|
-
throw new Error(
|
|
101
|
-
`No palettes defined for theme with palette expected: ${themeName}`
|
|
102
|
-
);
|
|
103
|
-
}
|
|
104
|
-
let palette = this.state.palettes[themeDefinition.palette];
|
|
105
|
-
if (!palette) {
|
|
106
|
-
const fullPaletteName = `${parentName}_${themeDefinition.palette}`;
|
|
107
|
-
palette = this.state.palettes[fullPaletteName];
|
|
108
|
-
}
|
|
109
|
-
if (!palette) {
|
|
110
|
-
throw new Error(`No palette for theme ${themeName}: ${themeDefinition.palette}`);
|
|
111
|
-
}
|
|
112
|
-
const template = (_a = this.state.templates) == null ? void 0 : _a[themeDefinition.template];
|
|
113
|
-
if (!template) {
|
|
114
|
-
throw new Error(
|
|
115
|
-
`No template for theme ${themeName}: ${themeDefinition.template}`
|
|
116
|
-
);
|
|
117
|
-
}
|
|
118
|
-
out[themeName] = createTheme(palette, template);
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
for (const { mask, themeName, parentName } of maskedThemes) {
|
|
122
|
-
const parent = out[parentName];
|
|
123
|
-
if (!parent) {
|
|
124
|
-
throw new Error(
|
|
125
|
-
`No parent theme found with name ${parentName} for theme ${themeName} to use as a mask target`
|
|
126
|
-
);
|
|
127
|
-
}
|
|
128
|
-
const maskFunction = (_b = this.state.masks) == null ? void 0 : _b[mask];
|
|
129
|
-
if (!maskFunction) {
|
|
130
|
-
throw new Error(`No mask ${maskFunction}`);
|
|
131
|
-
}
|
|
132
|
-
out[themeName] = applyMask(parent, maskFunction);
|
|
133
|
-
}
|
|
134
|
-
return out;
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
function createThemeBuilder() {
|
|
138
|
-
return new ThemeBuilder({});
|
|
139
|
-
}
|
|
140
|
-
export {
|
|
141
|
-
createThemeBuilder
|
|
142
|
-
};
|
|
143
|
-
//# sourceMappingURL=ThemeBuilder.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/ThemeBuilder.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/esm/buildThemes.js
DELETED
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
import { createTheme } from "./createTheme";
|
|
2
|
-
import { objectFromEntries, objectKeys } from "./helpers";
|
|
3
|
-
import { applyMask } from "./masks";
|
|
4
|
-
class ThemeBuilder {
|
|
5
|
-
constructor(state = {}) {
|
|
6
|
-
this.state = state;
|
|
7
|
-
}
|
|
8
|
-
addPalettes(palettes) {
|
|
9
|
-
return new ThemeBuilder({
|
|
10
|
-
...this.state,
|
|
11
|
-
palettes: {
|
|
12
|
-
// as {} prevents generic string key merge messing up types
|
|
13
|
-
...this.state.palettes,
|
|
14
|
-
...palettes
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
addTemplates(templates) {
|
|
19
|
-
return new ThemeBuilder({
|
|
20
|
-
...this.state,
|
|
21
|
-
templates: {
|
|
22
|
-
// as {} prevents generic string key merge messing up types
|
|
23
|
-
...this.state.templates,
|
|
24
|
-
...templates
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
addMasks(masks) {
|
|
29
|
-
return new ThemeBuilder({
|
|
30
|
-
...this.state,
|
|
31
|
-
masks: {
|
|
32
|
-
// as {} prevents generic string key merge messing up types
|
|
33
|
-
...this.state.masks,
|
|
34
|
-
...masks
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
addThemes(themes) {
|
|
39
|
-
return new ThemeBuilder({
|
|
40
|
-
...this.state,
|
|
41
|
-
themes: {
|
|
42
|
-
// as {} prevents generic string key merge messing up types
|
|
43
|
-
...this.state.themes,
|
|
44
|
-
...themes
|
|
45
|
-
}
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
addChildThemes(childThemeDefinition, options) {
|
|
49
|
-
const currentThemes = this.state.themes;
|
|
50
|
-
if (!currentThemes) {
|
|
51
|
-
throw new Error(
|
|
52
|
-
`No themes defined yet, use addThemes first to set your base themes`
|
|
53
|
-
);
|
|
54
|
-
}
|
|
55
|
-
const currentThemeNames = objectKeys(currentThemes);
|
|
56
|
-
const incomingThemeNames = objectKeys(childThemeDefinition);
|
|
57
|
-
const namesWithDefinitions = currentThemeNames.flatMap((prefix) => {
|
|
58
|
-
return incomingThemeNames.map((subName) => {
|
|
59
|
-
const fullName = `${prefix}_${subName}`;
|
|
60
|
-
const definition = childThemeDefinition[subName];
|
|
61
|
-
return [fullName, definition];
|
|
62
|
-
});
|
|
63
|
-
});
|
|
64
|
-
const childThemes = objectFromEntries(namesWithDefinitions);
|
|
65
|
-
return new ThemeBuilder({
|
|
66
|
-
...this.state,
|
|
67
|
-
themes: {
|
|
68
|
-
// as {} prevents generic string key merge messing up types
|
|
69
|
-
...this.state.themes,
|
|
70
|
-
...childThemes
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
build() {
|
|
75
|
-
var _a, _b;
|
|
76
|
-
if (!this.state.themes) {
|
|
77
|
-
return {};
|
|
78
|
-
}
|
|
79
|
-
const out = {};
|
|
80
|
-
const maskedThemes = [];
|
|
81
|
-
for (const themeName in this.state.themes) {
|
|
82
|
-
const nameParts = themeName.split("_");
|
|
83
|
-
const parentName = nameParts.slice(0, nameParts.length - 1).join("_");
|
|
84
|
-
const definitions = this.state.themes[themeName];
|
|
85
|
-
const themeDefinition = Array.isArray(definitions) ? (() => {
|
|
86
|
-
const found = definitions.find((d) => parentName.startsWith(d.parent));
|
|
87
|
-
if (!found) {
|
|
88
|
-
throw new Error(`No parent for ${themeName}: ${parentName}`);
|
|
89
|
-
}
|
|
90
|
-
return found;
|
|
91
|
-
})() : definitions;
|
|
92
|
-
if ("mask" in themeDefinition) {
|
|
93
|
-
maskedThemes.push({ parentName, themeName, mask: themeDefinition.mask });
|
|
94
|
-
} else {
|
|
95
|
-
if (!this.state.palettes) {
|
|
96
|
-
throw new Error(
|
|
97
|
-
`No palettes defined for theme with palette expected: ${themeName}`
|
|
98
|
-
);
|
|
99
|
-
}
|
|
100
|
-
let palette = this.state.palettes[themeDefinition.palette];
|
|
101
|
-
if (!palette) {
|
|
102
|
-
const fullPaletteName = `${parentName}_${themeDefinition.palette}`;
|
|
103
|
-
palette = this.state.palettes[fullPaletteName];
|
|
104
|
-
}
|
|
105
|
-
if (!palette) {
|
|
106
|
-
throw new Error(`No palette for theme ${themeName}: ${themeDefinition.palette}`);
|
|
107
|
-
}
|
|
108
|
-
const template = (_a = this.state.templates) == null ? void 0 : _a[themeDefinition.template];
|
|
109
|
-
if (!template) {
|
|
110
|
-
throw new Error(
|
|
111
|
-
`No template for theme ${themeName}: ${themeDefinition.template}`
|
|
112
|
-
);
|
|
113
|
-
}
|
|
114
|
-
out[themeName] = createTheme(palette, template);
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
for (const { mask, themeName, parentName } of maskedThemes) {
|
|
118
|
-
const parent = out[parentName];
|
|
119
|
-
if (!parent) {
|
|
120
|
-
throw new Error(
|
|
121
|
-
`No parent theme found with name ${parentName} for theme ${themeName} to use as a mask target`
|
|
122
|
-
);
|
|
123
|
-
}
|
|
124
|
-
const maskFunction = (_b = this.state.masks) == null ? void 0 : _b[mask];
|
|
125
|
-
if (!maskFunction) {
|
|
126
|
-
throw new Error(`No mask ${maskFunction}`);
|
|
127
|
-
}
|
|
128
|
-
out[themeName] = applyMask(parent, maskFunction);
|
|
129
|
-
}
|
|
130
|
-
return out;
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
export {
|
|
134
|
-
ThemeBuilder
|
|
135
|
-
};
|
|
136
|
-
//# sourceMappingURL=buildThemes.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/buildThemes.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/esm/createTheme.js
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { isMinusZero } from "./isMinusZero";
|
|
2
|
-
import { setThemeInfo } from "./themeInfo";
|
|
3
|
-
const identityCache = /* @__PURE__ */ new Map();
|
|
4
|
-
function createTheme(palette, definition, options) {
|
|
5
|
-
const cacheKey = JSON.stringify([palette, definition, options]);
|
|
6
|
-
if (identityCache.has(cacheKey)) {
|
|
7
|
-
return identityCache.get(cacheKey);
|
|
8
|
-
}
|
|
9
|
-
const theme = {
|
|
10
|
-
...Object.fromEntries(
|
|
11
|
-
Object.entries(definition).map(([key, offset]) => {
|
|
12
|
-
return [key, getValue(palette, offset)];
|
|
13
|
-
})
|
|
14
|
-
),
|
|
15
|
-
...options == null ? void 0 : options.nonInheritedValues
|
|
16
|
-
};
|
|
17
|
-
setThemeInfo(theme, { palette, definition });
|
|
18
|
-
identityCache.set(cacheKey, theme);
|
|
19
|
-
return theme;
|
|
20
|
-
}
|
|
21
|
-
const getValue = (palette, value) => {
|
|
22
|
-
if (typeof value === "string")
|
|
23
|
-
return value;
|
|
24
|
-
const max = palette.length - 1;
|
|
25
|
-
const isPositive = value === 0 ? !isMinusZero(value) : value >= 0;
|
|
26
|
-
const next = isPositive ? value : max + value;
|
|
27
|
-
const index = Math.min(Math.max(0, next), max);
|
|
28
|
-
return palette[index];
|
|
29
|
-
};
|
|
30
|
-
function addChildren(themes, getChildren) {
|
|
31
|
-
const out = { ...themes };
|
|
32
|
-
for (const key in themes) {
|
|
33
|
-
const subThemes = getChildren(key, themes[key]);
|
|
34
|
-
for (const sKey in subThemes) {
|
|
35
|
-
out[`${key}_${sKey}`] = subThemes[sKey];
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
return out;
|
|
39
|
-
}
|
|
40
|
-
export {
|
|
41
|
-
addChildren,
|
|
42
|
-
createTheme
|
|
43
|
-
};
|
|
44
|
-
//# sourceMappingURL=createTheme.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/createTheme.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAG7B,MAAM,gBAAgB,oBAAI,IAAI;AAEvB,SAAS,YAId,SACA,YACA,SAKA;AACA,QAAM,WAAW,KAAK,UAAU,CAAC,SAAS,YAAY,OAAO,CAAC;AAC9D,MAAI,cAAc,IAAI,QAAQ,GAAG;AAC/B,WAAO,cAAc,IAAI,QAAQ;AAAA,EACnC;AAEA,QAAM,QAAQ;AAAA,IACZ,GAAI,OAAO;AAAA,MACT,OAAO,QAAQ,UAAU,EAAE,IAAI,CAAC,CAAC,KAAK,MAAM,MAAM;AAChD,eAAO,CAAC,KAAK,SAAS,SAAS,MAAM,CAAC;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,IACA,GAAG,mCAAS;AAAA,EACd;AAEA,eAAa,OAAO,EAAE,SAAS,WAAW,CAAC;AAC3C,gBAAc,IAAI,UAAU,KAAK;AAEjC,SAAO;AACT;AAEA,MAAM,WAAW,CAAC,SAA6B,UAA2B;AACxE,MAAI,OAAO,UAAU;AAAU,WAAO;AACtC,QAAM,MAAM,QAAQ,SAAS;AAC7B,QAAM,aAAa,UAAU,IAAI,CAAC,YAAY,KAAK,IAAI,SAAS;AAChE,QAAM,OAAO,aAAa,QAAQ,MAAM;AACxC,QAAM,QAAQ,KAAK,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG;AAC7C,SAAO,QAAQ,KAAK;AACtB;AAWO,SAAS,YAId,QACA,aAGA;AACA,QAAM,MAAM,EAAE,GAAG,OAAO;AACxB,aAAW,OAAO,QAAQ;AACxB,UAAM,YAAY,YAAY,KAAK,OAAO,GAAG,CAAC;AAC9C,eAAW,QAAQ,WAAW;AAC5B,UAAI,GAAG,OAAO,MAAM,IAAI,UAAU,IAAI;AAAA,IACxC;AAAA,EACF;AACA,SAAO;AACT;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/esm/helpers.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
const objectKeys = (obj) => Object.keys(obj);
|
|
2
|
-
function objectEntries(obj) {
|
|
3
|
-
return Object.entries(obj);
|
|
4
|
-
}
|
|
5
|
-
function objectFromEntries(arr) {
|
|
6
|
-
return Object.fromEntries(arr);
|
|
7
|
-
}
|
|
8
|
-
export {
|
|
9
|
-
objectEntries,
|
|
10
|
-
objectFromEntries,
|
|
11
|
-
objectKeys
|
|
12
|
-
};
|
|
13
|
-
//# sourceMappingURL=helpers.js.map
|
package/dist/esm/helpers.js.map
DELETED
package/dist/esm/isMinusZero.js
DELETED
package/dist/esm/masks.js
DELETED
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
import { createTheme } from "./createTheme";
|
|
2
|
-
import { objectEntries, objectFromEntries } from "./helpers";
|
|
3
|
-
import { isMinusZero } from "./isMinusZero";
|
|
4
|
-
import { getThemeInfo, setThemeInfo } from "./themeInfo";
|
|
5
|
-
const createMask = (createMask2) => typeof createMask2 === "function" ? { name: createMask2.name || "unnamed", mask: createMask2 } : createMask2;
|
|
6
|
-
const combineMasks = (...masks) => {
|
|
7
|
-
const mask = {
|
|
8
|
-
name: "combine-mask",
|
|
9
|
-
mask: (template, opts) => {
|
|
10
|
-
let current = template;
|
|
11
|
-
for (const mask2 of masks) {
|
|
12
|
-
current = applyMask(current, mask2, opts);
|
|
13
|
-
}
|
|
14
|
-
return current;
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
return mask;
|
|
18
|
-
};
|
|
19
|
-
const skipMask = {
|
|
20
|
-
name: "skip-mask",
|
|
21
|
-
mask: (template, { skip }) => {
|
|
22
|
-
if (!skip)
|
|
23
|
-
return template;
|
|
24
|
-
return Object.fromEntries(
|
|
25
|
-
Object.entries(template).filter(([k]) => !(k in skip))
|
|
26
|
-
);
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
const createIdentityMask = () => ({
|
|
30
|
-
name: "identity-mask",
|
|
31
|
-
mask: (template) => template
|
|
32
|
-
});
|
|
33
|
-
const createInverseMask = () => {
|
|
34
|
-
const mask = {
|
|
35
|
-
name: "inverse-mask",
|
|
36
|
-
mask: (template, opts) => {
|
|
37
|
-
const inversed = objectFromEntries(
|
|
38
|
-
objectEntries(template).map(([k, v]) => [k, -v])
|
|
39
|
-
);
|
|
40
|
-
return skipMask.mask(inversed, opts);
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
return mask;
|
|
44
|
-
};
|
|
45
|
-
const createShiftMask = ({ inverse } = {}, defaultOptions) => {
|
|
46
|
-
const mask = {
|
|
47
|
-
name: "shift-mask",
|
|
48
|
-
mask: (template, opts) => {
|
|
49
|
-
const {
|
|
50
|
-
override,
|
|
51
|
-
max: maxIn,
|
|
52
|
-
palette,
|
|
53
|
-
min = 0,
|
|
54
|
-
strength = 1
|
|
55
|
-
} = { ...defaultOptions, ...opts };
|
|
56
|
-
const values = Object.entries(template);
|
|
57
|
-
const max = maxIn ?? (palette ? Object.values(palette).length - 1 : Infinity);
|
|
58
|
-
const out = {};
|
|
59
|
-
for (const [key, value] of values) {
|
|
60
|
-
if (typeof value === "string")
|
|
61
|
-
continue;
|
|
62
|
-
if (typeof (override == null ? void 0 : override[key]) === "number") {
|
|
63
|
-
const overrideShift = override[key];
|
|
64
|
-
out[key] = value + overrideShift;
|
|
65
|
-
continue;
|
|
66
|
-
}
|
|
67
|
-
const isPositive = value === 0 ? !isMinusZero(value) : value >= 0;
|
|
68
|
-
const direction = isPositive ? 1 : -1;
|
|
69
|
-
const invert = inverse ? -1 : 1;
|
|
70
|
-
const next = value + strength * direction * invert;
|
|
71
|
-
const clamped = isPositive ? Math.max(min, Math.min(max, next)) : Math.min(-min, Math.max(-max, next));
|
|
72
|
-
out[key] = clamped;
|
|
73
|
-
}
|
|
74
|
-
return skipMask.mask(out, opts);
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
return mask;
|
|
78
|
-
};
|
|
79
|
-
const createWeakenMask = (defaultOptions) => ({
|
|
80
|
-
name: "soften-mask",
|
|
81
|
-
mask: createShiftMask({}, defaultOptions).mask
|
|
82
|
-
});
|
|
83
|
-
const createSoftenMask = createWeakenMask;
|
|
84
|
-
const createStrengthenMask = (defaultOptions) => ({
|
|
85
|
-
name: "strengthen-mask",
|
|
86
|
-
mask: createShiftMask({ inverse: true }, defaultOptions).mask
|
|
87
|
-
});
|
|
88
|
-
function applyMask(theme, mask, options = {}) {
|
|
89
|
-
const info = getThemeInfo(theme);
|
|
90
|
-
if (!info) {
|
|
91
|
-
throw new Error(
|
|
92
|
-
process.env.NODE_ENV !== "production" ? `No info found for theme, you must pass the theme created by createThemeFromPalette directly to extendTheme` : `\u274C Err2`
|
|
93
|
-
);
|
|
94
|
-
}
|
|
95
|
-
const template = mask.mask(info.definition, {
|
|
96
|
-
palette: info.palette,
|
|
97
|
-
...options
|
|
98
|
-
});
|
|
99
|
-
const next = createTheme(info.palette, template);
|
|
100
|
-
setThemeInfo(next, {
|
|
101
|
-
definition: template,
|
|
102
|
-
palette: info.palette
|
|
103
|
-
});
|
|
104
|
-
return next;
|
|
105
|
-
}
|
|
106
|
-
export {
|
|
107
|
-
applyMask,
|
|
108
|
-
combineMasks,
|
|
109
|
-
createIdentityMask,
|
|
110
|
-
createInverseMask,
|
|
111
|
-
createMask,
|
|
112
|
-
createShiftMask,
|
|
113
|
-
createSoftenMask,
|
|
114
|
-
createStrengthenMask,
|
|
115
|
-
createWeakenMask,
|
|
116
|
-
skipMask
|
|
117
|
-
};
|
|
118
|
-
//# sourceMappingURL=masks.js.map
|
package/dist/esm/masks.js.map
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/masks.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,eAAe,yBAAyB;AACjD,SAAS,mBAAmB;AAC5B,SAAS,cAAc,oBAAoB;AAGpC,MAAM,aAAa,CACxBA,gBAEA,OAAOA,gBAAe,aAClB,EAAE,MAAMA,YAAW,QAAQ,WAAW,MAAMA,YAAW,IACvDA;AAEC,MAAM,eAAe,IAAI,UAAwB;AACtD,QAAM,OAAmB;AAAA,IACvB,MAAM;AAAA,IACN,MAAM,CAAC,UAAU,SAAS;AACxB,UAAI,UAAU;AACd,iBAAWC,SAAQ,OAAO;AACxB,kBAAU,UAAU,SAASA,OAAM,IAAI;AAAA,MACzC;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,WAAuB;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,CAAC,UAAU,EAAE,KAAK,MAAM;AAC5B,QAAI,CAAC;AAAM,aAAO;AAClB,WAAO,OAAO;AAAA,MACZ,OAAO,QAAQ,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,KAAK;AAAA,IACvD;AAAA,EACF;AACF;AAEO,MAAM,qBAAqB,OAAmB;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,CAAC,aAAa;AACtB;AAEO,MAAM,oBAAoB,MAAM;AACrC,QAAM,OAAmB;AAAA,IACvB,MAAM;AAAA,IACN,MAAM,CAAC,UAAU,SAAS;AACxB,YAAM,WAAW;AAAA,QACf,cAAc,QAAQ,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAAA,MACjD;AACA,aAAO,SAAS,KAAK,UAAU,IAAI;AAAA,IACrC;AAAA,EACF;AACA,SAAO;AACT;AAIO,MAAM,kBAAkB,CAC7B,EAAE,QAAQ,IAAsB,CAAC,GACjC,mBACG;AACH,QAAM,OAAmB;AAAA,IACvB,MAAM;AAAA,IACN,MAAM,CAAC,UAAU,SAAS;AACxB,YAAM;AAAA,QACJ;AAAA,QACA,KAAK;AAAA,QACL;AAAA,QACA,MAAM;AAAA,QACN,WAAW;AAAA,MACb,IAAI,EAAE,GAAG,gBAAgB,GAAG,KAAK;AACjC,YAAM,SAAS,OAAO,QAAQ,QAAQ;AACtC,YAAM,MAAM,UAAU,UAAU,OAAO,OAAO,OAAO,EAAE,SAAS,IAAI;AACpE,YAAM,MAAM,CAAC;AACb,iBAAW,CAAC,KAAK,KAAK,KAAK,QAAQ;AACjC,YAAI,OAAO,UAAU;AAAU;AAC/B,YAAI,QAAO,qCAAW,UAAS,UAAU;AACvC,gBAAM,gBAAgB,SAAS,GAAG;AAClC,cAAI,GAAG,IAAI,QAAQ;AACnB;AAAA,QACF;AACA,cAAM,aAAa,UAAU,IAAI,CAAC,YAAY,KAAK,IAAI,SAAS;AAChE,cAAM,YAAY,aAAa,IAAI;AACnC,cAAM,SAAS,UAAU,KAAK;AAC9B,cAAM,OAAO,QAAQ,WAAW,YAAY;AAC5C,cAAM,UAAU,aACZ,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,IAAI,CAAC,IACjC,KAAK,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC;AAEvC,YAAI,GAAG,IAAI;AAAA,MACb;AAEA,aAAO,SAAS,KAAK,KAAK,IAAI;AAAA,IAChC;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,mBAAmB,CAAC,oBAA8C;AAAA,EAC7E,MAAM;AAAA,EACN,MAAM,gBAAgB,CAAC,GAAG,cAAc,EAAE;AAC5C;AAEO,MAAM,mBAAmB;AAEzB,MAAM,uBAAuB,CAAC,oBAA8C;AAAA,EACjF,MAAM;AAAA,EACN,MAAM,gBAAgB,EAAE,SAAS,KAAK,GAAG,cAAc,EAAE;AAC3D;AAEO,SAAS,UACd,OACA,MACA,UAAuB,CAAC,GACjB;AACP,QAAM,OAAO,aAAa,KAAK;AAE/B,MAAI,CAAC,MAAM;AACT,UAAM,IAAI;AAAA,MACR,QAAQ,IAAI,aAAa,eACrB,+GACA;AAAA,IACN;AAAA,EACF;AAIA,QAAM,WAAW,KAAK,KAAK,KAAK,YAAY;AAAA,IAC1C,SAAS,KAAK;AAAA,IACd,GAAG;AAAA,EACL,CAAC;AAED,QAAM,OAAO,YAAY,KAAK,SAAS,QAAQ;AAE/C,eAAa,MAAM;AAAA,IACjB,YAAY;AAAA,IACZ,SAAS,KAAK;AAAA,EAChB,CAAC;AAED,SAAO;AACT;",
|
|
5
|
-
"names": ["createMask", "mask"]
|
|
6
|
-
}
|
package/dist/esm/palettes.js
DELETED
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { colorTokens } from "@tamagui/themes";
|
|
2
|
-
import { objectFromEntries, objectKeys } from "./helpers";
|
|
3
|
-
const palettes = (() => {
|
|
4
|
-
const lightTransparent = "rgba(255,255,255,0)";
|
|
5
|
-
const darkTransparent = "rgba(10,10,10,0)";
|
|
6
|
-
const transparent = (hsl, opacity = 0) => hsl.replace(`%)`, `%, ${opacity})`).replace(`hsl(`, `hsla(`);
|
|
7
|
-
const getColorPalette = (colors, color = colors[0]) => {
|
|
8
|
-
const colorPalette = Object.values(colors);
|
|
9
|
-
const [head, tail] = [
|
|
10
|
-
colorPalette.slice(0, 6),
|
|
11
|
-
colorPalette.slice(colorPalette.length - 5)
|
|
12
|
-
];
|
|
13
|
-
return [
|
|
14
|
-
transparent(colorPalette[0]),
|
|
15
|
-
...head,
|
|
16
|
-
...tail,
|
|
17
|
-
color,
|
|
18
|
-
transparent(colorPalette[colorPalette.length - 1])
|
|
19
|
-
];
|
|
20
|
-
};
|
|
21
|
-
const lightColor = "hsl(0, 0%, 9.0%)";
|
|
22
|
-
const lightPalette = [
|
|
23
|
-
lightTransparent,
|
|
24
|
-
"#fff",
|
|
25
|
-
"#f9f9f9",
|
|
26
|
-
"hsl(0, 0%, 97.3%)",
|
|
27
|
-
"hsl(0, 0%, 95.1%)",
|
|
28
|
-
"hsl(0, 0%, 94.0%)",
|
|
29
|
-
"hsl(0, 0%, 92.0%)",
|
|
30
|
-
"hsl(0, 0%, 89.5%)",
|
|
31
|
-
"hsl(0, 0%, 81.0%)",
|
|
32
|
-
"hsl(0, 0%, 56.1%)",
|
|
33
|
-
"hsl(0, 0%, 50.3%)",
|
|
34
|
-
"hsl(0, 0%, 42.5%)",
|
|
35
|
-
lightColor,
|
|
36
|
-
darkTransparent
|
|
37
|
-
];
|
|
38
|
-
const darkColor = "#fff";
|
|
39
|
-
const darkPalette = [
|
|
40
|
-
darkTransparent,
|
|
41
|
-
"#050505",
|
|
42
|
-
"#151515",
|
|
43
|
-
"#191919",
|
|
44
|
-
"#232323",
|
|
45
|
-
"#282828",
|
|
46
|
-
"#323232",
|
|
47
|
-
"#424242",
|
|
48
|
-
"#494949",
|
|
49
|
-
"#545454",
|
|
50
|
-
"#626262",
|
|
51
|
-
"#a5a5a5",
|
|
52
|
-
darkColor,
|
|
53
|
-
lightTransparent
|
|
54
|
-
];
|
|
55
|
-
const lightPalettes = objectFromEntries(
|
|
56
|
-
objectKeys(colorTokens.light).map(
|
|
57
|
-
(key) => [`light_${key}`, getColorPalette(colorTokens.light[key], lightColor)]
|
|
58
|
-
)
|
|
59
|
-
);
|
|
60
|
-
const darkPalettes = objectFromEntries(
|
|
61
|
-
objectKeys(colorTokens.dark).map(
|
|
62
|
-
(key) => [`dark_${key}`, getColorPalette(colorTokens.dark[key], darkColor)]
|
|
63
|
-
)
|
|
64
|
-
);
|
|
65
|
-
const colorPalettes = {
|
|
66
|
-
...lightPalettes,
|
|
67
|
-
...darkPalettes
|
|
68
|
-
};
|
|
69
|
-
return {
|
|
70
|
-
light: lightPalette,
|
|
71
|
-
dark: darkPalette,
|
|
72
|
-
...colorPalettes
|
|
73
|
-
};
|
|
74
|
-
})();
|
|
75
|
-
export {
|
|
76
|
-
palettes
|
|
77
|
-
};
|
|
78
|
-
//# sourceMappingURL=palettes.js.map
|
package/dist/esm/palettes.js.map
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/palettes.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,mBAAmB,kBAAkB;AAEvC,MAAM,YAAY,MAAM;AAC7B,QAAM,mBAAmB;AACzB,QAAM,kBAAkB;AAExB,QAAM,cAAc,CAAC,KAAa,UAAU,MAC1C,IAAI,QAAQ,MAAM,MAAM,UAAU,EAAE,QAAQ,QAAQ,OAAO;AAE7D,QAAM,kBAAkB,CAAC,QAAgB,QAAQ,OAAO,CAAC,MAAgB;AACvE,UAAM,eAAe,OAAO,OAAO,MAAM;AAGzC,UAAM,CAAC,MAAM,IAAI,IAAI;AAAA,MACnB,aAAa,MAAM,GAAG,CAAC;AAAA,MACvB,aAAa,MAAM,aAAa,SAAS,CAAC;AAAA,IAC5C;AAKA,WAAO;AAAA,MACL,YAAY,aAAa,CAAC,CAAC;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,YAAY,aAAa,aAAa,SAAS,CAAC,CAAC;AAAA,IACnD;AAAA,EACF;AAEA,QAAM,aAAa;AACnB,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,YAAY;AAClB,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,gBAAgB;AAAA,IACpB,WAAW,YAAY,KAAK,EAAE;AAAA,MAC5B,CAAC,QACC,CAAC,SAAS,OAAO,gBAAgB,YAAY,MAAM,GAAG,GAAG,UAAU,CAAC;AAAA,IACxE;AAAA,EACF;AAEA,QAAM,eAAe;AAAA,IACnB,WAAW,YAAY,IAAI,EAAE;AAAA,MAC3B,CAAC,QAAQ,CAAC,QAAQ,OAAO,gBAAgB,YAAY,KAAK,GAAG,GAAG,SAAS,CAAC;AAAA,IAC5E;AAAA,EACF;AAEA,QAAM,gBAAgB;AAAA,IACpB,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,GAAG;AAAA,EACL;AACF,GAAG;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/esm/templates.js
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
const templates = (() => {
|
|
2
|
-
const templateColors = {
|
|
3
|
-
color1: 1,
|
|
4
|
-
color2: 2,
|
|
5
|
-
color3: 3,
|
|
6
|
-
color4: 4,
|
|
7
|
-
color5: 5,
|
|
8
|
-
color6: 6,
|
|
9
|
-
color7: 7,
|
|
10
|
-
color8: 8,
|
|
11
|
-
color9: 9,
|
|
12
|
-
color10: 10,
|
|
13
|
-
color11: 11,
|
|
14
|
-
color12: 12
|
|
15
|
-
};
|
|
16
|
-
const templateShadows = {
|
|
17
|
-
shadowColor: 1,
|
|
18
|
-
shadowColorHover: 1,
|
|
19
|
-
shadowColorPress: 2,
|
|
20
|
-
shadowColorFocus: 2
|
|
21
|
-
};
|
|
22
|
-
const toSkip = {
|
|
23
|
-
...templateShadows
|
|
24
|
-
};
|
|
25
|
-
const template = {
|
|
26
|
-
...templateColors,
|
|
27
|
-
...toSkip,
|
|
28
|
-
// the background, color, etc keys here work like generics - they make it so you
|
|
29
|
-
// can publish components for others to use without mandating a specific color scale
|
|
30
|
-
// the @tamagui/button Button component looks for `$background`, so you set the
|
|
31
|
-
// dark_red_Button theme to have a stronger background than the dark_red theme.
|
|
32
|
-
background: 2,
|
|
33
|
-
backgroundHover: 3,
|
|
34
|
-
backgroundPress: 4,
|
|
35
|
-
backgroundFocus: 5,
|
|
36
|
-
backgroundStrong: 1,
|
|
37
|
-
backgroundTransparent: 0,
|
|
38
|
-
color: -1,
|
|
39
|
-
colorHover: -2,
|
|
40
|
-
colorPress: -1,
|
|
41
|
-
colorFocus: -2,
|
|
42
|
-
colorTransparent: -0,
|
|
43
|
-
borderColor: 4,
|
|
44
|
-
borderColorHover: 5,
|
|
45
|
-
borderColorPress: 3,
|
|
46
|
-
borderColorFocus: 4,
|
|
47
|
-
placeholderColor: -4
|
|
48
|
-
};
|
|
49
|
-
const baseTemplate = {
|
|
50
|
-
...template,
|
|
51
|
-
// our light color palette is... a bit unique
|
|
52
|
-
borderColor: 6,
|
|
53
|
-
borderColorHover: 7,
|
|
54
|
-
borderColorFocus: 5,
|
|
55
|
-
borderColorPress: 6
|
|
56
|
-
};
|
|
57
|
-
return {
|
|
58
|
-
base: baseTemplate,
|
|
59
|
-
colorLight: {
|
|
60
|
-
...baseTemplate,
|
|
61
|
-
// light color themes are a bit less sensitive
|
|
62
|
-
borderColor: 4,
|
|
63
|
-
borderColorHover: 5,
|
|
64
|
-
borderColorFocus: 4,
|
|
65
|
-
borderColorPress: 4
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
})();
|
|
69
|
-
export {
|
|
70
|
-
templates
|
|
71
|
-
};
|
|
72
|
-
//# sourceMappingURL=templates.js.map
|