@yahoo/uds-create-config 5.41.2 → 5.41.3

package/dist/entities/native/NativeStyleProperty.d.ts

@@ -11,6 +11,36 @@ declare const rnStyleKey: z.ZodEnum<{
   color: "color";
   inset: "inset";
   position: "position";
+  fontFamily: "fontFamily";
+  end: "end";
+  start: "start";
+  bottom: "bottom";
+  left: "left";
+  right: "right";
+  top: "top";
+  flex: "flex";
+  cursor: "cursor";
+  direction: "direction";
+  display: "display";
+  gap: "gap";
+  height: "height";
+  isolation: "isolation";
+  margin: "margin";
+  opacity: "opacity";
+  overflow: "overflow";
+  padding: "padding";
+  width: "width";
+  flexGrow: "flexGrow";
+  flexShrink: "flexShrink";
+  flexBasis: "flexBasis";
+  lineHeight: "lineHeight";
+  elevation: "elevation";
+  fontSize: "fontSize";
+  fontStyle: "fontStyle";
+  fontVariant: "fontVariant";
+  fontWeight: "fontWeight";
+  letterSpacing: "letterSpacing";
+  pointerEvents: "pointerEvents";
   alignContent: "alignContent";
   alignItems: "alignItems";
   alignSelf: "alignSelf";
@@ -49,32 +79,15 @@ declare const rnStyleKey: z.ZodEnum<{
   borderTopStartRadius: "borderTopStartRadius";
   borderTopWidth: "borderTopWidth";
   borderWidth: "borderWidth";
-  bottom: "bottom";
   boxShadow: "boxShadow";
   boxSizing: "boxSizing";
   columnGap: "columnGap";
-  cursor: "cursor";
-  direction: "direction";
-  display: "display";
-  elevation: "elevation";
-  end: "end";
   experimental_backgroundImage: "experimental_backgroundImage";
   experimental_backgroundPosition: "experimental_backgroundPosition";
   experimental_backgroundRepeat: "experimental_backgroundRepeat";
   experimental_backgroundSize: "experimental_backgroundSize";
-  flex: "flex";
-  flexBasis: "flexBasis";
   flexDirection: "flexDirection";
-  flexGrow: "flexGrow";
-  flexShrink: "flexShrink";
   flexWrap: "flexWrap";
-  fontFamily: "fontFamily";
-  fontSize: "fontSize";
-  fontStyle: "fontStyle";
-  fontVariant: "fontVariant";
-  fontWeight: "fontWeight";
-  gap: "gap";
-  height: "height";
   includeFontPadding: "includeFontPadding";
   insetBlock: "insetBlock";
   insetBlockEnd: "insetBlockEnd";
@@ -82,12 +95,7 @@ declare const rnStyleKey: z.ZodEnum<{
   insetInline: "insetInline";
   insetInlineEnd: "insetInlineEnd";
   insetInlineStart: "insetInlineStart";
-  isolation: "isolation";
   justifyContent: "justifyContent";
-  left: "left";
-  letterSpacing: "letterSpacing";
-  lineHeight: "lineHeight";
-  margin: "margin";
   marginBlock: "marginBlock";
   marginBlockEnd: "marginBlockEnd";
   marginBlockStart: "marginBlockStart";
@@ -108,14 +116,11 @@ declare const rnStyleKey: z.ZodEnum<{
   minWidth: "minWidth";
   mixBlendMode: "mixBlendMode";
   objectFit: "objectFit";
-  opacity: "opacity";
   outlineColor: "outlineColor";
   outlineOffset: "outlineOffset";
   outlineStyle: "outlineStyle";
   outlineWidth: "outlineWidth";
-  overflow: "overflow";
   overlayColor: "overlayColor";
-  padding: "padding";
   paddingBlock: "paddingBlock";
   paddingBlockEnd: "paddingBlockEnd";
   paddingBlockStart: "paddingBlockStart";
@@ -130,9 +135,7 @@ declare const rnStyleKey: z.ZodEnum<{
   paddingStart: "paddingStart";
   paddingTop: "paddingTop";
   paddingVertical: "paddingVertical";
-  pointerEvents: "pointerEvents";
   resizeMode: "resizeMode";
-  right: "right";
   rotation: "rotation";
   rowGap: "rowGap";
   scaleX: "scaleX";
@@ -141,7 +144,6 @@ declare const rnStyleKey: z.ZodEnum<{
   shadowOffset: "shadowOffset";
   shadowOpacity: "shadowOpacity";
   shadowRadius: "shadowRadius";
-  start: "start";
   textAlign: "textAlign";
   textAlignVertical: "textAlignVertical";
   textDecorationColor: "textDecorationColor";
@@ -152,14 +154,12 @@ declare const rnStyleKey: z.ZodEnum<{
   textShadowRadius: "textShadowRadius";
   textTransform: "textTransform";
   tintColor: "tintColor";
-  top: "top";
   transformMatrix: "transformMatrix";
   transformOrigin: "transformOrigin";
   translateX: "translateX";
   translateY: "translateY";
   userSelect: "userSelect";
   verticalAlign: "verticalAlign";
-  width: "width";
   writingDirection: "writingDirection";
   zIndex: "zIndex";
 }>;
@@ -206,13 +206,43 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     __ref: z.ZodString;
   }, z.core.$strip>]>>>;
   opacityOf: z.ZodOptional<z.ZodLazy<z.ZodType<Ref, unknown, z.core.$ZodTypeInternals<Ref, unknown>>>>;
-}, "values" | "alpha" | "properties" | "selector" | "classPrefix" | "declarations"> & {
+}, "values" | "alpha" | "properties" | "declarations" | "classPrefix" | "selector"> & {
   properties: z.ZodArray<z.ZodPipe<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>, z.ZodEnum<{
     transform: "transform";
     filter: "filter";
     color: "color";
     inset: "inset";
     position: "position";
+    fontFamily: "fontFamily";
+    end: "end";
+    start: "start";
+    bottom: "bottom";
+    left: "left";
+    right: "right";
+    top: "top";
+    flex: "flex";
+    cursor: "cursor";
+    direction: "direction";
+    display: "display";
+    gap: "gap";
+    height: "height";
+    isolation: "isolation";
+    margin: "margin";
+    opacity: "opacity";
+    overflow: "overflow";
+    padding: "padding";
+    width: "width";
+    flexGrow: "flexGrow";
+    flexShrink: "flexShrink";
+    flexBasis: "flexBasis";
+    lineHeight: "lineHeight";
+    elevation: "elevation";
+    fontSize: "fontSize";
+    fontStyle: "fontStyle";
+    fontVariant: "fontVariant";
+    fontWeight: "fontWeight";
+    letterSpacing: "letterSpacing";
+    pointerEvents: "pointerEvents";
     alignContent: "alignContent";
     alignItems: "alignItems";
     alignSelf: "alignSelf";
@@ -251,32 +281,15 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     borderTopStartRadius: "borderTopStartRadius";
     borderTopWidth: "borderTopWidth";
     borderWidth: "borderWidth";
-    bottom: "bottom";
     boxShadow: "boxShadow";
     boxSizing: "boxSizing";
     columnGap: "columnGap";
-    cursor: "cursor";
-    direction: "direction";
-    display: "display";
-    elevation: "elevation";
-    end: "end";
     experimental_backgroundImage: "experimental_backgroundImage";
     experimental_backgroundPosition: "experimental_backgroundPosition";
     experimental_backgroundRepeat: "experimental_backgroundRepeat";
     experimental_backgroundSize: "experimental_backgroundSize";
-    flex: "flex";
-    flexBasis: "flexBasis";
     flexDirection: "flexDirection";
-    flexGrow: "flexGrow";
-    flexShrink: "flexShrink";
     flexWrap: "flexWrap";
-    fontFamily: "fontFamily";
-    fontSize: "fontSize";
-    fontStyle: "fontStyle";
-    fontVariant: "fontVariant";
-    fontWeight: "fontWeight";
-    gap: "gap";
-    height: "height";
     includeFontPadding: "includeFontPadding";
     insetBlock: "insetBlock";
     insetBlockEnd: "insetBlockEnd";
@@ -284,12 +297,7 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     insetInline: "insetInline";
     insetInlineEnd: "insetInlineEnd";
     insetInlineStart: "insetInlineStart";
-    isolation: "isolation";
     justifyContent: "justifyContent";
-    left: "left";
-    letterSpacing: "letterSpacing";
-    lineHeight: "lineHeight";
-    margin: "margin";
     marginBlock: "marginBlock";
     marginBlockEnd: "marginBlockEnd";
     marginBlockStart: "marginBlockStart";
@@ -310,14 +318,11 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     minWidth: "minWidth";
     mixBlendMode: "mixBlendMode";
     objectFit: "objectFit";
-    opacity: "opacity";
     outlineColor: "outlineColor";
     outlineOffset: "outlineOffset";
     outlineStyle: "outlineStyle";
     outlineWidth: "outlineWidth";
-    overflow: "overflow";
     overlayColor: "overlayColor";
-    padding: "padding";
     paddingBlock: "paddingBlock";
     paddingBlockEnd: "paddingBlockEnd";
     paddingBlockStart: "paddingBlockStart";
@@ -332,9 +337,7 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     paddingStart: "paddingStart";
     paddingTop: "paddingTop";
     paddingVertical: "paddingVertical";
-    pointerEvents: "pointerEvents";
     resizeMode: "resizeMode";
-    right: "right";
     rotation: "rotation";
     rowGap: "rowGap";
     scaleX: "scaleX";
@@ -343,7 +346,6 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     shadowOffset: "shadowOffset";
     shadowOpacity: "shadowOpacity";
     shadowRadius: "shadowRadius";
-    start: "start";
     textAlign: "textAlign";
     textAlignVertical: "textAlignVertical";
     textDecorationColor: "textDecorationColor";
@@ -354,14 +356,12 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     textShadowRadius: "textShadowRadius";
     textTransform: "textTransform";
     tintColor: "tintColor";
-    top: "top";
     transformMatrix: "transformMatrix";
     transformOrigin: "transformOrigin";
     translateX: "translateX";
     translateY: "translateY";
     userSelect: "userSelect";
     verticalAlign: "verticalAlign";
-    width: "width";
     writingDirection: "writingDirection";
     zIndex: "zIndex";
   }>>>;

package/dist/entities/native/NativeToken.js

@@ -1,8 +1,8 @@
+import { NATIVE_CONFIG_NAME } from "../../configs/platform.js";
 import { refSchema } from "../../framework/utils/refs.js";
 import { oklchColor } from "../system/color.js";
 import { orList } from "../../framework/defineSubEntity.js";
 import { Font } from "../system/Font.js";
-import { NATIVE_CONFIG_NAME } from "../../configs/platform.js";
 import { nativeFlexValue } from "../system/linked-flex-values.js";
 import { relativeLineHeightValue } from "../system/linked-line-height-values.js";
 import { prepareLinkedTokenBody } from "../system/linked-token-values.js";
@@ -35,6 +35,7 @@ const nativeTokenString = z.union([
 	z.string().regex(/^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/),
 	z.string().regex(rgbColor),
 	z.literal("transparent"),
+	z.literal("auto"),
 	z.literal("none")
 ]);
 /** A derived colour whose operands are colours the native theme can flatten: no gradient, at any

package/dist/entities/system/Component.js

@@ -1,3 +1,4 @@
+import "../../configs/platform.js";
 import { reject, rejectData } from "../../framework/rejection.js";
 import { canonicalCondition, collectRefs, isRef, kindOf, memberRef, pathOf, ref, refLeaf, refSchema, sourceOf, splitRef } from "../../framework/utils/refs.js";
 import { isPlainObject } from "../../framework/utils/field-path.js";
@@ -13,7 +14,7 @@ import { listedIn } from "../../framework/utils/enumerated.js";
 import { valueSchemaOf } from "../../framework/value-domain.js";
 import { Package } from "./Package.js";
 import { bindPreviewGlyphs, glyphMemberRefIn } from "./glyph-identity.js";
-import { Style, addBagKeyIssues, anatomyPropValue, bagNameEdges, bagRewriteName, bindBagTokens, collectBag, isPlainRecord, openBag, styleValue } from "./style-bag.js";
+import { Style, addBagKeyIssues, anatomyPropValue, bagNameEdges, bagRewriteName, bindBagTokens, collectBag, isPlainRecord, nativeStyleArray, openBag, styleValueFor } from "./style-bag.js";
 import { storedPreview } from "../../framework/preview-store.js";
 import { glyphPropsOf, glyphPropsOfBody, propOwner, propValueDomain, refListOf, resolveComponentProps, stylePropNumberUnit, stylePropValueLeaves, validateComponentProps } from "../../framework/projections.js";
 import { carriesContent, intoName, isValueSlot, renderBoundProp, routedPropIn, routesContent, surfaceProps } from "../../framework/prop-surface.js";
@@ -680,7 +681,8 @@ function styleBagValue({ config, declaration, name = "<prop>", glyphLibraries })
 		derivedColor,
 		gradient,
 		shadowValue,
-		refSchema
+		refSchema,
+		...config.name === "react-native-system" ? [nativeStyleArray] : []
 	], { error: (issue) => {
 		const leaves = stylePropValueLeaves(config, property);
 		if (typeof issue.input === "number" && leaves.includes(String(issue.input))) return `\`${name}\`: \`${issue.input}\` names a value as a string, so write \`'${issue.input}'\`. A number names only a value the style property declares as a number.`;
@@ -690,7 +692,7 @@ function styleBagValue({ config, declaration, name = "<prop>", glyphLibraries })
 		const unit = stylePropNumberUnit(config, property);
 		const number = unit === void 0 ? "" : unit === "unitless" ? ", or a number" : `, or a number of \`${unit}\` such as \`600\``;
 		return `\`${name}\` takes one of ${shown.join(", ")}${more}${arbitrary}${number}, or a token ref. A value the system has no token for is added to the style property's \`values\` first.`;
-	} });
+	} }).pipe(styleValueFor(config));
 }
 /**
 * What a rule may set on one layer.
@@ -765,7 +767,7 @@ function buildBagFor(config, layerElement) {
 	const nested = z.lazy(() => bag).optional();
 	for (const mod of config.list("modifier")) shape[`_${mod.leaf}`] = nested;
 	const keys = new Set(Object.keys(shape));
-	bag = z.object(shape).catchall(styleValue).superRefine((parsed, ctx) => addBagKeyIssues({
+	bag = z.object(shape).catchall(styleValueFor(config)).superRefine((parsed, ctx) => addBagKeyIssues({
 		config,
 		bag: parsed,
 		ctx,
@@ -1061,7 +1063,7 @@ const StyleRule = defineSubEntity({
 		const body = parent;
 		if (!config || !body) return z.object({
 			when: z.record(z.string(), z.unknown()).nullable().default(null),
-			layers: z.record(z.string(), z.record(z.string(), z.union([styleValue, z.never()], { error: "a layer bag value is a style-prop value — a token leaf such as `surface`, a keyword, a bracketed literal such as `[13px]` — or a modifier block holding more of them. Content is not set in a style rule: a glyph or a nested element is an anatomy node under the layer's node, `{ \"element\": { \"__ref\": \"icon:<library>/<Name>\" }, \"visible\": { \"$state\": \"<prop>\", \"eq\": \"<value>\" } }` to show one per variant value." })), { error: ruleShapeError })
+			layers: z.record(z.string(), z.record(z.string(), z.union([styleValueFor(config), z.never()], { error: "a layer bag value is a style-prop value — a token leaf such as `surface`, a keyword, a bracketed literal such as `[13px]` — or a modifier block holding more of them. Content is not set in a style rule: a glyph or a nested element is an anatomy node under the layer's node, `{ \"element\": { \"__ref\": \"icon:<library>/<Name>\" }, \"visible\": { \"$state\": \"<prop>\", \"eq\": \"<value>\" } }` to show one per variant value." })), { error: ruleShapeError })
 		}, { error: ruleShapeError });
 		return perOwner({
 			cache: ruleSchemas,

package/dist/entities/system/Modifier.d.ts

@@ -30,8 +30,8 @@ type WebActivation = (typeof WEB_ACTIVATIONS)[number];
  */
 declare const modifierGroupFields: z.ZodObject<{
   type: z.ZodOptional<z.ZodEnum<{
-    state: "state";
     mode: "mode";
+    state: "state";
   }>>;
   default: z.ZodOptional<z.ZodObject<{
     __ref: z.ZodString;
@@ -53,8 +53,8 @@ declare const ModifierDefinition: EntityClass<z.ZodObject<{
   declarations: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
 }, z.core.$strip>, z.ZodObject<{
   type: z.ZodOptional<z.ZodEnum<{
-    state: "state";
     mode: "mode";
+    state: "state";
   }>>;
   default: z.ZodOptional<z.ZodObject<{
     __ref: z.ZodString;