@aivenio/aquarium 2.20.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/dist/atoms.cjs +4 -4
  2. package/dist/atoms.mjs +4 -4
  3. package/dist/charts.cjs +16 -8
  4. package/dist/charts.mjs +16 -8
  5. package/dist/src/atoms/DataList/DataList.js +2 -2
  6. package/dist/src/atoms/Table/Table.d.ts +3 -1
  7. package/dist/src/atoms/Table/Table.js +2 -2
  8. package/dist/src/atoms/Typography/Typography.d.ts +2 -2
  9. package/dist/src/atoms/Typography/Typography.js +1 -1
  10. package/dist/src/charts/AreaChart/AreaChart.d.ts +1 -1
  11. package/dist/src/charts/BarChart/BarChart.d.ts +1 -1
  12. package/dist/src/charts/Legend/Legend.js +2 -1
  13. package/dist/src/charts/LineChart/LineChart.d.ts +1 -1
  14. package/dist/src/charts/PieChart/DoughnutChart.d.ts +1 -1
  15. package/dist/src/charts/PieChart/DoughnutChart.js +4 -4
  16. package/dist/src/charts/PieChart/PieChart.d.ts +1 -1
  17. package/dist/src/charts/PieChart/PieChart.js +2 -2
  18. package/dist/src/charts/PieChart/renderPieChildren.d.ts +1 -1
  19. package/dist/src/charts/PieChart/renderPieChildren.js +8 -4
  20. package/dist/src/charts/lib/utils.d.ts +1 -1
  21. package/dist/src/charts/lib/utils.js +5 -2
  22. package/dist/src/molecules/Accordion/Accordion.js +7 -3
  23. package/dist/src/molecules/Avatar/Avatar.js +2 -2
  24. package/dist/src/molecules/Box/Box.d.ts +2 -2
  25. package/dist/src/molecules/Box/Box.js +1 -1
  26. package/dist/src/molecules/Button/Button.d.ts +19 -9
  27. package/dist/src/molecules/Button/Button.js +2 -2
  28. package/dist/src/molecules/Card/CardInputWrapper.d.ts +2 -2
  29. package/dist/src/molecules/Card/CardInputWrapper.js +2 -2
  30. package/dist/src/molecules/Context/Context.d.ts +1 -1
  31. package/dist/src/molecules/Context/Context.js +1 -1
  32. package/dist/src/molecules/DataList/DataListComponents.d.ts +4 -4
  33. package/dist/src/molecules/DataList/DataListComponents.js +1 -1
  34. package/dist/src/molecules/DataList/DataListGroup.d.ts +1 -1
  35. package/dist/src/molecules/DataList/DataListGroup.js +1 -1
  36. package/dist/src/molecules/Dropdown/Dropdown.js +1 -1
  37. package/dist/src/molecules/Element/Element.d.ts +1 -1
  38. package/dist/src/molecules/Flexbox/Flexbox.d.ts +2 -2
  39. package/dist/src/molecules/Flexbox/FlexboxItem.d.ts +2 -2
  40. package/dist/src/molecules/Grid/Grid.d.ts +2 -2
  41. package/dist/src/molecules/Grid/GridItem.d.ts +2 -2
  42. package/dist/src/molecules/Link/Link.d.ts +2 -1
  43. package/dist/src/molecules/List/List.d.ts +1 -1
  44. package/dist/src/molecules/List/List.js +1 -1
  45. package/dist/src/molecules/ListItem/ListItem.d.ts +2 -1
  46. package/dist/src/molecules/ListItem/ListItem.js +1 -1
  47. package/dist/src/molecules/Popover/Popover.d.ts +1 -1
  48. package/dist/src/molecules/Popover/Popover.js +2 -2
  49. package/dist/src/molecules/Popover/PopoverOverlay.d.ts +2 -2
  50. package/dist/src/molecules/Popover/PopoverOverlay.js +1 -1
  51. package/dist/src/molecules/PopoverDialog/PopoverDialog.js +6 -2
  52. package/dist/src/molecules/Portal/Portal.d.ts +1 -1
  53. package/dist/src/molecules/Section/Section.js +7 -3
  54. package/dist/src/molecules/SegmentedControl/SegmentedControl.d.ts +2 -2
  55. package/dist/src/molecules/SegmentedControl/SegmentedControl.js +1 -1
  56. package/dist/src/molecules/Select/Select.js +1 -1
  57. package/dist/src/molecules/Tailwindify/Tailwindify.d.ts +1 -1
  58. package/dist/src/molecules/Tailwindify/Tailwindify.js +1 -1
  59. package/dist/src/molecules/Tooltip/useTooltipTriggerState.js +2 -2
  60. package/dist/src/molecules/Transition/Transition.js +8 -3
  61. package/dist/src/utils/stickyStyles.d.ts +2 -2
  62. package/dist/src/utils/stickyStyles.js +2 -2
  63. package/dist/src/utils/table/useScrollTarget.d.ts +1 -1
  64. package/dist/src/utils/table/useScrollTarget.js +1 -1
  65. package/dist/src/utils/useInView.d.ts +1 -1
  66. package/dist/src/utils/useInView.js +1 -1
  67. package/dist/src/utils/useMeasure.d.ts +1 -1
  68. package/dist/system.cjs +64 -42
  69. package/dist/system.mjs +64 -42
  70. package/dist/tsconfig.module.tsbuildinfo +1 -1
  71. package/package.json +39 -29
  72. package/dist/src/molecules/Toast/Toast.spec.d.ts +0 -1
  73. package/dist/src/molecules/Toast/Toast.spec.js +0 -42
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aivenio/aquarium",
3
- "version": "2.20.0",
3
+ "version": "3.0.0",
4
4
  "description": "Aiven Aquarium design system",
