Upgrade to React 19, MUI v7, Storybook 9

- React 18 → 19, MUI v5 → v7, Storybook 8 → 9
- Fix Grid v2 API in Footer (remove item prop, use size prop)
- Inline provider fixtures (was importing from excluded demo dir)
- Remove consolidated SB addons (essentials, storysource, blocks)
- Update addon-designs to SB9-compatible version
- Add autodocs via tags in preview config
- Add Tailwind v3, PostCSS, autoprefixer dev deps (config next)
- Zero TypeScript errors, Storybook starts clean

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-22 13:21:52 +10:00
parent 4cafd84142
commit fcc69446f3
7 changed files with 12398 additions and 49 deletions

View File

@@ -1,9 +1,9 @@
{
"name": "fa-design-system",
"version": "0.1.0",
"version": "1.0.0",
"private": true,
"type": "module",
"description": "Funeral Arranger Design System — React + MUI + Storybook",
"description": "Funeral Arranger Design System — React 19 + MUI v7 + Storybook 9 + Tailwind v3",
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
@@ -17,53 +17,45 @@
"format": "prettier --write 'src/**/*.{ts,tsx}'",
"format:check": "prettier --check 'src/**/*.{ts,tsx}'",
"test": "vitest run --passWithNoTests",
"test:watch": "vitest",
"chromatic": "chromatic --exit-zero-on-changes --build-script-name=build:storybook",
"demo:dev": "vite -c vite.demo.config.ts --mode arrangement",
"demo:build": "vite build -c vite.demo.config.ts",
"demo:publish": "npm run demo:build -- --mode arrangement && ./scripts/deploy-demo.sh arrangement",
"prepare": "husky"
"test:watch": "vitest"
},
"dependencies": {
"@emotion/react": "^11.13.0",
"@emotion/styled": "^11.13.0",
"@googlemaps/markerclusterer": "^2.6.2",
"@mui/icons-material": "^5.16.0",
"@mui/material": "^5.16.0",
"@mui/system": "^5.16.0",
"@mui/icons-material": "^7.0.0",
"@mui/material": "^7.0.0",
"@mui/system": "^7.0.0",
"@vis.gl/react-google-maps": "^1.8.3",
"react": "^18.3.0",
"react-dom": "^18.3.0",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-router-dom": "^7.14.1",
"zustand": "^5.0.12"
},
"devDependencies": {
"@eslint/js": "^9.39.4",
"@playwright/mcp": "^0.0.68",
"@storybook/addon-a11y": "^8.6.14",
"@storybook/addon-designs": "^8.0.0",
"@storybook/addon-essentials": "^8.4.0",
"@storybook/addon-storysource": "^8.6.14",
"@storybook/blocks": "^8.4.0",
"@storybook/react": "^8.4.0",
"@storybook/react-vite": "^8.4.0",
"@storybook/addon-a11y": "^9.0.0",
"@storybook/addon-designs": "^9.0.0-next.3",
"@storybook/react": "^9.0.0",
"@storybook/react-vite": "^9.0.0",
"@testing-library/jest-dom": "^6.9.1",
"@testing-library/react": "^16.3.2",
"@types/react": "^18.3.0",
"@types/react-dom": "^18.3.0",
"@types/react": "^19.0.0",
"@types/react-dom": "^19.0.0",
"@vitejs/plugin-react": "^4.3.0",
"chromatic": "^11.29.0",
"autoprefixer": "^10.4.0",
"eslint": "^9.39.4",
"eslint-config-prettier": "^10.1.8",
"eslint-plugin-jsx-a11y": "^6.10.2",
"eslint-plugin-react": "^7.37.5",
"eslint-plugin-react-hooks": "^7.0.1",
"husky": "^9.1.7",
"jsdom": "^29.0.1",
"lint-staged": "^16.4.0",
"postcss": "^8.4.0",
"prettier": "^3.8.1",
"storybook": "^8.4.0",
"storybook": "^9.0.0",
"style-dictionary": "^4.2.0",
"tailwindcss": "^3.4.0",
"typescript": "^5.5.0",
"typescript-eslint": "^8.57.2",
"vite": "^5.4.0",