@adobe/design-system-registry 3.1.0 → 3.1.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @adobe/design-system-registry
 
+## 3.1.1
+
+### Patch Changes
+
+- [#963](https://github.com/adobe/spectrum-design-data/pull/963) [`af22092`](https://github.com/adobe/spectrum-design-data/commit/af22092744c70af7ce0c659e16cdabe31b92b111) Thanks [@GarthDB](https://github.com/GarthDB)! - Pilot name-object migration: add structured `name` fields to color palette and
+  font-weight tokens (closes first phase of taxonomy corpus migration).
+  - **color-palette.json**: 369 tokens gain `name: { property, colorFamily, scaleIndex? }`.
+  - **typography.json**: 6 canonical font-weight tokens gain `name: { property, weight }`.
+  - **design-system-registry**: export the six new taxonomy registries added in #961 via
+    the package.json `exports` map; add `propertyTerms` named export to `index.js`.
+  - **tools/token-corpus-migrate**: new migration tool for injecting name objects;
+    run dry-run with `node tools/token-corpus-migrate/src/cli.js --root <tokens-src>`,
+    apply with `--write`.
+
 ## 3.1.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/design-system-registry",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "A single source of truth for design system terminology used across Spectrum tokens, component schemas, and anatomy",
   "type": "module",
   "main": "index.js",
@@ -20,7 +20,13 @@
     "./registry/orientations.json": "./registry/orientations.json",
     "./registry/positions.json": "./registry/positions.json",
     "./registry/densities.json": "./registry/densities.json",
-    "./registry/shapes.json": "./registry/shapes.json"
+    "./registry/shapes.json": "./registry/shapes.json",
+    "./registry/color-families.json": "./registry/color-families.json",
+    "./registry/typography-families.json": "./registry/typography-families.json",
+    "./registry/typography-weights.json": "./registry/typography-weights.json",
+    "./registry/typography-styles.json": "./registry/typography-styles.json",
+    "./registry/motion-roles.json": "./registry/motion-roles.json",
+    "./registry/easing-curves.json": "./registry/easing-curves.json"
   },
   "repository": {
     "type": "git",
@@ -44,7 +50,7 @@
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
     "ava": "^6.0.1",
-    "@adobe/spectrum-component-api-schemas": "6.1.14"
+    "@adobe/spectrum-component-api-schemas": "6.1.16"
   },
   "scripts": {
     "validate": "node scripts/validate-registry.js",

package/registry/color-families.json

@@ -0,0 +1,177 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "color-family",
+  "description": "Hue families for color palette and semantic color tokens. Assigned via the `colorFamily` name-object field. Paired with a numeric ramp index (scaleIndex) for palette tokens (e.g. colorFamily=blue + scaleIndex=100 → blue-100).",
+  "values": [
+    {
+      "id": "blue",
+      "label": "Blue",
+      "description": "Blue hue family"
+    },
+    {
+      "id": "brown",
+      "label": "Brown",
+      "description": "Brown hue family"
+    },
+    {
+      "id": "celery",
+      "label": "Celery",
+      "description": "Celery (yellow-green) hue family"
+    },
+    {
+      "id": "chartreuse",
+      "label": "Chartreuse",
+      "description": "Chartreuse (green-yellow) hue family"
+    },
+    {
+      "id": "cinnamon",
+      "label": "Cinnamon",
+      "description": "Cinnamon (warm orange-brown) hue family"
+    },
+    {
+      "id": "cyan",
+      "label": "Cyan",
+      "description": "Cyan hue family"
+    },
+    {
+      "id": "fuchsia",
+      "label": "Fuchsia",
+      "description": "Fuchsia (pink-purple) hue family"
+    },
+    {
+      "id": "gray",
+      "label": "Gray",
+      "description": "Gray neutral hue family"
+    },
+    {
+      "id": "green",
+      "label": "Green",
+      "description": "Green hue family"
+    },
+    {
+      "id": "indigo",
+      "label": "Indigo",
+      "description": "Indigo (blue-violet) hue family"
+    },
+    {
+      "id": "magenta",
+      "label": "Magenta",
+      "description": "Magenta hue family"
+    },
+    {
+      "id": "orange",
+      "label": "Orange",
+      "description": "Orange hue family"
+    },
+    {
+      "id": "pink",
+      "label": "Pink",
+      "description": "Pink hue family"
+    },
+    {
+      "id": "purple",
+      "label": "Purple",
+      "description": "Purple hue family"
+    },
+    {
+      "id": "red",
+      "label": "Red",
+      "description": "Red hue family"
+    },
+    {
+      "id": "seafoam",
+      "label": "Seafoam",
+      "description": "Seafoam (teal-green) hue family"
+    },
+    {
+      "id": "silver",
+      "label": "Silver",
+      "description": "Silver neutral hue family"
+    },
+    {
+      "id": "turquoise",
+      "label": "Turquoise",
+      "description": "Turquoise hue family"
+    },
+    {
+      "id": "yellow",
+      "label": "Yellow",
+      "description": "Yellow hue family"
+    },
+    {
+      "id": "black",
+      "label": "Black",
+      "description": "Black neutral endpoint"
+    },
+    {
+      "id": "white",
+      "label": "White",
+      "description": "White neutral endpoint"
+    },
+    {
+      "id": "static-blue",
+      "label": "Static Blue",
+      "description": "Blue palette family that remains fixed in all color schemes"
+    },
+    {
+      "id": "static-chartreuse",
+      "label": "Static Chartreuse",
+      "description": "Chartreuse palette family that remains fixed in all color schemes"
+    },
+    {
+      "id": "static-cyan",
+      "label": "Static Cyan",
+      "description": "Cyan palette family that remains fixed in all color schemes"
+    },
+    {
+      "id": "static-fuchsia",
+      "label": "Static Fuchsia",
+      "description": "Fuchsia palette family that remains fixed in all color schemes"
+    },
+    {
+      "id": "static-green",
+      "label": "Static Green",
+      "description": "Green palette family that remains fixed in all color schemes"
+    },
+    {
+      "id": "static-indigo",
+      "label": "Static Indigo",
+      "description": "Indigo palette family that remains fixed in all color schemes"
+    },
+    {
+      "id": "static-magenta",
+      "label": "Static Magenta",
+      "description": "Magenta palette family that remains fixed in all color schemes"
+    },
+    {
+      "id": "static-orange",
+      "label": "Static Orange",
+      "description": "Orange palette family that remains fixed in all color schemes"
+    },
+    {
+      "id": "static-purple",
+      "label": "Static Purple",
+      "description": "Purple palette family that remains fixed in all color schemes"
+    },
+    {
+      "id": "static-red",
+      "label": "Static Red",
+      "description": "Red palette family that remains fixed in all color schemes"
+    },
+    {
+      "id": "static-turquoise",
+      "label": "Static Turquoise",
+      "description": "Turquoise palette family that remains fixed in all color schemes"
+    },
+    {
+      "id": "transparent-black",
+      "label": "Transparent Black",
+      "description": "Black-based transparent color family for overlay and shadow effects"
+    },
+    {
+      "id": "transparent-white",
+      "label": "Transparent White",
+      "description": "White-based transparent color family for overlay and highlight effects"
+    }
+  ]
+}

