@phcdevworks/spectre-tokens 4.2.0 → 4.4.0

package/README.md

@@ -17,7 +17,7 @@ contracts for specific frameworks and runtimes.
 | Project team           | `project-design`                 |
 | Repository role        | Spectre L1 design-token contract |
 | Package/artifact       | `@phcdevworks/spectre-tokens`    |
-| Current version/status | 4.2.0                            |
+| Current version/status | 4.4.0                            |
 
 ## Standard Workflow
 
@@ -301,6 +301,7 @@ The generated token object includes these namespaces:
 - `text`
 - `component`
 - `modes`
+- `tracking`
 
 The exported runtime token object is a flattened string-based tree generated
 from `tokens/`. Source-only wrapper fields such as `value` and `metadata` are

package/dist/index.cjs

@@ -1189,7 +1189,8 @@ var coreTokens = {
     "64": "4rem",
     "72": "4.5rem",
     "80": "5rem",
-    "96": "6rem"
+    "96": "6rem",
+    "240": "15rem"
   },
   "radii": {
     "none": "0",
@@ -1385,6 +1386,15 @@ var coreTokens = {
       "dotted": "dotted"
     }
   },
+  "tracking": {
+    "tightest": "-0.075em",
+    "tighter": "-0.05em",
+    "tight": "-0.025em",
+    "normal": "0em",
+    "wide": "0.025em",
+    "wider": "0.05em",
+    "widest": "0.1em"
+  },
   "surface": {
     "page": "{colors.neutral.50}",
     "card": "{colors.white}",
@@ -1783,6 +1793,12 @@ var createCssVariableMap = (tokens2, options = {}) => {
   Object.entries(baseTokens.radii).forEach(([key, value]) => {
     assign(toVariableName(prefix, "radius", key), value);
   });
+  const tracking = baseTokens.tracking;
+  if (tracking) {
+    Object.entries(tracking).forEach(([key, value]) => {
+      assign(toVariableName(prefix, "tracking", key), value);
+    });
+  }
   const icons = baseTokens.icons;
   if (icons) {
     Object.entries(icons).forEach(([key, value]) => {