@cloudwick/astral-ui-cli 0.2.2 → 0.3.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.
- package/README.md +40 -73
- package/dist/index.js +553 -864
- package/dist/index.js.map +1 -1
- package/dist/templates/css/fonts.min.css +1 -0
- package/dist/templates/css/utilities.css +21 -0
- package/dist/templates/fonts/Inter_18pt-Bold.ttf +0 -0
- package/dist/templates/fonts/Inter_18pt-BoldItalic.ttf +0 -0
- package/dist/templates/fonts/Inter_18pt-Italic.ttf +0 -0
- package/dist/templates/fonts/Inter_18pt-Medium.ttf +0 -0
- package/dist/templates/fonts/Inter_18pt-MediumItalic.ttf +0 -0
- package/dist/templates/fonts/Inter_18pt-Regular.ttf +0 -0
- package/dist/templates/fonts/Inter_18pt-SemiBold.ttf +0 -0
- package/dist/templates/fonts/Inter_18pt-SemiBoldItalic.ttf +0 -0
- package/dist/templates/tailwind/tailwind.config.js +212 -0
- package/package.json +2 -4
- /package/dist/templates/css/{variables.css → base.css} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@font-face{font-family:inter-regular;src:url(../fonts/Inter_18pt-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:inter-italic;src:url(../fonts/Inter_18pt-Italic.ttf) format("truetype");font-display:swap}@font-face{font-family:inter-medium;src:url(../fonts/Inter_18pt-Medium.ttf) format("truetype");font-display:swap}@font-face{font-family:inter-medium-italic;src:url(../fonts/Inter_18pt-MediumItalic.ttf) format("truetype");font-display:swap}@font-face{font-family:inter-semibold;src:url(../fonts/Inter_18pt-SemiBold.ttf) format("truetype");font-display:swap}@font-face{font-family:inter-semibold-italic;src:url(../fonts/Inter_18pt-SemiBoldItalic.ttf) format("truetype");font-display:swap}@font-face{font-family:inter-bold;src:url(../fonts/Inter_18pt-Bold.ttf) format("truetype");font-display:swap}@font-face{font-family:inter-bold-italic;src:url(../fonts/Inter_18pt-BoldItalic.ttf) format("truetype");font-display:swap}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* This file is auto-generated. Do not edit directly. */
|
|
2
|
+
/* It is updated whenever the component library is built. */
|
|
3
|
+
|
|
4
|
+
/* Custom utility classes for Astral UI */
|
|
5
|
+
|
|
6
|
+
@layer utilities {
|
|
7
|
+
.bgStripesPattern {
|
|
8
|
+
background-size: 0.5rem 0.5rem;
|
|
9
|
+
background-image:
|
|
10
|
+
linear-gradient(
|
|
11
|
+
45deg,
|
|
12
|
+
rgba(255 255 255 15%) 25%,
|
|
13
|
+
transparent 25%,
|
|
14
|
+
transparent 50%,
|
|
15
|
+
rgba(255 255 255 15%) 50%,
|
|
16
|
+
rgba(255 255 255 15%) 75%,
|
|
17
|
+
transparent 75%,
|
|
18
|
+
transparent
|
|
19
|
+
);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,212 @@
|
|
|
1
|
+
/* This file is auto-generated. Do not edit directly. */
|
|
2
|
+
/* It is updated whenever the component library is built. */
|
|
3
|
+
|
|
4
|
+
/** @type {import('tailwindcss').Config} */
|
|
5
|
+
export default {
|
|
6
|
+
prefix: "",
|
|
7
|
+
content: [
|
|
8
|
+
"./src/components/**/*.{ts,tsx}",
|
|
9
|
+
"./src/utils/**/*.{ts,tsx}"
|
|
10
|
+
],
|
|
11
|
+
darkMode: "class",
|
|
12
|
+
variants: {
|
|
13
|
+
extend: {
|
|
14
|
+
textColor: [ "group-hover", "hover" ],
|
|
15
|
+
backgroundColor: [ "group-hover", "hover" ],
|
|
16
|
+
borderColor: [ "group-hover", "hover" ]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
theme: {
|
|
20
|
+
extend: {
|
|
21
|
+
animation: {
|
|
22
|
+
stripes: "stripes 20s linear infinite",
|
|
23
|
+
"spin-2s": "spin 2s linear infinite"
|
|
24
|
+
},
|
|
25
|
+
keyframes: {
|
|
26
|
+
stripes: {
|
|
27
|
+
"100%": { backgroundPosition: "100% 100%" }
|
|
28
|
+
},
|
|
29
|
+
spin: {
|
|
30
|
+
"0%": { transform: "rotate(0deg)" },
|
|
31
|
+
"100%": { transform: "rotate(359deg)" }
|
|
32
|
+
},
|
|
33
|
+
"panel-appear": {
|
|
34
|
+
"from": { opacity: "0" },
|
|
35
|
+
"to": { opacity: "1" }
|
|
36
|
+
},
|
|
37
|
+
"panel-disappear": {
|
|
38
|
+
"from": { opacity: "1" },
|
|
39
|
+
"to": { opacity: "0" }
|
|
40
|
+
},
|
|
41
|
+
"panel-slide-in": {
|
|
42
|
+
"from": { right: "-110vw" },
|
|
43
|
+
"to": { right: "0" }
|
|
44
|
+
},
|
|
45
|
+
"panel-slide-in-rtl": {
|
|
46
|
+
"from": { left: "-110vw" },
|
|
47
|
+
"to": { left: "0" }
|
|
48
|
+
},
|
|
49
|
+
"panel-slide-out": {
|
|
50
|
+
"from": { right: "0" },
|
|
51
|
+
"to": { right: "-110vw" }
|
|
52
|
+
},
|
|
53
|
+
"panel-slide-out-rtl": {
|
|
54
|
+
"from": { left: "0" },
|
|
55
|
+
"to": { left: "-110vw" }
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
colors: {
|
|
59
|
+
iridium: "rgb(var(--iridium))",
|
|
60
|
+
frostBlue: "rgb(var(--frost-blue))",
|
|
61
|
+
primary: {
|
|
62
|
+
50: "rgb(var(--primary-50))",
|
|
63
|
+
100: "rgb(var(--primary-100))",
|
|
64
|
+
200: "rgb(var(--primary-200))",
|
|
65
|
+
300: "rgb(var(--primary-300))",
|
|
66
|
+
400: "rgb(var(--primary-400))",
|
|
67
|
+
500: "rgb(var(--primary-500))",
|
|
68
|
+
600: "rgb(var(--primary-600))",
|
|
69
|
+
700: "rgb(var(--primary-700))",
|
|
70
|
+
800: "rgb(var(--primary-800))",
|
|
71
|
+
900: "rgb(var(--primary-900))"
|
|
72
|
+
},
|
|
73
|
+
secondary: {
|
|
74
|
+
50: "rgb(var(--secondary-50))",
|
|
75
|
+
100: "rgb(var(--secondary-100))",
|
|
76
|
+
200: "rgb(var(--secondary-200))",
|
|
77
|
+
300: "rgb(var(--secondary-300))",
|
|
78
|
+
400: "rgb(var(--secondary-400))",
|
|
79
|
+
500: "rgb(var(--secondary-500))",
|
|
80
|
+
600: "rgb(var(--secondary-600))",
|
|
81
|
+
700: "rgb(var(--secondary-700))",
|
|
82
|
+
800: "rgb(var(--secondary-800))",
|
|
83
|
+
900: "rgb(var(--secondary-900))"
|
|
84
|
+
},
|
|
85
|
+
gray: {
|
|
86
|
+
50: "rgb(var(--gray-50))",
|
|
87
|
+
100: "rgb(var(--gray-100))",
|
|
88
|
+
200: "rgb(var(--gray-200))",
|
|
89
|
+
300: "rgb(var(--gray-300))",
|
|
90
|
+
400: "rgb(var(--gray-400))",
|
|
91
|
+
500: "rgb(var(--gray-500))",
|
|
92
|
+
600: "rgb(var(--gray-600))",
|
|
93
|
+
700: "rgb(var(--gray-700))",
|
|
94
|
+
800: "rgb(var(--gray-800))",
|
|
95
|
+
900: "rgb(var(--gray-900))"
|
|
96
|
+
},
|
|
97
|
+
error: {
|
|
98
|
+
50: "rgb(var(--error-50))",
|
|
99
|
+
100: "rgb(var(--error-100))",
|
|
100
|
+
200: "rgb(var(--error-200))",
|
|
101
|
+
300: "rgb(var(--error-300))",
|
|
102
|
+
400: "rgb(var(--error-400))",
|
|
103
|
+
500: "rgb(var(--error-500))",
|
|
104
|
+
600: "rgb(var(--error-600))",
|
|
105
|
+
700: "rgb(var(--error-700))",
|
|
106
|
+
800: "rgb(var(--error-800))",
|
|
107
|
+
900: "rgb(var(--error-900))"
|
|
108
|
+
},
|
|
109
|
+
success: {
|
|
110
|
+
50: "rgb(var(--success-50))",
|
|
111
|
+
100: "rgb(var(--success-100))",
|
|
112
|
+
200: "rgb(var(--success-200))",
|
|
113
|
+
300: "rgb(var(--success-300))",
|
|
114
|
+
400: "rgb(var(--success-400))",
|
|
115
|
+
500: "rgb(var(--success-500))",
|
|
116
|
+
600: "rgb(var(--success-600))",
|
|
117
|
+
700: "rgb(var(--success-700))",
|
|
118
|
+
800: "rgb(var(--success-800))",
|
|
119
|
+
900: "rgb(var(--success-900))"
|
|
120
|
+
},
|
|
121
|
+
warning: {
|
|
122
|
+
50: "rgb(var(--warning-50))",
|
|
123
|
+
100: "rgb(var(--warning-100))",
|
|
124
|
+
200: "rgb(var(--warning-200))",
|
|
125
|
+
300: "rgb(var(--warning-300))",
|
|
126
|
+
400: "rgb(var(--warning-400))",
|
|
127
|
+
500: "rgb(var(--warning-500))",
|
|
128
|
+
600: "rgb(var(--warning-600))",
|
|
129
|
+
700: "rgb(var(--warning-700))",
|
|
130
|
+
800: "rgb(var(--warning-800))",
|
|
131
|
+
900: "rgb(var(--warning-900))"
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
fontFamily: {
|
|
135
|
+
"regular": [ "inter-regular", "sans-serif" ],
|
|
136
|
+
"italic": [ "inter-italic", "sans-serif" ],
|
|
137
|
+
"medium": [ "inter-medium", "sans-serif" ],
|
|
138
|
+
"medium-italic": [ "inter-medium-italic", "sans-serif" ],
|
|
139
|
+
"semibold": [ "inter-semibold", "sans-serif" ],
|
|
140
|
+
"semibold-italic": [ "inter-semibold-italic", "sans-serif" ],
|
|
141
|
+
"bold": [ "inter-bold", "sans-serif" ],
|
|
142
|
+
"bold-italic": [ "inter-bold-italic", "sans-serif" ]
|
|
143
|
+
},
|
|
144
|
+
fontSize: {
|
|
145
|
+
xxs: [ "0.625rem", { lineHeight: "100%" }], // font-size: 10px
|
|
146
|
+
xs: [ "0.75rem", { lineHeight: "130%" }], // font-size: 12px
|
|
147
|
+
"xs-fit": [ "0.75rem", { lineHeight: "100%" }], // font-size: 12px
|
|
148
|
+
base: [ "0.875rem", { lineHeight: "145%" }], // font-size: 14px
|
|
149
|
+
"base-fit": [ "0.875rem", { lineHeight: "115%" }], // font-size: 14px
|
|
150
|
+
md: [ "1rem", { lineHeight: "150%" }], // font-size: 16px
|
|
151
|
+
lg: [ "1.125rem", { lineHeight: "155%" }], // font-size: 18px
|
|
152
|
+
xl: [ "1.25rem", { lineHeight: "140%" }], // font-size: 20px
|
|
153
|
+
"xl-fit": [ "1.25rem", { lineHeight: "120%" }], // font-size: 20px
|
|
154
|
+
"heading-xs": [ "1.5rem", { lineHeight: "135%" }], // font-size: 24px
|
|
155
|
+
"heading-sm": [ "1.75rem", { lineHeight: "135%" }], // font-size: 28px
|
|
156
|
+
"heading-md": [ "2rem", { lineHeight: "125%" }], // font-size: 32px
|
|
157
|
+
"heading-lg": [ "2.25rem", { lineHeight: "122%" }], // font-size: 36px
|
|
158
|
+
"heading-xl": [ "2.5rem", { lineHeight: "120%" }], // font-size: 40px
|
|
159
|
+
"heading-2xl": [ "3rem", { lineHeight: "125%" }], // font-size: 48px
|
|
160
|
+
"display-lg": [ "3.75rem", { lineHeight: "120%" }], // font-size: 60px
|
|
161
|
+
"display-xl": [ "4.5rem", { lineHeight: "120%" }] // font-size: 72px
|
|
162
|
+
},
|
|
163
|
+
spacing: {
|
|
164
|
+
1: "0.25rem",
|
|
165
|
+
2: "0.5rem",
|
|
166
|
+
3: "0.75rem",
|
|
167
|
+
4: "1rem",
|
|
168
|
+
5: "1.25rem",
|
|
169
|
+
6: "1.5rem",
|
|
170
|
+
7: "2rem",
|
|
171
|
+
8: "2.5rem",
|
|
172
|
+
9: "3rem",
|
|
173
|
+
10: "3.5rem",
|
|
174
|
+
11: "4rem",
|
|
175
|
+
12: "4.5rem",
|
|
176
|
+
13: "5rem",
|
|
177
|
+
14: "5.5rem",
|
|
178
|
+
15: "6rem"
|
|
179
|
+
},
|
|
180
|
+
borderRadius: {
|
|
181
|
+
"sm": "0.25rem",
|
|
182
|
+
DEFAULT: "0.5rem",
|
|
183
|
+
"md": "0.75rem",
|
|
184
|
+
"lg": "1rem",
|
|
185
|
+
"xl": "1.25rem",
|
|
186
|
+
"2xl": "1.5rem",
|
|
187
|
+
"3xl": "2rem"
|
|
188
|
+
},
|
|
189
|
+
boxShadow: {
|
|
190
|
+
xxs: "0 1px 2x rgba(27, 37, 51, 0.12)",
|
|
191
|
+
xs: "0 4px 16px -2px rgba(27, 37, 51, 0.06)",
|
|
192
|
+
sm: "0 4px 32px -2px rgba(27, 37, 51, 0.06)",
|
|
193
|
+
md: "0 16px 48px -4px rgba(27, 37, 51, 0.06)",
|
|
194
|
+
xl: "0 32px 80px -4px rgba(27, 37, 51, 0.12)",
|
|
195
|
+
xxl: "0 64px 80px -4px rgba(27, 37, 51, 0.12)",
|
|
196
|
+
"primary-2px": "0px 0px 2px 2px rgba(153, 203, 250, 1)",
|
|
197
|
+
"secondary-2px": "0px 0px 2px 2px rgba(214, 218, 225, 1)",
|
|
198
|
+
"success-2px": "0px 0px 2px 2px rgba(163, 214, 201, 1)",
|
|
199
|
+
"warning-2px": "0px 0px 2px 2px rgba(251, 210, 156, 1)",
|
|
200
|
+
"error-2px": "0px 0px 2px 2px rgba(241, 174, 157, 1)",
|
|
201
|
+
"primary-4px": "0px 0px 0px 4px rgba(204, 229, 253, 1)",
|
|
202
|
+
"secondary-4px": "0px 0px 0px 4px rgba(214, 218, 225, 1)",
|
|
203
|
+
"success-4px": "0px 0px 0px 4px rgba(163, 214, 201, 1)",
|
|
204
|
+
"warning-4px": "0px 0px 0px 4px rgba(251, 210, 156, 1)",
|
|
205
|
+
"error-4px": "0px 0px 0px 4px rgba(248, 214, 206, 1)"
|
|
206
|
+
},
|
|
207
|
+
borderWidth: {
|
|
208
|
+
"1.5": "1.5px"
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cloudwick/astral-ui-cli",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "CLI for installing Astral UI components in any codebase",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"bin": {
|
|
@@ -45,8 +45,6 @@
|
|
|
45
45
|
"vitest": "^1.1.1"
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@cloudwick/astral-config": "workspace:*",
|
|
49
|
-
"@cloudwick/astral-ui": "workspace:*",
|
|
50
48
|
"chalk": "^4.1.2",
|
|
51
49
|
"chalk-animation": "^2.0.3",
|
|
52
50
|
"commander": "^11.1.0",
|
|
@@ -62,4 +60,4 @@
|
|
|
62
60
|
"engines": {
|
|
63
61
|
"node": ">=18.0.0"
|
|
64
62
|
}
|
|
65
|
-
}
|
|
63
|
+
}
|
|
File without changes
|