package/registry/easing-curves.json

@@ -0,0 +1,42 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "easing-curve",
+  "description": "Easing curve identifiers for motion tokens. Assigned via the `easing` name-object field. NOTE: This registry is provisional. Values are seeded from design intent; entries will be refined when motion tokens are added to the foundation dataset.",
+  "values": [
+    {
+      "id": "linear",
+      "label": "Linear",
+      "description": "Constant-rate animation with no acceleration or deceleration"
+    },
+    {
+      "id": "ease-in",
+      "label": "Ease In",
+      "description": "Animation that starts slow and accelerates toward the end"
+    },
+    {
+      "id": "ease-out",
+      "label": "Ease Out",
+      "description": "Animation that starts fast and decelerates toward the end"
+    },
+    {
+      "id": "ease-in-out",
+      "label": "Ease In-Out",
+      "description": "Animation that starts slow, accelerates through the middle, and decelerates at the end"
+    },
+    {
+      "id": "standard",
+      "label": "Standard",
+      "description": "Spectrum standard easing curve for general UI motion"
+    },
+    {
+      "id": "decelerate",
+      "label": "Decelerate",
+      "description": "Decelerate curve for elements entering the screen"
+    },
+    {
+      "id": "accelerate",
+      "label": "Accelerate",
+      "description": "Accelerate curve for elements leaving the screen"
+    }
+  ]
+}

