@projectwallace/css-design-tokens 0.10.0 → 0.11.1

package/dist/css-design-tokens.js

@@ -1,486 +0,0 @@
-import { cssKeywords as B, colorKeywords as G, namedColors as K, systemColors as M, colorFunctions as U, analyze as Z } from "@projectwallace/css-analyzer";
-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 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, D = 6, H = 7, X = 8, P = 9, Y = 10, v = 11, ye = /* @__PURE__ */ new Map([
-  [A, "white"],
-  [j, "black"],
-  [z, "grey"],
-  [y, "red"],
-  [I, "orange"],
-  [R, "yellow"],
-  [D, "green"],
-  [H, "cyan"],
-  [X, "blue"],
-  [P, "magenta"],
-  [Y, "pink"],
-  [v, "unknown"]
-]);
-function we(n) {
-  let t = /* @__PURE__ */ new Map();
-  for (let i in n) {
-    let e = v;
-    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 = D : l < 180 ? e = H : l < 250 ? e = X : l < 300 ? e = P : l < 350 ? e = Y : e = y;
-    }
-    t.has(e) ? t.get(e).push(i) : t.set(e, [i]);
-  }
-  return Array.from(t).sort(
-    (i, e) => i[0] === v || e[0] === v ? -1 : e[1].length - i[1].length
-  );
-}
-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);
-o.register(re);
-o.register(ne);
-o.register(ie);
-o.register(le);
-o.register(se);
-o.register(oe);
-o.register(ue);
-o.register(ae);
-o.register(fe);
-o.register(ce);
-o.register(pe);
-o.register(me);
-o.register(ge);
-o.register(he);
-o.register(de);
-o.register(_e);
-o.register(ve);
-o.register($e);
-o.register(be);
-function g(n) {
-  let t = n.toLowerCase();
-  if (t === "transparent")
-    return {
-      colorSpace: "srgb",
-      components: [0, 0, 0],
-      alpha: 0
-    };
-  if (B.has(t) || G.has(t) || t.includes("var("))
-    return null;
-  try {
-    let i = xe(n), [e, s, l] = i.coords;
-    return {
-      colorSpace: i.spaceId,
-      components: [e ?? "none", s ?? "none", l ?? "none"],
-      alpha: i.alpha ?? 1
-    };
-  } catch {
-    return null;
-  }
-}
-function N() {
-  return {
-    color: void 0,
-    offsetX: void 0,
-    offsetY: void 0,
-    blur: void 0,
-    spread: void 0,
-    inset: !1
-  };
-}
-function Se(n) {
-  let t = $(n, {
-    context: "value",
-    positions: !0
-  });
-  function i(l) {
-    return l.loc ? n.slice(l.loc.start.offset, l.loc.end.offset) : "";
-  }
-  let e = N(), s = [e];
-  return t.children.size < 2 ? null : (t.children.forEach((l) => {
-    if (l.type === "Identifier") {
-      if (l.name.toLowerCase() === "inset")
-        e.inset = !0;
-      else if (K.has(l.name) || M.has(l.name)) {
-        let r = g(l.name);
-        if (r === null)
-          return;
-        e.color = r;
-      }
-    } else if (l.type === "Dimension" || l.type === "Number" && l.value === "0") {
-      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 = r) : e.blur = r : e.offsetY = r : e.offsetX = r;
-    } else if (l.type === "Function") {
-      if (U.has(l.name)) {
-        let r = g(i(l));
-        if (r === null)
-          return;
-        e.color = r;
-      } else if (l.name.toLowerCase() === "var" && !e.color) {
-        let r = g(i(l));
-        if (r === null)
-          return;
-        e.color = r;
-      }
-    } else if (l.type === "Hash") {
-      let r = g(i(l));
-      if (r === null)
-        return;
-      e.color = r;
-    } else l.type === "Operator" && l.value === "," && (O(e), e = N(), s.push(e));
-  }), O(e), s);
-}
-const _ = {
-  value: 0,
-  unit: "px"
-};
-function O(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]],
-  ["ease", [0.25, 0.1, 0.25, 1]],
-  ["ease-in", [0.42, 0, 1, 1]],
-  ["ease-out", [0, 0, 0.58, 1]],
-  ["ease-in-out", [0.42, 0, 0.58, 1]]
-]);
-function Le(n) {
-  if (n = n.trim().toLowerCase(), E.has(n))
-    return E.get(n);
-  if (n.includes("var("))
-    return null;
-  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 C(n) {
-  return n.replaceAll(/^['"]|['"]$/g, "");
-}
-function Ne(n) {
-  if (n.toLowerCase().includes("var("))
-    return;
-  let t = $(n, {
-    context: "value",
-    positions: !0
-  });
-  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 r of t.children) {
-    if (r.type === "Operator" && r.value === ",") {
-      e.push(C(s)), s = "", l = r.type;
-      continue;
-    }
-    l === "Identifier" && r.type === "Identifier" && (s += " "), s += i(r), l = r.type;
-  }
-  return e.push(C(s)), e;
-}
-function a(n) {
-  if (n === void 0 || typeof n == "number" && isNaN(n))
-    return "0";
-  typeof n != "string" && (n = n.toString());
-  let t = 0;
-  for (let i of n)
-    t = (t << 5) - t + i.charCodeAt(0), t |= 0;
-  return (t >>> 0).toString(16);
-}
-const Oe = /* @__PURE__ */ new Set(["px", "rem"]);
-function Ee(n) {
-  let t = $(n, { context: "value" });
-  if (t.children === null || t.children.size !== 1) return null;
-  let i = t.children.first;
-  switch (i.type) {
-    case "Dimension": {
-      let e = Number(i.value);
-      if (e === 0)
-        return 0;
-      let s = i.unit.toLowerCase();
-      return Oe.has(s) ? {
-        value: e,
-        unit: s
-      } : null;
-    }
-    case "Number":
-      return Number(i.value);
-    case "Percentage":
-      return Number(i.value) / 100;
-    case "Identifier":
-      if (i.name === "normal")
-        return 1.2;
-  }
-  return null;
-}
-let q = /* @__PURE__ */ new Map([
-  ["xx-small", 0.6],
-  ["x-small", 0.75],
-  ["small", 0.89],
-  ["medium", 1],
-  ["large", 1.2],
-  ["x-large", 1.5],
-  ["xx-large", 2],
-  ["xxx-large", 3]
-]);
-function Ce(n) {
-  let t = $(n, { context: "value" });
-  if (t.children === null || t.children.size !== 1) return null;
-  let i = t.children.first;
-  switch (i.type) {
-    case "Dimension": {
-      let e = i.unit.toLowerCase();
-      if (e === "px" || e === "rem") {
-        let s = Number(i.value);
-        return s === 0 ? {
-          value: 0,
-          unit: "px"
-        } : {
-          value: s,
-          unit: e
-        };
-      }
-      break;
-    }
-    case "Identifier": {
-      let e = i.name.toLowerCase();
-      if (q.has(e))
-        return {
-          value: q.get(e),
-          unit: "rem"
-        };
-      break;
-    }
-    case "Number": {
-      if (Number(i.value) === 0)
-        return {
-          value: 0,
-          unit: "px"
-        };
-      break;
-    }
-  }
-  return null;
-}
-function De(n) {
-  let t = Z(n);
-  return qe(t);
-}
-function p(n) {
-  return "uniqueWithLocations" in n ? n.uniqueWithLocations : n.unique;
-}
-function m(n) {
-  return Array.isArray(n) ? n.length : n;
-}
-function qe(n) {
-  return {
-    color: (() => {
-      let t = /* @__PURE__ */ Object.create(null), i = p(n.values.colors), e = we(i);
-      for (let [s, l] of e)
-        for (let r of l) {
-          let f = g(r), w = m(i[r]);
-          if (f !== null) {
-            let { colorSpace: k, components: F, alpha: T } = f, h = `${ye.get(s)}-${a([k, ...F, T].join(""))}`, W = n.values.colors.itemsPerContext, S = Object.entries(W).reduce((d, [L, b]) => r in b.unique || b.uniqueWithLocations && r in b.uniqueWithLocations ? d.add(L) : 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: f,
-                $extensions: {
-                  [c]: r,
-                  [u]: w,
-                  [x]: Array.from(S)
-                }
-              };
-          }
-        }
-      return t;
-    })(),
-    font_size: (() => {
-      let t = /* @__PURE__ */ Object.create(null), i = p(n.values.fontSizes);
-      for (let e in i) {
-        let s = Ce(e), l = {
-          [c]: e,
-          [u]: m(i[e])
-        };
-        if (s === null) {
-          let r = `fontSize-${a(e)}`;
-          t[r] = {
-            $value: e,
-            $extensions: l
-          };
-        } else {
-          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
-          };
-        }
-      }
-      return t;
-    })(),
-    font_family: (() => {
-      let t = /* @__PURE__ */ Object.create(null), i = p(n.values.fontFamilies);
-      for (let e in i) {
-        let s = Ne(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: r
-        };
-      }
-      return t;
-    })(),
-    line_height: (() => {
-      let t = /* @__PURE__ */ Object.create(null), i = p(n.values.lineHeights);
-      for (let e in i) {
-        let s = Ee(e), l = {
-          [c]: e,
-          [u]: m(i[e])
-        };
-        if (s === null) {
-          let r = `lineHeight-${a(e)}`;
-          t[r] = {
-            $value: e,
-            $extensions: l
-          };
-        } else if (typeof s == "number") {
-          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 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 r = `lineHeight-${a(e)}`;
-            t[r] = {
-              $value: e,
-              $extensions: l
-            };
-          }
-      }
-      return t;
-    })(),
-    gradient: (() => {
-      let t = /* @__PURE__ */ Object.create(null), i = p(n.values.gradients);
-      for (let e in i)
-        t[`gradient-${a(e)}`] = {
-          $value: e,
-          $extensions: {
-            [c]: e,
-            [u]: m(i[e])
-          }
-        };
-      return t;
-    })(),
-    box_shadow: (() => {
-      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: r
-        } : t[s] = {
-          $type: "shadow",
-          $value: l.length === 1 ? l[0] : l,
-          $extensions: r
-        };
-      }
-      return t;
-    })(),
-    radius: (() => {
-      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: {
-            [c]: e,
-            [u]: m(i[e])
-          }
-        };
-      }
-      return t;
-    })(),
-    duration: (() => {
-      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 f = `duration-${a(s.toString())}`;
-          t[f] ? t[f].$extensions[u] += r[u] : t[f] = {
-            $type: "duration",
-            $value: {
-              value: s,
-              unit: "ms"
-            },
-            $extensions: r
-          };
-        } else {
-          let f = `duration-${a("invalid" + s.toString())}`;
-          t[f] = {
-            $value: e,
-            $extensions: r
-          };
-        }
-      }
-      return t;
-    })(),
-    easing: (() => {
-      let t = /* @__PURE__ */ Object.create(null), i = p(n.values.animations.timingFunctions);
-      for (let e in i) {
-        let s = `easing-${a(e)}`, l = Le(e), r = {
-          [c]: e,
-          [u]: m(i[e])
-        };
-        l !== null ? t[s] = {
-          $value: l,
-          $type: "cubicBezier",
-          $extensions: r
-        } : t[s] = {
-          $value: e,
-          $extensions: r
-        };
-      }
-      return t;
-    })()
-  };
-}
-export {
-  c as EXTENSION_AUTHORED_AS,
-  x as EXTENSION_CSS_PROPERTIES,
-  u as EXTENSION_USAGE_COUNT,
-  qe as analysis_to_tokens,
-  g as color_to_token,
-  De as css_to_tokens
-};

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

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

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

