@synergy-design-system/vue 2.1.0 → 2.2.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 +7 -0
- package/package.json +5 -2
package/README.md
CHANGED
|
@@ -18,6 +18,9 @@ Run the following steps to install the required packages.
|
|
|
18
18
|
# Install the base library and required css files
|
|
19
19
|
npm install --save @synergy-design-system/vue @synergy-design-system/tokens
|
|
20
20
|
|
|
21
|
+
# Optional: Install the styles utility package
|
|
22
|
+
npm install --save @synergy-design-system/styles
|
|
23
|
+
|
|
21
24
|
# Optional: if icons shall be used, install the assets package
|
|
22
25
|
npm install --save @synergy-design-system/assets
|
|
23
26
|
```
|
|
@@ -33,6 +36,10 @@ The components will not display correctly without the needed theme. Please inclu
|
|
|
33
36
|
// src/main.ts
|
|
34
37
|
// Add this line to enable the light theme for your application
|
|
35
38
|
import "@synergy-design-system/tokens/themes/light.css";
|
|
39
|
+
import "@synergy-design-system/components/index.css";
|
|
40
|
+
|
|
41
|
+
// Optional: Import the styles package
|
|
42
|
+
import "@synergy-design-system/styles/index.css";
|
|
36
43
|
|
|
37
44
|
import { createApp } from "vue";
|
|
38
45
|
import App from "./App.vue";
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"url": "https://www.sick.com"
|
|
5
5
|
},
|
|
6
6
|
"dependencies": {
|
|
7
|
-
"@synergy-design-system/components": "^2.
|
|
7
|
+
"@synergy-design-system/components": "^2.2.0"
|
|
8
8
|
},
|
|
9
9
|
"description": "Vue3 wrappers for the Synergy Design System",
|
|
10
10
|
"exports": {
|
|
@@ -40,9 +40,12 @@
|
|
|
40
40
|
"directory": "packages/vue"
|
|
41
41
|
},
|
|
42
42
|
"type": "module",
|
|
43
|
-
"version": "2.
|
|
43
|
+
"version": "2.2.0",
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@vue/tsconfig": "^0.5.1",
|
|
46
46
|
"vue": "^3.4.24"
|
|
47
|
+
},
|
|
48
|
+
"peerDependencies": {
|
|
49
|
+
"@synergy-design-system/tokens": "^2.2.0"
|
|
47
50
|
}
|
|
48
51
|
}
|