@jasonruesch/tokens 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/css/brand-acme.css +12 -0
  2. package/dist/css/components.css +12 -0
  3. package/dist/css/index.css +5 -0
  4. package/dist/css/theme-dark.css +38 -0
  5. package/dist/css/theme-light.css +38 -0
  6. package/dist/css/variables.css +102 -0
  7. package/dist/ts/tokens.d.ts +139 -0
  8. package/dist/ts/tokens.js +139 -0
  9. package/package.json +26 -0
package/dist/css/brand-acme.css ADDED
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ [data-brand="acme"] {
6
+ --ds-color-accent-default: var(--ds-color-violet-600);
7
+ --ds-color-accent-hover: var(--ds-color-violet-700);
8
+ --ds-color-accent-active: var(--ds-color-violet-800);
9
+ --ds-color-accent-subtle: var(--ds-color-violet-50);
10
+ --ds-color-accent-fg: var(--ds-color-violet-700);
11
+ --ds-color-focus-ring: var(--ds-color-violet-600);
12
+ }
package/dist/css/components.css ADDED
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --ds-button-radius: var(--ds-radius-md);
7
+ --ds-button-padding-x: var(--ds-space-4);
8
+ --ds-button-padding-y: var(--ds-space-2);
9
+ --ds-button-bg-primary: var(--ds-color-accent-default);
10
+ --ds-button-bg-primary-hover: var(--ds-color-accent-hover);
11
+ --ds-button-fg-primary: var(--ds-color-fg-on-accent);
12
+ }
package/dist/css/index.css ADDED
@@ -0,0 +1,5 @@
1
+ @import "./variables.css";
2
+ @import "./theme-light.css";
3
+ @import "./theme-dark.css";
4
+ @import "./brand-acme.css";
5
+ @import "./components.css";
package/dist/css/theme-dark.css ADDED
@@ -0,0 +1,38 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ [data-theme~="dark"] {
6
+ --ds-color-bg-default: var(--ds-color-slate-950);
7
+ --ds-color-bg-subtle: var(--ds-color-slate-900);
8
+ --ds-color-bg-muted: var(--ds-color-slate-800);
9
+ --ds-color-bg-emphasis: var(--ds-color-slate-100);
10
+ --ds-color-bg-inverse: var(--ds-color-slate-50);
11
+ --ds-color-fg-default: var(--ds-color-slate-50);
12
+ --ds-color-fg-muted: var(--ds-color-slate-400);
13
+ --ds-color-fg-subtle: var(--ds-color-slate-500);
14
+ --ds-color-fg-on-emphasis: var(--ds-color-slate-900);
15
+ --ds-color-fg-on-accent: var(--ds-color-white);
16
+ --ds-color-border-default: var(--ds-color-slate-700);
17
+ --ds-color-border-muted: var(--ds-color-slate-800);
18
+ --ds-color-border-strong: var(--ds-color-slate-600);
19
+ --ds-color-accent-default: var(--ds-color-blue-500);
20
+ --ds-color-accent-hover: var(--ds-color-blue-400);
21
+ --ds-color-accent-active: var(--ds-color-blue-300);
22
+ --ds-color-accent-subtle: var(--ds-color-blue-900);
23
+ --ds-color-accent-fg: var(--ds-color-blue-400);
24
+ --ds-color-success-default: var(--ds-color-green-500);
25
+ --ds-color-success-fg: var(--ds-color-green-400);
26
+ --ds-color-success-subtle: var(--ds-color-green-900);
27
+ --ds-color-success-border: var(--ds-color-green-700);
28
+ --ds-color-warning-default: var(--ds-color-amber-500);
29
+ --ds-color-warning-fg: var(--ds-color-amber-400);
30
+ --ds-color-warning-subtle: var(--ds-color-amber-900);
31
+ --ds-color-warning-border: var(--ds-color-amber-700);
32
+ --ds-color-danger-default: var(--ds-color-red-500);
33
+ --ds-color-danger-hover: var(--ds-color-red-400);
34
+ --ds-color-danger-fg: var(--ds-color-red-400);
35
+ --ds-color-danger-subtle: var(--ds-color-red-900);
36
+ --ds-color-danger-border: var(--ds-color-red-700);
37
+ --ds-color-focus-ring: var(--ds-color-blue-400);
38
+ }
package/dist/css/theme-light.css ADDED
@@ -0,0 +1,38 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ [data-theme~="light"] {
6
+ --ds-color-bg-default: var(--ds-color-white);
7
+ --ds-color-bg-subtle: var(--ds-color-slate-50);
8
+ --ds-color-bg-muted: var(--ds-color-slate-100);
9
+ --ds-color-bg-emphasis: var(--ds-color-slate-900);
10
+ --ds-color-bg-inverse: var(--ds-color-slate-900);
11
+ --ds-color-fg-default: var(--ds-color-slate-900);
12
+ --ds-color-fg-muted: var(--ds-color-slate-600);
13
+ --ds-color-fg-subtle: var(--ds-color-slate-400);
14
+ --ds-color-fg-on-emphasis: var(--ds-color-white);
15
+ --ds-color-fg-on-accent: var(--ds-color-white);
16
+ --ds-color-border-default: var(--ds-color-slate-200);
17
+ --ds-color-border-muted: var(--ds-color-slate-100);
18
+ --ds-color-border-strong: var(--ds-color-slate-300);
19
+ --ds-color-accent-default: var(--ds-color-blue-600);
20
+ --ds-color-accent-hover: var(--ds-color-blue-700);
21
+ --ds-color-accent-active: var(--ds-color-blue-800);
22
+ --ds-color-accent-subtle: var(--ds-color-blue-50);
23
+ --ds-color-accent-fg: var(--ds-color-blue-700);
24
+ --ds-color-success-default: var(--ds-color-green-600);
25
+ --ds-color-success-fg: var(--ds-color-green-700);
26
+ --ds-color-success-subtle: var(--ds-color-green-50);
27
+ --ds-color-success-border: var(--ds-color-green-200);
28
+ --ds-color-warning-default: var(--ds-color-amber-500);
29
+ --ds-color-warning-fg: var(--ds-color-amber-700);
30
+ --ds-color-warning-subtle: var(--ds-color-amber-50);
31
+ --ds-color-warning-border: var(--ds-color-amber-200);
32
+ --ds-color-danger-default: var(--ds-color-red-600);
33
+ --ds-color-danger-hover: var(--ds-color-red-700);
34
+ --ds-color-danger-fg: var(--ds-color-red-700);
35
+ --ds-color-danger-subtle: var(--ds-color-red-50);
36
+ --ds-color-danger-border: var(--ds-color-red-200);
37
+ --ds-color-focus-ring: var(--ds-color-blue-600);
38
+ }
package/dist/css/variables.css ADDED
@@ -0,0 +1,102 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --ds-color-white: #ffffff;
7
+ --ds-color-black: #000000;
8
+ --ds-color-slate-50: #f8fafc;
9
+ --ds-color-slate-100: #f1f5f9;
10
+ --ds-color-slate-200: #e2e8f0;
11
+ --ds-color-slate-300: #cbd5e1;
12
+ --ds-color-slate-400: #94a3b8;
13
+ --ds-color-slate-500: #64748b;
14
+ --ds-color-slate-600: #475569;
15
+ --ds-color-slate-700: #334155;
16
+ --ds-color-slate-800: #1e293b;
17
+ --ds-color-slate-900: #0f172a;
18
+ --ds-color-slate-950: #020617;
19
+ --ds-color-blue-50: #eff6ff;
20
+ --ds-color-blue-100: #dbeafe;
21
+ --ds-color-blue-200: #bfdbfe;
22
+ --ds-color-blue-300: #93c5fd;
23
+ --ds-color-blue-400: #60a5fa;
24
+ --ds-color-blue-500: #3b82f6;
25
+ --ds-color-blue-600: #2563eb;
26
+ --ds-color-blue-700: #1d4ed8;
27
+ --ds-color-blue-800: #1e40af;
28
+ --ds-color-blue-900: #1e3a8a;
29
+ --ds-color-violet-50: #f5f3ff;
30
+ --ds-color-violet-100: #ede9fe;
31
+ --ds-color-violet-200: #ddd6fe;
32
+ --ds-color-violet-300: #c4b5fd;
33
+ --ds-color-violet-400: #a78bfa;
34
+ --ds-color-violet-500: #8b5cf6;
35
+ --ds-color-violet-600: #7c3aed;
36
+ --ds-color-violet-700: #6d28d9;
37
+ --ds-color-violet-800: #5b21b6;
38
+ --ds-color-violet-900: #4c1d95;
39
+ --ds-color-green-50: #f0fdf4;
40
+ --ds-color-green-100: #dcfce7;
41
+ --ds-color-green-200: #bbf7d0;
42
+ --ds-color-green-400: #4ade80;
43
+ --ds-color-green-500: #22c55e;
44
+ --ds-color-green-600: #16a34a;
45
+ --ds-color-green-700: #15803d;
46
+ --ds-color-green-900: #14532d;
47
+ --ds-color-amber-50: #fffbeb;
48
+ --ds-color-amber-100: #fef3c7;
49
+ --ds-color-amber-200: #fde68a;
50
+ --ds-color-amber-400: #fbbf24;
51
+ --ds-color-amber-500: #f59e0b;
52
+ --ds-color-amber-600: #d97706;
53
+ --ds-color-amber-700: #b45309;
54
+ --ds-color-amber-900: #78350f;
55
+ --ds-color-red-50: #fef2f2;
56
+ --ds-color-red-100: #fee2e2;
57
+ --ds-color-red-200: #fecaca;
58
+ --ds-color-red-400: #f87171;
59
+ --ds-color-red-500: #ef4444;
60
+ --ds-color-red-600: #dc2626;
61
+ --ds-color-red-700: #b91c1c;
62
+ --ds-color-red-900: #7f1d1d;
63
+ --ds-space-0: 0px;
64
+ --ds-space-1: 0.25rem;
65
+ --ds-space-2: 0.5rem;
66
+ --ds-space-3: 0.75rem;
67
+ --ds-space-4: 1rem;
68
+ --ds-space-5: 1.25rem;
69
+ --ds-space-6: 1.5rem;
70
+ --ds-space-8: 2rem;
71
+ --ds-space-10: 2.5rem;
72
+ --ds-space-12: 3rem;
73
+ --ds-space-16: 4rem;
74
+ --ds-radius-none: 0px;
75
+ --ds-radius-sm: 0.125rem;
76
+ --ds-radius-md: 0.375rem;
77
+ --ds-radius-lg: 0.5rem;
78
+ --ds-radius-xl: 0.75rem;
79
+ --ds-radius-full: 9999px;
80
+ --ds-border-width-thin: 1px;
81
+ --ds-border-width-thick: 2px;
82
+ --ds-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
83
+ --ds-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
84
+ --ds-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
85
+ --ds-font-family-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
86
+ --ds-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
87
+ --ds-font-weight-normal: 400;
88
+ --ds-font-weight-medium: 500;
89
+ --ds-font-weight-semibold: 600;
90
+ --ds-font-weight-bold: 700;
91
+ --ds-font-size-xs: 0.75rem;
92
+ --ds-font-size-sm: 0.875rem;
93
+ --ds-font-size-md: 1rem;
94
+ --ds-font-size-lg: 1.125rem;
95
+ --ds-font-size-xl: 1.25rem;
96
+ --ds-font-size-2xl: 1.5rem;
97
+ --ds-font-size-3xl: 1.875rem;
98
+ --ds-font-size-4xl: 2.25rem;
99
+ --ds-font-line-height-tight: 1.2;
100
+ --ds-font-line-height-normal: 1.5;
101
+ --ds-font-line-height-relaxed: 1.75;
102
+ }
package/dist/ts/tokens.d.ts ADDED
@@ -0,0 +1,139 @@
1
+ // Generated by Style Dictionary. Do not edit.
2
+ export declare const tokens: {
3
+ "color.white": string;
4
+ "color.black": string;
5
+ "color.slate.50": string;
6
+ "color.slate.100": string;
7
+ "color.slate.200": string;
8
+ "color.slate.300": string;
9
+ "color.slate.400": string;
10
+ "color.slate.500": string;
11
+ "color.slate.600": string;
12
+ "color.slate.700": string;
13
+ "color.slate.800": string;
14
+ "color.slate.900": string;
15
+ "color.slate.950": string;
16
+ "color.blue.50": string;
17
+ "color.blue.100": string;
18
+ "color.blue.200": string;
19
+ "color.blue.300": string;
20
+ "color.blue.400": string;
21
+ "color.blue.500": string;
22
+ "color.blue.600": string;
23
+ "color.blue.700": string;
24
+ "color.blue.800": string;
25
+ "color.blue.900": string;
26
+ "color.violet.50": string;
27
+ "color.violet.100": string;
28
+ "color.violet.200": string;
29
+ "color.violet.300": string;
30
+ "color.violet.400": string;
31
+ "color.violet.500": string;
32
+ "color.violet.600": string;
33
+ "color.violet.700": string;
34
+ "color.violet.800": string;
35
+ "color.violet.900": string;
36
+ "color.green.50": string;
37
+ "color.green.100": string;
38
+ "color.green.200": string;
39
+ "color.green.400": string;
40
+ "color.green.500": string;
41
+ "color.green.600": string;
42
+ "color.green.700": string;
43
+ "color.green.900": string;
44
+ "color.amber.50": string;
45
+ "color.amber.100": string;
46
+ "color.amber.200": string;
47
+ "color.amber.400": string;
48
+ "color.amber.500": string;
49
+ "color.amber.600": string;
50
+ "color.amber.700": string;
51
+ "color.amber.900": string;
52
+ "color.red.50": string;
53
+ "color.red.100": string;
54
+ "color.red.200": string;
55
+ "color.red.400": string;
56
+ "color.red.500": string;
57
+ "color.red.600": string;
58
+ "color.red.700": string;
59
+ "color.red.900": string;
60
+ "color.bg.default": string;
61
+ "color.bg.subtle": string;
62
+ "color.bg.muted": string;
63
+ "color.bg.emphasis": string;
64
+ "color.bg.inverse": string;
65
+ "color.fg.default": string;
66
+ "color.fg.muted": string;
67
+ "color.fg.subtle": string;
68
+ "color.fg.onEmphasis": string;
69
+ "color.fg.onAccent": string;
70
+ "color.border.default": string;
71
+ "color.border.muted": string;
72
+ "color.border.strong": string;
73
+ "color.accent.default": string;
74
+ "color.accent.hover": string;
75
+ "color.accent.active": string;
76
+ "color.accent.subtle": string;
77
+ "color.accent.fg": string;
78
+ "color.success.default": string;
79
+ "color.success.fg": string;
80
+ "color.success.subtle": string;
81
+ "color.success.border": string;
82
+ "color.warning.default": string;
83
+ "color.warning.fg": string;
84
+ "color.warning.subtle": string;
85
+ "color.warning.border": string;
86
+ "color.danger.default": string;
87
+ "color.danger.hover": string;
88
+ "color.danger.fg": string;
89
+ "color.danger.subtle": string;
90
+ "color.danger.border": string;
91
+ "color.focus.ring": string;
92
+ "space.0": string;
93
+ "space.1": string;
94
+ "space.2": string;
95
+ "space.3": string;
96
+ "space.4": string;
97
+ "space.5": string;
98
+ "space.6": string;
99
+ "space.8": string;
100
+ "space.10": string;
101
+ "space.12": string;
102
+ "space.16": string;
103
+ "radius.none": string;
104
+ "radius.sm": string;
105
+ "radius.md": string;
106
+ "radius.lg": string;
107
+ "radius.xl": string;
108
+ "radius.full": string;
109
+ "border.width.thin": string;
110
+ "border.width.thick": string;
111
+ "shadow.sm": string;
112
+ "shadow.md": string;
113
+ "shadow.lg": string;
114
+ "font.family.sans": string;
115
+ "font.family.mono": string;
116
+ "font.weight.normal": string;
117
+ "font.weight.medium": string;
118
+ "font.weight.semibold": string;
119
+ "font.weight.bold": string;
120
+ "font.size.xs": string;
121
+ "font.size.sm": string;
122
+ "font.size.md": string;
123
+ "font.size.lg": string;
124
+ "font.size.xl": string;
125
+ "font.size.2xl": string;
126
+ "font.size.3xl": string;
127
+ "font.size.4xl": string;
128
+ "font.lineHeight.tight": string;
129
+ "font.lineHeight.normal": string;
130
+ "font.lineHeight.relaxed": string;
131
+ "button.radius": string;
132
+ "button.paddingX": string;
133
+ "button.paddingY": string;
134
+ "button.bg.primary": string;
135
+ "button.bg.primaryHover": string;
136
+ "button.fg.primary": string;
137
+ };
138
+ export type TokenName = keyof typeof tokens;
139
+ export default tokens;
package/dist/ts/tokens.js ADDED
@@ -0,0 +1,139 @@
1
+ // Generated by Style Dictionary. Do not edit.
2
+ export const tokens = {
3
+ "color.white": "#ffffff",
4
+ "color.black": "#000000",
5
+ "color.slate.50": "#f8fafc",
6
+ "color.slate.100": "#f1f5f9",
7
+ "color.slate.200": "#e2e8f0",
8
+ "color.slate.300": "#cbd5e1",
9
+ "color.slate.400": "#94a3b8",
10
+ "color.slate.500": "#64748b",
11
+ "color.slate.600": "#475569",
12
+ "color.slate.700": "#334155",
13
+ "color.slate.800": "#1e293b",
14
+ "color.slate.900": "#0f172a",
15
+ "color.slate.950": "#020617",
16
+ "color.blue.50": "#eff6ff",
17
+ "color.blue.100": "#dbeafe",
18
+ "color.blue.200": "#bfdbfe",
19
+ "color.blue.300": "#93c5fd",
20
+ "color.blue.400": "#60a5fa",
21
+ "color.blue.500": "#3b82f6",
22
+ "color.blue.600": "#2563eb",
23
+ "color.blue.700": "#1d4ed8",
24
+ "color.blue.800": "#1e40af",
25
+ "color.blue.900": "#1e3a8a",
26
+ "color.violet.50": "#f5f3ff",
27
+ "color.violet.100": "#ede9fe",
28
+ "color.violet.200": "#ddd6fe",
29
+ "color.violet.300": "#c4b5fd",
30
+ "color.violet.400": "#a78bfa",
31
+ "color.violet.500": "#8b5cf6",
32
+ "color.violet.600": "#7c3aed",
33
+ "color.violet.700": "#6d28d9",
34
+ "color.violet.800": "#5b21b6",
35
+ "color.violet.900": "#4c1d95",
36
+ "color.green.50": "#f0fdf4",
37
+ "color.green.100": "#dcfce7",
38
+ "color.green.200": "#bbf7d0",
39
+ "color.green.400": "#4ade80",
40
+ "color.green.500": "#22c55e",
41
+ "color.green.600": "#16a34a",
42
+ "color.green.700": "#15803d",
43
+ "color.green.900": "#14532d",
44
+ "color.amber.50": "#fffbeb",
45
+ "color.amber.100": "#fef3c7",
46
+ "color.amber.200": "#fde68a",
47
+ "color.amber.400": "#fbbf24",
48
+ "color.amber.500": "#f59e0b",
49
+ "color.amber.600": "#d97706",
50
+ "color.amber.700": "#b45309",
51
+ "color.amber.900": "#78350f",
52
+ "color.red.50": "#fef2f2",
53
+ "color.red.100": "#fee2e2",
54
+ "color.red.200": "#fecaca",
55
+ "color.red.400": "#f87171",
56
+ "color.red.500": "#ef4444",
57
+ "color.red.600": "#dc2626",
58
+ "color.red.700": "#b91c1c",
59
+ "color.red.900": "#7f1d1d",
60
+ "color.bg.default": "#ffffff",
61
+ "color.bg.subtle": "#f8fafc",
62
+ "color.bg.muted": "#f1f5f9",
63
+ "color.bg.emphasis": "#0f172a",
64
+ "color.bg.inverse": "#0f172a",
65
+ "color.fg.default": "#0f172a",
66
+ "color.fg.muted": "#475569",
67
+ "color.fg.subtle": "#94a3b8",
68
+ "color.fg.onEmphasis": "#ffffff",
69
+ "color.fg.onAccent": "#ffffff",
70
+ "color.border.default": "#e2e8f0",
71
+ "color.border.muted": "#f1f5f9",
72
+ "color.border.strong": "#cbd5e1",
73
+ "color.accent.default": "#2563eb",
74
+ "color.accent.hover": "#1d4ed8",
75
+ "color.accent.active": "#1e40af",
76
+ "color.accent.subtle": "#eff6ff",
77
+ "color.accent.fg": "#1d4ed8",
78
+ "color.success.default": "#16a34a",
79
+ "color.success.fg": "#15803d",
80
+ "color.success.subtle": "#f0fdf4",
81
+ "color.success.border": "#bbf7d0",
82
+ "color.warning.default": "#f59e0b",
83
+ "color.warning.fg": "#b45309",
84
+ "color.warning.subtle": "#fffbeb",
85
+ "color.warning.border": "#fde68a",
86
+ "color.danger.default": "#dc2626",
87
+ "color.danger.hover": "#b91c1c",
88
+ "color.danger.fg": "#b91c1c",
89
+ "color.danger.subtle": "#fef2f2",
90
+ "color.danger.border": "#fecaca",
91
+ "color.focus.ring": "#2563eb",
92
+ "space.0": "0px",
93
+ "space.1": "0.25rem",
94
+ "space.2": "0.5rem",
95
+ "space.3": "0.75rem",
96
+ "space.4": "1rem",
97
+ "space.5": "1.25rem",
98
+ "space.6": "1.5rem",
99
+ "space.8": "2rem",
100
+ "space.10": "2.5rem",
101
+ "space.12": "3rem",
102
+ "space.16": "4rem",
103
+ "radius.none": "0px",
104
+ "radius.sm": "0.125rem",
105
+ "radius.md": "0.375rem",
106
+ "radius.lg": "0.5rem",
107
+ "radius.xl": "0.75rem",
108
+ "radius.full": "9999px",
109
+ "border.width.thin": "1px",
110
+ "border.width.thick": "2px",
111
+ "shadow.sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
112
+ "shadow.md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
113
+ "shadow.lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
114
+ "font.family.sans": "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
115
+ "font.family.mono": "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace",
116
+ "font.weight.normal": "400",
117
+ "font.weight.medium": "500",
118
+ "font.weight.semibold": "600",
119
+ "font.weight.bold": "700",
120
+ "font.size.xs": "0.75rem",
121
+ "font.size.sm": "0.875rem",
122
+ "font.size.md": "1rem",
123
+ "font.size.lg": "1.125rem",
124
+ "font.size.xl": "1.25rem",
125
+ "font.size.2xl": "1.5rem",
126
+ "font.size.3xl": "1.875rem",
127
+ "font.size.4xl": "2.25rem",
128
+ "font.lineHeight.tight": "1.2",
129
+ "font.lineHeight.normal": "1.5",
130
+ "font.lineHeight.relaxed": "1.75",
131
+ "button.radius": "0.375rem",
132
+ "button.paddingX": "1rem",
133
+ "button.paddingY": "0.5rem",
134
+ "button.bg.primary": "#2563eb",
135
+ "button.bg.primaryHover": "#1d4ed8",
136
+ "button.fg.primary": "#ffffff",
137
+ };
138
+
139
+ export default tokens;
package/package.json ADDED
@@ -0,0 +1,26 @@
1
+ {
2
+ "name": "@jasonruesch/tokens",
3
+ "version": "0.1.0",
4
+ "private": false,
5
+ "type": "module",
6
+ "license": "MIT",
7
+ "exports": {
8
+ ".": {
9
+ "types": "./dist/ts/tokens.d.ts",
10
+ "import": "./dist/ts/tokens.js"
11
+ },
12
+ "./css": "./dist/css/index.css",
13
+ "./css/*": "./dist/css/*"
14
+ },
15
+ "files": [
16
+ "dist"
17
+ ],
18
+ "devDependencies": {
19
+ "style-dictionary": "^5.5.0"
20
+ },
21
+ "scripts": {
22
+ "tokens:build": "node config.mjs",
23
+ "build": "node config.mjs",
24
+ "clean": "rm -rf dist"
25
+ }
26
+ }