@adobe/spectrum-tokens 13.0.0-beta.9 → 13.1.0

package/index.js

@@ -0,0 +1,60 @@
+/*
+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 isDeprecated = (token) =>
+  (Object.hasOwn(token, "deprecated") && token.deprecated == true) ||
+  (Object.hasOwn(token, "sets") &&
+    Object.values(token.sets).every(
+      (setValue) =>
+        Object.hasOwn(setValue, "deprecated") && setValue.deprecated == true,
+    ));
+
+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/moon.yml

@@ -1,4 +1,4 @@
-# Copyright 2023 Adobe. All rights reserved.
+# 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
@@ -7,7 +7,7 @@
 # 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.
-type: library
+$schema: "https://moonrepo.dev/schemas/project.json"
 fileGroups:
   sources:
     - "src/**/*"

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "13.0.0-beta.9",
+  "version": "13.1.0",
   "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",
@@ -17,16 +17,21 @@
   "bugs": {
     "url": "https://github.com/adobe/spectrum-tokens/issues"
   },
+  "publishConfig": {
+    "provenance": true
+  },
   "homepage": "https://github.com/adobe/spectrum-tokens/tree/main/packages/tokens#readme",
   "devDependencies": {
-    "ajv": "^8.12.0",
-    "ajv-formats": "^2.1.1",
+    "ajv": "^8.17.1",
+    "ajv-formats": "^3.0.1",
     "deep-object-diff": "^1.1.9",
-    "glob": "^10.3.3",
-    "style-dictionary": "^3.8.0",
+    "find-duplicated-property-keys": "^1.2.9",
+    "glob": "^11.0.0",
+    "style-dictionary": "^3.9.2",
     "style-dictionary-sets": "^2.3.0",
-    "tar": "^6.1.15",
-    "tmp-promise": "^3.0.3"
+    "tar": "^7.4.3",
+    "tmp-promise": "^3.0.3",
+    "@adobe/token-diff-generator": "1.3.0"
   },
   "scripts": {}
 }

package/schemas/token-types/alias.json

@@ -18,6 +18,7 @@
       "pattern": "^\\{(\\w|-)*\\}$"
     },
     "component": {},
+    "private": {},
     "deprecated": {},
     "deprecated_comment": {},
     "uuid": {}

package/schemas/token-types/color-set.json

@@ -28,7 +28,7 @@
               "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color.json"
             }
           },
-          "required": ["light", "dark", "wireframe"]
+          "required": ["light", "dark"]
         },
         {
           "properties": {
@@ -42,7 +42,7 @@
               "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json"
             }
           },
-          "required": ["light", "dark", "wireframe"]
+          "required": ["light", "dark"]
         },
         {
           "properties": {
@@ -56,11 +56,12 @@
               "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json"
             }
           },
-          "required": ["light", "dark", "wireframe"]
+          "required": ["light", "dark"]
         }
       ]
     },
     "component": {},
+    "private": {},
     "deprecated": {},
     "deprecated_comment": {},
     "uuid": {}

package/schemas/token-types/color.json

@@ -18,6 +18,7 @@
       "pattern": "^rgba\\((([0-1]?[0-9]?[0-9]?|2[0-4][0-9]|25[0-5]),\\s?){3}(0|1|0?\\.\\d+)\\)|rgb\\(([0-1]?[0-9]?[0-9]?|2[0-4][0-9]|25[0-5]){1,3}(,\\s?\\d{1,3}%?){2}\\)$"
     },
     "component": {},
+    "private": {},
     "deprecated": {},
     "deprecated_comment": {},
     "uuid": {}

package/schemas/token-types/dimension.json

@@ -18,6 +18,7 @@
       "pattern": "^(?:-?((?:\\d+\\.?\\d*)|(?:\\.?\\d+))(px|rem|em|%))|0|\\d+dp$"
     },
     "component": {},
+    "private": {},
     "deprecated": {},
     "deprecated_comment": {},
     "uuid": {}

package/schemas/token-types/font-family.json

@@ -18,6 +18,7 @@
       "pattern": "^(?:\"?\\w+\"? ?,? ?)*\"?\\w+\"?$"
     },
     "component": {},
+    "private": {},
     "deprecated": {},
     "deprecated_comment": {},
     "uuid": {}

package/schemas/token-types/font-size.json

@@ -18,6 +18,7 @@
       "pattern": "^(?:-?((?:\\d+\\.?\\d*)|(?:\\.?\\d+))(px|rem|em))$"
     },
     "component": {},
+    "private": {},
     "deprecated": {},
     "deprecated_comment": {},
     "uuid": {}

package/schemas/token-types/font-style.json

@@ -18,6 +18,7 @@
       "enum": ["italic", "normal"]
     },
     "component": {},
+    "private": {},
     "deprecated": {},
     "deprecated_comment": {},
     "uuid": {}

package/schemas/token-types/font-weight.json

@@ -18,6 +18,7 @@
       "enum": ["light", "regular", "medium", "bold", "extra-bold", "black"]
     },
     "component": {},
