@nationalarchives/frontend 0.1.21-prerelease → 0.1.22-prerelease

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@nationalarchives/frontend",
-  "version": "0.1.21-prerelease",
+  "version": "0.1.22-prerelease",
   "description": "The National Archives frontend styles",
   "scripts": {
     "start": "storybook dev -p 6006",
-    "build": "storybook build -o storybook",
+    "build": "storybook build -o storybook --webpack-stats-json",
     "test": "node tasks/test-fixtures.js && test-storybook --verbose --stories-json",
     "lint": "prettier --check '{src,.storybook,tasks}/**/*.{js,mjs,scss,json,html}' && stylelint 'src/**/*.scss' && eslint 'src/**/*.mjs'",
     "lint:fix": "prettier --write '{src,.storybook,tasks}/**/*.{js,mjs,scss,json,html}' && stylelint --fix 'src/**/*.scss' && eslint --fix 'src/**/*.mjs'",
@@ -41,18 +41,19 @@
   "devDependencies": {
     "@babel/core": "^7.22.10",
     "@babel/preset-env": "^7.22.10",
+    "@chromaui/addon-visual-tests": "^0.0.109",
     "@mdx-js/react": "^2.1.3",
-    "@storybook/addon-a11y": "^7.4.0",
-    "@storybook/addon-docs": "^7.4.0",
-    "@storybook/addon-essentials": "^7.4.0",
-    "@storybook/addon-interactions": "^7.4.0",
-    "@storybook/addon-links": "^7.4.0",
-    "@storybook/addon-mdx-gfm": "^7.4.0",
-    "@storybook/html": "^7.4.0",
-    "@storybook/html-webpack5": "^7.4.0",
-    "@storybook/jest": "^0.2.2",
+    "@storybook/addon-a11y": "^7.5.1",
+    "@storybook/addon-docs": "^7.5.1",
+    "@storybook/addon-essentials": "^7.5.1",
+    "@storybook/addon-interactions": "^7.5.1",
+    "@storybook/addon-links": "^7.5.1",
+    "@storybook/addon-mdx-gfm": "^7.5.1",
+    "@storybook/html": "^7.5.1",
+    "@storybook/html-webpack5": "^7.5.1",
+    "@storybook/jest": "^0.2.3",
     "@storybook/test-runner": "^0.13.0",
-    "@storybook/testing-library": "^0.2.0",
+    "@storybook/testing-library": "^0.2.2",
     "axe-playwright": "^1.2.3",
     "babel-loader": "^9.0.1",
     "chromatic": "^7.0.0",
@@ -60,7 +61,7 @@
     "css-loader": "^6.7.1",
     "diff": "^5.1.0",
     "eslint": "^8.46.0",
-    "eslint-plugin-storybook": "^0.6.13",
+    "eslint-plugin-storybook": "^0.6.15",
     "glob": "^10.2.7",
     "jest-image-snapshot": "^6.2.0",
     "jsdom": "^22.1.0",
@@ -73,7 +74,7 @@
     "sass": "^1.64.2",
     "sass-loader": "^13.0.2",
     "simple-nunjucks-loader": "^3.2.0",
-    "storybook": "^7.4.0",
+    "storybook": "^7.5.1",
     "style-loader": "^3.3.1",
     "stylelint": "^15.10.2",
     "stylelint-config-standard-scss": "^11.0.0",

package/nationalarchives/stories/design/about.mdx

@@ -1,25 +0,0 @@
-import { Meta } from "@storybook/blocks";
-
-<Meta title="Design/Prototyping" />
-
-# Prototyping with the styles
-
-The National Archives frontend styles include support for the [GOV.UK Prototype Kit](https://prototype-kit.service.gov.uk/).
-
-You can use the components and styles within the prototype kit to make rich HTML prototypes.
-
-## Create a new prototype
-
-1. Create an empty directory `mkdir my-new-prototype`
-1. Use `npx govuk-prototype-kit create` to create a new prototype project
-1. Install the frontend styles with `npm install @nationalarchives/frontend`
-1. Run `npm run dev` to start up the prototype kit
-1. Use the National Archives components!
-
-```Nunjucks
-{% from "nationalarchives/components/button/macro.njk" import tnaButton %}
-{{ tnaButton({
-  text: "I am a button",
-  url: "#"
-}) }}
-```