@synergy-design-system/react 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.
Files changed (2) hide show
  1. package/README.md +7 -0
  2. package/package.json +5 -2
package/README.md CHANGED
@@ -17,6 +17,9 @@ Run the following steps to install the required packages.
17
17
  # Install the base library and required css files
18
18
  npm install --save @synergy-design-system/react @synergy-design-system/tokens
19
19
 
20
+ # Optional: Install the styles utility package
21
+ npm install --save @synergy-design-system/styles
22
+
20
23
  # Only if not already installed
21
24
  npm install --save react react-dom
22
25
 
@@ -39,6 +42,10 @@ import { App } from "./App";
39
42
 
40
43
  // Add this line to enable the light theme for your application
41
44
  import "@synergy-design-system/tokens/themes/light.css";
45
+ import "@synergy-design-system/components/index.css";
46
+
47
+ // Optional: Import the styles package
48
+ import "@synergy-design-system/styles/index.css";
42
49
 
43
50
  createRoot(document.getElementById("root")!).render(
44
51
  <StrictMode>
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  },
6
6
  "dependencies": {
7
7
  "@lit/react": "^1.0.4",
8
- "@synergy-design-system/components": "^2.1.0"
8
+ "@synergy-design-system/components": "^2.2.0"
9
9
  },
10
10
  "description": "React wrappers for the Synergy Design System",
11
11
  "exports": {
@@ -40,9 +40,12 @@
40
40
  "directory": "packages/react"
41
41
  },
42
42
  "type": "module",
43
- "version": "2.1.0",
43
+ "version": "2.2.0",
44
44
  "devDependencies": {
45
45
  "@types/react": "^18.2.79",
46
46
  "react": "^18.2.0"
47
+ },
48
+ "peerDependencies": {
49
+ "@synergy-design-system/tokens": "^2.2.0"
47
50
  }
48
51
  }