@vueless/storybook-dark-mode 9.0.8 → 9.0.10

package/README.md

@@ -262,6 +262,7 @@ export const decorators = [
 Docs have a dedicated container component which will _not_ be themed unless you explicitly configure it:
 
 ```js
+import { DocsContainer } from '@storybook/addon-docs/blocks';
 import { useIsDarkMode } from './hooks'; // the hook we defined above
 
 function ThemedDocsContainer(props) {
@@ -290,7 +291,7 @@ By editing your `.storybook/preview.js`.
 ```js
 import React from 'react';
 import { addons } from 'storybook/preview-api';
-import { DocsContainer } from '@storybook/addon-docs';
+import { DocsContainer } from '@storybook/addon-docs/blocks';
 import { themes } from 'storybook/theming';
 
 import {

package/dist/cjs/index.js

@@ -31,7 +31,9 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
  * Returns the current state of storybook's dark-mode
  */
 function useDarkMode() {
-  var _useState = (0, _previewApi.useState)((0, _Tool.store)().current === 'dark'),
+  var _useState = (0, _previewApi.useState)(function () {
+      return (0, _Tool.store)().current === 'dark';
+    }),
     _useState2 = _slicedToArray(_useState, 2),
     isDark = _useState2[0],
     setIsDark = _useState2[1];

package/dist/esm/index.js

@@ -12,7 +12,9 @@ import { store } from './Tool';
  * Returns the current state of storybook's dark-mode
  */
 export function useDarkMode() {
-  var _useState = useState(store().current === 'dark'),
+  var _useState = useState(function () {
+      return store().current === 'dark';
+    }),
     _useState2 = _slicedToArray(_useState, 2),
     isDark = _useState2[0],
     setIsDark = _useState2[1];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueless/storybook-dark-mode",
-  "version": "9.0.8",
+  "version": "9.0.10",
   "description": "Toggle between light and dark mode in Storybook",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -67,7 +67,7 @@
     "storybook": "^9.1.3",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.2",
-    "vite": "^7.1.4"
+    "vite": "^7.1.11"
   },
   "auto": {
     "extends": "hipstersmoothie"

package/src/index.tsx

@@ -6,7 +6,7 @@ import { store } from './Tool';
  * Returns the current state of storybook's dark-mode
  */
 export function useDarkMode(): boolean {
-  const [isDark, setIsDark] = useState(store().current === 'dark');
+  const [isDark, setIsDark] = useState(() => store().current === 'dark');
 
   useEffect(() => {
     const chan = addons.getChannel();