@a_ng_d/utils-ui-color-palette 1.5.12 → 1.5.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.
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
var N = Object.defineProperty;
|
|
2
|
-
var w = (m,
|
|
3
|
-
var k = (m,
|
|
2
|
+
var w = (m, l, n) => l in m ? N(m, l, { enumerable: !0, configurable: !0, writable: !0, value: n }) : m[l] = n;
|
|
3
|
+
var k = (m, l, n) => w(m, typeof l != "symbol" ? l + "" : l, n);
|
|
4
4
|
import { C as x, H as M } from "../../color-1CXTuV84.js";
|
|
5
5
|
import { c as u } from "../../index-Beb8qoyd.js";
|
|
6
6
|
const S = (m) => {
|
|
7
|
-
const
|
|
7
|
+
const l = m.themes.filter((a) => a.type === "custom theme").length === 0 ? m.themes.filter((a) => a.type === "default theme") : m.themes.filter((a) => a.type === "custom theme"), n = {}, t = (a) => (isNaN(a.hsl[0]) && (a.hsl[0] = 0), isNaN(a.lch[2]) && (a.lch[2] = 0), isNaN(a.oklch[2]) && (a.oklch[2] = 0), {
|
|
8
8
|
rgb: {
|
|
9
9
|
r: Math.floor(a.rgb[0]),
|
|
10
10
|
g: Math.floor(a.rgb[1]),
|
|
@@ -94,7 +94,7 @@ const S = (m) => {
|
|
|
94
94
|
description: a.description,
|
|
95
95
|
type: "color shade/tint"
|
|
96
96
|
});
|
|
97
|
-
return
|
|
97
|
+
return l[0].type === "custom theme" ? l.forEach((a) => {
|
|
98
98
|
n[a.name] = {}, a.colors.forEach((e) => {
|
|
99
99
|
const o = e.shades.find(
|
|
100
100
|
(c) => c.type === "source color"
|
|
@@ -103,7 +103,7 @@ const S = (m) => {
|
|
|
103
103
|
c && o && (n[a.name][e.name][c.name] = c.isTransparent ? i(c, o) : t(c));
|
|
104
104
|
}), n[a.name][e.name].description = e.description, n[a.name][e.name].type = "color";
|
|
105
105
|
}), n[a.name].description = a.description, n[a.name].type = "color mode";
|
|
106
|
-
}) :
|
|
106
|
+
}) : l.forEach((a) => {
|
|
107
107
|
a.colors.forEach((e) => {
|
|
108
108
|
const o = e.shades.find(
|
|
109
109
|
(c) => c.type === "source color"
|
|
@@ -114,15 +114,15 @@ const S = (m) => {
|
|
|
114
114
|
});
|
|
115
115
|
}), n.description = m.description, n.type = "color palette", JSON.stringify(n, null, " ");
|
|
116
116
|
};
|
|
117
|
-
var v = Object.defineProperty, T = (m,
|
|
117
|
+
var v = Object.defineProperty, T = (m, l, n) => l in m ? v(m, l, { enumerable: !0, configurable: !0, writable: !0, value: n }) : m[l] = n, y = (m, l, n) => T(m, typeof l != "symbol" ? l + "" : l, n);
|
|
118
118
|
class b {
|
|
119
|
-
constructor(
|
|
120
|
-
y(this, "string"), y(this, "doSnakeCase", () => this.string.toLowerCase().split(" ").join("_").replace(/[@/$^%#&!?.,;:+=<>(){}"«»]/g, "")), y(this, "doPascalCase", () => this.string.charAt(0).toUpperCase() + this.string.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (n) => n.toUpperCase()).replace(/[@/$^%#&!?.,;:+=<>(){}"«» ]/g, "").slice(1)), y(this, "doKebabCase", () => this.string.toLowerCase().split(" ").join("-").replace(/[@/$^%#&!?.,;:+=<>(){}"«»]/g, "")), y(this, "doCamelCase", () => this.string.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (n) => n.toUpperCase()).replace(/[@/$^%#&!?.,;:+=<>(){}"«» ]/g, "")), this.string =
|
|
119
|
+
constructor(l) {
|
|
120
|
+
y(this, "string"), y(this, "doSnakeCase", () => this.string.toLowerCase().split(" ").join("_").replace(/[@/$^%#&!?.,;:+=<>(){}"«»]/g, "")), y(this, "doPascalCase", () => this.string.charAt(0).toUpperCase() + this.string.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (n) => n.toUpperCase()).replace(/[@/$^%#&!?.,;:+=<>(){}"«» ]/g, "").slice(1)), y(this, "doKebabCase", () => this.string.toLowerCase().split(" ").join("-").replace(/[@/$^%#&!?.,;:+=<>(){}"«»]/g, "")), y(this, "doCamelCase", () => this.string.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (n) => n.toUpperCase()).replace(/[@/$^%#&!?.,;:+=<>(){}"«» ]/g, "")), this.string = l;
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
123
|
const L = (m) => {
|
|
124
|
-
const
|
|
125
|
-
return
|
|
124
|
+
const l = m.themes.filter((t) => t.type === "custom theme").length === 0 ? m.themes.filter((t) => t.type === "default theme") : m.themes.filter((t) => t.type === "custom theme"), n = [];
|
|
125
|
+
return l.forEach((t) => {
|
|
126
126
|
const i = [];
|
|
127
127
|
t.colors.forEach((a) => {
|
|
128
128
|
const e = a.shades.find((o) => o.type === "source color");
|
|
@@ -139,7 +139,7 @@ const L = (m) => {
|
|
|
139
139
|
)})`
|
|
140
140
|
);
|
|
141
141
|
}), i.push("");
|
|
142
|
-
}), i.pop(),
|
|
142
|
+
}), i.pop(), l[0].type === "custom theme" ? n.push(
|
|
143
143
|
`// ${t.name}
|
|
144
144
|
struct ${new b(t.name).doPascalCase()} {
|
|
145
145
|
${i.join(
|
|
@@ -157,29 +157,29 @@ struct Color {
|
|
|
157
157
|
`)}
|
|
158
158
|
}`;
|
|
159
159
|
}, H = (m) => {
|
|
160
|
-
const
|
|
160
|
+
const l = m.themes.filter((t) => t.type === "custom theme").length === 0 ? m.themes.filter((t) => t.type === "default theme") : m.themes.filter((t) => t.type === "custom theme");
|
|
161
161
|
let n = `@import "tailwindcss";
|
|
162
162
|
|
|
163
163
|
@theme {
|
|
164
164
|
--color-*: initial;
|
|
165
165
|
|
|
166
166
|
`;
|
|
167
|
-
return
|
|
167
|
+
return l[0].type !== "custom theme" ? l.forEach((t) => {
|
|
168
168
|
t.colors.forEach((i) => {
|
|
169
169
|
const a = i.shades.find(
|
|
170
|
-
(
|
|
170
|
+
(r) => r.type === "source color"
|
|
171
171
|
), e = new b(i.name).doKebabCase();
|
|
172
172
|
n += ` /* ${i.name} */
|
|
173
|
-
`, i.shades.sort().forEach((
|
|
174
|
-
const h =
|
|
173
|
+
`, i.shades.sort().forEach((r) => {
|
|
174
|
+
const h = r.isTransparent ? u((a == null ? void 0 : a.hex) ?? "#000000").alpha(r.alpha ?? 1).hex() : r.hex, s = new b(r.name).doKebabCase();
|
|
175
175
|
n += ` --color-${e}-${s}: ${h};
|
|
176
176
|
`;
|
|
177
177
|
});
|
|
178
|
-
const o = i === t.colors[t.colors.length - 1], c = t ===
|
|
178
|
+
const o = i === t.colors[t.colors.length - 1], c = t === l[l.length - 1];
|
|
179
179
|
o && c || (n += `
|
|
180
180
|
`);
|
|
181
181
|
});
|
|
182
|
-
}) :
|
|
182
|
+
}) : l.forEach((t) => {
|
|
183
183
|
const i = new b(t.name).doKebabCase();
|
|
184
184
|
t.colors.forEach((a) => {
|
|
185
185
|
const e = a.shades.find(
|
|
@@ -191,21 +191,21 @@ struct Color {
|
|
|
191
191
|
n += ` --color-${i}-${o}-${p}: ${s};
|
|
192
192
|
`;
|
|
193
193
|
});
|
|
194
|
-
const c = a === t.colors[t.colors.length - 1],
|
|
195
|
-
c &&
|
|
194
|
+
const c = a === t.colors[t.colors.length - 1], r = t === l[l.length - 1];
|
|
195
|
+
c && r || (n += `
|
|
196
196
|
`);
|
|
197
197
|
});
|
|
198
198
|
}), n += `}
|
|
199
199
|
`, n;
|
|
200
200
|
}, K = (m) => {
|
|
201
|
-
const
|
|
201
|
+
const l = m.themes.filter((t) => t.type === "custom theme").length === 0 ? m.themes.filter((t) => t.type === "default theme") : m.themes.filter((t) => t.type === "custom theme"), n = {
|
|
202
202
|
theme: {
|
|
203
203
|
colors: {}
|
|
204
204
|
}
|
|
205
205
|
};
|
|
206
206
|
return m.themes[0].colors.forEach((t) => {
|
|
207
207
|
n.theme.colors[new b(t.name).doKebabCase()] = {};
|
|
208
|
-
}),
|
|
208
|
+
}), l[0].type === "custom theme" ? l.forEach((t) => {
|
|
209
209
|
t.colors.forEach((i) => {
|
|
210
210
|
const a = i.shades.find(
|
|
211
211
|
(e) => e.type === "source color"
|
|
@@ -214,7 +214,7 @@ struct Color {
|
|
|
214
214
|
n.theme.colors[new b(i.name).doKebabCase()][new b(t.name).doKebabCase()][new b(e.name).doKebabCase()] = e.isTransparent ? u((a == null ? void 0 : a.hex) ?? "#000000").alpha(e.alpha ?? 1).hex() : e.hex;
|
|
215
215
|
});
|
|
216
216
|
});
|
|
217
|
-
}) :
|
|
217
|
+
}) : l.forEach((t) => {
|
|
218
218
|
t.colors.forEach((i) => {
|
|
219
219
|
const a = i.shades.find(
|
|
220
220
|
(e) => e.type === "source color"
|
|
@@ -229,21 +229,21 @@ module.exports = ${JSON.stringify(
|
|
|
229
229
|
n,
|
|
230
230
|
null,
|
|
231
231
|
" "
|
|
232
|
-
)
|
|
232
|
+
)}`;
|
|
233
233
|
}, A = (m) => {
|
|
234
|
-
const
|
|
235
|
-
return
|
|
234
|
+
const l = m.themes.filter((t) => t.type === "custom theme").length === 0 ? m.themes.filter((t) => t.type === "default theme") : m.themes.filter((t) => t.type === "custom theme"), n = [];
|
|
235
|
+
return l.forEach((t) => {
|
|
236
236
|
t.colors.forEach((i) => {
|
|
237
237
|
const a = i.shades.find((o) => o.type === "source color"), e = [];
|
|
238
238
|
e.push(
|
|
239
|
-
`// ${
|
|
239
|
+
`// ${l[0].type === "custom theme" ? t.name + " - " : ""}${i.name}`
|
|
240
240
|
), i.shades.reverse().forEach((o) => {
|
|
241
241
|
e.push(
|
|
242
|
-
o.isTransparent ? `public let ${
|
|
242
|
+
o.isTransparent ? `public let ${l[0].type === "custom theme" ? new b(t.name + " " + i.name).doPascalCase() : new b(i.name).doPascalCase()}${o.name === "source" ? "Source" : o.name} = Color(red: ${a == null ? void 0 : a.gl[0].toFixed(
|
|
243
243
|
3
|
|
244
244
|
)}, green: ${a == null ? void 0 : a.gl[1].toFixed(3)}, blue: ${o.gl[2].toFixed(
|
|
245
245
|
3
|
|
246
|
-
)}).opacity(${o.alpha ?? 1})` : `public let ${
|
|
246
|
+
)}).opacity(${o.alpha ?? 1})` : `public let ${l[0].type === "custom theme" ? new b(t.name + " " + i.name).doPascalCase() : new b(i.name).doPascalCase()}${o.name === "source" ? "Source" : o.name} = Color(red: ${o.gl[0].toFixed(
|
|
247
247
|
3
|
|
248
248
|
)}, green: ${o.gl[1].toFixed(3)}, blue: ${o.gl[2].toFixed(
|
|
249
249
|
3
|
|
@@ -263,7 +263,7 @@ public extension Color {
|
|
|
263
263
|
}
|
|
264
264
|
}`;
|
|
265
265
|
}, V = (m) => {
|
|
266
|
-
const
|
|
266
|
+
const l = m.themes.filter((i) => i.type === "custom theme").length === 0 ? m.themes.filter((i) => i.type === "default theme") : m.themes.filter((i) => i.type === "custom theme"), n = {
|
|
267
267
|
color: {}
|
|
268
268
|
}, t = (i, a, e) => ({
|
|
269
269
|
type: "color",
|
|
@@ -272,7 +272,7 @@ public extension Color {
|
|
|
272
272
|
});
|
|
273
273
|
return m.themes[0].colors.forEach((i) => {
|
|
274
274
|
n.color[i.name] = {};
|
|
275
|
-
}),
|
|
275
|
+
}), l[0].type === "custom theme" ? l.forEach((i) => {
|
|
276
276
|
i.colors.forEach((a) => {
|
|
277
277
|
const e = a.shades.find(
|
|
278
278
|
(o) => o.type === "source color"
|
|
@@ -285,7 +285,7 @@ public extension Color {
|
|
|
285
285
|
));
|
|
286
286
|
});
|
|
287
287
|
});
|
|
288
|
-
}) :
|
|
288
|
+
}) : l.forEach((i) => {
|
|
289
289
|
i.colors.forEach((a) => {
|
|
290
290
|
const e = a.shades.find(
|
|
291
291
|
(o) => o.type === "source color"
|
|
@@ -295,7 +295,7 @@ public extension Color {
|
|
|
295
295
|
});
|
|
296
296
|
});
|
|
297
297
|
}), JSON.stringify(n, null, " ");
|
|
298
|
-
}, P = (m,
|
|
298
|
+
}, P = (m, l) => {
|
|
299
299
|
const n = m.themes.filter((s) => s.type === "custom theme").length === 0 ? m.themes.filter((s) => s.type === "default theme") : m.themes.filter((s) => s.type === "custom theme"), t = [], i = [], a = (s) => {
|
|
300
300
|
var f;
|
|
301
301
|
isNaN(s.hsl[0]) && (s.hsl[0] = 0), isNaN(s.lch[2]) && (s.lch[2] = 0), isNaN(s.oklch[2]) && (s.oklch[2] = 0);
|
|
@@ -312,7 +312,7 @@ public extension Color {
|
|
|
312
312
|
)} ${Math.floor(s.lch[2])})`,
|
|
313
313
|
OKLCH: () => `oklch(${Math.floor(s.oklch[0] * 100)}% ${s.oklch[1].toFixed(3)} ${Math.floor(s.oklch[2])})`
|
|
314
314
|
};
|
|
315
|
-
return (f = p[
|
|
315
|
+
return (f = p[l ?? "RGB"]) == null ? void 0 : f.call(p);
|
|
316
316
|
}, e = (s, p) => {
|
|
317
317
|
var $;
|
|
318
318
|
isNaN(s.hsl[0]) && (s.hsl[0] = 0), isNaN(s.lch[2]) && (s.lch[2] = 0), isNaN(s.oklch[2]) && (s.oklch[2] = 0);
|
|
@@ -341,7 +341,7 @@ public extension Color {
|
|
|
341
341
|
return `oklch(${Math.floor(p.oklch[0 * 100])}% ${p.oklch[1].toFixed(3)} ${Math.floor(p.oklch[2])} / ${((g = s.alpha) == null ? void 0 : g.toFixed(2)) ?? 1})`;
|
|
342
342
|
}
|
|
343
343
|
};
|
|
344
|
-
return ($ = f[
|
|
344
|
+
return ($ = f[l ?? "RGB"]) == null ? void 0 : $.call(f);
|
|
345
345
|
}, o = n.find(
|
|
346
346
|
(s) => s.type === "default theme"
|
|
347
347
|
);
|
|
@@ -397,13 +397,13 @@ public extension Color {
|
|
|
397
397
|
}), i.length > 0 && i[i.length - 1] === "" && i.pop(), t.push(i.join(`
|
|
398
398
|
`));
|
|
399
399
|
}
|
|
400
|
-
const
|
|
400
|
+
const r = [":root {"];
|
|
401
401
|
n.forEach((s, p) => {
|
|
402
402
|
const f = new b(s.name).doKebabCase();
|
|
403
|
-
|
|
403
|
+
r.push(` &[data-theme="${f}"] {
|
|
404
404
|
@include ${f};
|
|
405
|
-
}`), p !== n.length - 1 &&
|
|
406
|
-
}),
|
|
405
|
+
}`), p !== n.length - 1 && r.push("");
|
|
406
|
+
}), r.push("}"), t.push(r.join(`
|
|
407
407
|
`));
|
|
408
408
|
const h = [];
|
|
409
409
|
return n.forEach((s) => {
|
|
@@ -417,15 +417,15 @@ public extension Color {
|
|
|
417
417
|
|
|
418
418
|
`);
|
|
419
419
|
}, j = (m) => {
|
|
420
|
-
const
|
|
421
|
-
return
|
|
420
|
+
const l = m.themes.filter((t) => t.type === "custom theme").length === 0 ? m.themes.filter((t) => t.type === "default theme") : m.themes.filter((t) => t.type === "custom theme"), n = [];
|
|
421
|
+
return l.forEach((t) => {
|
|
422
422
|
t.colors.forEach((i) => {
|
|
423
423
|
const a = i.shades.find((o) => o.type === "source color"), e = [];
|
|
424
424
|
e.push(
|
|
425
|
-
`<!--${
|
|
425
|
+
`<!--${l[0].type === "custom theme" ? `${t.name} - ${i.name}-->` : `${i.name}-->`}`
|
|
426
426
|
), i.shades.reverse().forEach((o) => {
|
|
427
427
|
e.push(
|
|
428
|
-
`<color name="${
|
|
428
|
+
`<color name="${l[0].type === "custom theme" ? new b(t.name + " " + i.name).doSnakeCase() : new b(i.name).doSnakeCase()}_${o.name}">${o.isTransparent ? u((a == null ? void 0 : a.hex) ?? "#000000").alpha(o.alpha ?? 1).hex() : o.hex}</color>`
|
|
429
429
|
);
|
|
430
430
|
}), e.push(""), e.forEach((o) => n.push(o));
|
|
431
431
|
});
|
|
@@ -437,7 +437,7 @@ public extension Color {
|
|
|
437
437
|
)}
|
|
438
438
|
</resources>`;
|
|
439
439
|
}, B = (m) => {
|
|
440
|
-
const
|
|
440
|
+
const l = m.themes.filter((a) => a.type === "custom theme").length === 0 ? m.themes.filter((a) => a.type === "default theme") : m.themes.filter((a) => a.type === "custom theme"), n = {
|
|
441
441
|
$themes: [],
|
|
442
442
|
$metadata: {
|
|
443
443
|
activeThemes: [],
|
|
@@ -449,7 +449,7 @@ public extension Color {
|
|
|
449
449
|
$value: e.isTransparent ? u(o.hex).alpha(e.alpha ?? 1).hex() : e.hex,
|
|
450
450
|
$description: a.description !== "" ? a.description + " - " + e.description : e.description
|
|
451
451
|
});
|
|
452
|
-
return
|
|
452
|
+
return l[0].type === "custom theme" ? l.forEach((a) => {
|
|
453
453
|
a.colors.forEach((e) => {
|
|
454
454
|
const o = e.shades.find(
|
|
455
455
|
(c) => c.type === "source color"
|
|
@@ -462,7 +462,7 @@ public extension Color {
|
|
|
462
462
|
));
|
|
463
463
|
});
|
|
464
464
|
});
|
|
465
|
-
}) :
|
|
465
|
+
}) : l.forEach((a) => {
|
|
466
466
|
a.colors.forEach((e) => {
|
|
467
467
|
const o = e.shades.find(
|
|
468
468
|
(c) => c.type === "source color"
|
|
@@ -476,72 +476,72 @@ public extension Color {
|
|
|
476
476
|
});
|
|
477
477
|
});
|
|
478
478
|
}), JSON.stringify(n, null, " ");
|
|
479
|
-
}, R = (m,
|
|
480
|
-
const n = m.themes.filter((
|
|
479
|
+
}, R = (m, l) => {
|
|
480
|
+
const n = m.themes.filter((r) => r.type === "custom theme").length === 0 ? m.themes.filter((r) => r.type === "default theme") : m.themes.filter((r) => r.type === "custom theme"), t = [], i = (r) => {
|
|
481
481
|
var s;
|
|
482
|
-
isNaN(
|
|
482
|
+
isNaN(r.hsl[0]) && (r.hsl[0] = 0), isNaN(r.lch[2]) && (r.lch[2] = 0), isNaN(r.oklch[2]) && (r.oklch[2] = 0);
|
|
483
483
|
const h = {
|
|
484
|
-
RGB: () => `rgb(${Math.floor(
|
|
485
|
-
|
|
486
|
-
)}, ${Math.floor(
|
|
487
|
-
HEX: () =>
|
|
488
|
-
HSL: () => `hsl(${Math.floor(
|
|
489
|
-
|
|
490
|
-
)}% ${Math.floor(
|
|
491
|
-
LCH: () => `lch(${Math.floor(
|
|
492
|
-
|
|
493
|
-
)} ${Math.floor(
|
|
494
|
-
OKLCH: () => `oklch(${Math.floor(
|
|
484
|
+
RGB: () => `rgb(${Math.floor(r.rgb[0])}, ${Math.floor(
|
|
485
|
+
r.rgb[1]
|
|
486
|
+
)}, ${Math.floor(r.rgb[2])})`,
|
|
487
|
+
HEX: () => r.hex,
|
|
488
|
+
HSL: () => `hsl(${Math.floor(r.hsl[0])} ${Math.floor(
|
|
489
|
+
r.hsl[1] * 100
|
|
490
|
+
)}% ${Math.floor(r.hsl[2] * 100)}%)`,
|
|
491
|
+
LCH: () => `lch(${Math.floor(r.lch[0])}% ${Math.floor(
|
|
492
|
+
r.lch[1]
|
|
493
|
+
)} ${Math.floor(r.lch[2])})`,
|
|
494
|
+
OKLCH: () => `oklch(${Math.floor(r.oklch[0] * 100)}% ${r.oklch[1].toFixed(3)} ${Math.floor(r.oklch[2])})`
|
|
495
495
|
};
|
|
496
|
-
return (s = h[
|
|
497
|
-
}, a = (
|
|
496
|
+
return (s = h[l ?? "RGB"]) == null ? void 0 : s.call(h);
|
|
497
|
+
}, a = (r, h) => {
|
|
498
498
|
var p;
|
|
499
|
-
isNaN(
|
|
499
|
+
isNaN(r.hsl[0]) && (r.hsl[0] = 0), isNaN(r.lch[2]) && (r.lch[2] = 0), isNaN(r.oklch[2]) && (r.oklch[2] = 0);
|
|
500
500
|
const s = {
|
|
501
501
|
RGB: () => {
|
|
502
502
|
var f;
|
|
503
503
|
return `rgba(${Math.floor(h.rgb[0])}, ${Math.floor(
|
|
504
504
|
h.rgb[1]
|
|
505
|
-
)}, ${Math.floor(h.rgb[2])}, ${((f =
|
|
505
|
+
)}, ${Math.floor(h.rgb[2])}, ${((f = r.alpha) == null ? void 0 : f.toFixed(2)) ?? 1})`;
|
|
506
506
|
},
|
|
507
|
-
HEX: () => u(h.hex).alpha(
|
|
507
|
+
HEX: () => u(h.hex).alpha(r.alpha ?? 1).hex(),
|
|
508
508
|
HSL: () => {
|
|
509
509
|
var f;
|
|
510
510
|
return `hsla(${Math.floor(h.hsl[0])}, ${Math.floor(
|
|
511
511
|
h.hsl[1] * 100
|
|
512
|
-
)}% ${Math.floor(h.hsl[2] * 100)}% ${((f =
|
|
512
|
+
)}% ${Math.floor(h.hsl[2] * 100)}% ${((f = r.alpha) == null ? void 0 : f.toFixed(2)) ?? 1})`;
|
|
513
513
|
},
|
|
514
514
|
LCH: () => {
|
|
515
515
|
var f;
|
|
516
516
|
return `lch(${Math.floor(h.lch[0])}% ${Math.floor(
|
|
517
517
|
h.lch[1]
|
|
518
|
-
)} ${Math.floor(h.lch[2])} / ${((f =
|
|
518
|
+
)} ${Math.floor(h.lch[2])} / ${((f = r.alpha) == null ? void 0 : f.toFixed(2)) ?? 1})`;
|
|
519
519
|
},
|
|
520
520
|
OKLCH: () => {
|
|
521
521
|
var f;
|
|
522
|
-
return `oklch(${Math.floor(h.oklch[0] * 100)}% ${h.oklch[1].toFixed(3)} ${Math.floor(h.oklch[2])} / ${((f =
|
|
522
|
+
return `oklch(${Math.floor(h.oklch[0] * 100)}% ${h.oklch[1].toFixed(3)} ${Math.floor(h.oklch[2])} / ${((f = r.alpha) == null ? void 0 : f.toFixed(2)) ?? 1})`;
|
|
523
523
|
}
|
|
524
524
|
};
|
|
525
|
-
return (p = s[
|
|
525
|
+
return (p = s[l ?? "RGB"]) == null ? void 0 : p.call(s);
|
|
526
526
|
}, e = n.find(
|
|
527
|
-
(
|
|
527
|
+
(r) => r.type === "default theme"
|
|
528
528
|
);
|
|
529
529
|
if (e) {
|
|
530
|
-
const
|
|
530
|
+
const r = [];
|
|
531
531
|
return e.colors.forEach((h, s) => {
|
|
532
|
-
s > 0 &&
|
|
532
|
+
s > 0 && r.push(""), r.push(`// ${h.name}`), h.shades.reverse().forEach((p) => {
|
|
533
533
|
const f = h.shades.find((g) => g.type === "source color"), $ = `@${new b(h.name).doKebabCase()}-${p.name}`;
|
|
534
|
-
f &&
|
|
534
|
+
f && r.push(
|
|
535
535
|
`${$}: ${p.isTransparent ? a(p, f) : i(p)};`
|
|
536
536
|
);
|
|
537
537
|
});
|
|
538
|
-
}), t.push(
|
|
538
|
+
}), t.push(r.join(`
|
|
539
539
|
`)), t.join(`
|
|
540
540
|
`);
|
|
541
541
|
}
|
|
542
|
-
n.forEach((
|
|
543
|
-
const h = new b(
|
|
544
|
-
s.push(`// ${
|
|
542
|
+
n.forEach((r) => {
|
|
543
|
+
const h = new b(r.name).doKebabCase(), s = [];
|
|
544
|
+
s.push(`// ${r.name}`), s.push(`.${h}() {`), r.colors.forEach((p, f) => {
|
|
545
545
|
f > 0 && s.push(""), s.push(` // ${p.name}`), p.shades.reverse().forEach(($) => {
|
|
546
546
|
const g = p.shades.find((C) => C.type === "source color"), d = `@${new b(p.name).doKebabCase()}-${$.name}`;
|
|
547
547
|
g && s.push(
|
|
@@ -552,16 +552,16 @@ public extension Color {
|
|
|
552
552
|
`));
|
|
553
553
|
});
|
|
554
554
|
const o = [":root {"];
|
|
555
|
-
n.forEach((
|
|
556
|
-
const s = new b(
|
|
555
|
+
n.forEach((r, h) => {
|
|
556
|
+
const s = new b(r.name).doKebabCase();
|
|
557
557
|
o.push(` &[data-theme="${s}"] {
|
|
558
558
|
.${s}();
|
|
559
559
|
}`), h !== n.length - 1 && o.push("");
|
|
560
560
|
}), o.push("}"), t.push(o.join(`
|
|
561
561
|
`));
|
|
562
562
|
const c = [];
|
|
563
|
-
return n.forEach((
|
|
564
|
-
const h = new b(
|
|
563
|
+
return n.forEach((r) => {
|
|
564
|
+
const h = new b(r.name).doKebabCase();
|
|
565
565
|
c.push(`.${h} {
|
|
566
566
|
.${h}();
|
|
567
567
|
}`);
|
|
@@ -570,7 +570,7 @@ public extension Color {
|
|
|
570
570
|
`)), t.join(`
|
|
571
571
|
|
|
572
572
|
`);
|
|
573
|
-
}, G = (m,
|
|
573
|
+
}, G = (m, l) => {
|
|
574
574
|
const n = m.themes.filter((e) => e.type === "custom theme").length === 0 ? m.themes.filter((e) => e.type === "default theme") : m.themes.filter((e) => e.type === "custom theme"), t = {}, i = (e) => {
|
|
575
575
|
var c;
|
|
576
576
|
isNaN(e.oklch[2]) && (e.oklch[2] = 0);
|
|
@@ -594,9 +594,9 @@ public extension Color {
|
|
|
594
594
|
hex: e.hex
|
|
595
595
|
})
|
|
596
596
|
};
|
|
597
|
-
return (c = o[
|
|
597
|
+
return (c = o[l ?? "RGB"]) == null ? void 0 : c.call(o);
|
|
598
598
|
}, a = (e, o) => {
|
|
599
|
-
var
|
|
599
|
+
var r;
|
|
600
600
|
isNaN(o.oklch[2]) && (o.oklch[2] = 0);
|
|
601
601
|
const c = {
|
|
602
602
|
RGB: () => ({
|
|
@@ -620,59 +620,59 @@ public extension Color {
|
|
|
620
620
|
alpha: o.alpha
|
|
621
621
|
})
|
|
622
622
|
};
|
|
623
|
-
return (
|
|
623
|
+
return (r = c[l ?? "RGB"]) == null ? void 0 : r.call(c);
|
|
624
624
|
};
|
|
625
625
|
return n[0].type === "custom theme" ? n.forEach((e) => {
|
|
626
626
|
e.colors.forEach((o) => {
|
|
627
627
|
const c = o.shades.find(
|
|
628
|
-
(
|
|
628
|
+
(r) => r.type === "source color"
|
|
629
629
|
);
|
|
630
630
|
t[o.name] || (t[o.name] = {
|
|
631
631
|
$type: "color"
|
|
632
|
-
}), o.shades.forEach((
|
|
633
|
-
!t[o.name][
|
|
632
|
+
}), o.shades.forEach((r) => {
|
|
633
|
+
!t[o.name][r.name] && c && (t[o.name][r.name] = {
|
|
634
634
|
$type: "color",
|
|
635
|
-
$value:
|
|
636
|
-
$description: o.description !== "" ? o.description + " - " +
|
|
635
|
+
$value: r.isTransparent ? a(c, r) : i(r),
|
|
636
|
+
$description: o.description !== "" ? o.description + " - " + r.description : r.description,
|
|
637
637
|
$extensions: {
|
|
638
638
|
mode: {}
|
|
639
639
|
}
|
|
640
|
-
}), c && (t[o.name][
|
|
640
|
+
}), c && (t[o.name][r.name].$extensions.mode[e.name] = r.isTransparent ? a(c, r) : i(r));
|
|
641
641
|
});
|
|
642
642
|
});
|
|
643
643
|
}) : n.forEach((e) => {
|
|
644
644
|
e.colors.forEach((o) => {
|
|
645
645
|
const c = o.shades.find(
|
|
646
|
-
(
|
|
646
|
+
(r) => r.type === "source color"
|
|
647
647
|
);
|
|
648
|
-
t[o.name] = {}, o.shades.forEach((
|
|
649
|
-
|
|
648
|
+
t[o.name] = {}, o.shades.forEach((r) => {
|
|
649
|
+
r && c && (t[o.name][r.name] = {
|
|
650
650
|
$type: "color",
|
|
651
|
-
$value:
|
|
652
|
-
$description: o.description !== "" ? o.description + " - " +
|
|
651
|
+
$value: r.isTransparent ? a(c, r) : i(r),
|
|
652
|
+
$description: o.description !== "" ? o.description + " - " + r.description : r.description
|
|
653
653
|
});
|
|
654
654
|
});
|
|
655
655
|
});
|
|
656
656
|
}), JSON.stringify(t, null, " ");
|
|
657
657
|
}, O = (m) => {
|
|
658
|
-
const
|
|
659
|
-
return
|
|
660
|
-
c.colors.forEach((
|
|
661
|
-
|
|
658
|
+
const l = m.themes.filter((c) => c.type === "custom theme").length === 0 ? m.themes.filter((c) => c.type === "default theme") : m.themes.filter((c) => c.type === "custom theme"), n = [], t = [], i = [], a = [], e = [], o = [];
|
|
659
|
+
return l.forEach((c) => {
|
|
660
|
+
c.colors.forEach((r) => {
|
|
661
|
+
r.shades.forEach((h) => {
|
|
662
662
|
i.push(h.name), a.push(Math.floor(h.lch[0])), e.push(Math.floor(h.lch[1])), o.push(Math.floor(h.lch[2]));
|
|
663
663
|
}), n.push({
|
|
664
|
-
name:
|
|
665
|
-
csv: `${
|
|
664
|
+
name: r.name,
|
|
665
|
+
csv: `${r.name},Lightness,Chroma,Hue
|
|
666
666
|
${i.map((h, s) => `${h},${a[s]},${e[s]},${o[s]}`).join(`
|
|
667
667
|
`)}`
|
|
668
668
|
}), i.splice(0, i.length), a.splice(0, a.length), e.splice(0, e.length), o.splice(0, o.length);
|
|
669
669
|
}), t.push({
|
|
670
670
|
name: c.name,
|
|
671
|
-
colors: n.map((
|
|
671
|
+
colors: n.map((r) => r),
|
|
672
672
|
type: c.type
|
|
673
673
|
}), n.splice(0, n.length);
|
|
674
674
|
}), t;
|
|
675
|
-
}, _ = (m,
|
|
675
|
+
}, _ = (m, l) => {
|
|
676
676
|
const n = m.themes.filter((e) => e.type === "custom theme").length === 0 ? m.themes.filter((e) => e.type === "default theme") : m.themes.filter((e) => e.type === "custom theme"), t = [], i = (e) => {
|
|
677
677
|
var c;
|
|
678
678
|
isNaN(e.hsl[0]) && (e.hsl[0] = 0), isNaN(e.lch[2]) && (e.lch[2] = 0), isNaN(e.oklch[2]) && (e.oklch[2] = 0);
|
|
@@ -692,9 +692,9 @@ ${i.map((h, s) => `${h},${a[s]},${e[s]},${o[s]}`).join(`
|
|
|
692
692
|
3
|
|
693
693
|
)} ${e.gl[2].toFixed(3)})`
|
|
694
694
|
};
|
|
695
|
-
return (c = o[
|
|
695
|
+
return (c = o[l ?? "RGB"]) == null ? void 0 : c.call(o);
|
|
696
696
|
}, a = (e, o) => {
|
|
697
|
-
var
|
|
697
|
+
var r;
|
|
698
698
|
isNaN(e.hsl[0]) && (e.hsl[0] = 0), isNaN(e.lch[2]) && (e.lch[2] = 0), isNaN(e.oklch[2]) && (e.oklch[2] = 0);
|
|
699
699
|
const c = {
|
|
700
700
|
RGB: () => {
|
|
@@ -727,15 +727,15 @@ ${i.map((h, s) => `${h},${a[s]},${e[s]},${o[s]}`).join(`
|
|
|
727
727
|
)} ${o.gl[2].toFixed(3)} / ${((h = e.alpha) == null ? void 0 : h.toFixed(2)) ?? 1})`;
|
|
728
728
|
}
|
|
729
729
|
};
|
|
730
|
-
return (
|
|
730
|
+
return (r = c[l ?? "RGB"]) == null ? void 0 : r.call(c);
|
|
731
731
|
};
|
|
732
732
|
return n.forEach((e) => {
|
|
733
733
|
const o = [];
|
|
734
734
|
e.colors.forEach((c) => {
|
|
735
|
-
o.push(`/* ${c.name} */`), c.shades.reverse().forEach((
|
|
735
|
+
o.push(`/* ${c.name} */`), c.shades.reverse().forEach((r) => {
|
|
736
736
|
const h = c.shades.find((s) => s.type === "source color");
|
|
737
737
|
h && o.push(
|
|
738
|
-
`--${new b(c.name).doKebabCase()}-${
|
|
738
|
+
`--${new b(c.name).doKebabCase()}-${r.name}: ${r.isTransparent ? a(r, h) : i(r)};`
|
|
739
739
|
);
|
|
740
740
|
}), o.push("");
|
|
741
741
|
}), o.pop(), t.push(
|
|
@@ -749,15 +749,15 @@ ${i.map((h, s) => `${h},${a[s]},${e[s]},${o[s]}`).join(`
|
|
|
749
749
|
|
|
750
750
|
`);
|
|
751
751
|
}, U = (m) => {
|
|
752
|
-
const
|
|
753
|
-
return
|
|
752
|
+
const l = m.themes.filter((t) => t.type === "custom theme").length === 0 ? m.themes.filter((t) => t.type === "default theme") : m.themes.filter((t) => t.type === "custom theme"), n = [];
|
|
753
|
+
return l.forEach((t) => {
|
|
754
754
|
t.colors.forEach((i) => {
|
|
755
755
|
const a = i.shades.find((o) => o.type === "source color"), e = [];
|
|
756
756
|
e.push(
|
|
757
|
-
`// ${
|
|
757
|
+
`// ${l[0].type === "custom theme" ? t.name + " - " : ""}${i.name}`
|
|
758
758
|
), i.shades.reverse().forEach((o) => {
|
|
759
759
|
e.push(
|
|
760
|
-
`val ${
|
|
760
|
+
`val ${l[0].type === "custom theme" ? new b(t.name + " " + i.name).doSnakeCase() : new b(i.name).doSnakeCase()}_${o.name} = Color(${o.isTransparent ? u((a == null ? void 0 : a.hex) ?? "#000000").alpha(o.alpha ?? 1).hex().replace("#", "0xFF").toUpperCase() : o.hex.replace("#", "0xFF").toUpperCase()})`
|
|
761
761
|
);
|
|
762
762
|
}), e.push(""), e.forEach((o) => n.push(o));
|
|
763
763
|
});
|
|
@@ -768,7 +768,7 @@ ${n.join(`
|
|
|
768
768
|
};
|
|
769
769
|
class J {
|
|
770
770
|
constructor({
|
|
771
|
-
base:
|
|
771
|
+
base: l,
|
|
772
772
|
themes: n,
|
|
773
773
|
meta: t
|
|
774
774
|
}) {
|
|
@@ -777,16 +777,16 @@ class J {
|
|
|
777
777
|
k(this, "meta");
|
|
778
778
|
k(this, "paletteData");
|
|
779
779
|
k(this, "currentScale");
|
|
780
|
-
k(this, "makePaletteData", () => (this.themes.forEach((
|
|
780
|
+
k(this, "makePaletteData", () => (this.themes.forEach((l) => {
|
|
781
781
|
const n = {
|
|
782
|
-
id:
|
|
783
|
-
name:
|
|
784
|
-
description:
|
|
782
|
+
id: l.id,
|
|
783
|
+
name: l.name,
|
|
784
|
+
description: l.description,
|
|
785
785
|
colors: [],
|
|
786
|
-
type:
|
|
786
|
+
type: l.type
|
|
787
787
|
};
|
|
788
788
|
this.base.colors.forEach((t) => {
|
|
789
|
-
const i = Object.entries(
|
|
789
|
+
const i = Object.entries(l.scale).reverse().map((h) => {
|
|
790
790
|
if (t.alpha.isEnabled) {
|
|
791
791
|
const s = new x({
|
|
792
792
|
render: "RGB",
|
|
@@ -799,12 +799,12 @@ class J {
|
|
|
799
799
|
hueShifting: t.hue.shift !== void 0 ? t.hue.shift : 0,
|
|
800
800
|
chromaShifting: t.chroma.shift !== void 0 ? t.chroma.shift : 100,
|
|
801
801
|
algorithmVersion: this.base.algorithmVersion,
|
|
802
|
-
visionSimulationMode:
|
|
802
|
+
visionSimulationMode: l.visionSimulationMode
|
|
803
803
|
}), p = new x({
|
|
804
804
|
render: "RGB",
|
|
805
805
|
sourceColor: u(t.alpha.backgroundColor).rgb(),
|
|
806
806
|
algorithmVersion: this.base.algorithmVersion,
|
|
807
|
-
visionSimulationMode:
|
|
807
|
+
visionSimulationMode: l.visionSimulationMode
|
|
808
808
|
});
|
|
809
809
|
switch (this.base.colorSpace) {
|
|
810
810
|
case "LCH":
|
|
@@ -882,7 +882,7 @@ class J {
|
|
|
882
882
|
hueShifting: t.hue.shift !== void 0 ? t.hue.shift : 0,
|
|
883
883
|
chromaShifting: t.chroma.shift !== void 0 ? t.chroma.shift : 100,
|
|
884
884
|
algorithmVersion: this.base.algorithmVersion,
|
|
885
|
-
visionSimulationMode:
|
|
885
|
+
visionSimulationMode: l.visionSimulationMode
|
|
886
886
|
});
|
|
887
887
|
switch (this.base.colorSpace) {
|
|
888
888
|
case "LCH":
|
|
@@ -936,7 +936,7 @@ class J {
|
|
|
936
936
|
u(h[1]).hex(),
|
|
937
937
|
"rgb"
|
|
938
938
|
)
|
|
939
|
-
),
|
|
939
|
+
), r = c.indexOf(Math.min(...c));
|
|
940
940
|
i.forEach((h, s) => {
|
|
941
941
|
const p = u.distance(
|
|
942
942
|
u(e).hex(),
|
|
@@ -947,28 +947,28 @@ class J {
|
|
|
947
947
|
) ?? "0", $ = new M(), g = new x({
|
|
948
948
|
render: "RGB",
|
|
949
949
|
sourceColor: u(e).rgb(),
|
|
950
|
-
visionSimulationMode:
|
|
950
|
+
visionSimulationMode: l.visionSimulationMode
|
|
951
951
|
}).setColor(), d = new x({
|
|
952
952
|
render: "HEX",
|
|
953
953
|
sourceColor: u(e).rgb(),
|
|
954
|
-
visionSimulationMode:
|
|
954
|
+
visionSimulationMode: l.visionSimulationMode
|
|
955
955
|
}).setColor();
|
|
956
|
-
s ===
|
|
956
|
+
s === r && this.base.areSourceColorsLocked && !t.alpha.isEnabled ? ($.rgb_r = Number(g[0]) / 255, $.rgb_g = Number(g[1]) / 255, $.rgb_b = Number(g[2]) / 255) : ($.rgb_r = Number(h[1][0]) / 255, $.rgb_g = Number(h[1][1]) / 255, $.rgb_b = Number(h[1][2]) / 255), $.rgbToHsluv(), a.shades.push({
|
|
957
957
|
name: f,
|
|
958
958
|
description: `Shade/Tint color with ${typeof h[0][1] == "number" ? h[0][1].toFixed(1) : h[0][1]}% of ${t.alpha.isEnabled ? "opacity" : "lightness"}`,
|
|
959
|
-
hex: s ===
|
|
960
|
-
rgb: s ===
|
|
961
|
-
gl: s ===
|
|
962
|
-
lch: s ===
|
|
963
|
-
oklch: s ===
|
|
964
|
-
lab: s ===
|
|
965
|
-
oklab: s ===
|
|
966
|
-
hsl: s ===
|
|
959
|
+
hex: s === r && this.base.areSourceColorsLocked && !t.alpha.isEnabled ? u(d).hex() : u(h[1]).hex(),
|
|
960
|
+
rgb: s === r && this.base.areSourceColorsLocked && !t.alpha.isEnabled ? u(d).rgb() : u(h[1]).rgb(),
|
|
961
|
+
gl: s === r && this.base.areSourceColorsLocked && !t.alpha.isEnabled ? u(d).gl() : u(h[1]).gl(),
|
|
962
|
+
lch: s === r && this.base.areSourceColorsLocked && !t.alpha.isEnabled ? u(d).lch() : u(h[1]).lch(),
|
|
963
|
+
oklch: s === r && this.base.areSourceColorsLocked && !t.alpha.isEnabled ? u(d).oklch() : u(h[1]).oklch(),
|
|
964
|
+
lab: s === r && this.base.areSourceColorsLocked && !t.alpha.isEnabled ? u(d).lab() : u(h[1]).lab(),
|
|
965
|
+
oklab: s === r && this.base.areSourceColorsLocked && !t.alpha.isEnabled ? u(d).oklab() : u(h[1]).oklab(),
|
|
966
|
+
hsl: s === r && this.base.areSourceColorsLocked && !t.alpha.isEnabled ? u(d).hsl() : u(h[1]).hsl(),
|
|
967
967
|
hsluv: [$.hsluv_h, $.hsluv_s, $.hsluv_l],
|
|
968
968
|
alpha: t.alpha.isEnabled ? parseFloat((h[0][1] / 100).toFixed(2)) : void 0,
|
|
969
969
|
backgroundColor: t.alpha.isEnabled && t.alpha.backgroundColor ? u(h[2]).rgb() : void 0,
|
|
970
970
|
mixedColor: t.alpha.isEnabled && t.alpha.backgroundColor ? new x({
|
|
971
|
-
visionSimulationMode:
|
|
971
|
+
visionSimulationMode: l.visionSimulationMode
|
|
972
972
|
}).mixColorsRgb(
|
|
973
973
|
[
|
|
974
974
|
...h[1],
|
|
@@ -979,19 +979,19 @@ class J {
|
|
|
979
979
|
[...h[2], 1]
|
|
980
980
|
) : void 0,
|
|
981
981
|
isClosestToRef: p < 4 && !this.base.areSourceColorsLocked,
|
|
982
|
-
isSourceColorLocked: s ===
|
|
982
|
+
isSourceColorLocked: s === r && this.base.areSourceColorsLocked && !t.alpha.isEnabled,
|
|
983
983
|
isTransparent: t.alpha.isEnabled,
|
|
984
984
|
type: "color shade/tint"
|
|
985
985
|
});
|
|
986
986
|
}), n.colors.push(a);
|
|
987
987
|
}), this.paletteData.themes.push(n);
|
|
988
988
|
}), this.paletteData));
|
|
989
|
-
k(this, "makeLibraryData", (
|
|
989
|
+
k(this, "makeLibraryData", (l, n) => {
|
|
990
990
|
const t = this.makePaletteData();
|
|
991
991
|
return t.themes.flatMap(
|
|
992
992
|
(a) => a.colors.flatMap(
|
|
993
993
|
(e) => e.shades.flatMap((o) => {
|
|
994
|
-
const c = `${a.id}:${e.id}:${o.name}`,
|
|
994
|
+
const c = `${a.id}:${e.id}:${o.name}`, r = n == null ? void 0 : n.find(
|
|
995
995
|
(h) => h.id === c
|
|
996
996
|
);
|
|
997
997
|
return {
|
|
@@ -1000,23 +1000,23 @@ class J {
|
|
|
1000
1000
|
themeName: a.name,
|
|
1001
1001
|
colorName: e.name,
|
|
1002
1002
|
shadeName: o.name,
|
|
1003
|
-
...(
|
|
1004
|
-
...(
|
|
1005
|
-
...(
|
|
1006
|
-
...(
|
|
1003
|
+
...(l == null ? void 0 : l.includes("alpha")) && { alpha: o.alpha ?? 1 },
|
|
1004
|
+
...(l == null ? void 0 : l.includes("hex")) && { hex: o.hex },
|
|
1005
|
+
...(l == null ? void 0 : l.includes("gl")) && { gl: o.gl },
|
|
1006
|
+
...(l == null ? void 0 : l.includes("description")) && {
|
|
1007
1007
|
description: e.description
|
|
1008
1008
|
},
|
|
1009
|
-
...(
|
|
1010
|
-
collectionId:
|
|
1009
|
+
...(l == null ? void 0 : l.includes("collection_id")) && {
|
|
1010
|
+
collectionId: r == null ? void 0 : r.collectionId
|
|
1011
1011
|
},
|
|
1012
|
-
...(
|
|
1013
|
-
modeId:
|
|
1012
|
+
...(l == null ? void 0 : l.includes("mode_id")) && {
|
|
1013
|
+
modeId: r == null ? void 0 : r.modeId
|
|
1014
1014
|
},
|
|
1015
|
-
...(
|
|
1016
|
-
variableId:
|
|
1015
|
+
...(l == null ? void 0 : l.includes("variable_id")) && {
|
|
1016
|
+
variableId: r == null ? void 0 : r.variableId
|
|
1017
1017
|
},
|
|
1018
|
-
...(
|
|
1019
|
-
styleId:
|
|
1018
|
+
...(l == null ? void 0 : l.includes("style_id")) && {
|
|
1019
|
+
styleId: r == null ? void 0 : r.styleId
|
|
1020
1020
|
}
|
|
1021
1021
|
};
|
|
1022
1022
|
})
|
|
@@ -1024,60 +1024,60 @@ class J {
|
|
|
1024
1024
|
);
|
|
1025
1025
|
});
|
|
1026
1026
|
k(this, "makeNativeTokens", () => {
|
|
1027
|
-
const
|
|
1028
|
-
return B(
|
|
1027
|
+
const l = this.makePaletteData();
|
|
1028
|
+
return B(l);
|
|
1029
1029
|
});
|
|
1030
|
-
k(this, "makeDtcgTokens", (
|
|
1030
|
+
k(this, "makeDtcgTokens", (l = "RGB") => {
|
|
1031
1031
|
const n = this.makePaletteData();
|
|
1032
|
-
return G(n,
|
|
1032
|
+
return G(n, l);
|
|
1033
1033
|
});
|
|
1034
1034
|
k(this, "makeStyleDictionaryV3Tokens", () => {
|
|
1035
|
-
const
|
|
1036
|
-
return V(
|
|
1035
|
+
const l = this.makePaletteData();
|
|
1036
|
+
return V(l);
|
|
1037
1037
|
});
|
|
1038
1038
|
k(this, "makeUniversalJson", () => {
|
|
1039
|
-
const
|
|
1040
|
-
return S(
|
|
1039
|
+
const l = this.makePaletteData();
|
|
1040
|
+
return S(l);
|
|
1041
1041
|
});
|
|
1042
|
-
k(this, "makeCssCustomProps", (
|
|
1042
|
+
k(this, "makeCssCustomProps", (l = "RGB") => {
|
|
1043
1043
|
const n = this.makePaletteData();
|
|
1044
|
-
return _(n,
|
|
1044
|
+
return _(n, l);
|
|
1045
1045
|
});
|
|
1046
|
-
k(this, "makeScssVariables", (
|
|
1046
|
+
k(this, "makeScssVariables", (l = "RGB") => {
|
|
1047
1047
|
const n = this.makePaletteData();
|
|
1048
|
-
return P(n,
|
|
1048
|
+
return P(n, l);
|
|
1049
1049
|
});
|
|
1050
|
-
k(this, "makeLessVariables", (
|
|
1050
|
+
k(this, "makeLessVariables", (l = "RGB") => {
|
|
1051
1051
|
const n = this.makePaletteData();
|
|
1052
|
-
return R(n,
|
|
1052
|
+
return R(n, l);
|
|
1053
1053
|
});
|
|
1054
1054
|
k(this, "makeTailwindV3Config", () => {
|
|
1055
|
-
const
|
|
1056
|
-
return K(
|
|
1055
|
+
const l = this.makePaletteData();
|
|
1056
|
+
return K(l);
|
|
1057
1057
|
});
|
|
1058
1058
|
k(this, "makeTailwindV4Config", () => {
|
|
1059
|
-
const
|
|
1060
|
-
return H(
|
|
1059
|
+
const l = this.makePaletteData();
|
|
1060
|
+
return H(l);
|
|
1061
1061
|
});
|
|
1062
1062
|
k(this, "makeSwiftUI", () => {
|
|
1063
|
-
const
|
|
1064
|
-
return A(
|
|
1063
|
+
const l = this.makePaletteData();
|
|
1064
|
+
return A(l);
|
|
1065
1065
|
});
|
|
1066
1066
|
k(this, "makeUIKit", () => {
|
|
1067
|
-
const
|
|
1068
|
-
return L(
|
|
1067
|
+
const l = this.makePaletteData();
|
|
1068
|
+
return L(l);
|
|
1069
1069
|
});
|
|
1070
1070
|
k(this, "makeCompose", () => {
|
|
1071
|
-
const
|
|
1072
|
-
return U(
|
|
1071
|
+
const l = this.makePaletteData();
|
|
1072
|
+
return U(l);
|
|
1073
1073
|
});
|
|
1074
1074
|
k(this, "makeResources", () => {
|
|
1075
|
-
const
|
|
1076
|
-
return j(
|
|
1075
|
+
const l = this.makePaletteData();
|
|
1076
|
+
return j(l);
|
|
1077
1077
|
});
|
|
1078
1078
|
k(this, "makeCsv", () => {
|
|
1079
|
-
const
|
|
1080
|
-
return O(
|
|
1079
|
+
const l = this.makePaletteData();
|
|
1080
|
+
return O(l);
|
|
1081
1081
|
});
|
|
1082
1082
|
k(this, "makePaletteFullData", () => ({
|
|
1083
1083
|
base: this.base,
|
|
@@ -1088,9 +1088,9 @@ class J {
|
|
|
1088
1088
|
type: "UI_COLOR_PALETTE"
|
|
1089
1089
|
}));
|
|
1090
1090
|
var i;
|
|
1091
|
-
this.base =
|
|
1092
|
-
name:
|
|
1093
|
-
description:
|
|
1091
|
+
this.base = l, this.themes = n, this.meta = t, this.paletteData = {
|
|
1092
|
+
name: l.name ?? "UI Color Palette",
|
|
1093
|
+
description: l.description,
|
|
1094
1094
|
themes: [],
|
|
1095
1095
|
type: "palette"
|
|
1096
1096
|
}, this.currentScale = ((i = n.find((a) => a.isEnabled)) == null ? void 0 : i.scale) ?? {};
|