@yahoo/uds-create-config 5.40.3 → 5.41.0

package/dist/configs/system.js

@@ -15,6 +15,12 @@ import { Operation } from "../entities/system/Operation.js";
 import { Tool } from "../entities/system/Tool.js";
 import { registerSchemaMigrations, registeredSchemaMigrations } from "../framework/schema-version.js";
 import { defineConfig } from "../framework/defineConfig.js";
+import { componentElementSwapMigration } from "../migrations/20261015202345_component_element_swap.js";
+import { declarativeReanimatedMigration } from "../migrations/20261015205522_declarative_reanimated.js";
+import { reanimatedCubicBezierMigration } from "../migrations/20261015212722_reanimated_cubic_bezier.js";
+import { motionJsonSchemaMigration } from "../migrations/20261015221052_motion_json_schema.js";
+import { motionTypeOnlyMigration } from "../migrations/20261016135620_motion_type_only.js";
+import { motionCompatibilityMigration } from "../migrations/20261016164316_motion_compatibility.js";
 import { CanvasRole } from "../entities/system/CanvasRole.js";
 import { GlobalStyle } from "../entities/system/GlobalStyle.js";
 import { Guidance } from "../entities/system/Guidance.js";
@@ -72,7 +78,9 @@ import { linkExcludeOpMigration } from "../migrations/20261013182150_link_exclud
 import { fontFacesMigration } from "../migrations/20261013201548_font_faces.js";
 import { maxAndMinMigration } from "../migrations/20261015171036_max_and_min.js";
 import { componentStyleSetMigration } from "../migrations/20261015192819_component_style_set.js";
