@yahoo/uds-create-config 5.32.2 → 5.32.4
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/CanvasConfig.d.ts +3 -3
- package/dist/configs/react-native-system.d.ts +58 -26
- package/dist/configs/react-native-system.js +1 -1
- package/dist/configs/system.js +2 -2
- package/dist/entities/native/NativeModifier.d.ts +2 -2
- package/dist/entities/native/NativeStyleProperty.d.ts +39 -39
- package/dist/entities/native/NativeToken.d.ts +40 -7
- package/dist/entities/native/NativeToken.js +8 -4
- package/dist/entities/system/Component.js +28 -6
- package/dist/entities/system/Composite.js +5 -0
- package/dist/entities/system/Modifier.d.ts +2 -2
- package/dist/entities/system/Motion.d.ts +1 -1
- package/dist/entities/system/Settings.js +1 -1
- package/dist/entities/system/Token.js +5 -4
- package/dist/entities/system/component-module.js +1 -1
- package/dist/entities/system/defineComponent.d.ts +14 -8
- package/dist/entities/system/linked-flex-values.d.ts +19 -0
- package/dist/entities/system/linked-flex-values.js +77 -0
- package/dist/entities/system/linked-style-values.d.ts +11 -0
- package/dist/entities/system/linked-style-values.js +47 -0
- package/dist/entities/system/linked-token-values.d.ts +6 -3
- package/dist/entities/system/linked-token-values.js +19 -7
- package/dist/entities/system/motion-presets.js +1 -1
- package/dist/framework/Config.d.ts +3 -1
- package/dist/framework/Config.js +22 -11
- package/dist/framework/projections.js +1 -1
- package/dist/framework/registry.d.ts +5 -2
- package/dist/index.d.ts +2 -1
- package/dist/index.js +10 -9
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -223,8 +223,8 @@ declare const Node: NodeClass;
|
|
|
223
223
|
declare const annotationSegment: z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
|
|
224
224
|
mention: z.ZodObject<{
|
|
225
225
|
kind: z.ZodEnum<{
|
|
226
|
-
token: "token";
|
|
227
226
|
component: "component";
|
|
227
|
+
token: "token";
|
|
228
228
|
}>;
|
|
229
229
|
path: z.ZodString;
|
|
230
230
|
label: z.ZodString;
|
|
@@ -237,8 +237,8 @@ declare const AnnotationFields: z.ZodObject<{
|
|
|
237
237
|
content: z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
|
|
238
238
|
mention: z.ZodObject<{
|
|
239
239
|
kind: z.ZodEnum<{
|
|
240
|
-
token: "token";
|
|
241
240
|
component: "component";
|
|
241
|
+
token: "token";
|
|
242
242
|
}>;
|
|
243
243
|
path: z.ZodString;
|
|
244
244
|
label: z.ZodString;
|
|
@@ -267,8 +267,8 @@ declare const AnnotationDefinition: EntityClass<z.ZodObject<{
|
|
|
267
267
|
content: z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
|
|
268
268
|
mention: z.ZodObject<{
|
|
269
269
|
kind: z.ZodEnum<{
|
|
270
|
-
token: "token";
|
|
271
270
|
component: "component";
|
|
271
|
+
token: "token";
|
|
272
272
|
}>;
|
|
273
273
|
path: z.ZodString;
|
|
274
274
|
label: z.ZodString;
|
|
@@ -89,20 +89,52 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
|
|
|
89
89
|
inherits: _$zod.ZodOptional<_$zod.ZodBoolean>;
|
|
90
90
|
}, _$zod_v4_core0.$strict>>;
|
|
91
91
|
cssVariable: _$zod.ZodOptional<_$zod.ZodUnion<readonly [_$zod.ZodString, _$zod.ZodLiteral<false>]>>;
|
|
92
|
-
}, "value" | "
|
|
93
|
-
value: _$zod.ZodType<string | number | boolean | Ref | DerivedColor
|
|
92
|
+
}, "value" | "overrides" | "property" | "cssVariable"> & {
|
|
93
|
+
value: _$zod.ZodType<string | number | boolean | Ref | DerivedColor | {
|
|
94
|
+
flexGrow: number;
|
|
95
|
+
flexShrink: number;
|
|
96
|
+
flexBasis: string | number;
|
|
97
|
+
}, unknown, _$zod_v4_core0.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor | {
|
|
98
|
+
flexGrow: number;
|
|
99
|
+
flexShrink: number;
|
|
100
|
+
flexBasis: string | number;
|
|
101
|
+
}, unknown>>;
|
|
94
102
|
overrides: _$zod.ZodOptional<_$zod.ZodUnion<readonly [_$zod.ZodPipe<_$zod.ZodArray<_$zod.ZodObject<{
|
|
95
103
|
on: _$zod.ZodType<OverrideCondition, unknown, _$zod_v4_core0.$ZodTypeInternals<OverrideCondition, unknown>>;
|
|
96
|
-
value: _$zod.ZodType<string | number | boolean | Ref | DerivedColor
|
|
104
|
+
value: _$zod.ZodType<string | number | boolean | Ref | DerivedColor | {
|
|
105
|
+
flexGrow: number;
|
|
106
|
+
flexShrink: number;
|
|
107
|
+
flexBasis: string | number;
|
|
108
|
+
}, unknown, _$zod_v4_core0.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor | {
|
|
109
|
+
flexGrow: number;
|
|
110
|
+
flexShrink: number;
|
|
111
|
+
flexBasis: string | number;
|
|
112
|
+
}, unknown>>;
|
|
97
113
|
}, _$zod_v4_core0.$strip>>, _$zod.ZodTransform<Record<string, {
|
|
98
114
|
on: OverrideCondition;
|
|
99
|
-
value: string | number | boolean | Ref | DerivedColor
|
|
115
|
+
value: string | number | boolean | Ref | DerivedColor | {
|
|
116
|
+
flexGrow: number;
|
|
117
|
+
flexShrink: number;
|
|
118
|
+
flexBasis: string | number;
|
|
119
|
+
};
|
|
100
120
|
}>, {
|
|
101
121
|
on: OverrideCondition;
|
|
102
|
-
value: string | number | boolean | Ref | DerivedColor
|
|
122
|
+
value: string | number | boolean | Ref | DerivedColor | {
|
|
123
|
+
flexGrow: number;
|
|
124
|
+
flexShrink: number;
|
|
125
|
+
flexBasis: string | number;
|
|
126
|
+
};
|
|
103
127
|
}[]>>, SubEntityClass<_$zod.ZodObject<{
|
|
104
128
|
on: _$zod.ZodType<OverrideCondition, unknown, _$zod_v4_core0.$ZodTypeInternals<OverrideCondition, unknown>>;
|
|
105
|
-
value: _$zod.ZodType<string | number | boolean | Ref | DerivedColor
|
|
129
|
+
value: _$zod.ZodType<string | number | boolean | Ref | DerivedColor | {
|
|
130
|
+
flexGrow: number;
|
|
131
|
+
flexShrink: number;
|
|
132
|
+
flexBasis: string | number;
|
|
133
|
+
}, unknown, _$zod_v4_core0.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor | {
|
|
134
|
+
flexGrow: number;
|
|
135
|
+
flexShrink: number;
|
|
136
|
+
flexBasis: string | number;
|
|
137
|
+
}, unknown>>;
|
|
106
138
|
}, _$zod_v4_core0.$strip>>]>>;
|
|
107
139
|
}, _$zod_v4_core0.$strip>, _$zod.ZodObject<Omit<{
|
|
108
140
|
cssPrefix: _$zod.ZodOptional<_$zod.ZodString>;
|
|
@@ -153,32 +185,13 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
|
|
|
153
185
|
__ref: _$zod.ZodString;
|
|
154
186
|
}, _$zod_v4_core0.$strip>]>>>;
|
|
155
187
|
opacityOf: _$zod.ZodOptional<_$zod.ZodLazy<_$zod.ZodType<Ref, unknown, _$zod_v4_core0.$ZodTypeInternals<Ref, unknown>>>>;
|
|
156
|
-
}, "values" | "alpha" | "properties" | "
|
|
188
|
+
}, "values" | "alpha" | "properties" | "selector" | "classPrefix" | "declarations"> & {
|
|
157
189
|
properties: _$zod.ZodArray<_$zod.ZodPipe<_$zod.ZodPipe<_$zod.ZodString, _$zod.ZodTransform<string, string>>, _$zod.ZodEnum<{
|
|
158
190
|
transform: "transform";
|
|
159
191
|
filter: "filter";
|
|
160
192
|
color: "color";
|
|
161
193
|
inset: "inset";
|
|
162
194
|
position: "position";
|
|
163
|
-
end: "end";
|
|
164
|
-
start: "start";
|
|
165
|
-
bottom: "bottom";
|
|
166
|
-
left: "left";
|
|
167
|
-
right: "right";
|
|
168
|
-
top: "top";
|
|
169
|
-
flex: "flex";
|
|
170
|
-
cursor: "cursor";
|
|
171
|
-
direction: "direction";
|
|
172
|
-
display: "display";
|
|
173
|
-
gap: "gap";
|
|
174
|
-
height: "height";
|
|
175
|
-
isolation: "isolation";
|
|
176
|
-
margin: "margin";
|
|
177
|
-
opacity: "opacity";
|
|
178
|
-
overflow: "overflow";
|
|
179
|
-
padding: "padding";
|
|
180
|
-
width: "width";
|
|
181
|
-
fontFamily: "fontFamily";
|
|
182
195
|
alignContent: "alignContent";
|
|
183
196
|
alignItems: "alignItems";
|
|
184
197
|
alignSelf: "alignSelf";
|
|
@@ -217,23 +230,32 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
|
|
|
217
230
|
borderTopStartRadius: "borderTopStartRadius";
|
|
218
231
|
borderTopWidth: "borderTopWidth";
|
|
219
232
|
borderWidth: "borderWidth";
|
|
233
|
+
bottom: "bottom";
|
|
220
234
|
boxShadow: "boxShadow";
|
|
221
235
|
boxSizing: "boxSizing";
|
|
222
236
|
columnGap: "columnGap";
|
|
237
|
+
cursor: "cursor";
|
|
238
|
+
direction: "direction";
|
|
239
|
+
display: "display";
|
|
223
240
|
elevation: "elevation";
|
|
241
|
+
end: "end";
|
|
224
242
|
experimental_backgroundImage: "experimental_backgroundImage";
|
|
225
243
|
experimental_backgroundPosition: "experimental_backgroundPosition";
|
|
226
244
|
experimental_backgroundRepeat: "experimental_backgroundRepeat";
|
|
227
245
|
experimental_backgroundSize: "experimental_backgroundSize";
|
|
246
|
+
flex: "flex";
|
|
228
247
|
flexBasis: "flexBasis";
|
|
229
248
|
flexDirection: "flexDirection";
|
|
230
249
|
flexGrow: "flexGrow";
|
|
231
250
|
flexShrink: "flexShrink";
|
|
232
251
|
flexWrap: "flexWrap";
|
|
252
|
+
fontFamily: "fontFamily";
|
|
233
253
|
fontSize: "fontSize";
|
|
234
254
|
fontStyle: "fontStyle";
|
|
235
255
|
fontVariant: "fontVariant";
|
|
236
256
|
fontWeight: "fontWeight";
|
|
257
|
+
gap: "gap";
|
|
258
|
+
height: "height";
|
|
237
259
|
includeFontPadding: "includeFontPadding";
|
|
238
260
|
insetBlock: "insetBlock";
|
|
239
261
|
insetBlockEnd: "insetBlockEnd";
|
|
@@ -241,9 +263,12 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
|
|
|
241
263
|
insetInline: "insetInline";
|
|
242
264
|
insetInlineEnd: "insetInlineEnd";
|
|
243
265
|
insetInlineStart: "insetInlineStart";
|
|
266
|
+
isolation: "isolation";
|
|
244
267
|
justifyContent: "justifyContent";
|
|
268
|
+
left: "left";
|
|
245
269
|
letterSpacing: "letterSpacing";
|
|
246
270
|
lineHeight: "lineHeight";
|
|
271
|
+
margin: "margin";
|
|
247
272
|
marginBlock: "marginBlock";
|
|
248
273
|
marginBlockEnd: "marginBlockEnd";
|
|
249
274
|
marginBlockStart: "marginBlockStart";
|
|
@@ -264,11 +289,14 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
|
|
|
264
289
|
minWidth: "minWidth";
|
|
265
290
|
mixBlendMode: "mixBlendMode";
|
|
266
291
|
objectFit: "objectFit";
|
|
292
|
+
opacity: "opacity";
|
|
267
293
|
outlineColor: "outlineColor";
|
|
268
294
|
outlineOffset: "outlineOffset";
|
|
269
295
|
outlineStyle: "outlineStyle";
|
|
270
296
|
outlineWidth: "outlineWidth";
|
|
297
|
+
overflow: "overflow";
|
|
271
298
|
overlayColor: "overlayColor";
|
|
299
|
+
padding: "padding";
|
|
272
300
|
paddingBlock: "paddingBlock";
|
|
273
301
|
paddingBlockEnd: "paddingBlockEnd";
|
|
274
302
|
paddingBlockStart: "paddingBlockStart";
|
|
@@ -285,6 +313,7 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
|
|
|
285
313
|
paddingVertical: "paddingVertical";
|
|
286
314
|
pointerEvents: "pointerEvents";
|
|
287
315
|
resizeMode: "resizeMode";
|
|
316
|
+
right: "right";
|
|
288
317
|
rotation: "rotation";
|
|
289
318
|
rowGap: "rowGap";
|
|
290
319
|
scaleX: "scaleX";
|
|
@@ -293,6 +322,7 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
|
|
|
293
322
|
shadowOffset: "shadowOffset";
|
|
294
323
|
shadowOpacity: "shadowOpacity";
|
|
295
324
|
shadowRadius: "shadowRadius";
|
|
325
|
+
start: "start";
|
|
296
326
|
textAlign: "textAlign";
|
|
297
327
|
textAlignVertical: "textAlignVertical";
|
|
298
328
|
textDecorationColor: "textDecorationColor";
|
|
@@ -303,12 +333,14 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
|
|
|
303
333
|
textShadowRadius: "textShadowRadius";
|
|
304
334
|
textTransform: "textTransform";
|
|
305
335
|
tintColor: "tintColor";
|
|
336
|
+
top: "top";
|
|
306
337
|
transformMatrix: "transformMatrix";
|
|
307
338
|
transformOrigin: "transformOrigin";
|
|
308
339
|
translateX: "translateX";
|
|
309
340
|
translateY: "translateY";
|
|
310
341
|
userSelect: "userSelect";
|
|
311
342
|
verticalAlign: "verticalAlign";
|
|
343
|
+
width: "width";
|
|
312
344
|
writingDirection: "writingDirection";
|
|
313
345
|
zIndex: "zIndex";
|
|
314
346
|
}>>>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Font } from "../entities/system/Font.js";
|
|
2
|
+
import { NATIVE_CONFIG_NAME } from "./platform.js";
|
|
2
3
|
import { Package } from "../entities/system/Package.js";
|
|
3
4
|
import { Composite } from "../entities/system/Composite.js";
|
|
4
5
|
import { File } from "../entities/system/File.js";
|
|
5
|
-
import { NATIVE_CONFIG_NAME } from "./platform.js";
|
|
6
6
|
import { Component } from "../entities/system/Component.js";
|
|
7
7
|
import { Icon } from "../entities/system/Icon.js";
|
|
8
8
|
import { Device } from "../entities/system/Device.js";
|
package/dist/configs/system.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { Font } from "../entities/system/Font.js";
|
|
2
|
+
import { WEB_CONFIG_NAME } from "./platform.js";
|
|
3
|
+
import { Settings } from "../entities/system/Settings.js";
|
|
2
4
|
import { Package } from "../entities/system/Package.js";
|
|
3
5
|
import { Composite } from "../entities/system/Composite.js";
|
|
4
6
|
import { Modifier } from "../entities/system/Modifier.js";
|
|
5
|
-
import { Settings } from "../entities/system/Settings.js";
|
|
6
7
|
import { StyleProperty } from "../entities/system/StyleProperty.js";
|
|
7
8
|
import { Motion } from "../entities/system/Motion.js";
|
|
8
9
|
import { File } from "../entities/system/File.js";
|
|
9
|
-
import { WEB_CONFIG_NAME } from "./platform.js";
|
|
10
10
|
import { Token } from "../entities/system/Token.js";
|
|
11
11
|
import { Component } from "../entities/system/Component.js";
|
|
12
12
|
import { Icon } from "../entities/system/Icon.js";
|
|
@@ -9,14 +9,14 @@ declare const NativeModifierDefinition: EntityClass<z.ZodObject<{
|
|
|
9
9
|
type: z.ZodEnum<{
|
|
10
10
|
appearance: "appearance";
|
|
11
11
|
"min-width": "min-width";
|
|
12
|
-
state: "state";
|
|
13
12
|
"operating-system": "operating-system";
|
|
13
|
+
state: "state";
|
|
14
14
|
}>;
|
|
15
15
|
value: z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>;
|
|
16
16
|
}, z.core.$strip>, z.ZodObject<{
|
|
17
17
|
type: z.ZodOptional<z.ZodEnum<{
|
|
18
|
-
mode: "mode";
|
|
19
18
|
state: "state";
|
|
19
|
+
mode: "mode";
|
|
20
20
|
}>>;
|
|
21
21
|
default: z.ZodOptional<z.ZodObject<{
|
|
22
22
|
__ref: z.ZodString;
|
|
@@ -11,25 +11,6 @@ declare const rnStyleKey: z.ZodEnum<{
|
|
|
11
11
|
color: "color";
|
|
12
12
|
inset: "inset";
|
|
13
13
|
position: "position";
|
|
14
|
-
end: "end";
|
|
15
|
-
start: "start";
|
|
16
|
-
bottom: "bottom";
|
|
17
|
-
left: "left";
|
|
18
|
-
right: "right";
|
|
19
|
-
top: "top";
|
|
20
|
-
flex: "flex";
|
|
21
|
-
cursor: "cursor";
|
|
22
|
-
direction: "direction";
|
|
23
|
-
display: "display";
|
|
24
|
-
gap: "gap";
|
|
25
|
-
height: "height";
|
|
26
|
-
isolation: "isolation";
|
|
27
|
-
margin: "margin";
|
|
28
|
-
opacity: "opacity";
|
|
29
|
-
overflow: "overflow";
|
|
30
|
-
padding: "padding";
|
|
31
|
-
width: "width";
|
|
32
|
-
fontFamily: "fontFamily";
|
|
33
14
|
alignContent: "alignContent";
|
|
34
15
|
alignItems: "alignItems";
|
|
35
16
|
alignSelf: "alignSelf";
|
|
@@ -68,23 +49,32 @@ declare const rnStyleKey: z.ZodEnum<{
|
|
|
68
49
|
borderTopStartRadius: "borderTopStartRadius";
|
|
69
50
|
borderTopWidth: "borderTopWidth";
|
|
70
51
|
borderWidth: "borderWidth";
|
|
52
|
+
bottom: "bottom";
|
|
71
53
|
boxShadow: "boxShadow";
|
|
72
54
|
boxSizing: "boxSizing";
|
|
73
55
|
columnGap: "columnGap";
|
|
56
|
+
cursor: "cursor";
|
|
57
|
+
direction: "direction";
|
|
58
|
+
display: "display";
|
|
74
59
|
elevation: "elevation";
|
|
60
|
+
end: "end";
|
|
75
61
|
experimental_backgroundImage: "experimental_backgroundImage";
|
|
76
62
|
experimental_backgroundPosition: "experimental_backgroundPosition";
|
|
77
63
|
experimental_backgroundRepeat: "experimental_backgroundRepeat";
|
|
78
64
|
experimental_backgroundSize: "experimental_backgroundSize";
|
|
65
|
+
flex: "flex";
|
|
79
66
|
flexBasis: "flexBasis";
|
|
80
67
|
flexDirection: "flexDirection";
|
|
81
68
|
flexGrow: "flexGrow";
|
|
82
69
|
flexShrink: "flexShrink";
|
|
83
70
|
flexWrap: "flexWrap";
|
|
71
|
+
fontFamily: "fontFamily";
|
|
84
72
|
fontSize: "fontSize";
|
|
85
73
|
fontStyle: "fontStyle";
|
|
86
74
|
fontVariant: "fontVariant";
|
|
87
75
|
fontWeight: "fontWeight";
|
|
76
|
+
gap: "gap";
|
|
77
|
+
height: "height";
|
|
88
78
|
includeFontPadding: "includeFontPadding";
|
|
89
79
|
insetBlock: "insetBlock";
|
|
90
80
|
insetBlockEnd: "insetBlockEnd";
|
|
@@ -92,9 +82,12 @@ declare const rnStyleKey: z.ZodEnum<{
|
|
|
92
82
|
insetInline: "insetInline";
|
|
93
83
|
insetInlineEnd: "insetInlineEnd";
|
|
94
84
|
insetInlineStart: "insetInlineStart";
|
|
85
|
+
isolation: "isolation";
|
|
95
86
|
justifyContent: "justifyContent";
|
|
87
|
+
left: "left";
|
|
96
88
|
letterSpacing: "letterSpacing";
|
|
97
89
|
lineHeight: "lineHeight";
|
|
90
|
+
margin: "margin";
|
|
98
91
|
marginBlock: "marginBlock";
|
|
99
92
|
marginBlockEnd: "marginBlockEnd";
|
|
100
93
|
marginBlockStart: "marginBlockStart";
|
|
@@ -115,11 +108,14 @@ declare const rnStyleKey: z.ZodEnum<{
|
|
|
115
108
|
minWidth: "minWidth";
|
|
116
109
|
mixBlendMode: "mixBlendMode";
|
|
117
110
|
objectFit: "objectFit";
|
|
111
|
+
opacity: "opacity";
|
|
118
112
|
outlineColor: "outlineColor";
|
|
119
113
|
outlineOffset: "outlineOffset";
|
|
120
114
|
outlineStyle: "outlineStyle";
|
|
121
115
|
outlineWidth: "outlineWidth";
|
|
116
|
+
overflow: "overflow";
|
|
122
117
|
overlayColor: "overlayColor";
|
|
118
|
+
padding: "padding";
|
|
123
119
|
paddingBlock: "paddingBlock";
|
|
124
120
|
paddingBlockEnd: "paddingBlockEnd";
|
|
125
121
|
paddingBlockStart: "paddingBlockStart";
|
|
@@ -136,6 +132,7 @@ declare const rnStyleKey: z.ZodEnum<{
|
|
|
136
132
|
paddingVertical: "paddingVertical";
|
|
137
133
|
pointerEvents: "pointerEvents";
|
|
138
134
|
resizeMode: "resizeMode";
|
|
135
|
+
right: "right";
|
|
139
136
|
rotation: "rotation";
|
|
140
137
|
rowGap: "rowGap";
|
|
141
138
|
scaleX: "scaleX";
|
|
@@ -144,6 +141,7 @@ declare const rnStyleKey: z.ZodEnum<{
|
|
|
144
141
|
shadowOffset: "shadowOffset";
|
|
145
142
|
shadowOpacity: "shadowOpacity";
|
|
146
143
|
shadowRadius: "shadowRadius";
|
|
144
|
+
start: "start";
|
|
147
145
|
textAlign: "textAlign";
|
|
148
146
|
textAlignVertical: "textAlignVertical";
|
|
149
147
|
textDecorationColor: "textDecorationColor";
|
|
@@ -154,12 +152,14 @@ declare const rnStyleKey: z.ZodEnum<{
|
|
|
154
152
|
textShadowRadius: "textShadowRadius";
|
|
155
153
|
textTransform: "textTransform";
|
|
156
154
|
tintColor: "tintColor";
|
|
155
|
+
top: "top";
|
|
157
156
|
transformMatrix: "transformMatrix";
|
|
158
157
|
transformOrigin: "transformOrigin";
|
|
159
158
|
translateX: "translateX";
|
|
160
159
|
translateY: "translateY";
|
|
161
160
|
userSelect: "userSelect";
|
|
162
161
|
verticalAlign: "verticalAlign";
|
|
162
|
+
width: "width";
|
|
163
163
|
writingDirection: "writingDirection";
|
|
164
164
|
zIndex: "zIndex";
|
|
165
165
|
}>;
|
|
@@ -206,32 +206,13 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
|
|
|
206
206
|
__ref: z.ZodString;
|
|
207
207
|
}, z.core.$strip>]>>>;
|
|
208
208
|
opacityOf: z.ZodOptional<z.ZodLazy<z.ZodType<Ref, unknown, z.core.$ZodTypeInternals<Ref, unknown>>>>;
|
|
209
|
-
}, "values" | "alpha" | "properties" | "
|
|
209
|
+
}, "values" | "alpha" | "properties" | "selector" | "classPrefix" | "declarations"> & {
|
|
210
210
|
properties: z.ZodArray<z.ZodPipe<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>, z.ZodEnum<{
|
|
211
211
|
transform: "transform";
|
|
212
212
|
filter: "filter";
|
|
213
213
|
color: "color";
|
|
214
214
|
inset: "inset";
|
|
215
215
|
position: "position";
|
|
216
|
-
end: "end";
|
|
217
|
-
start: "start";
|
|
218
|
-
bottom: "bottom";
|
|
219
|
-
left: "left";
|
|
220
|
-
right: "right";
|
|
221
|
-
top: "top";
|
|
222
|
-
flex: "flex";
|
|
223
|
-
cursor: "cursor";
|
|
224
|
-
direction: "direction";
|
|
225
|
-
display: "display";
|
|
226
|
-
gap: "gap";
|
|
227
|
-
height: "height";
|
|
228
|
-
isolation: "isolation";
|
|
229
|
-
margin: "margin";
|
|
230
|
-
opacity: "opacity";
|
|
231
|
-
overflow: "overflow";
|
|
232
|
-
padding: "padding";
|
|
233
|
-
width: "width";
|
|
234
|
-
fontFamily: "fontFamily";
|
|
235
216
|
alignContent: "alignContent";
|
|
236
217
|
alignItems: "alignItems";
|
|
237
218
|
alignSelf: "alignSelf";
|
|
@@ -270,23 +251,32 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
|
|
|
270
251
|
borderTopStartRadius: "borderTopStartRadius";
|
|
271
252
|
borderTopWidth: "borderTopWidth";
|
|
272
253
|
borderWidth: "borderWidth";
|
|
254
|
+
bottom: "bottom";
|
|
273
255
|
boxShadow: "boxShadow";
|
|
274
256
|
boxSizing: "boxSizing";
|
|
275
257
|
columnGap: "columnGap";
|
|
258
|
+
cursor: "cursor";
|
|
259
|
+
direction: "direction";
|
|
260
|
+
display: "display";
|
|
276
261
|
elevation: "elevation";
|
|
262
|
+
end: "end";
|
|
277
263
|
experimental_backgroundImage: "experimental_backgroundImage";
|
|
278
264
|
experimental_backgroundPosition: "experimental_backgroundPosition";
|
|
279
265
|
experimental_backgroundRepeat: "experimental_backgroundRepeat";
|
|
280
266
|
experimental_backgroundSize: "experimental_backgroundSize";
|
|
267
|
+
flex: "flex";
|
|
281
268
|
flexBasis: "flexBasis";
|
|
282
269
|
flexDirection: "flexDirection";
|
|
283
270
|
flexGrow: "flexGrow";
|
|
284
271
|
flexShrink: "flexShrink";
|
|
285
272
|
flexWrap: "flexWrap";
|
|
273
|
+
fontFamily: "fontFamily";
|
|
286
274
|
fontSize: "fontSize";
|
|
287
275
|
fontStyle: "fontStyle";
|
|
288
276
|
fontVariant: "fontVariant";
|
|
289
277
|
fontWeight: "fontWeight";
|
|
278
|
+
gap: "gap";
|
|
279
|
+
height: "height";
|
|
290
280
|
includeFontPadding: "includeFontPadding";
|
|
291
281
|
insetBlock: "insetBlock";
|
|
292
282
|
insetBlockEnd: "insetBlockEnd";
|
|
@@ -294,9 +284,12 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
|
|
|
294
284
|
insetInline: "insetInline";
|
|
295
285
|
insetInlineEnd: "insetInlineEnd";
|
|
296
286
|
insetInlineStart: "insetInlineStart";
|
|
287
|
+
isolation: "isolation";
|
|
297
288
|
justifyContent: "justifyContent";
|
|
289
|
+
left: "left";
|
|
298
290
|
letterSpacing: "letterSpacing";
|
|
299
291
|
lineHeight: "lineHeight";
|
|
292
|
+
margin: "margin";
|
|
300
293
|
marginBlock: "marginBlock";
|
|
301
294
|
marginBlockEnd: "marginBlockEnd";
|
|
302
295
|
marginBlockStart: "marginBlockStart";
|
|
@@ -317,11 +310,14 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
|
|
|
317
310
|
minWidth: "minWidth";
|
|
318
311
|
mixBlendMode: "mixBlendMode";
|
|
319
312
|
objectFit: "objectFit";
|
|
313
|
+
opacity: "opacity";
|
|
320
314
|
outlineColor: "outlineColor";
|
|
321
315
|
outlineOffset: "outlineOffset";
|
|
322
316
|
outlineStyle: "outlineStyle";
|
|
323
317
|
outlineWidth: "outlineWidth";
|
|
318
|
+
overflow: "overflow";
|
|
324
319
|
overlayColor: "overlayColor";
|
|
320
|
+
padding: "padding";
|
|
325
321
|
paddingBlock: "paddingBlock";
|
|
326
322
|
paddingBlockEnd: "paddingBlockEnd";
|
|
327
323
|
paddingBlockStart: "paddingBlockStart";
|
|
@@ -338,6 +334,7 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
|
|
|
338
334
|
paddingVertical: "paddingVertical";
|
|
339
335
|
pointerEvents: "pointerEvents";
|
|
340
336
|
resizeMode: "resizeMode";
|
|
337
|
+
right: "right";
|
|
341
338
|
rotation: "rotation";
|
|
342
339
|
rowGap: "rowGap";
|
|
343
340
|
scaleX: "scaleX";
|
|
@@ -346,6 +343,7 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
|
|
|
346
343
|
shadowOffset: "shadowOffset";
|
|
347
344
|
shadowOpacity: "shadowOpacity";
|
|
348
345
|
shadowRadius: "shadowRadius";
|
|
346
|
+
start: "start";
|
|
349
347
|
textAlign: "textAlign";
|
|
350
348
|
textAlignVertical: "textAlignVertical";
|
|
351
349
|
textDecorationColor: "textDecorationColor";
|
|
@@ -356,12 +354,14 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
|
|
|
356
354
|
textShadowRadius: "textShadowRadius";
|
|
357
355
|
textTransform: "textTransform";
|
|
358
356
|
tintColor: "tintColor";
|
|
357
|
+
top: "top";
|
|
359
358
|
transformMatrix: "transformMatrix";
|
|
360
359
|
transformOrigin: "transformOrigin";
|
|
361
360
|
translateX: "translateX";
|
|
362
361
|
translateY: "translateY";
|
|
363
362
|
userSelect: "userSelect";
|
|
364
363
|
verticalAlign: "verticalAlign";
|
|
364
|
+
width: "width";
|
|
365
365
|
writingDirection: "writingDirection";
|
|
366
366
|
zIndex: "zIndex";
|
|
367
367
|
}>>>;
|
|
@@ -5,10 +5,11 @@ import { DerivedColor } from "../system/color.js";
|
|
|
5
5
|
import { ComposedValue } from "../system/composed-values.js";
|
|
6
6
|
import { EntityClass } from "../../framework/defineEntity.js";
|
|
7
7
|
import { OverrideCondition } from "../system/Token.js";
|
|
8
|
+
import { NativeFlexValue } from "../system/linked-flex-values.js";
|
|
8
9
|
import { z } from "zod";
|
|
9
10
|
|
|
10
11
|
//#region src/entities/native/NativeToken.d.ts
|
|
11
|
-
declare const nativeTokenValue: z.ZodType<number | boolean | string | Ref$1 | DerivedColor>;
|
|
12
|
+
declare const nativeTokenValue: z.ZodType<number | boolean | string | Ref$1 | DerivedColor | NativeFlexValue>;
|
|
12
13
|
declare const NativeToken: EntityClass<z.ZodObject<Omit<{
|
|
13
14
|
value: z.ZodType<string | number | Ref | ComposedValue, unknown, z.core.$ZodTypeInternals<string | number | Ref | ComposedValue, unknown>>;
|
|
14
15
|
type: z.ZodOptional<z.ZodString>;
|
|
@@ -31,20 +32,52 @@ declare const NativeToken: EntityClass<z.ZodObject<Omit<{
|
|
|
31
32
|
inherits: z.ZodOptional<z.ZodBoolean>;
|
|
32
33
|
}, z.core.$strict>>;
|
|
33
34
|
cssVariable: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodLiteral<false>]>>;
|
|
34
|
-
}, "value" | "
|
|
35
|
-
value: z.ZodType<string | number | boolean | Ref | DerivedColor
|
|
35
|
+
}, "value" | "overrides" | "property" | "cssVariable"> & {
|
|
36
|
+
value: z.ZodType<string | number | boolean | Ref | DerivedColor | {
|
|
37
|
+
flexGrow: number;
|
|
38
|
+
flexShrink: number;
|
|
39
|
+
flexBasis: string | number;
|
|
40
|
+
}, unknown, z.core.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor | {
|
|
41
|
+
flexGrow: number;
|
|
42
|
+
flexShrink: number;
|
|
43
|
+
flexBasis: string | number;
|
|
44
|
+
}, unknown>>;
|
|
36
45
|
overrides: z.ZodOptional<z.ZodUnion<readonly [z.ZodPipe<z.ZodArray<z.ZodObject<{
|
|
37
46
|
on: z.ZodType<OverrideCondition, unknown, z.core.$ZodTypeInternals<OverrideCondition, unknown>>;
|
|
38
|
-
value: z.ZodType<string | number | boolean | Ref | DerivedColor
|
|
47
|
+
value: z.ZodType<string | number | boolean | Ref | DerivedColor | {
|
|
48
|
+
flexGrow: number;
|
|
49
|
+
flexShrink: number;
|
|
50
|
+
flexBasis: string | number;
|
|
51
|
+
}, unknown, z.core.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor | {
|
|
52
|
+
flexGrow: number;
|
|
53
|
+
flexShrink: number;
|
|
54
|
+
flexBasis: string | number;
|
|
55
|
+
}, unknown>>;
|
|
39
56
|
}, z.core.$strip>>, z.ZodTransform<Record<string, {
|
|
40
57
|
on: OverrideCondition;
|
|
41
|
-
value: string | number | boolean | Ref | DerivedColor
|
|
58
|
+
value: string | number | boolean | Ref | DerivedColor | {
|
|
59
|
+
flexGrow: number;
|
|
60
|
+
flexShrink: number;
|
|
61
|
+
flexBasis: string | number;
|
|
62
|
+
};
|
|
42
63
|
}>, {
|
|
43
64
|
on: OverrideCondition;
|
|
44
|
-
value: string | number | boolean | Ref | DerivedColor
|
|
65
|
+
value: string | number | boolean | Ref | DerivedColor | {
|
|
66
|
+
flexGrow: number;
|
|
67
|
+
flexShrink: number;
|
|
68
|
+
flexBasis: string | number;
|
|
69
|
+
};
|
|
45
70
|
}[]>>, SubEntityClass<z.ZodObject<{
|
|
46
71
|
on: z.ZodType<OverrideCondition, unknown, z.core.$ZodTypeInternals<OverrideCondition, unknown>>;
|
|
47
|
-
value: z.ZodType<string | number | boolean | Ref | DerivedColor
|
|
72
|
+
value: z.ZodType<string | number | boolean | Ref | DerivedColor | {
|
|
73
|
+
flexGrow: number;
|
|
74
|
+
flexShrink: number;
|
|
75
|
+
flexBasis: string | number;
|
|
76
|
+
}, unknown, z.core.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor | {
|
|
77
|
+
flexGrow: number;
|
|
78
|
+
flexShrink: number;
|
|
79
|
+
flexBasis: string | number;
|
|
80
|
+
}, unknown>>;
|
|
48
81
|
}, z.core.$strip>>]>>;
|
|
49
82
|
}, z.core.$strip>, z.ZodObject<Omit<{
|
|
50
83
|
cssPrefix: z.ZodOptional<z.ZodString>;
|
|
@@ -3,6 +3,7 @@ import { oklchColor } from "../system/color.js";
|
|
|
3
3
|
import { orList } from "../../framework/defineSubEntity.js";
|
|
4
4
|
import { Font } from "../system/Font.js";
|
|
5
5
|
import { NATIVE_CONFIG_NAME } from "../../configs/platform.js";
|
|
6
|
+
import { nativeFlexValue } from "../system/linked-flex-values.js";
|
|
6
7
|
import { prepareLinkedTokenBody } from "../system/linked-token-values.js";
|
|
7
8
|
import { Token, defineOverride } from "../system/Token.js";
|
|
8
9
|
import { z } from "zod";
|
|
@@ -11,7 +12,8 @@ import { z } from "zod";
|
|
|
11
12
|
* The native variant of `Token` — same kind, native validation. A value is something React Native
|
|
12
13
|
* can hold: a number (points, opacity, duration), a boolean, a unit string RN itself understands
|
|
13
14
|
* (`'45deg'`, `'50%'`, a hex or RGB color, `'transparent'`), an alias to another token, a font-family
|
|
14
|
-
* ref,
|
|
15
|
+
* ref, a derived color (`mix()`/`alpha()` resolve to a concrete color, so they carry), or explicit
|
|
16
|
+
* native flex declarations (a linked shorthand needs all three longhands). What
|
|
15
17
|
* deliberately does not validate is web's open string arm — `'1rem'`, `calc(…)`, `'50vh'` mean
|
|
16
18
|
* nothing off the web, and refusing them here is the platform model: the config is the platform,
|
|
17
19
|
* so a native config cannot hold a web value.
|
|
@@ -59,7 +61,8 @@ const nativeTokenValue = z.union([
|
|
|
59
61
|
nativeTokenString,
|
|
60
62
|
Token,
|
|
61
63
|
Font,
|
|
62
|
-
nativeDerivedColor
|
|
64
|
+
nativeDerivedColor,
|
|
65
|
+
nativeFlexValue
|
|
63
66
|
]);
|
|
64
67
|
/** `Token`'s Override over the native value domain: the same condition and the same derived key. */
|
|
65
68
|
const NativeOverride = defineOverride(nativeTokenValue);
|
|
@@ -76,12 +79,13 @@ const NativeToken = Token.extend({
|
|
|
76
79
|
cssPrefix: null,
|
|
77
80
|
cssVariables: null
|
|
78
81
|
},
|
|
79
|
-
prepareLinkedBody: ({ path, body, source, config }) => prepareLinkedTokenBody({
|
|
82
|
+
prepareLinkedBody: ({ path, body, source, config, extend }) => prepareLinkedTokenBody({
|
|
80
83
|
path,
|
|
81
84
|
body,
|
|
82
85
|
source,
|
|
83
86
|
config,
|
|
84
|
-
destinationPlatform: NATIVE_CONFIG_NAME
|
|
87
|
+
destinationPlatform: NATIVE_CONFIG_NAME,
|
|
88
|
+
extend
|
|
85
89
|
})
|
|
86
90
|
});
|
|
87
91
|
//#endregion
|