@yahoo/uds-v5-wip 1.46.0 → 1.47.0

package/dist/config/dist/component-config.d.ts

@@ -95,16 +95,16 @@ interface CompositeBinding {
   layers: Record<string, string>;
 }
 /**
- * Forward an existing surface key from one of the component's layers as
- * a public JSX prop. If the target layer is a primitive, `from` is an
- * HTML attr / event name; if it's a composed component, `from` is one
- * of that component's existing props.
+ * Forward a JSX prop value to one of the component's layers as an
+ * existing surface key. If the target layer is a primitive, `from` is
+ * an HTML attr / event name; if it's a composed component, `from` is
+ * one of that component's existing props.
  *
- * `from` is a bare string (no braces) — the leading-brace check on the
- * binding shape's `from` is how the framework dispatches "bind a
- * registered thing" vs "forward an existing surface key".
+ * `from` is a bare string (no braces) — the absence of `styleProp` /
+ * `composite` keys is how the framework discriminates this shape from
+ * the registered-binding shapes.
  */
-interface SurfaceForward {
+interface ForwardBinding {
   layer: string;
   from: string;
 }
@@ -144,7 +144,7 @@ type StylePropShorthand = StylePropRef;
  * `'{bg}'` is allowed only in the primitive form's props (see
  * `PrimitivePropBinding`).
  */
-type VerbosePropBinding = StylePropBinding | SingleLayerCompositeBinding | CompositeBinding | SurfaceForward | BoolMarker | EnumMarker<any>;
+type VerbosePropBinding = StylePropBinding | SingleLayerCompositeBinding | CompositeBinding | ForwardBinding | BoolMarker | EnumMarker<any>;
 /**
  * All allowed shapes for a single entry in the primitive form's `props`
  * block. Primitive form adds the `StylePropShorthand` brace-ref
@@ -198,4 +198,4 @@ interface ComponentConfigValue<TLayers extends Record<string, LayerInput>, TProp
  * function destructures `props.<layerName>` into the JSX position.
  */
 //#endregion
-export { BoolMarker, ComponentConfigValue, ComposedLayer, CompositeBinding, EnumMarker, HtmlTag, LayerInput, PrimitiveLayer, PrimitivePropBinding, PropBinding, RootTag, SingleLayerCompositeBinding, StylePropBinding, StylePropShorthand, SurfaceForward, VerbosePropBinding };
+export { BoolMarker, ComponentConfigValue, ComposedLayer, CompositeBinding, EnumMarker, ForwardBinding, HtmlTag, LayerInput, PrimitiveLayer, PrimitivePropBinding, PropBinding, RootTag, SingleLayerCompositeBinding, StylePropBinding, StylePropShorthand, VerbosePropBinding };

package/dist/config/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { ComponentRef, CompositeRef, RegisteredComponents, RegisteredComposites, RegisteredStyleProps, StylePropRef } from "./component-refs.js";
-import { BoolMarker, ComponentConfigValue, ComposedLayer, CompositeBinding, EnumMarker, HtmlTag, LayerInput, PrimitiveLayer, PrimitivePropBinding, PropBinding, RootTag, SingleLayerCompositeBinding, StylePropBinding, StylePropShorthand, SurfaceForward, VerbosePropBinding } from "./component-config.js";
+import { BoolMarker, ComponentConfigValue, ComposedLayer, CompositeBinding, EnumMarker, ForwardBinding, HtmlTag, LayerInput, PrimitiveLayer, PrimitivePropBinding, PropBinding, RootTag, SingleLayerCompositeBinding, StylePropBinding, StylePropShorthand, VerbosePropBinding } from "./component-config.js";
 import { Props } from "./Props.js";
 import { BoundComponent } from "./defineComponent.js";
 import { ColorFn, ColorKeyword, CssAngle, CssColor, CssLength, CssPercentage, CssRatio, CssTime, CssValue, CssValueTypeName, HexColor, HslColor, RgbColor } from "./types/css-values.js";

package/dist/foundational-presets/dist/style-props.js

@@ -1235,8 +1235,9 @@ const transformOrigin = defineStyleProp({
 	classPrefix: "origin"
 }).metadata({ label: "Transform origin" });
 const transition = defineStyleProp({
-	cssProperty: "transition-property",
-	classPrefix: "transition"
+	cssProperty: "transition",
+	classPrefix: "transition",
+	arbitrary: "string"
 }).metadata({ label: "Transition" });
 const transitionDuration = defineStyleProp({
 	cssProperty: "transition-duration",