@wakastellar/ui 2.3.2 → 2.3.4

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 (10) hide show
  1. package/dist/index.cjs.js +1 -1
  2. package/dist/index.es.js +1 -1
  3. package/package.json +1 -1
  4. package/src/blocks/sidebar/index.tsx +1 -1
  5. package/src/styles/base.css +18 -0
  6. package/src/styles/themes/forest.css +18 -0
  7. package/src/styles/themes/monochrome.css +18 -0
  8. package/src/styles/themes/perpetuity.css +18 -0
  9. package/src/styles/themes/sunset.css +18 -0
  10. package/src/styles/themes/twilight.css +18 -0
package/dist/index.es.js CHANGED
@@ -82312,7 +82312,7 @@ function MD({
82312
82312
  onClose: () => $(!1)
82313
82313
  }, O = {
82314
82314
  "--sidebar-bg": m || "hsl(var(--sidebar-background, var(--card)))",
82315
- "--sidebar-text": f || "hsl(var(--sidebar-foreground, var(--card-foreground)))",
82315
+ "--sidebar-text": f || "hsl(var(--sidebar-foreground, var(--muted-foreground)))",
82316
82316
  "--sidebar-active": g || "hsl(var(--sidebar-primary, var(--primary)))",
82317
82317
  "--sidebar-active-foreground": "hsl(var(--sidebar-primary-foreground, var(--primary-foreground)))",
82318
82318
  "--sidebar-hover": p || "hsl(var(--sidebar-accent, var(--accent)))"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wakastellar/ui",
3
- "version": "2.3.2",
3
+ "version": "2.3.4",
4
4
  "description": "Zero-config UI Library for Next.js with TweakCN theming and i18n support",
5
5
  "keywords": [
6
6
  "ui",
package/src/blocks/sidebar/index.tsx CHANGED
@@ -557,7 +557,7 @@ export function WakaSidebar({
557
557
  // Styles personnalisés - utilise les variables CSS du thème par défaut
558
558
  const customStyles = {
559
559
  "--sidebar-bg": backgroundColor || "hsl(var(--sidebar-background, var(--card)))",
560
- "--sidebar-text": textColor || "hsl(var(--sidebar-foreground, var(--card-foreground)))",
560
+ "--sidebar-text": textColor || "hsl(var(--sidebar-foreground, var(--muted-foreground)))",
561
561
  "--sidebar-active": activeColor || "hsl(var(--sidebar-primary, var(--primary)))",
562
562
  "--sidebar-active-foreground": "hsl(var(--sidebar-primary-foreground, var(--primary-foreground)))",
563
563
  "--sidebar-hover": hoverColor || "hsl(var(--sidebar-accent, var(--accent)))",
package/src/styles/base.css CHANGED
@@ -50,6 +50,15 @@
50
50
  --warning-foreground: 0 0% 0%;
51
51
  --info: 199 89% 48%;
52
52
  --info-foreground: 0 0% 100%;
53
+
54
+ /* Sidebar colors */
55
+ --sidebar-background: 222.2 84% 4.9%;
56
+ --sidebar-foreground: 210 40% 98%;
57
+ --sidebar-primary: 222.2 47.4% 11.2%;
58
+ --sidebar-primary-foreground: 210 40% 98%;
59
+ --sidebar-accent: 217.2 32.6% 17.5%;
60
+ --sidebar-accent-foreground: 210 40% 98%;
61
+ --sidebar-border: 217.2 32.6% 17.5%;
53
62
  }
54
63
 
55
64
  .dark,
@@ -86,6 +95,15 @@
86
95
  --warning-foreground: 0 0% 0%;
87
96
  --info: 199 89% 48%;
88
97
  --info-foreground: 0 0% 100%;
98
+
99
+ /* Sidebar colors - dark */
100
+ --sidebar-background: 222.2 84% 4.9%;
101
+ --sidebar-foreground: 210 40% 98%;
102
+ --sidebar-primary: 210 40% 98%;
103
+ --sidebar-primary-foreground: 222.2 47.4% 11.2%;
104
+ --sidebar-accent: 217.2 32.6% 17.5%;
105
+ --sidebar-accent-foreground: 210 40% 98%;
106
+ --sidebar-border: 217.2 32.6% 17.5%;
89
107
  }
90
108
 
91
109
  /* ============================================
package/src/styles/themes/forest.css CHANGED
@@ -33,6 +33,15 @@
33
33
  --warning-foreground: 0 0% 0%;
34
34
  --info: 199 89% 48%;
35
35
  --info-foreground: 0 0% 100%;
36
+
37
+ /* Sidebar colors */
38
+ --sidebar-background: 120 33% 9%;
39
+ --sidebar-foreground: 120 56% 69%;
40
+ --sidebar-primary: 120 45% 33%;
41
+ --sidebar-primary-foreground: 0 0% 100%;
42
+ --sidebar-accent: 120 36% 28%;
43
+ --sidebar-accent-foreground: 120 56% 69%;
44
+ --sidebar-border: 120 36% 28%;
36
45
  }
37
46
 
38
47
  [data-theme="forest"].dark {
@@ -68,4 +77,13 @@
68
77
  --warning-foreground: 0 0% 0%;
69
78
  --info: 199 89% 48%;
70
79
  --info-foreground: 0 0% 100%;
80
+
81
+ /* Sidebar colors - dark */
82
+ --sidebar-background: 120 33% 9%;
83
+ --sidebar-foreground: 120 56% 69%;
84
+ --sidebar-primary: 120 40% 56%;
85
+ --sidebar-primary-foreground: 120 33% 9%;
86
+ --sidebar-accent: 120 36% 28%;
87
+ --sidebar-accent-foreground: 120 56% 69%;
88
+ --sidebar-border: 120 36% 28%;
71
89
  }
package/src/styles/themes/monochrome.css CHANGED
@@ -33,6 +33,15 @@
33
33
  --warning-foreground: 0 0% 0%;
34
34
  --info: 199 89% 48%;
35
35
  --info-foreground: 0 0% 100%;
36
+
37
+ /* Sidebar colors */
38
+ --sidebar-background: 0 0% 4%;
39
+ --sidebar-foreground: 0 0% 98%;
40
+ --sidebar-primary: 0 0% 9%;
41
+ --sidebar-primary-foreground: 0 0% 98%;
42
+ --sidebar-accent: 0 0% 15%;
43
+ --sidebar-accent-foreground: 0 0% 98%;
44
+ --sidebar-border: 0 0% 15%;
36
45
  }
37
46
 
38
47
  [data-theme="monochrome"].dark {
@@ -68,4 +77,13 @@
68
77
  --warning-foreground: 0 0% 0%;
69
78
  --info: 199 89% 48%;
70
79
  --info-foreground: 0 0% 100%;
80
+
81
+ /* Sidebar colors - dark */
82
+ --sidebar-background: 0 0% 4%;
83
+ --sidebar-foreground: 0 0% 98%;
84
+ --sidebar-primary: 0 0% 98%;
85
+ --sidebar-primary-foreground: 0 0% 4%;
86
+ --sidebar-accent: 0 0% 15%;
87
+ --sidebar-accent-foreground: 0 0% 98%;
88
+ --sidebar-border: 0 0% 15%;
71
89
  }
package/src/styles/themes/perpetuity.css CHANGED
@@ -33,6 +33,15 @@
33
33
  --warning-foreground: 0 0% 0%;
34
34
  --info: 199 89% 48%;
35
35
  --info-foreground: 0 0% 100%;
36
+
37
+ /* Sidebar colors */
38
+ --sidebar-background: 195 50% 8%;
39
+ --sidebar-foreground: 180 75% 60%;
40
+ --sidebar-primary: 184 93% 29%;
41
+ --sidebar-primary-foreground: 0 0% 100%;
42
+ --sidebar-accent: 189 59% 21%;
43
+ --sidebar-accent-foreground: 180 75% 60%;
44
+ --sidebar-border: 189 59% 21%;
36
45
  }
37
46
 
38
47
  [data-theme="perpetuity"].dark {
@@ -68,4 +77,13 @@
68
77
  --warning-foreground: 0 0% 0%;
69
78
  --info: 199 89% 48%;
70
79
  --info-foreground: 0 0% 100%;
80
+
81
+ /* Sidebar colors - dark */
82
+ --sidebar-background: 195 50% 8%;
83
+ --sidebar-foreground: 180 75% 60%;
84
+ --sidebar-primary: 180 75% 60%;
85
+ --sidebar-primary-foreground: 195 50% 8%;
86
+ --sidebar-accent: 189 59% 21%;
87
+ --sidebar-accent-foreground: 180 75% 60%;
88
+ --sidebar-border: 189 59% 21%;
71
89
  }
package/src/styles/themes/sunset.css CHANGED
@@ -33,6 +33,15 @@
33
33
  --warning-foreground: 0 0% 0%;
34
34
  --info: 199 89% 48%;
35
35
  --info-foreground: 0 0% 100%;
36
+
37
+ /* Sidebar colors */
38
+ --sidebar-background: 18 56% 7%;
39
+ --sidebar-foreground: 28 92% 83%;
40
+ --sidebar-primary: 21 90% 48%;
41
+ --sidebar-primary-foreground: 0 0% 100%;
42
+ --sidebar-accent: 26 80% 31%;
43
+ --sidebar-accent-foreground: 28 92% 83%;
44
+ --sidebar-border: 28 75% 26%;
36
45
  }
