@adobe/spectrum-tokens 13.11.0 → 13.13.0

package/CHANGELOG.md

@@ -1,5 +1,78 @@
 # @adobe/spectrum-tokens
 
+## 13.13.0
+
+### Minor Changes
+
+- [#559](https://github.com/adobe/spectrum-tokens/pull/559) [`1d4973e`](https://github.com/adobe/spectrum-tokens/commit/1d4973e78d814575da231c2c4080ead8a190d2fc) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - ## Token sync from Spectrum Tokens Studio
+
+  ### Design motivation
+
+  A new visual treatment for select box.
+
+  ### Token changes
+
+  ## Tokens Changed (4)
+
+  **Original Branch:** `main`
+  **New Branch:** `tokens-sync/patch-spectrum2-from-main`
+
+  <details open><summary><strong>Added (1)</strong></summary>
+  - `select-box-horizontal-minimum-width`
+  </details>
+
+  ### Updated (3)
+
+  <details open><summary><strong>Added Properties (1)</strong></summary>
+  - `select-box-edge-to-checkbox` - `value`: `8px` - `uuid`: `70a20970-ebd9-48a7-8324-44d352f79978`
+  </details>
+  <details open><summary><strong>Deleted Properties (1)</strong></summary>
+
+  - `select-box-edge-to-checkbox` - `desktop.schema`: -> `dimension.json` - `desktop.value`: -> `12px` - `desktop.uuid`: -> `70a20970-ebd9-48a7-8324-44d352f79978` - `mobile.schema`: -> `dimension.json` - `mobile.value`: -> `15px` - `mobile.uuid`: -> `f028974a-20d1-4e03-af77-921b1dfc2469`
+  </details>
+  <details open><summary><strong>Updated Properties (1)</strong></summary>
+  - `select-box-edge-to-checkbox` - `schema`: `scale-set.json` -> `dimension.json`
+  </details>
+
+  ### References
+  - Tokens Studio PR: https://github.com/adobe/spectrum-tokens-studio-data/pull/275
+  - Spectrum Tokens PR: https://github.com/adobe/spectrum-tokens/pull/559
+
+## 13.12.0
+
+### Minor Changes
+
+- [#527](https://github.com/adobe/spectrum-tokens/pull/527) [`28cfacc`](https://github.com/adobe/spectrum-tokens/commit/28cfacce9072ebc7afe0434d6fec55d587ddd2ce) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Fixed accordion token values due to changelog error
+
+  ## Token Diff
+
+  Updated (4)
+
+  <details open><summary>Added Properties (1)</summary>
+  - `accordion-top-to-text-compact-medium`
+    value: 5px
+    uuid: 484c9603-07f1-4ba6-b1bf-7cfaec5d1594
+
+  </details>
+  <details open><summary>Deleted Properties (1)</summary>
+  - `accordion-top-to-text-compact-medium`
+    desktop.schema: dimension.json
+    desktop.value: 8px
+    desktop.uuid: 484c9603-07f1-4ba6-b1bf-7cfaec5d1594
+    mobile.schema: dimension.json
+    mobile.value: 14px
+    mobile.uuid: 4a7dda7f-a45a-496c-8d38-cb4e4807e544
+
+  </details>
+  <details open><summary>Updated Properties (2)</summary>
+  - `accordion-top-to-text-compact-medium`
+    schema: scale-set.json -> dimension.json
+  - `accordion-top-to-text-spacious-medium`
+    desktop.value: 16px -> 13px
+    mobile.value: 19px -> 15px
+
+  </details>
+
 ## 13.11.0
 
 ### Minor Changes

package/dist/json/drover.json

@@ -1565,7 +1565,7 @@
     "accordion-small-top-to-text-spacious": "9px",
     "accordion-top-to-text-compact-extra-large": "8px",
     "accordion-top-to-text-compact-large": "8px",
-    "accordion-top-to-text-compact-medium": "8px",
+    "accordion-top-to-text-compact-medium": "5px",
     "accordion-top-to-text-compact-small": "3px",
     "accordion-top-to-text-extra-large": "13px",
     "accordion-top-to-text-large": "12px",
@@ -1577,7 +1577,7 @@
     "accordion-top-to-text-small": "7px",
     "accordion-top-to-text-spacious-extra-large": "17px",
     "accordion-top-to-text-spacious-large": "16px",
-    "accordion-top-to-text-spacious-medium": "16px",
+    "accordion-top-to-text-spacious-medium": "13px",
     "accordion-top-to-text-spacious-small": "11px",
     "action-bar-bottom-to-content-area": "12px",
     "action-bar-close-button-to-counter": "4px",
@@ -2372,11 +2372,12 @@
     "segmented-control-selection-border-width": "2px",
     "segmented-text-field-gap": "0px",
     "segmented-text-field-rounding": "2px",
-    "select-box-edge-to-checkbox": "12px",
+    "select-box-edge-to-checkbox": "8px",
     "select-box-horizontal-end-to-content": "32px",
     "select-box-horizontal-illustration-to-label": "10px",
     "select-box-horizontal-label-to-description": "2px",
     "select-box-horizontal-minimum-height": "80px",
+    "select-box-horizontal-minimum-width": "188px",
     "select-box-horizontal-start-to-content": "24px",
     "select-box-horizontal-top-to-content": "16px",
     "select-box-horizontal-width": "368px",

package/dist/json/variables.json

@@ -19354,16 +19354,8 @@
     }
   },
   "accordion-top-to-text-compact-medium": {
-    "sets": {
-      "desktop": {
-        "value": "8px",
-        "uuid": "484c9603-07f1-4ba6-b1bf-7cfaec5d1594"
-      },
-      "mobile": {
-        "value": "14px",
-        "uuid": "4a7dda7f-a45a-496c-8d38-cb4e4807e544"
-      }
-    }
+    "value": "5px",
+    "uuid": "484c9603-07f1-4ba6-b1bf-7cfaec5d1594"
   },
   "accordion-top-to-text-regular-medium": {
     "ref": "{accordion-top-to-text-medium}",
@@ -19382,11 +19374,11 @@
   "accordion-top-to-text-spacious-medium": {
     "sets": {
       "desktop": {
-        "value": "16px",
+        "value": "13px",
         "uuid": "19c91104-bdf4-4969-8d92-c9cd47d39d13"
       },
       "mobile": {
-        "value": "19px",
+        "value": "15px",
         "uuid": "63602a66-5f96-4e6a-8bf0-2ac03321a577"
       }
     }
@@ -25028,16 +25020,8 @@
     }
   },
   "select-box-edge-to-checkbox": {
-    "sets": {
-      "desktop": {
-        "value": "12px",
-        "uuid": "70a20970-ebd9-48a7-8324-44d352f79978"
-      },
-      "mobile": {
-        "value": "15px",
-        "uuid": "f028974a-20d1-4e03-af77-921b1dfc2469"
-      }
-    }
+    "value": "8px",
+    "uuid": "70a20970-ebd9-48a7-8324-44d352f79978"
   },
   "select-box-horizontal-end-to-content": {
     "sets": {
@@ -26680,6 +26664,18 @@
       }
     }
   },
