@umami/react-zen 0.232.0 → 0.234.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 (11) hide show
  1. package/README.md +3 -3
  2. package/dist/index.d.mts +9 -0
  3. package/dist/index.d.ts +9 -0
  4. package/dist/index.js +71 -35
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +71 -35
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +1 -1
  9. package/styles.css +12 -30
  10. package/styles.full.css +1 -1
  11. package/tailwind.preset.ts +5 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.232.0",
3
+ "version": "0.234.0",
4
4
  "description": "Modern, minimalist React component library",
5
5
  "homepage": "https://zen.umami.is",
6
6
  "repository": {
package/styles.css CHANGED
@@ -19,6 +19,10 @@
19
19
  ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
20
20
  monospace;
21
21
 
22
+ /* === PRIMARY (accent/brand color) === */
23
+ --primary: oklch(0.205 0 0); /* neutral-900 */
24
+ --primary-foreground: #ffffff;
25
+
22
26
  /* === SURFACES (backgrounds) === */
23
27
  --surface-base: #ffffff;
24
28
  --surface-raised: oklch(0.985 0 0); /* neutral-50 */
@@ -29,33 +33,23 @@
29
33
 
30
34
  /* === TEXT === */
31
35
  --text-primary: oklch(0.205 0 0); /* neutral-900 */
32
- --text-secondary: oklch(0.439 0 0); /* neutral-600 */
33
36
  --text-muted: oklch(0.556 0 0); /* neutral-500 */
34
37
  --text-disabled: oklch(0.708 0 0); /* neutral-400 */
35
- --text-inverted: oklch(0.985 0 0); /* neutral-50 */
36
- --text-on-primary: #ffffff;
37
38
 
38
39
  /* === BORDERS === */
39
40
  --border-default: oklch(0.87 0 0); /* neutral-300 */
40
41
  --border-muted: oklch(0.922 0 0); /* neutral-200 */
41
42
  --border-strong: oklch(0.708 0 0); /* neutral-400 */
42
- --border-inverted: oklch(0.205 0 0); /* neutral-900 */
43
43
 
44
44
  /* === INTERACTIVE STATES === */
45
45
  --interactive-bg: oklch(0.97 0 0); /* neutral-100 */
46
46
  --interactive-bg-hover: oklch(0.922 0 0); /* neutral-200 */
47
47
  --interactive-bg-pressed: oklch(0.87 0 0); /* neutral-300 */
48
- --interactive-bg-selected: oklch(0.205 0 0); /* neutral-900 */
49
- --interactive-text-selected: #ffffff;
50
48
 
51
49
  /* === FOCUS === */
52
50
  --focus-ring: oklch(0.708 0 0); /* neutral-400 */
53
51
  --focus-ring-offset: #ffffff;
54
52
 
55
- /* === TRACKS (sliders, progress) === */
56
- --track-bg: oklch(0.922 0 0); /* neutral-200 */
57
- --track-fill: oklch(0.205 0 0); /* neutral-900 */
58
-
59
53
  /* === STATUS COLORS === */
60
54
  --status-info: oklch(0.623 0.214 259.815); /* blue-500 */
61
55
  --status-info-bg: oklch(0.97 0.014 254.604); /* blue-50 */
@@ -78,6 +72,10 @@
78
72
  .dark {
79
73
  color-scheme: dark;
80
74
 
75
+ /* === PRIMARY (accent/brand color) === */
76
+ --primary: oklch(0.97 0 0); /* neutral-100 */
77
+ --primary-foreground: oklch(0.205 0 0); /* neutral-900 */
78
+
81
79
  /* === SURFACES === */
82
80
  --surface-base: oklch(0.205 0 0); /* neutral-900 */
83
81
  --surface-raised: oklch(0.269 0 0); /* neutral-800 */
@@ -88,33 +86,23 @@
88
86
 
89
87
  /* === TEXT === */
90
88
  --text-primary: oklch(0.97 0 0); /* neutral-100 */
91
- --text-secondary: oklch(0.708 0 0); /* neutral-400 */
92
89
  --text-muted: oklch(0.708 0 0); /* neutral-400 */
93
90
  --text-disabled: oklch(0.556 0 0); /* neutral-500 */
94
- --text-inverted: oklch(0.205 0 0); /* neutral-900 */
95
- --text-on-primary: oklch(0.205 0 0); /* neutral-900 */
96
91
 
97
92
  /* === BORDERS === */
98
93
  --border-default: oklch(0.371 0 0); /* neutral-700 */
99
94
  --border-muted: oklch(0.309 0 0); /* ~neutral-750 */
100
95
  --border-strong: oklch(0.439 0 0); /* neutral-600 */
101
- --border-inverted: oklch(0.97 0 0); /* neutral-100 */
102
96
 
103
97
  /* === INTERACTIVE STATES === */
104
98
  --interactive-bg: oklch(0.269 0 0); /* neutral-800 */
105
99
  --interactive-bg-hover: oklch(0.371 0 0); /* neutral-700 */
106
100
  --interactive-bg-pressed: oklch(0.439 0 0); /* neutral-600 */
107
- --interactive-bg-selected: oklch(0.97 0 0); /* neutral-100 */
108
- --interactive-text-selected: oklch(0.205 0 0); /* neutral-900 */
109
101
 
110
102
  /* === FOCUS === */
111
103
  --focus-ring: oklch(0.556 0 0); /* neutral-500 */
112
104
  --focus-ring-offset: oklch(0.205 0 0); /* neutral-900 */
113
105
 
114
- /* === TRACKS === */
115
- --track-bg: oklch(0.371 0 0); /* neutral-700 */
116
- --track-fill: oklch(0.97 0 0); /* neutral-100 */
117
-
118
106
  /* === STATUS COLORS (dark variants) === */
119
107
  --status-info-bg: oklch(0.623 0.214 259.815 / 0.2); /* blue-500 at 20% */
120
108
  --status-info-text: oklch(0.932 0.032 255.585); /* blue-100 */
@@ -133,6 +121,10 @@
133
121
  [data-theme="light"] {
134
122
  color-scheme: light;
135
123
 
124
+ /* === PRIMARY (accent/brand color) === */
125
+ --primary: oklch(0.205 0 0); /* neutral-900 */
126
+ --primary-foreground: #ffffff;
127
+
136
128
  /* === SURFACES (backgrounds) === */
137
129
  --surface-base: #ffffff;
138
130
  --surface-raised: oklch(0.985 0 0); /* neutral-50 */
@@ -143,33 +135,23 @@
143
135
 
144
136
  /* === TEXT === */
145
137
  --text-primary: oklch(0.205 0 0); /* neutral-900 */
146
- --text-secondary: oklch(0.439 0 0); /* neutral-600 */
147
138
  --text-muted: oklch(0.556 0 0); /* neutral-500 */
148
139
  --text-disabled: oklch(0.708 0 0); /* neutral-400 */
149
- --text-inverted: oklch(0.985 0 0); /* neutral-50 */
150
- --text-on-primary: #ffffff;
151
140
 
152
141
  /* === BORDERS === */
153
142
  --border-default: oklch(0.87 0 0); /* neutral-300 */
154
143
  --border-muted: oklch(0.922 0 0); /* neutral-200 */
155
144
  --border-strong: oklch(0.708 0 0); /* neutral-400 */
156
- --border-inverted: oklch(0.205 0 0); /* neutral-900 */
157
145
 
158
146
  /* === INTERACTIVE STATES === */
159
147
  --interactive-bg: oklch(0.97 0 0); /* neutral-100 */
160
148
  --interactive-bg-hover: oklch(0.922 0 0); /* neutral-200 */
161
149
  --interactive-bg-pressed: oklch(0.87 0 0); /* neutral-300 */
162
- --interactive-bg-selected: oklch(0.205 0 0); /* neutral-900 */
163
- --interactive-text-selected: #ffffff;
164
150
 
165
151
  /* === FOCUS === */
166
152
  --focus-ring: oklch(0.708 0 0); /* neutral-400 */
167
153
  --focus-ring-offset: #ffffff;
168
154
 
169
- /* === TRACKS (sliders, progress) === */
170
- --track-bg: oklch(0.922 0 0); /* neutral-200 */
171
- --track-fill: oklch(0.205 0 0); /* neutral-900 */
172
-
173
155
  /* === STATUS COLORS === */
174
156
  --status-info: oklch(0.623 0.214 259.815); /* blue-500 */
175
157
  --status-info-bg: oklch(0.97 0.014 254.604); /* blue-50 */