@@ -1 +0,0 @@
-export {};

package/dist/destructure-easing.d.ts

@@ -1,2 +0,0 @@
-import { Easing } from './types.js';
-export declare function destructure_easing(easing: string): Easing | null;

package/dist/destructure-easing.test.d.ts

@@ -1 +0,0 @@
-export {};

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

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

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

@@ -1 +0,0 @@
-export {};

package/dist/destructure-line-height.d.ts

@@ -1,10 +0,0 @@
-import { Length } from './types';
-/**
- * @description Destructure a line-height from a string
- * The line-height property is specified as any one of the following:
- *  - a `<number>`
- *  - a `<length>`
- * - a `<percentage>`
- * - the keyword `normal`.
- */
-export declare function destructure_line_height(value: string): Length | number | null;

package/dist/destructure-line-height.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/group-colors.d.ts

@@ -1,4 +0,0 @@
-export declare const color_dict: Map<number, string>;
-type AuthoredColor = string;
-export declare function group_colors(colors: Record<AuthoredColor, unknown>): [number, string[]][];
-export {};

package/dist/hash.d.ts

@@ -1 +0,0 @@
-export declare function hash(input: string | undefined | number): string;

package/dist/hash.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/parse-length.d.ts

@@ -1,13 +0,0 @@
-type DesignTokenLength = {
-    value: number;
-    unit: 'px' | 'rem';
-};
-/**
- * @description Parse a length from a css value
- *  - a `<number>`
- *  - a `<length>`
- * - a `<percentage>`
- * - the keyword `normal`.
- */
-export declare function parse_length(value: string): DesignTokenLength | null;
-export {};