+  "select-box-horizontal-minimum-width": {
+    "sets": {
+      "desktop": {
+        "value": "188px",
+        "uuid": "b2104b40-4b34-4d98-a564-1688900de75d"
+      },
+      "mobile": {
+        "value": "220px",
+        "uuid": "0a6c3623-dd05-40df-a3d8-b724e8a88178"
+      }
+    }
+  },
   "corner-radius-0": {
     "value": "0px",
     "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"

package/moon.yml

@@ -8,6 +8,7 @@
 # OF ANY KIND, either express or implied. See the License for the specific language
 # governing permissions and limitations under the License.
 $schema: "https://moonrepo.dev/schemas/project.json"
+layer: library
 fileGroups:
   sources:
     - "src/**/*"
@@ -45,13 +46,6 @@ tasks:
       - dist
     local: true
     platform: system
-  generateDiffResult:
-    command:
-      - node
-      - tasks/diff.js
-    deps:
-      - ~:buildTokens
-    platform: node
   test:
     command:
       - pnpm

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "13.11.0",
+  "version": "13.13.0",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "index.js",
@@ -29,8 +29,7 @@
     "style-dictionary": "^3.9.2",
     "style-dictionary-sets": "^2.3.0",
     "tar": "^7.4.3",
-    "tmp-promise": "^3.0.3",
-    "@adobe/token-diff-generator": "2.0.0"
+    "tmp-promise": "^3.0.3"
   },
   "scripts": {}
 }

package/src/layout-component.json

@@ -3717,19 +3717,9 @@
   },
   "accordion-top-to-text-compact-medium": {
     "component": "accordion",
-    "$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/dimension.json",
-        "value": "8px",
-        "uuid": "484c9603-07f1-4ba6-b1bf-7cfaec5d1594"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "14px",
-        "uuid": "4a7dda7f-a45a-496c-8d38-cb4e4807e544"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "5px",
+    "uuid": "484c9603-07f1-4ba6-b1bf-7cfaec5d1594"
   },
   "accordion-top-to-text-regular-medium": {
     "component": "accordion",
@@ -3744,12 +3734,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "16px",
+        "value": "13px",
         "uuid": "19c91104-bdf4-4969-8d92-c9cd47d39d13"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "19px",
+        "value": "15px",
         "uuid": "63602a66-5f96-4e6a-8bf0-2ac03321a577"
       }
     }
@@ -9458,19 +9448,9 @@
   },
   "select-box-edge-to-checkbox": {
     "component": "select-box",
-    "$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/dimension.json",
-        "value": "12px",
-        "uuid": "70a20970-ebd9-48a7-8324-44d352f79978"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "15px",
-        "uuid": "f028974a-20d1-4e03-af77-921b1dfc2469"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "8px",
+    "uuid": "70a20970-ebd9-48a7-8324-44d352f79978"
   },
   "select-box-horizontal-end-to-content": {
     "component": "select-box",
@@ -11724,5 +11704,21 @@
         "uuid": "0dea279c-62ca-4670-a693-03eaa7ccecb5"
       }
     }