+    "private": {},
     "deprecated": {},
     "deprecated_comment": {},
     "uuid": {}

package/schemas/token-types/gradient-stop.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/gradient-stop.json",
+  "title": "Color Stop",
+  "description": "Gradient stop positions, being a ratio along the gradient's axis. Start is 0, end is 1.",
+  "type": "object",
+  "allOf": [
+    {
+      "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/token.json"
+    }
+  ],
+  "properties": {
+    "$schema": {
+      "const": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/gradient-stop.json"
+    },
+    "value": {
+      "type": "number",
+      "minimum": 0,
+      "maximum": 1
+    },
+    "component": {},
+    "private": {},
+    "deprecated": {},
+    "deprecated_comment": {},
+    "uuid": {}
+  }
+}

package/schemas/token-types/multiplier.json

@@ -14,10 +14,11 @@
       "const": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json"
     },
     "value": {
-      "type": "string",
+      "type": "number",
       "pattern": "^(?:\\d+\\.?\\d*)|(?:\\.?\\d+)$"
     },
     "component": {},
+    "private": {},
     "deprecated": {},
     "deprecated_comment": {},
     "uuid": {}

package/schemas/token-types/opacity.json

@@ -18,6 +18,7 @@
       "pattern": "^(?:\\d+(?:\\.\\d)+%)|(?:1|0)(?:\\.0)?|0?\\.\\d*$"
     },
     "component": {},
+    "private": {},
     "deprecated": {},
     "deprecated_comment": {},
     "uuid": {}

package/schemas/token-types/scale-set.json

@@ -26,6 +26,9 @@
             },
             {
               "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json"
+            },
+            {
+              "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json"
             }
           ]
         },
@@ -39,6 +42,9 @@
             },
             {
               "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json"
+            },
+            {
+              "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json"
             }
           ]
         }
@@ -46,6 +52,7 @@
       "required": ["mobile", "desktop"]
     },
     "component": {},
+    "private": {},
     "deprecated": {},
     "deprecated_comment": {},
     "uuid": {}

package/schemas/token-types/system-set.json

@@ -0,0 +1,83 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/system-set.json",
+  "title": "System set",
+  "description": "A set that contains tokens that change based on system.",
+  "type": "object",
+  "allOf": [
+    {
+      "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/set.json"
+    }
+  ],
+  "properties": {
+    "$schema": {
+      "const": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/system-set.json"
+    },
+    "sets": {
+      "type": "object",
+      "anyOf": [
+        {
+          "properties": {
+            "spectrum": {
+              "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/token.json"
+            },
+            "express": {
+              "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/token.json"
+            }
+          },
+          "required": ["spectrum", "express"]
+        },
+        {
+          "properties": {
+            "spectrum": {
+              "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json"
+            },
+            "express": {
+              "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json"
+            }
+          },
+          "required": ["spectrum", "express"]
+        },
+        {
+          "properties": {
+            "spectrum": {
+              "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json"
+            },
+            "express": {
+              "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json"
+            }
+          },
+          "required": ["spectrum", "express"]
+        },
+        {
+          "properties": {
+            "spectrum": {
+              "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json"
+            },
+            "express": {
+              "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json"
+            }
+          },
+          "required": ["spectrum", "express"]
+        },
+        {
+          "properties": {
+            "spectrum": {
+              "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json"
+            },
+            "express": {
+              "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json"
+            }
+          },
+          "required": ["spectrum", "express"]
+        }
+      ]
+    },
+    "component": {},
+    "private": {},
+    "deprecated": {},
+    "deprecated_comment": {},
+    "uuid": {}
+  },
+  "required": ["sets"]
+}

package/schemas/token-types/text-align.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/text-align.json",
+  "title": "Text align",
+  "description": "Sets the horizontal alignment of the inline-level content inside a block element",
+  "type": "object",
+  "allOf": [
+    {
+      "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/token.json"
+    }
+  ],
+  "properties": {
+    "$schema": {
+      "const": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/text-align.json"
+    },
+    "value": {
+      "type": "string",
+      "enum": ["start", "center", "end"],
+      "default": "start"
+    },
+    "component": {},
+    "private": {},
+    "deprecated": {},
+    "deprecated_comment": {},
+    "uuid": {}
+  }
+}

package/schemas/token-types/text-transform.json

@@ -18,6 +18,7 @@
       "enum": ["uppercase", "lowercase", "capitalize", "none"]
     },
     "component": {},
+    "private": {},
     "deprecated": {},
     "deprecated_comment": {},
     "uuid": {}

package/schemas/token-types/token.json

@@ -6,13 +6,25 @@
   "type": "object",
   "properties": {
     "value": {
-      "type": "string"
+      "anyOf": [
+        {
+          "type": "number"
+        },
+        {
+          "type": "string"
+        }
+      ]
     },
     "component": {
       "type": "string"
     },
+    "private": {
+      "type": "boolean",
+      "default": false
+    },
     "deprecated": {
-      "type": "boolean"
+      "type": "boolean",
+      "default": false
     },
     "deprecated_comment": {
       "type": "string"