package/dist/parse-length.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types.d.ts

@@ -1,70 +0,0 @@
-import { analyze } from '@projectwallace/css-analyzer';
-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";
-export declare const EXTENSION_CSS_PROPERTIES = "com.projectwallace.css-properties";
-export type Easing = [number, number, number, number];
-export type BaseToken = {
-    $extensions: {
-        [EXTENSION_AUTHORED_AS]: string;
-        [EXTENSION_USAGE_COUNT]: number;
-    };
-};
-export type Unit = 'rem' | 'px';
-export type Length = {
-    value: number;
-    unit: Unit;
-};
-export type DurationValue = {
-    value: number;
-    unit: 'ms';
-};
-export type DurationToken = BaseToken & {
-    $type: 'duration';
-    $value: DurationValue;
-};
-export type UnparsedToken = BaseToken & {
-    $value: string;
-    $type?: never;
-};
-export type ColorSpace = '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;
-    components: [ColorComponent, ColorComponent, ColorComponent];
-    alpha: number;
-    hex?: string;
-};
-export type ColorToken = BaseToken & {
-    $type: 'color';
-    $value: ColorValue;
-    $extensions: {
-        [EXTENSION_CSS_PROPERTIES]: Array<string>;
-    };
-};
-export type DimensionValue = {
-    value: number;
-    unit: Unit;
-};
-export type DimensionToken = BaseToken & {
-    $type: 'dimension';
-    $value: DimensionValue;
-};
-export type NumberToken = BaseToken & {
-    $type: 'number';
-    $value: number;
-};
-export type CubicBezierToken = BaseToken & {
-    $type: 'cubicBezier';
-    $value: Easing;
-};
-export type FontFamilyValue = string[];
-export type FontFamilyToken = BaseToken & {
-    $type: 'fontFamily';
-    $value: FontFamilyValue;
-};
-export type ShadowToken = BaseToken & {
-    $type: 'shadow';
-    $value: ShadowValue | ShadowValue[];
-};

package/dist/unquote.d.ts

@@ -1 +0,0 @@
-export declare function unquote(input: string): string;

package/dist/unquote.test.d.ts

@@ -1 +0,0 @@
-export {};