@nivaro/react 0.1.85 → 0.1.87

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nivaro/react",
3
- "version": "0.1.85",
3
+ "version": "0.1.87",
4
4
  "description": "React hooks and components for Nivaro CMS forms",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
package/styles.css CHANGED
@@ -132,3 +132,21 @@ table {
132
132
  tr.nvr-row-flash > td {
133
133
  animation: nvr-row-flash-kf 2.4s ease-out;
134
134
  }
135
+
136
+ /* Native form controls in dark mode: color-scheme makes the BROWSER-rendered
137
+ parts (the <option> popup, date pickers, scrollbars) dark — utility classes
138
+ cannot reach those. The select rule catches controls whose classes never
139
+ grew a dark: variant (light-on-light closed control); selects that declare
140
+ their own dark/arbitrary background are left alone. */
141
+ .dark {
142
+ color-scheme: dark;
143
+ }
144
+ .dark select:not([class*='dark:bg']):not([class*='bg-[']) {
145
+ background-color: hsl(var(--card));
146
+ color: hsl(var(--foreground));
147
+ border-color: hsl(var(--border));
148
+ }
149
+ .dark select option {
150
+ background-color: hsl(var(--card));
151
+ color: hsl(var(--foreground));
152
+ }