@yahoo/uds-v5-wip 1.60.0 → 1.62.0

package/dist/config/dist/propertyGroups.js

@@ -1,414 +0,0 @@
-//#region ../config/dist/propertyGroups.js
-const ALL_PROPERTY_GROUPS = [
-	{
-		id: "textColor",
-		label: "Text Color",
-		properties: ["color"]
-	},
-	{
-		id: "background",
-		label: "Background",
-		properties: ["bg"]
-	},
-	{
-		id: "borderColor",
-		label: "Border Color",
-		properties: [
-			"borderColor",
-			"borderYColor",
-			"borderXColor",
-			"borderStartColor",
-			"borderLeftColor",
-			"borderEndColor",
-			"borderRightColor",
-			"borderTopColor",
-			"borderBottomColor"
-		]
-	},
-	{
-		id: "outlineColor",
-		label: "Outline Color",
-		properties: ["outlineColor"]
-	},
-	{
-		id: "ringColor",
-		label: "Ring Color",
-		properties: ["ringColor", "ringOffsetColor"]
-	},
-	{
-		id: "divideColor",
-		label: "Divide Color",
-		properties: ["divideColor"]
-	},
-	{
-		id: "shadowColor",
-		label: "Shadow Color",
-		properties: ["shadowColor"]
-	},
-	{
-		id: "svgFill",
-		label: "SVG Fill",
-		properties: ["fillColor"]
-	},
-	{
-		id: "svgStroke",
-		label: "SVG Stroke",
-		properties: ["strokeColor"]
-	},
-	{
-		id: "caretColor",
-		label: "Caret Color",
-		properties: ["caretColor"]
-	},
-	{
-		id: "textDecorationColor",
-		label: "Text Decoration Color",
-		properties: ["textDecorationColor"]
-	},
-	{
-		id: "opacity",
-		label: "Opacity",
-		properties: ["opacity"]
-	},
-	{
-		id: "colorOpacity",
-		label: "Color Opacity",
-		properties: ["colorOpacity"]
-	},
-	{
-		id: "bgOpacity",
-		label: "Background Opacity",
-		properties: ["bgOpacity"]
-	},
-	{
-		id: "borderColorOpacity",
-		label: "Border Color Opacity",
-		properties: [
-			"borderColorOpacity",
-			"borderYColorOpacity",
-			"borderXColorOpacity",
-			"borderStartColorOpacity",
-			"borderLeftColorOpacity",
-			"borderEndColorOpacity",
-			"borderRightColorOpacity",
-			"borderTopColorOpacity",
-			"borderBottomColorOpacity"
-		]
-	},
-	{
-		id: "divideColorOpacity",
-		label: "Divide Color Opacity",
-		properties: ["divideColorOpacity"]
-	},
-	{
-		id: "outlineColorOpacity",
-		label: "Outline Color Opacity",
-		properties: ["outlineColorOpacity"]
-	},
-	{
-		id: "ringColorOpacity",
-		label: "Ring Color Opacity",
-		properties: ["ringColorOpacity", "ringOffsetColorOpacity"]
-	},
-	{
-		id: "textDecorationColorOpacity",
-		label: "Text Decoration Opacity",
-		properties: ["textDecorationColorOpacity"]
-	},
-	{
-		id: "svgFillOpacity",
-		label: "SVG Fill Opacity",
-		properties: ["fillColorOpacity"]
-	},
-	{
-		id: "svgStrokeOpacity",
-		label: "SVG Stroke Opacity",
-		properties: ["strokeColorOpacity"]
-	},
-	{
-		id: "shadowColorOpacity",
-		label: "Shadow Color Opacity",
-		properties: ["shadowColorOpacity"]
-	},
-	{
-		id: "caretColorOpacity",
-		label: "Caret Color Opacity",
-		properties: ["caretColorOpacity"]
-	},
-	{
-		id: "fontFamily",
-		label: "Font Family",
-		properties: ["fontFamily"]
-	},
-	{
-		id: "fontSize",
-		label: "Font Size",
-		properties: ["fontSize"]
-	},
-	{
-		id: "fontWeight",
-		label: "Font Weight",
-		properties: ["fontWeight"]
-	},
-	{
-		id: "lineHeight",
-		label: "Line Height",
-		properties: ["lineHeight"]
-	},
-	{
-		id: "letterSpacing",
-		label: "Letter Spacing",
-		properties: ["letterSpacing"]
-	},
-	{
-		id: "blur",
-		label: "Blur",
-		properties: ["blur"]
-	},
-	{
-		id: "backdropBlur",
-		label: "Backdrop Blur",
-		properties: ["backdropBlur"]
-	},
-	{
-		id: "animation",
-		label: "Animation",
-		properties: ["animation"]
-	},
-	{
-		id: "shadow",
-		label: "Shadow",
-		properties: ["shadow"]
-	},
-	{
-		id: "textShadow",
-		label: "Text Shadow",
-		properties: ["textShadow"]
-	},
-	{
-		id: "zIndex",
-		label: "Z-Index",
-		properties: ["zIndex"]
-	},
-	{
-		id: "borderWidth",
-		label: "Border Width",
-		properties: [
-			"borderWidth",
-			"borderYWidth",
-			"borderXWidth",
-			"borderStartWidth",
-			"borderLeftWidth",
-			"borderEndWidth",
-			"borderRightWidth",
-			"borderTopWidth",
-			"borderBottomWidth"
-		]
-	},
-	{
-		id: "borderRadius",
-		label: "Border Radius",
-		properties: [
-			"borderRadius",
-			"borderRadiusTop",
-			"borderRadiusBottom",
-			"borderRadiusStart",
-			"borderRadiusEnd",
-			"borderRadiusTopStart",
-			"borderRadiusTopEnd",
-			"borderRadiusBottomStart",
-			"borderRadiusBottomEnd"
-		]
-	},
-	{
-		id: "outlineWidth",
-		label: "Outline Width",
-		properties: ["outlineWidth", "outlineOffset"]
-	},
-	{
-		id: "divideWidth",
-		label: "Divide Width",
-		properties: ["divideWidth"]
-	},
-	{
-		id: "ringWidth",
-		label: "Ring Width",
-		properties: ["ringWidth", "ringOffsetWidth"]
-	},
-	{
-		id: "padding",
-		label: "Padding",
-		properties: [
-			"spacing",
-			"spacingX",
-			"spacingY",
-			"spacingRight",
-			"spacingEnd",
-			"spacingLeft",
-			"spacingStart",
-			"spacingTop",
-			"spacingBottom"
-		]
-	},
-	{
-		id: "margin",
-		label: "Margin",
-		properties: [
-			"margin",
-			"marginX",
-			"marginY",
-			"marginBottom",
-			"marginEnd",
-			"marginRight",
-			"marginStart",
-			"marginLeft",
-			"marginTop"
-		]
-	},
-	{
-		id: "offset",
-		label: "Offset",
-		properties: [
-			"offset",
-			"offsetY",
-			"offsetX",
-			"offsetBottom",
-			"offsetEnd",
-			"offsetRight",
-			"offsetStart",
-			"offsetLeft",
-			"offsetTop"
-		]
-	},
-	{
-		id: "gap",
-		label: "Gap",
-		properties: [
-			"gap",
-			"gapX",
-			"gapY"
-		]
-	},
-	{
-		id: "indent",
-		label: "Indent",
-		properties: ["indent"]
-	},
-	{
-		id: "scrollSnapGap",
-		label: "Scroll Snap Gap",
-		properties: [
-			"scrollSnapGap",
-			"scrollSnapGapTop",
-			"scrollSnapGapBottom",
-			"scrollSnapGapStart",
-			"scrollSnapGapEnd",
-			"scrollSnapGapX",
-			"scrollSnapGapY"
-		]
-	},
-	{
-		id: "scrollSnapSpacing",
-		label: "Scroll Snap Spacing",
-		properties: [
-			"scrollSnapSpacing",
-			"scrollSnapSpacingTop",
-			"scrollSnapSpacingBottom",
-			"scrollSnapSpacingStart",
-			"scrollSnapSpacingEnd",
-			"scrollSnapSpacingX",
-			"scrollSnapSpacingY"
-		]
-	},
-	{
-		id: "tableBorderSpacing",
-		label: "Table Border Spacing",
-		properties: [
-			"tableBorderSpacing",
-			"tableBorderSpacingX",
-			"tableBorderSpacingY"
-		]
-	},
-	{
-		id: "width",
-		label: "Width",
-		properties: [
-			"width",
-			"minWidth",
-			"maxWidth"
-		]
-	},
-	{
-		id: "height",
-		label: "Height",
-		properties: [
-			"height",
-			"minHeight",
-			"maxHeight"
-		]
-	},
-	{
-		id: "aspectRatio",
-		label: "Aspect Ratio",
-		properties: ["aspectRatio"]
-	},
-	{
-		id: "positionPlacement",
-		label: "Position",
-		properties: [
-			"top",
-			"bottom",
-			"left",
-			"right",
-			"inset",
-			"insetX",
-			"insetY"
-		]
-	},
-	{
-		id: "flex",
-		label: "Flex",
-		properties: [
-			"flex",
-			"flexGrow",
-			"flexShrink"
-		]
-	},
-	{
-		id: "transform",
-		label: "Transform",
-		properties: [
-			"scaleX",
-			"scaleY",
-			"skewX",
-			"skewY",
-			"translateX",
-			"translateY",
-			"rotate",
-			"scale"
-		]
-	},
-	{
-		id: "strokeWidth",
-		label: "Stroke Width",
-		properties: ["strokeWidth"]
-	}
-];
-new Map(ALL_PROPERTY_GROUPS.map((g) => [g.id, g]));
-const propToGroupId = /* @__PURE__ */ new Map();
-for (const group of ALL_PROPERTY_GROUPS) for (const prop of group.properties) propToGroupId.set(prop, group.id);
-const COLOR_GROUPS = [
-	"textColor",
-	"background",
-	"borderColor",
-	"outlineColor",
-	"ringColor",
-	"divideColor",
-	"shadowColor",
-	"svgFill",
-	"svgStroke",
-	"caretColor",
-	"textDecorationColor"
-];
-[...COLOR_GROUPS], [...COLOR_GROUPS], [...COLOR_GROUPS];
-//#endregion

