@synergy-design-system/vue 2.1.0 → 2.2.1

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.
Files changed (2) hide show
  1. package/README.md +7 -0
  2. 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.1.0"
7
+ "@synergy-design-system/components": "^2.2.1"
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.1.0",
43
+ "version": "2.2.1",
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
  }