@axiomui/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 (5) hide show
  1. package/dist/index.cjs +193 -0
  2. package/dist/index.d.cts +270 -0
  3. package/dist/index.d.ts +270 -0
  4. package/dist/index.js +158 -0
  5. package/package.json +33 -0
package/dist/index.cjs ADDED
@@ -0,0 +1,193 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+
20
+ // src/index.ts
21
+ var index_exports = {};
22
+ __export(index_exports, {
23
+ colors: () => colors,
24
+ fontFamily: () => fontFamily,
25
+ fontSize: () => fontSize,
26
+ fontWeight: () => fontWeight,
27
+ letterSpacing: () => letterSpacing,
28
+ radius: () => radius,
29
+ shadows: () => shadows,
30
+ spacing: () => spacing,
31
+ tokens: () => tokens
32
+ });
33
+ module.exports = __toCommonJS(index_exports);
34
+
35
+ // src/colors.ts
36
+ var colors = {
37
+ transparent: "transparent",
38
+ current: "currentColor",
39
+ white: "#ffffff",
40
+ black: "#000000",
41
+ gray: {
42
+ 50: "#f9fafb",
43
+ 100: "#f3f4f6",
44
+ 200: "#e5e7eb",
45
+ 300: "#d1d5db",
46
+ 400: "#9ca3af",
47
+ 500: "#6b7280",
48
+ 600: "#4b5563",
49
+ 700: "#374151",
50
+ 800: "#1f2937",
51
+ 900: "#111827"
52
+ },
53
+ brand: {
54
+ 50: "#eff6ff",
55
+ 100: "#dbeafe",
56
+ 200: "#bfdbfe",
57
+ 300: "#93c5fd",
58
+ 400: "#60a5fa",
59
+ 500: "#3b82f6",
60
+ 600: "#2563eb",
61
+ 700: "#1d4ed8",
62
+ 800: "#1e40af",
63
+ 900: "#1e3a8a"
64
+ },
65
+ success: {
66
+ 50: "#ecfdf5",
67
+ 100: "#d1fae5",
68
+ 500: "#10b981",
69
+ 700: "#047857"
70
+ },
71
+ warning: {
72
+ 50: "#fffbeb",
73
+ 100: "#fef3c7",
74
+ 500: "#f59e0b",
75
+ 700: "#b45309"
76
+ },
77
+ danger: {
78
+ 50: "#fef2f2",
79
+ 100: "#fee2e2",
80
+ 500: "#ef4444",
81
+ 700: "#b91c1c"
82
+ }
83
+ };
84
+
85
+ // src/radius.ts
86
+ var radius = {
87
+ none: "0px",
88
+ sm: "0.125rem",
89
+ md: "0.375rem",
90
+ lg: "0.5rem",
91
+ xl: "0.75rem",
92
+ "2xl": "1rem",
93
+ full: "9999px"
94
+ };
95
+
96
+ // src/shadows.ts
97
+ var shadows = {
98
+ none: "none",
99
+ xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
100
+ sm: "0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 1px 0 rgb(0 0 0 / 0.04)",
101
+ md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
102
+ lg: "0 10px 15px -3px rgb(0 0 0 / 0.12), 0 4px 6px -4px rgb(0 0 0 / 0.12)",
103
+ xl: "0 20px 25px -5px rgb(0 0 0 / 0.14), 0 8px 10px -6px rgb(0 0 0 / 0.14)",
104
+ focusRing: "0 0 0 3px rgb(37 99 235 / 0.35)"
105
+ };
106
+
107
+ // src/spacing.ts
108
+ var spacing = {
109
+ 0: "0rem",
110
+ px: "0.0625rem",
111
+ 0.5: "0.125rem",
112
+ 1: "0.25rem",
113
+ 1.5: "0.375rem",
114
+ 2: "0.5rem",
115
+ 2.5: "0.625rem",
116
+ 3: "0.75rem",
117
+ 3.5: "0.875rem",
118
+ 4: "1rem",
119
+ 5: "1.25rem",
120
+ 6: "1.5rem",
121
+ 8: "2rem",
122
+ 10: "2.5rem",
123
+ 12: "3rem",
124
+ 16: "4rem",
125
+ 20: "5rem",
126
+ 24: "6rem"
127
+ };
128
+
129
+ // src/typography.ts
130
+ var fontFamily = {
131
+ sans: [
132
+ "Inter",
133
+ "ui-sans-serif",
134
+ "system-ui",
135
+ "-apple-system",
136
+ "Segoe UI",
137
+ "Roboto",
138
+ "Helvetica Neue",
139
+ "Arial",
140
+ "Noto Sans",
141
+ "sans-serif"
142
+ ],
143
+ mono: ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "monospace"]
144
+ };
145
+ var fontSize = {
146
+ xs: ["0.75rem", { lineHeight: "1rem" }],
147
+ sm: ["0.875rem", { lineHeight: "1.25rem" }],
148
+ base: ["1rem", { lineHeight: "1.5rem" }],
149
+ lg: ["1.125rem", { lineHeight: "1.75rem" }],
150
+ xl: ["1.25rem", { lineHeight: "1.75rem" }],
151
+ "2xl": ["1.5rem", { lineHeight: "2rem" }],
152
+ "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
153
+ "4xl": ["2.25rem", { lineHeight: "2.5rem" }]
154
+ };
155
+ var fontWeight = {
156
+ regular: 400,
157
+ medium: 500,
158
+ semibold: 600,
159
+ bold: 700
160
+ };
161
+ var letterSpacing = {
162
+ tighter: "-0.02em",
163
+ tight: "-0.01em",
164
+ normal: "0em",
165
+ wide: "0.01em",
166
+ wider: "0.02em"
167
+ };
168
+
169
+ // src/index.ts
170
+ var tokens = {
171
+ colors,
172
+ spacing,
173
+ typography: {
174
+ fontFamily,
175
+ fontSize,
176
+ fontWeight,
177
+ letterSpacing
178
+ },
179
+ radius,
180
+ shadows
181
+ };
182
+ // Annotate the CommonJS export names for ESM import in node:
183
+ 0 && (module.exports = {
184
+ colors,
185
+ fontFamily,
186
+ fontSize,
187
+ fontWeight,
188
+ letterSpacing,
189
+ radius,
190
+ shadows,
191
+ spacing,
192
+ tokens
193
+ });
package/dist/index.d.cts ADDED
@@ -0,0 +1,270 @@
1
+ declare const colors: {
2
+ readonly transparent: "transparent";
3
+ readonly current: "currentColor";
4
+ readonly white: "#ffffff";
5
+ readonly black: "#000000";
6
+ readonly gray: {
7
+ readonly 50: "#f9fafb";
8
+ readonly 100: "#f3f4f6";
9
+ readonly 200: "#e5e7eb";
10
+ readonly 300: "#d1d5db";
11
+ readonly 400: "#9ca3af";
12
+ readonly 500: "#6b7280";
13
+ readonly 600: "#4b5563";
14
+ readonly 700: "#374151";
15
+ readonly 800: "#1f2937";
16
+ readonly 900: "#111827";
17
+ };
18
+ readonly brand: {
19
+ readonly 50: "#eff6ff";
20
+ readonly 100: "#dbeafe";
21
+ readonly 200: "#bfdbfe";
22
+ readonly 300: "#93c5fd";
23
+ readonly 400: "#60a5fa";
24
+ readonly 500: "#3b82f6";
25
+ readonly 600: "#2563eb";
26
+ readonly 700: "#1d4ed8";
27
+ readonly 800: "#1e40af";
28
+ readonly 900: "#1e3a8a";
29
+ };
30
+ readonly success: {
31
+ readonly 50: "#ecfdf5";
32
+ readonly 100: "#d1fae5";
33
+ readonly 500: "#10b981";
34
+ readonly 700: "#047857";
35
+ };
36
+ readonly warning: {
37
+ readonly 50: "#fffbeb";
38
+ readonly 100: "#fef3c7";
39
+ readonly 500: "#f59e0b";
40
+ readonly 700: "#b45309";
41
+ };
42
+ readonly danger: {
43
+ readonly 50: "#fef2f2";
44
+ readonly 100: "#fee2e2";
45
+ readonly 500: "#ef4444";
46
+ readonly 700: "#b91c1c";
47
+ };
48
+ };
49
+
50
+ declare const spacing: {
51
+ readonly 0: "0rem";
52
+ readonly px: "0.0625rem";
53
+ readonly 0.5: "0.125rem";
54
+ readonly 1: "0.25rem";
55
+ readonly 1.5: "0.375rem";
56
+ readonly 2: "0.5rem";
57
+ readonly 2.5: "0.625rem";
58
+ readonly 3: "0.75rem";
59
+ readonly 3.5: "0.875rem";
60
+ readonly 4: "1rem";
61
+ readonly 5: "1.25rem";
62
+ readonly 6: "1.5rem";
63
+ readonly 8: "2rem";
64
+ readonly 10: "2.5rem";
65
+ readonly 12: "3rem";
66
+ readonly 16: "4rem";
67
+ readonly 20: "5rem";
68
+ readonly 24: "6rem";
69
+ };
70
+
71
+ declare const fontFamily: {
72
+ readonly sans: readonly ["Inter", "ui-sans-serif", "system-ui", "-apple-system", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif"];
73
+ readonly mono: readonly ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "monospace"];
74
+ };
75
+ declare const fontSize: {
76
+ readonly xs: readonly ["0.75rem", {
77
+ readonly lineHeight: "1rem";
78
+ }];
79
+ readonly sm: readonly ["0.875rem", {
80
+ readonly lineHeight: "1.25rem";
81
+ }];
82
+ readonly base: readonly ["1rem", {
83
+ readonly lineHeight: "1.5rem";
84
+ }];
85
+ readonly lg: readonly ["1.125rem", {
86
+ readonly lineHeight: "1.75rem";
87
+ }];
88
+ readonly xl: readonly ["1.25rem", {
89
+ readonly lineHeight: "1.75rem";
90
+ }];
91
+ readonly '2xl': readonly ["1.5rem", {
92
+ readonly lineHeight: "2rem";
93
+ }];
94
+ readonly '3xl': readonly ["1.875rem", {
95
+ readonly lineHeight: "2.25rem";
96
+ }];
97
+ readonly '4xl': readonly ["2.25rem", {
98
+ readonly lineHeight: "2.5rem";
99
+ }];
100
+ };
101
+ declare const fontWeight: {
102
+ readonly regular: 400;
103
+ readonly medium: 500;
104
+ readonly semibold: 600;
105
+ readonly bold: 700;
106
+ };
107
+ declare const letterSpacing: {
108
+ readonly tighter: "-0.02em";
109
+ readonly tight: "-0.01em";
110
+ readonly normal: "0em";
111
+ readonly wide: "0.01em";
112
+ readonly wider: "0.02em";
113
+ };
114
+
115
+ declare const radius: {
116
+ readonly none: "0px";
117
+ readonly sm: "0.125rem";
118
+ readonly md: "0.375rem";
119
+ readonly lg: "0.5rem";
120
+ readonly xl: "0.75rem";
121
+ readonly '2xl': "1rem";
122
+ readonly full: "9999px";
123
+ };
124
+
125
+ declare const shadows: {
126
+ readonly none: "none";
127
+ readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
128
+ readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 1px 0 rgb(0 0 0 / 0.04)";
129
+ readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
130
+ readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.12), 0 4px 6px -4px rgb(0 0 0 / 0.12)";
131
+ readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.14), 0 8px 10px -6px rgb(0 0 0 / 0.14)";
132
+ readonly focusRing: "0 0 0 3px rgb(37 99 235 / 0.35)";
133
+ };
134
+
135
+ declare const tokens: {
136
+ readonly colors: {
137
+ readonly transparent: "transparent";
138
+ readonly current: "currentColor";
139
+ readonly white: "#ffffff";
140
+ readonly black: "#000000";
141
+ readonly gray: {
142
+ readonly 50: "#f9fafb";
143
+ readonly 100: "#f3f4f6";
144
+ readonly 200: "#e5e7eb";
145
+ readonly 300: "#d1d5db";
146
+ readonly 400: "#9ca3af";
147
+ readonly 500: "#6b7280";
148
+ readonly 600: "#4b5563";
149
+ readonly 700: "#374151";
150
+ readonly 800: "#1f2937";
151
+ readonly 900: "#111827";
152
+ };
153
+ readonly brand: {
154
+ readonly 50: "#eff6ff";
155
+ readonly 100: "#dbeafe";
156
+ readonly 200: "#bfdbfe";
157
+ readonly 300: "#93c5fd";
158
+ readonly 400: "#60a5fa";
159
+ readonly 500: "#3b82f6";
160
+ readonly 600: "#2563eb";
161
+ readonly 700: "#1d4ed8";
162
+ readonly 800: "#1e40af";
163
+ readonly 900: "#1e3a8a";
164
+ };
165
+ readonly success: {
166
+ readonly 50: "#ecfdf5";
167
+ readonly 100: "#d1fae5";
168
+ readonly 500: "#10b981";
169
+ readonly 700: "#047857";
170
+ };
171
+ readonly warning: {
172
+ readonly 50: "#fffbeb";
173
+ readonly 100: "#fef3c7";
174
+ readonly 500: "#f59e0b";
175
+ readonly 700: "#b45309";
176
+ };
177
+ readonly danger: {
178
+ readonly 50: "#fef2f2";
179
+ readonly 100: "#fee2e2";
180
+ readonly 500: "#ef4444";
181
+ readonly 700: "#b91c1c";
182
+ };
183
+ };
184
+ readonly spacing: {
185
+ readonly 0: "0rem";
186
+ readonly px: "0.0625rem";
187
+ readonly 0.5: "0.125rem";
188
+ readonly 1: "0.25rem";
189
+ readonly 1.5: "0.375rem";
190
+ readonly 2: "0.5rem";
191
+ readonly 2.5: "0.625rem";
192
+ readonly 3: "0.75rem";
193
+ readonly 3.5: "0.875rem";
194
+ readonly 4: "1rem";
195
+ readonly 5: "1.25rem";
196
+ readonly 6: "1.5rem";
197
+ readonly 8: "2rem";
198
+ readonly 10: "2.5rem";
199
+ readonly 12: "3rem";
200
+ readonly 16: "4rem";
201
+ readonly 20: "5rem";
202
+ readonly 24: "6rem";
203
+ };
204
+ readonly typography: {
205
+ readonly fontFamily: {
206
+ readonly sans: readonly ["Inter", "ui-sans-serif", "system-ui", "-apple-system", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif"];
207
+ readonly mono: readonly ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "monospace"];
208
+ };
209
+ readonly fontSize: {
210
+ readonly xs: readonly ["0.75rem", {
211
+ readonly lineHeight: "1rem";
212
+ }];
213
+ readonly sm: readonly ["0.875rem", {
214
+ readonly lineHeight: "1.25rem";
215
+ }];
216
+ readonly base: readonly ["1rem", {
217
+ readonly lineHeight: "1.5rem";
218
+ }];
219
+ readonly lg: readonly ["1.125rem", {
220
+ readonly lineHeight: "1.75rem";
221
+ }];
222
+ readonly xl: readonly ["1.25rem", {
223
+ readonly lineHeight: "1.75rem";
224
+ }];
225
+ readonly '2xl': readonly ["1.5rem", {
226
+ readonly lineHeight: "2rem";
227
+ }];
228
+ readonly '3xl': readonly ["1.875rem", {
229
+ readonly lineHeight: "2.25rem";
230
+ }];
231
+ readonly '4xl': readonly ["2.25rem", {
232
+ readonly lineHeight: "2.5rem";
233
+ }];
234
+ };
235
+ readonly fontWeight: {
236
+ readonly regular: 400;
237
+ readonly medium: 500;
238
+ readonly semibold: 600;
239
+ readonly bold: 700;
240
+ };
241
+ readonly letterSpacing: {
242
+ readonly tighter: "-0.02em";
243
+ readonly tight: "-0.01em";
244
+ readonly normal: "0em";
245
+ readonly wide: "0.01em";
246
+ readonly wider: "0.02em";
247
+ };
248
+ };
249
+ readonly radius: {
250
+ readonly none: "0px";
251
+ readonly sm: "0.125rem";
252
+ readonly md: "0.375rem";
253
+ readonly lg: "0.5rem";
254
+ readonly xl: "0.75rem";
255
+ readonly '2xl': "1rem";
256
+ readonly full: "9999px";
257
+ };
258
+ readonly shadows: {
259
+ readonly none: "none";
260
+ readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
261
+ readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 1px 0 rgb(0 0 0 / 0.04)";
262
+ readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
263
+ readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.12), 0 4px 6px -4px rgb(0 0 0 / 0.12)";
264
+ readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.14), 0 8px 10px -6px rgb(0 0 0 / 0.14)";
265
+ readonly focusRing: "0 0 0 3px rgb(37 99 235 / 0.35)";
266
+ };
267
+ };
268
+ type Tokens = typeof tokens;
269
+
270
+ export { type Tokens, colors, fontFamily, fontSize, fontWeight, letterSpacing, radius, shadows, spacing, tokens };
package/dist/index.d.ts ADDED
@@ -0,0 +1,270 @@
1
+ declare const colors: {
2
+ readonly transparent: "transparent";
3
+ readonly current: "currentColor";
4
+ readonly white: "#ffffff";
5
+ readonly black: "#000000";
6
+ readonly gray: {
7
+ readonly 50: "#f9fafb";
8
+ readonly 100: "#f3f4f6";
9
+ readonly 200: "#e5e7eb";
10
+ readonly 300: "#d1d5db";
11
+ readonly 400: "#9ca3af";
12
+ readonly 500: "#6b7280";
13
+ readonly 600: "#4b5563";
14
+ readonly 700: "#374151";
15
+ readonly 800: "#1f2937";
16
+ readonly 900: "#111827";
17
+ };
18
+ readonly brand: {
19
+ readonly 50: "#eff6ff";
20
+ readonly 100: "#dbeafe";
21
+ readonly 200: "#bfdbfe";
22
+ readonly 300: "#93c5fd";
23
+ readonly 400: "#60a5fa";
24
+ readonly 500: "#3b82f6";
25
+ readonly 600: "#2563eb";
26
+ readonly 700: "#1d4ed8";
27
+ readonly 800: "#1e40af";
28
+ readonly 900: "#1e3a8a";
29
+ };
30
+ readonly success: {
31
+ readonly 50: "#ecfdf5";
32
+ readonly 100: "#d1fae5";
33
+ readonly 500: "#10b981";
34
+ readonly 700: "#047857";
35
+ };
36
+ readonly warning: {
37
+ readonly 50: "#fffbeb";
38
+ readonly 100: "#fef3c7";
39
+ readonly 500: "#f59e0b";
40
+ readonly 700: "#b45309";
41
+ };
42
+ readonly danger: {
43
+ readonly 50: "#fef2f2";
44
+ readonly 100: "#fee2e2";
45
+ readonly 500: "#ef4444";
46
+ readonly 700: "#b91c1c";
47
+ };
48
+ };
49
+
50
+ declare const spacing: {
51
+ readonly 0: "0rem";
52
+ readonly px: "0.0625rem";
53
+ readonly 0.5: "0.125rem";
54
+ readonly 1: "0.25rem";
55
+ readonly 1.5: "0.375rem";
56
+ readonly 2: "0.5rem";
57
+ readonly 2.5: "0.625rem";
58
+ readonly 3: "0.75rem";
59
+ readonly 3.5: "0.875rem";
60
+ readonly 4: "1rem";
61
+ readonly 5: "1.25rem";
62
+ readonly 6: "1.5rem";
63
+ readonly 8: "2rem";
64
+ readonly 10: "2.5rem";
65
+ readonly 12: "3rem";
66
+ readonly 16: "4rem";
67
+ readonly 20: "5rem";
68
+ readonly 24: "6rem";
69
+ };
70
+
71
+ declare const fontFamily: {
72
+ readonly sans: readonly ["Inter", "ui-sans-serif", "system-ui", "-apple-system", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif"];
73
+ readonly mono: readonly ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "monospace"];
74
+ };
75
+ declare const fontSize: {
76
+ readonly xs: readonly ["0.75rem", {
77
+ readonly lineHeight: "1rem";
78
+ }];
79
+ readonly sm: readonly ["0.875rem", {
80
+ readonly lineHeight: "1.25rem";
81
+ }];
82
+ readonly base: readonly ["1rem", {
83
+ readonly lineHeight: "1.5rem";
84
+ }];
85
+ readonly lg: readonly ["1.125rem", {
86
+ readonly lineHeight: "1.75rem";
87
+ }];
88
+ readonly xl: readonly ["1.25rem", {
89
+ readonly lineHeight: "1.75rem";
90
+ }];
91
+ readonly '2xl': readonly ["1.5rem", {
92
+ readonly lineHeight: "2rem";
93
+ }];
94
+ readonly '3xl': readonly ["1.875rem", {
95
+ readonly lineHeight: "2.25rem";
96
+ }];
97
+ readonly '4xl': readonly ["2.25rem", {
98
+ readonly lineHeight: "2.5rem";
99
+ }];
100
+ };
101
+ declare const fontWeight: {
102
+ readonly regular: 400;
103
+ readonly medium: 500;
104
+ readonly semibold: 600;
105
+ readonly bold: 700;
106
+ };
107
+ declare const letterSpacing: {
108
+ readonly tighter: "-0.02em";
109
+ readonly tight: "-0.01em";
110
+ readonly normal: "0em";
111
+ readonly wide: "0.01em";
112
+ readonly wider: "0.02em";
113
+ };
114
+
115
+ declare const radius: {
116
+ readonly none: "0px";
117
+ readonly sm: "0.125rem";
118
+ readonly md: "0.375rem";
119
+ readonly lg: "0.5rem";
120
+ readonly xl: "0.75rem";
121
+ readonly '2xl': "1rem";
122
+ readonly full: "9999px";
123
+ };
124
+
125
+ declare const shadows: {
126
+ readonly none: "none";
127
+ readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
128
+ readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 1px 0 rgb(0 0 0 / 0.04)";
129
+ readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
130
+ readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.12), 0 4px 6px -4px rgb(0 0 0 / 0.12)";
131
+ readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.14), 0 8px 10px -6px rgb(0 0 0 / 0.14)";
132
+ readonly focusRing: "0 0 0 3px rgb(37 99 235 / 0.35)";
133
+ };
134
+
135
+ declare const tokens: {
136
+ readonly colors: {
137
+ readonly transparent: "transparent";
138
+ readonly current: "currentColor";
139
+ readonly white: "#ffffff";
140
+ readonly black: "#000000";
141
+ readonly gray: {
142
+ readonly 50: "#f9fafb";
143
+ readonly 100: "#f3f4f6";
144
+ readonly 200: "#e5e7eb";
145
+ readonly 300: "#d1d5db";
146
+ readonly 400: "#9ca3af";
147
+ readonly 500: "#6b7280";
148
+ readonly 600: "#4b5563";
149
+ readonly 700: "#374151";
150
+ readonly 800: "#1f2937";
151
+ readonly 900: "#111827";
152
+ };
153
+ readonly brand: {
154
+ readonly 50: "#eff6ff";
155
+ readonly 100: "#dbeafe";
156
+ readonly 200: "#bfdbfe";
157
+ readonly 300: "#93c5fd";
158
+ readonly 400: "#60a5fa";
159
+ readonly 500: "#3b82f6";
160
+ readonly 600: "#2563eb";
161
+ readonly 700: "#1d4ed8";
162
+ readonly 800: "#1e40af";
163
+ readonly 900: "#1e3a8a";
164
+ };
165
+ readonly success: {
166
+ readonly 50: "#ecfdf5";
167
+ readonly 100: "#d1fae5";
168
+ readonly 500: "#10b981";
169
+ readonly 700: "#047857";
170
+ };
171
+ readonly warning: {
172
+ readonly 50: "#fffbeb";
173
+ readonly 100: "#fef3c7";
174
+ readonly 500: "#f59e0b";
175
+ readonly 700: "#b45309";
176
+ };
177
+ readonly danger: {
178
+ readonly 50: "#fef2f2";
179
+ readonly 100: "#fee2e2";
180
+ readonly 500: "#ef4444";
181
+ readonly 700: "#b91c1c";
182
+ };
183
+ };
184
+ readonly spacing: {
185
+ readonly 0: "0rem";
186
+ readonly px: "0.0625rem";
187
+ readonly 0.5: "0.125rem";
188
+ readonly 1: "0.25rem";
189
+ readonly 1.5: "0.375rem";
190
+ readonly 2: "0.5rem";
191
+ readonly 2.5: "0.625rem";
192
+ readonly 3: "0.75rem";
193
+ readonly 3.5: "0.875rem";
194
+ readonly 4: "1rem";
195
+ readonly 5: "1.25rem";
196
+ readonly 6: "1.5rem";
197
+ readonly 8: "2rem";
198
+ readonly 10: "2.5rem";
199
+ readonly 12: "3rem";
200
+ readonly 16: "4rem";
201
+ readonly 20: "5rem";
202
+ readonly 24: "6rem";
203
+ };
204
+ readonly typography: {
205
+ readonly fontFamily: {
206
+ readonly sans: readonly ["Inter", "ui-sans-serif", "system-ui", "-apple-system", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif"];
207
+ readonly mono: readonly ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "monospace"];
208
+ };
209
+ readonly fontSize: {
210
+ readonly xs: readonly ["0.75rem", {
211
+ readonly lineHeight: "1rem";
212
+ }];
213
+ readonly sm: readonly ["0.875rem", {
214
+ readonly lineHeight: "1.25rem";
215
+ }];
216
+ readonly base: readonly ["1rem", {
217
+ readonly lineHeight: "1.5rem";
218
+ }];
219
+ readonly lg: readonly ["1.125rem", {
220
+ readonly lineHeight: "1.75rem";
221
+ }];
222
+ readonly xl: readonly ["1.25rem", {
223
+ readonly lineHeight: "1.75rem";
224
+ }];
225
+ readonly '2xl': readonly ["1.5rem", {
226
+ readonly lineHeight: "2rem";
227
+ }];
228
+ readonly '3xl': readonly ["1.875rem", {
229
+ readonly lineHeight: "2.25rem";
230
+ }];
231
+ readonly '4xl': readonly ["2.25rem", {
232
+ readonly lineHeight: "2.5rem";
233
+ }];
234
+ };
235
+ readonly fontWeight: {
236
+ readonly regular: 400;
237
+ readonly medium: 500;
238
+ readonly semibold: 600;
239
+ readonly bold: 700;
240
+ };
241
+ readonly letterSpacing: {
242
+ readonly tighter: "-0.02em";
243
+ readonly tight: "-0.01em";
244
+ readonly normal: "0em";
245
+ readonly wide: "0.01em";
246
+ readonly wider: "0.02em";
247
+ };
248
+ };
249
+ readonly radius: {
250
+ readonly none: "0px";
251
+ readonly sm: "0.125rem";
252
+ readonly md: "0.375rem";
253
+ readonly lg: "0.5rem";
254
+ readonly xl: "0.75rem";
255
+ readonly '2xl': "1rem";
256
+ readonly full: "9999px";
257
+ };
258
+ readonly shadows: {
259
+ readonly none: "none";
260
+ readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
261
+ readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 1px 0 rgb(0 0 0 / 0.04)";
262
+ readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
263
+ readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.12), 0 4px 6px -4px rgb(0 0 0 / 0.12)";
264
+ readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.14), 0 8px 10px -6px rgb(0 0 0 / 0.14)";
265
+ readonly focusRing: "0 0 0 3px rgb(37 99 235 / 0.35)";
266
+ };
267
+ };
268
+ type Tokens = typeof tokens;
269
+
270
+ export { type Tokens, colors, fontFamily, fontSize, fontWeight, letterSpacing, radius, shadows, spacing, tokens };
package/dist/index.js ADDED
@@ -0,0 +1,158 @@
1
+ // src/colors.ts
2
+ var colors = {
3
+ transparent: "transparent",
4
+ current: "currentColor",
5
+ white: "#ffffff",
6
+ black: "#000000",
7
+ gray: {
8
+ 50: "#f9fafb",
9
+ 100: "#f3f4f6",
10
+ 200: "#e5e7eb",
11
+ 300: "#d1d5db",
12
+ 400: "#9ca3af",
13
+ 500: "#6b7280",
14
+ 600: "#4b5563",
15
+ 700: "#374151",
16
+ 800: "#1f2937",
17
+ 900: "#111827"
18
+ },
19
+ brand: {
20
+ 50: "#eff6ff",
21
+ 100: "#dbeafe",
22
+ 200: "#bfdbfe",
23
+ 300: "#93c5fd",
24
+ 400: "#60a5fa",
25
+ 500: "#3b82f6",
26
+ 600: "#2563eb",
27
+ 700: "#1d4ed8",
28
+ 800: "#1e40af",
29
+ 900: "#1e3a8a"
30
+ },
31
+ success: {
32
+ 50: "#ecfdf5",
33
+ 100: "#d1fae5",
34
+ 500: "#10b981",
35
+ 700: "#047857"
36
+ },
37
+ warning: {
38
+ 50: "#fffbeb",
39
+ 100: "#fef3c7",
40
+ 500: "#f59e0b",
41
+ 700: "#b45309"
42
+ },
43
+ danger: {
44
+ 50: "#fef2f2",
45
+ 100: "#fee2e2",
46
+ 500: "#ef4444",
47
+ 700: "#b91c1c"
48
+ }
49
+ };
50
+
51
+ // src/radius.ts
52
+ var radius = {
53
+ none: "0px",
54
+ sm: "0.125rem",
55
+ md: "0.375rem",
56
+ lg: "0.5rem",
57
+ xl: "0.75rem",
58
+ "2xl": "1rem",
59
+ full: "9999px"
60
+ };
61
+
62
+ // src/shadows.ts
63
+ var shadows = {
64
+ none: "none",
65
+ xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
66
+ sm: "0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 1px 0 rgb(0 0 0 / 0.04)",
67
+ md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
68
+ lg: "0 10px 15px -3px rgb(0 0 0 / 0.12), 0 4px 6px -4px rgb(0 0 0 / 0.12)",
69
+ xl: "0 20px 25px -5px rgb(0 0 0 / 0.14), 0 8px 10px -6px rgb(0 0 0 / 0.14)",
70
+ focusRing: "0 0 0 3px rgb(37 99 235 / 0.35)"
71
+ };
72
+
73
+ // src/spacing.ts
74
+ var spacing = {
75
+ 0: "0rem",
76
+ px: "0.0625rem",
77
+ 0.5: "0.125rem",
78
+ 1: "0.25rem",
79
+ 1.5: "0.375rem",
80
+ 2: "0.5rem",
81
+ 2.5: "0.625rem",
82
+ 3: "0.75rem",
83
+ 3.5: "0.875rem",
84
+ 4: "1rem",
85
+ 5: "1.25rem",
86
+ 6: "1.5rem",
87
+ 8: "2rem",
88
+ 10: "2.5rem",
89
+ 12: "3rem",
90
+ 16: "4rem",
91
+ 20: "5rem",
92
+ 24: "6rem"
93
+ };
94
+
95
+ // src/typography.ts
96
+ var fontFamily = {
97
+ sans: [
98
+ "Inter",
99
+ "ui-sans-serif",
100
+ "system-ui",
101
+ "-apple-system",
102
+ "Segoe UI",
103
+ "Roboto",
104
+ "Helvetica Neue",
105
+ "Arial",
106
+ "Noto Sans",
107
+ "sans-serif"
108
+ ],
109
+ mono: ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "monospace"]
110
+ };
111
+ var fontSize = {
112
+ xs: ["0.75rem", { lineHeight: "1rem" }],
113
+ sm: ["0.875rem", { lineHeight: "1.25rem" }],
114
+ base: ["1rem", { lineHeight: "1.5rem" }],
115
+ lg: ["1.125rem", { lineHeight: "1.75rem" }],
116
+ xl: ["1.25rem", { lineHeight: "1.75rem" }],
117
+ "2xl": ["1.5rem", { lineHeight: "2rem" }],
118
+ "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
119
+ "4xl": ["2.25rem", { lineHeight: "2.5rem" }]
120
+ };
121
+ var fontWeight = {
122
+ regular: 400,
123
+ medium: 500,
124
+ semibold: 600,
125
+ bold: 700
126
+ };
127
+ var letterSpacing = {
128
+ tighter: "-0.02em",
129
+ tight: "-0.01em",
130
+ normal: "0em",
131
+ wide: "0.01em",
132
+ wider: "0.02em"
133
+ };
134
+
135
+ // src/index.ts
136
+ var tokens = {
137
+ colors,
138
+ spacing,
139
+ typography: {
140
+ fontFamily,
141
+ fontSize,
142
+ fontWeight,
143
+ letterSpacing
144
+ },
145
+ radius,
146
+ shadows
147
+ };
148
+ export {
149
+ colors,
150
+ fontFamily,
151
+ fontSize,
152
+ fontWeight,
153
+ letterSpacing,
154
+ radius,
155
+ shadows,
156
+ spacing,
157
+ tokens
158
+ };
package/package.json ADDED
@@ -0,0 +1,33 @@
1
+ {
2
+ "name": "@axiomui/tokens",
3
+ "version": "0.1.0",
4
+ "private": false,
5
+ "type": "module",
6
+ "main": "./dist/index.cjs",
7
+ "module": "./dist/index.js",
8
+ "types": "./dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "types": "./dist/index.d.ts",
12
+ "import": "./dist/index.js",
13
+ "require": "./dist/index.cjs",
14
+ "default": "./dist/index.js"
15
+ }
16
+ },
17
+ "files": [
18
+ "dist"
19
+ ],
20
+ "scripts": {
21
+ "build": "tsup src/index.ts --format esm,cjs --dts --clean",
22
+ "dev": "tsup src/index.ts --format esm,cjs --dts --watch",
23
+ "lint": "tsc -p tsconfig.json --noEmit",
24
+ "test": "vitest run --passWithNoTests",
25
+ "typecheck": "tsc -p tsconfig.json --noEmit",
26
+ "clean": "rm -rf dist",
27
+ "prepublishOnly": "pnpm run build"
28
+ },
29
+ "publishConfig": {
30
+ "access": "public"
31
+ },
32
+ "sideEffects": false
33
+ }