@aivenio/aquarium 2.3.2 → 2.4.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 (41) hide show
  1. package/dist/_variables.scss +49 -0
  2. package/dist/atoms.cjs +55 -0
  3. package/dist/atoms.mjs +55 -0
  4. package/dist/charts.cjs +1165 -324
  5. package/dist/charts.mjs +1166 -327
  6. package/dist/src/charts/AreaChart/AreaChart.d.ts +2 -1
  7. package/dist/src/charts/AreaChart/AreaChart.js +14 -30
  8. package/dist/src/charts/BarChart/BarChart.d.ts +2 -1
  9. package/dist/src/charts/BarChart/BarChart.js +17 -21
  10. package/dist/src/charts/DefaultPalette/DefaultPalette.d.ts +15 -0
  11. package/dist/src/charts/DefaultPalette/DefaultPalette.js +23 -0
  12. package/dist/src/charts/Legend/Legend.d.ts +4 -1
  13. package/dist/src/charts/Legend/Legend.js +25 -3
  14. package/dist/src/charts/LineChart/LineChart.d.ts +2 -1
  15. package/dist/src/charts/LineChart/LineChart.js +17 -32
  16. package/dist/src/charts/PieChart/DoughnutChart.d.ts +2 -1
  17. package/dist/src/charts/PieChart/DoughnutChart.js +16 -4
  18. package/dist/src/charts/PieChart/PieChart.d.ts +3 -2
  19. package/dist/src/charts/PieChart/PieChart.js +17 -2
  20. package/dist/src/charts/PieChart/renderPieChildren.d.ts +5 -1
  21. package/dist/src/charts/PieChart/renderPieChildren.js +7 -4
  22. package/dist/src/charts/{PieChart → Tooltip}/TooltipContentWrapper.d.ts +2 -1
  23. package/dist/src/charts/Tooltip/TooltipContentWrapper.js +37 -0
  24. package/dist/src/charts/hooks/index.d.ts +1 -0
  25. package/dist/src/charts/hooks/index.js +2 -0
  26. package/dist/src/charts/hooks/useDefaultColor.d.ts +1 -0
  27. package/dist/src/charts/hooks/useDefaultColor.js +7 -0
  28. package/dist/src/charts/hooks/useDefaultColor.spec.d.ts +1 -0
  29. package/dist/src/charts/hooks/useDefaultColor.spec.js +28 -0
  30. package/dist/src/charts/index.d.ts +2 -0
  31. package/dist/src/charts/index.js +3 -1
  32. package/dist/src/charts/lib/utils.d.ts +5 -1
  33. package/dist/src/charts/lib/utils.js +27 -1
  34. package/dist/src/tokens/tokens.json +55 -0
  35. package/dist/styles.css +57 -6
  36. package/dist/system.cjs +55 -0
  37. package/dist/system.mjs +55 -0
  38. package/dist/tokens.json +55 -0
  39. package/dist/tsconfig.module.tsbuildinfo +1 -1
  40. package/package.json +1 -1
  41. package/dist/src/charts/PieChart/TooltipContentWrapper.js +0 -31
