@aivenio/aquarium 2.17.0 → 2.19.0-rc1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aivenio/aquarium",
-  "version": "2.17.0",
+  "version": "2.19.0-rc1",
   "description": "Aiven Aquarium design system",
   "main": "dist/system.cjs",
   "module": "dist/system.mjs",
@@ -56,12 +56,12 @@
     "dist/"
   ],
   "scripts": {
-    "test": "npm run test:vitest && npm run test:jest",
+    "test": "npm run test:vitest",
     "test:vitest": "vitest run",
-    "test:jest": "jest",
     "test:watch": "vitest",
-    "test:all": "npm run eslint && npm run test && npm run knip",
-    "test:update": "npm run build:generated && vitest run -u && jest --updateSnapshot",
+    "test:all": "npm run eslint && npm run test && npm run knip && npm run test-storybook",
+    "test:update": "npm run build:generated && vitest run -u && test-storybook -u",
+    "test-storybook": "test-storybook",
     "eslint": "npm run eslint:prebuild && npm run eslint:check:src",
     "eslint:prebuild": "npm run build:generated",
     "eslint:fix": "npm run eslint:check:src -- --fix",
@@ -91,42 +91,48 @@
   "devDependencies": {
     "@actions/core": "^1.11.1",
     "@aitodotai/json-stringify-pretty-compact": "^1.3.0",
-    "@aivenio/eslint-config-aiven": "^7.6.0",
+    "@aivenio/eslint-config-aiven": "^7.7.0",
     "@babel/core": "^7.26.10",
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
+    "@chromatic-com/storybook": "^3.2.6",
     "@faker-js/faker": "^8.4.1",
-    "@iconify/tools": "^2.0.14",
+    "@iconify/tools": "^2.0.17",
     "@mdx-js/mdx": "^3.1.0",
-    "@storybook/addon-a11y": "^7.6.20",
-    "@storybook/addon-essentials": "^7.6.20",
-    "@storybook/addon-links": "^7.6.20",
-    "@storybook/addon-mdx-gfm": "^7.6.20",
-    "@storybook/addon-storyshots": "^7.6.20",
+    "@storybook/addon-a11y": "^8.6.7",
+    "@storybook/addon-docs": "^8.6.7",
+    "@storybook/addon-essentials": "^8.6.7",
+    "@storybook/addon-interactions": "^8.6.7",
+    "@storybook/addon-links": "^8.6.7",
+    "@storybook/addon-mdx-gfm": "^8.6.7",
     "@storybook/addon-styling-webpack": "^1.0.1",
-    "@storybook/addon-toolbars": "^7.6.20",
-    "@storybook/addons": "^7.6.20",
-    "@storybook/manager-api": "^7.6.20",
+    "@storybook/addon-toolbars": "^8.6.7",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
+    "@storybook/blocks": "^8.6.7",
+    "@storybook/manager-api": "^8.6.7",
     "@storybook/preset-typescript": "^3.0.0",
-    "@storybook/react": "^7.6.20",
-    "@storybook/react-webpack5": "^7.6.20",
-    "@storybook/theming": "^7.6.20",
-    "@testing-library/dom": "^9.3.4",
+    "@storybook/react": "^8.6.7",
+    "@storybook/react-webpack5": "^8.6.7",
+    "@storybook/test": "^8.6.7",
+    "@storybook/test-runner": "^0.22.0",
+    "@storybook/theming": "^8.6.7",
+    "@storybook/types": "^8.6.7",
+    "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^14.3.1",
+    "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
     "@tryfabric/mack": "^1.2.1",
     "@types/common-tags": "^1.8.4",
     "@types/jest": "^29.5.14",
-    "@types/jest-axe": "^3.5.9",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.13.10",
-    "@types/react": "^18.2.25",
-    "@types/react-dom": "^18.2.10",
+    "@types/react": "^19.0.11",
+    "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react": "^4.3.4",
     "@zerollup/ts-transform-paths": "^1.7.18",
     "arg": "^5.0.2",
+    "axe-playwright": "^2.0.3",
     "common-tags": "^1.8.2",
     "css-loader": "^5.2.7",
     "css-minimizer-webpack-plugin": "^1.3.0",
@@ -137,10 +143,7 @@
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-storybook": "^0.11.4",
-    "jest": "^29.7.0",
-    "jest-axe": "^8.0.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-fail-on-console": "^3.3.1",
+    "jsdom": "^26.0.0",
     "knip": "^5.46.0",
     "lodash-es": "^4.17.21",
     "log-watcher-webpack-plugin": "^1.0.4",
@@ -154,9 +157,9 @@
     "postcss-reporter": "^7.1.0",
     "postcss-ts-classnames": "^0.3.0",
     "prettier": "^3.5.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "storybook": "^7.6.20",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "storybook": "^8.6.7",
     "style-dictionary": "^3.9.2",
     "style-dictionary-utils": "^2.4.1",
     "tailwindcss": "^3.4.17",
@@ -176,21 +179,21 @@
   },
   "dependencies": {
     "@iconify/react": "^3.2.2",
-    "@iconify/types": "^1.0.12",
+    "@iconify/types": "^1.1.0",
     "@react-spring/web": "^9.7.5",
     "classnames": "^2.5.1",
     "downshift": "^8.2.3",
     "match-sorter": "^8.0.0",
     "react-aria": "^3.37.0",
-    "react-aria-components": "^1.6.0",
+    "react-aria-components": "^1.7.1",
     "react-stately": "^3.31.1",
     "recharts": "^2.15.1",
     "tailwind-variants": "^0.3.1"
   },
   "peerDependencies": {
     "lodash-es": "4.x",
-    "react": "16.x || 17.x || 18.x",
-    "react-dom": "16.x || 17.x || 18.x"
+    "react": "16.x || 17.x || 18.x || 19.x",
+    "react-dom": "16.x || 17.x || 18.x || 19.x"
   },
   "browserslist": [
     "defaults"
@@ -199,8 +202,13 @@
     "webpack": "^5"
   },
   "overrides": {
+    "cheerio": "1.0.0-rc.12",
     "eslint-plugin-storybook": {
       "typescript": "$typescript"
+    },
+    "@react-spring/web": {
+      "react": "$react",
+      "react-dom": "$react-dom"
     }
   }
 }

