common.ts

 1import chroma from "chroma-js"
 2export * from "./themes/common"
 3export { chroma }
 4
 5export const fontFamilies = {
 6    sans: "Zed Sans",
 7    mono: "Zed Mono",
 8}
 9
10export const fontSizes = {
11    "3xs": 8,
12    "2xs": 10,
13    xs: 12,
14    sm: 14,
15    md: 16,
16    lg: 18,
17    xl: 20,
18}
19
20export type FontWeight =
21    | "thin"
22    | "extra_light"
23    | "light"
24    | "normal"
25    | "medium"
26    | "semibold"
27    | "bold"
28    | "extra_bold"
29    | "black"
30    
31export const fontWeights: { [key: string]: FontWeight } = {
32    thin: "thin",
33    extra_light: "extra_light",
34    light: "light",
35    normal: "normal",
36    medium: "medium",
37    semibold: "semibold",
38    bold: "bold",
39    extra_bold: "extra_bold",
40    black: "black",
41}
42
43export const sizes = {
44    px: 1,
45    xs: 2,
46    sm: 4,
47    md: 6,
48    lg: 8,
49    xl: 12,
50}