@projectwallace/css-design-tokens 0.8.0 → 0.9.0

package/dist/css-design-tokens.js

@@ -2,7 +2,7 @@ import { cssKeywords as T, colorKeywords as W, namedColors as K, systemColors as
 import { convert as V } from "css-time-sort";
 import { convert as J } from "color-sorter";
 import { parse as $ } from "css-tree";
-import { ColorSpace as o, sRGB as Q, XYZ_D65 as ee, XYZ_D50 as te, XYZ_ABS_D65 as re, Lab_D65 as ne, Lab as ie, LCH as le, sRGB_Linear as se, HSL as oe, HWB as ue, HSV as ae, P3_Linear as ce, P3 as fe, A98RGB_Linear as pe, A98RGB as me, ProPhoto_Linear as ge, ProPhoto as he, REC_2020_Linear as de, REC_2020 as _e, OKLab as ve, OKLCH as $e, OKLrab as be, parse as xe } from "colorjs.io/fn";
+import { ColorSpace as o, sRGB as Q, XYZ_D65 as ee, XYZ_D50 as te, XYZ_ABS_D65 as re, Lab_D65 as ne, Lab as ie, LCH as le, sRGB_Linear as se, HSL as oe, HWB as ue, HSV as ae, P3_Linear as fe, P3 as ce, A98RGB_Linear as pe, A98RGB as me, ProPhoto_Linear as ge, ProPhoto as he, REC_2020_Linear as de, REC_2020 as _e, OKLab as ve, OKLCH as $e, OKLrab as be, parse as xe } from "colorjs.io/fn";
 const A = 0, j = 1, z = 2, y = 3, I = 4, R = 5, H = 6, X = 7, D = 8, P = 9, Y = 10, v = 11, ye = /* @__PURE__ */ new Map([
   [A, "white"],
   [j, "black"],
@@ -17,21 +17,21 @@ const A = 0, j = 1, z = 2, y = 3, I = 4, R = 5, H = 6, X = 7, D = 8, P = 9, Y =
   [Y, "pink"],
   [v, "unknown"]
 ]);
-function we(r) {
+function we(n) {
   let t = /* @__PURE__ */ new Map();
-  for (let n in r) {
+  for (let i in n) {
     let e = v;
-    if (!n.includes("var(") && !n.includes("calc(")) {
-      let s = J(n), { hue: l, saturation: i, lightness: c } = s;
-      i < 10 && c === 100 ? e = A : i < 10 && c === 0 ? e = j : i < 5 ? e = z : l < 22 ? e = y : l < 50 ? e = I : l < 72 ? e = R : l < 144 ? e = H : l < 180 ? e = X : l < 250 ? e = D : l < 300 ? e = P : l < 350 ? e = Y : e = y;
+    if (!i.includes("var(") && !i.includes("calc(")) {
+      let s = J(i), { hue: l, saturation: r, lightness: f } = s;
+      r < 10 && f === 100 ? e = A : r < 10 && f === 0 ? e = j : r < 5 ? e = z : l < 22 ? e = y : l < 50 ? e = I : l < 72 ? e = R : l < 144 ? e = H : l < 180 ? e = X : l < 250 ? e = D : l < 300 ? e = P : l < 350 ? e = Y : e = y;
     }
-    t.has(e) ? t.get(e).push(n) : t.set(e, [n]);
+    t.has(e) ? t.get(e).push(i) : t.set(e, [i]);
   }
   return Array.from(t).sort(
-    (n, e) => n[0] === v || e[0] === v ? -1 : e[1].length - n[1].length
+    (i, e) => i[0] === v || e[0] === v ? -1 : e[1].length - i[1].length
   );
 }
-const f = "com.projectwallace.css-authored-as", u = "com.projectwallace.usage-count", x = "com.projectwallace.css-properties";
+const c = "com.projectwallace.css-authored-as", u = "com.projectwallace.usage-count", x = "com.projectwallace.css-properties";
 o.register(Q);
 o.register(ee);
 o.register(te);
@@ -43,8 +43,8 @@ o.register(se);
 o.register(oe);
 o.register(ue);
 o.register(ae);
-o.register(ce);
 o.register(fe);
+o.register(ce);
 o.register(pe);
 o.register(me);
 o.register(ge);
@@ -54,8 +54,8 @@ o.register(_e);
 o.register(ve);
 o.register($e);
 o.register(be);
-function g(r) {
-  let t = r.toLowerCase();
+function g(n) {
+  let t = n.toLowerCase();
   if (t === "transparent")
     return {
       colorSpace: "srgb",
@@ -65,15 +65,15 @@ function g(r) {
   if (T.has(t) || W.has(t) || t.includes("var("))
     return null;
   try {
-    let n = xe(r), [e, s, l] = n.coords;
+    let i = xe(n), [e, s, l] = i.coords;
     return {
-      colorSpace: n.spaceId,
+      colorSpace: i.spaceId,
       components: [
         e ?? "none",
         s ?? "none",
         l ?? "none"
       ],
-      alpha: n.alpha ?? 0
+      alpha: i.alpha ?? 0
     };
   } catch {
     return null;
@@ -89,13 +89,13 @@ function O() {
     inset: !1
   };
 }
-function Se(r) {
-  let t = $(r, {
+function Se(n) {
+  let t = $(n, {
     context: "value",
     positions: !0
   });
-  function n(l) {
-    return l.loc ? r.slice(l.loc.start.offset, l.loc.end.offset) : "";
+  function i(l) {
+    return l.loc ? n.slice(l.loc.start.offset, l.loc.end.offset) : "";
   }
   let e = O(), s = [e];
   return t.children.size < 2 ? null : (t.children.forEach((l) => {
@@ -103,37 +103,37 @@ function Se(r) {
       if (l.name.toLowerCase() === "inset")
         e.inset = !0;
       else if (K.has(l.name) || M.has(l.name)) {
-        let i = g(l.name);
-        if (i === null)
+        let r = g(l.name);
+        if (r === null)
           return;
-        e.color = i;
+        e.color = r;
       }
     } else if (l.type === "Dimension" || l.type === "Number" && l.value === "0") {
-      let i = l.type === "Dimension" ? {
+      let r = l.type === "Dimension" ? {
         value: Number(l.value),
         unit: l.unit
       } : {
         value: 0,
         unit: "px"
       };
-      e.offsetX ? e.offsetY ? e.blur ? e.spread || (e.spread = i) : e.blur = i : e.offsetY = i : e.offsetX = i;
+      e.offsetX ? e.offsetY ? e.blur ? e.spread || (e.spread = r) : e.blur = r : e.offsetY = r : e.offsetX = r;
     } else if (l.type === "Function") {
       if (Z.has(l.name)) {
-        let i = g(n(l));
-        if (i === null)
+        let r = g(i(l));
+        if (r === null)
           return;
-        e.color = i;
+        e.color = r;
       } else if (l.name.toLowerCase() === "var" && !e.color) {
-        let i = g(n(l));
-        if (i === null)
+        let r = g(i(l));
+        if (r === null)
           return;
-        e.color = i;
+        e.color = r;
       }
     } else if (l.type === "Hash") {
-      let i = g(n(l));
-      if (i === null)
+      let r = g(i(l));
+      if (r === null)
         return;
-      e.color = i;
+      e.color = r;
     } else l.type === "Operator" && l.value === "," && (L(e), e = O(), s.push(e));
   }), L(e), s);
 }
@@ -141,8 +141,8 @@ const _ = {
   value: 0,
   unit: "px"
 };
-function L(r) {
-  return r.offsetX || (r.offsetX = _), r.offsetY || (r.offsetY = _), r.blur || (r.blur = _), r.spread || (r.spread = _), r.color || (r.color = g("#000")), r;
+function L(n) {
+  return n.offsetX || (n.offsetX = _), n.offsetY || (n.offsetY = _), n.blur || (n.blur = _), n.spread || (n.spread = _), n.color || (n.color = g("#000")), n;
 }
 const E = /* @__PURE__ */ new Map([
   ["linear", [0, 0, 1, 1]],
@@ -151,74 +151,76 @@ const E = /* @__PURE__ */ new Map([
   ["ease-out", [0, 0, 0.58, 1]],
   ["ease-in-out", [0.42, 0, 0.58, 1]]
 ]);
-function Ne(r) {
-  if (r = r.trim().toLowerCase(), E.has(r))
-    return E.get(r);
-  if (r.includes("var("))
+function Ne(n) {
+  if (n = n.trim().toLowerCase(), E.has(n))
+    return E.get(n);
+  if (n.includes("var("))
     return null;
-  if (r.startsWith("cubic-bezier(")) {
-    let t = r.replace("cubic-bezier(", "").replace(")", "").split(",").map((n) => Number(n.trim()));
-    if (t.length === 4 && t.every((n) => Number.isFinite(n)))
+  if (n.startsWith("cubic-bezier(")) {
+    let t = n.replace("cubic-bezier(", "").replace(")", "").split(",").map((i) => Number(i.trim()));
+    if (t.length === 4 && t.every((i) => Number.isFinite(i)))
       return t;
   }
   return null;
 }
-function q(r) {
-  return r.replaceAll(/^['"]|['"]$/g, "");
+function C(n) {
+  return n.replaceAll(/^['"]|['"]$/g, "");
 }
-function Oe(r) {
-  let t = $(r, {
+function Oe(n) {
+  if (n.toLowerCase().includes("var("))
+    return;
+  let t = $(n, {
     context: "value",
     positions: !0
   });
-  function n(i) {
-    return i.loc ? r.slice(i.loc.start.offset, i.loc.end.offset) : "";
+  function i(r) {
+    return r.loc ? n.slice(r.loc.start.offset, r.loc.end.offset) : "";
   }
   let e = [];
   if (!t.children || t.children.size === 0)
     return e;
   let s = "", l;
-  for (let i of t.children) {
-    if (i.type === "Operator" && i.value === ",") {
-      e.push(q(s)), s = "", l = i.type;
+  for (let r of t.children) {
+    if (r.type === "Operator" && r.value === ",") {
+      e.push(C(s)), s = "", l = r.type;
       continue;
     }
-    l === "Identifier" && i.type === "Identifier" && (s += " "), s += n(i), l = i.type;
+    l === "Identifier" && r.type === "Identifier" && (s += " "), s += i(r), l = r.type;
   }
-  return e.push(q(s)), e;
+  return e.push(C(s)), e;
 }
-function a(r) {
-  if (r === void 0 || typeof r == "number" && isNaN(r))
+function a(n) {
+  if (n === void 0 || typeof n == "number" && isNaN(n))
     return "0";
-  typeof r != "string" && (r = r.toString());
+  typeof n != "string" && (n = n.toString());
   let t = 0;
-  for (let n of r)
-    t = (t << 5) - t + n.charCodeAt(0), t |= 0;
+  for (let i of n)
+    t = (t << 5) - t + i.charCodeAt(0), t |= 0;
   return (t >>> 0).toString(16);
 }
-function Le(r) {
-  let t = $(r, { context: "value" });
+function Le(n) {
+  let t = $(n, { context: "value" });
   if (t.children === null || t.children.size !== 1) return null;
-  let n = t.children.first;
-  switch (n.type) {
+  let i = t.children.first;
+  switch (i.type) {
     case "Dimension": {
-      let e = Number(n.value);
+      let e = Number(i.value);
       return e === 0 ? 0 : {
         value: e,
-        unit: n.unit
+        unit: i.unit
       };
     }
     case "Number":
-      return Number(n.value);
+      return Number(i.value);
     case "Percentage":
-      return Number(n.value) / 100;
+      return Number(i.value) / 100;
     case "Identifier":
-      if (n.name === "normal")
+      if (i.name === "normal")
         return 1.2;
   }
   return null;
 }
-let C = /* @__PURE__ */ new Map([
+let q = /* @__PURE__ */ new Map([
   ["xx-small", 0.6],
   ["x-small", 0.75],
   ["small", 0.89],
@@ -228,15 +230,15 @@ let C = /* @__PURE__ */ new Map([
   ["xx-large", 2],
   ["xxx-large", 3]
 ]);
-function Ee(r) {
-  let t = $(r, { context: "value" });
+function Ee(n) {
+  let t = $(n, { context: "value" });
   if (t.children === null || t.children.size !== 1) return null;
-  let n = t.children.first;
-  switch (n.type) {
+  let i = t.children.first;
+  switch (i.type) {
     case "Dimension": {
-      let e = n.unit.toLowerCase();
+      let e = i.unit.toLowerCase();
       if (e === "px" || e === "rem") {
-        let s = Number(n.value);
+        let s = Number(i.value);
         return s === 0 ? {
           value: 0,
           unit: "px"
@@ -248,16 +250,16 @@ function Ee(r) {
       break;
     }
     case "Identifier": {
-      let e = n.name.toLowerCase();
-      if (C.has(e))
+      let e = i.name.toLowerCase();
+      if (q.has(e))
         return {
-          value: C.get(e),
+          value: q.get(e),
           unit: "rem"
         };
       break;
     }
     case "Number": {
-      if (Number(n.value) === 0)
+      if (Number(i.value) === 0)
         return {
           value: 0,
           unit: "px"
@@ -267,34 +269,34 @@ function Ee(r) {
   }
   return null;
 }
-function Re(r) {
-  let t = U(r);
-  return qe(t);
+function Re(n) {
+  let t = U(n);
+  return Ce(t);
 }
-function p(r) {
-  return "uniqueWithLocations" in r ? r.uniqueWithLocations : r.unique;
+function p(n) {
+  return "uniqueWithLocations" in n ? n.uniqueWithLocations : n.unique;
 }
-function m(r) {
-  return Array.isArray(r) ? r.length : r;
+function m(n) {
+  return Array.isArray(n) ? n.length : n;
 }
-function qe(r) {
+function Ce(n) {
   return {
     color: (() => {
-      let t = /* @__PURE__ */ Object.create(null), n = p(r.values.colors), e = we(n);
+      let t = /* @__PURE__ */ Object.create(null), i = p(n.values.colors), e = we(i);
       for (let [s, l] of e)
-        for (let i of l) {
-          let c = g(i), w = m(n[i]);
-          if (c !== null) {
-            let { colorSpace: k, components: F, alpha: B } = c, h = `${ye.get(s)}-${a([k, ...F, B].join(""))}`, G = r.values.colors.itemsPerContext, S = Object.entries(G).reduce((d, [N, b]) => i in b.unique || b.uniqueWithLocations && i in b.uniqueWithLocations ? d.add(N) : d, /* @__PURE__ */ new Set());
+        for (let r of l) {
+          let f = g(r), w = m(i[r]);
+          if (f !== null) {
+            let { colorSpace: k, components: F, alpha: B } = f, h = `${ye.get(s)}-${a([k, ...F, B].join(""))}`, G = n.values.colors.itemsPerContext, S = Object.entries(G).reduce((d, [N, b]) => r in b.unique || b.uniqueWithLocations && r in b.uniqueWithLocations ? d.add(N) : d, /* @__PURE__ */ new Set());
             if (t[h]) {
               let d = t[h].$extensions[x];
               t[h].$extensions[x] = Array.from(new Set(d).union(S)), t[h].$extensions[u] += w;
             } else
               t[h] = {
                 $type: "color",
-                $value: c,
+                $value: f,
                 $extensions: {
-                  [f]: i,
+                  [c]: r,
                   [u]: w,
                   [x]: Array.from(S)
                 }
@@ -304,21 +306,21 @@ function qe(r) {
       return t;
     })(),
     font_size: (() => {
-      let t = /* @__PURE__ */ Object.create(null), n = p(r.values.fontSizes);
-      for (let e in n) {
+      let t = /* @__PURE__ */ Object.create(null), i = p(n.values.fontSizes);
+      for (let e in i) {
         let s = Ee(e), l = {
-          [f]: e,
-          [u]: m(n[e])
+          [c]: e,
+          [u]: m(i[e])
         };
         if (s === null) {
-          let i = `fontSize-${a(e)}`;
-          t[i] = {
+          let r = `fontSize-${a(e)}`;
+          t[r] = {
             $value: e,
             $extensions: l
           };
         } else {
-          let i = `fontSize-${a(s.value.toString() + s.unit)}`;
-          t[i] ? t[i].$extensions[u] += l[u] : t[i] = {
+          let r = `fontSize-${a(s.value.toString() + s.unit)}`;
+          t[r] ? t[r].$extensions[u] += l[u] : t[r] = {
             $type: "dimension",
             $value: s,
             $extensions: l
@@ -328,51 +330,54 @@ function qe(r) {
       return t;
     })(),
     font_family: (() => {
-      let t = /* @__PURE__ */ Object.create(null), n = p(r.values.fontFamilies);
-      for (let e in n) {
-        let s = Oe(e), l = `fontFamily-${a(e)}`;
-        t[l] = {
+      let t = /* @__PURE__ */ Object.create(null), i = p(n.values.fontFamilies);
+      for (let e in i) {
+        let s = Oe(e), l = `fontFamily-${a(e)}`, r = {
+          [c]: e,
+          [u]: m(i[e])
+        };
+        s === void 0 ? t[l] = {
+          $value: e,
+          $extensions: r
+        } : t[l] = {
           $type: "fontFamily",
           $value: s,
-          $extensions: {
-            [f]: e,
-            [u]: m(n[e])
-          }
+          $extensions: r
         };
       }
       return t;
     })(),
     line_height: (() => {
-      let t = /* @__PURE__ */ Object.create(null), n = p(r.values.lineHeights);
-      for (let e in n) {
+      let t = /* @__PURE__ */ Object.create(null), i = p(n.values.lineHeights);
+      for (let e in i) {
         let s = Le(e), l = {
-          [f]: e,
-          [u]: m(n[e])
+          [c]: e,
+          [u]: m(i[e])
         };
         if (s === null) {
-          let i = `lineHeight-${a(e)}`;
-          t[i] = {
+          let r = `lineHeight-${a(e)}`;
+          t[r] = {
             $value: e,
             $extensions: l
           };
         } else if (typeof s == "number") {
-          let i = `lineHeight-${a(s)}`;
-          t[i] ? t[i].$extensions[u] += l[u] : t[i] = {
+          let r = `lineHeight-${a(s)}`;
+          t[r] ? t[r].$extensions[u] += l[u] : t[r] = {
             $type: "number",
             $value: s,
             $extensions: l
           };
         } else if (typeof s == "object")
           if (s.unit === "px" || s.unit === "rem") {
-            let i = `lineHeight-${a(s.value.toString() + s.unit)}`;
-            t[i] ? t[i].$extensions[u] += l[u] : t[i] = {
+            let r = `lineHeight-${a(s.value.toString() + s.unit)}`;
+            t[r] ? t[r].$extensions[u] += l[u] : t[r] = {
               $type: "dimension",
               $value: s,
               $extensions: l
             };
           } else {
-            let i = `lineHeight-${a(e)}`;
-            t[i] = {
+            let r = `lineHeight-${a(e)}`;
+            t[r] = {
               $value: e,
               $extensions: l
             };
@@ -381,90 +386,90 @@ function qe(r) {
       return t;
     })(),
     gradient: (() => {
-      let t = /* @__PURE__ */ Object.create(null), n = p(r.values.gradients);
-      for (let e in n)
+      let t = /* @__PURE__ */ Object.create(null), i = p(n.values.gradients);
+      for (let e in i)
         t[`gradient-${a(e)}`] = {
           $value: e,
           $extensions: {
-            [f]: e,
-            [u]: m(n[e])
+            [c]: e,
+            [u]: m(i[e])
           }
         };
       return t;
     })(),
     box_shadow: (() => {
-      let t = /* @__PURE__ */ Object.create(null), n = p(r.values.boxShadows);
-      for (let e in n) {
-        let s = `boxShadow-${a(e)}`, l = Se(e), i = {
-          [f]: e,
-          [u]: m(n[e])
+      let t = /* @__PURE__ */ Object.create(null), i = p(n.values.boxShadows);
+      for (let e in i) {
+        let s = `boxShadow-${a(e)}`, l = Se(e), r = {
+          [c]: e,
+          [u]: m(i[e])
         };
         l === null ? t[s] = {
           $value: e,
-          $extensions: i
+          $extensions: r
         } : t[s] = {
           $type: "shadow",
           $value: l.length === 1 ? l[0] : l,
-          $extensions: i
+          $extensions: r
         };
       }
       return t;
     })(),
     radius: (() => {
-      let t = /* @__PURE__ */ Object.create(null), n = p(r.values.borderRadiuses);
-      for (let e in n) {
+      let t = /* @__PURE__ */ Object.create(null), i = p(n.values.borderRadiuses);
+      for (let e in i) {
         let s = `radius-${a(e)}`;
         t[s] = {
           $value: e,
           $extensions: {
-            [f]: e,
-            [u]: m(n[e])
+            [c]: e,
+            [u]: m(i[e])
           }
         };
       }
       return t;
     })(),
     duration: (() => {
-      let t = /* @__PURE__ */ Object.create(null), n = p(r.values.animations.durations);
-      for (let e in n) {
-        let s = V(e), l = s < Number.MAX_SAFE_INTEGER - 1, i = {
-          [f]: e,
-          [u]: m(n[e])
+      let t = /* @__PURE__ */ Object.create(null), i = p(n.values.animations.durations);
+      for (let e in i) {
+        let s = V(e), l = s < Number.MAX_SAFE_INTEGER - 1, r = {
+          [c]: e,
+          [u]: m(i[e])
         };
         if (l) {
-          let c = `duration-${a(s.toString())}`;
-          t[c] ? t[c].$extensions[u] += i[u] : t[c] = {
+          let f = `duration-${a(s.toString())}`;
+          t[f] ? t[f].$extensions[u] += r[u] : t[f] = {
             $type: "duration",
             $value: {
               value: s,
               unit: "ms"
             },
-            $extensions: i
+            $extensions: r
           };
         } else {
-          let c = `duration-${a("invalid" + s.toString())}`;
-          t[c] = {
+          let f = `duration-${a("invalid" + s.toString())}`;
+          t[f] = {
             $value: e,
-            $extensions: i
+            $extensions: r
           };
         }
       }
       return t;
     })(),
     easing: (() => {
-      let t = /* @__PURE__ */ Object.create(null), n = p(r.values.animations.timingFunctions);
-      for (let e in n) {
-        let s = `easing-${a(e)}`, l = Ne(e), i = {
-          [f]: e,
-          [u]: m(n[e])
+      let t = /* @__PURE__ */ Object.create(null), i = p(n.values.animations.timingFunctions);
+      for (let e in i) {
+        let s = `easing-${a(e)}`, l = Ne(e), r = {
+          [c]: e,
+          [u]: m(i[e])
         };
         l !== null ? t[s] = {
           $value: l,
           $type: "cubicBezier",
-          $extensions: i
+          $extensions: r
         } : t[s] = {
           $value: e,
-          $extensions: i
+          $extensions: r
         };
       }
       return t;
@@ -472,6 +477,9 @@ function qe(r) {
   };
 }
 export {
-  qe as analysis_to_tokens,
+  c as EXTENSION_AUTHORED_AS,
+  x as EXTENSION_CSS_PROPERTIES,
+  u as EXTENSION_USAGE_COUNT,
+  Ce as analysis_to_tokens,
   Re as css_to_tokens
 };

package/dist/destructure-box-shadow.d.ts

@@ -1,9 +1,9 @@
 import { ColorValue } from './types.js';
-type CssLength = {
+export type CssLength = {
     value: number;
     unit: string;
 };
-export type DestructuredShadow = {
+export type ShadowValue = {
     color: ColorValue | undefined;
     offsetX: CssLength | undefined;
     offsetY: CssLength | undefined;
@@ -11,5 +11,4 @@ export type DestructuredShadow = {
     spread: CssLength | undefined;
     inset: boolean | undefined;
 };
-export declare function destructure_box_shadow(value: string): null | DestructuredShadow[];
-export {};
+export declare function destructure_box_shadow(value: string): null | ShadowValue[];

package/dist/destructure-font-family.d.ts

@@ -1 +1,2 @@
-export declare function destructure_font_family(value: string): string[];
+import { FontFamilyValue } from './types.js';
+export declare function destructure_font_family(value: string): FontFamilyValue | undefined;

package/dist/index.d.ts

@@ -1,16 +1,17 @@
 import { CubicBezierToken, DimensionToken, DurationToken, FontFamilyToken, NumberToken, UnparsedToken, ColorToken, CssAnalysis, ShadowToken } from './types.js';
+export { EXTENSION_AUTHORED_AS, EXTENSION_USAGE_COUNT, EXTENSION_CSS_PROPERTIES, type Easing, type CubicBezierToken, type DimensionValue, type DimensionToken, type DurationToken, type DurationValue, type FontFamilyToken, type NumberToken, type UnparsedToken, type CssAnalysis, type ShadowToken, type ColorSpace, type ColorToken, type ColorValue, type ColorComponent, } from './types.js';
+export type { CssLength, ShadowValue } from './destructure-box-shadow.js';
 export declare function css_to_tokens(css: string): Tokens;
 type TokenID = string;
-type Tokens = {
+export type Tokens = {
     color: Record<TokenID, ColorToken>;
-    font_size: Record<TokenID, UnparsedToken | DimensionToken>;
-    font_family: Record<TokenID, FontFamilyToken>;
-    line_height: Record<TokenID, UnparsedToken | DimensionToken | NumberToken>;
+    font_size: Record<TokenID, DimensionToken | UnparsedToken>;
+    font_family: Record<TokenID, FontFamilyToken | UnparsedToken>;
+    line_height: Record<TokenID, DimensionToken | NumberToken | UnparsedToken>;
     gradient: Record<TokenID, UnparsedToken>;
     box_shadow: Record<TokenID, ShadowToken | UnparsedToken>;
     radius: Record<TokenID, UnparsedToken>;
     duration: Record<TokenID, DurationToken | UnparsedToken>;
-    easing: Record<TokenID, UnparsedToken | CubicBezierToken>;
+    easing: Record<TokenID, CubicBezierToken | UnparsedToken>;
 };
 export declare function analysis_to_tokens(analysis: CssAnalysis): Tokens;
-export {};

package/dist/types.d.ts

@@ -1,5 +1,5 @@
 import { analyze } from '@projectwallace/css-analyzer';
-import { DestructuredShadow } from './destructure-box-shadow';
+import { ShadowValue } from './destructure-box-shadow';
 export type CssAnalysis = ReturnType<typeof analyze>;
 export declare const EXTENSION_AUTHORED_AS = "com.projectwallace.css-authored-as";
 export declare const EXTENSION_USAGE_COUNT = "com.projectwallace.usage-count";
@@ -11,7 +11,7 @@ export type BaseToken = {
         [EXTENSION_USAGE_COUNT]: number;
     };
 };
-type DurationValue = {
+export type DurationValue = {
     value: number;
     unit: 'ms';
 };
@@ -23,7 +23,7 @@ export type UnparsedToken = BaseToken & {
     $value: string;
     $type?: never;
 };
-type ColorSpace = string | 'srgb' | 'display-p3' | 'hsl' | 'hwb' | 'lab' | 'lch' | 'oklab' | 'oklch' | 'display-p3' | 'a98-rgb' | 'prophoto-rgb' | 'rec2020' | 'xyz-d65' | 'xyz-d50';
+export type ColorSpace = string | 'srgb' | 'display-p3' | 'hsl' | 'hwb' | 'lab' | 'lch' | 'oklab' | 'oklch' | 'display-p3' | 'a98-rgb' | 'prophoto-rgb' | 'rec2020' | 'xyz-d65' | 'xyz-d50';
 export type ColorComponent = number | 'none';
 export type ColorValue = {
     colorSpace: ColorSpace;
@@ -54,12 +54,12 @@ export type CubicBezierToken = BaseToken & {
     $type: 'cubicBezier';
     $value: Easing;
 };
+export type FontFamilyValue = string[];
 export type FontFamilyToken = BaseToken & {
     $type: 'fontFamily';
-    $value: string[];
+    $value: FontFamilyValue;
 };
 export type ShadowToken = BaseToken & {
     $type: 'shadow';
-    $value: DestructuredShadow | DestructuredShadow[];
+    $value: ShadowValue | ShadowValue[];
 };
-export {};

package/package.json

@@ -1,49 +1,49 @@
 {
-  "name": "@projectwallace/css-design-tokens",
-  "description": "Generate spec-compliant Design Tokens from CSS.",
-  "version": "0.8.0",
-  "license": "EUPL-1.2",
-  "author": "Bart Veneman <bart@projectwallace.com>",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/projectwallace/css-design-tokens.git"
-  },
-  "homepage": "https://github.com/projectwallace/css-design-tokens",
-  "issues": "https://github.com/projectwallace/css-design-tokens/issues",
-  "keywords": [
-    "css",
-    "design-tokens",
-    "spec"
-  ],
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "main": "dist/css-design-tokens.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    "types": "./dist/index.d.ts",
-    "default": "./dist/css-design-tokens.js"
-  },
-  "engines": {
-    "node": ">=22"
-  },
-  "scripts": {
-    "test": "vitest run",
-    "build": "vite build",
-    "check": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@projectwallace/css-analyzer": "^7.6.0",
-    "color-sorter": "^7.0.0",
-    "colorjs.io": "^0.6.0-alpha.1",
-    "css-time-sort": "^3.0.0",
-    "css-tree": "^3.1.0"
-  },
-  "devDependencies": {
-    "@types/css-tree": "^2.3.10",
-    "vite": "^7.0.4",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4"
-  }
-}
+	"name": "@projectwallace/css-design-tokens",
+	"description": "Generate spec-compliant Design Tokens from CSS.",
+	"version": "0.9.0",
+	"license": "EUPL-1.2",
+	"author": "Bart Veneman <bart@projectwallace.com>",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/projectwallace/css-design-tokens.git"
+	},
+	"homepage": "https://github.com/projectwallace/css-design-tokens",
+	"issues": "https://github.com/projectwallace/css-design-tokens/issues",
+	"keywords": [
+		"css",
+		"design-tokens",
+		"spec"
+	],
+	"type": "module",
+	"files": [
+		"dist"
+	],
+	"main": "dist/css-design-tokens.js",
+	"types": "dist/index.d.ts",
+	"exports": {
+		"types": "./dist/index.d.ts",
+		"default": "./dist/css-design-tokens.js"
+	},
+	"engines": {
+		"node": ">=22"
+	},
+	"scripts": {
+		"test": "vitest run",
+		"build": "vite build",
+		"check": "tsc --noEmit"
+	},
+	"dependencies": {
+		"@projectwallace/css-analyzer": "^7.6.0",
+		"color-sorter": "^7.0.0",
+		"colorjs.io": "^0.6.0-alpha.1",
+		"css-time-sort": "^3.0.0",
+		"css-tree": "^3.1.0"
+	},
+	"devDependencies": {
+		"@types/css-tree": "^2.3.10",
+		"vite": "^7.0.4",
+		"vite-plugin-dts": "^4.5.4",
+		"vitest": "^3.2.4"
+	}
+}

package/readme.md

@@ -169,6 +169,7 @@ let font_family = {
     }
   },
   'fontFamily-582e015a': {
+    $type: 'fontFamily',
     $value: ['Arial Black', 'sans-serif'],
     $extensions: {
       'com.projectwallace.css-authored-as': 'Arial Black, sans-serif',