chore: move products storybook config from core to products (#7415) (#7505)

* chore: move products storybook config from core to products

* fix: update core to products in ci scripts

* fix: add public

* fix: storybook import paths

* fix: add internal extension to internal stories

* fix: simpleheader path

* fix: path

* fix: ci

* fix: exclude internal from percy

Author: davidmenendez

.github/workflows/ci.yml

@@ -172,7 +172,7 @@ jobs:
       - name: Run storybook
         id: storybook
         run: |
-          npx serve -l 3000 packages/core/storybook-static &
+          npx serve -l 3000 packages/ibm-products/storybook-static &
           pid=$!
           echo "pid=$pid" >> $GITHUB_OUTPUT
       - uses: ./actions/wait-for-it
@@ -215,7 +215,7 @@ jobs:
           ${{ env.PERCY_TOKEN != '' && github.repository ==
           'carbon-design-system/ibm-products' && github.event.pull_request.draft
           == false }}
-        working-directory: packages/core
+        working-directory: packages/ibm-products
         run: yarn percy storybook storybook-static
 
   avt:

.github/workflows/deploy-latest.yml

@@ -34,6 +34,6 @@ jobs:
       - name: Deploy to latest
         run: |
           git remote set-url origin https://git:${GITHUB_TOKEN}@github.com/${GITHUB_REPOSITORY}.git
-          npx gh-pages -d packages/core/storybook-static -u "github-actions-bot <[email protected]>" --dest latest --message "chore(deploy): deploy to gh-pages latest"
+          npx gh-pages -d packages/ibm-products/storybook-static -u "github-actions-bot <[email protected]>" --dest latest --message "chore(deploy): deploy to gh-pages latest"
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/deploy-staging.yml

@@ -33,6 +33,6 @@ jobs:
       - name: Deploy
         run: |
           git remote set-url origin https://git:${GITHUB_TOKEN}@github.com/${GITHUB_REPOSITORY}.git
-          npx gh-pages -d packages/core/storybook-static -u "github-actions-bot <[email protected]>" --dest staging --message "chore(deploy): deploy to gh-pages staging"
+          npx gh-pages -d packages/ibm-products/storybook-static -u "github-actions-bot <[email protected]>" --dest staging --message "chore(deploy): deploy to gh-pages staging"
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.percy.yml

@@ -10,6 +10,7 @@ discovery:
 storybook:
   include: ['/IBM Products/']
   exclude: [
+      '/Internal/',
       '/Datagrid/*',
       '/DataSpreadsheet/',
       'Cascade: With Grid',

package.json

@@ -16,7 +16,7 @@
   "scripts": {
     "audit": "node scripts/audit.js '--environment production' moderate",
     "avt": "AVT=true yarn playwright test --project chromium --grep @avt",
-    "build": "run-s -s 'build:*' storybook:build:storybook",
+    "build": "run-s -s 'build:*' storybook:build",
     "build:packages": "yarn run-all --include-dependencies build",
     "ci-check": "run-s -s 'ci-check:*' storybook:build",
     "ci-check:build": "run-s -s 'build:*' 'run-all --no-sort ci-check'",
@@ -53,10 +53,8 @@
     "test:c4p-styles": "lerna run --stream --scope @carbon/ibm-products-styles test --",
     "test:c4p-wc": "yarn playwright install && lerna run --stream --scope @carbon/ibm-products-web-components test --",
     "spellcheck": "cspell '**' -e './examples' --gitignore --quiet --no-must-find-files",
-    "storybook": "yarn storybook:start",
-    "storybook:build": "run-s -s 'storybook:build:*'",
-    "storybook:build:storybook": "cd packages/core && yarn build",
-    "storybook:start": "cd packages/core && yarn start",
+    "storybook": "cd packages/ibm-products && yarn storybook:start",
+    "storybook:build": "cd packages/ibm-products && yarn storybook:build",
     "storybook-wc": "cd packages/ibm-products-web-components && yarn storybook",
     "storybook-wc:build": "cd packages/ibm-products-web-components && run-s build build:storybook",
     "sync": "carbon-cli sync",
@@ -67,7 +65,7 @@
     "upgrade:dependencies:examples": "npm-check-updates -u --dep dev,peer,prod --color --target minor --packageFile 'scripts/example-gallery-builder/update-example/**/package.json'",
     "upgrade:automatic": "run-s -s 'upgrade:dependencies:*'",
     "upgrade:carbon": "npm-check-updates -u --dep dev,peer,prod --packageFile '{package.json,{config/**,packages/**}/package.json}' --filter '/carbon/' --target minor",
-    "visual-snapshot": "cd packages/core && yarn percy storybook storybook-static",
+    "visual-snapshot": "cd packages/ibm-products && yarn percy storybook storybook-static",
     "wc-coverage": "cd packages/ibm-products-web-components && yarn coverage"
   },
   "devDependencies": {

packages/core/package.json

@@ -18,12 +18,7 @@
     "carbon for ibm products"
   ],
   "scripts": {
-    "build": "run-s build:carbon build:storybook",
-    "build:carbon": "sass -q --quiet-deps --style=expanded --load-path ../ibm-products/node_modules --load-path ../../node_modules --load-path node_modules .storybook/carbon.scss:css/carbon.css",
-    "build:storybook": "yarn dlx cross-env \"NODE_OPTIONS=--max_old_space_size=8192\" && storybook build --quiet",
     "clean": "yarn dlx rimraf storybook-static css",
-    "start": "run-s build:carbon start:storybook",
-    "start:storybook": "storybook dev ./public -p 3000",
     "//upgrade-dependencies": "# don't upgrade carbon (done globally), react/react-dom (issue #1595)",
     "upgrade-dependencies": "npm-check-updates -u --dep dev,peer,prod --color --reject '/(carbon|^react$|^react-dom$)/'"
   },
@@ -35,24 +30,6 @@
     "@carbon/react": "^1.81.0",
     "@carbon/themes": "^11.50.0",
     "@carbon/type": "^11.38.0",
-    "@percy/cli": "^1.30.7",
-    "@percy/storybook": "^6.0.3",
-    "@storybook/addon-a11y": "^8.6.12",
-    "@storybook/addon-actions": "^8.6.12",
-    "@storybook/addon-controls": "^8.6.12",
-    "@storybook/addon-docs": "^8.6.12",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/addon-storysource": "^8.6.12",
-    "@storybook/addon-viewport": "^8.6.12",
-    "@storybook/components": "^8.6.12",
-    "@storybook/core-events": "^8.6.12",
-    "@storybook/csf": "^0.1.13",
-    "@storybook/manager-api": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@storybook/source-loader": "^8.6.12",
-    "@storybook/theming": "^8.6.12",
     "fast-glob": "^3.3.3",
     "npm-check-updates": "^17.1.15",
     "npm-run-all": "^4.1.5",
@@ -63,7 +40,6 @@
     "remark-gfm": "^4.0.1",
     "rimraf": "^6.0.1",
     "sass": "^1.85.1",
-    "storybook": "^8.6.12",
     "typescript": "^5.8.2",
     "vite": "^6.2.2"
   },

packages/core/.storybook/Annotation/_annotation.scss renamed to packages/ibm-products/.storybook/Annotation/_annotation.scss

@@ -4,7 +4,6 @@
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
 //
-
 .storybook__link-to {
   text-decoration: none;
 }