@handamade/psi-tokens 0.3.0

package/dist/resolved/dark.json

@@ -0,0 +1,614 @@
+{
+  "theme": "dark",
+  "tokens": {
+    "bgPrimary": {
+      "name": "bgPrimary",
+      "oklch": {
+        "l": 0.15,
+        "c": 0.01,
+        "h": 250
+      },
+      "hex": "#080c0f",
+      "formula": "slot(ink) → L set(0.15), C set(0.01)"
+    },
+    "bgSecondary": {
+      "name": "bgSecondary",
+      "oklch": {
+        "l": 0.2,
+        "c": 0.015,
+        "h": 250
+      },
+      "hex": "#11171d",
+      "formula": "slot(ink) → L set(0.2), C set(0.015)"
+    },
+    "fgPrimary": {
+      "name": "fgPrimary",
+      "oklch": {
+        "l": 0.93,
+        "c": 0.01,
+        "h": 250
+      },
+      "hex": "#e3e8ee",
+      "formula": "slot(canvas) → L set(0.93), C set(0.01)"
+    },
+    "fgSecondary": {
+      "name": "fgSecondary",
+      "oklch": {
+        "l": 0.93,
+        "c": 0.01,
+        "h": 250,
+        "alpha": 0.7
+      },
+      "hex": "#e3e8ee",
+      "formula": "ref(fgPrimary) → alpha(0.7)"
+    },
+    "fgTertiary": {
+      "name": "fgTertiary",
+      "oklch": {
+        "l": 0.93,
+        "c": 0.01,
+        "h": 250,
+        "alpha": 0.5
+      },
+      "hex": "#e3e8ee",
+      "formula": "ref(fgPrimary) → alpha(0.5)"
+    },
+    "fgQuaternary": {
+      "name": "fgQuaternary",
+      "oklch": {
+        "l": 0.93,
+        "c": 0.01,
+        "h": 250,
+        "alpha": 0.3
+      },
+      "hex": "#e3e8ee",
+      "formula": "ref(fgPrimary) → alpha(0.3)"
+    },
+    "fgPrimaryInverted": {
+      "name": "fgPrimaryInverted",
+      "oklch": {
+        "l": 0.15,
+        "c": 0.02,
+        "h": 250
+      },
+      "hex": "#050c13",
+      "formula": "slot(ink) → L set(0.15)"
+    },
+    "fgStaticWhite": {
+      "name": "fgStaticWhite",
+      "oklch": {
+        "l": 1,
+        "c": 0,
+        "h": 250
+      },
+      "hex": "#ffffff",
+      "formula": "slot(canvas) → L set(1), C set(0)"
+    },
+    "fgStaticBlack": {
+      "name": "fgStaticBlack",
+      "oklch": {
+        "l": 0.25,
+        "c": 0.02,
+        "h": 250
+      },
+      "hex": "#1a222b",
+      "formula": "slot(ink) → L set(0.25), C cap(0.03)"
+    },
+    "fgOnAccent": {
+      "name": "fgOnAccent",
+      "oklch": {
+        "l": 1,
+        "c": 0,
+        "h": 250
+      },
+      "hex": "#ffffff",
+      "formula": "ref(fgStaticWhite)"
+    },
+    "fgAccent": {
+      "name": "fgAccent",
+      "oklch": {
+        "l": 0.75,
+        "c": 0.1286,
+        "h": 260
+      },
+      "hex": "#7daeff",
+      "formula": "slot(accent) → L set(0.75), C cap(0.1286)"
+    },
+    "fgSuccess": {
+      "name": "fgSuccess",
+      "oklch": {
+        "l": 0.75,
+        "c": 0.18540771484375002,
+        "h": 155
+      },
+      "hex": "#00cf77",
+      "formula": "slot(success) → L set(0.75), C cap(0.23)"
+    },
+    "fgWarning": {
+      "name": "fgWarning",
+      "oklch": {
+        "l": 0.75,
+        "c": 0.1582,
+        "h": 75
+      },
+      "hex": "#e79d00",
+      "formula": "slot(warning) → L set(0.75), C cap(0.1582)"
+    },
+    "fgDanger": {
+      "name": "fgDanger",
+      "oklch": {
+        "l": 0.75,
+        "c": 0.1505,
+        "h": 25
+      },
+      "hex": "#ff847d",
+      "formula": "slot(danger) → L set(0.75), C cap(0.1505)"
+    },
+    "fillNeutral1": {
+      "name": "fillNeutral1",
+      "oklch": {
+        "l": 0.18,
+        "c": 0.012,
+        "h": 250
+      },
+      "hex": "#0e1217",
+      "formula": "slot(ink) → L set(0.18), C set(0.012)"
+    },
+    "fillNeutral2": {
+      "name": "fillNeutral2",
+      "oklch": {
+        "l": 0.2,
+        "c": 0.015,
+        "h": 250
+      },
+      "hex": "#11171d",
+      "formula": "slot(ink) → L set(0.2), C set(0.015)"
+    },
+    "fillNeutral3": {
+      "name": "fillNeutral3",
+      "oklch": {
+        "l": 0.23,
+        "c": 0.018,
+        "h": 250
+      },
+      "hex": "#171e25",
+      "formula": "slot(ink) → L set(0.23), C set(0.018)"
+    },
+    "fillNeutral4": {
+      "name": "fillNeutral4",
+      "oklch": {
+        "l": 0.26,
+        "c": 0.02,
+        "h": 250
+      },
+      "hex": "#1d252d",
+      "formula": "slot(ink) → L set(0.26), C set(0.02)"
+    },
+    "fillNeutral5": {
+      "name": "fillNeutral5",
+      "oklch": {
+        "l": 0.29,
+        "c": 0.022,
+        "h": 250
+      },
+      "hex": "#232c36",
+      "formula": "slot(ink) → L set(0.29), C set(0.022)"
+    },
+    "fillNeutral6": {
+      "name": "fillNeutral6",
+      "oklch": {
+        "l": 0.32,
+        "c": 0.025,
+        "h": 250
+      },
+      "hex": "#29343f",
+      "formula": "slot(ink) → L set(0.32), C set(0.025)"
+    },
+    "fillAccent": {
+      "name": "fillAccent",
+      "oklch": {
+        "l": 0.55,
+        "c": 0.21,
+        "h": 260
+      },
+      "hex": "#1368e9",
+      "formula": "slot(accent)"
+    },
+    "fillSuccess": {
+      "name": "fillSuccess",
+      "oklch": {
+        "l": 0.52,
+        "c": 0.1285,
+        "h": 155
+      },
+      "hex": "#007e46",
+      "formula": "slot(success) → C cap(0.1285)"
+    },
+    "fillWarning": {
+      "name": "fillWarning",
+      "oklch": {
+        "l": 0.75,
+        "c": 0.1582,
+        "h": 75
+      },
+      "hex": "#e79d00",
+      "formula": "slot(warning)"
+    },
+    "fillDanger": {
+      "name": "fillDanger",
+      "oklch": {
+        "l": 0.55,
+        "c": 0.22,
+        "h": 25
+      },
+      "hex": "#d40924",
+      "formula": "slot(danger)"
+    },
+    "fillTintAccent": {
+      "name": "fillTintAccent",
+      "oklch": {
+        "l": 0.75,
+        "c": 0.1286,
+        "h": 260,
+        "alpha": 0.15
+      },
+      "hex": "#7daeff",
+      "formula": "ref(fgAccent) → alpha(0.15)"
+    },
+    "fillTintSuccess": {
+      "name": "fillTintSuccess",
+      "oklch": {
+        "l": 0.75,
+        "c": 0.18540771484375002,
+        "h": 155,
+        "alpha": 0.15
+      },
+      "hex": "#00cf77",
+      "formula": "ref(fgSuccess) → alpha(0.15)"
+    },
+    "fillTintWarning": {
+      "name": "fillTintWarning",
+      "oklch": {
+        "l": 0.75,
+        "c": 0.1582,
+        "h": 75,
+        "alpha": 0.15
+      },
+      "hex": "#e79d00",
+      "formula": "ref(fgWarning) → alpha(0.15)"
+    },
+    "fillTintDanger": {
+      "name": "fillTintDanger",
+      "oklch": {
+        "l": 0.75,
+        "c": 0.1505,
+        "h": 25,
+        "alpha": 0.15
+      },
+      "hex": "#ff847d",
+      "formula": "ref(fgDanger) → alpha(0.15)"
+    },
+    "borderFaint": {
+      "name": "borderFaint",
+      "oklch": {
+        "l": 0.93,
+        "c": 0.01,
+        "h": 250,
+        "alpha": 0.08
+      },
+      "hex": "#e3e8ee",
+      "formula": "ref(fgPrimary) → alpha(0.08)"
+    },
+    "borderNeutral": {
+      "name": "borderNeutral",
+      "oklch": {
+        "l": 0.93,
+        "c": 0.01,
+        "h": 250,
+        "alpha": 0.15
+      },
+      "hex": "#e3e8ee",
+      "formula": "ref(fgPrimary) → alpha(0.15)"
+    },
+    "borderStrong": {
+      "name": "borderStrong",
+      "oklch": {
+        "l": 0.93,
+        "c": 0.01,
+        "h": 250,
+        "alpha": 0.3
+      },
+      "hex": "#e3e8ee",
+      "formula": "ref(fgPrimary) → alpha(0.3)"
+    },
+    "borderFocus": {
+      "name": "borderFocus",
+      "oklch": {
+        "l": 0.75,
+        "c": 0.1286,
+        "h": 260
+      },
+      "hex": "#7daeff",
+      "formula": "ref(fgAccent)"
+    },
+    "scrimSoft": {
+      "name": "scrimSoft",
+      "oklch": {
+        "l": 0.15,
+        "c": 0.01,
+        "h": 250,
+        "alpha": 0.25
+      },
+      "hex": "#080c0f",
+      "formula": "ref(bgPrimary) → alpha(0.25)"
+    },
+    "scrimMedium": {
+      "name": "scrimMedium",
+      "oklch": {
+        "l": 0.15,
+        "c": 0.01,
+        "h": 250,
+        "alpha": 0.35
+      },
+      "hex": "#080c0f",
+      "formula": "ref(bgPrimary) → alpha(0.35)"
+    },
+    "scrimHeavy": {
+      "name": "scrimHeavy",
+      "oklch": {
+        "l": 0.15,
+        "c": 0.01,
+        "h": 250,
+        "alpha": 0.82
+      },
+      "hex": "#080c0f",
+      "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
+    }
+  ]
+}