@handamade/psi-tokens 0.3.0

package/dist/dtcg/dark.json

@@ -0,0 +1,635 @@
+{
+  "$description": "DS tokens, theme \"dark\". Generated — do not edit.",
+  "color": {
+    "bg": {
+      "primary": {
+        "$type": "color",
+        "$value": "#080c0f",
+        "$description": "slot(ink) → L set(0.15), C set(0.01)"
+      },
+      "secondary": {
+        "$type": "color",
+        "$value": "#11171d",
+        "$description": "slot(ink) → L set(0.2), C set(0.015)"
+      }
+    },
+    "fg": {
+      "primary": {
+        "$type": "color",
+        "$value": "#e3e8ee",
+        "$description": "slot(canvas) → L set(0.93), C set(0.01)"
+      },
+      "secondary": {
+        "$type": "color",
+        "$value": "#e3e8eeb3",
+        "$description": "ref(fgPrimary) → alpha(0.7)"
+      },
+      "tertiary": {
+        "$type": "color",
+        "$value": "#e3e8ee80",
+        "$description": "ref(fgPrimary) → alpha(0.5)"
+      },
+      "quaternary": {
+        "$type": "color",
+        "$value": "#e3e8ee4d",
+        "$description": "ref(fgPrimary) → alpha(0.3)"
+      },
+      "primary-inverted": {
+        "$type": "color",
+        "$value": "#050c13",
+        "$description": "slot(ink) → L set(0.15)"
+      },
+      "static-white": {
+        "$type": "color",
+        "$value": "#ffffff",
+        "$description": "slot(canvas) → L set(1), C set(0)"
+      },
+      "static-black": {
+        "$type": "color",
+        "$value": "#1a222b",
+        "$description": "slot(ink) → L set(0.25), C cap(0.03)"
+      },
+      "on-accent": {
+        "$type": "color",
+        "$value": "#ffffff",
+        "$description": "ref(fgStaticWhite)"
+      },
+      "accent": {
+        "$type": "color",
+        "$value": "#7daeff",
+        "$description": "slot(accent) → L set(0.75), C cap(0.1286)"
+      },
+      "success": {
+        "$type": "color",
+        "$value": "#00cf77",
+        "$description": "slot(success) → L set(0.75), C cap(0.23)"
+      },
+      "warning": {
+        "$type": "color",
+        "$value": "#e79d00",
+        "$description": "slot(warning) → L set(0.75), C cap(0.1582)"
+      },
+      "danger": {
+        "$type": "color",
+        "$value": "#ff847d",
+        "$description": "slot(danger) → L set(0.75), C cap(0.1505)"
+      }
+    },
+    "fill": {
+      "neutral1": {
+        "$type": "color",
+        "$value": "#0e1217",
+        "$description": "slot(ink) → L set(0.18), C set(0.012)"
+      },
+      "neutral2": {
+        "$type": "color",
+        "$value": "#11171d",
+        "$description": "slot(ink) → L set(0.2), C set(0.015)"
+      },
+      "neutral3": {
+        "$type": "color",
+        "$value": "#171e25",
+        "$description": "slot(ink) → L set(0.23), C set(0.018)"
+      },
+      "neutral4": {
+        "$type": "color",
+        "$value": "#1d252d",
+        "$description": "slot(ink) → L set(0.26), C set(0.02)"
+      },
+      "neutral5": {
+        "$type": "color",
+        "$value": "#232c36",
+        "$description": "slot(ink) → L set(0.29), C set(0.022)"
+      },
+      "neutral6": {
+        "$type": "color",
+        "$value": "#29343f",
+        "$description": "slot(ink) → L set(0.32), C set(0.025)"
+      },
+      "accent": {
+        "$type": "color",
+        "$value": "#1368e9",
+        "$description": "slot(accent)"
+      },
+      "success": {
+        "$type": "color",
+        "$value": "#007e46",
+        "$description": "slot(success) → C cap(0.1285)"
+      },
+      "warning": {
+        "$type": "color",
+        "$value": "#e79d00",
+        "$description": "slot(warning)"
+      },
+      "danger": {
+        "$type": "color",
+        "$value": "#d40924",
+        "$description": "slot(danger)"
+      },
+      "tint-accent": {
+        "$type": "color",
+        "$value": "#7daeff26",
+        "$description": "ref(fgAccent) → alpha(0.15)"
+      },
+      "tint-success": {
+        "$type": "color",
+        "$value": "#00cf7726",
+        "$description": "ref(fgSuccess) → alpha(0.15)"
+      },
+      "tint-warning": {
+        "$type": "color",
+        "$value": "#e79d0026",
+        "$description": "ref(fgWarning) → alpha(0.15)"
+      },
+      "tint-danger": {
+        "$type": "color",
+        "$value": "#ff847d26",
+        "$description": "ref(fgDanger) → alpha(0.15)"
+      }
+    },
+    "border": {
+      "faint": {
+        "$type": "color",
+        "$value": "#e3e8ee14",
+        "$description": "ref(fgPrimary) → alpha(0.08)"
+      },
+      "neutral": {
+        "$type": "color",
+        "$value": "#e3e8ee26",
+        "$description": "ref(fgPrimary) → alpha(0.15)"
+      },
+      "strong": {
+        "$type": "color",
+        "$value": "#e3e8ee4d",
+        "$description": "ref(fgPrimary) → alpha(0.3)"
+      },
+      "focus": {
+        "$type": "color",
+        "$value": "#7daeff",
+        "$description": "ref(fgAccent)"
+      }
+    },
+    "scrim": {
+      "soft": {
+        "$type": "color",
+        "$value": "#080c0f40",
+        "$description": "ref(bgPrimary) → alpha(0.25)"
+      },
+      "medium": {
+        "$type": "color",
+        "$value": "#080c0f59",
+        "$description": "ref(bgPrimary) → alpha(0.35)"
+      },
+      "heavy": {
+        "$type": "color",
+        "$value": "#080c0fd1",
+        "$description": "ref(bgPrimary) → alpha(0.82)"
+      }
+    }
+  },
+  "dimension": {
+    "space": {
+      "0": {
+        "$type": "dimension",
+        "$value": "0"
+      },
+      "2": {
+        "$type": "dimension",
+        "$value": "0.125rem"
+      },
+      "4": {
+        "$type": "dimension",
+        "$value": "0.25rem"
+      },
+      "6": {
+        "$type": "dimension",
+        "$value": "0.375rem"
+      },
+      "8": {
+        "$type": "dimension",
+        "$value": "0.5rem"
+      },
+      "12": {
+        "$type": "dimension",
+        "$value": "0.75rem"
+      },
+      "16": {
+        "$type": "dimension",
+        "$value": "1rem"
+      },
+      "20": {
+        "$type": "dimension",
+        "$value": "1.25rem"
+      },
+      "24": {
+        "$type": "dimension",
+        "$value": "1.5rem"
+      },
+      "32": {
+        "$type": "dimension",
+        "$value": "2rem"
+      },
+      "40": {
+        "$type": "dimension",
+        "$value": "2.5rem"
+      },
+      "48": {
+        "$type": "dimension",
+        "$value": "3rem"
+      },
+      "64": {
+        "$type": "dimension",
+        "$value": "4rem"
+      },
+      "80": {
+        "$type": "dimension",
+        "$value": "5rem"
+      },
+      "96": {
+        "$type": "dimension",
+        "$value": "6rem"
+      },
+      "120": {
+        "$type": "dimension",
+        "$value": "7.5rem"
+      },
+      "144": {
+        "$type": "dimension",
+        "$value": "9rem"
+      }
+    },
+    "size": {
+      "24": {
+        "$type": "dimension",
+        "$value": "1.5rem"
+      },
+      "32": {
+        "$type": "dimension",
+        "$value": "2rem"
+      },
+      "40": {
+        "$type": "dimension",
+        "$value": "2.5rem"
+      },
+      "48": {
+        "$type": "dimension",
+        "$value": "3rem"
+      }
+    },
+    "radius": {
+      "4": {
+        "$type": "dimension",
+        "$value": "0.25rem"
+      },
+      "6": {
+        "$type": "dimension",
+        "$value": "0.375rem"
+      },
+      "8": {
+        "$type": "dimension",
+        "$value": "0.5rem"
+      },
+      "12": {
+        "$type": "dimension",
+        "$value": "0.75rem"
+      }
+    },
+    "breakpoint": {
+      "sm": {
+        "$type": "dimension",
+        "$value": "560px"
+      },
+      "md": {
+        "$type": "dimension",
+        "$value": "960px"
+      }
+    },
+    "container": {
+      "max": {
+        "$type": "dimension",
+        "$value": "82rem"
+      },
+      "gutter": {
+        "$type": "dimension",
+        "$value": "2.5rem"
+      },
+      "gutterNarrow": {
+        "$type": "dimension",
+        "$value": "1.5rem"
+      }
+    }
+  },
+  "typography": {
+    "12-16-regular": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontSize": "12px",
+        "lineHeight": "16px",
+        "fontWeight": 400
+      }
+    },
+    "12-16-medium": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontSize": "12px",
+        "lineHeight": "16px",
+        "fontWeight": 500
+      }
+    },
+    "14-20-regular": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontSize": "14px",
+        "lineHeight": "20px",
+        "fontWeight": 400
+      }
+    },
+    "14-20-medium": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontSize": "14px",
+        "lineHeight": "20px",
+        "fontWeight": 500
+      }
+    },
+    "16-20-regular": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontSize": "16px",
+        "lineHeight": "20px",
+        "fontWeight": 400
+      }
+    },
+    "16-24-regular": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontSize": "16px",
+        "lineHeight": "24px",
+        "fontWeight": 400
+      }
+    },
+    "16-24-medium": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontSize": "16px",
+        "lineHeight": "24px",
+        "fontWeight": 500
+      }
+    },
+    "18-28-medium": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontSize": "18px",
+        "lineHeight": "28px",
+        "fontWeight": 500
+      }
+    },
+    "20-28-semibold": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontSize": "20px",
+        "lineHeight": "28px",
+        "fontWeight": 600
+      }
+    },
+    "24-32-medium": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontSize": "24px",
+        "lineHeight": "32px",
+        "fontWeight": 500
+      }
+    },
+    "30-36-bold": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontSize": "30px",
+        "lineHeight": "36px",
+        "fontWeight": 700
+      }
+    },
+    "serif-18-28-regular": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.serif}",
+        "fontSize": "18px",
+        "lineHeight": "28px",
+        "fontWeight": 400
+      }
+    },
+    "serif-20-30-regular": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.serif}",
+        "fontSize": "20px",
+        "lineHeight": "30px",
+        "fontWeight": 400
+      }
+    },
+    "serif-20-32-regular": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.serif}",
+        "fontSize": "20px",
+        "lineHeight": "32px",
+        "fontWeight": 400
+      }
+    },
+    "serif-24-36-regular": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.serif}",
+        "fontSize": "24px",
+        "lineHeight": "36px",
+        "fontWeight": 400
+      }
+    },
+    "serif-28-40-regular": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.serif}",
+        "fontSize": "28px",
+        "lineHeight": "40px",
+        "fontWeight": 400
+      }
+    },
+    "mono-13-20-regular": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.mono}",
+        "fontSize": "13px",
+        "lineHeight": "20px",
+        "fontWeight": 400
+      }
+    },
+    "mono-14-20-regular": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.mono}",
+        "fontSize": "14px",
+        "lineHeight": "20px",
+        "fontWeight": 400
+      }
+    },
+    "mono-15-24-regular": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.mono}",
+        "fontSize": "15px",
+        "lineHeight": "24px",
+        "fontWeight": 400
+      }
+    },
+    "mono-15-24-medium": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.mono}",
+        "fontSize": "15px",
+        "lineHeight": "24px",
+        "fontWeight": 500
+      }
+    }
+  },
+  "display": {
+    "56-128-black": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.display}",
+        "fontSize": "clamp(56px, 9vw, 128px)",
+        "lineHeight": 0.95,
+        "fontWeight": 900,
+        "letterSpacing": "-0.02em"
+      }
+    },
+    "36-64-black": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.display}",
+        "fontSize": "clamp(36px, 5vw, 64px)",
+        "lineHeight": 1.05,
+        "fontWeight": 900,
+        "letterSpacing": "-0.02em"
+      }
+    },
+    "32-32-extrabold": {
+      "$type": "typography",
+      "$value": {
+        "fontFamily": "{fontFamily.display}",
+        "fontSize": "32px",
+        "lineHeight": 1.1,
+        "fontWeight": 800,
+        "letterSpacing": "-0.01em"
+      }
+    }
+  },
+  "duration": {
+    "150": {
+      "$type": "duration",
+      "$value": "150ms"
+    },
+    "200": {
+      "$type": "duration",
+      "$value": "200ms"
+    },
+    "350": {
+      "$type": "duration",
+      "$value": "350ms"
+    },
+    "450": {
+      "$type": "duration",
+      "$value": "450ms"
+    },
+    "600": {
+      "$type": "duration",
+      "$value": "600ms"
+    }
+  },
+  "easing": {
+    "standard": {
+      "$type": "string",
+      "$value": "ease"
+    },
+    "in-out": {
+      "$type": "string",
+      "$value": "ease-in-out"
+    },
+    "soft": {
+      "$type": "string",
+      "$value": "cubic-bezier(0.2, 0.6, 0.2, 1)"
+    }
+  },
+  "cubicBezier": {
+    "standard": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.25,
+        0.1,
+        0.25,
+        1
+      ]
+    },
+    "in-out": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.42,
+        0,
+        0.58,
+        1
+      ]
+    },
+    "soft": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.2,
+        0.6,
+        0.2,
+        1
+      ]
+    }
+  },
+  "fontFamily": {
+    "sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "ui-sans-serif",
+        "system-ui",
+        "sans-serif"
+      ]
+    },
+    "serif": {
+      "$type": "fontFamily",
+      "$value": [
+        "Georgia",
+        "Times New Roman",
+        "serif"
+      ]
+    },
+    "mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "ui-monospace",
+        "SFMono-Regular",
+        "monospace"
+      ]
+    },
+    "display": {
+      "$type": "fontFamily",
+      "$value": [
+        "ui-sans-serif",
+        "system-ui",
+        "sans-serif"
+      ]
+    }
+  }
+}