@nexub/tokens 1.0.0 → 1.2.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 (14) hide show
  1. package/dist/css/variables.css +56 -9
  2. package/dist/js/generated/tokens.d.ts +60 -12
  3. package/dist/js/generated/tokens.js +60 -12
  4. package/dist/js/index.d.ts +0 -1
  5. package/dist/js/index.js +0 -1
  6. package/dist/json/tokens.json +56 -9
  7. package/dist/tailwind/preset.js +51 -0
  8. package/package.json +18 -7
  9. package/dist/css/dark.css +0 -1
  10. package/dist/css/light.css +0 -2
  11. package/dist/js/generated/tokens.d.ts.map +0 -1
  12. package/dist/js/generated/tokens.js.map +0 -1
  13. package/dist/js/index.d.ts.map +0 -1
  14. package/dist/js/index.js.map +0 -1
package/dist/css/variables.css CHANGED
@@ -3,11 +3,53 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --breakpoint-sm: 640px;
7
- --breakpoint-md: 768px;
8
- --breakpoint-lg: 1024px;
9
- --breakpoint-xl: 1280px;
10
- --breakpoint-2xl: 1536px;
6
+ --color-brand-mark-1: #242cdd;
7
+ --color-brand-mark-2: #5b3ded;
8
+ --color-brand-mark-3: #5b5cf6;
9
+ --color-brand-mark-4: #5b78fe;
10
+ --color-brand-mark-5: #6180fe;
11
+ --color-brand-mark-6: #7297fe;
12
+ --color-brand-mark-7: #8ebdfe;
13
+ --color-brand-mark-8: #b5f2fe;
14
+ --color-brand-mark-9: #190e76;
15
+ --color-brand-mark-10: #3824b0;
16
+ --color-brand-mark-11: #462fca;
17
+ --color-brand-mark-12: #4e37cd;
18
+ --color-brand-mark-13: #654dd5;
19
+ --color-brand-mark-14: #8b72e3;
20
+ --color-brand-mark-15: #bfa4f6;
21
+ --color-brand-mark-16: #eeb4ff;
22
+ --color-brand-mark-17: #5328c7;
23
+ --color-brand-mark-18: #b34fed;
24
+ --color-brand-mark-19: #fca9f1;
25
+ --color-brand-mark-20: #353adf;
26
+ --color-brand-mark-21: #8683ef;
27
+ --color-brand-mark-22: #925dec;
28
+ --color-brand-mark-23: #311b9c;
29
+ --color-brand-mark-24: #f9abf9;
30
+ --color-brand-mark-25: #8d59eb;
31
+ --color-brand-mark-26: #2223bd;
32
+ --color-brand-mark-27: #4c2be1;
33
+ --color-brand-mark-28: #7b4cf5;
34
+ --color-brand-mark-29: #3125a9;
35
+ --color-brand-mark-30: #1b0e8a;
36
+ --color-brand-mark-31: #c5dcff;
37
+ --color-brand-mark-32: #f6ecfd;
38
+ --color-brand-mark-33: #b3d6fe;
39
+ --color-brand-mark-34: #f8f4fd;
40
+ --color-brand-mark-35: #e9bdf9;
41
+ --color-brand-mark-36: #ad6efc;
42
+ --color-brand-mark-37: #391fa7;
43
+ --color-brand-mark-38: #301a9c;
44
+ --color-brand-mark-39: #849bfd;
45
+ --color-brand-mark-40: #c6eefe;
46
+ --color-brand-mark-41: #fefdfe;
47
+ --color-brand-mark-42: #1f137a;
48
+ --color-brand-mark-43: #312285;
49
+ --color-brand-mark-44: #4f3c98;
50
+ --color-brand-mark-45: #795fb2;
51
+ --color-brand-mark-46: #ae8bd4;
52
+ --color-brand-mark-47: #f7fbfe;
11
53
  --color-brand-primary-50: #eff6ff;
12
54
  --color-brand-primary-100: #dbeafe;