package/dist/src/molecules/Toast/Toast.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/molecules/Toast/Toast.spec.js

@@ -1,42 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { Button, ToastProvider, useToast } from '../../../src/system';
-describe('<Toast />', () => {
-    let user;
-    beforeEach(() => {
-        user = userEvent.setup();
-        render(React.createElement(ToastProvider, null,
-            React.createElement(Component, null)));
-    });
-    const Component = () => {
-        const toast = useToast();
-        const onClick = () => {
-            toast({ message: 'Hello World', id: `uuid-${Math.random()}` });
-        };
-        return React.createElement(Button, { onClick: onClick }, "Toast");
-    };
-    it('dispatched toasts are rendered', () => __awaiter(void 0, void 0, void 0, function* () {
-        const button = screen.getByRole('button', { name: 'Toast' });
-        yield user.click(button);
-        yield screen.findByText('Hello World');
-    }));
-    it('multiple toasts are rendered', () => __awaiter(void 0, void 0, void 0, function* () {
-        const button = screen.getByRole('button', { name: 'Toast' });
-        yield user.click(button);
-        yield user.click(button);
-        yield user.click(button);
-        const toasts = yield screen.findAllByText('Hello World');
-        expect(toasts.length).toBe(3);
-    }));
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3Quc3BlYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9hc3QvVG9hc3Quc3BlYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxTQUFTLE1BQU0sNkJBQTZCLENBQUM7QUFFcEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRTdELFFBQVEsQ0FBQyxXQUFXLEVBQUUsR0FBRyxFQUFFO0lBQ3pCLElBQUksSUFBd0MsQ0FBQztJQUU3QyxVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ2QsSUFBSSxHQUFHLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUN6QixNQUFNLENBQ0osb0JBQUMsYUFBYTtZQUNaLG9CQUFDLFNBQVMsT0FBRyxDQUNDLENBQ2pCLENBQUM7SUFDSixDQUFDLENBQUMsQ0FBQztJQUVILE1BQU0sU0FBUyxHQUFHLEdBQUcsRUFBRTtRQUNyQixNQUFNLEtBQUssR0FBRyxRQUFRLEVBQUUsQ0FBQztRQUN6QixNQUFNLE9BQU8sR0FBRyxHQUFHLEVBQUU7WUFDbkIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUUsUUFBUSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDakUsQ0FBQyxDQUFDO1FBQ0YsT0FBTyxvQkFBQyxNQUFNLElBQUMsT0FBTyxFQUFFLE9BQU8sWUFBZ0IsQ0FBQztJQUNsRCxDQUFDLENBQUM7SUFFRixFQUFFLENBQUMsZ0NBQWdDLEVBQUUsR0FBUyxFQUFFO1FBQzlDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUM7UUFDN0QsTUFBTSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sTUFBTSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN6QyxDQUFDLENBQUEsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDhCQUE4QixFQUFFLEdBQVMsRUFBRTtRQUM1QyxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQzdELE1BQU0sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN6QixNQUFNLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDekIsTUFBTSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sTUFBTSxHQUFHLE1BQU0sTUFBTSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN6RCxNQUFNLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoQyxDQUFDLENBQUEsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==