+  },
+  "select-box-horizontal-minimum-width": {
+    "component": "select-box",
+    "$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/dimension.json",
+        "value": "188px",
+        "uuid": "b2104b40-4b34-4d98-a564-1688900de75d"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "220px",
+        "uuid": "0a6c3623-dd05-40df-a3d8-b724e8a88178"
+      }
+    }
   }
 }

package/tasks/diff.js

@@ -1,145 +0,0 @@
-/*
-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 { access, readFile } from "fs/promises";
-import { join, dirname } from "path";
-import { fileURLToPath } from "url";
-import { detailedDiff, diff } from "deep-object-diff";
-import { exec } from "node:child_process";
-import { promisify } from "util";
-import { x } from "tar";
-import tmp from "tmp-promise";
-
-const execP = promisify(exec);
-
-const tag = process.argv[2] || "latest";
-const tokenPath = "dist/json/variables.json";
-const localRootDir = join(dirname(fileURLToPath(import.meta.url)), "..");
-const localTokenPath = join(localRootDir, tokenPath);
-
-run()
-  .then(() => {
-    process.exit();
-  })
-  .catch((err) => {
-    console.error(err);
-    process.exit(1);
-  });
-
-async function run() {
-  const [newTokens, oldTokens] = await Promise.all([
-    getNewTokens(),
-    getOldTokens(),
-  ]);
-
-  const diffResult = detailedDiff(oldTokens, newTokens);
-
-  calculatePossibleRenames(diffResult, oldTokens, newTokens);
-
-  logResultCategory(diffResult, "added");
-  logResultCategory(diffResult, "deleted");
-  logResultCategory(diffResult, "updated", "Token values updated");
-  logResultCategory(diffResult, "possiblyRenamed", "Tokens possibly renamed");
-}
-
-async function getNewTokens() {
-  try {
-    await access(localTokenPath);
-    return JSON.parse(
-      convertNumberStringsToNumbers(
-        await readFile(localTokenPath, { encoding: "utf8" }),
-      ),
-    );
-  } catch {
-    console.error("cannot access");
-  }
-}
-
-async function getOldTokens() {
-  const tmpDir = await tmp.dir();
-  const { stdout, stderr } = await execP(
-    `npm pack @adobe/spectrum-tokens@${tag} --pack-destination ${tmpDir.path}`,
-  );
-  await x({
-    cwd: tmpDir.path,
-    file: join(tmpDir.path, stdout.trim()),
-  });
-  const oldTokenPath = join(tmpDir.path, "package", tokenPath);
-  await access(oldTokenPath);
-  console.log(`Comparing against ${stdout.trim()}`);
-  return JSON.parse(
-    convertNumberStringsToNumbers(
-      await readFile(oldTokenPath, { encoding: "utf8" }),
-    ),
-  );
-}
-
-function calculatePossibleRenames(diffResult, oldTokens, newTokens) {
-  diffResult.possiblyRenamed = {};
-  Object.keys(diffResult.deleted).forEach((deletedTokenName) => {
-    const oldTokenValue = oldTokens[deletedTokenName];
-    const allValueMatches = [];
-    Object.keys(diffResult.added).forEach((addedTokenName, i) => {
-      const newTokenValue = newTokens[addedTokenName];
-      if (Object.keys(diff(oldTokenValue, newTokenValue)).length === 0) {
-        allValueMatches.push(addedTokenName);
-      }
-    });
-    if (allValueMatches.length > 0) {
-      diffResult.possiblyRenamed[deletedTokenName] = allValueMatches;
-    }
-  });
-}
-
-function convertNumberStringsToNumbers(dataString) {
-  return dataString.replace(/"([\d]*\.?[\d]*)"/g, (match, p1) => {
-    return p1;
-  });
-}
-
-function logResultCategory(diffResult, categoryKey, msg) {
-  const results = diffResult[categoryKey];
-  const resultCount = Object.keys(results).length;
-  if (!msg) {
-    msg = `Tokens ${categoryKey}`;
-  }
-  if (resultCount > 0) {
-    console.log(`\n*${msg} (${resultCount}):*`);
-    switch (categoryKey) {
-      case "possiblyRenamed":
-        Object.keys(results)
-          .sort()
-          .forEach((oldTokenName, i) => {
-            if (
-              Array.isArray(results[oldTokenName]) &&
-              results[oldTokenName].length > 1
-            ) {
-              console.log(
-                `  - Old name: \`${oldTokenName}\`, new name options:`,
-              );
-              results[oldTokenName].forEach((newTokenName) =>
-                console.log(`    - \`${newTokenName}\``),
-              );
-            } else {
-              console.log(
-                `  - \`${oldTokenName}\` -> \`${results[oldTokenName][0]}\``,
-              );
-            }
-          });
-        break;
-      default:
-        Object.keys(results)
-          .sort()
-          .forEach((tokenName, i) => console.log(`  - \`${tokenName}\``));
-    }
-  }
-}