@axiomui/tokens 0.3.0 → 0.3.1

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 (7) hide show
  1. package/dist/chunk-MGUKGERA.js +159 -0
  2. package/dist/index.js +9 -145
  3. package/dist/tailwind.preset.cjs +188 -0
  4. package/dist/tailwind.preset.d.cts +109 -0
  5. package/dist/tailwind.preset.d.ts +109 -0
  6. package/dist/tailwind.preset.js +42 -0
  7. package/package.json +8 -2
package/dist/chunk-MGUKGERA.js ADDED
@@ -0,0 +1,159 @@
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
+
149
+ export {
150
+ colors,
151
+ radius,
152
+ shadows,
153
+ spacing,
154
+ fontFamily,
155
+ fontSize,
156
+ fontWeight,
157
+ letterSpacing,
158
+ tokens
159
+ };
package/dist/index.js CHANGED
@@ -1,150 +1,14 @@
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 = {
1
+ import {
137
2
  colors,
138
- spacing,
139
- typography: {
140
- fontFamily,
141
- fontSize,
142
- fontWeight,
143
- letterSpacing
144
- },
3
+ fontFamily,
4
+ fontSize,
5
+ fontWeight,
6
+ letterSpacing,
145
7
  radius,
146
- shadows
147
- };
8
+ shadows,
9
+ spacing,
10
+ tokens
11
+ } from "./chunk-MGUKGERA.js";
148
12
  export {
149
13
  colors,
150
14
  fontFamily,
package/dist/tailwind.preset.cjs ADDED
@@ -0,0 +1,188 @@
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/tailwind.preset.ts
21
+ var tailwind_preset_exports = {};
22
+ __export(tailwind_preset_exports, {
23
+ default: () => tailwind_preset_default
24
+ });
25
+ module.exports = __toCommonJS(tailwind_preset_exports);
26
+
27
+ // src/colors.ts
28
+ var colors = {
29
+ transparent: "transparent",
30
+ current: "currentColor",
31
+ white: "#ffffff",
32
+ black: "#000000",
33
+ gray: {
34
+ 50: "#f9fafb",
35
+ 100: "#f3f4f6",
36
+ 200: "#e5e7eb",
37
+ 300: "#d1d5db",
38
+ 400: "#9ca3af",
39
+ 500: "#6b7280",
40
+ 600: "#4b5563",
41
+ 700: "#374151",
42
+ 800: "#1f2937",
43
+ 900: "#111827"
44
+ },
45
+ brand: {
46
+ 50: "#eff6ff",
47
+ 100: "#dbeafe",
48
+ 200: "#bfdbfe",
49
+ 300: "#93c5fd",
50
+ 400: "#60a5fa",
51
+ 500: "#3b82f6",
52
+ 600: "#2563eb",
53
+ 700: "#1d4ed8",
54
+ 800: "#1e40af",
55
+ 900: "#1e3a8a"
56
+ },
57
+ success: {
58
+ 50: "#ecfdf5",
59
+ 100: "#d1fae5",
60
+ 500: "#10b981",
61
+ 700: "#047857"
62
+ },
63
+ warning: {
64
+ 50: "#fffbeb",
65
+ 100: "#fef3c7",
66
+ 500: "#f59e0b",
67
+ 700: "#b45309"
68
+ },
69
+ danger: {
70
+ 50: "#fef2f2",
71
+ 100: "#fee2e2",
72
+ 500: "#ef4444",
73
+ 700: "#b91c1c"
74
+ }
75
+ };
76
+
77
+ // src/radius.ts
78
+ var radius = {
79
+ none: "0px",
80
+ sm: "0.125rem",
81
+ md: "0.375rem",
82
+ lg: "0.5rem",
83
+ xl: "0.75rem",
84
+ "2xl": "1rem",
85
+ full: "9999px"
86
+ };
87
+
88
+ // src/shadows.ts
89
+ var shadows = {
90
+ none: "none",
91
+ xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
92
+ sm: "0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 1px 0 rgb(0 0 0 / 0.04)",
93
+ md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
94
+ lg: "0 10px 15px -3px rgb(0 0 0 / 0.12), 0 4px 6px -4px rgb(0 0 0 / 0.12)",
95
+ xl: "0 20px 25px -5px rgb(0 0 0 / 0.14), 0 8px 10px -6px rgb(0 0 0 / 0.14)",
96
+ focusRing: "0 0 0 3px rgb(37 99 235 / 0.35)"
97
+ };
98
+
99
+ // src/spacing.ts
100
+ var spacing = {
101
+ 0: "0rem",
102
+ px: "0.0625rem",
103
+ 0.5: "0.125rem",
104
+ 1: "0.25rem",
105
+ 1.5: "0.375rem",
106
+ 2: "0.5rem",
107
+ 2.5: "0.625rem",
108
+ 3: "0.75rem",
109
+ 3.5: "0.875rem",
110
+ 4: "1rem",
111
+ 5: "1.25rem",
112
+ 6: "1.5rem",
113
+ 8: "2rem",
114
+ 10: "2.5rem",
115
+ 12: "3rem",
116
+ 16: "4rem",
117
+ 20: "5rem",
118
+ 24: "6rem"
119
+ };
120
+
121
+ // src/typography.ts
122
+ var fontFamily = {
123
+ sans: [
124
+ "Inter",
125
+ "ui-sans-serif",
126
+ "system-ui",
127
+ "-apple-system",
128
+ "Segoe UI",
129
+ "Roboto",
130
+ "Helvetica Neue",
131
+ "Arial",
132
+ "Noto Sans",
133
+ "sans-serif"
134
+ ],
135
+ mono: ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "monospace"]
136
+ };
137
+ var fontSize = {
138
+ xs: ["0.75rem", { lineHeight: "1rem" }],
139
+ sm: ["0.875rem", { lineHeight: "1.25rem" }],
140
+ base: ["1rem", { lineHeight: "1.5rem" }],
141
+ lg: ["1.125rem", { lineHeight: "1.75rem" }],
142
+ xl: ["1.25rem", { lineHeight: "1.75rem" }],
143
+ "2xl": ["1.5rem", { lineHeight: "2rem" }],
144
+ "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
145
+ "4xl": ["2.25rem", { lineHeight: "2.5rem" }]
146
+ };
147
+ var fontWeight = {
148
+ regular: 400,
149
+ medium: 500,
150
+ semibold: 600,
151
+ bold: 700
152
+ };
153
+ var letterSpacing = {
154
+ tighter: "-0.02em",
155
+ tight: "-0.01em",
156
+ normal: "0em",
157
+ wide: "0.01em",
158
+ wider: "0.02em"
159
+ };
160
+
161
+ // src/tailwind.preset.ts
162
+ function toMutableObject(obj) {
163
+ return Object.fromEntries(
164
+ Object.entries(obj).map(([k, v]) => {
165
+ if (Array.isArray(v)) return [k, [...v]];
166
+ return [k, v];
167
+ })
168
+ );
169
+ }
170
+ function toStringValues(obj) {
171
+ return Object.fromEntries(
172
+ Object.entries(obj).map(([k, v]) => [k, String(v)])
173
+ );
174
+ }
175
+ var preset = {
176
+ theme: {
177
+ colors,
178
+ spacing,
179
+ fontFamily: toMutableObject(fontFamily),
180
+ fontSize: toMutableObject(fontSize),
181
+ fontWeight: toStringValues(fontWeight),
182
+ letterSpacing,
183
+ borderRadius: radius,
184
+ boxShadow: shadows,
185
+ extend: {}
186
+ }
187
+ };
188
+ var tailwind_preset_default = preset;
package/dist/tailwind.preset.d.cts ADDED
@@ -0,0 +1,109 @@
1
+ declare const preset: {
2
+ theme: {
3
+ colors: {
4
+ readonly transparent: "transparent";
5
+ readonly current: "currentColor";
6
+ readonly white: "#ffffff";
7
+ readonly black: "#000000";
8
+ readonly gray: {
9
+ readonly 50: "#f9fafb";
10
+ readonly 100: "#f3f4f6";
11
+ readonly 200: "#e5e7eb";
12
+ readonly 300: "#d1d5db";
13
+ readonly 400: "#9ca3af";
14
+ readonly 500: "#6b7280";
15
+ readonly 600: "#4b5563";
16
+ readonly 700: "#374151";
17
+ readonly 800: "#1f2937";
18
+ readonly 900: "#111827";
19
+ };
20
+ readonly brand: {
21
+ readonly 50: "#eff6ff";
22
+ readonly 100: "#dbeafe";
23
+ readonly 200: "#bfdbfe";
24
+ readonly 300: "#93c5fd";
25
+ readonly 400: "#60a5fa";
26
+ readonly 500: "#3b82f6";
27
+ readonly 600: "#2563eb";
28
+ readonly 700: "#1d4ed8";
29
+ readonly 800: "#1e40af";
30
+ readonly 900: "#1e3a8a";
31
+ };
32
+ readonly success: {
33
+ readonly 50: "#ecfdf5";
34
+ readonly 100: "#d1fae5";
35
+ readonly 500: "#10b981";
36
+ readonly 700: "#047857";
37
+ };
38
+ readonly warning: {
39
+ readonly 50: "#fffbeb";
40
+ readonly 100: "#fef3c7";
41
+ readonly 500: "#f59e0b";
42
+ readonly 700: "#b45309";
43
+ };
44
+ readonly danger: {
45
+ readonly 50: "#fef2f2";
46
+ readonly 100: "#fee2e2";
47
+ readonly 500: "#ef4444";
48
+ readonly 700: "#b91c1c";
49
+ };
50
+ };
51
+ spacing: {
52
+ readonly 0: "0rem";
53
+ readonly px: "0.0625rem";
54
+ readonly 0.5: "0.125rem";
55
+ readonly 1: "0.25rem";
56
+ readonly 1.5: "0.375rem";
57
+ readonly 2: "0.5rem";
58
+ readonly 2.5: "0.625rem";
59
+ readonly 3: "0.75rem";
60
+ readonly 3.5: "0.875rem";
61
+ readonly 4: "1rem";
62
+ readonly 5: "1.25rem";
63
+ readonly 6: "1.5rem";
64
+ readonly 8: "2rem";
65
+ readonly 10: "2.5rem";
66
+ readonly 12: "3rem";
67
+ readonly 16: "4rem";
68
+ readonly 20: "5rem";
69
+ readonly 24: "6rem";
70
+ };
71
+ fontFamily: {
72
+ [k: string]: any;
73
+ };
74
+ fontSize: {
75
+ [k: string]: any;
76
+ };
77
+ fontWeight: {
78
+ [k: string]: string;
79
+ };
80
+ letterSpacing: {
81
+ readonly tighter: "-0.02em";
82
+ readonly tight: "-0.01em";
83
+ readonly normal: "0em";
84
+ readonly wide: "0.01em";
85
+ readonly wider: "0.02em";
86
+ };
87
+ borderRadius: {
88
+ readonly none: "0px";
89
+ readonly sm: "0.125rem";
90
+ readonly md: "0.375rem";
91
+ readonly lg: "0.5rem";
92
+ readonly xl: "0.75rem";
93
+ readonly '2xl': "1rem";
94
+ readonly full: "9999px";
95
+ };
96
+ boxShadow: {
97
+ readonly none: "none";
98
+ readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
99
+ readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 1px 0 rgb(0 0 0 / 0.04)";
100
+ readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
101
+ readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.12), 0 4px 6px -4px rgb(0 0 0 / 0.12)";
102
+ readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.14), 0 8px 10px -6px rgb(0 0 0 / 0.14)";
103
+ readonly focusRing: "0 0 0 3px rgb(37 99 235 / 0.35)";
104
+ };
105
+ extend: {};
106
+ };
107
+ };
108
+
109
+ export { preset as default };
package/dist/tailwind.preset.d.ts ADDED
@@ -0,0 +1,109 @@
1
+ declare const preset: {
2
+ theme: {
3
+ colors: {
4
+ readonly transparent: "transparent";
5
+ readonly current: "currentColor";
6
+ readonly white: "#ffffff";
7
+ readonly black: "#000000";
8
+ readonly gray: {
9
+ readonly 50: "#f9fafb";
10
+ readonly 100: "#f3f4f6";
11
+ readonly 200: "#e5e7eb";
12
+ readonly 300: "#d1d5db";
13
+ readonly 400: "#9ca3af";
14
+ readonly 500: "#6b7280";
15
+ readonly 600: "#4b5563";
16
+ readonly 700: "#374151";
17
+ readonly 800: "#1f2937";
18
+ readonly 900: "#111827";
19
+ };
20
+ readonly brand: {
21
+ readonly 50: "#eff6ff";
22
+ readonly 100: "#dbeafe";
23
+ readonly 200: "#bfdbfe";
24
+ readonly 300: "#93c5fd";
25
+ readonly 400: "#60a5fa";
26
+ readonly 500: "#3b82f6";
27
+ readonly 600: "#2563eb";
28
+ readonly 700: "#1d4ed8";
29
+ readonly 800: "#1e40af";
30
+ readonly 900: "#1e3a8a";
31
+ };
32
+ readonly success: {
33
+ readonly 50: "#ecfdf5";
34
+ readonly 100: "#d1fae5";
35
+ readonly 500: "#10b981";
36
+ readonly 700: "#047857";
37
+ };
38
+ readonly warning: {
39
+ readonly 50: "#fffbeb";
40
+ readonly 100: "#fef3c7";
41
+ readonly 500: "#f59e0b";
42
+ readonly 700: "#b45309";
43
+ };
44
+ readonly danger: {
45
+ readonly 50: "#fef2f2";
46
+ readonly 100: "#fee2e2";
47
+ readonly 500: "#ef4444";
48
+ readonly 700: "#b91c1c";
49
+ };
50
+ };
51
+ spacing: {
52
+ readonly 0: "0rem";
53
+ readonly px: "0.0625rem";
54
+ readonly 0.5: "0.125rem";
55
+ readonly 1: "0.25rem";
56
+ readonly 1.5: "0.375rem";
57
+ readonly 2: "0.5rem";
58
+ readonly 2.5: "0.625rem";
59
+ readonly 3: "0.75rem";
60
+ readonly 3.5: "0.875rem";
61
+ readonly 4: "1rem";
62
+ readonly 5: "1.25rem";
63
+ readonly 6: "1.5rem";
64
+ readonly 8: "2rem";
65
+ readonly 10: "2.5rem";
66
+ readonly 12: "3rem";
67
+ readonly 16: "4rem";
68
+ readonly 20: "5rem";
69
+ readonly 24: "6rem";
70
+ };
71
+ fontFamily: {
72
+ [k: string]: any;
73
+ };
74
+ fontSize: {
75
+ [k: string]: any;
76
+ };
77
+ fontWeight: {
78
+ [k: string]: string;
79
+ };
80
+ letterSpacing: {
81
+ readonly tighter: "-0.02em";
82
+ readonly tight: "-0.01em";
83
+ readonly normal: "0em";
84
+ readonly wide: "0.01em";
85
+ readonly wider: "0.02em";
86
+ };
87
+ borderRadius: {
88
+ readonly none: "0px";
89
+ readonly sm: "0.125rem";
90
+ readonly md: "0.375rem";
91
+ readonly lg: "0.5rem";
92
+ readonly xl: "0.75rem";
93
+ readonly '2xl': "1rem";
94
+ readonly full: "9999px";
95
+ };
96
+ boxShadow: {
97
+ readonly none: "none";
98
+ readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
99
+ readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 1px 0 rgb(0 0 0 / 0.04)";
100
+ readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
101
+ readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.12), 0 4px 6px -4px rgb(0 0 0 / 0.12)";
102
+ readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.14), 0 8px 10px -6px rgb(0 0 0 / 0.14)";
103
+ readonly focusRing: "0 0 0 3px rgb(37 99 235 / 0.35)";
104
+ };
105
+ extend: {};
106
+ };
107
+ };
108
+
109
+ export { preset as default };
package/dist/tailwind.preset.js ADDED
@@ -0,0 +1,42 @@
1
+ import {
2
+ colors,
3
+ fontFamily,
4
+ fontSize,
5
+ fontWeight,
6
+ letterSpacing,
7
+ radius,
8
+ shadows,
9
+ spacing
10
+ } from "./chunk-MGUKGERA.js";
11
+
12
+ // src/tailwind.preset.ts
13
+ function toMutableObject(obj) {
14
+ return Object.fromEntries(
15
+ Object.entries(obj).map(([k, v]) => {
16
+ if (Array.isArray(v)) return [k, [...v]];
17
+ return [k, v];
18
+ })
19
+ );
20
+ }
21
+ function toStringValues(obj) {
22
+ return Object.fromEntries(
23
+ Object.entries(obj).map(([k, v]) => [k, String(v)])
24
+ );
25
+ }
26
+ var preset = {
27
+ theme: {
28
+ colors,
29
+ spacing,
30
+ fontFamily: toMutableObject(fontFamily),
31
+ fontSize: toMutableObject(fontSize),
32
+ fontWeight: toStringValues(fontWeight),
33
+ letterSpacing,
34
+ borderRadius: radius,
35
+ boxShadow: shadows,
36
+ extend: {}
37
+ }
38
+ };
39
+ var tailwind_preset_default = preset;
40
+ export {
41
+ tailwind_preset_default as default
42
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@axiomui/tokens",
3
- "version": "0.3.0",
3
+ "version": "0.3.1",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -12,6 +12,12 @@
12
12
  "import": "./dist/index.js",
13
13
  "require": "./dist/index.cjs",
14
14
  "default": "./dist/index.js"
15
+ },
16
+ "./tailwind.preset": {
17
+ "types": "./dist/tailwind.preset.d.ts",
18
+ "import": "./dist/tailwind.preset.js",
19
+ "require": "./dist/tailwind.preset.cjs",
20
+ "default": "./dist/tailwind.preset.js"
15
21
  }
16
22
  },
17
23
  "files": [
@@ -19,7 +25,7 @@
19
25
  ],
20
26
  "sideEffects": false,
21
27
  "scripts": {
22
- "build": "tsup src/index.ts --format esm,cjs --dts --clean",
28
+ "build": "tsup src/index.ts src/tailwind.preset.ts --format esm,cjs --dts --clean",
23
29
  "dev": "tsup src/index.ts --format esm,cjs --dts --watch",
24
30
  "lint": "tsc -p tsconfig.json --noEmit",
25
31
  "test": "vitest run --passWithNoTests",