feat: update tokens for better documentation (#8395)

**Related Issue:** #8315 ## Summary This PR updates tokens to include a "calcite-schema" in each token's attributes. This schema fully defines the token and it's role in the design system. It also changes the Docs output to always stringify the token value and fix the filePath to be relative to the tokens directory.
Esri · Dec 18, 2023 · ff19630 · ff19630
1 parent 766b5a2
commit ff19630
Show file tree

Hide file tree

Showing 28 changed files with 10,806 additions and 621 deletions.
diff --git a/packages/calcite-design-tokens/package.json b/packages/calcite-design-tokens/package.json
@@ -30,7 +30,6 @@
     "lint:json": "prettier --write \"**/*.json\" >/dev/null",
     "lint:md": "markdownlint \"**/*.md\" --fix --dot --ignore-path ../../.gitignore && prettier --write \"**/*.md\" >/dev/null",
     "lint:ts": "eslint --ext .ts,.tsx --fix . && prettier --write \"**/*.ts?(x)\" >/dev/null",
-    "lint": "concurrently npm:lint:*",
-    "test": "jest"
+    "lint": "concurrently npm:lint:*"
   }
 }
diff --git a/packages/calcite-design-tokens/src/component/button.json b/packages/calcite-design-tokens/src/component/button.json
@@ -0,0 +1,30 @@
+{
+  "component": {
+    "button": {
+      "background": {
+        "type": "color",
+        "value": "{semantic.color.background.default}",
+        "attributes": {
+          "calcite-schema": {
+            "system": "calcite",
+            "tier": "component",
+            "domain": "",
+            "component": "button",
+            "pattern": "",
+            "element": "",
+            "category": "color",
+            "group": "",
+            "kind": "",
+            "appearance": "",
+            "property": "background",
+            "variant": "",
+            "state": "",
+            "scale": "",
+            "context": "",
+            "mode": ""
+          }
+        }
+      }
+    }
+  }
+}