@lonik/prestige 0.0.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 (50) hide show
  1. package/README.md +29 -0
  2. package/dist/README.md +29 -0
  3. package/dist/client.d.ts +101 -0
  4. package/dist/content.types-BbDmygmP.d.ts +44 -0
  5. package/dist/index.d.ts +5 -0
  6. package/dist/index.js +6 -0
  7. package/dist/index.js.map +1 -0
  8. package/dist/ui.d.ts +124 -0
  9. package/dist/ui.js +675 -0
  10. package/dist/ui.js.map +1 -0
  11. package/dist/vite.d.ts +47 -0
  12. package/dist/vite.js +685 -0
  13. package/dist/vite.js.map +1 -0
  14. package/package.json +131 -0
  15. package/src/themes/core.css +54 -0
  16. package/src/themes/default-gray.css +44 -0
  17. package/src/themes/default-mauve.css +44 -0
  18. package/src/themes/default-mist.css +44 -0
  19. package/src/themes/default-neutral.css +44 -0
  20. package/src/themes/default-olive.css +44 -0
  21. package/src/themes/default-slate.css +44 -0
  22. package/src/themes/default-stone.css +44 -0
  23. package/src/themes/default-taupe.css +44 -0
  24. package/src/themes/default-zinc.css +44 -0
  25. package/src/themes/primary-amber.css +42 -0
  26. package/src/themes/primary-blue.css +42 -0
  27. package/src/themes/primary-cyan.css +42 -0
  28. package/src/themes/primary-emerald.css +42 -0
  29. package/src/themes/primary-fuchsia.css +42 -0
  30. package/src/themes/primary-gray.css +42 -0
  31. package/src/themes/primary-green.css +42 -0
  32. package/src/themes/primary-indigo.css +42 -0
  33. package/src/themes/primary-lime.css +42 -0
  34. package/src/themes/primary-mauve.css +42 -0
  35. package/src/themes/primary-mist.css +42 -0
  36. package/src/themes/primary-neutral.css +42 -0
  37. package/src/themes/primary-olive.css +42 -0
  38. package/src/themes/primary-orange.css +42 -0
  39. package/src/themes/primary-pink.css +42 -0
  40. package/src/themes/primary-purple.css +42 -0
  41. package/src/themes/primary-red.css +42 -0
  42. package/src/themes/primary-rose.css +42 -0
  43. package/src/themes/primary-sky.css +42 -0
  44. package/src/themes/primary-slate.css +42 -0
  45. package/src/themes/primary-stone.css +42 -0
  46. package/src/themes/primary-taupe.css +42 -0
  47. package/src/themes/primary-teal.css +42 -0
  48. package/src/themes/primary-violet.css +42 -0
  49. package/src/themes/primary-yellow.css +42 -0
  50. package/src/themes/primary-zinc.css +42 -0
