rud-dashboard 0.1.4 → 0.1.6

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 (15) hide show
  1. package/README.md +10 -6
  2. package/dist/preact/index.preact.cjs +841 -940
  3. package/dist/preact/index.preact.cjs.map +1 -1
  4. package/dist/preact/index.preact.d.cts +110 -106
  5. package/dist/preact/index.preact.d.ts +110 -106
  6. package/dist/preact/index.preact.js +868 -958
  7. package/dist/preact/index.preact.js.map +1 -1
  8. package/dist/react/index.cjs +841 -940
  9. package/dist/react/index.cjs.map +1 -1
  10. package/dist/react/index.d.cts +109 -106
  11. package/dist/react/index.d.ts +109 -106
  12. package/dist/react/index.js +868 -958
  13. package/dist/react/index.js.map +1 -1
  14. package/dist/styles.css +1883 -90
  15. package/package.json +25 -7
package/README.md CHANGED
@@ -12,15 +12,22 @@ bun add rud-dashboard
12
12
 
13
13
  ## Setup
14
14
 
15
- ### 1. Import the Tailwind Preset
15
+ ### 1. Style Setup
16
16
 
17
+ #### For Tailwind CSS v4 (Recommended)
18
+ Add to your main CSS file:
19
+ ```css
20
+ @import "rud-dashboard";
21
+ ```
22
+
23
+ #### For Tailwind CSS v3
17
24
  Update your `tailwind.config.js`:
18
25
 
19
26
  ```javascript
20
27
  import rudPreset from 'rud-dashboard/tailwind.preset'
21
28
 
22
29
  export default {
23
- presets: [rdbPreset],
30
+ presets: [rudPreset],
24
31
  content: [
25
32
  "./src/**/*.{js,ts,jsx,tsx}",
26
33
  "./node_modules/rud-dashboard/**/*.{js,ts,jsx,tsx}",
@@ -28,10 +35,7 @@ export default {
28
35
  }
29
36
  ```
30
37
 
31
- ### 2. Add CSS Variables
32
-
33
- Add to your main CSS file (e.g., `globals.css` or `index.css`):
34
-
38
+ Then import the styles in your main CSS file:
35
39
  ```css
36
40
  @import 'rud-dashboard/styles.css';
37
41
  ```