@adobe/spectrum-tokens 13.0.0-beta.26 → 13.0.0-beta.28

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.28
+
+### Patch Changes
+
+- 1150331: Removed duplicate tokens from src files.
+
+## 13.0.0-beta.27
+
+### Minor Changes
+
+- 3236495: Updated coach mark tokens for both desktop and mobile
+
+  ## Token Diff
+
+  _Tokens added (6):_
+
+  - `coach-mark-body-font-size`
+  - `coach-mark-pagination-body-font-size`
+  - `coach-mark-title-font-size`
+
+  _Newly deprecated tokens (3):_
+
+  - `coach-mark-body-size`
+  - `coach-mark-pagination-body-size`
+  - `coach-mark-title-size`
+
 ## 13.0.0-beta.26
 
 ### Minor Changes

package/dist/json/drover.json

@@ -1353,14 +1353,17 @@
     "cjk-letter-spacing": "0.05em",
     "cjk-line-height-100": "1.5",
     "cjk-line-height-200": "1.7",
-    "coach-mark-body-size": "14px",
+    "coach-mark-body-font-size": "16px",
+    "coach-mark-body-size": "16px",
     "coach-mark-edge-to-content": "24px",
     "coach-mark-maximum-width": "380px",
     "coach-mark-media-height": "222px",
     "coach-mark-media-minimum-height": "166px",
     "coach-mark-minimum-width": "296px",
+    "coach-mark-pagination-body-font-size": "14px",
     "coach-mark-pagination-body-size": "14px",
     "coach-mark-pagination-text-to-bottom-edge": "33px",
+    "coach-mark-title-font-size": "16px",
     "coach-mark-title-size": "16px",
     "coach-mark-width": "296px",
     "code-cjk-line-height": "1.7",

package/dist/json/variables.json

@@ -13573,9 +13573,10 @@
     }
   },
   "coach-mark-title-size": {
+    "ref": "{coach-mark-title-font-size}",
     "sets": {
       "desktop": {
-        "ref": "{heading-size-xs}",
+        "ref": "{title-size-m}",
         "sets": {
           "desktop": {
             "value": "16px",
@@ -13586,10 +13587,10 @@
             "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
           }
         },
-        "uuid": "331604db-3f28-472e-810d-9010ed2c8e33"
+        "uuid": "5b132698-4ee2-40e4-83c0-9ad80f36f5fd"
       },
       "mobile": {
-        "ref": "{heading-size-xxs}",
+        "ref": "{title-size-s}",
         "sets": {
           "desktop": {
             "value": "14px",
@@ -13600,43 +13601,47 @@
             "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
           }
         },
-        "uuid": "cd4848b6-d560-475a-9d80-f7b5acebce10"
+        "uuid": "45855bc5-3b86-49a9-b443-7be9aa763c4e"
       }
-    }
+    },
+    "uuid": "331604db-3f28-472e-810d-9010ed2c8e33"
   },
   "coach-mark-body-size": {
+    "ref": "{coach-mark-body-font-size}",
     "sets": {
       "desktop": {
-        "ref": "{body-size-s}",
+        "ref": "{body-size-m}",
         "sets": {
           "desktop": {
-            "value": "14px",
-            "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+            "value": "16px",
+            "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
           },
           "mobile": {
-            "value": "17px",
-            "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+            "value": "19px",
+            "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
           }
         },
-        "uuid": "eba9f466-deda-48d5-a120-14419d5a670f"
+        "uuid": "4b88a0d5-2d07-4e63-afa6-cdd611f0a8c1"
       },
       "mobile": {
-        "ref": "{body-size-xs}",
+        "ref": "{body-size-s}",
         "sets": {
           "desktop": {
-            "value": "12px",
-            "uuid": "55d90327-8cc9-4d4f-891f-9d42751d989a"
+            "value": "14px",
+            "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
           },
           "mobile": {
-            "value": "15px",
-            "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
+            "value": "17px",
+            "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
           }
         },
-        "uuid": "a0abef77-dafe-4158-9faa-a4b4b2871e54"
+        "uuid": "73959c3d-afc2-4f6e-bd34-0399bf3b5b73"
       }
-    }
+    },
+    "uuid": "eba9f466-deda-48d5-a120-14419d5a670f"
   },
   "coach-mark-pagination-body-size": {
+    "ref": "{coach-mark-pagination-body-font-size}",
     "sets": {
       "desktop": {
         "ref": "{body-size-s}",
@@ -13650,7 +13655,7 @@
             "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
           }
         },
-        "uuid": "df8bc8ae-b6fa-4414-93b7-c89d8097fe11"
+        "uuid": "06ae2458-8490-4741-8a02-97f60cc01592"
       },
       "mobile": {
         "ref": "{body-size-xs}",
@@ -13664,9 +13669,10 @@
             "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
           }
         },