package/registry/motion-roles.json

@@ -0,0 +1,32 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "motion-role",
+  "description": "Semantic roles for motion tokens — the interaction pattern or animation purpose a token governs. Assigned via the `motionRole` name-object field. NOTE: This registry is provisional. Values are seeded from design intent; entries will be refined when motion tokens are added to the foundation dataset.",
+  "values": [
+    {
+      "id": "enter",
+      "label": "Enter",
+      "description": "Animation for an element entering the viewport or becoming visible"
+    },
+    {
+      "id": "exit",
+      "label": "Exit",
+      "description": "Animation for an element leaving the viewport or becoming hidden"
+    },
+    {
+      "id": "transition",
+      "label": "Transition",
+      "description": "Animation for state changes on a persistent element (e.g. hover, selection)"
+    },
+    {
+      "id": "emphasis",
+      "label": "Emphasis",
+      "description": "Animation that draws attention to an element without entering or exiting"
+    },
+    {
+      "id": "loading",
+      "label": "Loading",
+      "description": "Animation for indeterminate loading or progress states"
+    }
+  ]
+}

package/registry/typography-families.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "typography-family",
+  "description": "Type family identifiers for typography tokens. Assigned via the `family` name-object field. Represents the script or display context of the typeface, not a specific font name.",
+  "values": [
+    {
+      "id": "sans-serif",
+      "label": "Sans-Serif",
+      "description": "Sans-serif typeface family (e.g. Adobe Clean)"
+    },
+    {
+      "id": "serif",
+      "label": "Serif",
+      "description": "Serif typeface family (e.g. Adobe Clean Serif)"
+    },
+    {
+      "id": "cjk",
+      "label": "CJK",
+      "description": "CJK (Chinese, Japanese, Korean) script typeface family"
+    },
+    {
+      "id": "code",
+      "label": "Code",
+      "description": "Monospace typeface family for code and technical content"
+    }
+  ]
+}

package/registry/typography-styles.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "typography-style",
+  "description": "Typographic style values for typography tokens. Assigned via the `style` name-object field. Corresponds to the CSS font-style axis. The normal/default style is not listed — omit the field when style is normal.",
+  "values": [
+    {
+      "id": "italic",
+      "label": "Italic",
+      "description": "Italic font style (font-style: italic)"
+    },
+    {
+      "id": "oblique",
+      "label": "Oblique",
+      "description": "Oblique font style (font-style: oblique)"
+    }
+  ]
+}

package/registry/typography-weights.json

@@ -0,0 +1,37 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "typography-weight",
+  "description": "Typographic weight values for typography tokens. Assigned via the `weight` name-object field. Corresponds to the CSS font-weight axis. Note: 'black' is a typographic weight value (font-weight 900) and is distinct from the 'black' color-family entry in color-families.json (cross-registry ID overlap is intentional per SPEC-033).",
+  "values": [
+    {
+      "id": "light",
+      "label": "Light",
+      "description": "Light weight (font-weight 300)"
+    },
+    {
+      "id": "regular",
+      "label": "Regular",
+      "description": "Regular weight (font-weight 400)"
+    },
+    {
+      "id": "medium",
+      "label": "Medium",
+      "description": "Medium weight (font-weight 500)"
+    },
+    {
+      "id": "bold",
+      "label": "Bold",
+      "description": "Bold weight (font-weight 700)"
+    },
+    {
+      "id": "extra-bold",
+      "label": "Extra Bold",
+      "description": "Extra bold weight (font-weight 800)"
+    },
+    {
+      "id": "black",
+      "label": "Black",
+      "description": "Black weight (font-weight 900)"
+    }
+  ]
+}