@@ -0,0 +1,42 @@
1
+ @layer theme {
2
+ :root {
3
+ --color-primary-50: var(--color-orange-50);
4
+ --color-primary-100: var(--color-orange-100);
5
+ --color-primary-200: var(--color-orange-200);
6
+ --color-primary-300: var(--color-orange-300);
7
+ --color-primary-400: var(--color-orange-400);
8
+ --color-primary-500: var(--color-orange-500);
9
+ --color-primary-600: var(--color-orange-600);
10
+ --color-primary-700: var(--color-orange-700);
11
+ --color-primary-800: var(--color-orange-800);
12
+ --color-primary-900: var(--color-orange-900);
13
+ --color-primary-950: var(--color-orange-950);
14
+ @variant dark {
15
+ --color-primary-50: var(--color-orange-950);
16
+ --color-primary-100: var(--color-orange-900);
17
+ --color-primary-200: var(--color-orange-800);
18
+ --color-primary-300: var(--color-orange-700);
19
+ --color-primary-400: var(--color-orange-600);
20
+ --color-primary-500: var(--color-orange-500);
21
+ --color-primary-600: var(--color-orange-400);
22
+ --color-primary-700: var(--color-orange-300);
23
+ --color-primary-800: var(--color-orange-200);
24
+ --color-primary-900: var(--color-orange-100);
25
+ --color-primary-950: var(--color-orange-50);
26
+ }
27
+ }
28
+ }
29
+
30
+ @theme {
31
+ --color-primary-50: var(--color-primary-50);
32
+ --color-primary-100: var(--color-primary-100);
33
+ --color-primary-200: var(--color-primary-200);
34
+ --color-primary-300: var(--color-primary-300);
35
+ --color-primary-400: var(--color-primary-400);
36
+ --color-primary-500: var(--color-primary-500);
37
+ --color-primary-600: var(--color-primary-600);
38
+ --color-primary-700: var(--color-primary-700);
39
+ --color-primary-800: var(--color-primary-800);
40
+ --color-primary-900: var(--color-primary-900);
41
+ --color-primary-950: var(--color-primary-950);
42
+ }
@@ -0,0 +1,42 @@
1
+ @layer theme {
2
+ :root {
3
+ --color-primary-50: var(--color-pink-50);
4
+ --color-primary-100: var(--color-pink-100);
5
+ --color-primary-200: var(--color-pink-200);
6
+ --color-primary-300: var(--color-pink-300);
7
+ --color-primary-400: var(--color-pink-400);
8
+ --color-primary-500: var(--color-pink-500);
9
+ --color-primary-600: var(--color-pink-600);
10
+ --color-primary-700: var(--color-pink-700);
11
+ --color-primary-800: var(--color-pink-800);
12
+ --color-primary-900: var(--color-pink-900);
13
+ --color-primary-950: var(--color-pink-950);
14
+ @variant dark {
15
+ --color-primary-50: var(--color-pink-950);
16
+ --color-primary-100: var(--color-pink-900);
17
+ --color-primary-200: var(--color-pink-800);
18
+ --color-primary-300: var(--color-pink-700);
19
+ --color-primary-400: var(--color-pink-600);
20
+ --color-primary-500: var(--color-pink-500);
21
+ --color-primary-600: var(--color-pink-400);
22
+ --color-primary-700: var(--color-pink-300);
23
+ --color-primary-800: var(--color-pink-200);
24
+ --color-primary-900: var(--color-pink-100);
25
+ --color-primary-950: var(--color-pink-50);
26
+ }
27
+ }
28
+ }
29
+
30
+ @theme {
31
+ --color-primary-50: var(--color-primary-50);
32
+ --color-primary-100: var(--color-primary-100);
33
+ --color-primary-200: var(--color-primary-200);
34
+ --color-primary-300: var(--color-primary-300);
35
+ --color-primary-400: var(--color-primary-400);
36
+ --color-primary-500: var(--color-primary-500);
37
+ --color-primary-600: var(--color-primary-600);
38
+ --color-primary-700: var(--color-primary-700);
39
+ --color-primary-800: var(--color-primary-800);
40
+ --color-primary-900: var(--color-primary-900);
41
+ --color-primary-950: var(--color-primary-950);
42
+ }
@@ -0,0 +1,42 @@
1
+ @layer theme {
2
+ :root {
3
+ --color-primary-50: var(--color-purple-50);
4
+ --color-primary-100: var(--color-purple-100);
5
+ --color-primary-200: var(--color-purple-200);
6
+ --color-primary-300: var(--color-purple-300);
7
+ --color-primary-400: var(--color-purple-400);
8
+ --color-primary-500: var(--color-purple-500);
9
+ --color-primary-600: var(--color-purple-600);
10
+ --color-primary-700: var(--color-purple-700);
11
+ --color-primary-800: var(--color-purple-800);
12
+ --color-primary-900: var(--color-purple-900);
13
+ --color-primary-950: var(--color-purple-950);
14
+ @variant dark {
15
+ --color-primary-50: var(--color-purple-950);
16
+ --color-primary-100: var(--color-purple-900);
17
+ --color-primary-200: var(--color-purple-800);
18
+ --color-primary-300: var(--color-purple-700);
19
+ --color-primary-400: var(--color-purple-600);
20
+ --color-primary-500: var(--color-purple-500);
21
+ --color-primary-600: var(--color-purple-400);
22
+ --color-primary-700: var(--color-purple-300);
23
+ --color-primary-800: var(--color-purple-200);
24
+ --color-primary-900: var(--color-purple-100);
25
+ --color-primary-950: var(--color-purple-50);
26
+ }
27
+ }
28
+ }
29
+
30
+ @theme {
31
+ --color-primary-50: var(--color-primary-50);
32
+ --color-primary-100: var(--color-primary-100);
33
+ --color-primary-200: var(--color-primary-200);
34
+ --color-primary-300: var(--color-primary-300);
35
+ --color-primary-400: var(--color-primary-400);
36
+ --color-primary-500: var(--color-primary-500);
37
+ --color-primary-600: var(--color-primary-600);
38
+ --color-primary-700: var(--color-primary-700);
39
+ --color-primary-800: var(--color-primary-800);
40
+ --color-primary-900: var(--color-primary-900);
41
+ --color-primary-950: var(--color-primary-950);
42
+ }
@@ -0,0 +1,42 @@
1
+ @layer theme {
2
+ :root {
3
+ --color-primary-50: var(--color-red-50);
4
+ --color-primary-100: var(--color-red-100);
5
+ --color-primary-200: var(--color-red-200);
6
+ --color-primary-300: var(--color-red-300);
7
+ --color-primary-400: var(--color-red-400);
8
+ --color-primary-500: var(--color-red-500);
9
+ --color-primary-600: var(--color-red-600);
10
+ --color-primary-700: var(--color-red-700);
11
+ --color-primary-800: var(--color-red-800);
12
+ --color-primary-900: var(--color-red-900);
13
+ --color-primary-950: var(--color-red-950);
14
+ @variant dark {
15
+ --color-primary-50: var(--color-red-950);
16
+ --color-primary-100: var(--color-red-900);
17
+ --color-primary-200: var(--color-red-800);
18
+ --color-primary-300: var(--color-red-700);
19
+ --color-primary-400: var(--color-red-600);
20
+ --color-primary-500: var(--color-red-500);
21
+ --color-primary-600: var(--color-red-400);
22
+ --color-primary-700: var(--color-red-300);
23
+ --color-primary-800: var(--color-red-200);
24
+ --color-primary-900: var(--color-red-100);
25
+ --color-primary-950: var(--color-red-50);
26
+ }
27
+ }
28
+ }
29
+
30
+ @theme {
31
+ --color-primary-50: var(--color-primary-50);
32
+ --color-primary-100: var(--color-primary-100);
33
+ --color-primary-200: var(--color-primary-200);
34
+ --color-primary-300: var(--color-primary-300);
35
+ --color-primary-400: var(--color-primary-400);
36
+ --color-primary-500: var(--color-primary-500);
37
+ --color-primary-600: var(--color-primary-600);
38
+ --color-primary-700: var(--color-primary-700);
39
+ --color-primary-800: var(--color-primary-800);
40
+ --color-primary-900: var(--color-primary-900);
41
+ --color-primary-950: var(--color-primary-950);
42
+ }
@@ -0,0 +1,42 @@
1
+ @layer theme {
2
+ :root {
3
+ --color-primary-50: var(--color-rose-50);
4
+ --color-primary-100: var(--color-rose-100);
5
+ --color-primary-200: var(--color-rose-200);
6
+ --color-primary-300: var(--color-rose-300);
7
+ --color-primary-400: var(--color-rose-400);
8
+ --color-primary-500: var(--color-rose-500);
9
+ --color-primary-600: var(--color-rose-600);
10
+ --color-primary-700: var(--color-rose-700);
11
+ --color-primary-800: var(--color-rose-800);
12
+ --color-primary-900: var(--color-rose-900);
13
+ --color-primary-950: var(--color-rose-950);
14
+ @variant dark {
15
+ --color-primary-50: var(--color-rose-950);
16
+ --color-primary-100: var(--color-rose-900);
17
+ --color-primary-200: var(--color-rose-800);
18
+ --color-primary-300: var(--color-rose-700);
19
+ --color-primary-400: var(--color-rose-600);
20
+ --color-primary-500: var(--color-rose-500);
21
+ --color-primary-600: var(--color-rose-400);
22
+ --color-primary-700: var(--color-rose-300);
23
+ --color-primary-800: var(--color-rose-200);
24
+ --color-primary-900: var(--color-rose-100);
25
+ --color-primary-950: var(--color-rose-50);
26
+ }
27
+ }
28
+ }
29
+
30
+ @theme {
31
+ --color-primary-50: var(--color-primary-50);
32
+ --color-primary-100: var(--color-primary-100);
33
+ --color-primary-200: var(--color-primary-200);
34
+ --color-primary-300: var(--color-primary-300);
35
+ --color-primary-400: var(--color-primary-400);
36
+ --color-primary-500: var(--color-primary-500);
37
+ --color-primary-600: var(--color-primary-600);
38
+ --color-primary-700: var(--color-primary-700);
39
+ --color-primary-800: var(--color-primary-800);
40
+ --color-primary-900: var(--color-primary-900);
41
+ --color-primary-950: var(--color-primary-950);
42
+ }
@@ -0,0 +1,42 @@
1
+ @layer theme {
2
+ :root {
3
+ --color-primary-50: var(--color-sky-50);
4
+ --color-primary-100: var(--color-sky-100);
5
+ --color-primary-200: var(--color-sky-200);
6
+ --color-primary-300: var(--color-sky-300);
7
+ --color-primary-400: var(--color-sky-400);
8
+ --color-primary-500: var(--color-sky-500);
9
+ --color-primary-600: var(--color-sky-600);
10
+ --color-primary-700: var(--color-sky-700);
11
+ --color-primary-800: var(--color-sky-800);
12
+ --color-primary-900: var(--color-sky-900);
13
+ --color-primary-950: var(--color-sky-950);
14
+ @variant dark {
15
+ --color-primary-50: var(--color-sky-950);
16
+ --color-primary-100: var(--color-sky-900);
17
+ --color-primary-200: var(--color-sky-800);
18
+ --color-primary-300: var(--color-sky-700);
19
+ --color-primary-400: var(--color-sky-600);
20
+ --color-primary-500: var(--color-sky-500);
21
+ --color-primary-600: var(--color-sky-400);
22
+ --color-primary-700: var(--color-sky-300);
23
+ --color-primary-800: var(--color-sky-200);
24
+ --color-primary-900: var(--color-sky-100);
25
+ --color-primary-950: var(--color-sky-50);
26
+ }
27
+ }
28
+ }
29
+
30
+ @theme {
31
+ --color-primary-50: var(--color-primary-50);
32
+ --color-primary-100: var(--color-primary-100);
33
+ --color-primary-200: var(--color-primary-200);
34
+ --color-primary-300: var(--color-primary-300);
35
+ --color-primary-400: var(--color-primary-400);
36
+ --color-primary-500: var(--color-primary-500);
37
+ --color-primary-600: var(--color-primary-600);
38
+ --color-primary-700: var(--color-primary-700);
39
+ --color-primary-800: var(--color-primary-800);
40
+ --color-primary-900: var(--color-primary-900);
41
+ --color-primary-950: var(--color-primary-950);
42
+ }
@@ -0,0 +1,42 @@
1
+ @layer theme {
2
+ :root {
3
+ --color-primary-50: var(--color-slate-50);
4
+ --color-primary-100: var(--color-slate-100);
5
+ --color-primary-200: var(--color-slate-200);
6
+ --color-primary-300: var(--color-slate-300);
7
+ --color-primary-400: var(--color-slate-400);
8
+ --color-primary-500: var(--color-slate-500);
9
+ --color-primary-600: var(--color-slate-600);
10
+ --color-primary-700: var(--color-slate-700);
11
+ --color-primary-800: var(--color-slate-800);
12
+ --color-primary-900: var(--color-slate-900);
13
+ --color-primary-950: var(--color-slate-950);
14
+ @variant dark {
15
+ --color-primary-50: var(--color-slate-950);
16
+ --color-primary-100: var(--color-slate-900);
17
+ --color-primary-200: var(--color-slate-800);
18
+ --color-primary-300: var(--color-slate-700);
19
+ --color-primary-400: var(--color-slate-600);
20
+ --color-primary-500: var(--color-slate-500);
21
+ --color-primary-600: var(--color-slate-400);
22
+ --color-primary-700: var(--color-slate-300);
23
+ --color-primary-800: var(--color-slate-200);
24
+ --color-primary-900: var(--color-slate-100);
25
+ --color-primary-950: var(--color-slate-50);
26
+ }
27
+ }
28
+ }
29
+
30
+ @theme {
31
+ --color-primary-50: var(--color-primary-50);
32
+ --color-primary-100: var(--color-primary-100);
33
+ --color-primary-200: var(--color-primary-200);
34
+ --color-primary-300: var(--color-primary-300);
35
+ --color-primary-400: var(--color-primary-400);
36
+ --color-primary-500: var(--color-primary-500);
37
+ --color-primary-600: var(--color-primary-600);
38
+ --color-primary-700: var(--color-primary-700);
39
+ --color-primary-800: var(--color-primary-800);
40
+ --color-primary-900: var(--color-primary-900);
41
+ --color-primary-950: var(--color-primary-950);
42
+ }
@@ -0,0 +1,42 @@
1
+ @layer theme {
2
+ :root {
3
+ --color-primary-50: var(--color-stone-50);
4
+ --color-primary-100: var(--color-stone-100);
5
+ --color-primary-200: var(--color-stone-200);
6
+ --color-primary-300: var(--color-stone-300);
7
+ --color-primary-400: var(--color-stone-400);
8
+ --color-primary-500: var(--color-stone-500);
9
+ --color-primary-600: var(--color-stone-600);
10
+ --color-primary-700: var(--color-stone-700);
11
+ --color-primary-800: var(--color-stone-800);
12
+ --color-primary-900: var(--color-stone-900);
13
+ --color-primary-950: var(--color-stone-950);
14
+ @variant dark {
15
+ --color-primary-50: var(--color-stone-950);
16
+ --color-primary-100: var(--color-stone-900);
17
+ --color-primary-200: var(--color-stone-800);
18
+ --color-primary-300: var(--color-stone-700);
19
+ --color-primary-400: var(--color-stone-600);
20
+ --color-primary-500: var(--color-stone-500);
21
+ --color-primary-600: var(--color-stone-400);
22
+ --color-primary-700: var(--color-stone-300);
23
+ --color-primary-800: var(--color-stone-200);
24
+ --color-primary-900: var(--color-stone-100);
25
+ --color-primary-950: var(--color-stone-50);
26
+ }
27
+ }
28
+ }
29
+
30
+ @theme {
31
+ --color-primary-50: var(--color-primary-50);
32
+ --color-primary-100: var(--color-primary-100);
33
+ --color-primary-200: var(--color-primary-200);
34
+ --color-primary-300: var(--color-primary-300);
35
+ --color-primary-400: var(--color-primary-400);
36
+ --color-primary-500: var(--color-primary-500);
37
+ --color-primary-600: var(--color-primary-600);
38
+ --color-primary-700: var(--color-primary-700);
39
+ --color-primary-800: var(--color-primary-800);
40
+ --color-primary-900: var(--color-primary-900);
41
+ --color-primary-950: var(--color-primary-950);
42
+ }
@@ -0,0 +1,42 @@
1
+ @layer theme {
2
+ :root {
3
+ --color-primary-50: var(--color-taupe-50);
4
+ --color-primary-100: var(--color-taupe-100);
5
+ --color-primary-200: var(--color-taupe-200);
6
+ --color-primary-300: var(--color-taupe-300);
7
+ --color-primary-400: var(--color-taupe-400);
8
+ --color-primary-500: var(--color-taupe-500);
9
+ --color-primary-600: var(--color-taupe-600);
10
+ --color-primary-700: var(--color-taupe-700);
11
+ --color-primary-800: var(--color-taupe-800);
12
+ --color-primary-900: var(--color-taupe-900);
13
+ --color-primary-950: var(--color-taupe-950);
14
+ @variant dark {
15
+ --color-primary-50: var(--color-taupe-950);
16
+ --color-primary-100: var(--color-taupe-900);
17
+ --color-primary-200: var(--color-taupe-800);
18
+ --color-primary-300: var(--color-taupe-700);
19
+ --color-primary-400: var(--color-taupe-600);
20
+ --color-primary-500: var(--color-taupe-500);
21
+ --color-primary-600: var(--color-taupe-400);
22
+ --color-primary-700: var(--color-taupe-300);
23
+ --color-primary-800: var(--color-taupe-200);
24
+ --color-primary-900: var(--color-taupe-100);
25
+ --color-primary-950: var(--color-taupe-50);
26
+ }
27
+ }
28
+ }
29
+
30
+ @theme {
31
+ --color-primary-50: var(--color-primary-50);
32
+ --color-primary-100: var(--color-primary-100);
33
+ --color-primary-200: var(--color-primary-200);
34
+ --color-primary-300: var(--color-primary-300);
35
+ --color-primary-400: var(--color-primary-400);
36
+ --color-primary-500: var(--color-primary-500);
37
+ --color-primary-600: var(--color-primary-600);
38
+ --color-primary-700: var(--color-primary-700);
39
+ --color-primary-800: var(--color-primary-800);
40
+ --color-primary-900: var(--color-primary-900);
41
+ --color-primary-950: var(--color-primary-950);
42
+ }
@@ -0,0 +1,42 @@
1
+ @layer theme {
2
+ :root {
3
+ --color-primary-50: var(--color-teal-50);
4
+ --color-primary-100: var(--color-teal-100);
5
+ --color-primary-200: var(--color-teal-200);
6
+ --color-primary-300: var(--color-teal-300);
7
+ --color-primary-400: var(--color-teal-400);
8
+ --color-primary-500: var(--color-teal-500);
9
+ --color-primary-600: var(--color-teal-600);
10
+ --color-primary-700: var(--color-teal-700);
11
+ --color-primary-800: var(--color-teal-800);
12
+ --color-primary-900: var(--color-teal-900);
13
+ --color-primary-950: var(--color-teal-950);
14
+ @variant dark {
15
+ --color-primary-50: var(--color-teal-950);
16
+ --color-primary-100: var(--color-teal-900);
17
+ --color-primary-200: var(--color-teal-800);
18
+ --color-primary-300: var(--color-teal-700);
19
+ --color-primary-400: var(--color-teal-600);
20
+ --color-primary-500: var(--color-teal-500);
21
+ --color-primary-600: var(--color-teal-400);
22
+ --color-primary-700: var(--color-teal-300);
23
+ --color-primary-800: var(--color-teal-200);
24
+ --color-primary-900: var(--color-teal-100);
25
+ --color-primary-950: var(--color-teal-50);
26
+ }
27
+ }
28
+ }
29
+
30
+ @theme {
31
+ --color-primary-50: var(--color-primary-50);
32
+ --color-primary-100: var(--color-primary-100);
33
+ --color-primary-200: var(--color-primary-200);
34
+ --color-primary-300: var(--color-primary-300);
35
+ --color-primary-400: var(--color-primary-400);
36
+ --color-primary-500: var(--color-primary-500);
37
+ --color-primary-600: var(--color-primary-600);
38
+ --color-primary-700: var(--color-primary-700);
39
+ --color-primary-800: var(--color-primary-800);
40
+ --color-primary-900: var(--color-primary-900);
41
+ --color-primary-950: var(--color-primary-950);
42
+ }
@@ -0,0 +1,42 @@
1
+ @layer theme {
2
+ :root {
3
+ --color-primary-50: var(--color-violet-50);
4
+ --color-primary-100: var(--color-violet-100);
5
+ --color-primary-200: var(--color-violet-200);
6
+ --color-primary-300: var(--color-violet-300);
7
+ --color-primary-400: var(--color-violet-400);
8
+ --color-primary-500: var(--color-violet-500);
9
+ --color-primary-600: var(--color-violet-600);
10
+ --color-primary-700: var(--color-violet-700);
11
+ --color-primary-800: var(--color-violet-800);
12
+ --color-primary-900: var(--color-violet-900);
13
+ --color-primary-950: var(--color-violet-950);
14
+ @variant dark {
15
+ --color-primary-50: var(--color-violet-950);
16
+ --color-primary-100: var(--color-violet-900);
17
+ --color-primary-200: var(--color-violet-800);
18
+ --color-primary-300: var(--color-violet-700);
19
+ --color-primary-400: var(--color-violet-600);
20
+ --color-primary-500: var(--color-violet-500);
21
+ --color-primary-600: var(--color-violet-400);
22
+ --color-primary-700: var(--color-violet-300);
23
+ --color-primary-800: var(--color-violet-200);
24
+ --color-primary-900: var(--color-violet-100);
25
+ --color-primary-950: var(--color-violet-50);
26
+ }
27
+ }
28
+ }
29
+
30
+ @theme {
31
+ --color-primary-50: var(--color-primary-50);
32
+ --color-primary-100: var(--color-primary-100);
33
+ --color-primary-200: var(--color-primary-200);
34
+ --color-primary-300: var(--color-primary-300);
35
+ --color-primary-400: var(--color-primary-400);
36
+ --color-primary-500: var(--color-primary-500);
37
+ --color-primary-600: var(--color-primary-600);
38
+ --color-primary-700: var(--color-primary-700);
39
+ --color-primary-800: var(--color-primary-800);
40
+ --color-primary-900: var(--color-primary-900);
41
+ --color-primary-950: var(--color-primary-950);
42
+ }
@@ -0,0 +1,42 @@
1
+ @layer theme {
2
+ :root {
3
+ --color-primary-50: var(--color-yellow-50);
4
+ --color-primary-100: var(--color-yellow-100);
5
+ --color-primary-200: var(--color-yellow-200);
6
+ --color-primary-300: var(--color-yellow-300);
7
+ --color-primary-400: var(--color-yellow-400);
8
+ --color-primary-500: var(--color-yellow-500);
9
+ --color-primary-600: var(--color-yellow-600);
10
+ --color-primary-700: var(--color-yellow-700);
11
+ --color-primary-800: var(--color-yellow-800);
12
+ --color-primary-900: var(--color-yellow-900);
13
+ --color-primary-950: var(--color-yellow-950);
14
+ @variant dark {
15
+ --color-primary-50: var(--color-yellow-950);
16
+ --color-primary-100: var(--color-yellow-900);
17
+ --color-primary-200: var(--color-yellow-800);
18
+ --color-primary-300: var(--color-yellow-700);
19
+ --color-primary-400: var(--color-yellow-600);
20
+ --color-primary-500: var(--color-yellow-500);
21
+ --color-primary-600: var(--color-yellow-400);
22
+ --color-primary-700: var(--color-yellow-300);
23
+ --color-primary-800: var(--color-yellow-200);
24
+ --color-primary-900: var(--color-yellow-100);
25
+ --color-primary-950: var(--color-yellow-50);
26
+ }
27
+ }
28
+ }
29
+
30
+ @theme {
31
+ --color-primary-50: var(--color-primary-50);
32
+ --color-primary-100: var(--color-primary-100);
33
+ --color-primary-200: var(--color-primary-200);
34
+ --color-primary-300: var(--color-primary-300);
35
+ --color-primary-400: var(--color-primary-400);
36
+ --color-primary-500: var(--color-primary-500);
37
+ --color-primary-600: var(--color-primary-600);
38
+ --color-primary-700: var(--color-primary-700);
39
+ --color-primary-800: var(--color-primary-800);
40
+ --color-primary-900: var(--color-primary-900);
41
+ --color-primary-950: var(--color-primary-950);
42
+ }
@@ -0,0 +1,42 @@
1
+ @layer theme {
2
+ :root {
3
+ --color-primary-50: var(--color-zinc-50);
4
+ --color-primary-100: var(--color-zinc-100);
5
+ --color-primary-200: var(--color-zinc-200);
6
+ --color-primary-300: var(--color-zinc-300);
7
+ --color-primary-400: var(--color-zinc-400);
8
+ --color-primary-500: var(--color-zinc-500);
9
+ --color-primary-600: var(--color-zinc-600);
10
+ --color-primary-700: var(--color-zinc-700);
11
+ --color-primary-800: var(--color-zinc-800);
12
+ --color-primary-900: var(--color-zinc-900);
13
+ --color-primary-950: var(--color-zinc-950);
14
+ @variant dark {
15
+ --color-primary-50: var(--color-zinc-950);
16
+ --color-primary-100: var(--color-zinc-900);
17
+ --color-primary-200: var(--color-zinc-800);
18
+ --color-primary-300: var(--color-zinc-700);
19
+ --color-primary-400: var(--color-zinc-600);
20
+ --color-primary-500: var(--color-zinc-500);
21
+ --color-primary-600: var(--color-zinc-400);
22
+ --color-primary-700: var(--color-zinc-300);
23
+ --color-primary-800: var(--color-zinc-200);
24
+ --color-primary-900: var(--color-zinc-100);
25
+ --color-primary-950: var(--color-zinc-50);
26
+ }
27
+ }
28
+ }
29
+
30
+ @theme {
31
+ --color-primary-50: var(--color-primary-50);
32
+ --color-primary-100: var(--color-primary-100);
33
+ --color-primary-200: var(--color-primary-200);
34
+ --color-primary-300: var(--color-primary-300);
35
+ --color-primary-400: var(--color-primary-400);
36
+ --color-primary-500: var(--color-primary-500);
37
+ --color-primary-600: var(--color-primary-600);
38
+ --color-primary-700: var(--color-primary-700);
39
+ --color-primary-800: var(--color-primary-800);
40
+ --color-primary-900: var(--color-primary-900);
41
+ --color-primary-950: var(--color-primary-950);
42
+ }