@webstudio-is/css-engine 0.254.0 → 0.257.0
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/lib/index.js +8 -4
- package/lib/runtime.js +7 -3
- package/lib/types/core/css-engine.stories.d.ts +1 -1
- package/lib/types/core/merger.d.ts +40 -160
- package/lib/types/schema.d.ts +552 -2652
- package/package.json +4 -3
package/lib/index.js
CHANGED
|
@@ -88,7 +88,7 @@ var toValue = (styleValue, transformValue) => {
|
|
|
88
88
|
}
|
|
89
89
|
if (value.type === "color") {
|
|
90
90
|
let [c1, c2, c3] = value.components;
|
|
91
|
-
const alpha = value.alpha;
|
|
91
|
+
const alpha = typeof value.alpha === "number" ? value.alpha : toValue(value.alpha);
|
|
92
92
|
switch (value.colorSpace) {
|
|
93
93
|
case "srgb": {
|
|
94
94
|
c1 = Math.round(c1 * 255);
|
|
@@ -108,11 +108,15 @@ var toValue = (styleValue, transformValue) => {
|
|
|
108
108
|
return `oklab(${c1} ${c2} ${c3} / ${alpha})`;
|
|
109
109
|
case "oklch":
|
|
110
110
|
return `oklch(${c1} ${c2} ${c3} / ${alpha})`;
|
|
111
|
-
// Fall back to color() function for less common color spaces
|
|
111
|
+
// Fall back to color() function for less common color spaces.
|
|
112
|
+
// Webstudio uses colorjs internal names; map to CSS predefined color space names.
|
|
112
113
|
case "p3":
|
|
113
|
-
|
|
114
|
+
return `color(display-p3 ${c1} ${c2} ${c3} / ${alpha})`;
|
|
114
115
|
case "a98rgb":
|
|
116
|
+
return `color(a98-rgb ${c1} ${c2} ${c3} / ${alpha})`;
|
|
115
117
|
case "prophoto":
|
|
118
|
+
return `color(prophoto-rgb ${c1} ${c2} ${c3} / ${alpha})`;
|
|
119
|
+
case "srgb-linear":
|
|
116
120
|
case "rec2020":
|
|
117
121
|
case "xyz-d65":
|
|
118
122
|
case "xyz-d50":
|
|
@@ -224,7 +228,7 @@ var ColorValue = z.object({
|
|
|
224
228
|
z.literal("xyz-d50")
|
|
225
229
|
]),
|
|
226
230
|
components: z.tuple([z.number(), z.number(), z.number()]),
|
|
227
|
-
alpha: z.number(),
|
|
231
|
+
alpha: z.union([z.number(), z.lazy(() => VarValue)]),
|
|
228
232
|
hidden: z.boolean().optional()
|
|
229
233
|
});
|
|
230
234
|
var FunctionValue = z.object({
|
package/lib/runtime.js
CHANGED
|
@@ -61,7 +61,7 @@ var toValue = (styleValue, transformValue) => {
|
|
|
61
61
|
}
|
|
62
62
|
if (value.type === "color") {
|
|
63
63
|
let [c1, c2, c3] = value.components;
|
|
64
|
-
const alpha = value.alpha;
|
|
64
|
+
const alpha = typeof value.alpha === "number" ? value.alpha : toValue(value.alpha);
|
|
65
65
|
switch (value.colorSpace) {
|
|
66
66
|
case "srgb": {
|
|
67
67
|
c1 = Math.round(c1 * 255);
|
|
@@ -81,11 +81,15 @@ var toValue = (styleValue, transformValue) => {
|
|
|
81
81
|
return `oklab(${c1} ${c2} ${c3} / ${alpha})`;
|
|
82
82
|
case "oklch":
|
|
83
83
|
return `oklch(${c1} ${c2} ${c3} / ${alpha})`;
|
|
84
|
-
// Fall back to color() function for less common color spaces
|
|
84
|
+
// Fall back to color() function for less common color spaces.
|
|
85
|
+
// Webstudio uses colorjs internal names; map to CSS predefined color space names.
|
|
85
86
|
case "p3":
|
|
86
|
-
|
|
87
|
+
return `color(display-p3 ${c1} ${c2} ${c3} / ${alpha})`;
|
|
87
88
|
case "a98rgb":
|
|
89
|
+
return `color(a98-rgb ${c1} ${c2} ${c3} / ${alpha})`;
|
|
88
90
|
case "prophoto":
|
|
91
|
+
return `color(prophoto-rgb ${c1} ${c2} ${c3} / ${alpha})`;
|
|
92
|
+
case "srgb-linear":
|
|
89
93
|
case "rec2020":
|
|
90
94
|
case "xyz-d65":
|
|
91
95
|
case "xyz-d50":
|
|
@@ -23,18 +23,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
23
23
|
value: string;
|
|
24
24
|
type: "unparsed";
|
|
25
25
|
hidden?: boolean | undefined;
|
|
26
|
-
} | {
|
|
27
|
-
type: "color";
|
|
28
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
29
|
-
components: [number, number, number];
|
|
30
|
-
alpha: number;
|
|
31
|
-
hidden?: boolean | undefined;
|
|
32
|
-
} | {
|
|
26
|
+
} | import("..").ColorValue | {
|
|
33
27
|
r: number;
|
|
34
28
|
type: "rgb";
|
|
35
|
-
alpha: number;
|
|
36
29
|
g: number;
|
|
37
30
|
b: number;
|
|
31
|
+
alpha: number;
|
|
38
32
|
hidden?: boolean | undefined;
|
|
39
33
|
} | {
|
|
40
34
|
type: "function";
|
|
@@ -57,18 +51,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
57
51
|
value: string;
|
|
58
52
|
type: "unparsed";
|
|
59
53
|
hidden?: boolean | undefined;
|
|
60
|
-
} | {
|
|
61
|
-
type: "color";
|
|
62
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
63
|
-
components: [number, number, number];
|
|
64
|
-
alpha: number;
|
|
65
|
-
hidden?: boolean | undefined;
|
|
66
|
-
} | {
|
|
54
|
+
} | import("..").ColorValue | {
|
|
67
55
|
r: number;
|
|
68
56
|
type: "rgb";
|
|
69
|
-
alpha: number;
|
|
70
57
|
g: number;
|
|
71
58
|
b: number;
|
|
59
|
+
alpha: number;
|
|
72
60
|
hidden?: boolean | undefined;
|
|
73
61
|
} | undefined;
|
|
74
62
|
hidden?: boolean | undefined;
|
|
@@ -96,18 +84,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
96
84
|
value: string;
|
|
97
85
|
type: "unparsed";
|
|
98
86
|
hidden?: boolean | undefined;
|
|
99
|
-
} | {
|
|
100
|
-
type: "color";
|
|
101
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
102
|
-
components: [number, number, number];
|
|
103
|
-
alpha: number;
|
|
104
|
-
hidden?: boolean | undefined;
|
|
105
|
-
} | {
|
|
87
|
+
} | import("..").ColorValue | {
|
|
106
88
|
r: number;
|
|
107
89
|
type: "rgb";
|
|
108
|
-
alpha: number;
|
|
109
90
|
g: number;
|
|
110
91
|
b: number;
|
|
92
|
+
alpha: number;
|
|
111
93
|
hidden?: boolean | undefined;
|
|
112
94
|
} | {
|
|
113
95
|
type: "function";
|
|
@@ -130,18 +112,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
130
112
|
value: string;
|
|
131
113
|
type: "unparsed";
|
|
132
114
|
hidden?: boolean | undefined;
|
|
133
|
-
} | {
|
|
134
|
-
type: "color";
|
|
135
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
136
|
-
components: [number, number, number];
|
|
137
|
-
alpha: number;
|
|
138
|
-
hidden?: boolean | undefined;
|
|
139
|
-
} | {
|
|
115
|
+
} | import("..").ColorValue | {
|
|
140
116
|
r: number;
|
|
141
117
|
type: "rgb";
|
|
142
|
-
alpha: number;
|
|
143
118
|
g: number;
|
|
144
119
|
b: number;
|
|
120
|
+
alpha: number;
|
|
145
121
|
hidden?: boolean | undefined;
|
|
146
122
|
} | undefined;
|
|
147
123
|
hidden?: boolean | undefined;
|
|
@@ -172,18 +148,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
172
148
|
value: string;
|
|
173
149
|
type: "unparsed";
|
|
174
150
|
hidden?: boolean | undefined;
|
|
175
|
-
} | {
|
|
176
|
-
type: "color";
|
|
177
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
178
|
-
components: [number, number, number];
|
|
179
|
-
alpha: number;
|
|
180
|
-
hidden?: boolean | undefined;
|
|
181
|
-
} | {
|
|
151
|
+
} | import("..").ColorValue | {
|
|
182
152
|
r: number;
|
|
183
153
|
type: "rgb";
|
|
184
|
-
alpha: number;
|
|
185
154
|
g: number;
|
|
186
155
|
b: number;
|
|
156
|
+
alpha: number;
|
|
187
157
|
hidden?: boolean | undefined;
|
|
188
158
|
} | undefined;
|
|
189
159
|
hidden?: boolean | undefined;
|
|
@@ -209,18 +179,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
209
179
|
value: string;
|
|
210
180
|
type: "unparsed";
|
|
211
181
|
hidden?: boolean | undefined;
|
|
212
|
-
} | {
|
|
213
|
-
type: "color";
|
|
214
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
215
|
-
components: [number, number, number];
|
|
216
|
-
alpha: number;
|
|
217
|
-
hidden?: boolean | undefined;
|
|
218
|
-
} | {
|
|
182
|
+
} | import("..").ColorValue | {
|
|
219
183
|
r: number;
|
|
220
184
|
type: "rgb";
|
|
221
|
-
alpha: number;
|
|
222
185
|
g: number;
|
|
223
186
|
b: number;
|
|
187
|
+
alpha: number;
|
|
224
188
|
hidden?: boolean | undefined;
|
|
225
189
|
} | undefined;
|
|
226
190
|
hidden?: boolean | undefined;
|
|
@@ -229,18 +193,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
229
193
|
value: string;
|
|
230
194
|
type: "keyword";
|
|
231
195
|
hidden?: boolean | undefined;
|
|
232
|
-
} | {
|
|
233
|
-
type: "color";
|
|
234
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
235
|
-
components: [number, number, number];
|
|
236
|
-
alpha: number;
|
|
237
|
-
hidden?: boolean | undefined;
|
|
238
|
-
} | {
|
|
196
|
+
} | import("..").ColorValue | {
|
|
239
197
|
r: number;
|
|
240
198
|
type: "rgb";
|
|
241
|
-
alpha: number;
|
|
242
199
|
g: number;
|
|
243
200
|
b: number;
|
|
201
|
+
alpha: number;
|
|
244
202
|
hidden?: boolean | undefined;
|
|
245
203
|
} | {
|
|
246
204
|
value: string;
|
|
@@ -258,18 +216,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
258
216
|
value: string;
|
|
259
217
|
type: "unparsed";
|
|
260
218
|
hidden?: boolean | undefined;
|
|
261
|
-
} | {
|
|
262
|
-
type: "color";
|
|
263
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
264
|
-
components: [number, number, number];
|
|
265
|
-
alpha: number;
|
|
266
|
-
hidden?: boolean | undefined;
|
|
267
|
-
} | {
|
|
219
|
+
} | import("..").ColorValue | {
|
|
268
220
|
r: number;
|
|
269
221
|
type: "rgb";
|
|
270
|
-
alpha: number;
|
|
271
222
|
g: number;
|
|
272
223
|
b: number;
|
|
224
|
+
alpha: number;
|
|
273
225
|
hidden?: boolean | undefined;
|
|
274
226
|
} | undefined;
|
|
275
227
|
hidden?: boolean | undefined;
|
|
@@ -296,18 +248,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
296
248
|
value: string;
|
|
297
249
|
type: "unparsed";
|
|
298
250
|
hidden?: boolean | undefined;
|
|
299
|
-
} | {
|
|
300
|
-
type: "color";
|
|
301
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
302
|
-
components: [number, number, number];
|
|
303
|
-
alpha: number;
|
|
304
|
-
hidden?: boolean | undefined;
|
|
305
|
-
} | {
|
|
251
|
+
} | import("..").ColorValue | {
|
|
306
252
|
r: number;
|
|
307
253
|
type: "rgb";
|
|
308
|
-
alpha: number;
|
|
309
254
|
g: number;
|
|
310
255
|
b: number;
|
|
256
|
+
alpha: number;
|
|
311
257
|
hidden?: boolean | undefined;
|
|
312
258
|
} | undefined;
|
|
313
259
|
hidden?: boolean | undefined;
|
|
@@ -333,18 +279,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
333
279
|
value: string;
|
|
334
280
|
type: "unparsed";
|
|
335
281
|
hidden?: boolean | undefined;
|
|
336
|
-
} | {
|
|
337
|
-
type: "color";
|
|
338
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
339
|
-
components: [number, number, number];
|
|
340
|
-
alpha: number;
|
|
341
|
-
hidden?: boolean | undefined;
|
|
342
|
-
} | {
|
|
282
|
+
} | import("..").ColorValue | {
|
|
343
283
|
r: number;
|
|
344
284
|
type: "rgb";
|
|
345
|
-
alpha: number;
|
|
346
285
|
g: number;
|
|
347
286
|
b: number;
|
|
287
|
+
alpha: number;
|
|
348
288
|
hidden?: boolean | undefined;
|
|
349
289
|
} | undefined;
|
|
350
290
|
hidden?: boolean | undefined;
|
|
@@ -377,18 +317,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
377
317
|
value: string;
|
|
378
318
|
type: "unparsed";
|
|
379
319
|
hidden?: boolean | undefined;
|
|
380
|
-
} | {
|
|
381
|
-
type: "color";
|
|
382
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
383
|
-
components: [number, number, number];
|
|
384
|
-
alpha: number;
|
|
385
|
-
hidden?: boolean | undefined;
|
|
386
|
-
} | {
|
|
320
|
+
} | import("..").ColorValue | {
|
|
387
321
|
r: number;
|
|
388
322
|
type: "rgb";
|
|
389
|
-
alpha: number;
|
|
390
323
|
g: number;
|
|
391
324
|
b: number;
|
|
325
|
+
alpha: number;
|
|
392
326
|
hidden?: boolean | undefined;
|
|
393
327
|
} | {
|
|
394
328
|
type: "function";
|
|
@@ -411,18 +345,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
411
345
|
value: string;
|
|
412
346
|
type: "unparsed";
|
|
413
347
|
hidden?: boolean | undefined;
|
|
414
|
-
} | {
|
|
415
|
-
type: "color";
|
|
416
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
417
|
-
components: [number, number, number];
|
|
418
|
-
alpha: number;
|
|
419
|
-
hidden?: boolean | undefined;
|
|
420
|
-
} | {
|
|
348
|
+
} | import("..").ColorValue | {
|
|
421
349
|
r: number;
|
|
422
350
|
type: "rgb";
|
|
423
|
-
alpha: number;
|
|
424
351
|
g: number;
|
|
425
352
|
b: number;
|
|
353
|
+
alpha: number;
|
|
426
354
|
hidden?: boolean | undefined;
|
|
427
355
|
} | undefined;
|
|
428
356
|
hidden?: boolean | undefined;
|
|
@@ -450,18 +378,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
450
378
|
value: string;
|
|
451
379
|
type: "unparsed";
|
|
452
380
|
hidden?: boolean | undefined;
|
|
453
|
-
} | {
|
|
454
|
-
type: "color";
|
|
455
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
456
|
-
components: [number, number, number];
|
|
457
|
-
alpha: number;
|
|
458
|
-
hidden?: boolean | undefined;
|
|
459
|
-
} | {
|
|
381
|
+
} | import("..").ColorValue | {
|
|
460
382
|
r: number;
|
|
461
383
|
type: "rgb";
|
|
462
|
-
alpha: number;
|
|
463
384
|
g: number;
|
|
464
385
|
b: number;
|
|
386
|
+
alpha: number;
|
|
465
387
|
hidden?: boolean | undefined;
|
|
466
388
|
} | {
|
|
467
389
|
type: "function";
|
|
@@ -484,18 +406,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
484
406
|
value: string;
|
|
485
407
|
type: "unparsed";
|
|
486
408
|
hidden?: boolean | undefined;
|
|
487
|
-
} | {
|
|
488
|
-
type: "color";
|
|
489
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
490
|
-
components: [number, number, number];
|
|
491
|
-
alpha: number;
|
|
492
|
-
hidden?: boolean | undefined;
|
|
493
|
-
} | {
|
|
409
|
+
} | import("..").ColorValue | {
|
|
494
410
|
r: number;
|
|
495
411
|
type: "rgb";
|
|
496
|
-
alpha: number;
|
|
497
412
|
g: number;
|
|
498
413
|
b: number;
|
|
414
|
+
alpha: number;
|
|
499
415
|
hidden?: boolean | undefined;
|
|
500
416
|
} | undefined;
|
|
501
417
|
hidden?: boolean | undefined;
|
|
@@ -526,18 +442,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
526
442
|
value: string;
|
|
527
443
|
type: "unparsed";
|
|
528
444
|
hidden?: boolean | undefined;
|
|
529
|
-
} | {
|
|
530
|
-
type: "color";
|
|
531
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
532
|
-
components: [number, number, number];
|
|
533
|
-
alpha: number;
|
|
534
|
-
hidden?: boolean | undefined;
|
|
535
|
-
} | {
|
|
445
|
+
} | import("..").ColorValue | {
|
|
536
446
|
r: number;
|
|
537
447
|
type: "rgb";
|
|
538
|
-
alpha: number;
|
|
539
448
|
g: number;
|
|
540
449
|
b: number;
|
|
450
|
+
alpha: number;
|
|
541
451
|
hidden?: boolean | undefined;
|
|
542
452
|
} | undefined;
|
|
543
453
|
hidden?: boolean | undefined;
|
|
@@ -563,18 +473,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
563
473
|
value: string;
|
|
564
474
|
type: "unparsed";
|
|
565
475
|
hidden?: boolean | undefined;
|
|
566
|
-
} | {
|
|
567
|
-
type: "color";
|
|
568
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
569
|
-
components: [number, number, number];
|
|
570
|
-
alpha: number;
|
|
571
|
-
hidden?: boolean | undefined;
|
|
572
|
-
} | {
|
|
476
|
+
} | import("..").ColorValue | {
|
|
573
477
|
r: number;
|
|
574
478
|
type: "rgb";
|
|
575
|
-
alpha: number;
|
|
576
479
|
g: number;
|
|
577
480
|
b: number;
|
|
481
|
+
alpha: number;
|
|
578
482
|
hidden?: boolean | undefined;
|
|
579
483
|
} | undefined;
|
|
580
484
|
hidden?: boolean | undefined;
|
|
@@ -583,18 +487,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
583
487
|
value: string;
|
|
584
488
|
type: "keyword";
|
|
585
489
|
hidden?: boolean | undefined;
|
|
586
|
-
} | {
|
|
587
|
-
type: "color";
|
|
588
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
589
|
-
components: [number, number, number];
|
|
590
|
-
alpha: number;
|
|
591
|
-
hidden?: boolean | undefined;
|
|
592
|
-
} | {
|
|
490
|
+
} | import("..").ColorValue | {
|
|
593
491
|
r: number;
|
|
594
492
|
type: "rgb";
|
|
595
|
-
alpha: number;
|
|
596
493
|
g: number;
|
|
597
494
|
b: number;
|
|
495
|
+
alpha: number;
|
|
598
496
|
hidden?: boolean | undefined;
|
|
599
497
|
} | {
|
|
600
498
|
value: string;
|
|
@@ -612,18 +510,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
612
510
|
value: string;
|
|
613
511
|
type: "unparsed";
|
|
614
512
|
hidden?: boolean | undefined;
|
|
615
|
-
} | {
|
|
616
|
-
type: "color";
|
|
617
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
618
|
-
components: [number, number, number];
|
|
619
|
-
alpha: number;
|
|
620
|
-
hidden?: boolean | undefined;
|
|
621
|
-
} | {
|
|
513
|
+
} | import("..").ColorValue | {
|
|
622
514
|
r: number;
|
|
623
515
|
type: "rgb";
|
|
624
|
-
alpha: number;
|
|
625
516
|
g: number;
|
|
626
517
|
b: number;
|
|
518
|
+
alpha: number;
|
|
627
519
|
hidden?: boolean | undefined;
|
|
628
520
|
} | undefined;
|
|
629
521
|
hidden?: boolean | undefined;
|
|
@@ -650,18 +542,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
650
542
|
value: string;
|
|
651
543
|
type: "unparsed";
|
|
652
544
|
hidden?: boolean | undefined;
|
|
653
|
-
} | {
|
|
654
|
-
type: "color";
|
|
655
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
656
|
-
components: [number, number, number];
|
|
657
|
-
alpha: number;
|
|
658
|
-
hidden?: boolean | undefined;
|
|
659
|
-
} | {
|
|
545
|
+
} | import("..").ColorValue | {
|
|
660
546
|
r: number;
|
|
661
547
|
type: "rgb";
|
|
662
|
-
alpha: number;
|
|
663
548
|
g: number;
|
|
664
549
|
b: number;
|
|
550
|
+
alpha: number;
|
|
665
551
|
hidden?: boolean | undefined;
|
|
666
552
|
} | undefined;
|
|
667
553
|
hidden?: boolean | undefined;
|
|
@@ -687,18 +573,12 @@ export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
|
|
|
687
573
|
value: string;
|
|
688
574
|
type: "unparsed";
|
|
689
575
|
hidden?: boolean | undefined;
|
|
690
|
-
} | {
|
|
691
|
-
type: "color";
|
|
692
|
-
colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
|
|
693
|
-
components: [number, number, number];
|
|
694
|
-
alpha: number;
|
|
695
|
-
hidden?: boolean | undefined;
|
|
696
|
-
} | {
|
|
576
|
+
} | import("..").ColorValue | {
|
|
697
577
|
r: number;
|
|
698
578
|
type: "rgb";
|
|
699
|
-
alpha: number;
|
|
700
579
|
g: number;
|
|
701
580
|
b: number;
|
|
581
|
+
alpha: number;
|
|
702
582
|
hidden?: boolean | undefined;
|
|
703
583
|
} | undefined;
|
|
704
584
|
hidden?: boolean | undefined;
|