@@ -0,0 +1,37 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import React from 'react';
13
+ import isFunction from 'lodash/isFunction';
14
+ import { DefaultPaletteContext } from '../../../src/charts/DefaultPalette/DefaultPalette';
15
+ import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
16
+ export const TooltipContentWrapper = (_a) => {
17
+ var _b;
18
+ var { content, tooltipColor = 'stroke' } = _a, props = __rest(_a, ["content", "tooltipColor"]);
19
+ const { getDefaultColor } = React.useContext(DefaultPaletteContext);
20
+ const payload = (_b = props.payload) === null || _b === void 0 ? void 0 : _b.map((entry) => {
21
+ var _a, _b, _c, _d, _e, _f;
22
+ const stroke = (_b = (_a = entry.payload) === null || _a === void 0 ? void 0 : _a.stroke) !== null && _b !== void 0 ? _b : entry.stroke;
23
+ // Entry might also have 'fill' property, but it's not exposed in the types.
24
+ const fill = (_d = (_c = entry.payload) === null || _c === void 0 ? void 0 : _c.fill) !== null && _d !== void 0 ? _d : entry.fill;
25
+ const color = tooltipColor === 'stroke' ? stroke : fill;
26
+ return Object.assign(Object.assign({}, entry), { color: color !== null && color !== void 0 ? color : getDefaultColor((_f = (_e = entry.dataKey) === null || _e === void 0 ? void 0 : _e.toString()) !== null && _f !== void 0 ? _f : 'unknown') });
27
+ });
28
+ const propsWithPayload = Object.assign(Object.assign({}, props), { payload });
29
+ if (React.isValidElement(content)) {
30
+ return React.cloneElement(content, propsWithPayload);
31
+ }
32
+ if (isFunction(content)) {
33
+ return React.createElement(content, propsWithPayload);
34
+ }
35
+ return React.createElement(Tooltip.DefaultContent, Object.assign({}, props, { payload: payload }));
36
+ };
37
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcENvbnRlbnRXcmFwcGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9Ub29sdGlwL1Rvb2x0aXBDb250ZW50V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDakYsT0FBTyxFQUFFLE9BQU8sRUFBcUIsTUFBTSw0QkFBNEIsQ0FBQztBQVF4RSxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRyxDQUFtRCxFQU92RixFQUFFLEVBQUU7O1FBUG1GLEVBQ3RGLE9BQU8sRUFDUCxZQUFZLEdBQUcsUUFBUSxPQUt4QixFQUpJLEtBQUssY0FIOEUsMkJBSXZGLENBRFM7SUFLUixNQUFNLEVBQUUsZUFBZSxFQUFFLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO0lBRXBFLE1BQU0sT0FBTyxHQUFHLE1BQUEsS0FBSyxDQUFDLE9BQU8sMENBQUUsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7O1FBQzNDLE1BQU0sTUFBTSxHQUFHLE1BQUEsTUFBQSxLQUFLLENBQUMsT0FBTywwQ0FBRSxNQUFNLG1DQUFJLEtBQUssQ0FBQyxNQUFNLENBQUM7UUFDckQsNEVBQTRFO1FBQzVFLE1BQU0sSUFBSSxHQUFHLE1BQUEsTUFBQSxLQUFLLENBQUMsT0FBTywwQ0FBRSxJQUFJLG1DQUFLLEtBQWEsQ0FBQyxJQUFJLENBQUM7UUFDeEQsTUFBTSxLQUFLLEdBQUcsWUFBWSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFFeEQsdUNBQ0ssS0FBSyxLQUNSLEtBQUssRUFBRSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxlQUFlLENBQUMsTUFBQSxNQUFBLEtBQUssQ0FBQyxPQUFPLDBDQUFFLFFBQVEsRUFBRSxtQ0FBSSxTQUFTLENBQUMsSUFDdkU7SUFDSixDQUFDLENBQUMsQ0FBQztJQUVILE1BQU0sZ0JBQWdCLG1DQUFRLEtBQUssS0FBRSxPQUFPLEdBQUUsQ0FBQztJQUUvQyxJQUFJLEtBQUssQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztRQUNsQyxPQUFPLEtBQUssQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLGdCQUFnQixDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVELElBQUksVUFBVSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7UUFDeEIsT0FBTyxLQUFLLENBQUMsYUFBYSxDQUFDLE9BQWMsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO0lBQy9ELENBQUM7SUFFRCxPQUFPLG9CQUFDLE9BQU8sQ0FBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFJLENBQUM7QUFDakUsQ0FBQyxDQUFDIn0=
@@ -0,0 +1 @@
1
+ export { useDefaultColor } from './useDefaultColor';
@@ -0,0 +1,2 @@
1
+ export { useDefaultColor } from './useDefaultColor';
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL2hvb2tzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQyJ9
@@ -0,0 +1 @@
1
+ export declare const useDefaultColor: (key: string, color: string | undefined) => string | undefined;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { DefaultPaletteContext } from '../../../src/charts/DefaultPalette/DefaultPalette';
3
+ export const useDefaultColor = (key, color) => {
4
+ const ctx = React.useContext(DefaultPaletteContext);
5
+ return color !== null && color !== void 0 ? color : ctx.getDefaultColor(key);
6
+ };
7
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlRGVmYXVsdENvbG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9ob29rcy91c2VEZWZhdWx0Q29sb3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUVqRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsQ0FBQyxHQUFXLEVBQUUsS0FBeUIsRUFBc0IsRUFBRTtJQUM1RixNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLHFCQUFxQixDQUFDLENBQUM7SUFDcEQsT0FBTyxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxHQUFHLENBQUMsZUFBZSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0FBQzNDLENBQUMsQ0FBQyJ9
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,28 @@
1
+ import React from 'react';
2
+ import { renderHook } from '@testing-library/react';
3
+ import { DefaultPalette } from '../../../src/charts/DefaultPalette/DefaultPalette';
4
+ import tokens from '../../../src/tokens/tokens.json';
5
+ import { useDefaultColor } from './useDefaultColor';
6
+ describe('useDefaultColor', () => {
7
+ const wrapper = ({ children }) => (React.createElement(DefaultPalette, { palette: "primary" }, children));
8
+ it('should always return the same color for the same key', () => {
9
+ const initialProps = { key: 'key', color: undefined };
10
+ const { result, rerender } = renderHook(({ key, color }) => useDefaultColor(key, color), { initialProps, wrapper });
11
+ expect(result.current).toEqual(tokens.chartColors.primaryCategorical[0]);
12
+ // Re-rendering with the same key should return the same color
13
+ rerender({ key: 'key', color: undefined });
14
+ expect(result.current).toEqual(tokens.chartColors.primaryCategorical[0]);
15
+ // Re-rendering with a different key should return a different color
16
+ rerender({ key: 'key2', color: undefined });
17
+ expect(result.current).toEqual(tokens.chartColors.primaryCategorical[1]);
18
+ });
19
+ it('should not override the color if it is provided', () => {
20
+ const initialProps = { key: 'key', color: 'red' };
21
+ const { result, rerender } = renderHook(({ key, color }) => useDefaultColor(key, color), { initialProps, wrapper });
22
+ expect(result.current).toEqual('red');
23
+ // Re-rendering with the same key without a color should return default color
24
+ rerender({ key: 'key', color: undefined });
25
+ expect(result.current).toEqual(tokens.chartColors.primaryCategorical[0]);
26
+ });
27
+ });
28
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlRGVmYXVsdENvbG9yLnNwZWMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL2hvb2tzL3VzZURlZmF1bHRDb2xvci5zcGVjLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXBELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUMxRSxPQUFPLE1BQU0sTUFBTSx3QkFBd0IsQ0FBQztBQUU1QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFPcEQsUUFBUSxDQUFDLGlCQUFpQixFQUFFLEdBQUcsRUFBRTtJQUMvQixNQUFNLE9BQU8sR0FBc0MsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUNuRSxvQkFBQyxjQUFjLElBQUMsT0FBTyxFQUFDLFNBQVMsSUFBRSxRQUFRLENBQWtCLENBQzlELENBQUM7SUFFRixFQUFFLENBQUMsc0RBQXNELEVBQUUsR0FBRyxFQUFFO1FBQzlELE1BQU0sWUFBWSxHQUFjLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUM7UUFDakUsTUFBTSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsR0FBRyxVQUFVLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRSxFQUFFLFlBQVksRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQ3BILE1BQU0sQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUV6RSw4REFBOEQ7UUFDOUQsUUFBUSxDQUFDLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQztRQUMzQyxNQUFNLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFekUsb0VBQW9FO1FBQ3BFLFFBQVEsQ0FBQyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUM7UUFDNUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzNFLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLGlEQUFpRCxFQUFFLEdBQUcsRUFBRTtRQUN6RCxNQUFNLFlBQVksR0FBYyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQzdELE1BQU0sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLEdBQUcsVUFBVSxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDLGVBQWUsQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUUsRUFBRSxZQUFZLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUNwSCxNQUFNLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUV0Qyw2RUFBNkU7UUFDN0UsUUFBUSxDQUFDLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQztRQUMzQyxNQUFNLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDM0UsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
@@ -3,7 +3,9 @@ export * from './Axis/Axis';
3
3
  export * from './BarChart/BarChart';
