Merge pull request #2005 from chanzuckerberg/release-v15.0.1

### [15.0.1](v15.0.0...v15.0.1) (2024-07-02)

[Storybook](https://61313967cde49b003ae2a860-cvcvanlzyx.chromatic.com/)

### Bug Fixes

* P in P ([#1999](#1999)) ([7566e2c](7566e2c))
* **Table:** allow nodes in header cells ([#2001](#2001)) ([e471fad](e471fad))

.storybook/main.ts

@@ -9,17 +9,16 @@ import type { Configuration } from 'webpack';
  * We should refrain from using the staticDirs option in this configuration until
  * https://github.com/chromaui/chromatic-cli/issues/462 is resolved.
  */
-const config: StorybookConfig = {
+const config = {
   stories: [
-    './components/**/*.stories.mdx',
+    './components/**/*.mdx',
     './components/**/*.stories.@(js|jsx|ts|tsx)',
     '../src/components',
-    './**/*.stories.mdx',
+    './**/*.mdx',
     './**/*.stories.@(js|jsx|ts|tsx)',
   ],
-
   addons: [
-    '@storybook/addon-essentials',
+    '@storybook/addon-essentials', // See: https://storybook.js.org/docs/essentials
     '@storybook/addon-a11y',
     '@storybook/addon-links',
     '@storybook/addon-interactions',
@@ -31,22 +30,20 @@ const config: StorybookConfig = {
         cssModules: true,
       },
     },
+    '@storybook/addon-webpack5-compiler-babel',
+    '@chromatic-com/storybook',
   ],
 
   framework: {
     name: '@storybook/react-webpack5',
     options: {},
   },
 
-  docs: {
-    autodocs: true,
-  },
-
   core: {
     disableTelemetry: true,
   },
 
-  babel: (config) => {
+  babel: () => {
     return {
       sourceType: 'unambiguous',
       presets: [
@@ -66,13 +63,22 @@ const config: StorybookConfig = {
       plugins: [],
     };
   },
+
   webpackFinal(config, { configType }) {
     if (configType === 'DEVELOPMENT') {
       updateCSSLoaderPlugin(config);
     }
     return config;
   },
-};
+
+  /**
+   * This config enables deep parsing of TypeScript types in the table UI, which can interpret
+   * the values of unions, and TypeScript utils like `Extract`, `Pick`, etc.
+   */
+  typescript: {
+    reactDocgen: 'react-docgen-typescript',
+  },
+} satisfies StorybookConfig;
 
 /**
  * Updates the `css-loader` webpack plugin to make class names human readable.

.storybook/preview.tsx

@@ -100,3 +100,4 @@ export const parameters: Preview['parameters'] = {
     },
   },
 };
+export const tags = ['autodocs'];

.yarnrc.yml

@@ -4,4 +4,4 @@ enableGlobalCache: false
 
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.3.0.cjs
+yarnPath: .yarn/releases/yarn-4.3.1.cjs

CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [15.0.1](https://github.com/chanzuckerberg/edu-design-system/compare/v15.0.0...v15.0.1) (2024-07-02)
+
+
+### Bug Fixes
+
+* P in P ([#1999](https://github.com/chanzuckerberg/edu-design-system/issues/1999)) ([7566e2c](https://github.com/chanzuckerberg/edu-design-system/commit/7566e2c627f56792bcc6dd8858458425ea7b35a7))
+* **Table:** allow nodes in header cells ([#2001](https://github.com/chanzuckerberg/edu-design-system/issues/2001)) ([e471fad](https://github.com/chanzuckerberg/edu-design-system/commit/e471fadee83c07fdb784e9c15ae46f3f2a285be7))
+
 ## [15.0.0](https://github.com/chanzuckerberg/edu-design-system/compare/v15.0.0-alpha.18...v15.0.0) (2024-06-20)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chanzuckerberg/eds",
-  "version": "15.0.0",
+  "version": "15.0.1",
   "description": "The React-powered design system library for Chan Zuckerberg Initiative education web applications",
   "author": "CZI <[email protected]>",
   "homepage": "https://github.com/chanzuckerberg/edu-design-system",
@@ -44,7 +44,7 @@
     "build:clean": "rm -rf lib/",
     "build:tokens": "rm -rf src/tokens-dist/ && node ./style-dictionary.config.js && yarn prettier-tokens-dist",
     "build:js": "rollup --config",
-    "build:storybook": "storybook build -o storybook-static -s src/design-tokens/tier-1-definitions/fonts",
+    "build:storybook": "storybook build -o storybook-static",
     "build:styles": "postcss \"src/components/**/*.css\" --dir lib/ --base src/ --verbose",
     "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",
@@ -115,52 +115,54 @@
     "@babel/preset-env": "^7.24.7",
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
-    "@chanzuckerberg/axe-storybook-testing": "^7.2.0",
+    "@chanzuckerberg/axe-storybook-testing": "^8.0.2",
     "@chanzuckerberg/eslint-config-edu-js": "^1.1.0",
     "@chanzuckerberg/eslint-config-edu-ts": "^1.0.9",
     "@chanzuckerberg/eslint-plugin-edu-react": "^1.1.9",
     "@chanzuckerberg/eslint-plugin-stories": "^3.2.14",
     "@chanzuckerberg/story-utils": "^4.0.8",
+    "@chromatic-com/storybook": "^1",
     "@commitlint/cli": "^18.6.1",
     "@commitlint/config-conventional": "^18.6.3",
     "@geometricpanda/storybook-addon-badges": "^2.0.2",
     "@omlet/cli": "^1.7.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
     "@size-limit/file": "^8.2.6",
-    "@storybook/addon-a11y": "^7.6.19",
-    "@storybook/addon-essentials": "^7.6.19",
-    "@storybook/addon-interactions": "^7.6.19",
-    "@storybook/addon-links": "^7.6.19",
+    "@storybook/addon-a11y": "^8.1.10",
+    "@storybook/addon-essentials": "^8.1.10",
+    "@storybook/addon-interactions": "^8.1.10",
+    "@storybook/addon-links": "^8.1.10",
+    "@storybook/addon-mdx-gfm": "^8.1.10",
     "@storybook/addon-styling": "^1.3.7",
-    "@storybook/manager-api": "^7.6.19",
-    "@storybook/react": "^7.6.19",
-    "@storybook/react-webpack5": "^7.6.19",
-    "@storybook/test": "^7.6.19",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/manager-api": "^8.1.10",
+    "@storybook/react": "^8.1.10",
+    "@storybook/react-webpack5": "^8.1.10",
+    "@storybook/test": "^8.1.10",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/testing-react": "^2.0.1",
-    "@storybook/theming": "^7.6.19",
+    "@storybook/theming": "^8.1.10",
     "@testing-library/jest-dom": "^6.4.6",
-    "@testing-library/react": "^14.3.1",
+    "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.12",
     "@types/jsonfile": "^6",
     "@types/lodash": "^4.17.5",
-    "@types/node": "^20.14.2",
+    "@types/node": "^20.14.7",
     "@types/react": "^18.3.3",
     "@types/react-beautiful-dnd": "^13.1.8",
     "@types/react-dom": "^18.3.0",
     "@types/react-portal": "^4.0.7",
     "@types/yargs": "^17.0.32",
     "axe-core": "4.9.1",
-    "chromatic": "^11.3.5",
+    "chromatic": "^11.5.4",
     "codecov": "^3.8.3",
     "copyfiles": "^2.4.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-jest": "^27.9.0",
     "eslint-plugin-prettier": "^5.0.1",
-    "eslint-plugin-storybook": "^0.6.15",
+    "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-testing-library": "^6.2.2",
     "husky": "^8.0.3",
     "identity-obj-proxy": "^3.0.0",
@@ -183,13 +185,13 @@
     "rollup-plugin-postcss": "^4.0.2",
     "size-limit": "^8.2.6",
     "standard-version": "^9.5.0",
-    "storybook": "^7.6.19",
+    "storybook": "^8.1.10",
     "style-dictionary": "^3.9.2",
     "stylelint": "^15.11.0",
     "stylelint-config-recommended": "^13.0.0",
     "tailwindcss": "^3.4.4",
-    "ts-jest": "^29.1.4",
-    "typescript": "^5.2.2"
+    "ts-jest": "^29.1.5",
+    "typescript": "^5.5.2"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [
@@ -200,5 +202,5 @@
       "stylelint --fix --allow-empty-input"
     ]
   },
-  "packageManager": "[email protected].0"
+  "packageManager": "[email protected].1"
 }