@alignui/cli 0.0.1-alpha.1 → 0.0.1-alpha.3
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.
- package/dist/index.js +13 -6
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/commands/tailwind.ts +2 -3
- package/src/utils/templates.ts +11 -3
package/package.json
CHANGED
package/src/commands/tailwind.ts
CHANGED
|
@@ -32,7 +32,7 @@ import {
|
|
|
32
32
|
import { prettierFormat } from '@/src/utils/prettier';
|
|
33
33
|
import { formatHslColor, formatRgbColor } from '@/src/utils/color-helpers';
|
|
34
34
|
|
|
35
|
-
const PROJECT_DEPENDENCIES = ['tailwindcss-animate'];
|
|
35
|
+
const PROJECT_DEPENDENCIES = ['-D tailwindcss-animate'];
|
|
36
36
|
const highlight = (text: string) => chalk.hex('#8c71f6')(text);
|
|
37
37
|
|
|
38
38
|
const tailwindInitOptionsSchema = z.object({
|
|
@@ -130,8 +130,7 @@ async function promptForConfig(cwd: string, defaultConfig: Config) {
|
|
|
130
130
|
{
|
|
131
131
|
type: 'text',
|
|
132
132
|
name: 'tailwindPrefix',
|
|
133
|
-
message: `Would you like to use a custom prefix for AlignUI specific classes? ${highlight('eg. an-')}
|
|
134
|
-
(Recommended if you want to keep tailwind's default colors, shadows and font-sizes. Leave blank if not)`,
|
|
133
|
+
message: `Would you like to use a custom prefix for AlignUI specific classes? ${highlight('eg. an-')} (Recommended if you want to keep tailwind's default colors, shadows and font-sizes. Leave blank if not)`,
|
|
135
134
|
initial: '',
|
|
136
135
|
},
|
|
137
136
|
{
|
package/src/utils/templates.ts
CHANGED
|
@@ -60,6 +60,10 @@ import { PluginAPI } from 'tailwindcss/types/config';
|
|
|
60
60
|
import defaultTheme from 'tailwindcss/defaultTheme';
|
|
61
61
|
import tailwindcssAnimate from 'tailwindcss-animate';
|
|
62
62
|
|
|
63
|
+
export const texts = <%= texts %>;
|
|
64
|
+
export const shadows = <%= shadows %>;
|
|
65
|
+
export const borderRadii = <%= borderRadii %>;
|
|
66
|
+
|
|
63
67
|
const config = {
|
|
64
68
|
darkMode: ["class"],
|
|
65
69
|
safelist: [".dark"],
|
|
@@ -70,13 +74,17 @@ const config = {
|
|
|
70
74
|
],
|
|
71
75
|
theme: {
|
|
72
76
|
colors: <%= colors %>,
|
|
73
|
-
fontSize:
|
|
77
|
+
fontSize: {
|
|
78
|
+
...texts,
|
|
79
|
+
},
|
|
74
80
|
boxShadow: {
|
|
75
|
-
|
|
81
|
+
...shadows,
|
|
76
82
|
none: defaultTheme.boxShadow.none,
|
|
77
83
|
},
|
|
78
84
|
extend: {
|
|
79
|
-
borderRadius:
|
|
85
|
+
borderRadius: {
|
|
86
|
+
...borderRadii,
|
|
87
|
+
},
|
|
80
88
|
animation: <%= animations %>,
|
|
81
89
|
keyframes: {
|
|
82
90
|
'accordion-down': {
|