@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,71 +1,93 @@
|
|
|
1
1
|
import { applyMask, createMask, createThemeWithPalettes, objectEntries, objectFromEntries } from "@tamagui/create-theme";
|
|
2
2
|
function _class_call_check(instance, Constructor) {
|
|
3
|
-
if (!(instance instanceof Constructor))
|
|
3
|
+
if (!(instance instanceof Constructor)) {
|
|
4
|
+
throw new TypeError("Cannot call a class as a function");
|
|
5
|
+
}
|
|
4
6
|
}
|
|
5
7
|
function _defineProperties(target, props) {
|
|
6
8
|
for (var i = 0; i < props.length; i++) {
|
|
7
9
|
var descriptor = props[i];
|
|
8
|
-
descriptor.enumerable = descriptor.enumerable ||
|
|
10
|
+
descriptor.enumerable = descriptor.enumerable || false;
|
|
11
|
+
descriptor.configurable = true;
|
|
12
|
+
if ("value" in descriptor) descriptor.writable = true;
|
|
13
|
+
Object.defineProperty(target, descriptor.key, descriptor);
|
|
9
14
|
}
|
|
10
15
|
}
|
|
11
16
|
function _create_class(Constructor, protoProps, staticProps) {
|
|
12
|
-
|
|
17
|
+
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
18
|
+
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
19
|
+
return Constructor;
|
|
13
20
|
}
|
|
14
21
|
function _define_property(obj, key, value) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
22
|
+
if (key in obj) {
|
|
23
|
+
Object.defineProperty(obj, key, {
|
|
24
|
+
value,
|
|
25
|
+
enumerable: true,
|
|
26
|
+
configurable: true,
|
|
27
|
+
writable: true
|
|
28
|
+
});
|
|
29
|
+
} else {
|
|
30
|
+
obj[key] = value;
|
|
31
|
+
}
|
|
32
|
+
return obj;
|
|
21
33
|
}
|
|
22
34
|
var ThemeBuilder = /* @__PURE__ */function () {
|
|
23
35
|
"use strict";
|
|
24
36
|
|
|
25
37
|
function ThemeBuilder2(state) {
|
|
26
|
-
_class_call_check(this, ThemeBuilder2)
|
|
38
|
+
_class_call_check(this, ThemeBuilder2);
|
|
39
|
+
_define_property(this, "state", void 0);
|
|
40
|
+
_define_property(this, "_getThemeFn", void 0);
|
|
41
|
+
_define_property(this, "_addedThemes", void 0);
|
|
42
|
+
this.state = state;
|
|
43
|
+
this._addedThemes = [];
|
|
27
44
|
}
|
|
28
|
-
|
|
45
|
+
_create_class(ThemeBuilder2, [{
|
|
29
46
|
key: "addPalettes",
|
|
30
|
-
value: function (palettes) {
|
|
31
|
-
|
|
47
|
+
value: function addPalettes(palettes) {
|
|
48
|
+
this.state.palettes = {
|
|
32
49
|
// as {} prevents generic string key merge messing up types
|
|
33
50
|
...this.state.palettes,
|
|
34
51
|
...palettes
|
|
35
|
-
}
|
|
52
|
+
};
|
|
53
|
+
return this;
|
|
36
54
|
}
|
|
37
55
|
}, {
|
|
38
56
|
key: "addTemplates",
|
|
39
|
-
value: function (templates) {
|
|
40
|
-
|
|
57
|
+
value: function addTemplates(templates) {
|
|
58
|
+
this.state.templates = {
|
|
41
59
|
// as {} prevents generic string key merge messing up types
|
|
42
60
|
...this.state.templates,
|
|
43
61
|
...templates
|
|
44
|
-
}
|
|
62
|
+
};
|
|
63
|
+
return this;
|
|
45
64
|
}
|
|
46
65
|
}, {
|
|
47
66
|
key: "addMasks",
|
|
48
|
-
value: function (masks) {
|
|
49
|
-
|
|
67
|
+
value: function addMasks(masks) {
|
|
68
|
+
this.state.masks = {
|
|
50
69
|
// as {} prevents generic string key merge messing up types
|
|
51
70
|
...this.state.masks,
|
|
52
71
|
...objectFromEntries(objectEntries(masks).map(function (param) {
|
|
53
72
|
var [key, val] = param;
|
|
54
73
|
return [key, createMask(val)];
|
|
55
74
|
}))
|
|
56
|
-
}
|
|
75
|
+
};
|
|
76
|
+
return this;
|
|
57
77
|
}
|
|
58
78
|
}, {
|
|
59
79
|
key: "addThemes",
|
|
60
|
-
value: function (themes) {
|
|
61
|
-
|
|
80
|
+
value: function addThemes(themes) {
|
|
81
|
+
this._addedThemes.push({
|
|
62
82
|
type: "themes",
|
|
63
83
|
args: [themes]
|
|
64
|
-
})
|
|
84
|
+
});
|
|
85
|
+
this.state.themes = {
|
|
65
86
|
// as {} prevents generic string key merge messing up types
|
|
66
87
|
...this.state.themes,
|
|
67
88
|
...themes
|
|
68
|
-
}
|
|
89
|
+
};
|
|
90
|
+
return this;
|
|
69
91
|
}
|
|
70
92
|
}, {
|
|
71
93
|
// lets infer template themes directly onto here to avoid some type nesting issues later one
|
|
@@ -74,94 +96,135 @@ var ThemeBuilder = /* @__PURE__ */function () {
|
|
|
74
96
|
// } & State['themes']
|
|
75
97
|
// these wont be typed to save some complexity and because they don't need to be typed!
|
|
76
98
|
key: "addComponentThemes",
|
|
77
|
-
value: function (childThemeDefinition, options) {
|
|
78
|
-
|
|
99
|
+
value: function addComponentThemes(childThemeDefinition, options) {
|
|
100
|
+
void this.addChildThemes(childThemeDefinition, options);
|
|
101
|
+
return this;
|
|
79
102
|
}
|
|
80
103
|
}, {
|
|
81
104
|
key: "addChildThemes",
|
|
82
|
-
value: function (childThemeDefinition, options) {
|
|
105
|
+
value: function addChildThemes(childThemeDefinition, options) {
|
|
83
106
|
var currentThemes = this.state.themes;
|
|
84
|
-
if (!currentThemes)
|
|
107
|
+
if (!currentThemes) {
|
|
108
|
+
throw new Error(`No themes defined yet, use addThemes first to set your base themes`);
|
|
109
|
+
}
|
|
85
110
|
this._addedThemes.push({
|
|
86
111
|
type: "childThemes",
|
|
87
112
|
args: [childThemeDefinition, options]
|
|
88
113
|
});
|
|
89
|
-
var currentThemeNames = Object.keys(currentThemes)
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
114
|
+
var currentThemeNames = Object.keys(currentThemes);
|
|
115
|
+
var incomingThemeNames = Object.keys(childThemeDefinition);
|
|
116
|
+
var namesWithDefinitions = currentThemeNames.flatMap(function (prefix) {
|
|
117
|
+
var avoidNestingWithin = options === null || options === void 0 ? void 0 : options.avoidNestingWithin;
|
|
118
|
+
if (avoidNestingWithin) {
|
|
119
|
+
if (avoidNestingWithin.some(function (avoidName) {
|
|
94
120
|
return prefix.startsWith(avoidName) || prefix.endsWith(avoidName);
|
|
95
|
-
})
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
121
|
+
})) {
|
|
122
|
+
return [];
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
return incomingThemeNames.map(function (subName) {
|
|
126
|
+
var fullName = `${prefix}_${subName}`;
|
|
127
|
+
var definition = childThemeDefinition[subName];
|
|
128
|
+
if ("avoidNestingWithin" in definition) {
|
|
129
|
+
var avoidNest = definition.avoidNestingWithin;
|
|
130
|
+
if (avoidNest.some(function (name) {
|
|
131
|
+
if ((name === "light" || name === "dark") && prefix.includes("_")) {
|
|
132
|
+
return false;
|
|
133
|
+
}
|
|
134
|
+
return prefix.startsWith(name) || prefix.endsWith(name);
|
|
135
|
+
})) {
|
|
136
|
+
return null;
|
|
103
137
|
}
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
};
|
|
113
|
-
|
|
138
|
+
}
|
|
139
|
+
if (prefix.endsWith(`_${subName}`)) {
|
|
140
|
+
return null;
|
|
141
|
+
}
|
|
142
|
+
if (fullName in currentThemes) {
|
|
143
|
+
return null;
|
|
144
|
+
}
|
|
145
|
+
return [fullName, definition];
|
|
146
|
+
}).filter(Boolean);
|
|
147
|
+
});
|
|
148
|
+
var childThemes = Object.fromEntries(namesWithDefinitions);
|
|
149
|
+
var next = {
|
|
150
|
+
// as {} prevents generic string key merge messing up types
|
|
151
|
+
...this.state.themes,
|
|
152
|
+
...childThemes
|
|
153
|
+
};
|
|
154
|
+
this.state.themes = next;
|
|
155
|
+
return this;
|
|
114
156
|
}
|
|
115
157
|
}, {
|
|
116
158
|
key: "getTheme",
|
|
117
|
-
value: function (fn) {
|
|
118
|
-
|
|
159
|
+
value: function getTheme(fn) {
|
|
160
|
+
this._getThemeFn = fn;
|
|
161
|
+
return this;
|
|
119
162
|
}
|
|
120
163
|
}, {
|
|
121
164
|
key: "build",
|
|
122
|
-
value: function () {
|
|
165
|
+
value: function build() {
|
|
123
166
|
var _this,
|
|
124
167
|
_loop = function (themeName2) {
|
|
125
|
-
var nameParts = themeName2.split("_")
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
168
|
+
var nameParts = themeName2.split("_");
|
|
169
|
+
var parentName2 = nameParts.slice(0, nameParts.length - 1).join("_");
|
|
170
|
+
var definitions = _this.state.themes[themeName2];
|
|
171
|
+
var themeDefinition = Array.isArray(definitions) ? function () {
|
|
172
|
+
var found = definitions.find(
|
|
173
|
+
// endWith match stronger than startsWith
|
|
174
|
+
function (d) {
|
|
175
|
+
return d.parent ? parentName2.endsWith(d.parent) || parentName2.startsWith(d.parent) : true;
|
|
176
|
+
});
|
|
177
|
+
if (!found) {
|
|
178
|
+
return null;
|
|
179
|
+
}
|
|
180
|
+
return found;
|
|
181
|
+
}() : definitions;
|
|
182
|
+
if (!themeDefinition) {
|
|
183
|
+
return "continue";
|
|
184
|
+
}
|
|
185
|
+
if ("theme" in themeDefinition) {
|
|
186
|
+
out[themeName2] = themeDefinition.theme;
|
|
187
|
+
} else if ("mask" in themeDefinition) {
|
|
188
|
+
maskedThemes.push({
|
|
189
|
+
parentName: parentName2,
|
|
190
|
+
themeName: themeName2,
|
|
191
|
+
mask: themeDefinition
|
|
192
|
+
});
|
|
193
|
+
} else {
|
|
194
|
+
var _this_state_templates, _this_state_templates1;
|
|
195
|
+
var {
|
|
196
|
+
palette: paletteName = "",
|
|
197
|
+
template: templateName,
|
|
198
|
+
...options2
|
|
199
|
+
} = themeDefinition;
|
|
200
|
+
var parentDefinition = _this.state.themes[parentName2];
|
|
201
|
+
if (!_this.state.palettes) {
|
|
202
|
+
throw new Error(`No palettes defined for theme with palette expected: ${themeName2}`);
|
|
203
|
+
}
|
|
204
|
+
var palette = _this.state.palettes[paletteName || ""];
|
|
205
|
+
var attemptParentName = `${parentName2}_${paletteName}`;
|
|
206
|
+
while (!palette && attemptParentName) {
|
|
207
|
+
if (attemptParentName in _this.state.palettes) {
|
|
208
|
+
palette = _this.state.palettes[attemptParentName];
|
|
209
|
+
paletteName = attemptParentName;
|
|
210
|
+
} else {
|
|
211
|
+
attemptParentName = attemptParentName.split("_").slice(0, -1).join("_");
|
|
212
|
+
}
|
|
213
|
+
}
|
|
152
214
|
if (!palette) {
|
|
153
215
|
var msg = process.env.NODE_ENV !== "production" ? `: ${themeName2}: ${paletteName}
|
|
154
216
|
Definition: ${JSON.stringify(themeDefinition)}
|
|
155
217
|
Parent: ${JSON.stringify(parentDefinition)}
|
|
156
|
-
Potential: (${Object.keys(_this.state.palettes).join(", ")})` :
|
|
218
|
+
Potential: (${Object.keys(_this.state.palettes).join(", ")})` : ``;
|
|
157
219
|
throw new Error(`No palette for theme${msg}`);
|
|
158
220
|
}
|
|
159
|
-
var _this_state_templates_templateName
|
|
160
|
-
|
|
161
|
-
if (!template)
|
|
162
|
-
|
|
163
|
-
-
|
|
164
|
-
|
|
221
|
+
var _this_state_templates_templateName;
|
|
222
|
+
var template = (_this_state_templates_templateName = (_this_state_templates = _this.state.templates) === null || _this_state_templates === void 0 ? void 0 : _this_state_templates[templateName]) !== null && _this_state_templates_templateName !== void 0 ? _this_state_templates_templateName : (_this_state_templates1 = _this.state.templates) === null || _this_state_templates1 === void 0 ? void 0 : _this_state_templates1[`${nameParts[0]}_${templateName}`];
|
|
223
|
+
if (!template) {
|
|
224
|
+
throw new Error(`No template for theme ${themeName2}: ${templateName} in templates:
|
|
225
|
+
- ${Object.keys(_this.state.templates || {}).join("\n - ")}`);
|
|
226
|
+
}
|
|
227
|
+
var theme = createThemeWithPalettes(_this.state.palettes, paletteName, template, options2, themeName2, true);
|
|
165
228
|
out[themeName2] = _this._getThemeFn ? {
|
|
166
229
|
...theme,
|
|
167
230
|
..._this._getThemeFn({
|
|
@@ -177,56 +240,67 @@ var ThemeBuilder = /* @__PURE__ */function () {
|
|
|
177
240
|
} : theme;
|
|
178
241
|
}
|
|
179
242
|
};
|
|
180
|
-
if (!this.state.themes)
|
|
181
|
-
|
|
182
|
-
|
|
243
|
+
if (!this.state.themes) {
|
|
244
|
+
return {};
|
|
245
|
+
}
|
|
246
|
+
var out = {};
|
|
247
|
+
var maskedThemes = [];
|
|
183
248
|
for (var themeName in this.state.themes) _this = this, _loop(themeName);
|
|
184
|
-
var _iteratorNormalCompletion =
|
|
185
|
-
_didIteratorError =
|
|
249
|
+
var _iteratorNormalCompletion = true,
|
|
250
|
+
_didIteratorError = false,
|
|
186
251
|
_iteratorError = void 0;
|
|
187
252
|
try {
|
|
188
|
-
for (var _iterator = maskedThemes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion =
|
|
253
|
+
for (var _iterator = maskedThemes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
254
|
+
var {
|
|
255
|
+
mask,
|
|
256
|
+
themeName: themeName1,
|
|
257
|
+
parentName
|
|
258
|
+
} = _step.value;
|
|
259
|
+
var _this_state_masks;
|
|
260
|
+
var parent = out[parentName];
|
|
261
|
+
if (!parent) {
|
|
262
|
+
continue;
|
|
263
|
+
}
|
|
189
264
|
var {
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
265
|
+
mask: maskName,
|
|
266
|
+
...options
|
|
267
|
+
} = mask;
|
|
268
|
+
var maskFunction = (_this_state_masks = this.state.masks) === null || _this_state_masks === void 0 ? void 0 : _this_state_masks[maskName];
|
|
269
|
+
if (!maskFunction) {
|
|
270
|
+
throw new Error(`No mask ${maskName}`);
|
|
271
|
+
}
|
|
272
|
+
var parentTheme = this.state.themes[parentName];
|
|
273
|
+
if (parentTheme && "childOptions" in parentTheme) {
|
|
197
274
|
var {
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
if (parentTheme && "childOptions" in parentTheme) {
|
|
205
|
-
var {
|
|
206
|
-
mask: mask1,
|
|
207
|
-
...childOpts
|
|
208
|
-
} = parentTheme.childOptions;
|
|
209
|
-
if (mask1) {
|
|
210
|
-
var _this_state_masks1;
|
|
211
|
-
maskFunction = (_this_state_masks1 = this.state.masks) === null || _this_state_masks1 === void 0 ? void 0 : _this_state_masks1[mask1];
|
|
212
|
-
}
|
|
213
|
-
Object.assign(options, childOpts);
|
|
275
|
+
mask: mask1,
|
|
276
|
+
...childOpts
|
|
277
|
+
} = parentTheme.childOptions;
|
|
278
|
+
if (mask1) {
|
|
279
|
+
var _this_state_masks1;
|
|
280
|
+
maskFunction = (_this_state_masks1 = this.state.masks) === null || _this_state_masks1 === void 0 ? void 0 : _this_state_masks1[mask1];
|
|
214
281
|
}
|
|
215
|
-
|
|
282
|
+
Object.assign(options, childOpts);
|
|
216
283
|
}
|
|
284
|
+
out[themeName1] = applyMask(parent, maskFunction, options, parentName, themeName1);
|
|
217
285
|
}
|
|
218
286
|
} catch (err) {
|
|
219
|
-
_didIteratorError =
|
|
287
|
+
_didIteratorError = true;
|
|
288
|
+
_iteratorError = err;
|
|
220
289
|
} finally {
|
|
221
290
|
try {
|
|
222
|
-
!_iteratorNormalCompletion && _iterator.return != null
|
|
291
|
+
if (!_iteratorNormalCompletion && _iterator.return != null) {
|
|
292
|
+
_iterator.return();
|
|
293
|
+
}
|
|
223
294
|
} finally {
|
|
224
|
-
if (_didIteratorError)
|
|
295
|
+
if (_didIteratorError) {
|
|
296
|
+
throw _iteratorError;
|
|
297
|
+
}
|
|
225
298
|
}
|
|
226
299
|
}
|
|
227
300
|
return out;
|
|
228
301
|
}
|
|
229
|
-
}])
|
|
302
|
+
}]);
|
|
303
|
+
return ThemeBuilder2;
|
|
230
304
|
}();
|
|
231
305
|
function createThemeBuilder() {
|
|
232
306
|
return new ThemeBuilder({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["applyMask","createMask","createThemeWithPalettes","objectEntries","objectFromEntries","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj","value","ThemeBuilder","ThemeBuilder2","state","_addedThemes","palettes","templates","masks","map","param","val","themes","push","type","args","childThemeDefinition","options","addChildThemes","currentThemes","Error","currentThemeNames","keys","incomingThemeNames","namesWithDefinitions","flatMap","prefix","avoidNestingWithin","some","avoidName","startsWith","endsWith","subName","fullName","definition","avoidNest","name","includes","filter","Boolean","childThemes","fromEntries","next","fn","_getThemeFn","_this","_loop","themeName2","nameParts","split","parentName2","slice","join","definitions","themeDefinition","Array","isArray","found","find","d","parent","out","theme","maskedThemes","parentName","themeName","mask","_this_state_templates","_this_state_templates1","palette","paletteName","template","templateName","options2","parentDefinition","attemptParentName"
|
|
1
|
+
{"version":3,"names":["applyMask","createMask","createThemeWithPalettes","objectEntries","objectFromEntries","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj","value","ThemeBuilder","ThemeBuilder2","state","_addedThemes","addPalettes","palettes","addTemplates","templates","addMasks","masks","map","param","val","addThemes","themes","push","type","args","addComponentThemes","childThemeDefinition","options","addChildThemes","currentThemes","Error","currentThemeNames","keys","incomingThemeNames","namesWithDefinitions","flatMap","prefix","avoidNestingWithin","some","avoidName","startsWith","endsWith","subName","fullName","definition","avoidNest","name","includes","filter","Boolean","childThemes","fromEntries","next","getTheme","fn","_getThemeFn","build","_this","_loop","themeName2","nameParts","split","parentName2","slice","join","definitions","themeDefinition","Array","isArray","found","find","d","parent","out","theme","maskedThemes","parentName","themeName","mask","_this_state_templates","_this_state_templates1","palette","paletteName","template","templateName","options2","parentDefinition","attemptParentName"],"sources":["../../src/ThemeBuilder.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -4,8 +4,8 @@ import { defaultTemplates } from "./defaultTemplates.mjs";
|
|
|
4
4
|
import { defaultTemplatesStronger } from "./defaultTemplatesStronger.mjs";
|
|
5
5
|
import { defaultTemplatesStrongest } from "./defaultTemplatesStrongest.mjs";
|
|
6
6
|
function createStudioThemes(props) {
|
|
7
|
-
const palettes = createPalettes(props.palettes)
|
|
8
|
-
|
|
7
|
+
const palettes = createPalettes(props.palettes);
|
|
8
|
+
const templates = props.templateStrategy === "stronger" ? defaultTemplatesStronger : props.templateStrategy === "strongest" ? defaultTemplatesStrongest : defaultTemplates;
|
|
9
9
|
return createSimpleThemeBuilder({
|
|
10
10
|
palettes,
|
|
11
11
|
templates,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createPalettes","createSimpleThemeBuilder","defaultComponentThemes","defaultTemplates","defaultTemplatesStronger","defaultTemplatesStrongest","createStudioThemes","props","palettes","templates","templateStrategy","componentThemes","accentTheme","accent"],"sources":["../../src/createStudioThemes.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,EAAgBC,wBAAA,QAAgC;AACzD,SAASC,sBAAA,QAA8B;AACvC,SAASC,gBAAA,QAAwB;AACjC,SAASC,wBAAA,QAAgC;AACzC,SAASC,yBAAA,QAAiC;AAOnC,SAASC,mBAAmBC,KAAA,EAA6B;EAC9D,MAAMC,QAAA,GAAWR,cAAA,CAAeO,KAAA,CAAMC,QAAQ;
|
|
1
|
+
{"version":3,"names":["createPalettes","createSimpleThemeBuilder","defaultComponentThemes","defaultTemplates","defaultTemplatesStronger","defaultTemplatesStrongest","createStudioThemes","props","palettes","templates","templateStrategy","componentThemes","accentTheme","accent"],"sources":["../../src/createStudioThemes.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,EAAgBC,wBAAA,QAAgC;AACzD,SAASC,sBAAA,QAA8B;AACvC,SAASC,gBAAA,QAAwB;AACjC,SAASC,wBAAA,QAAgC;AACzC,SAASC,yBAAA,QAAiC;AAOnC,SAASC,mBAAmBC,KAAA,EAA6B;EAC9D,MAAMC,QAAA,GAAWR,cAAA,CAAeO,KAAA,CAAMC,QAAQ;EAE9C,MAAMC,SAAA,GACJF,KAAA,CAAMG,gBAAA,KAAqB,aACvBN,wBAAA,GACAG,KAAA,CAAMG,gBAAA,KAAqB,cACzBL,yBAAA,GACAF,gBAAA;EAER,OAAOF,wBAAA,CAAyB;IAC9BO,QAAA;IACAC,SAAA;IACAE,eAAA,EAAiBT,sBAAA;IACjBU,WAAA,EAAa,CAAC,CAACL,KAAA,CAAMC,QAAA,CAASK;EAChC,CAAC;AACH","ignoreList":[]}
|
|
@@ -4,8 +4,8 @@ import { defaultTemplates } from "./defaultTemplates.native.js";
|
|
|
4
4
|
import { defaultTemplatesStronger } from "./defaultTemplatesStronger.native.js";
|
|
5
5
|
import { defaultTemplatesStrongest } from "./defaultTemplatesStrongest.native.js";
|
|
6
6
|
function createStudioThemes(props) {
|
|
7
|
-
var palettes = createPalettes(props.palettes)
|
|
8
|
-
|
|
7
|
+
var palettes = createPalettes(props.palettes);
|
|
8
|
+
var templates = props.templateStrategy === "stronger" ? defaultTemplatesStronger : props.templateStrategy === "strongest" ? defaultTemplatesStrongest : defaultTemplates;
|
|
9
9
|
return createSimpleThemeBuilder({
|
|
10
10
|
palettes,
|
|
11
11
|
templates,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createPalettes","createSimpleThemeBuilder","defaultComponentThemes","defaultTemplates","defaultTemplatesStronger","defaultTemplatesStrongest","createStudioThemes","props","palettes","templates","templateStrategy","componentThemes","accentTheme","accent"],"sources":["../../src/createStudioThemes.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,EAAgBC,wBAAA,QAAgC;AACzD,SAASC,sBAAA,QAA8B;AACvC,SAASC,gBAAA,QAAwB;AACjC,SAASC,wBAAA,QAAgC;AACzC,SAASC,yBAAA,QAAiC;AAOnC,SAASC,mBAAmBC,KAAA,EAA6B;EAC9D,IAAAC,QAAM,GAAAR,cAAW,CAAAO,KAAe,CAAAC,QAAM;
|
|
1
|
+
{"version":3,"names":["createPalettes","createSimpleThemeBuilder","defaultComponentThemes","defaultTemplates","defaultTemplatesStronger","defaultTemplatesStrongest","createStudioThemes","props","palettes","templates","templateStrategy","componentThemes","accentTheme","accent"],"sources":["../../src/createStudioThemes.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,EAAgBC,wBAAA,QAAgC;AACzD,SAASC,sBAAA,QAA8B;AACvC,SAASC,gBAAA,QAAwB;AACjC,SAASC,wBAAA,QAAgC;AACzC,SAASC,yBAAA,QAAiC;AAOnC,SAASC,mBAAmBC,KAAA,EAA6B;EAC9D,IAAAC,QAAM,GAAAR,cAAW,CAAAO,KAAe,CAAAC,QAAM;EAEtC,IAAAC,SAAM,GAAAF,KACJ,CAAAG,gBAAM,eAAqB,GAAAN,wBACvB,GAAAG,KACA,CAAAG,gBAAM,gBAAqB,GAAAL,yBACzB,GAAAF,gBACA;EAER,OAAOF,wBAAA,CAAyB;IAC9BO,QAAA;IACAC,SAAA;IACAE,eAAA,EAAiBT,sBAAA;IACjBU,WAAA,EAAa,CAAC,CAACL,KAAA,CAAMC,QAAA,CAASK;EAChC,CAAC;AACH","ignoreList":[]}
|