-import { componentElementSwapMigration } from "../migrations/20261015202345_component_element_swap.js";
+import { sharedMotionMigration } from "../migrations/20261015203142_shared_motion.js";
+import { nativeMotionMigration } from "../migrations/20261015212352_native_motion.js";
+import { motionTypesMigration } from "../migrations/20261015212414_motion_types.js";
 const System = defineConfig({
 	name: WEB_CONFIG_NAME,
 	description: "A design system: the values, primitives and compositions an app is built from. A ref is written `{ \"__ref\": \"<kind>:<path>\" }`, so a token is `{ \"__ref\": \"token:<group>/<name>\" }` and a token group is `{ \"__ref\": \"token:<group>\" }`. Build it in this order. Tokens first, in groups by purpose (colors, spacing, radii, type sizes), since everything else names them. Then style properties, each with `values` holding one ref to the token group whose members it accepts (`{ \"__ref\": \"token:color\" }`), so a prop takes token names rather than raw CSS; add a string keyword only for a value no token holds. A style rule's bag holds a prop's values (`\"padding\": \"4\"`, `\"bg\": \"brand\"`), never raw CSS. Then a few primitive components, one layer each, whose props are style properties (a box for layout and surface, a text for type, a pressable for interaction). Then every other component composed from those primitives: its layers name a primitive or an element, its anatomy places them (a node renders a layer, a tag or `Slot` where a slot prop's content lands; `children` is the edge list; `visible` is `{ \"$state\": \"<prop>\" }`; a prop shown in a nested layer is a `forward` route, and `$state` never sits in a node's props), and its style rules set style-property values per layer, keyed by prop values when a variant changes them. Modes (a dark mode is `{ type: \"selector\", value: \".dark\" }`) change token values through a token's `overrides`, so a component never restyles for a mode; modifiers (hover, focus, disabled) name a state, and a style rule applies under one as a `_hover` block inside a layer bag. Composites bundle style values that recur. Last, register canvas roles: the canvas draws with them, one entity per tool (`frame` for the layout primitive, `text` for the text primitive, `image`) whose entries name the components that tool inserts, and a tool whose role is unregistered is disabled. Give each component a `preview` entry under `*` so it shows content, and never write a CSS property name where a style-property name belongs.",
@@ -154,8 +162,16 @@ if (!registeredSchemaMigrations().has(20261013154037)) registerSchemaMigrations(
 if (!registeredSchemaMigrations().has(20261013164300)) registerSchemaMigrations(tokenOverridesListMigration);
 if (!registeredSchemaMigrations().has(20261013182150)) registerSchemaMigrations(linkExcludeOpMigration);
 if (!registeredSchemaMigrations().has(20261013201548)) registerSchemaMigrations(fontFacesMigration);
+if (!registeredSchemaMigrations().has(20261015212352)) registerSchemaMigrations(nativeMotionMigration);
+if (!registeredSchemaMigrations().has(20261015212414)) registerSchemaMigrations(motionTypesMigration);
+if (!registeredSchemaMigrations().has(20261015203142)) registerSchemaMigrations(sharedMotionMigration);
+if (!registeredSchemaMigrations().has(20261015205522)) registerSchemaMigrations(declarativeReanimatedMigration);
 if (!registeredSchemaMigrations().has(20261015171036)) registerSchemaMigrations(maxAndMinMigration);
 if (!registeredSchemaMigrations().has(20261015192819)) registerSchemaMigrations(componentStyleSetMigration);
+if (!registeredSchemaMigrations().has(20261015212722)) registerSchemaMigrations(reanimatedCubicBezierMigration);
+if (!registeredSchemaMigrations().has(20261015221052)) registerSchemaMigrations(motionJsonSchemaMigration);
+if (!registeredSchemaMigrations().has(20261016135620)) registerSchemaMigrations(motionTypeOnlyMigration);
 if (!registeredSchemaMigrations().has(20261015202345)) registerSchemaMigrations(componentElementSwapMigration);
+if (!registeredSchemaMigrations().has(20261016164316)) registerSchemaMigrations(motionCompatibilityMigration);
 //#endregion
 export { System };

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

@@ -1,7 +1,7 @@
 import { Ref } from "../../framework/utils/refs.js";
 import { SourceResolver, SourceState } from "../../framework/sources.js";
 import { ComputedInput } from "../../framework/registry.js";
-import { RegisteredComponentContracts, RegisteredEntities, RegisteredMotionRuntimes } from "../../framework/registered.js";
+import { RegisteredComponentContracts, RegisteredEntities } from "../../framework/registered.js";
 import { EntityClass, ItemOf } from "../../framework/defineEntity.js";
 import { PartialBodyOf } from "../../framework/defineConfig.js";
 import { Named } from "../../framework/named.js";
@@ -256,22 +256,7 @@ type PinOptions = { [A in keyof RegisteredEntities]?: Record<string, PinAdjustme
  */
 type PinOptionsInput<K extends string = string> = { [A in keyof RegisteredEntities]?: RegisteredEntities[A] extends {
   readonly kind: 'component';
-} ? { [P in K]?: PinComponentAdjustment<RegisteredEntities[A], P> } : RegisteredEntities[A] extends {
-  readonly kind: 'motion';
-} ? { [P in K]?: PinMotionAdjustment<RegisteredEntities[A], P> } : Record<string, PinAdjustment<RegisteredEntities[A]>> };
-/** A motion entry: an adjustment whose `runtime` is one the linked preset can be read as
- *  ({@link RegisteredMotionRuntimes}), so a swap the conversion would refuse doesn't type. */
-type PinMotionAdjustment<E, P extends string> = {
-  override?: PinMotionBody<E, P> | KindRefOf<E>;
-  extend?: PinMotionBody<E, P>;
-  hidden?: boolean;
-};
-type PinMotionBody<E, P extends string> = Extract<StoredBodyOf<PartialBodyOf<E>>, {
-  runtime?: MotionRuntimeOf<P>;
-}>;
-/** The linked presets registered at `path`, from whichever source. */
-type LinkedMotionKey<P extends string> = Extract<keyof RegisteredMotionRuntimes, `${P}@${string}`>;
-type MotionRuntimeOf<P extends string> = [LinkedMotionKey<P>] extends [never] ? 'css' | 'js' : RegisteredMotionRuntimes[LinkedMotionKey<P>];
+} ? { [P in K]?: PinComponentAdjustment<RegisteredEntities[A], P> } : Record<string, PinAdjustment<RegisteredEntities[A]>> };
 /** A ref to another entity of `E`'s kind, which re-points the path to it. */
 type KindRefOf<E> = E extends {
   readonly kind: infer K extends string;