@cortexasystem/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 (6) hide show
  1. package/dist/index.cjs +150 -0
  2. package/dist/index.d.cts +207 -0
  3. package/dist/index.d.ts +207 -0
  4. package/dist/index.js +119 -0
  5. package/package.json +41 -0
  6. package/src/styles.css +141 -0
package/dist/index.cjs ADDED
@@ -0,0 +1,150 @@
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
+ breakpoints: () => breakpoints,
24
+ colors: () => colors,
25
+ cortexaTokens: () => cortexaTokens,
26
+ radius: () => radius,
27
+ shadows: () => shadows,
28
+ spacing: () => spacing,
29
+ typography: () => typography
30
+ });
31
+ module.exports = __toCommonJS(index_exports);
32
+ var colors = {
33
+ light: {
34
+ background: "oklch(0.968 0.004 247.9)",
35
+ foreground: "oklch(0.373 0.025 264.2)",
36
+ card: "oklch(1 0 0)",
37
+ cardForeground: "oklch(0.373 0.025 264.2)",
38
+ primary: "oklch(0.279 0.141 264.5)",
39
+ primaryForeground: "oklch(1 0 0)",
40
+ secondary: "oklch(0.934 0.033 238.7)",
41
+ secondaryForeground: "oklch(0.279 0.141 264.5)",
42
+ muted: "oklch(0.968 0.004 247.9)",
43
+ mutedForeground: "oklch(0.638 0.018 252.9)",
44
+ accent: "oklch(0.97 0.014 254.6)",
45
+ accentForeground: "oklch(0.279 0.141 264.5)",
46
+ destructive: "oklch(0.521 0.192 27.3)",
47
+ destructiveForeground: "oklch(1 0 0)",
48
+ border: "oklch(0.91 0.009 247.9)",
49
+ input: "oklch(0.91 0.009 247.9)",
50
+ ring: "oklch(0.623 0.214 259.8)",
51
+ brand: "oklch(0.279 0.141 264.5)",
52
+ accentBlue: "oklch(0.623 0.214 259.8)",
53
+ success: "oklch(0.527 0.154 150.1)",
54
+ successBg: "oklch(0.951 0.051 150.1)",
55
+ warning: "oklch(0.613 0.157 66.4)",
56
+ warningBg: "oklch(0.984 0.039 66.4)",
57
+ infoBg: "oklch(0.97 0.014 254.6)"
58
+ },
59
+ dark: {
60
+ background: "oklch(0.13 0.037 264.5)",
61
+ foreground: "oklch(0.896 0.013 252.9)",
62
+ card: "oklch(0.211 0.046 264.5)",
63
+ cardForeground: "oklch(0.896 0.013 252.9)",
64
+ primary: "oklch(0.623 0.214 259.8)",
65
+ primaryForeground: "oklch(1 0 0)",
66
+ secondary: "oklch(0.279 0.141 264.5)",
67
+ secondaryForeground: "oklch(0.782 0.058 238.7)",
68
+ muted: "oklch(0.211 0.046 264.5)",
69
+ mutedForeground: "oklch(0.479 0.032 264.2)",
70
+ accent: "oklch(0.279 0.141 264.5)",
71
+ accentForeground: "oklch(0.782 0.058 238.7)",
72
+ destructive: "oklch(0.577 0.245 27.3)",
73
+ destructiveForeground: "oklch(1 0 0)",
74
+ border: "oklch(0.32 0.04 264.2)",
75
+ input: "oklch(0.32 0.04 264.2)",
76
+ ring: "oklch(0.623 0.214 259.8)",
77
+ brand: "oklch(0.623 0.214 259.8)",
78
+ accentBlue: "oklch(0.623 0.214 259.8)",
79
+ success: "oklch(0.527 0.154 150.1)",
80
+ successBg: "oklch(0.18 0.051 150.1)",
81
+ warning: "oklch(0.613 0.157 66.4)",
82
+ warningBg: "oklch(0.18 0.039 66.4)",
83
+ infoBg: "oklch(0.18 0.014 254.6)"
84
+ }
85
+ };
86
+ var typography = {
87
+ fonts: {
88
+ sans: ["Inter", "system-ui", "sans-serif"],
89
+ display: ["Space Grotesk", "sans-serif"],
90
+ mono: ["JetBrains Mono", "monospace"]
91
+ },
92
+ sizes: {
93
+ xs: "0.75rem",
94
+ sm: "0.875rem",
95
+ base: "1rem",
96
+ lg: "1.125rem",
97
+ xl: "1.25rem",
98
+ "2xl": "1.5rem",
99
+ "3xl": "1.875rem"
100
+ }
101
+ };
102
+ var spacing = {
103
+ 0: "0",
104
+ 1: "0.25rem",
105
+ 2: "0.5rem",
106
+ 3: "0.75rem",
107
+ 4: "1rem",
108
+ 5: "1.25rem",
109
+ 6: "1.5rem",
110
+ 8: "2rem",
111
+ 10: "2.5rem",
112
+ 12: "3rem",
113
+ 16: "4rem"
114
+ };
115
+ var radius = {
116
+ sm: "0.25rem",
117
+ md: "0.375rem",
118
+ lg: "0.5rem",
119
+ xl: "0.75rem"
120
+ };
121
+ var shadows = {
122
+ sm: "0 1px 2px rgb(15 23 42 / 0.08)",
123
+ md: "0 8px 24px rgb(15 23 42 / 0.1)",
124
+ lg: "0 16px 40px rgb(15 23 42 / 0.14)"
125
+ };
126
+ var breakpoints = {
127
+ sm: "40rem",
128
+ md: "48rem",
129
+ lg: "64rem",
130
+ xl: "80rem",
131
+ "2xl": "96rem"
132
+ };
133
+ var cortexaTokens = {
134
+ colors,
135
+ typography,
136
+ spacing,
137
+ radius,
138
+ shadows,
139
+ breakpoints
140
+ };
141
+ // Annotate the CommonJS export names for ESM import in node:
142
+ 0 && (module.exports = {
143
+ breakpoints,
144
+ colors,
145
+ cortexaTokens,
146
+ radius,
147
+ shadows,
148
+ spacing,
149
+ typography
150
+ });
package/dist/index.d.cts ADDED
@@ -0,0 +1,207 @@
1
+ declare const colors: {
2
+ readonly light: {
3
+ readonly background: "oklch(0.968 0.004 247.9)";
4
+ readonly foreground: "oklch(0.373 0.025 264.2)";
5
+ readonly card: "oklch(1 0 0)";
6
+ readonly cardForeground: "oklch(0.373 0.025 264.2)";
7
+ readonly primary: "oklch(0.279 0.141 264.5)";
8
+ readonly primaryForeground: "oklch(1 0 0)";
9
+ readonly secondary: "oklch(0.934 0.033 238.7)";
10
+ readonly secondaryForeground: "oklch(0.279 0.141 264.5)";
11
+ readonly muted: "oklch(0.968 0.004 247.9)";
12
+ readonly mutedForeground: "oklch(0.638 0.018 252.9)";
13
+ readonly accent: "oklch(0.97 0.014 254.6)";
14
+ readonly accentForeground: "oklch(0.279 0.141 264.5)";
15
+ readonly destructive: "oklch(0.521 0.192 27.3)";
16
+ readonly destructiveForeground: "oklch(1 0 0)";
17
+ readonly border: "oklch(0.91 0.009 247.9)";
18
+ readonly input: "oklch(0.91 0.009 247.9)";
19
+ readonly ring: "oklch(0.623 0.214 259.8)";
20
+ readonly brand: "oklch(0.279 0.141 264.5)";
21
+ readonly accentBlue: "oklch(0.623 0.214 259.8)";
22
+ readonly success: "oklch(0.527 0.154 150.1)";
23
+ readonly successBg: "oklch(0.951 0.051 150.1)";
24
+ readonly warning: "oklch(0.613 0.157 66.4)";
25
+ readonly warningBg: "oklch(0.984 0.039 66.4)";
26
+ readonly infoBg: "oklch(0.97 0.014 254.6)";
27
+ };
28
+ readonly dark: {
29
+ readonly background: "oklch(0.13 0.037 264.5)";
30
+ readonly foreground: "oklch(0.896 0.013 252.9)";
31
+ readonly card: "oklch(0.211 0.046 264.5)";
32
+ readonly cardForeground: "oklch(0.896 0.013 252.9)";
33
+ readonly primary: "oklch(0.623 0.214 259.8)";
34
+ readonly primaryForeground: "oklch(1 0 0)";
35
+ readonly secondary: "oklch(0.279 0.141 264.5)";
36
+ readonly secondaryForeground: "oklch(0.782 0.058 238.7)";
37
+ readonly muted: "oklch(0.211 0.046 264.5)";
38
+ readonly mutedForeground: "oklch(0.479 0.032 264.2)";
39
+ readonly accent: "oklch(0.279 0.141 264.5)";
40
+ readonly accentForeground: "oklch(0.782 0.058 238.7)";
41
+ readonly destructive: "oklch(0.577 0.245 27.3)";
42
+ readonly destructiveForeground: "oklch(1 0 0)";
43
+ readonly border: "oklch(0.32 0.04 264.2)";
44
+ readonly input: "oklch(0.32 0.04 264.2)";
45
+ readonly ring: "oklch(0.623 0.214 259.8)";
46
+ readonly brand: "oklch(0.623 0.214 259.8)";
47
+ readonly accentBlue: "oklch(0.623 0.214 259.8)";
48
+ readonly success: "oklch(0.527 0.154 150.1)";
49
+ readonly successBg: "oklch(0.18 0.051 150.1)";
50
+ readonly warning: "oklch(0.613 0.157 66.4)";
51
+ readonly warningBg: "oklch(0.18 0.039 66.4)";
52
+ readonly infoBg: "oklch(0.18 0.014 254.6)";
53
+ };
54
+ };
55
+ declare const typography: {
56
+ readonly fonts: {
57
+ readonly sans: readonly ["Inter", "system-ui", "sans-serif"];
58
+ readonly display: readonly ["Space Grotesk", "sans-serif"];
59
+ readonly mono: readonly ["JetBrains Mono", "monospace"];
60
+ };
61
+ readonly sizes: {
62
+ readonly xs: "0.75rem";
63
+ readonly sm: "0.875rem";
64
+ readonly base: "1rem";
65
+ readonly lg: "1.125rem";
66
+ readonly xl: "1.25rem";
67
+ readonly "2xl": "1.5rem";
68
+ readonly "3xl": "1.875rem";
69
+ };
70
+ };
71
+ declare const spacing: {
72
+ readonly 0: "0";
73
+ readonly 1: "0.25rem";
74
+ readonly 2: "0.5rem";
75
+ readonly 3: "0.75rem";
76
+ readonly 4: "1rem";
77
+ readonly 5: "1.25rem";
78
+ readonly 6: "1.5rem";
79
+ readonly 8: "2rem";
80
+ readonly 10: "2.5rem";
81
+ readonly 12: "3rem";
82
+ readonly 16: "4rem";
83
+ };
84
+ declare const radius: {
85
+ readonly sm: "0.25rem";
86
+ readonly md: "0.375rem";
87
+ readonly lg: "0.5rem";
88
+ readonly xl: "0.75rem";
89
+ };
90
+ declare const shadows: {
91
+ readonly sm: "0 1px 2px rgb(15 23 42 / 0.08)";
92
+ readonly md: "0 8px 24px rgb(15 23 42 / 0.1)";
93
+ readonly lg: "0 16px 40px rgb(15 23 42 / 0.14)";
94
+ };
95
+ declare const breakpoints: {
96
+ readonly sm: "40rem";
97
+ readonly md: "48rem";
98
+ readonly lg: "64rem";
99
+ readonly xl: "80rem";
100
+ readonly "2xl": "96rem";
101
+ };
102
+ declare const cortexaTokens: {
103
+ readonly colors: {
104
+ readonly light: {
105
+ readonly background: "oklch(0.968 0.004 247.9)";
106
+ readonly foreground: "oklch(0.373 0.025 264.2)";
107
+ readonly card: "oklch(1 0 0)";
108
+ readonly cardForeground: "oklch(0.373 0.025 264.2)";
109
+ readonly primary: "oklch(0.279 0.141 264.5)";
110
+ readonly primaryForeground: "oklch(1 0 0)";
111
+ readonly secondary: "oklch(0.934 0.033 238.7)";
112
+ readonly secondaryForeground: "oklch(0.279 0.141 264.5)";
113
+ readonly muted: "oklch(0.968 0.004 247.9)";
114
+ readonly mutedForeground: "oklch(0.638 0.018 252.9)";
115
+ readonly accent: "oklch(0.97 0.014 254.6)";
116
+ readonly accentForeground: "oklch(0.279 0.141 264.5)";
117
+ readonly destructive: "oklch(0.521 0.192 27.3)";
118
+ readonly destructiveForeground: "oklch(1 0 0)";
119
+ readonly border: "oklch(0.91 0.009 247.9)";
120
+ readonly input: "oklch(0.91 0.009 247.9)";
121
+ readonly ring: "oklch(0.623 0.214 259.8)";
122
+ readonly brand: "oklch(0.279 0.141 264.5)";
123
+ readonly accentBlue: "oklch(0.623 0.214 259.8)";
124
+ readonly success: "oklch(0.527 0.154 150.1)";
125
+ readonly successBg: "oklch(0.951 0.051 150.1)";
126
+ readonly warning: "oklch(0.613 0.157 66.4)";
127
+ readonly warningBg: "oklch(0.984 0.039 66.4)";
128
+ readonly infoBg: "oklch(0.97 0.014 254.6)";
129
+ };
130
+ readonly dark: {
131
+ readonly background: "oklch(0.13 0.037 264.5)";
132
+ readonly foreground: "oklch(0.896 0.013 252.9)";
133
+ readonly card: "oklch(0.211 0.046 264.5)";
134
+ readonly cardForeground: "oklch(0.896 0.013 252.9)";
135
+ readonly primary: "oklch(0.623 0.214 259.8)";
136
+ readonly primaryForeground: "oklch(1 0 0)";
137
+ readonly secondary: "oklch(0.279 0.141 264.5)";
138
+ readonly secondaryForeground: "oklch(0.782 0.058 238.7)";
139
+ readonly muted: "oklch(0.211 0.046 264.5)";
140
+ readonly mutedForeground: "oklch(0.479 0.032 264.2)";
141
+ readonly accent: "oklch(0.279 0.141 264.5)";
142
+ readonly accentForeground: "oklch(0.782 0.058 238.7)";
143
+ readonly destructive: "oklch(0.577 0.245 27.3)";
144
+ readonly destructiveForeground: "oklch(1 0 0)";
145
+ readonly border: "oklch(0.32 0.04 264.2)";
146
+ readonly input: "oklch(0.32 0.04 264.2)";
147
+ readonly ring: "oklch(0.623 0.214 259.8)";
148
+ readonly brand: "oklch(0.623 0.214 259.8)";
149
+ readonly accentBlue: "oklch(0.623 0.214 259.8)";
150
+ readonly success: "oklch(0.527 0.154 150.1)";
151
+ readonly successBg: "oklch(0.18 0.051 150.1)";
152
+ readonly warning: "oklch(0.613 0.157 66.4)";
153
+ readonly warningBg: "oklch(0.18 0.039 66.4)";
154
+ readonly infoBg: "oklch(0.18 0.014 254.6)";
155
+ };
156
+ };
157
+ readonly typography: {
158
+ readonly fonts: {
159
+ readonly sans: readonly ["Inter", "system-ui", "sans-serif"];
160
+ readonly display: readonly ["Space Grotesk", "sans-serif"];
161
+ readonly mono: readonly ["JetBrains Mono", "monospace"];
162
+ };
163
+ readonly sizes: {
164
+ readonly xs: "0.75rem";
165
+ readonly sm: "0.875rem";
166
+ readonly base: "1rem";
167
+ readonly lg: "1.125rem";
168
+ readonly xl: "1.25rem";
169
+ readonly "2xl": "1.5rem";
170
+ readonly "3xl": "1.875rem";
171
+ };
172
+ };
173
+ readonly spacing: {
174
+ readonly 0: "0";
175
+ readonly 1: "0.25rem";
176
+ readonly 2: "0.5rem";
177
+ readonly 3: "0.75rem";
178
+ readonly 4: "1rem";
179
+ readonly 5: "1.25rem";
180
+ readonly 6: "1.5rem";
181
+ readonly 8: "2rem";
182
+ readonly 10: "2.5rem";
183
+ readonly 12: "3rem";
184
+ readonly 16: "4rem";
185
+ };
186
+ readonly radius: {
187
+ readonly sm: "0.25rem";
188
+ readonly md: "0.375rem";
189
+ readonly lg: "0.5rem";
190
+ readonly xl: "0.75rem";
191
+ };
192
+ readonly shadows: {
193
+ readonly sm: "0 1px 2px rgb(15 23 42 / 0.08)";
194
+ readonly md: "0 8px 24px rgb(15 23 42 / 0.1)";
195
+ readonly lg: "0 16px 40px rgb(15 23 42 / 0.14)";
196
+ };
197
+ readonly breakpoints: {
198
+ readonly sm: "40rem";
199
+ readonly md: "48rem";
200
+ readonly lg: "64rem";
201
+ readonly xl: "80rem";
202
+ readonly "2xl": "96rem";
203
+ };
204
+ };
205
+ type CortexaTokens = typeof cortexaTokens;
206
+
207
+ export { type CortexaTokens, breakpoints, colors, cortexaTokens, radius, shadows, spacing, typography };
package/dist/index.d.ts ADDED
@@ -0,0 +1,207 @@
1
+ declare const colors: {
2
+ readonly light: {
3
+ readonly background: "oklch(0.968 0.004 247.9)";
4
+ readonly foreground: "oklch(0.373 0.025 264.2)";
5
+ readonly card: "oklch(1 0 0)";
6
+ readonly cardForeground: "oklch(0.373 0.025 264.2)";
7
+ readonly primary: "oklch(0.279 0.141 264.5)";
8
+ readonly primaryForeground: "oklch(1 0 0)";
9
+ readonly secondary: "oklch(0.934 0.033 238.7)";
10
+ readonly secondaryForeground: "oklch(0.279 0.141 264.5)";
11
+ readonly muted: "oklch(0.968 0.004 247.9)";
12
+ readonly mutedForeground: "oklch(0.638 0.018 252.9)";
13
+ readonly accent: "oklch(0.97 0.014 254.6)";
14
+ readonly accentForeground: "oklch(0.279 0.141 264.5)";
15
+ readonly destructive: "oklch(0.521 0.192 27.3)";
16
+ readonly destructiveForeground: "oklch(1 0 0)";
17
+ readonly border: "oklch(0.91 0.009 247.9)";
18
+ readonly input: "oklch(0.91 0.009 247.9)";
19
+ readonly ring: "oklch(0.623 0.214 259.8)";
20
+ readonly brand: "oklch(0.279 0.141 264.5)";
21
+ readonly accentBlue: "oklch(0.623 0.214 259.8)";
22
+ readonly success: "oklch(0.527 0.154 150.1)";
23
+ readonly successBg: "oklch(0.951 0.051 150.1)";
24
+ readonly warning: "oklch(0.613 0.157 66.4)";
25
+ readonly warningBg: "oklch(0.984 0.039 66.4)";
26
+ readonly infoBg: "oklch(0.97 0.014 254.6)";
27
+ };
28
+ readonly dark: {
29
+ readonly background: "oklch(0.13 0.037 264.5)";
30
+ readonly foreground: "oklch(0.896 0.013 252.9)";
31
+ readonly card: "oklch(0.211 0.046 264.5)";
32
+ readonly cardForeground: "oklch(0.896 0.013 252.9)";
33
+ readonly primary: "oklch(0.623 0.214 259.8)";
34
+ readonly primaryForeground: "oklch(1 0 0)";
35
+ readonly secondary: "oklch(0.279 0.141 264.5)";
36
+ readonly secondaryForeground: "oklch(0.782 0.058 238.7)";
37
+ readonly muted: "oklch(0.211 0.046 264.5)";
38
+ readonly mutedForeground: "oklch(0.479 0.032 264.2)";
39
+ readonly accent: "oklch(0.279 0.141 264.5)";
40
+ readonly accentForeground: "oklch(0.782 0.058 238.7)";
41
+ readonly destructive: "oklch(0.577 0.245 27.3)";
42
+ readonly destructiveForeground: "oklch(1 0 0)";
43
+ readonly border: "oklch(0.32 0.04 264.2)";
44
+ readonly input: "oklch(0.32 0.04 264.2)";
45
+ readonly ring: "oklch(0.623 0.214 259.8)";
46
+ readonly brand: "oklch(0.623 0.214 259.8)";
47
+ readonly accentBlue: "oklch(0.623 0.214 259.8)";
48
+ readonly success: "oklch(0.527 0.154 150.1)";
49
+ readonly successBg: "oklch(0.18 0.051 150.1)";
50
+ readonly warning: "oklch(0.613 0.157 66.4)";
51
+ readonly warningBg: "oklch(0.18 0.039 66.4)";
52
+ readonly infoBg: "oklch(0.18 0.014 254.6)";
53
+ };
54
+ };
55
+ declare const typography: {
56
+ readonly fonts: {
57
+ readonly sans: readonly ["Inter", "system-ui", "sans-serif"];
58
+ readonly display: readonly ["Space Grotesk", "sans-serif"];
59
+ readonly mono: readonly ["JetBrains Mono", "monospace"];
60
+ };
61
+ readonly sizes: {
62
+ readonly xs: "0.75rem";
63
+ readonly sm: "0.875rem";
64
+ readonly base: "1rem";
65
+ readonly lg: "1.125rem";
66
+ readonly xl: "1.25rem";
67
+ readonly "2xl": "1.5rem";
68
+ readonly "3xl": "1.875rem";
69
+ };
70
+ };
71
+ declare const spacing: {
72
+ readonly 0: "0";
73
+ readonly 1: "0.25rem";
74
+ readonly 2: "0.5rem";
75
+ readonly 3: "0.75rem";
76
+ readonly 4: "1rem";
77
+ readonly 5: "1.25rem";
78
+ readonly 6: "1.5rem";
79
+ readonly 8: "2rem";
80
+ readonly 10: "2.5rem";
81
+ readonly 12: "3rem";
82
+ readonly 16: "4rem";
83
+ };
84
+ declare const radius: {
85
+ readonly sm: "0.25rem";
86
+ readonly md: "0.375rem";
87
+ readonly lg: "0.5rem";
88
+ readonly xl: "0.75rem";
89
+ };
90
+ declare const shadows: {
91
+ readonly sm: "0 1px 2px rgb(15 23 42 / 0.08)";
92
+ readonly md: "0 8px 24px rgb(15 23 42 / 0.1)";
93
+ readonly lg: "0 16px 40px rgb(15 23 42 / 0.14)";
94
+ };
95
+ declare const breakpoints: {
96
+ readonly sm: "40rem";
97
+ readonly md: "48rem";
98
+ readonly lg: "64rem";
99
+ readonly xl: "80rem";
100
+ readonly "2xl": "96rem";
101
+ };
102
+ declare const cortexaTokens: {
103
+ readonly colors: {
104
+ readonly light: {
105
+ readonly background: "oklch(0.968 0.004 247.9)";
106
+ readonly foreground: "oklch(0.373 0.025 264.2)";
107
+ readonly card: "oklch(1 0 0)";
108
+ readonly cardForeground: "oklch(0.373 0.025 264.2)";
109
+ readonly primary: "oklch(0.279 0.141 264.5)";
110
+ readonly primaryForeground: "oklch(1 0 0)";
111
+ readonly secondary: "oklch(0.934 0.033 238.7)";
112
+ readonly secondaryForeground: "oklch(0.279 0.141 264.5)";
113
+ readonly muted: "oklch(0.968 0.004 247.9)";
114
+ readonly mutedForeground: "oklch(0.638 0.018 252.9)";
115
+ readonly accent: "oklch(0.97 0.014 254.6)";
116
+ readonly accentForeground: "oklch(0.279 0.141 264.5)";
117
+ readonly destructive: "oklch(0.521 0.192 27.3)";
118
+ readonly destructiveForeground: "oklch(1 0 0)";
119
+ readonly border: "oklch(0.91 0.009 247.9)";
120
+ readonly input: "oklch(0.91 0.009 247.9)";
121
+ readonly ring: "oklch(0.623 0.214 259.8)";
122
+ readonly brand: "oklch(0.279 0.141 264.5)";
123
+ readonly accentBlue: "oklch(0.623 0.214 259.8)";
124
+ readonly success: "oklch(0.527 0.154 150.1)";
125
+ readonly successBg: "oklch(0.951 0.051 150.1)";
126
+ readonly warning: "oklch(0.613 0.157 66.4)";
127
+ readonly warningBg: "oklch(0.984 0.039 66.4)";
128
+ readonly infoBg: "oklch(0.97 0.014 254.6)";
129
+ };
130
+ readonly dark: {
131
+ readonly background: "oklch(0.13 0.037 264.5)";
132
+ readonly foreground: "oklch(0.896 0.013 252.9)";
133
+ readonly card: "oklch(0.211 0.046 264.5)";
134
+ readonly cardForeground: "oklch(0.896 0.013 252.9)";
135
+ readonly primary: "oklch(0.623 0.214 259.8)";
136
+ readonly primaryForeground: "oklch(1 0 0)";
137
+ readonly secondary: "oklch(0.279 0.141 264.5)";
138
+ readonly secondaryForeground: "oklch(0.782 0.058 238.7)";
139
+ readonly muted: "oklch(0.211 0.046 264.5)";
140
+ readonly mutedForeground: "oklch(0.479 0.032 264.2)";
141
+ readonly accent: "oklch(0.279 0.141 264.5)";
142
+ readonly accentForeground: "oklch(0.782 0.058 238.7)";
143
+ readonly destructive: "oklch(0.577 0.245 27.3)";
144
+ readonly destructiveForeground: "oklch(1 0 0)";
145
+ readonly border: "oklch(0.32 0.04 264.2)";
146
+ readonly input: "oklch(0.32 0.04 264.2)";
147
+ readonly ring: "oklch(0.623 0.214 259.8)";
148
+ readonly brand: "oklch(0.623 0.214 259.8)";
149
+ readonly accentBlue: "oklch(0.623 0.214 259.8)";
150
+ readonly success: "oklch(0.527 0.154 150.1)";
151
+ readonly successBg: "oklch(0.18 0.051 150.1)";
152
+ readonly warning: "oklch(0.613 0.157 66.4)";
153
+ readonly warningBg: "oklch(0.18 0.039 66.4)";
154
+ readonly infoBg: "oklch(0.18 0.014 254.6)";
155
+ };
156
+ };
157
+ readonly typography: {
158
+ readonly fonts: {
159
+ readonly sans: readonly ["Inter", "system-ui", "sans-serif"];
160
+ readonly display: readonly ["Space Grotesk", "sans-serif"];
161
+ readonly mono: readonly ["JetBrains Mono", "monospace"];
162
+ };
163
+ readonly sizes: {
164
+ readonly xs: "0.75rem";
165
+ readonly sm: "0.875rem";
166
+ readonly base: "1rem";
167
+ readonly lg: "1.125rem";
168
+ readonly xl: "1.25rem";
169
+ readonly "2xl": "1.5rem";
170
+ readonly "3xl": "1.875rem";
171
+ };
172
+ };
173
+ readonly spacing: {
174
+ readonly 0: "0";
175
+ readonly 1: "0.25rem";
176
+ readonly 2: "0.5rem";
177
+ readonly 3: "0.75rem";
178
+ readonly 4: "1rem";
179
+ readonly 5: "1.25rem";
180
+ readonly 6: "1.5rem";
181
+ readonly 8: "2rem";
182
+ readonly 10: "2.5rem";
183
+ readonly 12: "3rem";
184
+ readonly 16: "4rem";
185
+ };
186
+ readonly radius: {
187
+ readonly sm: "0.25rem";
188
+ readonly md: "0.375rem";
189
+ readonly lg: "0.5rem";
190
+ readonly xl: "0.75rem";
191
+ };
192
+ readonly shadows: {
193
+ readonly sm: "0 1px 2px rgb(15 23 42 / 0.08)";
194
+ readonly md: "0 8px 24px rgb(15 23 42 / 0.1)";
195
+ readonly lg: "0 16px 40px rgb(15 23 42 / 0.14)";
196
+ };
197
+ readonly breakpoints: {
198
+ readonly sm: "40rem";
199
+ readonly md: "48rem";
200
+ readonly lg: "64rem";
201
+ readonly xl: "80rem";
202
+ readonly "2xl": "96rem";
203
+ };
204
+ };
205
+ type CortexaTokens = typeof cortexaTokens;
206
+
207
+ export { type CortexaTokens, breakpoints, colors, cortexaTokens, radius, shadows, spacing, typography };
package/dist/index.js ADDED
@@ -0,0 +1,119 @@
1
+ // src/index.ts
2
+ var colors = {
3
+ light: {
4
+ background: "oklch(0.968 0.004 247.9)",
5
+ foreground: "oklch(0.373 0.025 264.2)",
6
+ card: "oklch(1 0 0)",
7
+ cardForeground: "oklch(0.373 0.025 264.2)",
8
+ primary: "oklch(0.279 0.141 264.5)",
9
+ primaryForeground: "oklch(1 0 0)",
10
+ secondary: "oklch(0.934 0.033 238.7)",
11
+ secondaryForeground: "oklch(0.279 0.141 264.5)",
12
+ muted: "oklch(0.968 0.004 247.9)",
13
+ mutedForeground: "oklch(0.638 0.018 252.9)",
14
+ accent: "oklch(0.97 0.014 254.6)",
15
+ accentForeground: "oklch(0.279 0.141 264.5)",
16
+ destructive: "oklch(0.521 0.192 27.3)",
17
+ destructiveForeground: "oklch(1 0 0)",
18
+ border: "oklch(0.91 0.009 247.9)",
19
+ input: "oklch(0.91 0.009 247.9)",
20
+ ring: "oklch(0.623 0.214 259.8)",
21
+ brand: "oklch(0.279 0.141 264.5)",
22
+ accentBlue: "oklch(0.623 0.214 259.8)",
23
+ success: "oklch(0.527 0.154 150.1)",
24
+ successBg: "oklch(0.951 0.051 150.1)",
25
+ warning: "oklch(0.613 0.157 66.4)",
26
+ warningBg: "oklch(0.984 0.039 66.4)",
27
+ infoBg: "oklch(0.97 0.014 254.6)"
28
+ },
29
+ dark: {
30
+ background: "oklch(0.13 0.037 264.5)",
31
+ foreground: "oklch(0.896 0.013 252.9)",
32
+ card: "oklch(0.211 0.046 264.5)",
33
+ cardForeground: "oklch(0.896 0.013 252.9)",
34
+ primary: "oklch(0.623 0.214 259.8)",
35
+ primaryForeground: "oklch(1 0 0)",
36
+ secondary: "oklch(0.279 0.141 264.5)",
37
+ secondaryForeground: "oklch(0.782 0.058 238.7)",
38
+ muted: "oklch(0.211 0.046 264.5)",
39
+ mutedForeground: "oklch(0.479 0.032 264.2)",
40
+ accent: "oklch(0.279 0.141 264.5)",
41
+ accentForeground: "oklch(0.782 0.058 238.7)",
42
+ destructive: "oklch(0.577 0.245 27.3)",
43
+ destructiveForeground: "oklch(1 0 0)",
44
+ border: "oklch(0.32 0.04 264.2)",
45
+ input: "oklch(0.32 0.04 264.2)",
46
+ ring: "oklch(0.623 0.214 259.8)",
47
+ brand: "oklch(0.623 0.214 259.8)",
48
+ accentBlue: "oklch(0.623 0.214 259.8)",
49
+ success: "oklch(0.527 0.154 150.1)",
50
+ successBg: "oklch(0.18 0.051 150.1)",
51
+ warning: "oklch(0.613 0.157 66.4)",
52
+ warningBg: "oklch(0.18 0.039 66.4)",
53
+ infoBg: "oklch(0.18 0.014 254.6)"
54
+ }
55
+ };
56
+ var typography = {
57
+ fonts: {
58
+ sans: ["Inter", "system-ui", "sans-serif"],
59
+ display: ["Space Grotesk", "sans-serif"],
60
+ mono: ["JetBrains Mono", "monospace"]
61
+ },
62
+ sizes: {
63
+ xs: "0.75rem",
64
+ sm: "0.875rem",
65
+ base: "1rem",
66
+ lg: "1.125rem",
67
+ xl: "1.25rem",
68
+ "2xl": "1.5rem",
69
+ "3xl": "1.875rem"
70
+ }
71
+ };
72
+ var spacing = {
73
+ 0: "0",
74
+ 1: "0.25rem",
75
+ 2: "0.5rem",
76
+ 3: "0.75rem",
77
+ 4: "1rem",
78
+ 5: "1.25rem",
79
+ 6: "1.5rem",
80
+ 8: "2rem",
81
+ 10: "2.5rem",
82
+ 12: "3rem",
83
+ 16: "4rem"
84
+ };
85
+ var radius = {
86
+ sm: "0.25rem",
87
+ md: "0.375rem",
88
+ lg: "0.5rem",
89
+ xl: "0.75rem"
90
+ };
91
+ var shadows = {
92
+ sm: "0 1px 2px rgb(15 23 42 / 0.08)",
93
+ md: "0 8px 24px rgb(15 23 42 / 0.1)",
94
+ lg: "0 16px 40px rgb(15 23 42 / 0.14)"
95
+ };
96
+ var breakpoints = {
97
+ sm: "40rem",
98
+ md: "48rem",
99
+ lg: "64rem",
100
+ xl: "80rem",
101
+ "2xl": "96rem"
102
+ };
103
+ var cortexaTokens = {
104
+ colors,
105
+ typography,
106
+ spacing,
107
+ radius,
108
+ shadows,
109
+ breakpoints
110
+ };
111
+ export {
112
+ breakpoints,
113
+ colors,
114
+ cortexaTokens,
115
+ radius,
116
+ shadows,
117
+ spacing,
118
+ typography
119
+ };
package/package.json ADDED
@@ -0,0 +1,41 @@
1
+ {
2
+ "name": "@cortexasystem/tokens",
3
+ "version": "0.1.0",
4
+ "type": "module",
5
+ "main": "./dist/index.cjs",
6
+ "module": "./dist/index.js",
7
+ "types": "./dist/index.d.ts",
8
+ "exports": {
9
+ ".": {
10
+ "types": "./dist/index.d.ts",
11
+ "import": "./dist/index.js",
12
+ "require": "./dist/index.cjs"
13
+ },
14
+ "./styles.css": "./src/styles.css"
15
+ },
16
+ "files": [
17
+ "dist",
18
+ "src/styles.css"
19
+ ],
20
+ "publishConfig": {
21
+ "access": "public"
22
+ },
23
+ "peerDependencies": {
24
+ "tailwindcss": "^4.2.2"
25
+ },
26
+ "sideEffects": [
27
+ "**/*.css"
28
+ ],
29
+ "devDependencies": {
30
+ "eslint": "^9.39.4",
31
+ "tsup": "^8.3.5",
32
+ "typescript": "~6.0.2",
33
+ "@cortexa/tsconfig": "0.1.0",
34
+ "@cortexa/eslint-config": "0.1.0"
35
+ },
36
+ "scripts": {
37
+ "build": "tsup src/index.ts --format esm,cjs --dts --clean",
38
+ "lint": "eslint src --ext .ts,.tsx",
39
+ "typecheck": "tsc --project tsconfig.json --noEmit"
40
+ }
41
+ }
package/src/styles.css ADDED
@@ -0,0 +1,141 @@
1
+ @import "tailwindcss";
2
+
3
+ @theme inline {
4
+ --font-sans: "Inter", system-ui, sans-serif;
5
+ --font-display: "Space Grotesk", sans-serif;
6
+ --font-mono: "JetBrains Mono", monospace;
7
+
8
+ --color-background: var(--background);
9
+ --color-foreground: var(--foreground);
10
+ --color-card: var(--card);
11
+ --color-card-foreground: var(--card-foreground);
12
+ --color-popover: var(--popover);
13
+ --color-popover-foreground: var(--popover-foreground);
14
+ --color-primary: var(--primary);
15
+ --color-primary-foreground: var(--primary-foreground);
16
+ --color-secondary: var(--secondary);
17
+ --color-secondary-foreground: var(--secondary-foreground);
18
+ --color-muted: var(--muted);
19
+ --color-muted-foreground: var(--muted-foreground);
20
+ --color-accent: var(--accent);
21
+ --color-accent-foreground: var(--accent-foreground);
22
+ --color-destructive: var(--destructive);
23
+ --color-destructive-foreground: var(--destructive-foreground);
24
+ --color-border: var(--border);
25
+ --color-input: var(--input);
26
+ --color-ring: var(--ring);
27
+ --color-brand: var(--brand);
28
+ --color-accent-blue: var(--accent-blue);
29
+ --color-success: var(--success);
30
+ --color-success-bg: var(--success-bg);
31
+ --color-warning: var(--warning);
32
+ --color-warning-bg: var(--warning-bg);
33
+ --color-info-bg: var(--info-bg);
34
+ --radius-sm: calc(var(--radius) - 4px);
35
+ --radius-md: calc(var(--radius) - 2px);
36
+ --radius-lg: var(--radius);
37
+ --radius-xl: calc(var(--radius) + 4px);
38
+ --shadow-sm: var(--shadow-sm-token);
39
+ --shadow-md: var(--shadow-md-token);
40
+ --shadow-lg: var(--shadow-lg-token);
41
+ --spacing-1: var(--space-1);
42
+ --spacing-2: var(--space-2);
43
+ --spacing-3: var(--space-3);
44
+ --spacing-4: var(--space-4);
45
+ --spacing-5: var(--space-5);
46
+ --spacing-6: var(--space-6);
47
+ --spacing-8: var(--space-8);
48
+ --spacing-10: var(--space-10);
49
+ --spacing-12: var(--space-12);
50
+ --spacing-16: var(--space-16);
51
+ }
52
+
53
+ @layer base {
54
+ :root {
55
+ --background: oklch(0.968 0.004 247.9);
56
+ --foreground: oklch(0.373 0.025 264.2);
57
+ --card: oklch(1 0 0);
58
+ --card-foreground: oklch(0.373 0.025 264.2);
59
+ --popover: oklch(1 0 0);
60
+ --popover-foreground: oklch(0.373 0.025 264.2);
61
+ --primary: oklch(0.279 0.141 264.5);
62
+ --primary-foreground: oklch(1 0 0);
63
+ --secondary: oklch(0.934 0.033 238.7);
64
+ --secondary-foreground: oklch(0.279 0.141 264.5);
65
+ --muted: oklch(0.968 0.004 247.9);
66
+ --muted-foreground: oklch(0.638 0.018 252.9);
67
+ --accent: oklch(0.97 0.014 254.6);
68
+ --accent-foreground: oklch(0.279 0.141 264.5);
69
+ --destructive: oklch(0.521 0.192 27.3);
70
+ --destructive-foreground: oklch(1 0 0);
71
+ --border: oklch(0.91 0.009 247.9);
72
+ --input: oklch(0.91 0.009 247.9);
73
+ --ring: oklch(0.623 0.214 259.8);
74
+ --brand: oklch(0.279 0.141 264.5);
75
+ --accent-blue: oklch(0.623 0.214 259.8);
76
+ --success: oklch(0.527 0.154 150.1);
77
+ --success-bg: oklch(0.951 0.051 150.1);
78
+ --warning: oklch(0.613 0.157 66.4);
79
+ --warning-bg: oklch(0.984 0.039 66.4);
80
+ --info-bg: oklch(0.97 0.014 254.6);
81
+ --radius: 0.5rem;
82
+ --shadow-sm-token: 0 1px 2px rgb(15 23 42 / 0.08);
83
+ --shadow-md-token: 0 8px 24px rgb(15 23 42 / 0.1);
84
+ --shadow-lg-token: 0 16px 40px rgb(15 23 42 / 0.14);
85
+ --space-1: 0.25rem;
86
+ --space-2: 0.5rem;
87
+ --space-3: 0.75rem;
88
+ --space-4: 1rem;
89
+ --space-5: 1.25rem;
90
+ --space-6: 1.5rem;
91
+ --space-8: 2rem;
92
+ --space-10: 2.5rem;
93
+ --space-12: 3rem;
94
+ --space-16: 4rem;
95
+ }
96
+
97
+ .dark {
98
+ --background: oklch(0.13 0.037 264.5);
99
+ --foreground: oklch(0.896 0.013 252.9);
100
+ --card: oklch(0.211 0.046 264.5);
101
+ --card-foreground: oklch(0.896 0.013 252.9);
102
+ --popover: oklch(0.211 0.046 264.5);
103
+ --popover-foreground: oklch(0.896 0.013 252.9);
104
+ --primary: oklch(0.623 0.214 259.8);
105
+ --primary-foreground: oklch(1 0 0);
106
+ --secondary: oklch(0.279 0.141 264.5);
107
+ --secondary-foreground: oklch(0.782 0.058 238.7);
108
+ --muted: oklch(0.211 0.046 264.5);
109
+ --muted-foreground: oklch(0.479 0.032 264.2);
110
+ --accent: oklch(0.279 0.141 264.5);
111
+ --accent-foreground: oklch(0.782 0.058 238.7);
112
+ --destructive: oklch(0.577 0.245 27.3);
113
+ --destructive-foreground: oklch(1 0 0);
114
+ --border: oklch(0.32 0.04 264.2);
115
+ --input: oklch(0.32 0.04 264.2);
116
+ --ring: oklch(0.623 0.214 259.8);
117
+ --brand: oklch(0.623 0.214 259.8);
118
+ --accent-blue: oklch(0.623 0.214 259.8);
119
+ --success-bg: oklch(0.18 0.051 150.1);
120
+ --warning-bg: oklch(0.18 0.039 66.4);
121
+ --info-bg: oklch(0.18 0.014 254.6);
122
+ }
123
+
124
+ * {
125
+ border-color: var(--border);
126
+ outline-color: var(--ring);
127
+ }
128
+
129
+ html,
130
+ body {
131
+ min-height: 100%;
132
+ }
133
+
134
+ body {
135
+ background-color: var(--background);
136
+ color: var(--foreground);
137
+ font-family: var(--font-sans);
138
+ -webkit-font-smoothing: antialiased;
139
+ -moz-osx-font-smoothing: grayscale;
140
+ }
141
+ }