@yahoo/uds-create-config 5.73.0 → 5.73.2
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/configs/react-native-system.d.ts +7 -7
- package/dist/entities/native/NativeStyleProperty.d.ts +14 -14
- package/dist/entities/system/Motion.d.ts +28 -28
- package/dist/entities/system/component-module.js +25 -3
- package/dist/entities/system/reanimated-motion.d.ts +28 -28
- package/dist/framework/class-names.js +27 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -269,13 +269,6 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
|
|
|
269
269
|
flexShrink: "flexShrink";
|
|
270
270
|
flexBasis: "flexBasis";
|
|
271
271
|
lineHeight: "lineHeight";
|
|
272
|
-
elevation: "elevation";
|
|
273
|
-
fontSize: "fontSize";
|
|
274
|
-
fontStyle: "fontStyle";
|
|
275
|
-
fontVariant: "fontVariant";
|
|
276
|
-
fontWeight: "fontWeight";
|
|
277
|
-
letterSpacing: "letterSpacing";
|
|
278
|
-
pointerEvents: "pointerEvents";
|
|
279
272
|
alignContent: "alignContent";
|
|
280
273
|
alignItems: "alignItems";
|
|
281
274
|
alignSelf: "alignSelf";
|
|
@@ -317,12 +310,17 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
|
|
|
317
310
|
boxShadow: "boxShadow";
|
|
318
311
|
boxSizing: "boxSizing";
|
|
319
312
|
columnGap: "columnGap";
|
|
313
|
+
elevation: "elevation";
|
|
320
314
|
experimental_backgroundImage: "experimental_backgroundImage";
|
|
321
315
|
experimental_backgroundPosition: "experimental_backgroundPosition";
|
|
322
316
|
experimental_backgroundRepeat: "experimental_backgroundRepeat";
|
|
323
317
|
experimental_backgroundSize: "experimental_backgroundSize";
|
|
324
318
|
flexDirection: "flexDirection";
|
|
325
319
|
flexWrap: "flexWrap";
|
|
320
|
+
fontSize: "fontSize";
|
|
321
|
+
fontStyle: "fontStyle";
|
|
322
|
+
fontVariant: "fontVariant";
|
|
323
|
+
fontWeight: "fontWeight";
|
|
326
324
|
includeFontPadding: "includeFontPadding";
|
|
327
325
|
insetBlock: "insetBlock";
|
|
328
326
|
insetBlockEnd: "insetBlockEnd";
|
|
@@ -331,6 +329,7 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
|
|
|
331
329
|
insetInlineEnd: "insetInlineEnd";
|
|
332
330
|
insetInlineStart: "insetInlineStart";
|
|
333
331
|
justifyContent: "justifyContent";
|
|
332
|
+
letterSpacing: "letterSpacing";
|
|
334
333
|
marginBlock: "marginBlock";
|
|
335
334
|
marginBlockEnd: "marginBlockEnd";
|
|
336
335
|
marginBlockStart: "marginBlockStart";
|
|
@@ -370,6 +369,7 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
|
|
|
370
369
|
paddingStart: "paddingStart";
|
|
371
370
|
paddingTop: "paddingTop";
|
|
372
371
|
paddingVertical: "paddingVertical";
|
|
372
|
+
pointerEvents: "pointerEvents";
|
|
373
373
|
resizeMode: "resizeMode";
|
|
374
374
|
rotation: "rotation";
|
|
375
375
|
rowGap: "rowGap";
|
|
@@ -34,13 +34,6 @@ declare const rnStyleKey: z.ZodEnum<{
|
|
|
34
34
|
flexShrink: "flexShrink";
|
|
35
35
|
flexBasis: "flexBasis";
|
|
36
36
|
lineHeight: "lineHeight";
|
|
37
|
-
elevation: "elevation";
|
|
38
|
-
fontSize: "fontSize";
|
|
39
|
-
fontStyle: "fontStyle";
|
|
40
|
-
fontVariant: "fontVariant";
|
|
41
|
-
fontWeight: "fontWeight";
|
|
42
|
-
letterSpacing: "letterSpacing";
|
|
43
|
-
pointerEvents: "pointerEvents";
|
|
44
37
|
alignContent: "alignContent";
|
|
45
38
|
alignItems: "alignItems";
|
|
46
39
|
alignSelf: "alignSelf";
|
|
@@ -82,12 +75,17 @@ declare const rnStyleKey: z.ZodEnum<{
|
|
|
82
75
|
boxShadow: "boxShadow";
|
|
83
76
|
boxSizing: "boxSizing";
|
|
84
77
|
columnGap: "columnGap";
|
|
78
|
+
elevation: "elevation";
|
|
85
79
|
experimental_backgroundImage: "experimental_backgroundImage";
|
|
86
80
|
experimental_backgroundPosition: "experimental_backgroundPosition";
|
|
87
81
|
experimental_backgroundRepeat: "experimental_backgroundRepeat";
|
|
88
82
|
experimental_backgroundSize: "experimental_backgroundSize";
|
|
89
83
|
flexDirection: "flexDirection";
|
|
90
84
|
flexWrap: "flexWrap";
|
|
85
|
+
fontSize: "fontSize";
|
|
86
|
+
fontStyle: "fontStyle";
|
|
87
|
+
fontVariant: "fontVariant";
|
|
88
|
+
fontWeight: "fontWeight";
|
|
91
89
|
includeFontPadding: "includeFontPadding";
|
|
92
90
|
insetBlock: "insetBlock";
|
|
93
91
|
insetBlockEnd: "insetBlockEnd";
|
|
@@ -96,6 +94,7 @@ declare const rnStyleKey: z.ZodEnum<{
|
|
|
96
94
|
insetInlineEnd: "insetInlineEnd";
|
|
97
95
|
insetInlineStart: "insetInlineStart";
|
|
98
96
|
justifyContent: "justifyContent";
|
|
97
|
+
letterSpacing: "letterSpacing";
|
|
99
98
|
marginBlock: "marginBlock";
|
|
100
99
|
marginBlockEnd: "marginBlockEnd";
|
|
101
100
|
marginBlockStart: "marginBlockStart";
|
|
@@ -135,6 +134,7 @@ declare const rnStyleKey: z.ZodEnum<{
|
|
|
135
134
|
paddingStart: "paddingStart";
|
|
136
135
|
paddingTop: "paddingTop";
|
|
137
136
|
paddingVertical: "paddingVertical";
|
|
137
|
+
pointerEvents: "pointerEvents";
|
|
138
138
|
resizeMode: "resizeMode";
|
|
139
139
|
rotation: "rotation";
|
|
140
140
|
rowGap: "rowGap";
|
|
@@ -236,13 +236,6 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
|
|
|
236
236
|
flexShrink: "flexShrink";
|
|
237
237
|
flexBasis: "flexBasis";
|
|
238
238
|
lineHeight: "lineHeight";
|
|
239
|
-
elevation: "elevation";
|
|
240
|
-
fontSize: "fontSize";
|
|
241
|
-
fontStyle: "fontStyle";
|
|
242
|
-
fontVariant: "fontVariant";
|
|
243
|
-
fontWeight: "fontWeight";
|
|
244
|
-
letterSpacing: "letterSpacing";
|
|
245
|
-
pointerEvents: "pointerEvents";
|
|
246
239
|
alignContent: "alignContent";
|
|
247
240
|
alignItems: "alignItems";
|
|
248
241
|
alignSelf: "alignSelf";
|
|
@@ -284,12 +277,17 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
|
|
|
284
277
|
boxShadow: "boxShadow";
|
|
285
278
|
boxSizing: "boxSizing";
|
|
286
279
|
columnGap: "columnGap";
|
|
280
|
+
elevation: "elevation";
|
|
287
281
|
experimental_backgroundImage: "experimental_backgroundImage";
|
|
288
282
|
experimental_backgroundPosition: "experimental_backgroundPosition";
|
|
289
283
|
experimental_backgroundRepeat: "experimental_backgroundRepeat";
|
|
290
284
|
experimental_backgroundSize: "experimental_backgroundSize";
|
|
291
285
|
flexDirection: "flexDirection";
|
|
292
286
|
flexWrap: "flexWrap";
|
|
287
|
+
fontSize: "fontSize";
|
|
288
|
+
fontStyle: "fontStyle";
|
|
289
|
+
fontVariant: "fontVariant";
|
|
290
|
+
fontWeight: "fontWeight";
|
|
293
291
|
includeFontPadding: "includeFontPadding";
|
|
294
292
|
insetBlock: "insetBlock";
|
|
295
293
|
insetBlockEnd: "insetBlockEnd";
|
|
@@ -298,6 +296,7 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
|
|
|
298
296
|
insetInlineEnd: "insetInlineEnd";
|
|
299
297
|
insetInlineStart: "insetInlineStart";
|
|
300
298
|
justifyContent: "justifyContent";
|
|
299
|
+
letterSpacing: "letterSpacing";
|
|
301
300
|
marginBlock: "marginBlock";
|
|
302
301
|
marginBlockEnd: "marginBlockEnd";
|
|
303
302
|
marginBlockStart: "marginBlockStart";
|
|
@@ -337,6 +336,7 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
|
|
|
337
336
|
paddingStart: "paddingStart";
|
|
338
337
|
paddingTop: "paddingTop";
|
|
339
338
|
paddingVertical: "paddingVertical";
|
|
339
|
+
pointerEvents: "pointerEvents";
|
|
340
340
|
resizeMode: "resizeMode";
|
|
341
341
|
rotation: "rotation";
|
|
342
342
|
rowGap: "rowGap";
|
|
@@ -67,13 +67,6 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
67
67
|
flexShrink: "flexShrink";
|
|
68
68
|
flexBasis: "flexBasis";
|
|
69
69
|
lineHeight: "lineHeight";
|
|
70
|
-
elevation: "elevation";
|
|
71
|
-
fontSize: "fontSize";
|
|
72
|
-
fontStyle: "fontStyle";
|
|
73
|
-
fontVariant: "fontVariant";
|
|
74
|
-
fontWeight: "fontWeight";
|
|
75
|
-
letterSpacing: "letterSpacing";
|
|
76
|
-
pointerEvents: "pointerEvents";
|
|
77
70
|
alignContent: "alignContent";
|
|
78
71
|
alignItems: "alignItems";
|
|
79
72
|
alignSelf: "alignSelf";
|
|
@@ -115,12 +108,17 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
115
108
|
boxShadow: "boxShadow";
|
|
116
109
|
boxSizing: "boxSizing";
|
|
117
110
|
columnGap: "columnGap";
|
|
111
|
+
elevation: "elevation";
|
|
118
112
|
experimental_backgroundImage: "experimental_backgroundImage";
|
|
119
113
|
experimental_backgroundPosition: "experimental_backgroundPosition";
|
|
120
114
|
experimental_backgroundRepeat: "experimental_backgroundRepeat";
|
|
121
115
|
experimental_backgroundSize: "experimental_backgroundSize";
|
|
122
116
|
flexDirection: "flexDirection";
|
|
123
117
|
flexWrap: "flexWrap";
|
|
118
|
+
fontSize: "fontSize";
|
|
119
|
+
fontStyle: "fontStyle";
|
|
120
|
+
fontVariant: "fontVariant";
|
|
121
|
+
fontWeight: "fontWeight";
|
|
124
122
|
includeFontPadding: "includeFontPadding";
|
|
125
123
|
insetBlock: "insetBlock";
|
|
126
124
|
insetBlockEnd: "insetBlockEnd";
|
|
@@ -129,6 +127,7 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
129
127
|
insetInlineEnd: "insetInlineEnd";
|
|
130
128
|
insetInlineStart: "insetInlineStart";
|
|
131
129
|
justifyContent: "justifyContent";
|
|
130
|
+
letterSpacing: "letterSpacing";
|
|
132
131
|
marginBlock: "marginBlock";
|
|
133
132
|
marginBlockEnd: "marginBlockEnd";
|
|
134
133
|
marginBlockStart: "marginBlockStart";
|
|
@@ -168,6 +167,7 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
168
167
|
paddingStart: "paddingStart";
|
|
169
168
|
paddingTop: "paddingTop";
|
|
170
169
|
paddingVertical: "paddingVertical";
|
|
170
|
+
pointerEvents: "pointerEvents";
|
|
171
171
|
resizeMode: "resizeMode";
|
|
172
172
|
rotation: "rotation";
|
|
173
173
|
rowGap: "rowGap";
|
|
@@ -225,13 +225,6 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
225
225
|
flexShrink: "flexShrink";
|
|
226
226
|
flexBasis: "flexBasis";
|
|
227
227
|
lineHeight: "lineHeight";
|
|
228
|
-
elevation: "elevation";
|
|
229
|
-
fontSize: "fontSize";
|
|
230
|
-
fontStyle: "fontStyle";
|
|
231
|
-
fontVariant: "fontVariant";
|
|
232
|
-
fontWeight: "fontWeight";
|
|
233
|
-
letterSpacing: "letterSpacing";
|
|
234
|
-
pointerEvents: "pointerEvents";
|
|
235
228
|
alignContent: "alignContent";
|
|
236
229
|
alignItems: "alignItems";
|
|
237
230
|
alignSelf: "alignSelf";
|
|
@@ -273,12 +266,17 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
273
266
|
boxShadow: "boxShadow";
|
|
274
267
|
boxSizing: "boxSizing";
|
|
275
268
|
columnGap: "columnGap";
|
|
269
|
+
elevation: "elevation";
|
|
276
270
|
experimental_backgroundImage: "experimental_backgroundImage";
|
|
277
271
|
experimental_backgroundPosition: "experimental_backgroundPosition";
|
|
278
272
|
experimental_backgroundRepeat: "experimental_backgroundRepeat";
|
|
279
273
|
experimental_backgroundSize: "experimental_backgroundSize";
|
|
280
274
|
flexDirection: "flexDirection";
|
|
281
275
|
flexWrap: "flexWrap";
|
|
276
|
+
fontSize: "fontSize";
|
|
277
|
+
fontStyle: "fontStyle";
|
|
278
|
+
fontVariant: "fontVariant";
|
|
279
|
+
fontWeight: "fontWeight";
|
|
282
280
|
includeFontPadding: "includeFontPadding";
|
|
283
281
|
insetBlock: "insetBlock";
|
|
284
282
|
insetBlockEnd: "insetBlockEnd";
|
|
@@ -287,6 +285,7 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
287
285
|
insetInlineEnd: "insetInlineEnd";
|
|
288
286
|
insetInlineStart: "insetInlineStart";
|
|
289
287
|
justifyContent: "justifyContent";
|
|
288
|
+
letterSpacing: "letterSpacing";
|
|
290
289
|
marginBlock: "marginBlock";
|
|
291
290
|
marginBlockEnd: "marginBlockEnd";
|
|
292
291
|
marginBlockStart: "marginBlockStart";
|
|
@@ -326,6 +325,7 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
326
325
|
paddingStart: "paddingStart";
|
|
327
326
|
paddingTop: "paddingTop";
|
|
328
327
|
paddingVertical: "paddingVertical";
|
|
328
|
+
pointerEvents: "pointerEvents";
|
|
329
329
|
resizeMode: "resizeMode";
|
|
330
330
|
rotation: "rotation";
|
|
331
331
|
rowGap: "rowGap";
|
|
@@ -421,13 +421,6 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
421
421
|
flexShrink: "flexShrink";
|
|
422
422
|
flexBasis: "flexBasis";
|
|
423
423
|
lineHeight: "lineHeight";
|
|
424
|
-
elevation: "elevation";
|
|
425
|
-
fontSize: "fontSize";
|
|
426
|
-
fontStyle: "fontStyle";
|
|
427
|
-
fontVariant: "fontVariant";
|
|
428
|
-
fontWeight: "fontWeight";
|
|
429
|
-
letterSpacing: "letterSpacing";
|
|
430
|
-
pointerEvents: "pointerEvents";
|
|
431
424
|
alignContent: "alignContent";
|
|
432
425
|
alignItems: "alignItems";
|
|
433
426
|
alignSelf: "alignSelf";
|
|
@@ -469,12 +462,17 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
469
462
|
boxShadow: "boxShadow";
|
|
470
463
|
boxSizing: "boxSizing";
|
|
471
464
|
columnGap: "columnGap";
|
|
465
|
+
elevation: "elevation";
|
|
472
466
|
experimental_backgroundImage: "experimental_backgroundImage";
|
|
473
467
|
experimental_backgroundPosition: "experimental_backgroundPosition";
|
|
474
468
|
experimental_backgroundRepeat: "experimental_backgroundRepeat";
|
|
475
469
|
experimental_backgroundSize: "experimental_backgroundSize";
|
|
476
470
|
flexDirection: "flexDirection";
|
|
477
471
|
flexWrap: "flexWrap";
|
|
472
|
+
fontSize: "fontSize";
|
|
473
|
+
fontStyle: "fontStyle";
|
|
474
|
+
fontVariant: "fontVariant";
|
|
475
|
+
fontWeight: "fontWeight";
|
|
478
476
|
includeFontPadding: "includeFontPadding";
|
|
479
477
|
insetBlock: "insetBlock";
|
|
480
478
|
insetBlockEnd: "insetBlockEnd";
|
|
@@ -483,6 +481,7 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
483
481
|
insetInlineEnd: "insetInlineEnd";
|
|
484
482
|
insetInlineStart: "insetInlineStart";
|
|
485
483
|
justifyContent: "justifyContent";
|
|
484
|
+
letterSpacing: "letterSpacing";
|
|
486
485
|
marginBlock: "marginBlock";
|
|
487
486
|
marginBlockEnd: "marginBlockEnd";
|
|
488
487
|
marginBlockStart: "marginBlockStart";
|
|
@@ -522,6 +521,7 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
522
521
|
paddingStart: "paddingStart";
|
|
523
522
|
paddingTop: "paddingTop";
|
|
524
523
|
paddingVertical: "paddingVertical";
|
|
524
|
+
pointerEvents: "pointerEvents";
|
|
525
525
|
resizeMode: "resizeMode";
|
|
526
526
|
rotation: "rotation";
|
|
527
527
|
rowGap: "rowGap";
|
|
@@ -597,13 +597,6 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
597
597
|
flexShrink: "flexShrink";
|
|
598
598
|
flexBasis: "flexBasis";
|
|
599
599
|
lineHeight: "lineHeight";
|
|
600
|
-
elevation: "elevation";
|
|
601
|
-
fontSize: "fontSize";
|
|
602
|
-
fontStyle: "fontStyle";
|
|
603
|
-
fontVariant: "fontVariant";
|
|
604
|
-
fontWeight: "fontWeight";
|
|
605
|
-
letterSpacing: "letterSpacing";
|
|
606
|
-
pointerEvents: "pointerEvents";
|
|
607
600
|
alignContent: "alignContent";
|
|
608
601
|
alignItems: "alignItems";
|
|
609
602
|
alignSelf: "alignSelf";
|
|
@@ -645,12 +638,17 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
645
638
|
boxShadow: "boxShadow";
|
|
646
639
|
boxSizing: "boxSizing";
|
|
647
640
|
columnGap: "columnGap";
|
|
641
|
+
elevation: "elevation";
|
|
648
642
|
experimental_backgroundImage: "experimental_backgroundImage";
|
|
649
643
|
experimental_backgroundPosition: "experimental_backgroundPosition";
|
|
650
644
|
experimental_backgroundRepeat: "experimental_backgroundRepeat";
|
|
651
645
|
experimental_backgroundSize: "experimental_backgroundSize";
|
|
652
646
|
flexDirection: "flexDirection";
|
|
653
647
|
flexWrap: "flexWrap";
|
|
648
|
+
fontSize: "fontSize";
|
|
649
|
+
fontStyle: "fontStyle";
|
|
650
|
+
fontVariant: "fontVariant";
|
|
651
|
+
fontWeight: "fontWeight";
|
|
654
652
|
includeFontPadding: "includeFontPadding";
|
|
655
653
|
insetBlock: "insetBlock";
|
|
656
654
|
insetBlockEnd: "insetBlockEnd";
|
|
@@ -659,6 +657,7 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
659
657
|
insetInlineEnd: "insetInlineEnd";
|
|
660
658
|
insetInlineStart: "insetInlineStart";
|
|
661
659
|
justifyContent: "justifyContent";
|
|
660
|
+
letterSpacing: "letterSpacing";
|
|
662
661
|
marginBlock: "marginBlock";
|
|
663
662
|
marginBlockEnd: "marginBlockEnd";
|
|
664
663
|
marginBlockStart: "marginBlockStart";
|
|
@@ -698,6 +697,7 @@ declare const MotionEntity: EntityClass<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
|
698
697
|
paddingStart: "paddingStart";
|
|
699
698
|
paddingTop: "paddingTop";
|
|
700
699
|
paddingVertical: "paddingVertical";
|
|
700
|
+
pointerEvents: "pointerEvents";
|
|
701
701
|
resizeMode: "resizeMode";
|
|
702
702
|
rotation: "rotation";
|
|
703
703
|
rowGap: "rowGap";
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { isNativeConfig } from "../../configs/platform.js";
|
|
2
2
|
import { isRef, kindOf, pathOf, ref, routedSource, sourceHops, splitRef } from "../../framework/utils/refs.js";
|
|
3
3
|
import { createSliceMemo } from "../../framework/memo.js";
|
|
4
|
-
import { registerModuleView } from "../../framework/module-views.js";
|
|
4
|
+
import { moduleViewOf, registerModuleView } from "../../framework/module-views.js";
|
|
5
5
|
import { File } from "./File.js";
|
|
6
6
|
import { Settings, classPrefixOf, prefixed, varPrefixOf } from "./Settings.js";
|
|
7
|
+
import { stylePropClassBase, stylePropOwnClasses } from "../../framework/class-names.js";
|
|
7
8
|
import { Component } from "./Component.js";
|
|
8
9
|
import { contentKey } from "../../framework/utils/content-key.js";
|
|
9
10
|
//#region src/entities/system/component-module.ts
|
|
@@ -17,7 +18,7 @@ import { contentKey } from "../../framework/utils/content-key.js";
|
|
|
17
18
|
* The shared compiler/runtime contract. Bump whenever codegen can produce different module bytes
|
|
18
19
|
* from identical config-visible inputs (shim contracts, entry shape, transforms, and so on).
|
|
19
20
|
*/
|
|
20
|
-
const COMPONENT_MODULE_BUILD_VERSION =
|
|
21
|
+
const COMPONENT_MODULE_BUILD_VERSION = 10;
|
|
21
22
|
/**
|
|
22
23
|
* Generated web runtime inputs shared by every component module. These are intentionally separate
|
|
23
24
|
* from the per-file closure: editing an unrelated component should not invalidate this module, but
|
|
@@ -124,9 +125,30 @@ function componentRuntimeKey(config) {
|
|
|
124
125
|
name: config.name,
|
|
125
126
|
settings: Settings.get(config)?.toJSON(),
|
|
126
127
|
entities: componentRuntimeEntitiesKey(config),
|
|
127
|
-
inputDir: Settings.get(config)?.inputDir
|
|
128
|
+
inputDir: Settings.get(config)?.inputDir,
|
|
129
|
+
...viewClassNamesKey(config)
|
|
128
130
|
});
|
|
129
131
|
}
|
|
132
|
+
const viewClassNames = /* @__PURE__ */ new WeakMap();
|
|
133
|
+
/**
|
|
134
|
+
* A module view's style-prop classes, which the consumer's rows name where it holds one
|
|
135
|
+
* (`stylePropClassBase`). The view's own entities don't carry them, so a consumer's `classPrefix`
|
|
136
|
+
* edit reaches the key through here. Empty for a config that isn't a view.
|
|
137
|
+
*/
|
|
138
|
+
function viewClassNamesKey(config) {
|
|
139
|
+
if (!moduleViewOf(config)) return {};
|
|
140
|
+
let key = viewClassNames.get(config);
|
|
141
|
+
if (key === void 0) {
|
|
142
|
+
const classNames = {};
|
|
143
|
+
for (const prop of config.list("style-property")) classNames[prop.path] = {
|
|
144
|
+
base: stylePropClassBase(config, prop.path),
|
|
145
|
+
own: Object.fromEntries(stylePropOwnClasses(config, prop.path))
|
|
146
|
+
};
|
|
147
|
+
key = contentKey(classNames);
|
|
148
|
+
viewClassNames.set(config, key);
|
|
149
|
+
}
|
|
150
|
+
return { classNames: key };
|
|
151
|
+
}
|
|
130
152
|
/** Every local sealed file -> the components it declares. One file is one module. */
|
|
131
153
|
function componentsByFile(config) {
|
|
132
154
|
const cached = componentsByFileCache.get(config);
|
|
@@ -31,13 +31,6 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
31
31
|
flexShrink: "flexShrink";
|
|
32
32
|
flexBasis: "flexBasis";
|
|
33
33
|
lineHeight: "lineHeight";
|
|
34
|
-
elevation: "elevation";
|
|
35
|
-
fontSize: "fontSize";
|
|
36
|
-
fontStyle: "fontStyle";
|
|
37
|
-
fontVariant: "fontVariant";
|
|
38
|
-
fontWeight: "fontWeight";
|
|
39
|
-
letterSpacing: "letterSpacing";
|
|
40
|
-
pointerEvents: "pointerEvents";
|
|
41
34
|
alignContent: "alignContent";
|
|
42
35
|
alignItems: "alignItems";
|
|
43
36
|
alignSelf: "alignSelf";
|
|
@@ -79,12 +72,17 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
79
72
|
boxShadow: "boxShadow";
|
|
80
73
|
boxSizing: "boxSizing";
|
|
81
74
|
columnGap: "columnGap";
|
|
75
|
+
elevation: "elevation";
|
|
82
76
|
experimental_backgroundImage: "experimental_backgroundImage";
|
|
83
77
|
experimental_backgroundPosition: "experimental_backgroundPosition";
|
|
84
78
|
experimental_backgroundRepeat: "experimental_backgroundRepeat";
|
|
85
79
|
experimental_backgroundSize: "experimental_backgroundSize";
|
|
86
80
|
flexDirection: "flexDirection";
|
|
87
81
|
flexWrap: "flexWrap";
|
|
82
|
+
fontSize: "fontSize";
|
|
83
|
+
fontStyle: "fontStyle";
|
|
84
|
+
fontVariant: "fontVariant";
|
|
85
|
+
fontWeight: "fontWeight";
|
|
88
86
|
includeFontPadding: "includeFontPadding";
|
|
89
87
|
insetBlock: "insetBlock";
|
|
90
88
|
insetBlockEnd: "insetBlockEnd";
|
|
@@ -93,6 +91,7 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
93
91
|
insetInlineEnd: "insetInlineEnd";
|
|
94
92
|
insetInlineStart: "insetInlineStart";
|
|
95
93
|
justifyContent: "justifyContent";
|
|
94
|
+
letterSpacing: "letterSpacing";
|
|
96
95
|
marginBlock: "marginBlock";
|
|
97
96
|
marginBlockEnd: "marginBlockEnd";
|
|
98
97
|
marginBlockStart: "marginBlockStart";
|
|
@@ -132,6 +131,7 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
132
131
|
paddingStart: "paddingStart";
|
|
133
132
|
paddingTop: "paddingTop";
|
|
134
133
|
paddingVertical: "paddingVertical";
|
|
134
|
+
pointerEvents: "pointerEvents";
|
|
135
135
|
resizeMode: "resizeMode";
|
|
136
136
|
rotation: "rotation";
|
|
137
137
|
rowGap: "rowGap";
|
|
@@ -189,13 +189,6 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
189
189
|
flexShrink: "flexShrink";
|
|
190
190
|
flexBasis: "flexBasis";
|
|
191
191
|
lineHeight: "lineHeight";
|
|
192
|
-
elevation: "elevation";
|
|
193
|
-
fontSize: "fontSize";
|
|
194
|
-
fontStyle: "fontStyle";
|
|
195
|
-
fontVariant: "fontVariant";
|
|
196
|
-
fontWeight: "fontWeight";
|
|
197
|
-
letterSpacing: "letterSpacing";
|
|
198
|
-
pointerEvents: "pointerEvents";
|
|
199
192
|
alignContent: "alignContent";
|
|
200
193
|
alignItems: "alignItems";
|
|
201
194
|
alignSelf: "alignSelf";
|
|
@@ -237,12 +230,17 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
237
230
|
boxShadow: "boxShadow";
|
|
238
231
|
boxSizing: "boxSizing";
|
|
239
232
|
columnGap: "columnGap";
|
|
233
|
+
elevation: "elevation";
|
|
240
234
|
experimental_backgroundImage: "experimental_backgroundImage";
|
|
241
235
|
experimental_backgroundPosition: "experimental_backgroundPosition";
|
|
242
236
|
experimental_backgroundRepeat: "experimental_backgroundRepeat";
|
|
243
237
|
experimental_backgroundSize: "experimental_backgroundSize";
|
|
244
238
|
flexDirection: "flexDirection";
|
|
245
239
|
flexWrap: "flexWrap";
|
|
240
|
+
fontSize: "fontSize";
|
|
241
|
+
fontStyle: "fontStyle";
|
|
242
|
+
fontVariant: "fontVariant";
|
|
243
|
+
fontWeight: "fontWeight";
|
|
246
244
|
includeFontPadding: "includeFontPadding";
|
|
247
245
|
insetBlock: "insetBlock";
|
|
248
246
|
insetBlockEnd: "insetBlockEnd";
|
|
@@ -251,6 +249,7 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
251
249
|
insetInlineEnd: "insetInlineEnd";
|
|
252
250
|
insetInlineStart: "insetInlineStart";
|
|
253
251
|
justifyContent: "justifyContent";
|
|
252
|
+
letterSpacing: "letterSpacing";
|
|
254
253
|
marginBlock: "marginBlock";
|
|
255
254
|
marginBlockEnd: "marginBlockEnd";
|
|
256
255
|
marginBlockStart: "marginBlockStart";
|
|
@@ -290,6 +289,7 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
290
289
|
paddingStart: "paddingStart";
|
|
291
290
|
paddingTop: "paddingTop";
|
|
292
291
|
paddingVertical: "paddingVertical";
|
|
292
|
+
pointerEvents: "pointerEvents";
|
|
293
293
|
resizeMode: "resizeMode";
|
|
294
294
|
rotation: "rotation";
|
|
295
295
|
rowGap: "rowGap";
|
|
@@ -385,13 +385,6 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
385
385
|
flexShrink: "flexShrink";
|
|
386
386
|
flexBasis: "flexBasis";
|
|
387
387
|
lineHeight: "lineHeight";
|
|
388
|
-
elevation: "elevation";
|
|
389
|
-
fontSize: "fontSize";
|
|
390
|
-
fontStyle: "fontStyle";
|
|
391
|
-
fontVariant: "fontVariant";
|
|
392
|
-
fontWeight: "fontWeight";
|
|
393
|
-
letterSpacing: "letterSpacing";
|
|
394
|
-
pointerEvents: "pointerEvents";
|
|
395
388
|
alignContent: "alignContent";
|
|
396
389
|
alignItems: "alignItems";
|
|
397
390
|
alignSelf: "alignSelf";
|
|
@@ -433,12 +426,17 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
433
426
|
boxShadow: "boxShadow";
|
|
434
427
|
boxSizing: "boxSizing";
|
|
435
428
|
columnGap: "columnGap";
|
|
429
|
+
elevation: "elevation";
|
|
436
430
|
experimental_backgroundImage: "experimental_backgroundImage";
|
|
437
431
|
experimental_backgroundPosition: "experimental_backgroundPosition";
|
|
438
432
|
experimental_backgroundRepeat: "experimental_backgroundRepeat";
|
|
439
433
|
experimental_backgroundSize: "experimental_backgroundSize";
|
|
440
434
|
flexDirection: "flexDirection";
|
|
441
435
|
flexWrap: "flexWrap";
|
|
436
|
+
fontSize: "fontSize";
|
|
437
|
+
fontStyle: "fontStyle";
|
|
438
|
+
fontVariant: "fontVariant";
|
|
439
|
+
fontWeight: "fontWeight";
|
|
442
440
|
includeFontPadding: "includeFontPadding";
|
|
443
441
|
insetBlock: "insetBlock";
|
|
444
442
|
insetBlockEnd: "insetBlockEnd";
|
|
@@ -447,6 +445,7 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
447
445
|
insetInlineEnd: "insetInlineEnd";
|
|
448
446
|
insetInlineStart: "insetInlineStart";
|
|
449
447
|
justifyContent: "justifyContent";
|
|
448
|
+
letterSpacing: "letterSpacing";
|
|
450
449
|
marginBlock: "marginBlock";
|
|
451
450
|
marginBlockEnd: "marginBlockEnd";
|
|
452
451
|
marginBlockStart: "marginBlockStart";
|
|
@@ -486,6 +485,7 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
486
485
|
paddingStart: "paddingStart";
|
|
487
486
|
paddingTop: "paddingTop";
|
|
488
487
|
paddingVertical: "paddingVertical";
|
|
488
|
+
pointerEvents: "pointerEvents";
|
|
489
489
|
resizeMode: "resizeMode";
|
|
490
490
|
rotation: "rotation";
|
|
491
491
|
rowGap: "rowGap";
|
|
@@ -561,13 +561,6 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
561
561
|
flexShrink: "flexShrink";
|
|
562
562
|
flexBasis: "flexBasis";
|
|
563
563
|
lineHeight: "lineHeight";
|
|
564
|
-
elevation: "elevation";
|
|
565
|
-
fontSize: "fontSize";
|
|
566
|
-
fontStyle: "fontStyle";
|
|
567
|
-
fontVariant: "fontVariant";
|
|
568
|
-
fontWeight: "fontWeight";
|
|
569
|
-
letterSpacing: "letterSpacing";
|
|
570
|
-
pointerEvents: "pointerEvents";
|
|
571
564
|
alignContent: "alignContent";
|
|
572
565
|
alignItems: "alignItems";
|
|
573
566
|
alignSelf: "alignSelf";
|
|
@@ -609,12 +602,17 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
609
602
|
boxShadow: "boxShadow";
|
|
610
603
|
boxSizing: "boxSizing";
|
|
611
604
|
columnGap: "columnGap";
|
|
605
|
+
elevation: "elevation";
|
|
612
606
|
experimental_backgroundImage: "experimental_backgroundImage";
|
|
613
607
|
experimental_backgroundPosition: "experimental_backgroundPosition";
|
|
614
608
|
experimental_backgroundRepeat: "experimental_backgroundRepeat";
|
|
615
609
|
experimental_backgroundSize: "experimental_backgroundSize";
|
|
616
610
|
flexDirection: "flexDirection";
|
|
617
611
|
flexWrap: "flexWrap";
|
|
612
|
+
fontSize: "fontSize";
|
|
613
|
+
fontStyle: "fontStyle";
|
|
614
|
+
fontVariant: "fontVariant";
|
|
615
|
+
fontWeight: "fontWeight";
|
|
618
616
|
includeFontPadding: "includeFontPadding";
|
|
619
617
|
insetBlock: "insetBlock";
|
|
620
618
|
insetBlockEnd: "insetBlockEnd";
|
|
@@ -623,6 +621,7 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
623
621
|
insetInlineEnd: "insetInlineEnd";
|
|
624
622
|
insetInlineStart: "insetInlineStart";
|
|
625
623
|
justifyContent: "justifyContent";
|
|
624
|
+
letterSpacing: "letterSpacing";
|
|
626
625
|
marginBlock: "marginBlock";
|
|
627
626
|
marginBlockEnd: "marginBlockEnd";
|
|
628
627
|
marginBlockStart: "marginBlockStart";
|
|
@@ -662,6 +661,7 @@ export declare const reanimatedStyle: z.ZodObject<{
|
|
|
662
661
|
paddingStart: "paddingStart";
|
|
663
662
|
paddingTop: "paddingTop";
|
|
664
663
|
paddingVertical: "paddingVertical";
|
|
664
|
+
pointerEvents: "pointerEvents";
|
|
665
665
|
resizeMode: "resizeMode";
|
|
666
666
|
rotation: "rotation";
|
|
667
667
|
rowGap: "rowGap";
|
|
@@ -7,7 +7,7 @@ import { drawnMotionBody, drawnMotionName } from "../entities/system/drawn-motio
|
|
|
7
7
|
import { classPrefixOf, prefixed, varPrefixOf } from "../entities/system/Settings.js";
|
|
8
8
|
import "./component-states.js";
|
|
9
9
|
import { storedPreview } from "./preview-store.js";
|
|
10
|
-
import { authoredValue, className, isCustomPropertyKey, negatedCssValue, renderStyleValue, resolveComponentProps, stylePropEntries, stylePropLeafForToken, stylePropNumberLeaf, stylePropNumberUnit, stylePropValueLeaves, stylePropertyPathFor } from "./projections.js";
|
|
10
|
+
import { authoredValue, className, isCustomPropertyKey, linkedLocalRow, negatedCssValue, renderStyleValue, resolveComponentProps, stylePropEntries, stylePropLeafForToken, stylePropNumberLeaf, stylePropNumberUnit, stylePropValueLeaves, stylePropertyPathFor } from "./projections.js";
|
|
11
11
|
import { inlineMotionId, isInlineMotion, jsMotionBody } from "../entities/system/motion-variants.js";
|
|
12
12
|
import { mergeStyleBags, resolveAppliedComposites } from "../entities/system/applied-composites.js";
|
|
13
13
|
import { ruleApplies } from "./layer-styles.js";
|
|
@@ -823,6 +823,8 @@ function styleRuleMotionClasses(config, path, state = {}) {
|
|
|
823
823
|
* opacity prop in every config in this repo declares no prefix, which is what made this reachable.
|
|
824
824
|
*/
|
|
825
825
|
function stylePropClassBase(config, path) {
|
|
826
|
+
const held = consumerRow(config, path);
|
|
827
|
+
if (held) return stylePropClassBase(held.config, held.path);
|
|
826
828
|
const { classPrefix, opacityOf } = config.resolve("style-property", path)?.toJSON() ?? {};
|
|
827
829
|
if (classPrefix === void 0 && opacityOf) return `${stylePropClassBase(config, pathOf(opacityOf.__ref))}-opacity`;
|
|
828
830
|
const segment = classPrefix ?? path;
|
|
@@ -839,6 +841,8 @@ function stylePropClassBase(config, path) {
|
|
|
839
841
|
* the class through {@link classSelector}, which escapes both.
|
|
840
842
|
*/
|
|
841
843
|
function stylePropClassName(config, path, leaf) {
|
|
844
|
+
const held = consumerRow(config, path);
|
|
845
|
+
if (held) return stylePropClassName(held.config, held.path, leaf);
|
|
842
846
|
const own = ownClassNames(config, path).get(leaf);
|
|
843
847
|
if (own !== void 0) return prefixed({
|
|
844
848
|
prefix: classPrefixOf(config),
|
|
@@ -849,6 +853,26 @@ function stylePropClassName(config, path, leaf) {
|
|
|
849
853
|
if (!suffix) return base;
|
|
850
854
|
return base ? `${base}-${suffix}` : suffix;
|
|
851
855
|
}
|
|
856
|
+
/**
|
|
857
|
+
* The consumer's row a module view's style prop is drawn with, when the consumer holds one. The
|
|
858
|
+
* consumer's stylesheet emits that row's classes, under its own `classPrefix`, so a linked module
|
|
859
|
+
* names the prop's classes from the row too. `undefined` outside a module view, and for a prop the
|
|
860
|
+
* consumer draws with the source's entity.
|
|
861
|
+
*/
|
|
862
|
+
function consumerRow(config, path) {
|
|
863
|
+
const view = moduleViewOf(config);
|
|
864
|
+
if (!view) return void 0;
|
|
865
|
+
const row = linkedLocalRow({
|
|
866
|
+
config: view.consumer,
|
|
867
|
+
slug: view.slug,
|
|
868
|
+
kind: "style-property",
|
|
869
|
+
path
|
|
870
|
+
});
|
|
871
|
+
return row === void 0 ? void 0 : {
|
|
872
|
+
config: view.consumer,
|
|
873
|
+
path: row
|
|
874
|
+
};
|
|
875
|
+
}
|
|
852
876
|
/** Leaf → the class it names, per prop's entries, for the values that name their own. */
|
|
853
877
|
const ownClassNameCache = /* @__PURE__ */ new WeakMap();
|
|
854
878
|
/** The values of a prop that name their own class, by leaf. */
|
|
@@ -866,6 +890,8 @@ function ownClassNames(config, path) {
|
|
|
866
890
|
/** Each value of a prop that names its own class, as the class it is written as. Shared with the
|
|
867
891
|
* emitted runtime, which writes the same class for the same value. */
|
|
868
892
|
function stylePropOwnClasses(config, path) {
|
|
893
|
+
const held = consumerRow(config, path);
|
|
894
|
+
if (held) return stylePropOwnClasses(held.config, held.path);
|
|
869
895
|
const out = /* @__PURE__ */ new Map();
|
|
870
896
|
for (const leaf of ownClassNames(config, path).keys()) out.set(leaf, stylePropClassName(config, path, leaf));
|
|
871
897
|
return out;
|