package/dist/config/dist/resolveStyleProp.d.ts

@@ -1,88 +0,0 @@
-import { CssValueTypeName } from "./types/css-values.js";
-import { ArbitrarySpec, StylePropMetadata } from "./defineStyleProp.js";
-//#region ../config/dist/resolveStyleProp.d.ts
-//#region src/resolveStyleProp.d.ts
-interface ResolvedToken {
-  /** The token's raw key, e.g. `'brand'`. */
-  readonly name: string;
-  /** Resolved CSS value, e.g. `'#1167f4'` or `'1rem'`. */
-  readonly value: string;
-  /** Detected CSS value type, used for filtering. `undefined` if not detectable. */
-  readonly valueType: CssValueTypeName | undefined;
-  /** The token group's namespace (or cssPrefix fallback) the token came from. */
-  readonly group: string;
-  /**
-   * Style-prop-local namespace, set only when the token was sourced via a
-   * {@link NamespacedGroupRef}. Used to disambiguate when two groups feed
-   * the same prop and share keys.
-   */
-  readonly namespace?: string;
-  /**
-   * The user-facing key the consumer writes in JSX. For un-namespaced
-   * groups this is just `name`; for namespaced groups, `'${namespace}.${name}'`.
-   */
-  readonly qualifiedName: string;
-  /**
-   * The token name with characters that aren't class-name-safe replaced
-   * (e.g. `/` → `_`, `.` → `_`). Used as the trailing segment of generated
-   * `@utility` class names and CSS variable names. Mirrors
-   * `safeTokenName` from `@uds/utils`.
-   */
-  readonly safeName: string;
-  /**
-   * Full CSS variable reference for this token at config-build time, e.g.
-   * `'--uds-bg-brand'`. Built as `--{config.prefix}-{group.cssPrefix}-{safeName}`,
-   * falling back to omit the config prefix when it's empty.
-   */
-  readonly cssVar: string;
-  /**
-   * Per-modifier value overrides carried verbatim from the source
-   * `AtomicTokenValue`. Used by CSS-gen to emit mode override blocks
-   * (e.g. `.dark { --uds-bg-brand: ... }`).
-   */
-  readonly modifiers?: Record<string, string>;
-}
-interface ResolvedStyleProp {
-  /** The JSX prop name — the map key from `registerStyleProps({...})`. */
-  readonly propName: string;
-  /** The CSS property (or properties) this prop writes — passed through
-   *  verbatim from the source `defineStyleProp` input. Single string for
-   *  direct props, array for fan-out props (e.g. `borderRadiusStart` →
-   *  both start-side corners). Readers normalize at the call site
-   *  (`Array.isArray(p) ? p : [p]`) when iteration matters. */
-  readonly cssProperty: string | readonly string[];
-  readonly classPrefix: string;
-  /**
-   * Set on opacity-sibling entries to the JSX-prop name of the parent
-   * color prop they compose with (`bg` for `bgOpacity`). Authored via
-   * `.withOpacity({ as })` on the parent's `defineStyleProp`. Consumers
-   * use this to merge `bg="primary"` + `bgOpacity="75"` into a single
-   * `bg-primary_75` class.
-   */
-  readonly pairedWith?: string;
-  /**
-   * Class-name separator between the parent's token suffix and the
-   * opacity value (`bg-primary_75` vs. `bg-primary/75`). Only set when
-   * `pairedWith` is set. Defaults to `'_'` at the authoring layer.
-   */
-  readonly separator?: string;
-  readonly tokens: readonly ResolvedToken[];
-  readonly literals: readonly (string | number | boolean)[];
-  /** Alias → CSS-value map for `{ alias, value }` entries in `values`.
-   *  When an author writes `flexDirection='col'`, the CSS emitter looks
-   *  this up to write `flex-direction: column` instead of `flex-direction: col`.
-   *  Object values represent composite styles (`truncate=true` mapping to
-   *  three CSS properties at once). Only populated when at least one
-   *  entry used the alias form. */
-  readonly literalAliases?: Readonly<Record<string, string | Readonly<Record<string, string>>>>;
-  readonly arbitrary: ArbitrarySpec | undefined;
-  readonly metadata: StylePropMetadata;
-}
-/**
- * Structurally-loose input shape for the resolver. Any `StyleProp<P>` from
- * `defineStyleProp` is assignable to this. Defined locally so the
- * resolver's signature doesn't expand `ValuesEntry<P>` over the full CSS
- * property union (TS2590).
- */
-//#endregion
-export { ResolvedStyleProp, ResolvedToken };