@davincihealthcare/elty-design-system-vue 1.64.0 → 1.64.2
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 +20 -3
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/index.umd.cjs +1 -1
- package/dist/index.umd.cjs.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
This collection of reusable Vue components is designed to help you easily integrate and maintain a consistent design system across your company's projects. Whether you're building a new application or updating an existing one, these components are ready to be used and customized to match your brand guidelines.
|
|
4
4
|
|
|
5
|
+
## Version Information
|
|
6
|
+
|
|
7
|
+
The library is available in two major versions:
|
|
8
|
+
|
|
9
|
+
- **Version 1.x.x** (default): Stable version with current component implementations
|
|
10
|
+
- **Version 2.x.x** (beta): Next major version with breaking changes and better alignment with the design system
|
|
11
|
+
|
|
5
12
|
## Getting Started
|
|
6
13
|
|
|
7
14
|
To get started with using these components in your Vue project, follow these simple steps
|
|
@@ -10,12 +17,20 @@ To get started with using these components in your Vue project, follow these sim
|
|
|
10
17
|
|
|
11
18
|
First install Tailwindcss following the steps at https://tailwindcss.com/docs/installation/framework-guides
|
|
12
19
|
|
|
13
|
-
Then install required plugins and the design system package itself
|
|
20
|
+
Then install required plugins and the design system package itself:
|
|
14
21
|
|
|
15
22
|
```bash
|
|
16
|
-
#
|
|
17
|
-
yarn add -D tailwindcss postcss autoprefixer @tailwindcss/forms @tailwindcss/typography
|
|
23
|
+
# Version 1 (default)
|
|
18
24
|
yarn add @davincihealthcare/elty-design-system-vue
|
|
25
|
+
|
|
26
|
+
# Version 2 (contains breaking changes and better alignment with the design system)
|
|
27
|
+
yarn add @davincihealthcare/elty-design-system-vue@v2
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
Required peer dependencies:
|
|
31
|
+
|
|
32
|
+
```bash
|
|
33
|
+
yarn add -D tailwindcss postcss autoprefixer @tailwindcss/forms @tailwindcss/typography
|
|
19
34
|
```
|
|
20
35
|
|
|
21
36
|
## Usage
|
|
@@ -145,3 +160,5 @@ This section handles the styling for your Vue component library, leveraging Tail
|
|
|
145
160
|
- button v2 will have a different interface
|
|
146
161
|
- remove id from input which is useless and just use name prop
|
|
147
162
|
- from IDs will be delegated to the parent https://davincisalute.slack.com/archives/C03HLJGN04S/p1720704672112299
|
|
163
|
+
|
|
164
|
+
Migration instructions are available in [MIGRATION.md](MIGRATION.md)
|
package/dist/index.js
CHANGED
|
@@ -22312,8 +22312,8 @@ const aB = () => {
|
|
|
22312
22312
|
default: Ze(() => [
|
|
22313
22313
|
N1(O("input", {
|
|
22314
22314
|
id: U(S),
|
|
22315
|
-
name: r.name,
|
|
22316
22315
|
"onUpdate:modelValue": L[0] || (L[0] = (G) => f.value = G),
|
|
22316
|
+
name: r.name,
|
|
22317
22317
|
type: t.type,
|
|
22318
22318
|
class: X(["el-input", {
|
|
22319
22319
|
error: !!U(N),
|
|
@@ -22322,6 +22322,7 @@ const aB = () => {
|
|
|
22322
22322
|
placeholder: C.placeholder,
|
|
22323
22323
|
disabled: r.disabled,
|
|
22324
22324
|
"data-cy": `${C.label.trim().replaceAll(" ", "")}-input`,
|
|
22325
|
+
max: "9999-12-31",
|
|
22325
22326
|
onBlur: L[1] || (L[1] = (G) => U(R).validate())
|
|
22326
22327
|
}, null, 42, TB), [
|
|
22327
22328
|
[Ma, f.value]
|