Merge pull request #11 from mathisobadia/main

upgrade to storybook 8

.github/workflows/release.yml

@@ -12,10 +12,10 @@ jobs:
       - name: Prepare repository
         run: git fetch --unshallow --tags
 
-      - name: Use Node.js 16.x
+      - name: Use Node.js 20.x
         uses: actions/setup-node@v3
         with:
-          node-version: 16.x
+          node-version: 20.x
 
       - name: Install dependencies
         run: yarn install --ignore-scripts

CHANGELOG.md

@@ -1,3 +1,43 @@
+# v2.0.3 (Mon Mar 18 2024)
+
+#### ⚠️ Pushed to `main`
+
+- Merge branch 'main' of https://github.com/SHO-ai-org/addon-stitches ([@MichaelDM](https://github.com/MichaelDM))
+- feat: add default theme name parameter to addon config ([@mathisobadia](https://github.com/mathisobadia))
+- fix: addon is not registered ([@mathisobadia](https://github.com/mathisobadia))
+- upgrade github actions to node 16 version ([@mathisobadia](https://github.com/mathisobadia))
+- fix ci step install dependency ([@mathisobadia](https://github.com/mathisobadia))
+- add auto setup ([@mathisobadia](https://github.com/mathisobadia))
+- use lattest storybook addon as a base for v7 version ([@mathisobadia](https://github.com/mathisobadia))
+- update doc with new screen recording and storybook v7 config ([@mathisobadia](https://github.com/mathisobadia))
+- upgrade to storybook 7 beta, clean up all the code and types ([@mathisobadia](https://github.com/mathisobadia))
+- Update README.md ([email protected])
+- Merge branch 'main' of https://github.com/SHO-ai-org/addon-stitches ([email protected])
+- Update the README.md ([email protected])
+- fix: downgraded boxen package ([@MichaelDM](https://github.com/MichaelDM))
+- feat: upgraded packages ([@MichaelDM](https://github.com/MichaelDM))
+- Change the addon icon. ([email protected])
+- Make the implementation of the plugin even more straightforward. ([email protected])
+- refact: used variable PARAM_KEY ([@MichaelDM](https://github.com/MichaelDM))
+- change metadata for release ([@MichaelDM](https://github.com/MichaelDM))
+- Update Readme.MD ([@Noah-Lc](https://github.com/Noah-Lc))
+- Added storybook addon theme selector. ([@Noah-Lc](https://github.com/Noah-Lc))
+- Cleaned up all unused files and variables. ([@Noah-Lc](https://github.com/Noah-Lc))
+- Create plugin to select Stitches theme. ([@Noah-Lc](https://github.com/Noah-Lc))
+- first commit ([@MichaelDM](https://github.com/MichaelDM))
+- working with react ([@MichaelDM](https://github.com/MichaelDM))
+- feat: added Stitches ([@MichaelDM](https://github.com/MichaelDM))
+- initial commit ([@MichaelDM](https://github.com/MichaelDM))
+
+#### Authors: 4
+
+- mathis obadia ([@mathisobadia](https://github.com/mathisobadia))
+- Michael Machiah ([@MichaelDM](https://github.com/MichaelDM))
+- Noah Lc ([@Noah-Lc](https://github.com/Noah-Lc))
+- Noah lc ([email protected])
+
+---
+
 # v1.0.2 (Thu Mar 23 2023)
 
 #### 🐛 Bug Fix

README.md

@@ -86,6 +86,13 @@ const preview: Preview = {
 export default preview;
 ```
 
+#### Storybook Version
+Here are the storybook versions that correspond to each version of the multiple-themes-stitches package:
+0.0.0 => storybook < 7
+1.0.0 => storybook version 7.0.0
+2.0.0 => storybook version 8.0.0
+
+
 #### Contributors ✨
 Thanks go to these wonderful people
 <table>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "multiple-themes-stitches",
-  "version": "1.0.2",
+  "version": "2.0.2",
   "description": "An addon that allows to see a same Story using different Stitches theme variables.",
   "keywords": [
     "storybook-addons",
@@ -60,39 +60,40 @@
   },
   "devDependencies": {
     "@stitches/react": "^1.2.8",
-    "@storybook/addon-essentials": "^7.0.0-rc.1",
-    "@storybook/addon-interactions": "^7.0.0-rc.1",
-    "@storybook/addon-links": "^7.0.0-rc.1",
-    "@storybook/react": "^7.0.0-rc.1",
-    "@storybook/react-vite": "^7.0.0-rc.1",
-    "@storybook/testing-library": "^0.0.14-next.1",
-    "@types/node": "^18.15.0",
-    "@vitejs/plugin-react": "^3.1.0",
-    "auto": "^10.3.0",
-    "boxen": "^5.0.1",
-    "concurrently": "^6.2.0",
-    "dedent": "^0.7.0",
-    "prettier": "^2.3.1",
+    "@storybook/addon-essentials": "^8.0.0",
+    "@storybook/addon-interactions": "^8.0.0",
+    "@storybook/addon-links": "^8.0.0",
+    "@storybook/icons": "^1.2.9",
+    "@storybook/react": "^8.0.0",
+    "@storybook/react-vite": "^8.0.0",
+    "@storybook/testing-library": "^0.2.2",
+    "@types/node": "^20.11.28",
+    "@vitejs/plugin-react": "^4.2.1",
+    "auto": "^11.1.1",
+    "boxen": "^7.1.1",
+    "concurrently": "^8.2.2",
+    "dedent": "^1.5.1",
+    "prettier": "^3.2.5",
     "prompts": "^2.4.2",
     "prop-types": "^15.8.1",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "rimraf": "^3.0.2",
-    "storybook": "^7.0.0-rc.1",
-    "tsup": "^6.6.3",
-    "typescript": "^4.9.5",
-    "vite": "^4.1.4",
-    "zx": "^1.14.1"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rimraf": "^5.0.5",
+    "storybook": "^8.0.0",
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.2",
+    "vite": "^5.1.6",
+    "zx": "^7.2.3"
   },
   "peerDependencies": {
     "@stitches/react": "^1.2.8",
-    "@storybook/blocks": "^7.0.0-rc.1",
-    "@storybook/components": "^7.0.0-rc.1",
-    "@storybook/core-events": "^7.0.0-rc.1",
-    "@storybook/manager-api": "^7.0.0-rc.1",
-    "@storybook/preview-api": "^7.0.0-rc.1",
-    "@storybook/theming": "^7.0.0-rc.1",
-    "@storybook/types": "^7.0.0-rc.1",
+    "@storybook/blocks": "^8.0.0",
+    "@storybook/components": "^8.0.0",
+    "@storybook/core-events": "^8.0.0",
+    "@storybook/manager-api": "^8.0.0",
+    "@storybook/preview-api": "^8.0.0",
+    "@storybook/theming": "^8.0.0",
+    "@storybook/types": "^8.0.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
@@ -115,7 +116,7 @@
     "icon": "https://user-images.githubusercontent.com/321738/63501763-88dbf600-c4cc-11e9-96cd-94adadc2fd72.png"
   },
   "volta": {
-    "node": "16.19.1"
+    "node": "20.11.1"
   },
   "auto": {
     "plugins": [

scripts/prepublish-checks.mjs

@@ -1,8 +1,8 @@
 #!/usr/bin/env zx
 
-const packageJson = require("../package.json");
-const boxen = require("boxen");
-const dedent = require("dedent");
+import packageJson from "../package.json" assert { type: "json" };
+import boxen from "boxen";
+import dedent from "dedent";
 
 const name = packageJson.name;
 const displayName = packageJson.storybook.displayName;

src/ThemeSelector.tsx

@@ -1,7 +1,6 @@
 import { useGlobals, useParameter } from "@storybook/manager-api";
 import {
   IconButton,
-  Icons,
   TooltipLinkList,
   WithTooltip,
 } from "@storybook/components";
@@ -14,6 +13,7 @@ import {
   ThemeSelectorItem,
   ThemesParameter,
 } from "./types";
+import { PaintBrushIcon } from "@storybook/icons";
 
 const iframeId = "storybook-preview-iframe";
 
@@ -158,7 +158,7 @@ export const ThemeSelector: FC = memo(() => {
           title="Change the theme of the preview"
           active={selectedTheme !== null}
         >
-          <Icons icon="paintbrush" />
+          <PaintBrushIcon />
         </IconButton>
       </WithTooltip>
     </Fragment>