4
4
  export * from './Cell/Cell';
5
5
  export * from './Container/Container';
6
+ export * from './DefaultPalette/DefaultPalette';
6
7
  export * from './Grid/Grid';
8
+ export * from './hooks';
7
9
  export * from './Label/Label';
8
10
  export * from './Legend/Legend';
9
11
  export * from './lib/timeIntervals';
@@ -3,7 +3,9 @@ export * from './Axis/Axis';
3
3
  export * from './BarChart/BarChart';
4
4
  export * from './Cell/Cell';
5
5
  export * from './Container/Container';
6
+ export * from './DefaultPalette/DefaultPalette';
6
7
  export * from './Grid/Grid';
8
+ export * from './hooks';
7
9
  export * from './Label/Label';
8
10
  export * from './Legend/Legend';
9
11
  export * from './lib/timeIntervals';
@@ -13,4 +15,4 @@ export * from './PieChart/DoughnutChart';
13
15
  export * from './PieChart/PieChart';
14
16
  export * from './Reference/Reference';
15
17
  export * from './Tooltip/Tooltip';
16
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY2hhcnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsbUJBQW1CLENBQUMifQ==
18
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY2hhcnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxtQkFBbUIsQ0FBQyJ9
@@ -1,6 +1,8 @@
1
+ import React from 'react';
1
2
  import { type Numeric } from 'd3-array';
3
+ import { type XAxisProps, type XTimeAxisProps } from '../../../src/charts/Axis/Axis';
4
+ import type { LineChart as CategoricalChart } from 'recharts';
2
5
  import type { AxisDomain } from 'recharts/types/util/types';
3
- import type { XAxisProps, XTimeAxisProps } from '../../../src/charts/Axis/Axis';
4
6
  export declare const CHART_MARGIN_BOTTOM = 15;
5
7
  export declare const CHART_YLABEL_DEFAULT_OFFSET = 10;
6
8
  export declare const CHART_XLABEL_DEFAULT_OFFSET: number;
