@handamade/psi-tokens 0.3.0

package/dist/resolved/acme.json

@@ -0,0 +1,614 @@
+{
+  "theme": "acme",
+  "tokens": {
+    "bgPrimary": {
+      "name": "bgPrimary",
+      "oklch": {
+        "l": 0.96,
+        "c": 0.01,
+        "h": 80
+      },
+      "hex": "#f5f1ea",
+      "formula": "slot(canvas)"
+    },
+    "bgSecondary": {
+      "name": "bgSecondary",
+      "oklch": {
+        "l": 0.99,
+        "c": 0.0089453125,
+        "h": 80
+      },
+      "hex": "#fffbf5",
+      "formula": "slot(canvas) → L delta(0.03)"
+    },
+    "fgPrimary": {
+      "name": "fgPrimary",
+      "oklch": {
+        "l": 0.3,
+        "c": 0.03,
+        "h": 30
+      },
+      "hex": "#3c2825",
+      "formula": "slot(ink) → L set(0.3), C set(0.03)"
+    },
+    "fgSecondary": {
+      "name": "fgSecondary",
+      "oklch": {
+        "l": 0.3,
+        "c": 0.03,
+        "h": 30,
+        "alpha": 0.7
+      },
+      "hex": "#3c2825",
+      "formula": "ref(fgPrimary) → alpha(0.7)"
+    },
+    "fgTertiary": {
+      "name": "fgTertiary",
+      "oklch": {
+        "l": 0.3,
+        "c": 0.03,
+        "h": 30,
+        "alpha": 0.5
+      },
+      "hex": "#3c2825",
+      "formula": "ref(fgPrimary) → alpha(0.5)"
+    },
+    "fgQuaternary": {
+      "name": "fgQuaternary",
+      "oklch": {
+        "l": 0.3,
+        "c": 0.03,
+        "h": 30,
+        "alpha": 0.3
+      },
+      "hex": "#3c2825",
+      "formula": "ref(fgPrimary) → alpha(0.3)"
+    },
+    "fgPrimaryInverted": {
+      "name": "fgPrimaryInverted",
+      "oklch": {
+        "l": 0.96,
+        "c": 0.01,
+        "h": 80
+      },
+      "hex": "#f5f1ea",
+      "formula": "slot(canvas)"
+    },
+    "fgStaticWhite": {
+      "name": "fgStaticWhite",
+      "oklch": {
+        "l": 1,
+        "c": 0,
+        "h": 80
+      },
+      "hex": "#ffffff",
+      "formula": "slot(canvas) → L set(1), C set(0)"
+    },
+    "fgStaticBlack": {
+      "name": "fgStaticBlack",
+      "oklch": {
+        "l": 0.25,
+        "c": 0.015,
+        "h": 30
+      },
+      "hex": "#281f1d",
+      "formula": "slot(ink) → L set(0.25), C cap(0.03)"
+    },
+    "fgOnAccent": {
+      "name": "fgOnAccent",
+      "oklch": {
+        "l": 1,
+        "c": 0,
+        "h": 80
+      },
+      "hex": "#ffffff",
+      "formula": "ref(fgStaticWhite)"
+    },
+    "fgAccent": {
+      "name": "fgAccent",
+      "oklch": {
+        "l": 0.48,
+        "c": 0.19250488281250003,
+        "h": 30
+      },
+      "hex": "#b10b00",
+      "formula": "slot(accent) → L set(0.48), C cap(0.23)"
+    },
+    "fgSuccess": {
+      "name": "fgSuccess",
+      "oklch": {
+        "l": 0.48,
+        "c": 0.108573486328125,
+        "h": 160
+      },
+      "hex": "#007048",
+      "formula": "slot(success) → L set(0.48), C cap(0.1086)"
+    },
+    "fgWarning": {
+      "name": "fgWarning",
+      "oklch": {
+        "l": 0.48,
+        "c": 0.098351953125,
+        "h": 85
+      },
+      "hex": "#775800",
+      "formula": "slot(warning) → L set(0.48), C cap(0.0984)"
+    },
+    "fgDanger": {
+      "name": "fgDanger",
+      "oklch": {
+        "l": 0.48,
+        "c": 0.1919,
+        "h": 15
+      },
+      "hex": "#af0039",
+      "formula": "slot(danger) → L set(0.48), C cap(0.1919)"
+    },
+    "fillNeutral1": {
+      "name": "fillNeutral1",
+      "oklch": {
+        "l": 0.976,
+        "c": 0.009000000000000001,
+        "h": 80
+      },
+      "hex": "#faf7f0",
+      "formula": "slot(canvas) → L delta(0.016), C delta(-0.001)"
+    },
+    "fillNeutral2": {
+      "name": "fillNeutral2",
+      "oklch": {
+        "l": 0.96,
+        "c": 0.01,
+        "h": 80
+      },
+      "hex": "#f5f1ea",
+      "formula": "slot(canvas)"
+    },
+    "fillNeutral3": {
+      "name": "fillNeutral3",
+      "oklch": {
+        "l": 0.943,
+        "c": 0.011,
+        "h": 80
+      },
+      "hex": "#f0ebe4",
+      "formula": "slot(canvas) → L delta(-0.017), C delta(0.001)"
+    },
+    "fillNeutral4": {
+      "name": "fillNeutral4",
+      "oklch": {
+        "l": 0.9259999999999999,
+        "c": 0.012,
+        "h": 80
+      },
+      "hex": "#ebe6de",
+      "formula": "slot(canvas) → L delta(-0.034), C delta(0.002)"
+    },
+    "fillNeutral5": {
+      "name": "fillNeutral5",
+      "oklch": {
+        "l": 0.9279999999999999,
+        "c": 0.013000000000000001,
+        "h": 80
+      },
+      "hex": "#ece6de",
+      "formula": "slot(canvas) → L delta(-0.032), C delta(0.003)"
+    },
+    "fillNeutral6": {
+      "name": "fillNeutral6",
+      "oklch": {
+        "l": 0.9119999999999999,
+        "c": 0.014,
+        "h": 80
+      },
+      "hex": "#e7e1d8",
+      "formula": "slot(canvas) → L delta(-0.048), C delta(0.004)"
+    },
+    "fillAccent": {
+      "name": "fillAccent",
+      "oklch": {
+        "l": 0.55,
+        "c": 0.2,
+        "h": 30
+      },
+      "hex": "#cc2a1b",
+      "formula": "slot(accent)"
+    },
+    "fillSuccess": {
+      "name": "fillSuccess",
+      "oklch": {
+        "l": 0.52,
+        "c": 0.1176,
+        "h": 160
+      },
+      "hex": "#007d51",
+      "formula": "slot(success) → C cap(0.1285)"
+    },
+    "fillWarning": {
+      "name": "fillWarning",
+      "oklch": {
+        "l": 0.78,
+        "c": 0.15,
+        "h": 85
+      },
+      "hex": "#e3ae28",
+      "formula": "slot(warning)"
+    },
+    "fillDanger": {
+      "name": "fillDanger",
+      "oklch": {
+        "l": 0.55,
+        "c": 0.21986572265625,
+        "h": 15
+      },
+      "hex": "#d20046",
+      "formula": "slot(danger)"
+    },
+    "fillTintAccent": {
+      "name": "fillTintAccent",
+      "oklch": {
+        "l": 0.48,
+        "c": 0.19250488281250003,
+        "h": 30,
+        "alpha": 0.12
+      },
+      "hex": "#b10b00",
+      "formula": "ref(fgAccent) → alpha(0.12)"
+    },
+    "fillTintSuccess": {
+      "name": "fillTintSuccess",
+      "oklch": {
+        "l": 0.48,
+        "c": 0.108573486328125,
+        "h": 160,
+        "alpha": 0.12
+      },
+      "hex": "#007048",
+      "formula": "ref(fgSuccess) → alpha(0.12)"
+    },
+    "fillTintWarning": {
+      "name": "fillTintWarning",
+      "oklch": {
+        "l": 0.48,
+        "c": 0.098351953125,
+        "h": 85,
+        "alpha": 0.12
+      },
+      "hex": "#775800",
+      "formula": "ref(fgWarning) → alpha(0.12)"
+    },
+    "fillTintDanger": {
+      "name": "fillTintDanger",
+      "oklch": {
+        "l": 0.48,
+        "c": 0.1919,
+        "h": 15,
+        "alpha": 0.12
+      },
+      "hex": "#af0039",
+      "formula": "ref(fgDanger) → alpha(0.12)"
+    },
+    "borderFaint": {
+      "name": "borderFaint",
+      "oklch": {
+        "l": 0.3,
+        "c": 0.03,
+        "h": 30,
+        "alpha": 0.08
+      },
+      "hex": "#3c2825",
+      "formula": "ref(fgPrimary) → alpha(0.08)"
+    },
+    "borderNeutral": {
+      "name": "borderNeutral",
+      "oklch": {
+        "l": 0.3,
+        "c": 0.03,
+        "h": 30,
+        "alpha": 0.15
+      },
+      "hex": "#3c2825",
+      "formula": "ref(fgPrimary) → alpha(0.15)"
+    },
+    "borderStrong": {
+      "name": "borderStrong",
+      "oklch": {
+        "l": 0.3,
+        "c": 0.03,
+        "h": 30,
+        "alpha": 0.3
+      },
+      "hex": "#3c2825",
+      "formula": "ref(fgPrimary) → alpha(0.3)"
+    },
+    "borderFocus": {
+      "name": "borderFocus",
+      "oklch": {
+        "l": 0.48,
+        "c": 0.19250488281250003,
+        "h": 30
+      },
+      "hex": "#b10b00",
+      "formula": "ref(fgAccent)"
+    },
+    "scrimSoft": {
+      "name": "scrimSoft",
+      "oklch": {
+        "l": 0.96,
+        "c": 0.01,
+        "h": 80,
+        "alpha": 0.25
+      },
+      "hex": "#f5f1ea",
+      "formula": "ref(bgPrimary) → alpha(0.25)"
+    },
+    "scrimMedium": {
+      "name": "scrimMedium",
+      "oklch": {
+        "l": 0.96,
+        "c": 0.01,
+        "h": 80,
+        "alpha": 0.35
+      },
+      "hex": "#f5f1ea",
+      "formula": "ref(bgPrimary) → alpha(0.35)"
+    },
+    "scrimHeavy": {
+      "name": "scrimHeavy",
+      "oklch": {
+        "l": 0.96,
+        "c": 0.01,
+        "h": 80,
+        "alpha": 0.82
+      },
+      "hex": "#f5f1ea",
+      "formula": "ref(bgPrimary) → alpha(0.82)"
+    }
+  },
+  "scales": {
+    "space": [
+      0,
+      2,
+      4,
+      6,
+      8,
+      12,
+      16,
+      20,
+      24,
+      32,
+      40,
+      48,
+      64,
+      80,
+      96,
+      120,
+      144
+    ],
+    "size": [
+      24,
+      32,
+      40,
+      48
+    ],
+    "radius": [
+      4,
+      6,
+      8,
+      12
+    ],
+    "motion": {
+      "durations": [
+        150,
+        200,
+        350,
+        450,
+        600
+      ],
+      "easings": {
+        "standard": "ease",
+        "in-out": "ease-in-out",
+        "soft": "cubic-bezier(0.2, 0.6, 0.2, 1)"
+      }
+    },
+    "layout": {
+      "breakpoints": {
+        "sm": 560,
+        "md": 960
+      },
+      "container": {
+        "max": 1312,
+        "gutter": 40,
+        "gutterNarrow": 24
+      },
+      "zIndex": {
+        "nav": 100,
+        "overlay": 1000,
+        "tooltip": 1100
+      }
+    }
+  },
+  "typography": [
+    {
+      "name": "12-16-regular",
+      "fontSize": 12,
+      "lineHeight": 16,
+      "weight": "regular",
+      "cssWeight": 400
+    },
+    {
+      "name": "12-16-medium",
+      "fontSize": 12,
+      "lineHeight": 16,
+      "weight": "medium",
+      "cssWeight": 500
+    },
+    {
+      "name": "14-20-regular",
+      "fontSize": 14,
+      "lineHeight": 20,
+      "weight": "regular",
+      "cssWeight": 400
+    },
+    {
+      "name": "14-20-medium",
+      "fontSize": 14,
+      "lineHeight": 20,
+      "weight": "medium",
+      "cssWeight": 500
+    },
+    {
+      "name": "16-20-regular",
+      "fontSize": 16,
+      "lineHeight": 20,
+      "weight": "regular",
+      "cssWeight": 400
+    },
+    {
+      "name": "16-24-regular",
+      "fontSize": 16,
+      "lineHeight": 24,
+      "weight": "regular",
+      "cssWeight": 400
+    },
+    {
+      "name": "16-24-medium",
+      "fontSize": 16,
+      "lineHeight": 24,
+      "weight": "medium",
+      "cssWeight": 500
+    },
+    {
+      "name": "18-28-medium",
+      "fontSize": 18,
+      "lineHeight": 28,
+      "weight": "medium",
+      "cssWeight": 500
+    },
+    {
+      "name": "20-28-semibold",
+      "fontSize": 20,
+      "lineHeight": 28,
+      "weight": "semibold",
+      "cssWeight": 600
+    },
+    {
+      "name": "24-32-medium",
+      "fontSize": 24,
+      "lineHeight": 32,
+      "weight": "medium",
+      "cssWeight": 500
+    },
+    {
+      "name": "30-36-bold",
+      "fontSize": 30,
+      "lineHeight": 36,
+      "weight": "bold",
+      "cssWeight": 700
+    },
+    {
+      "name": "serif-18-28-regular",
+      "fontSize": 18,
+      "lineHeight": 28,
+      "weight": "regular",
+      "role": "serif",
+      "cssWeight": 400
+    },
+    {
+      "name": "serif-20-30-regular",
+      "fontSize": 20,
+      "lineHeight": 30,
+      "weight": "regular",
+      "role": "serif",
+      "cssWeight": 400
+    },
+    {
+      "name": "serif-20-32-regular",
+      "fontSize": 20,
+      "lineHeight": 32,
+      "weight": "regular",
+      "role": "serif",
+      "cssWeight": 400
+    },
+    {
+      "name": "serif-24-36-regular",
+      "fontSize": 24,
+      "lineHeight": 36,
+      "weight": "regular",
+      "role": "serif",
+      "cssWeight": 400
+    },
+    {
+      "name": "serif-28-40-regular",
+      "fontSize": 28,
+      "lineHeight": 40,
+      "weight": "regular",
+      "role": "serif",
+      "cssWeight": 400
+    },
+    {
+      "name": "mono-13-20-regular",
+      "fontSize": 13,
+      "lineHeight": 20,
+      "weight": "regular",
+      "role": "mono",
+      "cssWeight": 400
+    },
+    {
+      "name": "mono-14-20-regular",
+      "fontSize": 14,
+      "lineHeight": 20,
+      "weight": "regular",
+      "role": "mono",
+      "cssWeight": 400
+    },
+    {
+      "name": "mono-15-24-regular",
+      "fontSize": 15,
+      "lineHeight": 24,
+      "weight": "regular",
+      "role": "mono",
+      "cssWeight": 400
+    },
+    {
+      "name": "mono-15-24-medium",
+      "fontSize": 15,
+      "lineHeight": 24,
+      "weight": "medium",
+      "role": "mono",
+      "cssWeight": 500
+    }
+  ],
+  "display": [
+    {
+      "name": "56-128-black",
+      "min": 56,
+      "max": 128,
+      "vw": 9,
+      "lineHeight": 0.95,
+      "weight": "black",
+      "tracking": -0.02,
+      "cssWeight": 900
+    },
+    {
+      "name": "36-64-black",
+      "min": 36,
+      "max": 64,
+      "vw": 5,
+      "lineHeight": 1.05,
+      "weight": "black",
+      "tracking": -0.02,
+      "cssWeight": 900
+    },
+    {
+      "name": "32-32-extrabold",
+      "min": 32,
+      "max": 32,
+      "vw": 0,
+      "lineHeight": 1.1,
+      "weight": "extrabold",
+      "tracking": -0.01,
+      "cssWeight": 800
+    }
+  ]
+}