@umami/react-zen 0.51.0 → 0.52.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.
package/dist/index.js CHANGED
@@ -43290,7 +43290,7 @@ var initialState2 = {
43290
43290
  var store2 = create(() => ({ ...initialState2 }));
43291
43291
  function setTheme(theme) {
43292
43292
  store2.setState({ theme });
43293
- document.body.setAttribute("data-theme", theme);
43293
+ document.documentElement.setAttribute("data-theme", theme);
43294
43294
  }
43295
43295
  function useTheme() {
43296
43296
  const { theme } = store2();
package/dist/index.mjs CHANGED
@@ -43188,7 +43188,7 @@ var initialState2 = {
43188
43188
  var store2 = create(() => ({ ...initialState2 }));
43189
43189
  function setTheme(theme) {
43190
43190
  store2.setState({ theme });
43191
- document.body.setAttribute("data-theme", theme);
43191
+ document.documentElement.setAttribute("data-theme", theme);
43192
43192
  }
43193
43193
  function useTheme() {
43194
43194
  const { theme } = store2();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.51.0",
3
+ "version": "0.52.0",
4
4
  "description": "React components built by Umami",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",
@@ -48,7 +48,6 @@
48
48
  "@fontsource/jetbrains-mono": "^5.0.18",
49
49
  "@react-spring/web": "^9.7.5",
50
50
  "classnames": "^2.5.1",
51
- "dts-bundle": "^0.7.3",
52
51
  "glob": "^11.0.1",
53
52
  "next": "15.1.3",
54
53
  "react": "^19.0.0",
@@ -75,6 +74,7 @@
75
74
  "@umami/shiso": "^0.39.0",
76
75
  "babel-plugin-inline-react-svg": "^2.0.2",
77
76
  "babel-plugin-syntax-hermes-parser": "^0.26.0",
77
+ "dts-bundle": "^0.7.3",
78
78
  "esbuild": "^0.24.2",
79
79
  "esbuild-css-modules-plugin": "^3.1.2",
80
80
  "esbuild-plugin-svgr": "^3.1.0",
package/styles.css CHANGED
@@ -172,30 +172,30 @@
172
172
 
173
173
  --highlight-color: var(--base-color-50);
174
174
  --highlight-font-color: var(--font-color);
175
+ }
175
176
 
176
- [data-theme='dark'] {
177
- --background-color: #0f0f0f;
177
+ html[data-theme='dark'] {
178
+ --background-color: #0f0f0f;
178
179
 
179
- --font-color: var(--base-color-200);
180
- --font-color-muted: var(--base-color-400);
181
- --font-color-disabled: var(--base-color-500);
180
+ --font-color: var(--base-color-200);
181
+ --font-color-muted: var(--base-color-400);
182
+ --font-color-disabled: var(--base-color-500);
182
183
 
183
- --border-color: var(--base-color-700);
184
- --border: var(--border-width) solid var(--border-color);
184
+ --border-color: var(--base-color-700);
185
+ --border: var(--border-width) solid var(--border-color);
185
186
 
186
- --outline-color: var(--base-color-600);
187
- --outline: var(--border-width) solid var(--outline-color);
187
+ --outline-color: var(--base-color-600);
188
+ --outline: var(--border-width) solid var(--outline-color);
188
189
 
189
- --primary-color: var(--base-color-50);
190
- --primary-font-color: var(--base-color-900);
190
+ --primary-color: var(--base-color-50);
191
+ --primary-font-color: var(--base-color-900);
191
192
 
192
- --input-color: var(--base-color-700);
193
- --input-font-color: var(--font-color);
194
- --input-disabled-color: var(--base-color-800);
193
+ --input-color: var(--base-color-700);
194
+ --input-font-color: var(--font-color);
195
+ --input-disabled-color: var(--base-color-800);
195
196
 
196
- --highlight-color: var(--base-color-800);
197
- --highlight-font-color: var(--font-color);
198
- }
197
+ --highlight-color: var(--base-color-800);
198
+ --highlight-font-color: var(--font-color);
199
199
  }
200
200
 
201
201
  *, *::before, *::after {