@adobe/design-system-registry 1.1.0 → 1.3.0

package/registry/variants.json

@@ -171,6 +171,112 @@
       "description": "Designed to be used over backgrounds",
       "category": "context",
       "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "brown",
+      "label": "Brown",
+      "description": "Brown color variant",
+      "category": "color",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "cinnamon",
+      "label": "Cinnamon",
+      "description": "Cinnamon color variant",
+      "category": "color",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "silver",
+      "label": "Silver",
+      "description": "Silver color variant",
+      "category": "color",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "subtle",
+      "label": "Subtle",
+      "description": "Reduced emphasis variant for less prominent surfaces",
+      "category": "emphasis",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "subdued",
+      "label": "Subdued",
+      "description": "Lower emphasis variant for quieter backgrounds",
+      "category": "emphasis",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "static",
+      "label": "Static",
+      "description": "Context variant indicating the token does not change with theme",
+      "category": "context",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "inverse",
+      "label": "Inverse",
+      "description": "Inverted color context variant",
+      "category": "context",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "black",
+      "label": "Black",
+      "description": "Black color modifier, typically used with static context",
+      "category": "color",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "white",
+      "label": "White",
+      "description": "White color modifier, typically used with static context",
+      "category": "color",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "turquoise",
+      "label": "Turquoise",
+      "description": "Turquoise color variant",
+      "category": "color",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "confirmation",
+      "label": "Confirmation",
+      "description": "Confirmation dialog variant requiring user acknowledgement",
+      "category": "semantic",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "destructive",
+      "label": "Destructive",
+      "description": "Destructive action dialog variant (stronger than negative)",
+      "category": "semantic",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "warning",
+      "label": "Warning",
+      "description": "Warning dialog variant for cautionary alerts",
+      "category": "semantic",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "error",
+      "label": "Error",
+      "description": "Error state variant for failed operations",
+      "category": "semantic",
+      "usedIn": ["component-schemas"]
+    },
+    {
+      "id": "information",
+      "label": "Information",
+      "aliases": ["info"],
+      "description": "Informational dialog variant (alias for informative in alert contexts)",
+      "category": "semantic",
+      "usedIn": ["component-schemas"]
     }
   ]
 }

package/test/registry.test.js

@@ -20,6 +20,13 @@ import {
   scaleValues,
   categories,
   platforms,
+  tokenObjects,
+  structures,
+  substructures,
+  orientations,
+  positions,
+  densities,
+  shapes,
   getValues,
   findValue,
   hasValue,
@@ -226,6 +233,13 @@ test("sizes includes common t-shirt sizes", (t) => {
   t.true(ids.includes("xl"));
 });
 
+test("sizes does not contain numeric scale values", (t) => {
+  const ids = getValues(sizes);
+  t.false(ids.includes("50"));
+  t.false(ids.includes("100"));
+  t.false(ids.includes("200"));
+});
+
 test("states includes common interaction states", (t) => {
   const ids = getValues(states);
   t.true(ids.includes("default"));
@@ -243,10 +257,27 @@ test("variants includes semantic variants", (t) => {
 
 test("anatomyTerms includes key anatomy parts", (t) => {
   const ids = getValues(anatomyTerms);
-  t.true(ids.includes("edge"));
-  t.true(ids.includes("visual"));
   t.true(ids.includes("text"));
   t.true(ids.includes("icon"));
+  t.true(ids.includes("label"));
+  t.true(ids.includes("handle"));
+});
+
+test("anatomyTerms does not include styling surfaces", (t) => {
+  const ids = getValues(anatomyTerms);
+  t.false(ids.includes("background"));
+  t.false(ids.includes("border"));
+  t.false(ids.includes("edge"));
+  t.false(ids.includes("visual"));
+});
+
+test("tokenObjects includes styling surfaces", (t) => {
+  const ids = getValues(tokenObjects);
+  t.true(ids.includes("background"));
+  t.true(ids.includes("border"));
+  t.true(ids.includes("edge"));
+  t.true(ids.includes("visual"));
+  t.true(ids.includes("content"));
 });
 
 test("components includes core components", (t) => {
@@ -278,3 +309,70 @@ test("scaleValues includes common numeric scales", (t) => {
   t.true(ids.includes("200"));
   t.true(ids.includes("300"));
 });
+
+test("scaleValues includes extended numeric scales", (t) => {
+  const ids = getValues(scaleValues);
+  t.true(ids.includes("1100"));
+  t.true(ids.includes("1200"));
+  t.true(ids.includes("1500"));
+});
+
+// Taxonomy registry tests
+
+const taxonomyRegistries = [
+  ["tokenObjects", tokenObjects],
+  ["structures", structures],
+  ["substructures", substructures],
+  ["orientations", orientations],
+  ["positions", positions],
+  ["densities", densities],
+  ["shapes", shapes],
+];
+
+for (const [name, registry] of taxonomyRegistries) {
+  test(`${name} registry loads successfully`, (t) => {
+    t.truthy(registry);
+    t.truthy(registry.values);
+    t.true(Array.isArray(registry.values));
+    t.true(registry.values.length > 0);
+  });
+
+  test(`${name} registry has no duplicate IDs`, (t) => {
+    const ids = registry.values.map((v) => v.id);
+    const uniqueIds = new Set(ids);
+    t.is(ids.length, uniqueIds.size);
+  });
+
+  test(`all ${name} values have id and label`, (t) => {
+    registry.values.forEach((value) => {
+      t.truthy(value.id, `${name} value missing id`);
+      t.truthy(value.label, `${name} value ${value.id} missing label`);
+    });
+  });
+}
+
+test("structures includes base and container", (t) => {
+  const ids = getValues(structures);
+  t.true(ids.includes("base"));
+  t.true(ids.includes("container"));
+});
+
+test("orientations includes vertical and horizontal", (t) => {
+  const ids = getValues(orientations);
+  t.true(ids.includes("vertical"));
+  t.true(ids.includes("horizontal"));
+});
+
+test("positions includes directional terms", (t) => {
+  const ids = getValues(positions);
+  t.true(ids.includes("top"));
+  t.true(ids.includes("bottom"));
+  t.true(ids.includes("start"));
+  t.true(ids.includes("end"));
+});
+
+test("densities includes spacious and compact", (t) => {
+  const ids = getValues(densities);
+  t.true(ids.includes("spacious"));
+  t.true(ids.includes("compact"));
+});