@cruk/cruk-react-components 6.0.3 → 6.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/cruk-react-components",
-  "version": "6.0.3",
+  "version": "6.1.0",
   "description": "React components implementing CRUK, RFL, SU2C & Bowelbabe designs",
   "license": "MIT",
   "publishConfig": {
@@ -14,18 +14,15 @@
     "lib"
   ],
   "scripts": {
-    "dev": "NODE_ENV=development npm i && npm run start",
-    "start": "webpack server --config webpack.config.docs.js --mode development",
-    "clean-lib": "rm -rf ./lib",
-    "preanalyze": "npm run build-lib",
     "analyze": "source-map-explorer lib/index.js",
-    "cypress-headless": "npx cypress run --component",
-    "cy:open": "npx cypress open --component ",
+    "test-ct": "playwright test -c playwright-ct.config.ts",
+    "test-ct:debug": "playwright test -c playwright-ct.config.ts --debug --project=chromium",
+    "test-ct:ui": "playwright test -c playwright-ct.config.ts --ui",
     "node-test": " node --import tsx --test-reporter=spec --test src/utils/__tests__/testHelpers.test.ts",
     "node-test-watch": "node --import tsx --test-reporter=spec --watch --test src/utils/__tests__/testHelpers.test.ts",
-    "test": "npm run node-test && npm run cypress-headless",
-    "clean": "rm -rf node_modules/",
+    "test": "npm run node-test && npm run test-ct",
     "release": "release-it",
+    "clean-lib": "rm -rf ./lib",
     "rollup:build-lib": "npm run clean-lib && rollup --config",
     "prettier": "prettier --write '**/*.{ts,tsx}'",
     "prettier:test": "prettier --check src/**/*.{ts,tsx}",
@@ -45,64 +42,45 @@
   },
   "homepage": "https://github.com/CRUKorg/cruk-react-components#readme",
   "devDependencies": {
-    "@babel/cli": "^7.15.7",
-    "@babel/core": "^7.15.5",
-    "@babel/plugin-proposal-class-properties": "^7.8.3",
-    "@babel/preset-env": "^7.15.6",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.9.0",
-    "@chromatic-com/storybook": "^3.2.4",
+    "@axe-core/playwright": "^4.10.1",
+    "@chromatic-com/storybook": "^4.0.1",
     "@cruk/eslint-config": "^4",
-    "@cypress/webpack-dev-server": "3.5.3",
-    "@cypress/webpack-preprocessor": "^6.0.0",
     "@mdx-js/loader": "^3",
     "@mdx-js/mdx": "^3",
     "@mdx-js/react": "^3",
-    "@rollup/plugin-commonjs": "^26.0.0",
+    "@playwright/experimental-ct-react": "^1.51.0",
+    "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-a11y": "^8.6.12",
-    "@storybook/addon-docs": "^8.6.12",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/addon-webpack5-compiler-swc": "^2.0.0",
-    "@storybook/react": "8.6.12",
-    "@storybook/react-webpack5": "^8.6.12",
-    "@storybook/test": "^8.6.12",
+    "@storybook/addon-a11y": "^9.0.14",
+    "@storybook/addon-docs": "^9.0.14",
+    "@storybook/addon-links": "^9.0.14",
+    "@storybook/react-vite": "^9.0.14",
     "@types/assert": "^1.5.1",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "axe-core": "^4.8.2",
-    "babel-loader": "8.3.0",
-    "babel-plugin-styled-components": "^2.0.2",
+    "@vitejs/plugin-legacy": "^6.1.1",
+    "@vitejs/plugin-react-swc": "^3.10.2",
     "chromatic": "^11.28.2",
-    "cypress": "^14",
-    "cypress-axe": "1.6.0",
-    "cypress-real-events": "^1.14.0",
     "eslint": "^9",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-storybook": "^0.11.2",
-    "html-loader": "^5.1.0",
-    "html-webpack-plugin": "^5.3.2",
+    "eslint-plugin-storybook": "^9.0.14",
     "prettier": "^3",
     "prop-types": "^15.8.1",
     "react": "^19",
     "react-dom": "^19",
+    "release-it": "^19",
     "rollup": "^4.22.4",
     "rollup-plugin-typescript2": "^0.36.0",
     "source-map-explorer": "^2.2.2",
-    "storybook": "^8.6.12",
+    "storybook": "^9.0.14",
     "ts-loader": "9.5.1",
-    "tsx": "^4.19.4",
+    "tsx": "^4.20.3",
     "typescript": "^5.7.3",
-    "typescript-eslint": "^8.31.1",
-    "webpack": "^5.53.0",
-    "webpack-cli": "5.1.4",
-    "webpack-dev-server": "^4.7.3"
+    "typescript-eslint": "^8.31.1"
   },
   "peerDependencies": {
     "react": "^19",
@@ -113,10 +91,11 @@
     "@fortawesome/fontawesome-common-types": "^6.7.2",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
+    "@swc/plugin-styled-components": "^8.0.2",
     "react-focus-lock": "^2.13.6",
     "react-intersection-observer": "^9.1.0",
-    "react-is": "^18.2.0",
-    "release-it": "^19",
-    "styled-components": "^6.1.11"
+    "react-is": "^19",
+    "styled-components": "^6.1.11",
+    "vite": "^6.0.0"
   }
 }

package/lib/components/GlobalStyle.d.ts

@@ -1,2 +0,0 @@
-export declare const GlobalStyle: import("react").ForwardRefExoticComponent<Omit<JSX.LibraryManagedAttributes<T, import("styled-components").ExecutionProps>, "ref"> & import("react").RefAttributes<import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>>> & {};
-export default GlobalStyle;

package/lib/components/GlobalStyleNoFontFace.d.ts

@@ -1,2 +0,0 @@
-export declare const GlobalStyleNoFontFace: import("react").ForwardRefExoticComponent<Omit<JSX.LibraryManagedAttributes<T, import("styled-components").ExecutionProps>, "ref"> & import("react").RefAttributes<import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>>> & {};
-export default GlobalStyleNoFontFace;

package/lib/components/ThemeCheatSheet.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { type ThemeType } from "../types";
-export declare function ThemeCheatSheet({ theme }: {
-    theme?: ThemeType;
-}): React.JSX.Element;
-declare const _default: React.ForwardRefExoticComponent<Omit<JSX.LibraryManagedAttributes<T, import("styled-components").ExecutionProps>, "ref"> & React.RefAttributes<typeof ThemeCheatSheet>> & {};
-export default _default;