5
5
  "main": "dist/system.cjs",
6
6
  "module": "dist/system.mjs",
@@ -11,13 +11,13 @@
11
11
  "import": "./dist/system.mjs"
12
12
  },
13
13
  "./atoms": {
14
- "types": "./dist/src/atoms.d.ts",
14
+ "types": "./dist/src/atoms/index.d.ts",
15
15
  "require": "./dist/atoms.cjs",
16
16
  "import": "./dist/atoms.mjs"
17
17
  },
18
18
  "./atoms/*": "./dist/src/atoms/*.js",
19
19
  "./charts": {
20
- "types": "./dist/src/charts.d.ts",
20
+ "types": "./dist/src/charts/index.d.ts",
21
21
  "require": "./dist/charts.cjs",
22
22
  "import": "./dist/charts.mjs"
23
23
  },
@@ -91,40 +91,44 @@
91
91
  "devDependencies": {
92
92
  "@actions/core": "^1.11.1",
93
93
  "@aitodotai/json-stringify-pretty-compact": "^1.3.0",
94
- "@aivenio/eslint-config-aiven": "^7.6.0",
94
+ "@aivenio/eslint-config-aiven": "^7.7.0",
95
95
  "@babel/core": "^7.26.10",
96
96
  "@babel/preset-env": "^7.26.9",
97
97
  "@babel/preset-react": "^7.26.3",
98
98
  "@babel/preset-typescript": "^7.26.0",
99
+ "@chromatic-com/storybook": "^3.2.6",
99
100
  "@faker-js/faker": "^8.4.1",
100
- "@iconify/tools": "^2.0.14",
101
+ "@iconify/tools": "^2.0.17",
101
102
  "@mdx-js/mdx": "^3.1.0",
102
- "@storybook/addon-a11y": "^7.6.20",
103
- "@storybook/addon-essentials": "^7.6.20",
104
- "@storybook/addon-interactions": "^7.6.20",
105
- "@storybook/addon-links": "^7.6.20",
106
- "@storybook/addon-mdx-gfm": "^7.6.20",
103
+ "@storybook/addon-a11y": "^8.6.7",
104
+ "@storybook/addon-docs": "^8.6.7",
105
+ "@storybook/addon-essentials": "^8.6.7",
106
+ "@storybook/addon-interactions": "^8.6.7",
107
+ "@storybook/addon-links": "^8.6.7",
108
+ "@storybook/addon-mdx-gfm": "^8.6.7",
107
109
  "@storybook/addon-styling-webpack": "^1.0.1",
108
- "@storybook/addon-toolbars": "^7.6.20",
109
- "@storybook/addons": "^7.6.20",
110
- "@storybook/manager-api": "^7.6.20",
110
+ "@storybook/addon-toolbars": "^8.6.7",
111
+ "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
112
+ "@storybook/blocks": "^8.6.7",
113
+ "@storybook/manager-api": "^8.6.7",
111
114
  "@storybook/preset-typescript": "^3.0.0",
112
- "@storybook/react": "^7.6.20",
113
- "@storybook/react-webpack5": "^7.6.20",
114
- "@storybook/test": "^7.6.20",
115
- "@storybook/test-runner": "~0.16.0",
116
- "@storybook/theming": "^7.6.20",
117
- "@testing-library/dom": "^9.3.4",
115
+ "@storybook/react": "^8.6.7",
116
+ "@storybook/react-webpack5": "^8.6.7",
117
+ "@storybook/test": "^8.6.7",
118
+ "@storybook/test-runner": "^0.22.0",
119
+ "@storybook/theming": "^8.6.7",
120
+ "@storybook/types": "^8.6.7",
121
+ "@testing-library/dom": "^10.4.0",
118
122
  "@testing-library/jest-dom": "^6.6.3",
119
- "@testing-library/react": "^14.3.1",
123
+ "@testing-library/react": "^16.2.0",
120
124
  "@testing-library/user-event": "^14.6.1",
121
125
  "@tryfabric/mack": "^1.2.1",
122
126
  "@types/common-tags": "^1.8.4",
123
127
  "@types/jest": "^29.5.14",
124
128
  "@types/lodash-es": "^4.17.12",
125
129
  "@types/node": "^22.13.10",
126
- "@types/react": "^18.2.25",
127
- "@types/react-dom": "^18.2.10",
130
+ "@types/react": "^19.0.11",
131
+ "@types/react-dom": "^19.0.4",
128
132
  "@vitejs/plugin-react": "^4.3.4",
129
133
  "@zerollup/ts-transform-paths": "^1.7.18",
130
134
  "arg": "^5.0.2",
@@ -139,6 +143,7 @@
139
143
  "eslint-plugin-jsx-a11y": "^6.10.2",
140
144
  "eslint-plugin-react": "^7.37.4",
141
145
  "eslint-plugin-storybook": "^0.11.4",
146
+ "jsdom": "^26.0.0",
142
147
  "knip": "^5.46.0",
143
148
  "lodash-es": "^4.17.21",
144
149
  "log-watcher-webpack-plugin": "^1.0.4",
@@ -152,9 +157,9 @@
152
157
  "postcss-reporter": "^7.1.0",
153
158
  "postcss-ts-classnames": "^0.3.0",
154
159
  "prettier": "^3.5.3",
155
- "react": "^18.2.0",
156
- "react-dom": "^18.2.0",
157
- "storybook": "^7.6.20",
160
+ "react": "^19.0.0",
161
+ "react-dom": "^19.0.0",
162
+ "storybook": "^8.6.7",
158
163
  "style-dictionary": "^3.9.2",
159
164
  "style-dictionary-utils": "^2.4.1",
160
165
  "tailwindcss": "^3.4.17",
@@ -174,21 +179,21 @@
174
179
  },
