greenole-design-system 1.1.6 → 1.1.7

package/README.md

@@ -36,7 +36,19 @@ npm install greenole-design-system
 
 ## Usage
 
-After installation, you can import and use the library's components as follows:
+After installation, you need to import both the CSS styles and the components:
+
+### 1. Import the CSS styles
+
+First, import the CSS file in your main application file (usually `main.jsx`, `App.jsx`, or `index.js`):
+
+```jsx
+import 'greenole-design-system/dist/greenole.css';
+```
+
+### 2. Import and use components
+
+Then you can import and use the library's components:
 
 ```jsx
 import React from 'react';

package/package.json

@@ -1,14 +1,12 @@
 {
   "name": "greenole-design-system",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "type": "module",
   "main": "dist/greenole-design-system.cjs.js",
   "module": "dist/greenole-design-system.es.js",
   "types": "dist/index.d.ts",
-  "style": "dist/greenole.css",
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "publishConfig": {
     "access": "public"
@@ -19,7 +17,7 @@
   "license": "MIT",
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build && npx tailwindcss -i ./src/index.css -o ./dist/greenole.css",
+    "build": "vite build",
     "lint": "eslint .",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
@@ -28,8 +26,8 @@
   },
   "peerDependencies": {
     "i18next": "^24.2.2",
-    "react": ">=18.3.1 <20.0.0",
-    "react-dom": ">=18.3.1 <20.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-i18next": "^15.4.0"
   },
   "devDependencies": {