fix dark mode

Author: snowystinger

.storybook-s2/main.ts

@@ -22,7 +22,7 @@ const config: StorybookConfig = {
   addons: [
     './custom-addons/provider/register',
     // "@storybook/addon-styling-webpack",
-    "storybook-dark-mode2",
+    "@vueless/storybook-dark-mode",
     "@storybook/addon-a11y",
   ],
   framework: {

.storybook-s2/preview.tsx

@@ -1,7 +1,7 @@
 import '@react-spectrum/s2/page.css';
 import { themes } from 'storybook/theming';
-import { DARK_MODE_EVENT_NAME } from 'storybook-dark-mode2';
-import { store } from 'storybook-dark-mode2/dist/esm/Tool';
+import { DARK_MODE_EVENT_NAME } from '@vueless/storybook-dark-mode';
+import { store } from '@vueless/storybook-dark-mode/dist/esm/Tool';
 import { addons } from 'storybook/preview-api';
 import React, { useEffect, useState } from 'react';
 import {withProviderSwitcher} from './custom-addons/provider';

.storybook/main.js

@@ -7,9 +7,9 @@ module.exports = {
   ],
 
   addons: [
-    "storybook/actions",
-    "@storybook/addon-a11y",
-    "storybook-dark-mode2",
+    'storybook/actions',
+    '@storybook/addon-a11y',
+    '@vueless/storybook-dark-mode',
     './custom-addons/provider/register.js',
     './custom-addons/descriptions/register.js',
     './custom-addons/theme/register.js',
@@ -23,8 +23,8 @@ module.exports = {
   },
 
   framework: {
-    name: "storybook-react-parcel",
-    options: {},
+    name: 'storybook-react-parcel',
+    options: {}
   },
 
   core: {

package.json

@@ -122,6 +122,7 @@
     "@testing-library/user-event": "patch:@testing-library/user-event@npm%3A14.6.1#~/.yarn/patches/@testing-library-user-event-npm-14.6.1-5da7e1d4e2.patch",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
+    "@vueless/storybook-dark-mode": "^9.0.6",
     "@yarnpkg/types": "^4.0.0",
     "autoprefixer": "^9.6.0",
     "axe-core": "^4.6.3",
@@ -193,7 +194,6 @@
     "sharp": "^0.33.5",
     "sinon": "^7.3.1",
     "storybook": "^9.0.4",
-    "storybook-dark-mode2": "^5.4.0",
     "storybook-react-parcel": "workspace:^",
     "tailwind-variants": "patch:tailwind-variants@npm%3A0.3.1#~/.yarn/patches/tailwind-variants-npm-0.3.1-48888516de.patch",
     "tailwindcss": "^4.0.0",

starters/docs/package.json

@@ -20,7 +20,7 @@
     "react-aria-components": "latest",
     "react-dom": "^19.1.0",
     "storybook": "^9.0.4",
-    "storybook-dark-mode2": "^5.4.0",
+    "@vueless/storybook-dark-mode": "^9.0.6",
     "typescript": "5.3.3"
   },
   "resolutions": {

yarn.lock

@@ -9188,7 +9188,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/icons@npm:^1.2.12, @storybook/icons@npm:^1.4.0":
+"@storybook/icons@npm:^1.2.12, @storybook/icons@npm:^1.2.5":
   version: 1.4.0
   resolution: "@storybook/icons@npm:1.4.0"
   peerDependencies:
@@ -10712,6 +10712,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vueless/storybook-dark-mode@npm:^9.0.6":
+  version: 9.0.6
+  resolution: "@vueless/storybook-dark-mode@npm:9.0.6"
+  dependencies:
+    "@storybook/global": "npm:^5.0.0"
+    "@storybook/icons": "npm:^1.2.5"
+    fast-deep-equal: "npm:^3.1.3"
+    memoizerific: "npm:^1.11.3"
+  checksum: 10c0/ee0ae225f7463287ea899c1fd95f97f13798ff7d3280e790e12482060995843d6e36a49c7029e13b740c1b008d2d0e0dd11d9727b405438361c7756e67e9d023
+  languageName: node
+  linkType: hard
+
 "@yarnpkg/lockfile@npm:^1.1.0":
   version: 1.1.0
   resolution: "@yarnpkg/lockfile@npm:1.1.0"
@@ -21691,6 +21703,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"map-or-similar@npm:^1.5.0":
+  version: 1.5.0
+  resolution: "map-or-similar@npm:1.5.0"
+  checksum: 10c0/33c6ccfdc272992e33e4e99a69541a3e7faed9de3ac5bc732feb2500a9ee71d3f9d098980a70b7746e7eeb7f859ff7dfb8aa9b5ecc4e34170a32ab78cfb18def
+  languageName: node
+  linkType: hard
+
 "map-stream@npm:0.0.7":
   version: 0.0.7
   resolution: "map-stream@npm:0.0.7"
@@ -21984,6 +22003,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"memoizerific@npm:^1.11.3":
+  version: 1.11.3
+  resolution: "memoizerific@npm:1.11.3"
+  dependencies:
+    map-or-similar: "npm:^1.5.0"
+  checksum: 10c0/661bf69b7afbfad57f0208f0c63324f4c96087b480708115b78ee3f0237d86c7f91347f6db31528740b2776c2e34c709bcb034e1e910edee2270c9603a0a469e
+  languageName: node
+  linkType: hard
+
 "meow@npm:^3.3.0":
   version: 3.7.0
   resolution: "meow@npm:3.7.0"
@@ -25715,6 +25743,7 @@ __metadata:
     "@testing-library/user-event": "patch:@testing-library/user-event@npm%3A14.6.1#~/.yarn/patches/@testing-library-user-event-npm-14.6.1-5da7e1d4e2.patch"
     "@types/react": "npm:^19.0.0"
     "@types/react-dom": "npm:^19.0.0"
+    "@vueless/storybook-dark-mode": "npm:^9.0.6"
     "@yarnpkg/types": "npm:^4.0.0"
     autoprefixer: "npm:^9.6.0"
     axe-core: "npm:^4.6.3"
@@ -25786,7 +25815,6 @@ __metadata:
     sharp: "npm:^0.33.5"
     sinon: "npm:^7.3.1"
     storybook: "npm:^9.0.4"
-    storybook-dark-mode2: "npm:^5.4.0"
     storybook-react-parcel: "workspace:^"
     tailwind-variants: "patch:tailwind-variants@npm%3A0.3.1#~/.yarn/patches/tailwind-variants-npm-0.3.1-48888516de.patch"
     tailwindcss: "npm:^4.0.0"
@@ -27822,18 +27850,6 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"storybook-dark-mode2@npm:^5.4.0":
-  version: 5.4.0
-  resolution: "storybook-dark-mode2@npm:5.4.0"
-  dependencies:
-    "@storybook/icons": "npm:^1.4.0"
-    fast-deep-equal: "npm:^3.1.3"
-  peerDependencies:
-    storybook: ^9.0.0
-  checksum: 10c0/548ef870a2210b3bc597ed1b139816a674072f551df2a979af0677c47bd2b74a48c098fc30d50838b35a26afb1d25ffab3be60946805faf1eed8ca7827edde02
-  languageName: node
-  linkType: hard
-
 "storybook-react-parcel@workspace:^, storybook-react-parcel@workspace:packages/dev/storybook-react-parcel":
   version: 0.0.0-use.local
   resolution: "storybook-react-parcel@workspace:packages/dev/storybook-react-parcel"