175
180
  "dependencies": {
176
181
  "@iconify/react": "^3.2.2",
177
- "@iconify/types": "^1.0.12",
182
+ "@iconify/types": "^1.1.0",
178
183
  "@react-spring/web": "^9.7.5",
179
184
  "classnames": "^2.5.1",
180
185
  "downshift": "^8.2.3",
181
186
  "match-sorter": "^8.0.0",
182
187
  "react-aria": "^3.37.0",
183
- "react-aria-components": "^1.6.0",
188
+ "react-aria-components": "^1.7.1",
184
189
  "react-stately": "^3.31.1",
185
190
  "recharts": "^2.15.1",
186
191
  "tailwind-variants": "^0.3.1"
187
192
  },
188
193
  "peerDependencies": {
189
194
  "lodash-es": "4.x",
190
- "react": "16.x || 17.x || 18.x",
191
- "react-dom": "16.x || 17.x || 18.x"
195
+ "react": "16.x || 17.x || 18.x || 19.x",
196
+ "react-dom": "16.x || 17.x || 18.x || 19.x"
192
197
  },
193
198
  "browserslist": [
194
199
  "defaults"
@@ -197,8 +202,13 @@
197
202
  "webpack": "^5"
198
203
  },
199
204
  "overrides": {
205
+ "cheerio": "1.0.0-rc.12",
200
206
  "eslint-plugin-storybook": {
201
207
  "typescript": "$typescript"
208
+ },
209
+ "@react-spring/web": {
210
+ "react": "$react",
211
+ "react-dom": "$react-dom"
202
212
  }
203
213
  }