@@ -13,7 +15,9 @@ export declare const DEFAULT_MARGINS: {
13
15
  export type ChartProps = {
14
16
  data?: Array<Record<string, unknown>>;
15
17
  };
18
+ export type CategoricalChartProps = React.ComponentProps<typeof CategoricalChart>;
16
19
  export declare const getDisplayName: (Comp: React.ComponentType | string) => string;
20
+ export declare const renderChartChildren: (child: React.ReactElement | null | undefined, chartProps: CategoricalChartProps) => React.JSX.Element | null | undefined;
17
21
  export declare const getXAxisTicks: ({ dataKey, ticks, domain }: XAxisProps | XTimeAxisProps, chartProps: ChartProps) => Array<number | string> | undefined;
18
22
  export declare const extractChildByDisplayName: (_children: React.ReactElement | React.ReactElement[], name?: string) => [React.ReactElement | undefined, React.ReactElement[]];
19
23
  export declare const normalizeAxisDomain: (domain: AxisDomain | [Date, Date] | undefined) => AxisDomain | undefined;
@@ -1,7 +1,11 @@
1
+ import React from 'react';
1
2
  import { extent } from 'd3-array';
2
3
  import { scaleUtc } from 'd3-scale';
3
4
  import castArray from 'lodash/castArray';
4
5
  import isDate from 'lodash/isDate';
6
+ import { Axis, renderXAxis, renderXTimeAxis, renderYAxis, } from '../../../src/charts/Axis/Axis';
7
+ import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
8
+ import { TooltipContentWrapper } from '../../../src/charts/Tooltip/TooltipContentWrapper';
5
9
  export const CHART_MARGIN_BOTTOM = 15;
6
10
  export const CHART_YLABEL_DEFAULT_OFFSET = 10;
7
11
  export const CHART_XLABEL_DEFAULT_OFFSET = CHART_YLABEL_DEFAULT_OFFSET * -1; // has to be negative and less than CHART_MARGIN_BOTTOM value
@@ -28,6 +32,28 @@ export const getDisplayName = (Comp) => {
28
32
  };
29
33
  const isDateArray = (arr) => Array.isArray(arr) && arr.every(isDate);
30
34
  const isNumberOrDate = (value) => Number.isFinite(value) || isDate(value);
35
+ export const renderChartChildren = (child, chartProps) => {
36
+ if (!child) {
37
+ return child;
38
+ }
39
+ switch (getDisplayName(child.type)) {
40
+ case Axis.XAxis.displayName: {
41
+ return renderXAxis(child, chartProps);
42
+ }
43
+ case Axis.XAxis.Time.displayName: {
44
+ return renderXTimeAxis(child, chartProps);
45
+ }
46
+ case Axis.YAxis.displayName: {
47
+ return renderYAxis(child, chartProps);
48
+ }
49
+ case Tooltip.displayName: {
50
+ return React.cloneElement(child, { content: React.createElement(TooltipContentWrapper, { content: child.props.content }) });
51
+ }
52
+ default: {
53
+ return child;
54
+ }
55
+ }
56
+ };
31
57
  export const getXAxisTicks = ({ dataKey, ticks, domain }, chartProps) => {
32
58
  var _a;
33
59
  // Either ticks are not provided or we don't have to process them.
@@ -81,4 +107,4 @@ const domainExtent = (domain) => {
81
107
  const [min, max] = domain;
82
108
  return Number.isFinite(min) && Number.isFinite(max) ? [min, max] : undefined;
83
109
  };
84
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL2xpYi91dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFnQixNQUFNLFVBQVUsQ0FBQztBQUNoRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3BDLE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sTUFBTSxNQUFNLGVBQWUsQ0FBQztBQUtuQyxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxFQUFFLENBQUM7QUFDdEMsTUFBTSxDQUFDLE1BQU0sMkJBQTJCLEdBQUcsRUFBRSxDQUFDO0FBQzlDLE1BQU0sQ0FBQyxNQUFNLDJCQUEyQixHQUFHLDJCQUEyQixHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsNkRBQTZEO0FBRTFJOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUc7SUFDN0IsR0FBRyxFQUFFLEVBQUU7SUFDUCxLQUFLLEVBQUUsRUFBRTtJQUNULElBQUksRUFBRSxFQUFFO0lBQ1IsTUFBTSxFQUFFLG1CQUFtQjtDQUM1QixDQUFDO0FBTUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLENBQUMsSUFBa0MsRUFBRSxFQUFFO0lBQ25FLElBQUksT0FBTyxJQUFJLEtBQUssUUFBUSxFQUFFLENBQUM7UUFDN0IsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsdUVBQXVFO0lBQ3ZFLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNWLE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQztJQUVELE9BQU8sSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLFdBQVcsQ0FBQztBQUN0RCxDQUFDLENBQUM7QUFFRixNQUFNLFdBQVcsR0FBRyxDQUFDLEdBQVEsRUFBaUIsRUFBRSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksR0FBRyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUV6RixNQUFNLGNBQWMsR0FBRyxDQUFDLEtBQVUsRUFBMEIsRUFBRSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUksTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBRXZHLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxDQUMzQixFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUErQixFQUN2RCxVQUFzQixFQUNjLEVBQUU7O0lBQ3RDLGtFQUFrRTtJQUNsRSxJQUFJLENBQUMsS0FBSyxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQztRQUNuQyxPQUFPLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLFNBQVMsQ0FBQztJQUM1QixDQUFDO0lBRUQsMEVBQTBFO0lBQzFFLE1BQU0sZ0JBQWdCLEdBQUcsbUJBQW1CLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFckQsMENBQTBDO0lBQzFDLE1BQU0sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLEdBQUcsTUFBQSxZQUFZLENBQUMsZ0JBQWdCLENBQUMsbUNBQUksRUFBRSxDQUFDO0lBRXBFLHdDQUF3QztJQUN4QyxNQUFNLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxHQUFHLGNBQWMsQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxDQUFDO0lBRXBFLHlDQUF5QztJQUN6QyxNQUFNLEdBQUcsR0FBRyxjQUFjLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO0lBQ3BFLE1BQU0sR0FBRyxHQUFHLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUM7SUFFcEUsSUFBSSxHQUFHLEtBQUssU0FBUyxJQUFJLEdBQUcsS0FBSyxTQUFTLEVBQUUsQ0FBQztRQUMzQyxPQUFPLFNBQVMsQ0FBQztJQUNuQixDQUFDO0lBRUQsOEZBQThGO0lBQzlGLHdFQUF3RTtJQUN4RSxPQUFPLFFBQVEsRUFBRTtTQUNkLE1BQU0sQ0FBQyxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztTQUNsQixLQUFLLENBQUMsS0FBSyxDQUFDO1NBQ1osR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztBQUM3QixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSx5QkFBeUIsR0FBRyxDQUN2QyxTQUFvRCxFQUNwRCxJQUFhLEVBQzJDLEVBQUU7SUFDMUQsTUFBTSxRQUFRLEdBQUcsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3RDLE1BQU0sVUFBVSxHQUFHLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUM7SUFFdEYsSUFBSSxVQUFVLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUN0QixPQUFPLENBQUMsU0FBUyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxNQUFNLFVBQVUsR0FBRyxRQUFRLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzNDLE1BQU0saUJBQWlCLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsVUFBVSxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFFL0YsT0FBTyxDQUFDLFVBQVUsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO0FBQ3pDLENBQUMsQ0FBQztBQUVGLDJHQUEyRztBQUMzRyxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxDQUFDLE1BQTZDLEVBQTBCLEVBQUU7SUFDM0csT0FBTyxXQUFXLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7QUFDdkUsQ0FBQyxDQUFDO0FBRUYsdUNBQXVDO0FBQ3ZDLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxDQUFDLE9BQTJCLEVBQUUsRUFBRSxPQUE4QixFQUFhLEVBQUU7SUFDekcsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDLE9BQU8sT0FBTyxLQUFLLFVBQVUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztBQUN0SCxDQUFDLENBQUM7QUFFRiwrQ0FBK0M7QUFDL0MsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLENBQzVCLE9BQTJCLEVBQUUsRUFDN0IsT0FBOEIsRUFDZSxFQUFFLENBQUMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQztBQUV4RixzREFBc0Q7QUFDdEQsTUFBTSxZQUFZLEdBQUcsQ0FBQyxNQUE4QixFQUFnQyxFQUFFO0lBQ3BGLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7UUFDM0IsT0FBTyxTQUFTLENBQUM7SUFDbkIsQ0FBQztJQUVELE1BQU0sQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLEdBQUcsTUFBTSxDQUFDO0lBQzFCLE9BQU8sTUFBTSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxNQUFNLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQWEsRUFBRSxHQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0FBQ25HLENBQUMsQ0FBQyJ9
110
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL2xpYi91dGlscy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQWdCLE1BQU0sVUFBVSxDQUFDO0FBQ2hELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDcEMsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFDekMsT0FBTyxNQUFNLE1BQU0sZUFBZSxDQUFDO0FBRW5DLE9BQU8sRUFDTCxJQUFJLEVBQ0osV0FBVyxFQUNYLGVBQWUsRUFDZixXQUFXLEdBR1osTUFBTSxzQkFBc0IsQ0FBQztBQUM5QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDckQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFNakYsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsRUFBRSxDQUFDO0FBQ3RDLE1BQU0sQ0FBQyxNQUFNLDJCQUEyQixHQUFHLEVBQUUsQ0FBQztBQUM5QyxNQUFNLENBQUMsTUFBTSwyQkFBMkIsR0FBRywyQkFBMkIsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLDZEQUE2RDtBQUUxSTs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHO0lBQzdCLEdBQUcsRUFBRSxFQUFFO0lBQ1AsS0FBSyxFQUFFLEVBQUU7SUFDVCxJQUFJLEVBQUUsRUFBRTtJQUNSLE1BQU0sRUFBRSxtQkFBbUI7Q0FDNUIsQ0FBQztBQVFGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxDQUFDLElBQWtDLEVBQUUsRUFBRTtJQUNuRSxJQUFJLE9BQU8sSUFBSSxLQUFLLFFBQVEsRUFBRSxDQUFDO1FBQzdCLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELHVFQUF1RTtJQUN2RSxJQUFJ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
@@ -93,6 +93,61 @@
93
93
  "intense": "rgba(197,0,1,1)"
94
94
  }
95
95
  },
