@adobe/spectrum-tokens 14.13.2 → 14.15.0

package/src/typography.json

@@ -42,41 +42,49 @@
   },
   "body-cjk-size-l": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "body",
     "value": "{font-size-200}",
     "uuid": "9f0e0ddb-a4d2-416e-a425-8d71527f77b2"
   },
   "body-cjk-size-m": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "body",
     "value": "{font-size-100}",
     "uuid": "7e01bc65-5823-456f-a830-9848a96ad85a"
   },
   "body-cjk-size-s": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "body",
     "value": "{font-size-75}",
     "uuid": "081aa502-e2f1-4bc8-8fb2-a00dcd4236dd"
   },
   "body-cjk-size-xl": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "body",
     "value": "{font-size-300}",
     "uuid": "25d65a6e-e8e1-4849-848a-984373fd9cf9"
   },
   "body-cjk-size-xs": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "body",
     "value": "{font-size-50}",
     "uuid": "ba73926d-2ef4-4d7b-86c2-9044aa1cdf95"
   },
   "body-cjk-size-xxl": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "body",
     "value": "{font-size-400}",
     "uuid": "9aab03eb-c0c1-462c-aa7c-88c93b06f714"
   },
   "body-cjk-size-xxs": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "body",
     "value": "{font-size-25}",
     "uuid": "218f04ed-0679-4090-b1ad-76ef062dd07c"
   },
   "body-cjk-size-xxxl": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "body",
     "value": "{font-size-500}",
     "uuid": "71a41f9e-73da-4632-8877-7af7acf4db03"
   },
@@ -268,6 +276,7 @@
   },
   "body-size-xxs": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "body",
     "value": "{font-size-50}",
     "uuid": "3aa79ac7-9e78-4413-b500-b8d1937705cb"
   },
@@ -1393,6 +1402,7 @@
   },
   "heading-cjk-font-weight": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "heading",
     "value": "{extra-bold-font-weight}",
     "uuid": "bd54516c-2fda-4421-ab62-720c3a887a34"
   },
@@ -1557,6 +1567,7 @@
   },
   "heading-cjk-size-xxxxl": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "heading",
     "value": "{font-size-1400}",
     "uuid": "3b954e15-341a-40f4-a47e-9abd2813fec4"
   },
@@ -1616,6 +1627,7 @@
   },
   "heading-sans-serif-emphasized-font-weight": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "heading",
     "value": "{extra-bold-font-weight}",
     "uuid": "e4a183fd-53c5-4dbb-afd1-6308e2e74f80"
   },
@@ -1633,6 +1645,7 @@
   },
   "heading-sans-serif-font-weight": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "heading",
     "value": "{extra-bold-font-weight}",
     "uuid": "1d4d09b4-021a-48e8-a724-bfecc13df325"
   },
@@ -1772,6 +1785,7 @@
   },
   "heading-serif-emphasized-font-weight": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "heading",
     "value": "{bold-font-weight}",
     "uuid": "a0983216-b0c5-4a3f-97dc-96ee711acb1f"
   },
@@ -1789,6 +1803,7 @@
   },
   "heading-serif-font-weight": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "heading",
     "value": "{bold-font-weight}",
     "uuid": "350aa193-9996-49c8-b5e4-54d4f7bef3c2"
   },
@@ -1971,6 +1986,7 @@
   },
   "heading-size-xxxxl": {
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
+    "component": "heading",
     "value": "{font-size-1500}",
     "uuid": "517d86cc-2e66-4cdc-8841-cb32db9e56f4"
   },

package/test/checkComponentProps.js

@@ -10,9 +10,30 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
+import { readFileSync } from "node:fs";
 import test from "ava";
 import { getFileTokens } from "../index.js";
 
+// Anatomy sub-part tokens (e.g. tab-item-*) keep their legacy key (the
+// sub-part name) but carry their real parent component (e.g. "tabs"), so the
+// key no longer starts with the component value. The cascade source of
+// truth (packages/design-data/tokens/*.tokens.json) declares this explicitly
+// via a pinned `legacyKey` alongside `anatomy`; read that exact set instead
+// of loosely matching any anatomy-registry id prefix, since many ids (icon,
+// label, field, item, ...) also legitimately prefix unrelated component keys.
+const cascadeDecomposedKeys = new Set(
+  ["color-component.tokens.json", "layout-component.tokens.json"].flatMap(
+    (file) =>
+      JSON.parse(
+        readFileSync(
+          new URL(`../../design-data/tokens/${file}`, import.meta.url),
+        ),
+      )
+        .filter((t) => t.name?.anatomy && t.name?.legacyKey)
+        .map((t) => t.name.legacyKey),
+  ),
+);
+
 test("ensure all component tokens are have component data", async (t) => {
   const tokenData = {
     ...(await getFileTokens("color-component.json")),
@@ -20,10 +41,9 @@ test("ensure all component tokens are have component data", async (t) => {
     ...(await getFileTokens("icons.json")),
   };
   const result = Object.keys(tokenData).filter((tokenName) => {
-    return (
-      !Object.hasOwn(tokenData[tokenName], "component") ||
-      tokenName.indexOf(tokenData[tokenName].component) != 0
-    );
+    if (cascadeDecomposedKeys.has(tokenName)) return false;
+    const { component } = tokenData[tokenName];
+    return !component || tokenName.indexOf(component) != 0;
   });
   t.deepEqual(result, []);
 });