jk-ui-cli 0.0.6 → 0.0.7

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 (16) hide show
  1. package/dist/index.cjs +10 -341
  2. package/dist/index.cjs.map +1 -1
  3. package/package.json +1 -1
  4. package/stubs/css/base-both.stub +130 -0
  5. package/stubs/css/base-dark.stub +80 -0
  6. package/stubs/css/base-inline.stub +43 -0
  7. package/stubs/css/base-light.stub +77 -0
  8. package/stubs/css/energy.stub +54 -0
  9. package/stubs/css/mystery.stub +54 -0
  10. package/stubs/css/nature.stub +54 -0
  11. package/stubs/css/oz.stub +80 -0
  12. package/stubs/css/passion.stub +54 -0
  13. package/stubs/css/romance.stub +54 -0
  14. package/stubs/css/spring.stub +54 -0
  15. package/stubs/css/trust.stub +54 -0
  16. package/stubs/css/winter.stub +93 -0
package/stubs/css/romance.stub ADDED
@@ -0,0 +1,54 @@
1
+ /* stubs/romance.css */
2
+ @theme inline {
3
+ /* primary: rose */
4
+ --color-primary-50: var(--color-rose-50);
5
+ --color-primary-100: var(--color-rose-100);
6
+ --color-primary-200: var(--color-rose-200);
7
+ --color-primary-300: var(--color-rose-300);
8
+ --color-primary-400: var(--color-rose-400);
9
+ --color-primary-500: var(--color-rose-500);
10
+ --color-primary-600: var(--color-rose-600);
11
+ --color-primary-700: var(--color-rose-700);
12
+ --color-primary-800: var(--color-rose-800);
13
+ --color-primary-900: var(--color-rose-900);
14
+ --color-primary-950: var(--color-rose-950);
15
+
16
+ /* secondary: red */
17
+ --color-secondary-50: var(--color-red-50);
18
+ --color-secondary-100: var(--color-red-100);
19
+ --color-secondary-200: var(--color-red-200);
20
+ --color-secondary-300: var(--color-red-300);
21
+ --color-secondary-400: var(--color-red-400);
22
+ --color-secondary-500: var(--color-red-500);
23
+ --color-secondary-600: var(--color-red-600);
24
+ --color-secondary-700: var(--color-red-700);
25
+ --color-secondary-800: var(--color-red-800);
26
+ --color-secondary-900: var(--color-red-900);
27
+ --color-secondary-950: var(--color-red-950);
28
+
29
+ /* accent: orange */
30
+ --color-accent-50: var(--color-orange-50);
31
+ --color-accent-100: var(--color-orange-100);
32
+ --color-accent-200: var(--color-orange-200);
33
+ --color-accent-300: var(--color-orange-300);
34
+ --color-accent-400: var(--color-orange-400);
35
+ --color-accent-500: var(--color-orange-500);
36
+ --color-accent-600: var(--color-orange-600);
37
+ --color-accent-700: var(--color-orange-700);
38
+ --color-accent-800: var(--color-orange-800);
39
+ --color-accent-900: var(--color-orange-900);
40
+ --color-accent-950: var(--color-orange-950);
41
+
42
+ /* gray: zinc */
43
+ --color-gray-50: var(--color-zinc-50);
44
+ --color-gray-100: var(--color-zinc-100);
45
+ --color-gray-200: var(--color-zinc-200);
46
+ --color-gray-300: var(--color-zinc-300);
47
+ --color-gray-400: var(--color-zinc-400);
48
+ --color-gray-500: var(--color-zinc-500);
49
+ --color-gray-600: var(--color-zinc-600);
50
+ --color-gray-700: var(--color-zinc-700);
51
+ --color-gray-800: var(--color-zinc-800);
52
+ --color-gray-900: var(--color-zinc-900);
53
+ --color-gray-950: var(--color-zinc-950);
54
+ }
package/stubs/css/spring.stub ADDED
@@ -0,0 +1,54 @@
1
+ /* stubs/spring.css */
2
+ @theme inline {
3
+ /* primary: lime */
4
+ --color-primary-50: var(--color-lime-50);
5
+ --color-primary-100: var(--color-lime-100);
6
+ --color-primary-200: var(--color-lime-200);
7
+ --color-primary-300: var(--color-lime-300);
8
+ --color-primary-400: var(--color-lime-400);
9
+ --color-primary-500: var(--color-lime-500);
10
+ --color-primary-600: var(--color-lime-600);
11
+ --color-primary-700: var(--color-lime-700);
12
+ --color-primary-800: var(--color-lime-800);
13
+ --color-primary-900: var(--color-lime-900);
14
+ --color-primary-950: var(--color-lime-950);
15
+
16
+ /* secondary: green */
17
+ --color-secondary-50: var(--color-green-50);
18
+ --color-secondary-100: var(--color-green-100);
19
+ --color-secondary-200: var(--color-green-200);
20
+ --color-secondary-300: var(--color-green-300);
21
+ --color-secondary-400: var(--color-green-400);
22
+ --color-secondary-500: var(--color-green-500);
23
+ --color-secondary-600: var(--color-green-600);
24
+ --color-secondary-700: var(--color-green-700);
25
+ --color-secondary-800: var(--color-green-800);
26
+ --color-secondary-900: var(--color-green-900);
27
+ --color-secondary-950: var(--color-green-950);
28
+
29
+ /* accent: yellow */
30
+ --color-accent-50: var(--color-yellow-50);
31
+ --color-accent-100: var(--color-yellow-100);
32
+ --color-accent-200: var(--color-yellow-200);
33
+ --color-accent-300: var(--color-yellow-300);
34
+ --color-accent-400: var(--color-yellow-400);
35
+ --color-accent-500: var(--color-yellow-500);
36
+ --color-accent-600: var(--color-yellow-600);
37
+ --color-accent-700: var(--color-yellow-700);
38
+ --color-accent-800: var(--color-yellow-800);
39
+ --color-accent-900: var(--color-yellow-900);
40
+ --color-accent-950: var(--color-yellow-950);
41
+
42
+
43
+ --color-gray-50: oklch(97.59% 0.0060 223.46);
44
+ --color-gray-100: oklch(95.22% 0.0042 271.37);
45
+ --color-gray-200: oklch(93.68% 0.0121 247.96);
46
+ --color-gray-300: oklch(84.77% 0.0177 219.68);
47
+ --color-gray-400: oklch(72.20% 0.0197 227.39);
48
+ --color-gray-500: oklch(57.98% 0.0207 227.53);
49
+ --color-gray-600: oklch(46.82% 0.0217 227.71);
50
+ --color-gray-700: oklch(39.10% 0.0245 229.77);
51
+ --color-gray-800: oklch(28.64% 0.0211 240.03);
52
+ --color-gray-900: oklch(19.64% 0.0136 243.66);
53
+ --color-gray-950: oklch(9.51% 0.0061 243.12);
54
+ }
package/stubs/css/trust.stub ADDED
@@ -0,0 +1,54 @@
1
+ /* stubs/trust.css */
2
+ @theme inline {
3
+ /* primary: blue */
4
+ --color-primary-50: var(--color-blue-50);
5
+ --color-primary-100: var(--color-blue-100);
6
+ --color-primary-200: var(--color-blue-200);
7
+ --color-primary-300: var(--color-blue-300);
8
+ --color-primary-400: var(--color-blue-400);
9
+ --color-primary-500: var(--color-blue-500);
10
+ --color-primary-600: var(--color-blue-600);
11
+ --color-primary-700: var(--color-blue-700);
12
+ --color-primary-800: var(--color-blue-800);
13
+ --color-primary-900: var(--color-blue-900);
14
+ --color-primary-950: var(--color-blue-950);
15
+
16
+ /* secondary: purple */
17
+ --color-secondary-50: var(--color-purple-50);
18
+ --color-secondary-100: var(--color-purple-100);
19
+ --color-secondary-200: var(--color-purple-200);
20
+ --color-secondary-300: var(--color-purple-300);
21
+ --color-secondary-400: var(--color-purple-400);
22
+ --color-secondary-500: var(--color-purple-500);
23
+ --color-secondary-600: var(--color-purple-600);
24
+ --color-secondary-700: var(--color-purple-700);
25
+ --color-secondary-800: var(--color-purple-800);
26
+ --color-secondary-900: var(--color-purple-900);
27
+ --color-secondary-950: var(--color-purple-950);
28
+
29
+ /* accent: lime */
30
+ --color-accent-50: var(--color-lime-50);
31
+ --color-accent-100: var(--color-lime-100);
32
+ --color-accent-200: var(--color-lime-200);
33
+ --color-accent-300: var(--color-lime-300);
34
+ --color-accent-400: var(--color-lime-400);
35
+ --color-accent-500: var(--color-lime-500);
36
+ --color-accent-600: var(--color-lime-600);
37
+ --color-accent-700: var(--color-lime-700);
38
+ --color-accent-800: var(--color-lime-800);
39
+ --color-accent-900: var(--color-lime-900);
40
+ --color-accent-950: var(--color-lime-950);
41
+
42
+ /* gray: slate */
43
+ --color-gray-50: var(--color-slate-50);
44
+ --color-gray-100: var(--color-slate-100);
45
+ --color-gray-200: var(--color-slate-200);
46
+ --color-gray-300: var(--color-slate-300);
47
+ --color-gray-400: var(--color-slate-400);
48
+ --color-gray-500: var(--color-slate-500);
49
+ --color-gray-600: var(--color-slate-600);
50
+ --color-gray-700: var(--color-slate-700);
51
+ --color-gray-800: var(--color-slate-800);
52
+ --color-gray-900: var(--color-slate-900);
53
+ --color-gray-950: var(--color-slate-950);
54
+ }
package/stubs/css/winter.stub ADDED
@@ -0,0 +1,93 @@
1
+ /* stubs/winter.css */
2
+ @theme inline {
3
+ /* primary: cyan */
4
+ --color-primary-50: var(--color-cyan-50);
5
+ --color-primary-100: var(--color-cyan-100);
6
+ --color-primary-200: var(--color-cyan-200);
7
+ --color-primary-300: var(--color-cyan-300);
8
+ --color-primary-400: var(--color-cyan-400);
9
+ --color-primary-500: var(--color-cyan-500);
10
+ --color-primary-600: var(--color-cyan-600);
11
+ --color-primary-700: var(--color-cyan-700);
12
+ --color-primary-800: var(--color-cyan-800);
13
+ --color-primary-900: var(--color-cyan-900);
14
+ --color-primary-950: var(--color-cyan-950);
15
+
16
+ /* secondary: sky */
17
+ --color-secondary-50: var(--color-sky-50);
18
+ --color-secondary-100: var(--color-sky-100);
19
+ --color-secondary-200: var(--color-sky-200);
20
+ --color-secondary-300: var(--color-sky-300);
21
+ --color-secondary-400: var(--color-sky-400);
22
+ --color-secondary-500: var(--color-sky-500);
23
+ --color-secondary-600: var(--color-sky-600);
24
+ --color-secondary-700: var(--color-sky-700);
25
+ --color-secondary-800: var(--color-sky-800);
26
+ --color-secondary-900: var(--color-sky-900);
27
+ --color-secondary-950: var(--color-sky-950);
28
+
29
+ /* accent: emerald */
30
+ --color-accent-50: var(--color-emerald-50);
31
+ --color-accent-100: var(--color-emerald-100);
32
+ --color-accent-200: var(--color-emerald-200);
33
+ --color-accent-300: var(--color-emerald-300);
34
+ --color-accent-400: var(--color-emerald-400);
35
+ --color-accent-500: var(--color-emerald-500);
36
+ --color-accent-600: var(--color-emerald-600);
37
+ --color-accent-700: var(--color-emerald-700);
38
+ --color-accent-800: var(--color-emerald-800);
39
+ --color-accent-900: var(--color-emerald-900);
40
+ --color-accent-950: var(--color-emerald-950);
41
+
42
+ /* danger: rose */
43
+ --color-danger-50: var(--color-rose-50);
44
+ --color-danger-100: var(--color-rose-100);
45
+ --color-danger-200: var(--color-rose-200);
46
+ --color-danger-300: var(--color-rose-300);
47
+ --color-danger-400: var(--color-rose-400);
48
+ --color-danger-500: var(--color-rose-500);
49
+ --color-danger-600: var(--color-rose-600);
50
+ --color-danger-700: var(--color-rose-700);
51
+ --color-danger-800: var(--color-rose-800);
52
+ --color-danger-900: var(--color-rose-900);
53
+ --color-danger-950: var(--color-rose-950);
54
+
55
+ /* warning: amber */
56
+ --color-warning-50: var(--color-amber-50);
57
+ --color-warning-100: var(--color-amber-100);
58
+ --color-warning-200: var(--color-amber-200);
59
+ --color-warning-300: var(--color-amber-300);
60
+ --color-warning-400: var(--color-amber-400);
61
+ --color-warning-500: var(--color-amber-500);
62
+ --color-warning-600: var(--color-amber-600);
63
+ --color-warning-700: var(--color-amber-700);
64
+ --color-warning-800: var(--color-amber-800);
65
+ --color-warning-900: var(--color-amber-900);
66
+ --color-warning-950: var(--color-amber-950);
67
+
68
+ /* info: cyan */
69
+ --color-info-50: var(--color-cyan-50);
70
+ --color-info-100: var(--color-cyan-100);
71
+ --color-info-200: var(--color-cyan-200);
72
+ --color-info-300: var(--color-cyan-300);
73
+ --color-info-400: var(--color-cyan-400);
74
+ --color-info-500: var(--color-cyan-500);
75
+ --color-info-600: var(--color-cyan-600);
76
+ --color-info-700: var(--color-cyan-700);
77
+ --color-info-800: var(--color-cyan-800);
78
+ --color-info-900: var(--color-cyan-900);
79
+ --color-info-950: var(--color-cyan-950);
80
+
81
+
82
+ --color-gray-50: oklch(98.22% 0.0041 271.37);
83
+ --color-gray-100: oklch(95.84% 0.0250 229.11);
84
+ --color-gray-200: oklch(93.62% 0.0166 250.85);
85
+ --color-gray-300: oklch(88.32% 0.0320 255.59);
86
+ --color-gray-400: oklch(71.07% 0.0351 256.79);
87
+ --color-gray-500: oklch(58.13% 0.0466 245.42);
88
+ --color-gray-600: oklch(44.55% 0.0374 257.28);
89
+ --color-gray-700: oklch(40.19% 0.0450 244.38);
90
+ --color-gray-800: oklch(27.27% 0.0432 246.11);
91
+ --color-gray-900: oklch(20.09% 0.0455 251.13);
92
+ --color-gray-950: oklch(11.28% 0.0430 258.66);
93
+ }