vueless 1.2.12-beta.2 → 1.2.12-beta.4
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 +15 -23
- package/constants.d.ts +1 -1
- package/constants.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,42 +2,34 @@
|
|
|
2
2
|
|
|
3
3
|
# Vueless UI
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
A UI library with Open Architecture for Vue.js 3 and Nuxt.js 3 / 4, powered by [Storybook v9](https://storybook.js.org) and [Tailwind CSS v4](https://tailwindcss.com).
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
**With Vueless UI, you’re free to:**
|
|
8
|
+
- 🪄️ Customize any component
|
|
9
|
+
- 📋 Copy and extend existing ones
|
|
10
|
+
- 🧱 Build your own from scratch
|
|
11
|
+
- 📕 Document it all seamlessly in Storybook
|
|
10
12
|
|
|
11
13
|
[Documentation](https://docs.vueless.com/) | [UI Components](https://ui.vueless.com/) | [Website](http://vueless.com/)
|
|
12
14
|
|
|
13
15
|
### Key features
|
|
14
16
|
|
|
15
|
-
- 🧩 65+ UI components (including range date picker, multi-
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
- 🌈 Beautiful
|
|
19
|
-
- 🌗 Light and dark mode support
|
|
17
|
+
- 🧩 65+ crafted UI components (including range date picker, multi-select, and nested table)
|
|
18
|
+
- ✨ Open Architecture lets you customize, copy, extend, and create your own components
|
|
19
|
+
- 📕 Built-in Storybook support
|
|
20
|
+
- 🌈 Beautiful default UI theme
|
|
20
21
|
- 🌀 Unstyled mode
|
|
21
|
-
-
|
|
22
|
-
- 🎛️ Runtime theme and color switching
|
|
22
|
+
- 🌗 Light and dark mode
|
|
23
23
|
- 🧬 Design tokens powered by CSS variables
|
|
24
|
-
-
|
|
24
|
+
- ⚙️ Server-side rendering (SSR)
|
|
25
25
|
- 🌍 Internationalization (i18n)
|
|
26
26
|
- ♿️ Accessibility (a11y)
|
|
27
|
-
-
|
|
28
|
-
-
|
|
27
|
+
- 🖼️ Inline SVG icons
|
|
28
|
+
- 🪄 Auto component imports (as you use them)
|
|
29
|
+
- 🧿 Uncompiled source in npm for better DX
|
|
29
30
|
- 🧪️ 1300+ unit tests ensuring consistent logic
|
|
30
31
|
- 🛡️ Full TypeScript support with type safety
|
|
31
32
|
|
|
32
|
-
### Advanced Features
|
|
33
|
-
|
|
34
|
-
- 🧰 Copy and extend existing components
|
|
35
|
-
- 🧱 Create your own components
|
|
36
|
-
- 🔧️ Define default values for props
|
|
37
|
-
- 🔩️ Add or hide props to components
|
|
38
|
-
- 🧿 `npm` package ships full source without TypeScript transpilation for better DX.
|
|
39
|
-
|
|
40
|
-
|
|
41
33
|
## Quick Start (Vue)
|
|
42
34
|
|
|
43
35
|
### New project
|
package/constants.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ export const OUTLINE_INCREMENT: 1;
|
|
|
27
27
|
export const DEFAULT_ROUNDING: 8;
|
|
28
28
|
export const ROUNDING_DECREMENT: 4;
|
|
29
29
|
export const ROUNDING_INCREMENT: 6;
|
|
30
|
-
export const DEFAULT_SPACING:
|
|
30
|
+
export const DEFAULT_SPACING: 4;
|
|
31
31
|
export const DEFAULT_DISABLED_OPACITY: 50;
|
|
32
32
|
export const DEFAULT_LETTER_SPACING: 0;
|
|
33
33
|
export const PRIMARY_COLORS: string[];
|
package/constants.js
CHANGED
|
@@ -39,7 +39,7 @@ export const OUTLINE_INCREMENT = 1; /* pixels */
|
|
|
39
39
|
export const DEFAULT_ROUNDING = 8; /* pixels */
|
|
40
40
|
export const ROUNDING_DECREMENT = 4; /* pixels */
|
|
41
41
|
export const ROUNDING_INCREMENT = 6; /* pixels */
|
|
42
|
-
export const DEFAULT_SPACING =
|
|
42
|
+
export const DEFAULT_SPACING = 4; /* pixels */
|
|
43
43
|
export const DEFAULT_DISABLED_OPACITY = 50; /* presents */
|
|
44
44
|
export const DEFAULT_LETTER_SPACING = 0; /* em */
|
|
45
45
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vueless",
|
|
3
|
-
"version": "1.2.12-beta.
|
|
3
|
+
"version": "1.2.12-beta.4",
|
|
4
4
|
"description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
|
|
5
5
|
"author": "Johnny Grid <hello@vueless.com> (https://vueless.com)",
|
|
6
6
|
"homepage": "https://vueless.com",
|