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};