-        "uuid": "350d9235-ff9e-43d7-9298-56b36d58d6de"
+        "uuid": "4f8c99a5-0942-41b0-ac41-923ea9ca2bf2"
       }
-    }
+    },
+    "uuid": "df8bc8ae-b6fa-4414-93b7-c89d8097fe11"
   },
   "accordion-top-to-text-compact-small": {
     "value": "2px",
@@ -17130,6 +17136,102 @@
       }
     }
   },
+  "coach-mark-body-font-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{body-size-m}",
+        "sets": {
+          "desktop": {
+            "value": "16px",
+            "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
+          },
+          "mobile": {
+            "value": "19px",
+            "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
+          }
+        },
+        "uuid": "4b88a0d5-2d07-4e63-afa6-cdd611f0a8c1"
+      },
+      "mobile": {
+        "ref": "{body-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "14px",
+            "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+          },
+          "mobile": {
+            "value": "17px",
+            "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+          }
+        },
+        "uuid": "73959c3d-afc2-4f6e-bd34-0399bf3b5b73"
+      }
+    }
+  },
+  "coach-mark-pagination-body-font-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{body-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "14px",
+            "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+          },
+          "mobile": {
+            "value": "17px",
+            "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+          }
+        },
+        "uuid": "06ae2458-8490-4741-8a02-97f60cc01592"
+      },
+      "mobile": {
+        "ref": "{body-size-xs}",
+        "sets": {
+          "desktop": {
+            "value": "12px",
+            "uuid": "55d90327-8cc9-4d4f-891f-9d42751d989a"
+          },
+          "mobile": {
+            "value": "15px",
+            "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
+          }
+        },
+        "uuid": "4f8c99a5-0942-41b0-ac41-923ea9ca2bf2"
+      }
+    }
+  },
+  "coach-mark-title-font-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{title-size-m}",
+        "sets": {
+          "desktop": {
+            "value": "16px",
+            "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
+          },
+          "mobile": {
+            "value": "19px",
+            "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
+          }
+        },
+        "uuid": "5b132698-4ee2-40e4-83c0-9ad80f36f5fd"
+      },
+      "mobile": {
+        "ref": "{title-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "14px",
+            "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+          },
+          "mobile": {
+            "value": "17px",
+            "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+          }
+        },
+        "uuid": "45855bc5-3b86-49a9-b443-7be9aa763c4e"
+      }
+    }
+  },
   "corner-radius-0": {
     "value": "0px",
     "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"

package/index.js

@@ -0,0 +1,52 @@
+/*
+Copyright 2024 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+import { glob } from "glob";
+
+import { resolve } from "path";
+import { readFile } from "fs/promises";
+import * as url from "url";
+import { writeFile } from "fs/promises";
+import { format } from "prettier";
+
+export const __dirname = url.fileURLToPath(new URL(".", import.meta.url));
+
+export const tokenFileNames = await glob(
+  `${resolve(__dirname, "./src")}/**/*.json`,
+);
+
+export const readJson = async (fileName) =>
+  JSON.parse(await readFile(fileName, "utf8"));
+
+export const writeJson = async (fileName, jsonData) => {
+  await writeFile(
+    fileName,
+    await format(JSON.stringify(jsonData), { parser: "json-stringify" }),
+  );
+};
+
+export const getFileTokens = async (tokenFileName) =>
+  await readJson(resolve(__dirname, "src", tokenFileName));
+
+export const getAllTokens = async () => {
+  return await Promise.all(tokenFileNames.map(getFileTokens)).then(
+    (tokenFileDataAr) => {
+      return tokenFileDataAr.reduce(
+        (tokenDataAcc, tokenFileData) => ({
+          ...tokenDataAcc,
+          ...tokenFileData,
+        }),
+        {},
+      );
+    },
+  );
+};

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "13.0.0-beta.26",
+  "version": "13.0.0-beta.28",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
-  "main": "tasks/buildSpectrumTokens.js",
+  "main": "index.js",
   "tokens": "dist/json/variables.json",
   "repository": {
     "type": "git",
@@ -25,6 +25,7 @@
     "ajv": "^8.12.0",
     "ajv-formats": "^2.1.1",
     "deep-object-diff": "^1.1.9",
+    "find-duplicated-property-keys": "^1.2.9",
     "glob": "^10.3.10",
     "style-dictionary": "^3.9.2",
     "style-dictionary-sets": "^2.3.0",

package/src/layout-component.json

@@ -3608,51 +3608,27 @@
   },
   "coach-mark-title-size": {
     "component": "coach-mark",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
-    "sets": {
-      "desktop": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-        "value": "{heading-size-xs}",
-        "uuid": "331604db-3f28-472e-810d-9010ed2c8e33"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-        "value": "{heading-size-xxs}",
-        "uuid": "cd4848b6-d560-475a-9d80-f7b5acebce10"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{coach-mark-title-font-size}",
+    "uuid": "331604db-3f28-472e-810d-9010ed2c8e33",
+    "deprecated": true,
+    "deprecated_comment": "Replace with coach-mark-title-font-size"
   },
   "coach-mark-body-size": {
     "component": "coach-mark",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
-    "sets": {
-      "desktop": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-        "value": "{body-size-s}",
-        "uuid": "eba9f466-deda-48d5-a120-14419d5a670f"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-        "value": "{body-size-xs}",
-        "uuid": "a0abef77-dafe-4158-9faa-a4b4b2871e54"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{coach-mark-body-font-size}",
+    "uuid": "eba9f466-deda-48d5-a120-14419d5a670f",
+    "deprecated": true,
+    "deprecated_comment": "Replace with coach-mark-body-font-size"
   },
   "coach-mark-pagination-body-size": {
     "component": "coach-mark",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
-    "sets": {
-      "desktop": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-        "value": "{body-size-s}",
-        "uuid": "df8bc8ae-b6fa-4414-93b7-c89d8097fe11"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-        "value": "{body-size-xs}",
-        "uuid": "350d9235-ff9e-43d7-9298-56b36d58d6de"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{coach-mark-pagination-body-font-size}",
+    "uuid": "df8bc8ae-b6fa-4414-93b7-c89d8097fe11",
+    "deprecated": true,
+    "deprecated_comment": "Replace with coach-mark-pagination-body-font-size"
   },
   "accordion-top-to-text-compact-small": {
     "component": "accordion",
@@ -7627,21 +7603,6 @@
       }
     }
   },
-  "combo-box-visual-to-field-button": {
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-    "value": "0px",
-    "uuid": "6c3c7201-2f5b-455a-bcbf-5e3d783887bf"
-  },
-  "in-field-button-edge-to-fill-medium": {
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-    "value": "6px",
-    "uuid": "86f41898-b794-4f7e-ae41-9eb84c2c7a5b"
-  },
-  "in-field-button-edge-to-fill-large": {
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-    "value": "8px",
-    "uuid": "44e97486-53ce-4bb0-a778-0f9262dfe27e"
-  },
   "alert-dialog-description-font-size": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
     "sets": {
@@ -7671,5 +7632,50 @@
         "uuid": "c84328d2-578b-4a36-9065-6c6a9e1d311f"
       }
     }
+  },
+  "coach-mark-body-font-size": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{body-size-m}",
+        "uuid": "4b88a0d5-2d07-4e63-afa6-cdd611f0a8c1"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{body-size-s}",
+        "uuid": "73959c3d-afc2-4f6e-bd34-0399bf3b5b73"
+      }
+    }
+  },
+  "coach-mark-pagination-body-font-size": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{body-size-s}",
+        "uuid": "06ae2458-8490-4741-8a02-97f60cc01592"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{body-size-xs}",
+        "uuid": "4f8c99a5-0942-41b0-ac41-923ea9ca2bf2"
+      }
+    }
+  },
+  "coach-mark-title-font-size": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{title-size-m}",
+        "uuid": "5b132698-4ee2-40e4-83c0-9ad80f36f5fd"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{title-size-s}",
+        "uuid": "45855bc5-3b86-49a9-b443-7be9aa763c4e"
+      }
+    }
   }
 }

package/test/checkUniqueTokenNames.js

@@ -0,0 +1,32 @@
+/*
+Copyright 2024 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+import test from "ava";
+import { readFile } from "fs/promises";
+import { tokenFileNames } from "../index.js";
+import findDuplicatedPropertyKeys from "find-duplicated-property-keys";
+
+test("check for duplicate token names across all token files", async (t) => {
+  const result = await Promise.all(
+    tokenFileNames.map(async (tokenFileName) => {
+      const tokenDataString = await readFile(tokenFileName, "utf8");
+      return tokenDataString.substring(
+        tokenDataString.indexOf("{") + 1,
+        tokenDataString.lastIndexOf("}"),
+      );
+    }),
+  ).then((tokenDataArray) => {
+    return findDuplicatedPropertyKeys(`{${tokenDataArray.join(",")}}`);
+  });
+  // t.pass();
+  t.deepEqual(result, []);
+});