@yahoo/uds-create-config 5.62.6 → 5.62.12

package/dist/entities/native/NativeToken.js

@@ -28,7 +28,7 @@ import { z } from "zod";
 */
 const colorNumber = "[+-]?(?:\\d*\\.)?\\d+";
 const rgbColor = new RegExp(`^rgba?\\(\\s*(?:${colorNumber}\\s*,\\s*${colorNumber}\\s*,\\s*${colorNumber}(?:\\s*,\\s*${colorNumber})?|${colorNumber}\\s+${colorNumber}\\s+${colorNumber}(?:\\s*/\\s*${colorNumber})?)\\s*\\)$`);
-/** The string forms native accepts — each one a shape React Native itself parses. Deliberately no
+/** Native literals and foreground markers resolved by UDS native render adapters. Deliberately no
 *  bare `z.string()` arm: that is exactly where every web-ism would leak through. Widen only with
 *  evidence from a real system's port. */
 const nativeTokenString = z.union([
@@ -37,6 +37,8 @@ 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("inherit"),
+	z.literal("currentColor"),
 	z.literal("auto"),
 	z.literal("none")
 ]);

package/dist/entities/system/component-module.js

@@ -17,7 +17,7 @@ import { contentKey } from "../../framework/utils/content-key.js";
 * The shared compiler/runtime contract. Bump whenever codegen can produce different module bytes
 * from identical config-visible inputs (shim contracts, entry shape, transforms, and so on).
 */
-const COMPONENT_MODULE_BUILD_VERSION = 8;
+const COMPONENT_MODULE_BUILD_VERSION = 9;
 /**
 * Generated web runtime inputs shared by every component module. These are intentionally separate
 * from the per-file closure: editing an unrelated component should not invalidate this module, but

package/dist/entities/system/icon-library.js

@@ -280,6 +280,7 @@ function memberVariantOptions(library, member) {
 	const narrowed = library.variants.filter((variant) => own.includes(variant));
 	return narrowed.length > 0 ? narrowed : library.variants;
 }
+const INTRINSIC_TAG = /^[a-z][a-zA-Z0-9-]*$/;
 /**
 * Whether an element type declares a prop that may survive layer-style projection. A placed
 * glyph's type isn't a component, so its prop surface comes from its library instead: the
@@ -293,6 +294,10 @@ function isDeclaredElementProp(config, elementType, propName) {
 		if (isCustomPropertyKey(propName)) return false;
 		return config.resolve("style-property", propName) === void 0;
 	}
+	if (INTRINSIC_TAG.test(elementType)) {
+		if (isCustomPropertyKey(propName)) return false;
+		return config.resolve("style-property", propName) === void 0;
+	}
 	const parsed = parseGlyphType(elementType);
 	if (!parsed) return false;
 	const library = iconLibrary(config, parsed.slug);

package/dist/entities/system/linked-style-values.js

@@ -12,12 +12,34 @@ function translateLinkedStyleBags({ body, source, config, bags, owner }) {
 	if (!["system-config", "react-native-system"].includes(source.name)) return body;
 	if (!["system-config", "react-native-system"].includes(config.name)) return body;
 	const native = config.name === NATIVE_CONFIG_NAME;
-	const translate = (bag, element) => Object.fromEntries(Object.entries(bag).map(([key, raw]) => {
-		if (key.startsWith("_")) return [key, raw];
-		const propPath = stylePropertyPathFor({
+	const sourceProperty = ({ key, element }) => {
+		let receiver;
+		if (isRef(element)) receiver = pathOf(element);
+		else if (typeof element === "string") receiver = element;
+		return stylePropertyPathFor({
 			config: source,
 			key,
-			through: [isRef(element) ? pathOf(element) : typeof element === "string" ? element : owner]
+			through: [owner, receiver]
+		});
+	};
+	const enabledStyles = ({ bag, element }) => Object.fromEntries(Object.entries(bag).filter(([key]) => {
+		if (!native || key.startsWith("_")) return true;
+		const property = sourceProperty({
+			key,
+			element
+		});
+		if (!property) return true;
+		const mapping = config.resolve("style-property", property)?.toJSON();
+		return !mapping || !Array.isArray(mapping.properties) || mapping.properties.length > 0 || !!mapping.opacityOf || stylePropEntries(config, property).some((entry) => entry.declarations);
+	}));
+	const translate = (bag, element) => Object.fromEntries(Object.entries(enabledStyles({
+		bag,
+		element
+	})).map(([key, raw]) => {
+		if (key.startsWith("_")) return [key, raw];
+		const propPath = sourceProperty({
+			key,
+			element
 		});
 		const properties = propPath ? source.resolve("style-property", propPath)?.toJSON().properties : void 0;
 		if (!propPath || !Array.isArray(properties) || properties.length !== 1 || isRef(raw)) return [key, raw];

package/dist/native/index.d.ts

@@ -4,7 +4,7 @@ import { ColorValue } from "react-native";
 
 //#region src/native/index.d.ts
 /**
- * Publish a container's final, resolved foreground. An absent color or `inherit` passes through
+ * Publish a container's final, resolved foreground. An absent color, `inherit`, or `currentColor` passes through
  * the enclosing foreground. Resolve style arrays and interaction callbacks before calling this;
  * the provider does not select tokens, modes or states, or add a native host element.
  */
@@ -16,9 +16,9 @@ declare function NativeForegroundProvider({
   children?: ReactNode;
 }): _$react.FunctionComponentElement<_$react.ProviderProps<ColorValue | undefined>>;
 /**
- * Resolve only an explicit `inherit`. Defaults, explicit colors and native opaque colors retain
+ * Resolve explicit foreground inheritance markers. Defaults, explicit colors and native opaque colors retain
  * their identity. Without a provider, inheritance becomes undefined (never an invalid native
- * `inherit` value). Call this in a component, not inside a Pressable render callback.
+ * inheritance marker). Call this in a component, not inside a Pressable render callback.
  */
 declare function useNativeForeground(color: ColorValue | undefined): ColorValue | undefined;
 //#endregion

package/dist/native/index.js

@@ -2,22 +2,22 @@ import { createContext, createElement, useContext } from "react";
 //#region src/native/index.ts
 const ForegroundContext = createContext(void 0);
 /**
-* Publish a container's final, resolved foreground. An absent color or `inherit` passes through
+* Publish a container's final, resolved foreground. An absent color, `inherit`, or `currentColor` passes through
 * the enclosing foreground. Resolve style arrays and interaction callbacks before calling this;
 * the provider does not select tokens, modes or states, or add a native host element.
 */
 function NativeForegroundProvider({ color, children }) {
 	const parent = useContext(ForegroundContext);
-	return createElement(ForegroundContext.Provider, { value: color == null || color === "inherit" ? parent : color }, children);
+	return createElement(ForegroundContext.Provider, { value: color == null || color === "inherit" || color === "currentColor" ? parent : color }, children);
 }
 /**
-* Resolve only an explicit `inherit`. Defaults, explicit colors and native opaque colors retain
+* Resolve explicit foreground inheritance markers. Defaults, explicit colors and native opaque colors retain
 * their identity. Without a provider, inheritance becomes undefined (never an invalid native
-* `inherit` value). Call this in a component, not inside a Pressable render callback.
+* inheritance marker). Call this in a component, not inside a Pressable render callback.
 */
 function useNativeForeground(color) {
 	const parent = useContext(ForegroundContext);
-	return color === "inherit" ? parent : color;
+	return color === "inherit" || color === "currentColor" ? parent : color;
 }
 //#endregion
 export { NativeForegroundProvider, useNativeForeground };