core.ts

 1import { colorRamp } from "./lib";
 2
 3export default {
 4    fontFamily: {
 5        sans: "Zed Sans",
 6        mono: "Zed Mono",
 7    },
 8    fontSize: {
 9        "3xs": {
10            value: "8",
11            type: "fontSizes",
12        },
13        "2xs": {
14            value: "10",
15            type: "fontSizes",
16        },
17        xs: {
18            value: "12",
19            type: "fontSizes",
20        },
21        sm: {
22            value: "14",
23            type: "fontSizes",
24        },
25        md: {
26            value: "16",
27            type: "fontSizes",
28        },
29        lg: {
30            value: "18",
31            type: "fontSizes",
32        },
33        xl: {
34            value: "20",
35            type: "fontSizes",
36        },
37    },
38    color: {
39        neutral: colorRamp(["black", "white"], { steps: 21, increment: 50 }),
40        rose: colorRamp("#F43F5EFF"),
41        red: colorRamp("#EF4444FF"),
42        orange: colorRamp("#F97316FF"),
43        amber: colorRamp("#F59E0BFF"),
44        yellow: colorRamp("#EAB308FF"),
45        lime: colorRamp("#84CC16FF"),
46        green: colorRamp("#22C55EFF"),
47        emerald: colorRamp("#10B981FF"),
48        teal: colorRamp("#14B8A6FF"),
49        cyan: colorRamp("#06BBD4FF"),
50        sky: colorRamp("#0EA5E9FF"),
51        blue: colorRamp("#3B82F6FF"),
52        indigo: colorRamp("#6366F1FF"),
53        violet: colorRamp("#8B5CF6FF"),
54        purple: colorRamp("#A855F7FF"),
55        fuschia: colorRamp("#D946E4FF"),
56        pink: colorRamp("#EC4899FF"),
57    },
58};