204
214
  }
@@ -1 +0,0 @@
1
- export {};
@@ -1,42 +0,0 @@
1
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
- return new (P || (P = Promise))(function (resolve, reject) {
4
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
- step((generator = generator.apply(thisArg, _arguments || [])).next());
8
- });
9
- };
10
- import React from 'react';
11
- import { render, screen } from '@testing-library/react';
12
- import userEvent from '@testing-library/user-event';
13
- import { Button, ToastProvider, useToast } from '../../../src/system';
14
- describe('<Toast />', () => {
15
- let user;
16
- beforeEach(() => {
17
- user = userEvent.setup();
18
- render(React.createElement(ToastProvider, null,
19
- React.createElement(Component, null)));
20
- });
21
- const Component = () => {
22
- const toast = useToast();
23
- const onClick = () => {
24
- toast({ message: 'Hello World', id: `uuid-${Math.random()}` });
25
- };
26
- return React.createElement(Button, { onClick: onClick }, "Toast");
27
- };
28
- it('dispatched toasts are rendered', () => __awaiter(void 0, void 0, void 0, function* () {
29
- const button = screen.getByRole('button', { name: 'Toast' });
30
- yield user.click(button);
31
- yield screen.findByText('Hello World');
32
- }));
33
- it('multiple toasts are rendered', () => __awaiter(void 0, void 0, void 0, function* () {
34
- const button = screen.getByRole('button', { name: 'Toast' });
35
- yield user.click(button);
36
- yield user.click(button);
37
- yield user.click(button);
38
- const toasts = yield screen.findAllByText('Hello World');
39
- expect(toasts.length).toBe(3);
40
- }));
41
- });
42
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3Quc3BlYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9hc3QvVG9hc3Quc3BlYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxTQUFTLE1BQU0sNkJBQTZCLENBQUM7QUFFcEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRTdELFFBQVEsQ0FBQyxXQUFXLEVBQUUsR0FBRyxFQUFFO0lBQ3pCLElBQUksSUFBd0MsQ0FBQztJQUU3QyxVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ2QsSUFBSSxHQUFHLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUN6QixNQUFNLENBQ0osb0JBQUMsYUFBYTtZQUNaLG9CQUFDLFNBQVMsT0FBRyxDQUNDLENBQ2pCLENBQUM7SUFDSixDQUFDLENBQUMsQ0FBQztJQUVILE1BQU0sU0FBUyxHQUFHLEdBQUcsRUFBRTtRQUNyQixNQUFNLEtBQUssR0FBRyxRQUFRLEVBQUUsQ0FBQztRQUN6QixNQUFNLE9BQU8sR0FBRyxHQUFHLEVBQUU7WUFDbkIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUUsUUFBUSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDakUsQ0FBQyxDQUFDO1FBQ0YsT0FBTyxvQkFBQyxNQUFNLElBQUMsT0FBTyxFQUFFLE9BQU8sWUFBZ0IsQ0FBQztJQUNsRCxDQUFDLENBQUM7SUFFRixFQUFFLENBQUMsZ0NBQWdDLEVBQUUsR0FBUyxFQUFFO1FBQzlDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUM7UUFDN0QsTUFBTSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sTUFBTSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN6QyxDQUFDLENBQUEsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDhCQUE4QixFQUFFLEdBQVMsRUFBRTtRQUM1QyxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQzdELE1BQU0sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN6QixNQUFNLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDekIsTUFBTSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sTUFBTSxHQUFHLE1BQU0sTUFBTSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN6RCxNQUFNLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoQyxDQUFDLENBQUEsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==