96
+ "chartColors": {
97
+ "default": "rgba(180, 180, 187, 1)",
98
+ "primaryCategorical": {
99
+ "0": "rgba(88, 101, 205, 1)",
100
+ "1": "rgba(255, 53, 84, 1)",
101
+ "2": "rgba(40, 180, 244, 1)",
102
+ "3": "rgba(249, 106, 2, 1)",
103
+ "4": "rgba(0, 179, 0, 1)",
104
+ "5": "rgba(255, 193, 7, 1)"
105
+ },
106
+ "secondaryCategorical": {
107
+ "0": "rgba(53, 69, 190, 1)",
108
+ "1": "rgba(253, 159, 0, 1)",
109
+ "2": "rgba(255, 53, 84, 1)",
110
+ "3": "rgba(0, 179, 0, 1)",
111
+ "4": "rgba(243, 88, 13, 1)",
112
+ "5": "rgba(3, 153, 227, 1)",
113
+ "6": "rgba(231, 0, 0, 1)",
114
+ "7": "rgba(34, 47, 149, 1)",
115
+ "8": "rgba(255, 144, 3, 1)",
116
+ "9": "rgba(228, 26, 74, 1)",
117
+ "10": "rgba(0, 159, 0, 1)",
118
+ "11": "rgba(235, 70, 16, 1)",
119
+ "12": "rgba(1, 116, 186, 1)",
120
+ "13": "rgba(197, 0, 1, 1)",
121
+ "14": "rgba(225, 29, 22, 1)",
122
+ "15": "rgba(170, 0, 0, 1)",
123
+ "16": "rgba(2, 86, 154, 1)",
124
+ "17": "rgba(167, 0, 69, 1)",
125
+ "18": "rgba(0, 111, 0, 1)",
126
+ "19": "rgba(254, 109, 0, 1)",
127
+ "20": "rgba(14, 22, 82, 1)",
128
+ "21": "rgba(88, 101, 205, 1)",
129
+ "22": "rgba(255, 179, 0, 1)",
130
+ "23": "rgba(255, 82, 117, 1)",
131
+ "24": "rgba(0, 195, 0, 1)",
132
+ "25": "rgba(249, 106, 2, 1)",
133
+ "26": "rgba(40, 180, 244, 1)",
134
+ "27": "rgba(230, 39, 40, 1)",
135
+ "28": "rgba(129, 142, 236, 1)",
136
+ "29": "rgba(255, 193, 7, 1)",
137
+ "30": "rgba(255, 111, 148, 1)",
138
+ "31": "rgba(96, 219, 87, 1)",
139
+ "32": "rgba(252, 135, 26, 1)",
140
+ "33": "rgba(127, 209, 247, 1)",
141
+ "34": "rgba(224, 80, 79, 1)",
142
+ "35": "rgba(185, 197, 239, 1)",
143
+ "36": "rgba(253, 212, 77, 1)",
144
+ "37": "rgba(255, 169, 201, 1)",
145
+ "38": "rgba(137, 235, 128, 1)",
146
+ "39": "rgba(250, 178, 110, 1)",
147
+ "40": "rgba(180, 229, 251, 1)",
148
+ "41": "rgba(255, 173, 179, 1)"
149
+ }
150
+ },
96
151
  "colors": {
97
152
  "white": "white",
98
153
  "black": "black",
package/dist/styles.css CHANGED
@@ -539,6 +539,55 @@ img,video {
539
539
  --aquarium-colors-transparent: transparent;
540
540
  --aquarium-colors-black: black;
541
541
  --aquarium-colors-white: white;
542
+ --aquarium-chart-colors-secondary-categorical-41: rgba(255, 173, 179, 1);
543
+ --aquarium-chart-colors-secondary-categorical-40: rgba(180, 229, 251, 1);
544
+ --aquarium-chart-colors-secondary-categorical-39: rgba(250, 178, 110, 1);
545
+ --aquarium-chart-colors-secondary-categorical-38: rgba(137, 235, 128, 1);
546
+ --aquarium-chart-colors-secondary-categorical-37: rgba(255, 169, 201, 1);
547
+ --aquarium-chart-colors-secondary-categorical-36: rgba(253, 212, 77, 1);
548
+ --aquarium-chart-colors-secondary-categorical-35: rgba(185, 197, 239, 1);
549
+ --aquarium-chart-colors-secondary-categorical-34: rgba(224, 80, 79, 1);
550
+ --aquarium-chart-colors-secondary-categorical-33: rgba(127, 209, 247, 1);
551
+ --aquarium-chart-colors-secondary-categorical-32: rgba(252, 135, 26, 1);
552
+ --aquarium-chart-colors-secondary-categorical-31: rgba(96, 219, 87, 1);
553
+ --aquarium-chart-colors-secondary-categorical-30: rgba(255, 111, 148, 1);
554
+ --aquarium-chart-colors-secondary-categorical-29: rgba(255, 193, 7, 1);
555
+ --aquarium-chart-colors-secondary-categorical-28: rgba(129, 142, 236, 1);
556
+ --aquarium-chart-colors-secondary-categorical-27: rgba(230, 39, 40, 1);
557
+ --aquarium-chart-colors-secondary-categorical-26: rgba(40, 180, 244, 1);
558
+ --aquarium-chart-colors-secondary-categorical-25: rgba(249, 106, 2, 1);
559
+ --aquarium-chart-colors-secondary-categorical-24: rgba(0, 195, 0, 1);
560
+ --aquarium-chart-colors-secondary-categorical-23: rgba(255, 82, 117, 1);
561
+ --aquarium-chart-colors-secondary-categorical-22: rgba(255, 179, 0, 1);
562
+ --aquarium-chart-colors-secondary-categorical-21: rgba(88, 101, 205, 1);
563
+ --aquarium-chart-colors-secondary-categorical-20: rgba(14, 22, 82, 1);
564
+ --aquarium-chart-colors-secondary-categorical-19: rgba(254, 109, 0, 1);
565
+ --aquarium-chart-colors-secondary-categorical-18: rgba(0, 111, 0, 1);
566
+ --aquarium-chart-colors-secondary-categorical-17: rgba(167, 0, 69, 1);
567
+ --aquarium-chart-colors-secondary-categorical-16: rgba(2, 86, 154, 1);
568
+ --aquarium-chart-colors-secondary-categorical-15: rgba(170, 0, 0, 1);
569
+ --aquarium-chart-colors-secondary-categorical-14: rgba(225, 29, 22, 1);
570
+ --aquarium-chart-colors-secondary-categorical-13: rgba(197, 0, 1, 1);
571
+ --aquarium-chart-colors-secondary-categorical-12: rgba(1, 116, 186, 1);
572
+ --aquarium-chart-colors-secondary-categorical-11: rgba(235, 70, 16, 1);
573
+ --aquarium-chart-colors-secondary-categorical-10: rgba(0, 159, 0, 1);
574
+ --aquarium-chart-colors-secondary-categorical-9: rgba(228, 26, 74, 1);
575
+ --aquarium-chart-colors-secondary-categorical-8: rgba(255, 144, 3, 1);
576
+ --aquarium-chart-colors-secondary-categorical-7: rgba(34, 47, 149, 1);
577
+ --aquarium-chart-colors-secondary-categorical-6: rgba(231, 0, 0, 1);
578
+ --aquarium-chart-colors-secondary-categorical-5: rgba(3, 153, 227, 1);
579
+ --aquarium-chart-colors-secondary-categorical-4: rgba(243, 88, 13, 1);
580
+ --aquarium-chart-colors-secondary-categorical-3: rgba(0, 179, 0, 1);
581
+ --aquarium-chart-colors-secondary-categorical-2: rgba(255, 53, 84, 1);
582
+ --aquarium-chart-colors-secondary-categorical-1: rgba(253, 159, 0, 1);
583
+ --aquarium-chart-colors-secondary-categorical-0: rgba(53, 69, 190, 1);
584
+ --aquarium-chart-colors-primary-categorical-5: rgba(255, 193, 7, 1);
585
+ --aquarium-chart-colors-primary-categorical-4: rgba(0, 179, 0, 1);
586
+ --aquarium-chart-colors-primary-categorical-3: rgba(249, 106, 2, 1);
587
+ --aquarium-chart-colors-primary-categorical-2: rgba(40, 180, 244, 1);
588
+ --aquarium-chart-colors-primary-categorical-1: rgba(255, 53, 84, 1);
589
+ --aquarium-chart-colors-primary-categorical-0: rgba(88, 101, 205, 1);
590
+ --aquarium-chart-colors-default: rgba(180, 180, 187, 1);
542
591
  --aquarium-background-color-icon-button-hover: rgba(25,25,29,.05);
543
592
  --aquarium-border-width-default: 1px;
544
593
  --aquarium-border-width-8: 8px;
@@ -670,18 +719,19 @@ input[type='number'].no-arrows {
670
719
  text-anchor: middle;
671
720
  }
672
721
  .recharts-tooltip-wrapper{
673
- font: normal 400 16px/1.5 Inter;
722
+ font: normal 400 12px/1.26 Inter;
674
723
  color: rgba(74,75,87,1);
675
724
  color: var(--aquarium-text-color-default);
676
725
  outline: 2px solid transparent;
677
726
  outline-offset: 2px;
678
727
  }
679
728
  .recharts-tooltip-label{
680
- font: normal 500 16px/1.5 Inter;
729
+ font: normal 400 12px/1.26 Inter;
730
+ font-weight: 500;
681
731
  padding-bottom: 4px;
682
732
  }
683
733
  .recharts-tooltip-item{
684
- font: normal 400 16px/1.5 Inter;
734
+ font: normal 400 12px/1.26 Inter;
685
735
  align-items: center;
686
736
  }
687
737
  .recharts-tooltip-item::before{
@@ -692,8 +742,8 @@ input[type='number'].no-arrows {
692
742
  border-radius: 9999px;
693
743
  border-radius: var(--aquarium-border-radius-full);
694
744
  content: ' ';
695
- width: 14px;
696
- height: 14px;
745
+ width: 8px;
746
+ height: 8px;
697
747
  }
698
748
  .recharts-tooltip-item>span{
699
749
  color: rgba(74,75,87,1);
@@ -707,7 +757,8 @@ input[type='number'].no-arrows {
707
757
  display: none;
708
758
  }
709
759
  .recharts-tooltip-item-value{
710
- font: normal 500 16px/1.5 Inter;
760
+ font: normal 400 12px/1.26 Inter;
761
+ font-weight: 500;
711
762
  }
712
763
  .recharts-legend-item{
713
764
  margin-left: 32px;
package/dist/system.cjs CHANGED
@@ -6093,6 +6093,61 @@ var tokens_default = {
6093
6093
  intense: "rgba(197,0,1,1)"
6094
6094
  }
6095
6095
  },
6096
+ chartColors: {
6097
+ default: "rgba(180, 180, 187, 1)",
6098
+ primaryCategorical: {
6099
+ "0": "rgba(88, 101, 205, 1)",
6100
+ "1": "rgba(255, 53, 84, 1)",
6101
+ "2": "rgba(40, 180, 244, 1)",
6102
+ "3": "rgba(249, 106, 2, 1)",
6103
+ "4": "rgba(0, 179, 0, 1)",
6104
+ "5": "rgba(255, 193, 7, 1)"
6105
+ },
6106
+ secondaryCategorical: {
6107
+ "0": "rgba(53, 69, 190, 1)",
6108
+ "1": "rgba(253, 159, 0, 1)",
6109
+ "2": "rgba(255, 53, 84, 1)",
6110
+ "3": "rgba(0, 179, 0, 1)",
6111
+ "4": "rgba(243, 88, 13, 1)",
6112
+ "5": "rgba(3, 153, 227, 1)",
6113
+ "6": "rgba(231, 0, 0, 1)",
6114
+ "7": "rgba(34, 47, 149, 1)",
6115
+ "8": "rgba(255, 144, 3, 1)",
6116
+ "9": "rgba(228, 26, 74, 1)",
6117
+ "10": "rgba(0, 159, 0, 1)",
6118
+ "11": "rgba(235, 70, 16, 1)",
6119
+ "12": "rgba(1, 116, 186, 1)",
6120
+ "13": "rgba(197, 0, 1, 1)",
6121
+ "14": "rgba(225, 29, 22, 1)",
6122
+ "15": "rgba(170, 0, 0, 1)",
6123
+ "16": "rgba(2, 86, 154, 1)",
6124
+ "17": "rgba(167, 0, 69, 1)",
6125
+ "18": "rgba(0, 111, 0, 1)",
6126
+ "19": "rgba(254, 109, 0, 1)",
6127
+ "20": "rgba(14, 22, 82, 1)",
6128
+ "21": "rgba(88, 101, 205, 1)",
6129
+ "22": "rgba(255, 179, 0, 1)",
6130
+ "23": "rgba(255, 82, 117, 1)",
6131
+ "24": "rgba(0, 195, 0, 1)",
6132
+ "25": "rgba(249, 106, 2, 1)",
6133
+ "26": "rgba(40, 180, 244, 1)",
6134
+ "27": "rgba(230, 39, 40, 1)",
6135
+ "28": "rgba(129, 142, 236, 1)",
6136
+ "29": "rgba(255, 193, 7, 1)",
6137
+ "30": "rgba(255, 111, 148, 1)",
6138
+ "31": "rgba(96, 219, 87, 1)",
6139
+ "32": "rgba(252, 135, 26, 1)",
6140
+ "33": "rgba(127, 209, 247, 1)",
6141
+ "34": "rgba(224, 80, 79, 1)",
6142
+ "35": "rgba(185, 197, 239, 1)",
6143
+ "36": "rgba(253, 212, 77, 1)",
6144
+ "37": "rgba(255, 169, 201, 1)",
6145
+ "38": "rgba(137, 235, 128, 1)",
6146
+ "39": "rgba(250, 178, 110, 1)",
6147
+ "40": "rgba(180, 229, 251, 1)",
6148
+ "41": "rgba(255, 173, 179, 1)"
6149
+ }
6150
+ },
6096
6151
  colors: {
6097
6152
  white: "white",
6098
6153
  black: "black",
package/dist/system.mjs CHANGED
@@ -5930,6 +5930,61 @@ var tokens_default = {
5930
5930
  intense: "rgba(197,0,1,1)"
5931
5931
  }
5932
5932
  },
5933
+ chartColors: {
5934
+ default: "rgba(180, 180, 187, 1)",
5935
+ primaryCategorical: {
5936
+ "0": "rgba(88, 101, 205, 1)",
5937
+ "1": "rgba(255, 53, 84, 1)",
5938
+ "2": "rgba(40, 180, 244, 1)",
5939
+ "3": "rgba(249, 106, 2, 1)",
5940
+ "4": "rgba(0, 179, 0, 1)",
5941
+ "5": "rgba(255, 193, 7, 1)"
5942
+ },
5943
+ secondaryCategorical: {
5944
+ "0": "rgba(53, 69, 190, 1)",
5945
+ "1": "rgba(253, 159, 0, 1)",
5946
+ "2": "rgba(255, 53, 84, 1)",
5947
+ "3": "rgba(0, 179, 0, 1)",
5948
+ "4": "rgba(243, 88, 13, 1)",
5949
+ "5": "rgba(3, 153, 227, 1)",
5950
+ "6": "rgba(231, 0, 0, 1)",
5951
+ "7": "rgba(34, 47, 149, 1)",
5952
+ "8": "rgba(255, 144, 3, 1)",
5953
+ "9": "rgba(228, 26, 74, 1)",
5954
+ "10": "rgba(0, 159, 0, 1)",
5955
+ "11": "rgba(235, 70, 16, 1)",
5956
+ "12": "rgba(1, 116, 186, 1)",
5957
+ "13": "rgba(197, 0, 1, 1)",
5958
+ "14": "rgba(225, 29, 22, 1)",
5959
+ "15": "rgba(170, 0, 0, 1)",
5960
+ "16": "rgba(2, 86, 154, 1)",
5961
+ "17": "rgba(167, 0, 69, 1)",
5962
+ "18": "rgba(0, 111, 0, 1)",
5963
+ "19": "rgba(254, 109, 0, 1)",
5964
+ "20": "rgba(14, 22, 82, 1)",
5965
+ "21": "rgba(88, 101, 205, 1)",
5966
+ "22": "rgba(255, 179, 0, 1)",
5967
+ "23": "rgba(255, 82, 117, 1)",
5968
+ "24": "rgba(0, 195, 0, 1)",
5969
+ "25": "rgba(249, 106, 2, 1)",
5970
+ "26": "rgba(40, 180, 244, 1)",
5971
+ "27": "rgba(230, 39, 40, 1)",
5972
+ "28": "rgba(129, 142, 236, 1)",
5973
+ "29": "rgba(255, 193, 7, 1)",
5974
+ "30": "rgba(255, 111, 148, 1)",
5975
+ "31": "rgba(96, 219, 87, 1)",
5976
+ "32": "rgba(252, 135, 26, 1)",
5977
+ "33": "rgba(127, 209, 247, 1)",
5978
+ "34": "rgba(224, 80, 79, 1)",
5979
+ "35": "rgba(185, 197, 239, 1)",
5980
+ "36": "rgba(253, 212, 77, 1)",
5981
+ "37": "rgba(255, 169, 201, 1)",
5982
+ "38": "rgba(137, 235, 128, 1)",
5983
+ "39": "rgba(250, 178, 110, 1)",
5984
+ "40": "rgba(180, 229, 251, 1)",
5985
+ "41": "rgba(255, 173, 179, 1)"
5986
+ }
5987
+ },
5933
5988
  colors: {
5934
5989
  white: "white",
5935
5990
  black: "black",
package/dist/tokens.json CHANGED
@@ -93,6 +93,61 @@
93
93
  "intense": "rgba(197,0,1,1)"
94
94
  }
95
95
  },
96
+ "chartColors": {
97
+ "default": "rgba(180, 180, 187, 1)",
98
+ "primaryCategorical": {
99
+ "0": "rgba(88, 101, 205, 1)",
100
+ "1": "rgba(255, 53, 84, 1)",
101
+ "2": "rgba(40, 180, 244, 1)",
102
+ "3": "rgba(249, 106, 2, 1)",
103
+ "4": "rgba(0, 179, 0, 1)",
104
+ "5": "rgba(255, 193, 7, 1)"
105
+ },
106
+ "secondaryCategorical": {
107
+ "0": "rgba(53, 69, 190, 1)",
108
+ "1": "rgba(253, 159, 0, 1)",
109
+ "2": "rgba(255, 53, 84, 1)",
110
+ "3": "rgba(0, 179, 0, 1)",
111
+ "4": "rgba(243, 88, 13, 1)",
112
+ "5": "rgba(3, 153, 227, 1)",
113
+ "6": "rgba(231, 0, 0, 1)",
114
+ "7": "rgba(34, 47, 149, 1)",
115
+ "8": "rgba(255, 144, 3, 1)",
116
+ "9": "rgba(228, 26, 74, 1)",
117
+ "10": "rgba(0, 159, 0, 1)",
118
+ "11": "rgba(235, 70, 16, 1)",
119
+ "12": "rgba(1, 116, 186, 1)",
120
+ "13": "rgba(197, 0, 1, 1)",
121
+ "14": "rgba(225, 29, 22, 1)",
122
+ "15": "rgba(170, 0, 0, 1)",
123
+ "16": "rgba(2, 86, 154, 1)",
124
+ "17": "rgba(167, 0, 69, 1)",
125
+ "18": "rgba(0, 111, 0, 1)",
126
+ "19": "rgba(254, 109, 0, 1)",
127
+ "20": "rgba(14, 22, 82, 1)",
128
+ "21": "rgba(88, 101, 205, 1)",
129
+ "22": "rgba(255, 179, 0, 1)",
130
+ "23": "rgba(255, 82, 117, 1)",
131
+ "24": "rgba(0, 195, 0, 1)",
132
+ "25": "rgba(249, 106, 2, 1)",
133
+ "26": "rgba(40, 180, 244, 1)",
134
+ "27": "rgba(230, 39, 40, 1)",
135
+ "28": "rgba(129, 142, 236, 1)",
136
+ "29": "rgba(255, 193, 7, 1)",
137
+ "30": "rgba(255, 111, 148, 1)",
138
+ "31": "rgba(96, 219, 87, 1)",
139
+ "32": "rgba(252, 135, 26, 1)",
140
+ "33": "rgba(127, 209, 247, 1)",
141
+ "34": "rgba(224, 80, 79, 1)",
142
+ "35": "rgba(185, 197, 239, 1)",
143
+ "36": "rgba(253, 212, 77, 1)",
144
+ "37": "rgba(255, 169, 201, 1)",
145
+ "38": "rgba(137, 235, 128, 1)",
146
+ "39": "rgba(250, 178, 110, 1)",
147
+ "40": "rgba(180, 229, 251, 1)",
148
+ "41": "rgba(255, 173, 179, 1)"
149
+ }
150
+ },
96
151
  "colors": {
97
152
  "white": "white",
98
153
  "black": "black",