13
55
  --color-brand-primary-200: #bfdbfe;
@@ -16,7 +58,7 @@
16
58
  --color-brand-primary-500: #4099f1;
17
59
  --color-brand-primary-600: #2563eb;
18
60
  --color-brand-primary-700: #1d4ed8;
19
- --color-brand-primary-800: #1e3a8a;
61
+ --color-brand-primary-800: #1e40af;
20
62
  --color-brand-primary-900: #1e3a8a;
21
63
  --color-brand-primary-950: #1b3b6f;
22
64
  --color-accent-leap-50: #eef2ff;
@@ -123,6 +165,11 @@
123
165
  --color-chart-6: #06b6d4;
124
166
  --color-chart-7: #ec4899;
125
167
  --color-chart-8: #84cc16;
168
+ --breakpoint-sm: 640px;
169
+ --breakpoint-md: 768px;
170
+ --breakpoint-lg: 1024px;
171
+ --breakpoint-xl: 1280px;
172
+ --breakpoint-2xl: 1536px;
126
173
  --gradient-brand: linear-gradient(135deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%);
127
174
  --gradient-brand-horizontal: linear-gradient(90deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%);
128
175
  --gradient-hero-ambient: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(64,153,241,0.12) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 80%, rgba(28,206,102,0.06) 0%, transparent 50%), #ffffff;
@@ -217,10 +264,10 @@
217
264
  --container-2xl: 1536px;
218
265
  --container-nexub: 1440px;
219
266
  --container-prose: 65ch;
220
- --font-family-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
267
+ --font-family-sans: 'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
221
268
  --font-family-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', monospace;
222
- --font-family-devanagari: 'Noto Sans Devanagari', 'Geist', ui-sans-serif, sans-serif;
223
- --font-family-tamil: 'Noto Sans Tamil', 'Geist', ui-sans-serif, sans-serif;
269
+ --font-family-devanagari: 'Noto Sans Devanagari', 'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', ui-sans-serif, sans-serif;
270
+ --font-family-tamil: 'Noto Sans Tamil', 'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', ui-sans-serif, sans-serif;
224
271
  --font-weight-regular: 400;
225
272
  --font-weight-medium: 500;
226
273
  --font-weight-semibold: 600;
