@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.
- package/dist/_variables.scss +49 -0
- package/dist/atoms.cjs +55 -0
- package/dist/atoms.mjs +55 -0
- package/dist/charts.cjs +1165 -324
- package/dist/charts.mjs +1166 -327
- package/dist/src/charts/AreaChart/AreaChart.d.ts +2 -1
- package/dist/src/charts/AreaChart/AreaChart.js +14 -30
- package/dist/src/charts/BarChart/BarChart.d.ts +2 -1
- package/dist/src/charts/BarChart/BarChart.js +17 -21
- package/dist/src/charts/DefaultPalette/DefaultPalette.d.ts +15 -0
- package/dist/src/charts/DefaultPalette/DefaultPalette.js +23 -0
- package/dist/src/charts/Legend/Legend.d.ts +4 -1
- package/dist/src/charts/Legend/Legend.js +25 -3
- package/dist/src/charts/LineChart/LineChart.d.ts +2 -1
- package/dist/src/charts/LineChart/LineChart.js +17 -32
- package/dist/src/charts/PieChart/DoughnutChart.d.ts +2 -1
- package/dist/src/charts/PieChart/DoughnutChart.js +16 -4
- package/dist/src/charts/PieChart/PieChart.d.ts +3 -2
- package/dist/src/charts/PieChart/PieChart.js +17 -2
- package/dist/src/charts/PieChart/renderPieChildren.d.ts +5 -1
- package/dist/src/charts/PieChart/renderPieChildren.js +7 -4
- package/dist/src/charts/{PieChart → Tooltip}/TooltipContentWrapper.d.ts +2 -1
- package/dist/src/charts/Tooltip/TooltipContentWrapper.js +37 -0
- package/dist/src/charts/hooks/index.d.ts +1 -0
- package/dist/src/charts/hooks/index.js +2 -0
- package/dist/src/charts/hooks/useDefaultColor.d.ts +1 -0
- package/dist/src/charts/hooks/useDefaultColor.js +7 -0
- package/dist/src/charts/hooks/useDefaultColor.spec.d.ts +1 -0
- package/dist/src/charts/hooks/useDefaultColor.spec.js +28 -0
- package/dist/src/charts/index.d.ts +2 -0
- package/dist/src/charts/index.js +3 -1
- package/dist/src/charts/lib/utils.d.ts +5 -1
- package/dist/src/charts/lib/utils.js +27 -1
- package/dist/src/tokens/tokens.json +55 -0
- package/dist/styles.css +57 -6
- package/dist/system.cjs +55 -0
- package/dist/system.mjs +55 -0
- package/dist/tokens.json +55 -0
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
- 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';
|
package/dist/src/charts/index.js
CHANGED
@@ -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,
|
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,
|
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
|
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
|
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
|
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:
|
696
|
-
height:
|
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
|
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",
|