fix: update deploy docs for storybook 7.x

.github/workflows/docs.yml

@@ -1,29 +1,35 @@
-name: Deploy Docs
+name: Deploy Docs to GH Pages
 
 on:
  push:
  branches:
  - main
 
 jobs:
- deploy_docs:
+ deploy:
  runs-on: ubuntu-latest
 
  steps:
- - uses: actions/checkout@v3
- - name: Setup node 😻
- uses: actions/setup-node@v3
- with:
+ - name: Checkout code
+ uses: actions/checkout@v3
+
+ - name: Setup Node
+ uses: actions/setup-node@v3
+ with:
  node-version-file: '.node-version'
  cache: 'yarn'
 
- - name: Install Dependencies ⬆️
- run: yarn install --immutable
+ - name: Install Dependencies
+ run: yarn install --immutable
+
+ - name: Build EDS
+ run: yarn build
 
-  - name: Build Dist 🔧
-  run: yarn run build
+ - name: Build Storybook
+ run: yarn build:storybook
 
- - name: Deploy Storybook Docs 🚀
- run: yarn run deploy:docs
- env:
- GH_TOKEN: '${{ github.actor }}:${{ secrets.GITHUB_TOKEN }}'
+ - name: Deploy Storybook
+ uses: peaceiris/actions-gh-pages@v3
+ with:
+ publish_dir: ./storybook-static
+ github_token: ${{ secrets.GITHUB_TOKEN }}

package.json

@@ -44,7 +44,6 @@
  "chromatic": "chromatic",
  "copy-fonts-to-lib": "copyfiles -u 3 src/design-tokens/tier-1-definitions/fonts.css src/design-tokens/tier-1-definitions/fonts/**/* lib/tokens",
  "create-component": "plop",
- "deploy:docs": "storybook-to-ghpages --ci",
  "lint": "yarn run lint:styles && yarn run lint:scripts",
  "lint:fix": "yarn run lint:styles:fix && yarn run lint:scripts:fix",
  "lint:styles": "stylelint --ignore-path .gitignore src/**/*.css .storybook/**/*.css",
@@ -123,7 +122,6 @@
  "@storybook/addon-styling": "^1.3.6",
  "@storybook/react": "^7.3.1",
  "@storybook/react-webpack5": "^7.3.1",
- "@storybook/storybook-deployer": "^2.8.16",
  "@storybook/testing-library": "^0.2.0",
  "@storybook/testing-react": "^2.0.1",
  "@testing-library/jest-dom": "^5.17.0",