package/dist/js/generated/tokens.d.ts CHANGED
@@ -1,13 +1,55 @@
1
1
  export declare const tokens: {
2
- readonly breakpoint: {
3
- readonly sm: "640px";
4
- readonly md: "768px";
5
- readonly lg: "1024px";
6
- readonly xl: "1280px";
7
- readonly "2xl": "1536px";
8
- };
9
2
  readonly color: {
10
3
  readonly brand: {
4
+ readonly mark: {
5
+ readonly "1": "#242cdd";
6
+ readonly "2": "#5b3ded";
7
+ readonly "3": "#5b5cf6";
8
+ readonly "4": "#5b78fe";
9
+ readonly "5": "#6180fe";
10
+ readonly "6": "#7297fe";
11
+ readonly "7": "#8ebdfe";
12
+ readonly "8": "#b5f2fe";
13
+ readonly "9": "#190e76";
14
+ readonly "10": "#3824b0";
15
+ readonly "11": "#462fca";
16
+ readonly "12": "#4e37cd";
17
+ readonly "13": "#654dd5";
18
+ readonly "14": "#8b72e3";
19
+ readonly "15": "#bfa4f6";
20
+ readonly "16": "#eeb4ff";
21
+ readonly "17": "#5328c7";
22
+ readonly "18": "#b34fed";
23
+ readonly "19": "#fca9f1";
24
+ readonly "20": "#353adf";
25
+ readonly "21": "#8683ef";
26
+ readonly "22": "#925dec";
27
+ readonly "23": "#311b9c";
28
+ readonly "24": "#f9abf9";
29
+ readonly "25": "#8d59eb";
30
+ readonly "26": "#2223bd";
31
+ readonly "27": "#4c2be1";
32
+ readonly "28": "#7b4cf5";
33
+ readonly "29": "#3125a9";
34
+ readonly "30": "#1b0e8a";
35
+ readonly "31": "#c5dcff";
36
+ readonly "32": "#f6ecfd";
37
+ readonly "33": "#b3d6fe";
38
+ readonly "34": "#f8f4fd";
39
+ readonly "35": "#e9bdf9";
40
+ readonly "36": "#ad6efc";
41
+ readonly "37": "#391fa7";
42
+ readonly "38": "#301a9c";
43
+ readonly "39": "#849bfd";
44
+ readonly "40": "#c6eefe";
45
+ readonly "41": "#fefdfe";
46
+ readonly "42": "#1f137a";
47
+ readonly "43": "#312285";
48
+ readonly "44": "#4f3c98";
49
+ readonly "45": "#795fb2";
50
+ readonly "46": "#ae8bd4";
51
+ readonly "47": "#f7fbfe";
52
+ };
11
53
  readonly primary: {
12
54
  readonly "50": "#eff6ff";
13
55
  readonly "100": "#dbeafe";
@@ -17,7 +59,7 @@ export declare const tokens: {
17
59
  readonly "500": "#4099f1";
18
60
  readonly "600": "#2563eb";
19
61
  readonly "700": "#1d4ed8";
20
- readonly "800": "#1e3a8a";
62
+ readonly "800": "#1e40af";
21
63
  readonly "900": "#1e3a8a";
22
64
  readonly "950": "#1b3b6f";
23
65
  };
@@ -161,6 +203,13 @@ export declare const tokens: {
161
203
  readonly "8": "#84cc16";
162
204
  };
163
205
  };
206
+ readonly breakpoint: {
207
+ readonly sm: "640px";
208
+ readonly md: "768px";
209
+ readonly lg: "1024px";
210
+ readonly xl: "1280px";
211
+ readonly "2xl": "1536px";
212
+ };
164
213
  readonly gradient: {
165
214
  readonly brand: "linear-gradient(135deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)";
166
215
  readonly "brand-horizontal": "linear-gradient(90deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)";
@@ -281,10 +330,10 @@ export declare const tokens: {
281
330
  };
282
331
  readonly font: {
283
332
  readonly family: {
284
- readonly sans: "'Geist', ui-sans-serif, system-ui, sans-serif";
333
+ readonly sans: "'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif";
285
334
  readonly mono: "'Geist Mono', ui-monospace, 'SFMono-Regular', monospace";
286
- readonly devanagari: "'Noto Sans Devanagari', 'Geist', ui-sans-serif, sans-serif";
287
- readonly tamil: "'Noto Sans Tamil', 'Geist', ui-sans-serif, sans-serif";
335
+ readonly devanagari: "'Noto Sans Devanagari', 'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', ui-sans-serif, sans-serif";
336
+ readonly tamil: "'Noto Sans Tamil', 'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', ui-sans-serif, sans-serif";
288
337
  };
289
338
  readonly weight: {
290
339
  readonly regular: "400";
@@ -391,4 +440,3 @@ export declare const tokens: {
391
440
  };
392
441
  };
393
442
  export type Tokens = typeof tokens;
394
- //# sourceMappingURL=tokens.d.ts.map
package/dist/js/generated/tokens.js CHANGED
@@ -1,15 +1,57 @@
1
1
  // Auto-generated by @nexub/tokens build script. Do not edit manually.
2
2
  /* eslint-disable */
3
3
  export const tokens = {
4
- "breakpoint": {
5
- "sm": "640px",
6
- "md": "768px",
7
- "lg": "1024px",
8
- "xl": "1280px",
9
- "2xl": "1536px"
10
- },
11
4
  "color": {
12
5
  "brand": {
6
+ "mark": {
7
+ "1": "#242cdd",
8
+ "2": "#5b3ded",
9
+ "3": "#5b5cf6",
10
+ "4": "#5b78fe",
11
+ "5": "#6180fe",
12
+ "6": "#7297fe",
13
+ "7": "#8ebdfe",
14
+ "8": "#b5f2fe",
15
+ "9": "#190e76",
16
+ "10": "#3824b0",
17
+ "11": "#462fca",
18
+ "12": "#4e37cd",
19
+ "13": "#654dd5",
20
+ "14": "#8b72e3",
21
+ "15": "#bfa4f6",
22
+ "16": "#eeb4ff",
23
+ "17": "#5328c7",
24
+ "18": "#b34fed",
25
+ "19": "#fca9f1",
26
+ "20": "#353adf",
27
+ "21": "#8683ef",
28
+ "22": "#925dec",
29
+ "23": "#311b9c",
30
+ "24": "#f9abf9",
31
+ "25": "#8d59eb",
32
+ "26": "#2223bd",
33
+ "27": "#4c2be1",
34
+ "28": "#7b4cf5",
35
+ "29": "#3125a9",
36
+ "30": "#1b0e8a",
37
+ "31": "#c5dcff",
38
+ "32": "#f6ecfd",
39
+ "33": "#b3d6fe",
40
+ "34": "#f8f4fd",
41
+ "35": "#e9bdf9",
42
+ "36": "#ad6efc",
43
+ "37": "#391fa7",
44
+ "38": "#301a9c",
45
+ "39": "#849bfd",
46
+ "40": "#c6eefe",
47
+ "41": "#fefdfe",
48
+ "42": "#1f137a",
49
+ "43": "#312285",
50
+ "44": "#4f3c98",
51
+ "45": "#795fb2",
52
+ "46": "#ae8bd4",
53
+ "47": "#f7fbfe"
54
+ },
13
55
  "primary": {
14
56
  "50": "#eff6ff",
15
57
  "100": "#dbeafe",
@@ -19,7 +61,7 @@ export const tokens = {
19
61
  "500": "#4099f1",
20
62
  "600": "#2563eb",
21
63
  "700": "#1d4ed8",
22
- "800": "#1e3a8a",
64
+ "800": "#1e40af",
23
65
  "900": "#1e3a8a",
24
66
  "950": "#1b3b6f"
25
67
  }
@@ -163,6 +205,13 @@ export const tokens = {
163
205
  "8": "#84cc16"
164
206
  }
165
207
  },
208
+ "breakpoint": {
209
+ "sm": "640px",
210
+ "md": "768px",
211
+ "lg": "1024px",
212
+ "xl": "1280px",
213
+ "2xl": "1536px"
214
+ },
166
215
  "gradient": {
167
216
  "brand": "linear-gradient(135deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)",
168
217
  "brand-horizontal": "linear-gradient(90deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)",
@@ -283,10 +332,10 @@ export const tokens = {
283
332
  },
284
333
  "font": {
285
334
  "family": {
286
- "sans": "'Geist', ui-sans-serif, system-ui, sans-serif",
335
+ "sans": "'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif",
287
336
  "mono": "'Geist Mono', ui-monospace, 'SFMono-Regular', monospace",
288
- "devanagari": "'Noto Sans Devanagari', 'Geist', ui-sans-serif, sans-serif",
289
- "tamil": "'Noto Sans Tamil', 'Geist', ui-sans-serif, sans-serif"
337
+ "devanagari": "'Noto Sans Devanagari', 'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', ui-sans-serif, sans-serif",
338
+ "tamil": "'Noto Sans Tamil', 'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', ui-sans-serif, sans-serif"
290
339
  },
291
340
  "weight": {
292
341
  "regular": "400",
@@ -392,4 +441,3 @@ export const tokens = {
392
441
  "commandK": "1900"
393
442
  }
394
443
  };
395
- //# sourceMappingURL=tokens.js.map
package/dist/js/index.d.ts CHANGED
@@ -1,3 +1,2 @@
1
1
  export { tokens } from './generated/tokens.js';
2
2
  export type { Tokens } from './generated/tokens.js';
3
- //# sourceMappingURL=index.d.ts.map
package/dist/js/index.js CHANGED
@@ -1,2 +1 @@
1
1
  export { tokens } from './generated/tokens.js';
2
- //# sourceMappingURL=index.js.map
package/dist/json/tokens.json CHANGED
@@ -1,9 +1,51 @@
1
1
  {
2
- "breakpoint-sm": "640px",
3
- "breakpoint-md": "768px",
4
- "breakpoint-lg": "1024px",
5
- "breakpoint-xl": "1280px",
6
- "breakpoint-2xl": "1536px",
2
+ "color-brand-mark-1": "#242cdd",
3
+ "color-brand-mark-2": "#5b3ded",
4
+ "color-brand-mark-3": "#5b5cf6",
5
+ "color-brand-mark-4": "#5b78fe",
6
+ "color-brand-mark-5": "#6180fe",
7
+ "color-brand-mark-6": "#7297fe",
8
+ "color-brand-mark-7": "#8ebdfe",
9
+ "color-brand-mark-8": "#b5f2fe",
10
+ "color-brand-mark-9": "#190e76",
11
+ "color-brand-mark-10": "#3824b0",
12
+ "color-brand-mark-11": "#462fca",
13
+ "color-brand-mark-12": "#4e37cd",
14
+ "color-brand-mark-13": "#654dd5",
15
+ "color-brand-mark-14": "#8b72e3",
16
+ "color-brand-mark-15": "#bfa4f6",
17
+ "color-brand-mark-16": "#eeb4ff",
18
+ "color-brand-mark-17": "#5328c7",
19
+ "color-brand-mark-18": "#b34fed",
20
+ "color-brand-mark-19": "#fca9f1",
21
+ "color-brand-mark-20": "#353adf",
22
+ "color-brand-mark-21": "#8683ef",
23
+ "color-brand-mark-22": "#925dec",
24
+ "color-brand-mark-23": "#311b9c",
25
+ "color-brand-mark-24": "#f9abf9",
26
+ "color-brand-mark-25": "#8d59eb",
27
+ "color-brand-mark-26": "#2223bd",
28
+ "color-brand-mark-27": "#4c2be1",
29
+ "color-brand-mark-28": "#7b4cf5",
30
+ "color-brand-mark-29": "#3125a9",
31
+ "color-brand-mark-30": "#1b0e8a",
32
+ "color-brand-mark-31": "#c5dcff",
33
+ "color-brand-mark-32": "#f6ecfd",
34
+ "color-brand-mark-33": "#b3d6fe",
35
+ "color-brand-mark-34": "#f8f4fd",
36
+ "color-brand-mark-35": "#e9bdf9",
37
+ "color-brand-mark-36": "#ad6efc",
38
+ "color-brand-mark-37": "#391fa7",
39
+ "color-brand-mark-38": "#301a9c",
40
+ "color-brand-mark-39": "#849bfd",
41
+ "color-brand-mark-40": "#c6eefe",
42
+ "color-brand-mark-41": "#fefdfe",
43
+ "color-brand-mark-42": "#1f137a",
44
+ "color-brand-mark-43": "#312285",
45
+ "color-brand-mark-44": "#4f3c98",
46
+ "color-brand-mark-45": "#795fb2",
47
+ "color-brand-mark-46": "#ae8bd4",
48
+ "color-brand-mark-47": "#f7fbfe",
7
49
  "color-brand-primary-50": "#eff6ff",
8
50
  "color-brand-primary-100": "#dbeafe",
9
51
  "color-brand-primary-200": "#bfdbfe",
@@ -12,7 +54,7 @@
12
54
  "color-brand-primary-500": "#4099f1",
13
55
  "color-brand-primary-600": "#2563eb",
14
56
  "color-brand-primary-700": "#1d4ed8",
15
- "color-brand-primary-800": "#1e3a8a",
57
+ "color-brand-primary-800": "#1e40af",
16
58
  "color-brand-primary-900": "#1e3a8a",
17
59
  "color-brand-primary-950": "#1b3b6f",
18
60
  "color-accent-leap-50": "#eef2ff",
@@ -119,6 +161,11 @@
119
161
  "color-chart-6": "#06b6d4",
120
162
  "color-chart-7": "#ec4899",
121
163
  "color-chart-8": "#84cc16",
164
+ "breakpoint-sm": "640px",
165
+ "breakpoint-md": "768px",
166
+ "breakpoint-lg": "1024px",
167
+ "breakpoint-xl": "1280px",
168
+ "breakpoint-2xl": "1536px",
122
169
  "gradient-brand": "linear-gradient(135deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)",
123
170
  "gradient-brand-horizontal": "linear-gradient(90deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)",
124
171
  "gradient-hero-ambient": "radial-gradient(ellipse 80% 50% at 50% -20%, rgba(64,153,241,0.12) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 80%, rgba(28,206,102,0.06) 0%, transparent 50%), #ffffff",
@@ -213,10 +260,10 @@
213
260
  "container-2xl": "1536px",
214
261
  "container-nexub": "1440px",
215
262
  "container-prose": "65ch",
216
- "font-family-sans": "'Geist', ui-sans-serif, system-ui, sans-serif",
263
+ "font-family-sans": "'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif",
217
264
  "font-family-mono": "'Geist Mono', ui-monospace, 'SFMono-Regular', monospace",
218
- "font-family-devanagari": "'Noto Sans Devanagari', 'Geist', ui-sans-serif, sans-serif",
219
- "font-family-tamil": "'Noto Sans Tamil', 'Geist', ui-sans-serif, sans-serif",
265
+ "font-family-devanagari": "'Noto Sans Devanagari', 'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', ui-sans-serif, sans-serif",
266
+ "font-family-tamil": "'Noto Sans Tamil', 'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', ui-sans-serif, sans-serif",
220
267
  "font-weight-regular": "400",
221
268
  "font-weight-medium": "500",
222
269
  "font-weight-semibold": "600",
package/dist/tailwind/preset.js CHANGED
@@ -1,9 +1,59 @@
1
1
  // Auto-generated by @nexub/tokens build script. Do not edit.
2
+ import animate from 'tailwindcss-animate';
2
3
  const preset = {
3
4
  "theme": {
4
5
  "extend": {
5
6
  "colors": {
6
7
  "brand": {
8
+ "mark": {
9
+ "1": "var(--color-brand-mark-1)",
10
+ "2": "var(--color-brand-mark-2)",
11
+ "3": "var(--color-brand-mark-3)",
12
+ "4": "var(--color-brand-mark-4)",
13
+ "5": "var(--color-brand-mark-5)",
14
+ "6": "var(--color-brand-mark-6)",
15
+ "7": "var(--color-brand-mark-7)",
16
+ "8": "var(--color-brand-mark-8)",
17
+ "9": "var(--color-brand-mark-9)",
18
+ "10": "var(--color-brand-mark-10)",
19
+ "11": "var(--color-brand-mark-11)",
20
+ "12": "var(--color-brand-mark-12)",
21
+ "13": "var(--color-brand-mark-13)",
22
+ "14": "var(--color-brand-mark-14)",
23
+ "15": "var(--color-brand-mark-15)",
24
+ "16": "var(--color-brand-mark-16)",
25
+ "17": "var(--color-brand-mark-17)",
26
+ "18": "var(--color-brand-mark-18)",
27
+ "19": "var(--color-brand-mark-19)",
28
+ "20": "var(--color-brand-mark-20)",
29
+ "21": "var(--color-brand-mark-21)",
30
+ "22": "var(--color-brand-mark-22)",
31
+ "23": "var(--color-brand-mark-23)",
32
+ "24": "var(--color-brand-mark-24)",
33
+ "25": "var(--color-brand-mark-25)",
34
+ "26": "var(--color-brand-mark-26)",
35
+ "27": "var(--color-brand-mark-27)",
36
+ "28": "var(--color-brand-mark-28)",
37
+ "29": "var(--color-brand-mark-29)",
38
+ "30": "var(--color-brand-mark-30)",
39
+ "31": "var(--color-brand-mark-31)",
40
+ "32": "var(--color-brand-mark-32)",
41
+ "33": "var(--color-brand-mark-33)",
42
+ "34": "var(--color-brand-mark-34)",
43
+ "35": "var(--color-brand-mark-35)",
44
+ "36": "var(--color-brand-mark-36)",
45
+ "37": "var(--color-brand-mark-37)",
46
+ "38": "var(--color-brand-mark-38)",
47
+ "39": "var(--color-brand-mark-39)",
48
+ "40": "var(--color-brand-mark-40)",
49
+ "41": "var(--color-brand-mark-41)",
50
+ "42": "var(--color-brand-mark-42)",
51
+ "43": "var(--color-brand-mark-43)",
52
+ "44": "var(--color-brand-mark-44)",
53
+ "45": "var(--color-brand-mark-45)",
54
+ "46": "var(--color-brand-mark-46)",
55
+ "47": "var(--color-brand-mark-47)"
56
+ },
7
57
  "primary": {
8
58
  "50": "var(--color-brand-primary-50)",
9
59
  "100": "var(--color-brand-primary-100)",
@@ -244,4 +294,5 @@ const preset = {
244
294
  }
245
295
  }
246
296
  };
297
+ preset.plugins = [animate];
247
298
  export default preset;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nexub/tokens",
3
- "version": "1.0.0",
3
+ "version": "1.2.0",
4
4
  "description": "Design tokens for Nexub Design System — colours, typography, spacing, radii, shadows, and motion as CSS variables and Tailwind preset.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -29,25 +29,36 @@
29
29
  "exports": {
30
30
  ".": {
31
31
  "types": "./dist/js/index.d.ts",
32
- "import": "./dist/js/index.js"
32
+ "default": "./dist/js/index.js"
33
33
  },
34
34
  "./css": "./dist/css/variables.css",
35
- "./css/light": "./dist/css/light.css",
36
- "./css/dark": "./dist/css/dark.css",
37
35
  "./tailwind": {
38
36
  "types": "./dist/tailwind/preset.d.ts",
39
- "import": "./dist/tailwind/preset.js"
37
+ "default": "./dist/tailwind/preset.js"
40
38
  },
41
- "./json": "./dist/json/tokens.json"
39
+ "./json": "./dist/json/tokens.json",
40
+ "./package.json": "./package.json"
42
41
  },
43
42
  "devDependencies": {
44
43
  "style-dictionary": "^4.3.0",
45
44
  "typescript": "^5.6.3"
46
45
  },
46
+ "dependencies": {
47
+ "tailwindcss-animate": "^1.0.7"
48
+ },
49
+ "peerDependencies": {
50
+ "tailwindcss": "^3.0.0"
51
+ },
52
+ "peerDependenciesMeta": {
53
+ "tailwindcss": {
54
+ "optional": true
55
+ }
56
+ },
47
57
  "scripts": {
48
58
  "build": "node scripts/build.mjs && tsc -p tsconfig.json",
49
59
  "dev": "node scripts/build.mjs --watch",
50
60
  "clean": "rm -rf dist",
51
- "typecheck": "tsc --noEmit"
61
+ "typecheck": "tsc --noEmit",
62
+ "lint": "eslint src"
52
63
  }
53
64
  }
package/dist/css/dark.css DELETED
@@ -1 +0,0 @@
1
- /* Dark mode token overrides — filled in by @nexub/themes in Phase 2. */
package/dist/css/light.css DELETED
@@ -1,2 +0,0 @@
1
- /* Light mode token overrides — filled in by @nexub/themes in Phase 2. */
2
- @import './variables.css';
package/dist/js/generated/tokens.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/generated/tokens.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuYT,CAAC;AACX,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC"}
package/dist/js/generated/tokens.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/generated/tokens.ts"],"names":[],"mappings":"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"}
package/dist/js/index.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,YAAY,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC"}
package/dist/js/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC"}