@aivenio/aquarium 2.20.1 → 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.
- package/dist/atoms.cjs +4 -4
- package/dist/atoms.mjs +4 -4
- package/dist/charts.cjs +16 -8
- package/dist/charts.mjs +16 -8
- package/dist/src/atoms/DataList/DataList.js +2 -2
- package/dist/src/atoms/Table/Table.d.ts +3 -1
- package/dist/src/atoms/Table/Table.js +2 -2
- package/dist/src/atoms/Typography/Typography.d.ts +2 -2
- package/dist/src/atoms/Typography/Typography.js +1 -1
- package/dist/src/charts/AreaChart/AreaChart.d.ts +1 -1
- package/dist/src/charts/BarChart/BarChart.d.ts +1 -1
- package/dist/src/charts/Legend/Legend.js +2 -1
- package/dist/src/charts/LineChart/LineChart.d.ts +1 -1
- package/dist/src/charts/PieChart/DoughnutChart.d.ts +1 -1
- package/dist/src/charts/PieChart/DoughnutChart.js +4 -4
- package/dist/src/charts/PieChart/PieChart.d.ts +1 -1
- package/dist/src/charts/PieChart/PieChart.js +2 -2
- package/dist/src/charts/PieChart/renderPieChildren.d.ts +1 -1
- package/dist/src/charts/PieChart/renderPieChildren.js +8 -4
- package/dist/src/charts/lib/utils.d.ts +1 -1
- package/dist/src/charts/lib/utils.js +5 -2
- package/dist/src/molecules/Accordion/Accordion.js +7 -3
- package/dist/src/molecules/Avatar/Avatar.js +2 -2
- package/dist/src/molecules/Box/Box.d.ts +2 -2
- package/dist/src/molecules/Box/Box.js +1 -1
- package/dist/src/molecules/Button/Button.d.ts +19 -9
- package/dist/src/molecules/Button/Button.js +2 -2
- package/dist/src/molecules/Card/CardInputWrapper.d.ts +2 -2
- package/dist/src/molecules/Card/CardInputWrapper.js +2 -2
- package/dist/src/molecules/Context/Context.d.ts +1 -1
- package/dist/src/molecules/Context/Context.js +1 -1
- package/dist/src/molecules/DataList/DataListComponents.d.ts +4 -4
- package/dist/src/molecules/DataList/DataListComponents.js +1 -1
- package/dist/src/molecules/DataList/DataListGroup.d.ts +1 -1
- package/dist/src/molecules/DataList/DataListGroup.js +1 -1
- package/dist/src/molecules/Dropdown/Dropdown.js +1 -1
- package/dist/src/molecules/Element/Element.d.ts +1 -1
- package/dist/src/molecules/Flexbox/Flexbox.d.ts +2 -2
- package/dist/src/molecules/Flexbox/FlexboxItem.d.ts +2 -2
- package/dist/src/molecules/Grid/Grid.d.ts +2 -2
- package/dist/src/molecules/Grid/GridItem.d.ts +2 -2
- package/dist/src/molecules/Link/Link.d.ts +2 -1
- package/dist/src/molecules/List/List.d.ts +1 -1
- package/dist/src/molecules/List/List.js +1 -1
- package/dist/src/molecules/ListItem/ListItem.d.ts +2 -1
- package/dist/src/molecules/ListItem/ListItem.js +1 -1
- package/dist/src/molecules/Popover/Popover.d.ts +1 -1
- package/dist/src/molecules/Popover/Popover.js +2 -2
- package/dist/src/molecules/Popover/PopoverOverlay.d.ts +2 -2
- package/dist/src/molecules/Popover/PopoverOverlay.js +1 -1
- package/dist/src/molecules/PopoverDialog/PopoverDialog.js +6 -2
- package/dist/src/molecules/Portal/Portal.d.ts +1 -1
- package/dist/src/molecules/Section/Section.js +7 -3
- package/dist/src/molecules/SegmentedControl/SegmentedControl.d.ts +2 -2
- package/dist/src/molecules/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/src/molecules/Select/Select.js +1 -1
- package/dist/src/molecules/Tailwindify/Tailwindify.d.ts +1 -1
- package/dist/src/molecules/Tailwindify/Tailwindify.js +1 -1
- package/dist/src/molecules/Tooltip/useTooltipTriggerState.js +2 -2
- package/dist/src/molecules/Transition/Transition.js +8 -3
- package/dist/src/utils/stickyStyles.d.ts +2 -2
- package/dist/src/utils/stickyStyles.js +2 -2
- package/dist/src/utils/table/useScrollTarget.d.ts +1 -1
- package/dist/src/utils/table/useScrollTarget.js +1 -1
- package/dist/src/utils/useInView.d.ts +1 -1
- package/dist/src/utils/useInView.js +1 -1
- package/dist/src/utils/useMeasure.d.ts +1 -1
- package/dist/system.cjs +64 -42
- package/dist/system.mjs +64 -42
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +37 -27
- package/dist/src/molecules/Toast/Toast.spec.d.ts +0 -1
- 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": "
|
3
|
+
"version": "3.0.0",
|
4
4
|
"description": "Aiven Aquarium design system",
|
5
5
|
"main": "dist/system.cjs",
|
6
6
|
"module": "dist/system.mjs",
|
@@ -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.
|
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.
|
101
|
+
"@iconify/tools": "^2.0.17",
|
101
102
|
"@mdx-js/mdx": "^3.1.0",
|
102
|
-
"@storybook/addon-a11y": "^
|
103
|
-
"@storybook/addon-
|
104
|
-
"@storybook/addon-
|
105
|
-
"@storybook/addon-
|
106
|
-
"@storybook/addon-
|
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": "^
|
109
|
-
"@storybook/
|
110
|
-
"@storybook/
|
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": "^
|
113
|
-
"@storybook/react-webpack5": "^
|
114
|
-
"@storybook/test": "^
|
115
|
-
"@storybook/test-runner": "
|
116
|
-
"@storybook/theming": "^
|
117
|
-
"@
|
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": "^
|
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": "^
|
127
|
-
"@types/react-dom": "^
|
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": "^
|
156
|
-
"react-dom": "^
|
157
|
-
"storybook": "^
|
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
|
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.
|
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==
|