37
46
 
38
47
  [data-theme="sunset"].dark {
@@ -68,4 +77,13 @@
68
77
  --warning-foreground: 0 0% 0%;
69
78
  --info: 199 89% 48%;
70
79
  --info-foreground: 0 0% 100%;
80
+
81
+ /* Sidebar colors - dark */
82
+ --sidebar-background: 18 56% 7%;
83
+ --sidebar-foreground: 28 92% 83%;
84
+ --sidebar-primary: 38 92% 50%;
85
+ --sidebar-primary-foreground: 18 56% 7%;
86
+ --sidebar-accent: 26 80% 31%;
87
+ --sidebar-accent-foreground: 28 92% 83%;
88
+ --sidebar-border: 28 75% 26%;
71
89
  }
package/src/styles/themes/twilight.css CHANGED
@@ -33,6 +33,15 @@
33
33
  --warning-foreground: 0 0% 0%;
34
34
  --info: 199 89% 48%;
35
35
  --info-foreground: 0 0% 100%;
36
+
37
+ /* Sidebar colors */
38
+ --sidebar-background: 270 45% 11%;
39
+ --sidebar-foreground: 275 100% 92%;
40
+ --sidebar-primary: 262 83% 66%;
41
+ --sidebar-primary-foreground: 0 0% 100%;
42
+ --sidebar-accent: 268 35% 30%;
43
+ --sidebar-accent-foreground: 275 100% 92%;
44
+ --sidebar-border: 268 35% 30%;
36
45
  }
37
46
 
38
47
  [data-theme="twilight"].dark {
@@ -68,4 +77,13 @@
68
77
  --warning-foreground: 0 0% 0%;
69
78
  --info: 199 89% 48%;
70
79
  --info-foreground: 0 0% 100%;
80
+
81
+ /* Sidebar colors - dark */
82
+ --sidebar-background: 270 45% 11%;
83
+ --sidebar-foreground: 275 100% 92%;
84
+ --sidebar-primary: 262 91% 76%;
85
+ --sidebar-primary-foreground: 270 45% 11%;
86
+ --sidebar-accent: 268 35% 30%;
87
+ --sidebar-accent-foreground: 275 100% 92%;
88
+ --sidebar-border: 268 35% 30%;
71
89
  }