@ledgerhq/lumen-ui-react-visualization 0.1.15 → 0.1.17
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/lib/Components/Axis/Axis.constants.d.ts +9 -0
- package/dist/lib/Components/Axis/Axis.constants.d.ts.map +1 -0
- package/dist/lib/Components/Axis/Axis.constants.js +24 -0
- package/dist/lib/Components/Axis/Axis.types.d.ts +37 -0
- package/dist/lib/Components/Axis/Axis.types.d.ts.map +1 -1
- package/dist/lib/Components/Axis/XAxis/XAxis.d.ts +0 -1
- package/dist/lib/Components/Axis/XAxis/XAxis.d.ts.map +1 -1
- package/dist/lib/Components/Axis/XAxis/XAxis.js +21 -22
- package/dist/lib/Components/Axis/XAxis/index.d.ts +1 -1
- package/dist/lib/Components/Axis/XAxis/index.d.ts.map +1 -1
- package/dist/lib/Components/Axis/YAxis/YAxis.d.ts +0 -1
- package/dist/lib/Components/Axis/YAxis/YAxis.d.ts.map +1 -1
- package/dist/lib/Components/Axis/YAxis/YAxis.js +16 -17
- package/dist/lib/Components/Axis/YAxis/index.d.ts +1 -1
- package/dist/lib/Components/Axis/YAxis/index.d.ts.map +1 -1
- package/dist/lib/Components/Axis/index.d.ts +3 -0
- package/dist/lib/Components/Axis/index.d.ts.map +1 -0
- package/dist/lib/Components/CartesianChart/CartesianChart.d.ts +1 -1
- package/dist/lib/Components/CartesianChart/CartesianChart.d.ts.map +1 -1
- package/dist/lib/Components/CartesianChart/CartesianChart.js +62 -58
- package/dist/lib/Components/CartesianChart/context/useBuildChartContext.d.ts +7 -4
- package/dist/lib/Components/CartesianChart/context/useBuildChartContext.d.ts.map +1 -1
- package/dist/lib/Components/CartesianChart/context/useBuildChartContext.js +31 -31
- package/dist/lib/Components/CartesianChart/types.d.ts +11 -3
- package/dist/lib/Components/CartesianChart/types.d.ts.map +1 -1
- package/dist/lib/Components/CartesianChart/utils.d.ts +19 -8
- package/dist/lib/Components/CartesianChart/utils.d.ts.map +1 -1
- package/dist/lib/Components/CartesianChart/utils.js +14 -15
- package/dist/lib/Components/Line/utils.d.ts +4 -0
- package/dist/lib/Components/Line/utils.d.ts.map +1 -1
- package/dist/lib/Components/Line/utils.js +15 -15
- package/dist/lib/Components/LineChart/LineChart.d.ts +1 -1
- package/dist/lib/Components/LineChart/LineChart.d.ts.map +1 -1
- package/dist/lib/Components/LineChart/LineChart.js +64 -74
- package/dist/lib/Components/LineChart/__stories__/chartStoryFixtures.d.ts +46 -0
- package/dist/lib/Components/LineChart/__stories__/chartStoryFixtures.d.ts.map +1 -0
- package/dist/lib/Components/LineChart/__stories__/cryptoChartData.d.ts +85 -0
- package/dist/lib/Components/LineChart/__stories__/cryptoChartData.d.ts.map +1 -0
- package/dist/lib/Components/LineChart/types.d.ts +10 -3
- package/dist/lib/Components/LineChart/types.d.ts.map +1 -1
- package/dist/lib/Components/Point/Point.d.ts +1 -1
- package/dist/lib/Components/Point/Point.d.ts.map +1 -1
- package/dist/lib/Components/Point/Point.js +35 -30
- package/dist/lib/Components/Point/constants.d.ts +7 -0
- package/dist/lib/Components/Point/constants.d.ts.map +1 -0
- package/dist/lib/Components/Point/constants.js +9 -0
- package/dist/lib/Components/Point/pointContext/MagneticPointsProvider.d.ts +7 -0
- package/dist/lib/Components/Point/pointContext/MagneticPointsProvider.d.ts.map +1 -0
- package/dist/lib/Components/Point/pointContext/MagneticPointsProvider.js +19 -0
- package/dist/lib/Components/Point/pointContext/index.d.ts +3 -0
- package/dist/lib/Components/Point/pointContext/index.d.ts.map +1 -0
- package/dist/lib/Components/Point/pointContext/magneticPointsContext.d.ts +13 -0
- package/dist/lib/Components/Point/pointContext/magneticPointsContext.d.ts.map +1 -0
- package/dist/lib/Components/Point/pointContext/magneticPointsContext.js +9 -0
- package/dist/lib/Components/Point/types.d.ts +7 -0
- package/dist/lib/Components/Point/types.d.ts.map +1 -1
- package/dist/lib/Components/Point/utils.d.ts +8 -6
- package/dist/lib/Components/Point/utils.d.ts.map +1 -1
- package/dist/lib/Components/Point/utils.js +32 -20
- package/dist/lib/Components/ReferenceLine/constants.d.ts +1 -1
- package/dist/lib/Components/ReferenceLine/constants.d.ts.map +1 -1
- package/dist/lib/Components/ReferenceLine/utils.d.ts +3 -2
- package/dist/lib/Components/ReferenceLine/utils.d.ts.map +1 -1
- package/dist/lib/Components/Scrubber/DefaultScrubberTooltip/ChartTooltipItem.js +14 -14
- package/dist/lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.d.ts.map +1 -1
- package/dist/lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.js +38 -38
- package/dist/lib/Components/Scrubber/DefaultScrubberTooltip/constants.d.ts +1 -2
- package/dist/lib/Components/Scrubber/DefaultScrubberTooltip/constants.d.ts.map +1 -1
- package/dist/lib/Components/Scrubber/DefaultScrubberTooltip/constants.js +8 -9
- package/dist/lib/Components/Scrubber/ScrubberProvider.d.ts +1 -1
- package/dist/lib/Components/Scrubber/ScrubberProvider.d.ts.map +1 -1
- package/dist/lib/Components/Scrubber/ScrubberProvider.js +97 -72
- package/dist/lib/Components/Scrubber/types.d.ts +6 -0
- package/dist/lib/Components/Scrubber/types.d.ts.map +1 -1
- package/dist/lib/Components/Scrubber/utils.d.ts +33 -3
- package/dist/lib/Components/Scrubber/utils.d.ts.map +1 -1
- package/dist/lib/Components/Scrubber/utils.js +71 -37
- package/dist/lib/utils/domain/domain.d.ts +5 -4
- package/dist/lib/utils/domain/domain.d.ts.map +1 -1
- package/dist/lib/utils/index.d.ts +1 -1
- package/dist/lib/utils/index.d.ts.map +1 -1
- package/dist/lib/utils/scales/scales.d.ts +11 -5
- package/dist/lib/utils/scales/scales.d.ts.map +1 -1
- package/dist/lib/utils/scales/scales.js +19 -15
- package/dist/lib/utils/ticks/ticks.d.ts +13 -5
- package/dist/lib/utils/ticks/ticks.d.ts.map +1 -1
- package/dist/lib/utils/ticks/ticks.js +20 -20
- package/dist/lib/utils/types.d.ts +3 -28
- package/dist/lib/utils/types.d.ts.map +1 -1
- package/dist/package.json +4 -4
- package/package.json +4 -4
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const DEFAULT_SIZE = 10;
|
|
2
|
+
export declare const STROKE_WIDTH = 2;
|
|
3
|
+
export declare const ARROW_WIDTH = 6;
|
|
4
|
+
export declare const ARROW_HEIGHT = 4;
|
|
5
|
+
export declare const GAP = 4;
|
|
6
|
+
export declare const LABEL_FONT_SIZE = 10;
|
|
7
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Point/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,GAAG,IAAI,CAAC;AACrB,eAAO,MAAM,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
type MagneticPointsProviderProps = {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
};
|
|
5
|
+
export declare function MagneticPointsProvider({ children, }: Readonly<MagneticPointsProviderProps>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=MagneticPointsProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MagneticPointsProvider.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Point/pointContext/MagneticPointsProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,KAAK,2BAA2B,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,GACT,EAAE,QAAQ,CAAC,2BAA2B,CAAC,2CA8BvC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as g, useState as p, useCallback as n, useMemo as P } from "react";
|
|
3
|
+
import { MagneticPointsContextProvider as l } from "./magneticPointsContext.js";
|
|
4
|
+
function C({
|
|
5
|
+
children: f
|
|
6
|
+
}) {
|
|
7
|
+
const e = g(/* @__PURE__ */ new Set()), [o, s] = p(0), i = n((r) => {
|
|
8
|
+
e.current.has(r) || (e.current.add(r), s((t) => t + 1));
|
|
9
|
+
}, []), c = n((r) => {
|
|
10
|
+
e.current.has(r) && (e.current.delete(r), s((t) => t + 1));
|
|
11
|
+
}, []), u = n(() => e.current, []), m = P(
|
|
12
|
+
() => ({ register: i, unregister: c, getMagneticPoints: u, version: o }),
|
|
13
|
+
[i, c, u, o]
|
|
14
|
+
);
|
|
15
|
+
return /* @__PURE__ */ a(l, { value: m, children: f });
|
|
16
|
+
}
|
|
17
|
+
export {
|
|
18
|
+
C as MagneticPointsProvider
|
|
19
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Point/pointContext/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,KAAK,0BAA0B,GAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type MagneticPointsContextValue = {
|
|
2
|
+
register: (dataIndex: number) => void;
|
|
3
|
+
unregister: (dataIndex: number) => void;
|
|
4
|
+
version: number;
|
|
5
|
+
getMagneticPoints: () => ReadonlySet<number>;
|
|
6
|
+
};
|
|
7
|
+
declare const MagneticPointsContextProvider: import('react').FC<{
|
|
8
|
+
children: import('react').ReactNode;
|
|
9
|
+
value: MagneticPointsContextValue;
|
|
10
|
+
}>;
|
|
11
|
+
export declare const useMagneticPointsContext: () => MagneticPointsContextValue;
|
|
12
|
+
export { MagneticPointsContextProvider };
|
|
13
|
+
//# sourceMappingURL=magneticPointsContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"magneticPointsContext.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Point/pointContext/magneticPointsContext.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,WAAW,CAAC,MAAM,CAAC,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAO,6BAA6B;;;EAC6B,CAAC;AAElE,eAAO,MAAM,wBAAwB,QAAO,0BAIxC,CAAC;AAEL,OAAO,EAAE,6BAA6B,EAAE,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { createSafeContext as t } from "../../../../libs/utils-shared/dist/index.js";
|
|
2
|
+
const [o, e] = t("MagneticPoints"), i = () => e({
|
|
3
|
+
consumerName: "useMagneticPointsContext",
|
|
4
|
+
contextRequired: !0
|
|
5
|
+
});
|
|
6
|
+
export {
|
|
7
|
+
o as MagneticPointsContextProvider,
|
|
8
|
+
i as useMagneticPointsContext
|
|
9
|
+
};
|
|
@@ -67,5 +67,12 @@ export type PointProps = {
|
|
|
67
67
|
* Called when the point is clicked.
|
|
68
68
|
*/
|
|
69
69
|
onClick?: (event: MouseEvent<SVGGElement>) => void;
|
|
70
|
+
/**
|
|
71
|
+
* When `true`, the scrubber magnetically snaps to this point within the
|
|
72
|
+
* chart's `magnetRadius`. Requires `enableScrubbing` to be set on the
|
|
73
|
+
* parent chart.
|
|
74
|
+
* @default false
|
|
75
|
+
*/
|
|
76
|
+
magnetic?: boolean;
|
|
70
77
|
};
|
|
71
78
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Point/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACjD;;;;;OAKG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Point/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACjD;;;;;OAKG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import { DrawingArea } from '../../utils/types';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export declare const ARROW_WIDTH = 6;
|
|
5
|
-
export declare const ARROW_HEIGHT = 4;
|
|
6
|
-
export declare const GAP = 4;
|
|
7
|
-
export declare const LABEL_FONT_SIZE = 10;
|
|
2
|
+
import { BaseAxisProps } from '../Axis';
|
|
3
|
+
import { MagneticPointsContextValue } from './pointContext/magneticPointsContext';
|
|
8
4
|
export declare const isWithinBounds: (px: number, py: number, area: DrawingArea) => boolean;
|
|
9
5
|
/**
|
|
10
6
|
* Builds the three SVG points of the arrow triangle.
|
|
@@ -17,6 +13,12 @@ export declare const buildArrowPoints: (cx: number, cy: number, radius: number,
|
|
|
17
13
|
* Resolves the label prop to a string or undefined.
|
|
18
14
|
*/
|
|
19
15
|
export declare const resolveLabel: (label: string | ((dataIndex: number) => string) | undefined, dataX: number) => string | undefined;
|
|
16
|
+
export declare const resolveDataXToIndex: (dataX: number, axisConfig: BaseAxisProps | undefined) => number | undefined;
|
|
17
|
+
/**
|
|
18
|
+
* Registers/unregisters a data index as a magnetic snap target
|
|
19
|
+
* when the Point has `magnetic` enabled.
|
|
20
|
+
*/
|
|
21
|
+
export declare const useMagneticRegistration: (magnetic: boolean, dataX: number, getXAxisConfig: () => BaseAxisProps | undefined, { register, unregister }: MagneticPointsContextValue) => void;
|
|
20
22
|
/**
|
|
21
23
|
* Computes the vertical position of the label text baseline.
|
|
22
24
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Point/utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Point/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAEvF,eAAO,MAAM,cAAc,GACzB,IAAI,MAAM,EACV,IAAI,MAAM,EACV,MAAM,WAAW,KAChB,OAIyB,CAAC;AAE7B;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAC3B,IAAI,MAAM,EACV,IAAI,MAAM,EACV,QAAQ,MAAM,EACd,UAAU,KAAK,GAAG,QAAQ,KACzB,MAYF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GACvB,OAAO,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,EAC3D,OAAO,MAAM,KACZ,MAAM,GAAG,SAGX,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,MAAM,EACb,YAAY,aAAa,GAAG,SAAS,KACpC,MAAM,GAAG,SAMX,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAClC,UAAU,OAAO,EACjB,OAAO,MAAM,EACb,gBAAgB,MAAM,aAAa,GAAG,SAAS,EAC/C,0BAA0B,0BAA0B,KACnD,IAQF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,MAAM,EACd,QAAQ,MAAM,EACd,eAAe,KAAK,GAAG,QAAQ,EAC/B,aAAa,OAAO,KACnB,MAMF,CAAC"}
|
|
@@ -1,26 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { useEffect as d } from "react";
|
|
2
|
+
import { GAP as i, LABEL_FONT_SIZE as p, ARROW_HEIGHT as f, ARROW_WIDTH as v } from "./constants.js";
|
|
3
|
+
const R = (t, n, o) => t >= o.x && t <= o.x + o.width && n >= o.y && n <= o.y + o.height, W = (t, n, o, r) => {
|
|
4
|
+
const s = v / 2;
|
|
5
|
+
if (r === "top") {
|
|
6
|
+
const c = n - o - i, $ = c - f;
|
|
7
|
+
return `${t},${c} ${t - s},${$} ${t + s},${$}`;
|
|
5
8
|
}
|
|
6
|
-
const
|
|
7
|
-
return `${t},${
|
|
8
|
-
},
|
|
9
|
+
const e = n + o + i, u = e + f;
|
|
10
|
+
return `${t},${e} ${t - s},${u} ${t + s},${u}`;
|
|
11
|
+
}, b = (t, n) => {
|
|
9
12
|
const o = typeof t == "function" ? t(n) : t;
|
|
10
13
|
return o === "" ? void 0 : o;
|
|
11
|
-
}, h = (t, n
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
+
}, h = (t, n) => {
|
|
15
|
+
const o = n?.data;
|
|
16
|
+
if (!o || typeof o[0] != "number") return t;
|
|
17
|
+
const r = o.indexOf(t);
|
|
18
|
+
if (r !== -1)
|
|
19
|
+
return r;
|
|
20
|
+
}, A = (t, n, o, { register: r, unregister: s }) => {
|
|
21
|
+
d(() => {
|
|
22
|
+
if (!t) return;
|
|
23
|
+
const e = h(n, o());
|
|
24
|
+
if (e !== void 0)
|
|
25
|
+
return r(e), () => s(e);
|
|
26
|
+
}, [t, n, o, r, s]);
|
|
27
|
+
}, E = (t, n, o, r) => {
|
|
28
|
+
const s = r ? f + i : i;
|
|
29
|
+
return o === "top" ? t - n - s - i : t + n + s + i + p;
|
|
14
30
|
};
|
|
15
31
|
export {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
O as buildArrowPoints,
|
|
23
|
-
h as computeLabelY,
|
|
24
|
-
I as isWithinBounds,
|
|
25
|
-
e as resolveLabel
|
|
32
|
+
W as buildArrowPoints,
|
|
33
|
+
E as computeLabelY,
|
|
34
|
+
R as isWithinBounds,
|
|
35
|
+
h as resolveDataXToIndex,
|
|
36
|
+
b as resolveLabel,
|
|
37
|
+
A as useMagneticRegistration
|
|
26
38
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const STROKE_WIDTH = 2;
|
|
2
2
|
export declare const DASH_ARRAY = "0.1 6";
|
|
3
|
-
export declare const DEFAULT_STROKE: "var(--font-style-responsive-display-1-size)" | "var(--font-style-responsive-display-1-weight)" | "var(--font-style-responsive-display-1-line-height)" | "var(--font-style-responsive-display-1-letter-spacing)" | "var(--font-style-responsive-display-2-size)" | "var(--font-style-responsive-display-2-weight)" | "var(--font-style-responsive-display-2-line-height)" | "var(--font-style-responsive-display-2-letter-spacing)" | "var(--font-style-responsive-display-3-size)" | "var(--font-style-responsive-display-3-weight)" | "var(--font-style-responsive-display-3-line-height)" | "var(--font-style-responsive-display-3-letter-spacing)" | "var(--font-style-responsive-display-4-size)" | "var(--font-style-responsive-display-4-weight)" | "var(--font-style-responsive-display-4-line-height)" | "var(--font-style-responsive-display-4-letter-spacing)" | "var(--font-style-heading-0-size)" | "var(--font-style-heading-0-weight-semi-bold)" | "var(--font-style-heading-0-weight-medium)" | "var(--font-style-heading-0-line-height)" | "var(--font-style-heading-0-letter-spacing)" | "var(--font-style-heading-1-size)" | "var(--font-style-heading-1-weight-semi-bold)" | "var(--font-style-heading-1-weight-medium)" | "var(--font-style-heading-1-line-height)" | "var(--font-style-heading-1-letter-spacing)" | "var(--font-style-heading-2-size)" | "var(--font-style-heading-2-weight-semi-bold)" | "var(--font-style-heading-2-weight-medium)" | "var(--font-style-heading-2-line-height)" | "var(--font-style-heading-2-letter-spacing)" | "var(--font-style-heading-3-size)" | "var(--font-style-heading-3-size-2)" | "var(--font-style-heading-3-weight-semi-bold)" | "var(--font-style-heading-3-weight-medium)" | "var(--font-style-heading-3-line-height)" | "var(--font-style-heading-3-letter-spacing)" | "var(--font-style-heading-4-size)" | "var(--font-style-heading-4-weight-semi-bold)" | "var(--font-style-heading-4-weight-medium)" | "var(--font-style-heading-4-line-height)" | "var(--font-style-heading-4-letter-spacing)" | "var(--font-style-heading-5-size)" | "var(--font-style-heading-5-weight-semi-bold)" | "var(--font-style-heading-5-weight-medium)" | "var(--font-style-heading-5-line-height)" | "var(--font-style-heading-5-letter-spacing)" | "var(--font-style-body-1-size)" | "var(--font-style-body-1-weight-semi-bold)" | "var(--font-style-body-1-weight-medium)" | "var(--font-style-body-1-line-height)" | "var(--font-style-body-1-letter-spacing)" | "var(--font-style-body-2-size)" | "var(--font-style-body-2-weight-semi-bold)" | "var(--font-style-body-2-weight-medium)" | "var(--font-style-body-2-line-height)" | "var(--font-style-body-2-letter-spacing)" | "var(--font-style-body-3-size)" | "var(--font-style-body-3-weight-semi-bold)" | "var(--font-style-body-3-weight-medium)" | "var(--font-style-body-3-line-height)" | "var(--font-style-body-3-letter-spacing)" | "var(--font-style-body-4-size)" | "var(--font-style-body-4-weight-semi-bold)" | "var(--font-style-body-4-weight-medium)" | "var(--font-style-body-4-line-height)" | "var(--font-style-body-4-letter-spacing)" | "var(--spacing-0)" | "var(--spacing-1)" | "var(--spacing-2)" | "var(--spacing-4)" | "var(--spacing-6)" | "var(--spacing-8)" | "var(--spacing-10)" | "var(--spacing-12)" | "var(--spacing-14)" | "var(--spacing-16)" | "var(--spacing-20)" | "var(--spacing-24)" | "var(--spacing-32)" | "var(--spacing-40)" | "var(--spacing-48)" | "var(--spacing-56)" | "var(--spacing-64)" | "var(--spacing-80)" | "var(--spacing-96)" | "var(--spacing-112)" | "var(--spacing-128)" | "var(--spacing-144)" | "var(--spacing-160)" | "var(--spacing-256)" | "var(--icon-width-12)" | "var(--icon-width-16)" | "var(--icon-width-20)" | "var(--icon-width-24)" | "var(--icon-width-32)" | "var(--icon-width-40)" | "var(--icon-width-48)" | "var(--icon-width-56)" | "var(--icon-width-64)" | "var(--icon-height-12)" | "var(--icon-height-16)" | "var(--icon-height-20)" | "var(--icon-height-24)" | "var(--icon-height-32)" | "var(--icon-height-40)" | "var(--icon-height-48)" | "var(--icon-height-56)" | "var(--icon-height-64)" | "var(--spot-width-32)" | "var(--spot-width-40)" | "var(--spot-width-48)" | "var(--spot-width-56)" | "var(--spot-width-72)" | "var(--spot-height-32)" | "var(--spot-height-40)" | "var(--spot-height-48)" | "var(--spot-height-56)" | "var(--spot-height-72)" | "var(--icon-border-width-12)" | "var(--icon-border-width-16)" | "var(--icon-border-width-20)" | "var(--icon-border-width-24)" | "var(--icon-border-width-32)" | "var(--icon-border-width-40)" | "var(--icon-border-width-48)" | "var(--icon-border-width-56)" | "var(--icon-border-width-64)" | "var(--spinner-border-width-12)" | "var(--spinner-border-width-16)" | "var(--spinner-border-width-20)" | "var(--spinner-border-width-24)" | "var(--spinner-border-width-32)" | "var(--spinner-border-width-40)" | "var(--spinner-border-width-48)" | "var(--spinner-border-width-56)" | "var(--spinner-border-width-64)" | "var(--size-0)" | "var(--size-1)" | "var(--size-2)" | "var(--size-4)" | "var(--size-6)" | "var(--size-8)" | "var(--size-10)" | "var(--size-12)" | "var(--size-14)" | "var(--size-16)" | "var(--size-20)" | "var(--size-24)" | "var(--size-28)" | "var(--size-32)" | "var(--size-36)" | "var(--size-40)" | "var(--size-44)" | "var(--size-48)" | "var(--size-56)" | "var(--size-64)" | "var(--size-72)" | "var(--size-80)" | "var(--size-96)" | "var(--size-112)" | "var(--size-128)" | "var(--size-144)" | "var(--size-176)" | "var(--size-192)" | "var(--size-208)" | "var(--size-224)" | "var(--size-256)" | "var(--size-288)" | "var(--size-320)" | "var(--size-400)" | "var(--size-480)" | "var(--size-560)" | "var(--border-radius-none)" | "var(--border-radius-xxs)" | "var(--border-radius-xs)" | "var(--border-radius-sm)" | "var(--border-radius-md)" | "var(--border-radius-lg)" | "var(--border-radius-xl)" | "var(--border-radius-2xl)" | "var(--border-radius-full)" | "var(--font-family-font)" | "var(--stroke-1)" | "var(--stroke-2)" | "var(--stroke-4)" | "var(--stroke-05)" | "var(--font-weight-bold)" | "var(--font-weight-semi-bold)" | "var(--font-weight-medium)" | "var(--font-size-6)" | "var(--font-size-8)" | "var(--font-size-10)" | "var(--font-size-12)" | "var(--font-size-14)" | "var(--font-size-16)" | "var(--font-size-18)" | "var(--font-size-20)" | "var(--font-size-22)" | "var(--font-size-24)" | "var(--font-size-28)" | "var(--font-size-32)" | "var(--font-size-36)" | "var(--font-size-40)" | "var(--font-size-48)" | "var(--font-size-52)" | "var(--font-size-64)" | "var(--font-size-80)" | "var(--font-size-112)" | "var(--font-line-height-10)" | "var(--font-line-height-12)" | "var(--font-line-height-14)" | "var(--font-line-height-16)" | "var(--font-line-height-18)" | "var(--font-line-height-20)" | "var(--font-line-height-22)" | "var(--font-line-height-24)" | "var(--font-line-height-28)" | "var(--font-line-height-32)" | "var(--font-line-height-36)" | "var(--font-line-height-40)" | "var(--font-line-height-48)" | "var(--font-line-height-52)" | "var(--font-line-height-64)" | "var(--font-line-height-80)" | "var(--font-line-height-112)" | "var(--font-letter-spacing-10)" | "var(--font-letter-spacing-12)" | "var(--font-letter-spacing-14)" | "var(--font-letter-spacing-16)" | "var(--font-letter-spacing-18)" | "var(--font-letter-spacing-20)" | "var(--font-letter-spacing-22)" | "var(--font-letter-spacing-24)" | "var(--font-letter-spacing-28)" | "var(--font-letter-spacing-32)" | "var(--font-letter-spacing-36)" | "var(--font-letter-spacing-40)" | "var(--font-letter-spacing-48)" | "var(--font-letter-spacing-52)" | "var(--font-letter-spacing-64)" | "var(--font-letter-spacing-80)" | "var(--font-letter-spacing-112)" | "var(--backdrop-blur-sm)" | "var(--backdrop-blur-md)" | "var(--backdrop-blur-lg)" | "var(--backdrop-blur-xl)" | "var(--color-background-canvas)" | "var(--color-background-canvas-muted)" | "var(--color-background-canvas-sheet)" | "var(--color-background-canvas-sheet-transparent)" | "var(--color-background-canvas-overlay)" | "var(--color-background-canvas-overlay-subtle)" | "var(--color-background-canvas-overlay-chart)" | "var(--color-background-white)" | "var(--color-background-grey)" | "var(--color-background-black)" | "var(--color-background-surface)" | "var(--color-background-surface-hover)" | "var(--color-background-surface-pressed)" | "var(--color-background-surface-disabled)" | "var(--color-background-surface-transparent)" | "var(--color-background-surface-transparent-hover)" | "var(--color-background-surface-transparent-pressed)" | "var(--color-background-surface-transparent-disabled)" | "var(--color-background-base)" | "var(--color-background-base-hover)" | "var(--color-background-base-pressed)" | "var(--color-background-base-transparent)" | "var(--color-background-base-transparent-hover)" | "var(--color-background-base-transparent-pressed)" | "var(--color-background-disabled)" | "var(--color-background-disabled-strong)" | "var(--color-background-muted)" | "var(--color-background-muted-hover)" | "var(--color-background-muted-pressed)" | "var(--color-background-muted-transparent)" | "var(--color-background-muted-transparent-hover)" | "var(--color-background-muted-transparent-pressed)" | "var(--color-background-muted-transparent-disabled)" | "var(--color-background-muted-transparent-0)" | "var(--color-background-muted-strong)" | "var(--color-background-muted-strong-hover)" | "var(--color-background-muted-strong-pressed)" | "var(--color-background-accent-ledger-live)" | "var(--color-background-accent-ledger-live-hover)" | "var(--color-background-accent-ledger-live-pressed)" | "var(--color-background-accent-enterprise)" | "var(--color-background-accent-enterprise-hover)" | "var(--color-background-accent-enterprise-pressed)" | "var(--color-background-accent-websites)" | "var(--color-background-accent-websites-hover)" | "var(--color-background-accent-websites-pressed)" | "var(--color-background-interactive)" | "var(--color-background-interactive-hover)" | "var(--color-background-interactive-pressed)" | "var(--color-background-active-ledger-live)" | "var(--color-background-active-ledger-live-hover)" | "var(--color-background-active-ledger-live-pressed)" | "var(--color-background-active-enterprise)" | "var(--color-background-active-enterprise-hover)" | "var(--color-background-active-enterprise-pressed)" | "var(--color-background-active-websites)" | "var(--color-background-active-websites-hover)" | "var(--color-background-active-websites-pressed)" | "var(--color-background-active-subtle-ledger-live)" | "var(--color-background-active-subtle-ledger-live-hover)" | "var(--color-background-active-subtle-ledger-live-pressed)" | "var(--color-background-active-subtle-enterprise)" | "var(--color-background-active-subtle-enterprise-hover)" | "var(--color-background-active-subtle-enterprise-pressed)" | "var(--color-background-active-subtle-website)" | "var(--color-background-active-subtle-website-hover)" | "var(--color-background-active-subtle-website-pressed)" | "var(--color-background-error)" | "var(--color-background-error-hover)" | "var(--color-background-error-pressed)" | "var(--color-background-error-strong)" | "var(--color-background-error-transparent-0)" | "var(--color-background-warning)" | "var(--color-background-warning-strong)" | "var(--color-background-success)" | "var(--color-background-success-strong)" | "var(--color-background-success-transparent-0)" | "var(--color-background-native)" | "var(--color-background-gradient-100)" | "var(--color-background-gradient-80)" | "var(--color-background-gradient-70)" | "var(--color-background-gradient-40)" | "var(--color-background-gradient-30)" | "var(--color-background-gradient-0)" | "var(--color-background-gradient-overlay-80)" | "var(--color-background-gradient-overlay-0)" | "var(--color-text-black)" | "var(--color-text-white)" | "var(--color-text-white-hover)" | "var(--color-text-white-pressed)" | "var(--color-text-grey)" | "var(--color-text-base)" | "var(--color-text-base-hover)" | "var(--color-text-base-pressed)" | "var(--color-text-disabled)" | "var(--color-text-muted)" | "var(--color-text-muted-hover)" | "var(--color-text-muted-pressed)" | "var(--color-text-muted-subtle)" | "var(--color-text-active-ledger-live)" | "var(--color-text-active-enterprise)" | "var(--color-text-active-websites)" | "var(--color-text-interactive-ledger-live)" | "var(--color-text-interactive-ledger-live-hover)" | "var(--color-text-interactive-ledger-live-pressed)" | "var(--color-text-interactive-enterprise)" | "var(--color-text-interactive-enterprise-hover)" | "var(--color-text-interactive-enterprise-pressed)" | "var(--color-text-interactive-websites)" | "var(--color-text-interactive-websites-hover)" | "var(--color-text-interactive-websites-pressed)" | "var(--color-text-error)" | "var(--color-text-warning)" | "var(--color-text-success)" | "var(--color-text-on-accent-ledger-live)" | "var(--color-text-on-accent-enterprise)" | "var(--color-text-on-accent-websites)" | "var(--color-text-on-interactive)" | "var(--color-text-on-error-strong)" | "var(--color-text-on-warning-strong)" | "var(--color-text-on-success-strong)" | "var(--color-text-native)" | "var(--color-border-black)" | "var(--color-border-white)" | "var(--color-border-base)" | "var(--color-border-base-hover)" | "var(--color-border-base-pressed)" | "var(--color-border-base-inverted)" | "var(--color-border-disabled)" | "var(--color-border-muted)" | "var(--color-border-muted-hover)" | "var(--color-border-muted-pressed)" | "var(--color-border-muted-transparent-0)" | "var(--color-border-muted-subtle)" | "var(--color-border-muted-subtle-hover)" | "var(--color-border-muted-subtle-pressed)" | "var(--color-border-muted-subtle-transparent)" | "var(--color-border-active-ledger-live)" | "var(--color-border-active-ledger-live-hover)" | "var(--color-border-active-ledger-live-pressed)" | "var(--color-border-active-enterprise)" | "var(--color-border-active-enterprise-hover)" | "var(--color-border-active-enterprise-pressed)" | "var(--color-border-active-websites)" | "var(--color-border-active-websites-hover)" | "var(--color-border-active-websites-pressed)" | "var(--color-border-focus-ledger-live)" | "var(--color-border-focus-enterprise)" | "var(--color-border-focus-websites)" | "var(--color-border-error)" | "var(--color-border-error-hover)" | "var(--color-border-error-pressed)" | "var(--color-border-error-transparent)" | "var(--color-border-warning)" | "var(--color-border-success)" | "var(--color-border-success-transparent)" | "var(--color-border-icon)" | "var(--color-crypto-aion)" | "var(--color-crypto-aion-0)" | "var(--color-crypto-algorand)" | "var(--color-crypto-algorand-0)" | "var(--color-crypto-avax)" | "var(--color-crypto-avax-0)" | "var(--color-crypto-bat)" | "var(--color-crypto-bat-0)" | "var(--color-crypto-bgb)" | "var(--color-crypto-bgb-0)" | "var(--color-crypto-bitcoin)" | "var(--color-crypto-bitcoin-0)" | "var(--color-crypto-bitcoin-cash)" | "var(--color-crypto-bitcoin-cash-0)" | "var(--color-crypto-bitcoin-gold)" | "var(--color-crypto-bitcoin-gold-0)" | "var(--color-crypto-bitcoin-sv)" | "var(--color-crypto-bitcoin-sv-0)" | "var(--color-crypto-binance)" | "var(--color-crypto-binance-0)" | "var(--color-crypto-bytecoin)" | "var(--color-crypto-bytecoin-0)" | "var(--color-crypto-cardano)" | "var(--color-crypto-cardano-0)" | "var(--color-crypto-cosmos)" | "var(--color-crypto-cosmos-0)" | "var(--color-crypto-compound)" | "var(--color-crypto-compound-0)" | "var(--color-crypto-celo)" | "var(--color-crypto-celo-0)" | "var(--color-crypto-celo-2)" | "var(--color-crypto-celo-2-0)" | "var(--color-crypto-chainlink)" | "var(--color-crypto-chainlink-0)" | "var(--color-crypto-cro)" | "var(--color-crypto-cro-0)" | "var(--color-crypto-dash)" | "var(--color-crypto-dash-0)" | "var(--color-crypto-dai)" | "var(--color-crypto-dai-0)" | "var(--color-crypto-decred)" | "var(--color-crypto-decred-0)" | "var(--color-crypto-digibyte)" | "var(--color-crypto-digibyte-0)" | "var(--color-crypto-dogecoin)" | "var(--color-crypto-dogecoin-0)" | "var(--color-crypto-dydx)" | "var(--color-crypto-dydx-0)" | "var(--color-crypto-dym)" | "var(--color-crypto-dym-0)" | "var(--color-crypto-elrond)" | "var(--color-crypto-elrond-0)" | "var(--color-crypto-eng)" | "var(--color-crypto-eng-0)" | "var(--color-crypto-eos)" | "var(--color-crypto-eos-0)" | "var(--color-crypto-ethergem)" | "var(--color-crypto-ethergem-0)" | "var(--color-crypto-ethereum)" | "var(--color-crypto-ethereum-0)" | "var(--color-crypto-ethereum-classic)" | "var(--color-crypto-ethereum-classic-0)" | "var(--color-crypto-flr)" | "var(--color-crypto-flr-0)" | "var(--color-crypto-ftm)" | "var(--color-crypto-ftm-0)" | "var(--color-crypto-hedera)" | "var(--color-crypto-hedera-0)" | "var(--color-crypto-hnt)" | "var(--color-crypto-hnt-0)" | "var(--color-crypto-huobi)" | "var(--color-crypto-huobi-0)" | "var(--color-crypto-iota)" | "var(--color-crypto-iota-0)" | "var(--color-crypto-komodo)" | "var(--color-crypto-komodo-0)" | "var(--color-crypto-leo)" | "var(--color-crypto-leo-0)" | "var(--color-crypto-litecoin)" | "var(--color-crypto-litecoin-0)" | "var(--color-crypto-monero)" | "var(--color-crypto-monero-0)" | "var(--color-crypto-multiverse-x)" | "var(--color-crypto-multiverse-x-0)" | "var(--color-crypto-nano)" | "var(--color-crypto-nano-0)" | "var(--color-crypto-near)" | "var(--color-crypto-near-0)" | "var(--color-crypto-neo)" | "var(--color-crypto-neo-0)" | "var(--color-crypto-nimiq)" | "var(--color-crypto-nimiq-0)" | "var(--color-crypto-omg-network)" | "var(--color-crypto-omg-network-0)" | "var(--color-crypto-okb)" | "var(--color-crypto-okb-0)" | "var(--color-crypto-osmo)" | "var(--color-crypto-osmo-0)" | "var(--color-crypto-peercoin)" | "var(--color-crypto-peercoin-0)" | "var(--color-crypto-pirl)" | "var(--color-crypto-pirl-0)" | "var(--color-crypto-pivx)" | "var(--color-crypto-pivx-0)" | "var(--color-crypto-polkadot)" | "var(--color-crypto-polkadot-0)" | "var(--color-crypto-polygon)" | "var(--color-crypto-polygon-0)" | "var(--color-crypto-qnt)" | "var(--color-crypto-qnt-0)" | "var(--color-crypto-sats)" | "var(--color-crypto-sats-0)" | "var(--color-crypto-stellar)" | "var(--color-crypto-stellar-0)" | "var(--color-crypto-sol)" | "var(--color-crypto-sol-0)" | "var(--color-crypto-tether-usdt)" | "var(--color-crypto-tether-usdt-0)" | "var(--color-crypto-tezos)" | "var(--color-crypto-tezos-0)" | "var(--color-crypto-tkx)" | "var(--color-crypto-tkx-0)" | "var(--color-crypto-tron)" | "var(--color-crypto-tron-0)" | "var(--color-crypto-uniswap)" | "var(--color-crypto-uniswap-0)" | "var(--color-crypto-tusd)" | "var(--color-crypto-tusd-0)" | "var(--color-crypto-usdc)" | "var(--color-crypto-usdc-0)" | "var(--color-crypto-uni)" | "var(--color-crypto-uni-0)" | "var(--color-crypto-waves)" | "var(--color-crypto-waves-0)" | "var(--color-crypto-xrp)" | "var(--color-crypto-xrp-0)" | "var(--color-crypto-xin)" | "var(--color-crypto-xin-0)" | "var(--color-crypto-yieldly)" | "var(--color-crypto-yieldly-0)" | "var(--color-crypto-zcash)" | "var(--color-crypto-zcash-0)" | "var(--color-discover-1inch)" | "var(--color-discover-changelly)" | "var(--color-discover-compound)" | "var(--color-discover-deversifi)" | "var(--color-discover-lido)" | "var(--color-discover-opensea)" | "var(--color-discover-paraswap)" | "var(--color-discover-rarible)" | "var(--color-discover-zerion)" | "var(--color-discover-bitrefill)" | "var(--color-discover-loopipay-blue)" | "var(--color-discover-loopipay-black)" | "var(--color-discover-loopipay-lime)" | "var(--color-discover-simplex)" | "var(--color-discover-baanx)" | "var(--color-discover-mercuryo)" | "var(--color-discover-juno)" | "var(--color-discover-sardine)" | "var(--background-canvas)" | "var(--background-canvas-muted)" | "var(--background-canvas-sheet)" | "var(--background-canvas-sheet-transparent)" | "var(--background-canvas-overlay)" | "var(--background-canvas-overlay-subtle)" | "var(--background-canvas-overlay-chart)" | "var(--background-white)" | "var(--background-grey)" | "var(--background-black)" | "var(--background-surface)" | "var(--background-surface-hover)" | "var(--background-surface-pressed)" | "var(--background-surface-disabled)" | "var(--background-surface-transparent)" | "var(--background-surface-transparent-hover)" | "var(--background-surface-transparent-pressed)" | "var(--background-surface-transparent-disabled)" | "var(--background-base)" | "var(--background-base-hover)" | "var(--background-base-pressed)" | "var(--background-base-transparent)" | "var(--background-base-transparent-hover)" | "var(--background-base-transparent-pressed)" | "var(--background-disabled)" | "var(--background-disabled-strong)" | "var(--background-muted)" | "var(--background-muted-hover)" | "var(--background-muted-pressed)" | "var(--background-muted-transparent-0)" | "var(--background-muted-transparent)" | "var(--background-muted-transparent-hover)" | "var(--background-muted-transparent-pressed)" | "var(--background-muted-transparent-disabled)" | "var(--background-muted-strong)" | "var(--background-muted-strong-hover)" | "var(--background-muted-strong-pressed)" | "var(--background-accent)" | "var(--background-accent-hover)" | "var(--background-accent-pressed)" | "var(--background-interactive)" | "var(--background-interactive-hover)" | "var(--background-interactive-pressed)" | "var(--background-error)" | "var(--background-error-hover)" | "var(--background-error-pressed)" | "var(--background-error-strong)" | "var(--background-error-transparent-0)" | "var(--background-warning)" | "var(--background-warning-strong)" | "var(--background-success)" | "var(--background-success-strong)" | "var(--background-success-transparent-0)" | "var(--background-active)" | "var(--background-active-hover)" | "var(--background-active-pressed)" | "var(--background-active-subtle)" | "var(--background-active-subtle-hover)" | "var(--background-active-subtle-pressed)" | "var(--background-native)" | "var(--background-gradient-100)" | "var(--background-gradient-80)" | "var(--background-gradient-70)" | "var(--background-gradient-40)" | "var(--background-gradient-30)" | "var(--background-gradient-0)" | "var(--background-gradient-overlay-80)" | "var(--background-gradient-overlay-0)" | "var(--text-black)" | "var(--text-white)" | "var(--text-white-hover)" | "var(--text-white-pressed)" | "var(--text-grey)" | "var(--text-base)" | "var(--text-base-hover)" | "var(--text-base-pressed)" | "var(--text-disabled)" | "var(--text-muted)" | "var(--text-muted-hover)" | "var(--text-muted-pressed)" | "var(--text-muted-subtle)" | "var(--text-active)" | "var(--text-interactive)" | "var(--text-interactive-hover)" | "var(--text-interactive-pressed)" | "var(--text-error)" | "var(--text-warning)" | "var(--text-success)" | "var(--text-on-accent)" | "var(--text-on-interactive)" | "var(--text-on-error-strong)" | "var(--text-on-warning-strong)" | "var(--text-on-success-strong)" | "var(--text-native)" | "var(--border-black)" | "var(--border-white)" | "var(--border-disabled)" | "var(--border-base)" | "var(--border-base-hover)" | "var(--border-base-pressed)" | "var(--border-base-inverted)" | "var(--border-muted)" | "var(--border-muted-hover)" | "var(--border-muted-pressed)" | "var(--border-muted-transparent-0)" | "var(--border-muted-subtle)" | "var(--border-muted-subtle-hover)" | "var(--border-muted-subtle-pressed)" | "var(--border-muted-subtle-transparent)" | "var(--border-error)" | "var(--border-error-hover)" | "var(--border-error-pressed)" | "var(--border-error-transparent)" | "var(--border-warning)" | "var(--border-success)" | "var(--border-success-transparent)" | "var(--border-active)" | "var(--border-active-hover)" | "var(--border-active-pressed)" | "var(--border-focus)" | "var(--border-icon)" | "var(--border-width)" | "var(--border-width-active)" | "var(--border-width-focus)" | "var(--border-width-stepper)";
|
|
3
|
+
export declare const DEFAULT_STROKE: "var(--font-style-responsive-display-1-size)" | "var(--font-style-responsive-display-1-weight)" | "var(--font-style-responsive-display-1-line-height)" | "var(--font-style-responsive-display-1-letter-spacing)" | "var(--font-style-responsive-display-2-size)" | "var(--font-style-responsive-display-2-weight)" | "var(--font-style-responsive-display-2-line-height)" | "var(--font-style-responsive-display-2-letter-spacing)" | "var(--font-style-responsive-display-3-size)" | "var(--font-style-responsive-display-3-weight)" | "var(--font-style-responsive-display-3-line-height)" | "var(--font-style-responsive-display-3-letter-spacing)" | "var(--font-style-responsive-display-4-size)" | "var(--font-style-responsive-display-4-weight)" | "var(--font-style-responsive-display-4-line-height)" | "var(--font-style-responsive-display-4-letter-spacing)" | "var(--font-style-heading-0-size)" | "var(--font-style-heading-0-weight-semi-bold)" | "var(--font-style-heading-0-weight-medium)" | "var(--font-style-heading-0-line-height)" | "var(--font-style-heading-0-letter-spacing)" | "var(--font-style-heading-1-size)" | "var(--font-style-heading-1-weight-semi-bold)" | "var(--font-style-heading-1-weight-medium)" | "var(--font-style-heading-1-line-height)" | "var(--font-style-heading-1-letter-spacing)" | "var(--font-style-heading-2-size)" | "var(--font-style-heading-2-weight-semi-bold)" | "var(--font-style-heading-2-weight-medium)" | "var(--font-style-heading-2-line-height)" | "var(--font-style-heading-2-letter-spacing)" | "var(--font-style-heading-3-size)" | "var(--font-style-heading-3-size-2)" | "var(--font-style-heading-3-weight-semi-bold)" | "var(--font-style-heading-3-weight-medium)" | "var(--font-style-heading-3-line-height)" | "var(--font-style-heading-3-letter-spacing)" | "var(--font-style-heading-4-size)" | "var(--font-style-heading-4-weight-semi-bold)" | "var(--font-style-heading-4-weight-medium)" | "var(--font-style-heading-4-line-height)" | "var(--font-style-heading-4-letter-spacing)" | "var(--font-style-heading-5-size)" | "var(--font-style-heading-5-weight-semi-bold)" | "var(--font-style-heading-5-weight-medium)" | "var(--font-style-heading-5-line-height)" | "var(--font-style-heading-5-letter-spacing)" | "var(--font-style-body-1-size)" | "var(--font-style-body-1-weight-semi-bold)" | "var(--font-style-body-1-weight-medium)" | "var(--font-style-body-1-line-height)" | "var(--font-style-body-1-letter-spacing)" | "var(--font-style-body-2-size)" | "var(--font-style-body-2-weight-semi-bold)" | "var(--font-style-body-2-weight-medium)" | "var(--font-style-body-2-line-height)" | "var(--font-style-body-2-letter-spacing)" | "var(--font-style-body-3-size)" | "var(--font-style-body-3-weight-semi-bold)" | "var(--font-style-body-3-weight-medium)" | "var(--font-style-body-3-line-height)" | "var(--font-style-body-3-letter-spacing)" | "var(--font-style-body-4-size)" | "var(--font-style-body-4-weight-semi-bold)" | "var(--font-style-body-4-weight-medium)" | "var(--font-style-body-4-line-height)" | "var(--font-style-body-4-letter-spacing)" | "var(--spacing-0)" | "var(--spacing-1)" | "var(--spacing-2)" | "var(--spacing-4)" | "var(--spacing-6)" | "var(--spacing-8)" | "var(--spacing-10)" | "var(--spacing-12)" | "var(--spacing-14)" | "var(--spacing-16)" | "var(--spacing-20)" | "var(--spacing-24)" | "var(--spacing-32)" | "var(--spacing-40)" | "var(--spacing-48)" | "var(--spacing-56)" | "var(--spacing-64)" | "var(--spacing-80)" | "var(--spacing-96)" | "var(--spacing-112)" | "var(--spacing-128)" | "var(--spacing-144)" | "var(--spacing-160)" | "var(--spacing-256)" | "var(--icon-width-12)" | "var(--icon-width-16)" | "var(--icon-width-20)" | "var(--icon-width-24)" | "var(--icon-width-32)" | "var(--icon-width-40)" | "var(--icon-width-48)" | "var(--icon-width-56)" | "var(--icon-width-64)" | "var(--icon-width-72)" | "var(--icon-height-12)" | "var(--icon-height-16)" | "var(--icon-height-20)" | "var(--icon-height-24)" | "var(--icon-height-32)" | "var(--icon-height-40)" | "var(--icon-height-48)" | "var(--icon-height-56)" | "var(--icon-height-64)" | "var(--icon-height-72)" | "var(--spot-width-32)" | "var(--spot-width-40)" | "var(--spot-width-48)" | "var(--spot-width-56)" | "var(--spot-width-72)" | "var(--spot-height-32)" | "var(--spot-height-40)" | "var(--spot-height-48)" | "var(--spot-height-56)" | "var(--spot-height-72)" | "var(--icon-border-width-12)" | "var(--icon-border-width-16)" | "var(--icon-border-width-20)" | "var(--icon-border-width-24)" | "var(--icon-border-width-32)" | "var(--icon-border-width-40)" | "var(--icon-border-width-48)" | "var(--icon-border-width-56)" | "var(--icon-border-width-64)" | "var(--icon-border-width-72)" | "var(--spinner-border-width-12)" | "var(--spinner-border-width-16)" | "var(--spinner-border-width-20)" | "var(--spinner-border-width-24)" | "var(--spinner-border-width-32)" | "var(--spinner-border-width-40)" | "var(--spinner-border-width-48)" | "var(--spinner-border-width-56)" | "var(--spinner-border-width-64)" | "var(--spinner-border-width-72)" | "var(--size-0)" | "var(--size-1)" | "var(--size-2)" | "var(--size-4)" | "var(--size-6)" | "var(--size-8)" | "var(--size-10)" | "var(--size-12)" | "var(--size-14)" | "var(--size-16)" | "var(--size-20)" | "var(--size-24)" | "var(--size-28)" | "var(--size-32)" | "var(--size-36)" | "var(--size-40)" | "var(--size-44)" | "var(--size-48)" | "var(--size-56)" | "var(--size-64)" | "var(--size-72)" | "var(--size-80)" | "var(--size-96)" | "var(--size-112)" | "var(--size-128)" | "var(--size-144)" | "var(--size-176)" | "var(--size-192)" | "var(--size-208)" | "var(--size-224)" | "var(--size-256)" | "var(--size-288)" | "var(--size-320)" | "var(--size-400)" | "var(--size-480)" | "var(--size-560)" | "var(--border-radius-none)" | "var(--border-radius-xxs)" | "var(--border-radius-xs)" | "var(--border-radius-sm)" | "var(--border-radius-md)" | "var(--border-radius-lg)" | "var(--border-radius-xl)" | "var(--border-radius-2xl)" | "var(--border-radius-full)" | "var(--font-family-font)" | "var(--stroke-1)" | "var(--stroke-2)" | "var(--stroke-4)" | "var(--stroke-05)" | "var(--font-weight-bold)" | "var(--font-weight-semi-bold)" | "var(--font-weight-medium)" | "var(--font-size-6)" | "var(--font-size-8)" | "var(--font-size-10)" | "var(--font-size-12)" | "var(--font-size-14)" | "var(--font-size-16)" | "var(--font-size-18)" | "var(--font-size-20)" | "var(--font-size-22)" | "var(--font-size-24)" | "var(--font-size-28)" | "var(--font-size-32)" | "var(--font-size-36)" | "var(--font-size-40)" | "var(--font-size-48)" | "var(--font-size-52)" | "var(--font-size-64)" | "var(--font-size-80)" | "var(--font-size-112)" | "var(--font-line-height-10)" | "var(--font-line-height-12)" | "var(--font-line-height-14)" | "var(--font-line-height-16)" | "var(--font-line-height-18)" | "var(--font-line-height-20)" | "var(--font-line-height-22)" | "var(--font-line-height-24)" | "var(--font-line-height-28)" | "var(--font-line-height-32)" | "var(--font-line-height-36)" | "var(--font-line-height-40)" | "var(--font-line-height-48)" | "var(--font-line-height-52)" | "var(--font-line-height-64)" | "var(--font-line-height-80)" | "var(--font-line-height-112)" | "var(--font-letter-spacing-10)" | "var(--font-letter-spacing-12)" | "var(--font-letter-spacing-14)" | "var(--font-letter-spacing-16)" | "var(--font-letter-spacing-18)" | "var(--font-letter-spacing-20)" | "var(--font-letter-spacing-22)" | "var(--font-letter-spacing-24)" | "var(--font-letter-spacing-28)" | "var(--font-letter-spacing-32)" | "var(--font-letter-spacing-36)" | "var(--font-letter-spacing-40)" | "var(--font-letter-spacing-48)" | "var(--font-letter-spacing-52)" | "var(--font-letter-spacing-64)" | "var(--font-letter-spacing-80)" | "var(--font-letter-spacing-112)" | "var(--backdrop-blur-sm)" | "var(--backdrop-blur-md)" | "var(--backdrop-blur-lg)" | "var(--backdrop-blur-xl)" | "var(--color-background-canvas)" | "var(--color-background-canvas-muted)" | "var(--color-background-canvas-sheet)" | "var(--color-background-canvas-sheet-transparent)" | "var(--color-background-canvas-overlay)" | "var(--color-background-canvas-overlay-subtle)" | "var(--color-background-canvas-overlay-chart)" | "var(--color-background-white)" | "var(--color-background-grey)" | "var(--color-background-black)" | "var(--color-background-surface)" | "var(--color-background-surface-hover)" | "var(--color-background-surface-pressed)" | "var(--color-background-surface-disabled)" | "var(--color-background-surface-transparent)" | "var(--color-background-surface-transparent-hover)" | "var(--color-background-surface-transparent-pressed)" | "var(--color-background-surface-transparent-disabled)" | "var(--color-background-base)" | "var(--color-background-base-hover)" | "var(--color-background-base-pressed)" | "var(--color-background-base-transparent)" | "var(--color-background-base-transparent-hover)" | "var(--color-background-base-transparent-pressed)" | "var(--color-background-disabled)" | "var(--color-background-disabled-strong)" | "var(--color-background-muted)" | "var(--color-background-muted-hover)" | "var(--color-background-muted-pressed)" | "var(--color-background-muted-transparent)" | "var(--color-background-muted-transparent-hover)" | "var(--color-background-muted-transparent-pressed)" | "var(--color-background-muted-transparent-disabled)" | "var(--color-background-muted-transparent-0)" | "var(--color-background-muted-strong)" | "var(--color-background-muted-strong-hover)" | "var(--color-background-muted-strong-pressed)" | "var(--color-background-accent-ledger-live)" | "var(--color-background-accent-ledger-live-hover)" | "var(--color-background-accent-ledger-live-pressed)" | "var(--color-background-accent-enterprise)" | "var(--color-background-accent-enterprise-hover)" | "var(--color-background-accent-enterprise-pressed)" | "var(--color-background-accent-websites)" | "var(--color-background-accent-websites-hover)" | "var(--color-background-accent-websites-pressed)" | "var(--color-background-interactive)" | "var(--color-background-interactive-hover)" | "var(--color-background-interactive-pressed)" | "var(--color-background-active-ledger-live)" | "var(--color-background-active-ledger-live-hover)" | "var(--color-background-active-ledger-live-pressed)" | "var(--color-background-active-enterprise)" | "var(--color-background-active-enterprise-hover)" | "var(--color-background-active-enterprise-pressed)" | "var(--color-background-active-websites)" | "var(--color-background-active-websites-hover)" | "var(--color-background-active-websites-pressed)" | "var(--color-background-active-subtle-ledger-live)" | "var(--color-background-active-subtle-ledger-live-hover)" | "var(--color-background-active-subtle-ledger-live-pressed)" | "var(--color-background-active-subtle-enterprise)" | "var(--color-background-active-subtle-enterprise-hover)" | "var(--color-background-active-subtle-enterprise-pressed)" | "var(--color-background-active-subtle-website)" | "var(--color-background-active-subtle-website-hover)" | "var(--color-background-active-subtle-website-pressed)" | "var(--color-background-error)" | "var(--color-background-error-hover)" | "var(--color-background-error-pressed)" | "var(--color-background-error-strong)" | "var(--color-background-error-transparent-0)" | "var(--color-background-warning)" | "var(--color-background-warning-strong)" | "var(--color-background-success)" | "var(--color-background-success-strong)" | "var(--color-background-success-transparent-0)" | "var(--color-background-native)" | "var(--color-background-gradient-100)" | "var(--color-background-gradient-80)" | "var(--color-background-gradient-70)" | "var(--color-background-gradient-40)" | "var(--color-background-gradient-30)" | "var(--color-background-gradient-0)" | "var(--color-background-gradient-overlay-80)" | "var(--color-background-gradient-overlay-0)" | "var(--color-text-black)" | "var(--color-text-white)" | "var(--color-text-white-hover)" | "var(--color-text-white-pressed)" | "var(--color-text-grey)" | "var(--color-text-base)" | "var(--color-text-base-hover)" | "var(--color-text-base-pressed)" | "var(--color-text-disabled)" | "var(--color-text-muted)" | "var(--color-text-muted-hover)" | "var(--color-text-muted-pressed)" | "var(--color-text-muted-subtle)" | "var(--color-text-active-ledger-live)" | "var(--color-text-active-enterprise)" | "var(--color-text-active-websites)" | "var(--color-text-interactive-ledger-live)" | "var(--color-text-interactive-ledger-live-hover)" | "var(--color-text-interactive-ledger-live-pressed)" | "var(--color-text-interactive-enterprise)" | "var(--color-text-interactive-enterprise-hover)" | "var(--color-text-interactive-enterprise-pressed)" | "var(--color-text-interactive-websites)" | "var(--color-text-interactive-websites-hover)" | "var(--color-text-interactive-websites-pressed)" | "var(--color-text-error)" | "var(--color-text-warning)" | "var(--color-text-success)" | "var(--color-text-on-accent-ledger-live)" | "var(--color-text-on-accent-enterprise)" | "var(--color-text-on-accent-websites)" | "var(--color-text-on-interactive)" | "var(--color-text-on-error-strong)" | "var(--color-text-on-warning-strong)" | "var(--color-text-on-success-strong)" | "var(--color-text-native)" | "var(--color-border-black)" | "var(--color-border-white)" | "var(--color-border-base)" | "var(--color-border-base-hover)" | "var(--color-border-base-pressed)" | "var(--color-border-base-transparent-0)" | "var(--color-border-base-inverted)" | "var(--color-border-disabled)" | "var(--color-border-muted)" | "var(--color-border-muted-hover)" | "var(--color-border-muted-pressed)" | "var(--color-border-muted-subtle)" | "var(--color-border-muted-subtle-hover)" | "var(--color-border-muted-subtle-pressed)" | "var(--color-border-muted-subtle-transparent)" | "var(--color-border-active-ledger-live)" | "var(--color-border-active-ledger-live-hover)" | "var(--color-border-active-ledger-live-pressed)" | "var(--color-border-active-enterprise)" | "var(--color-border-active-enterprise-hover)" | "var(--color-border-active-enterprise-pressed)" | "var(--color-border-active-websites)" | "var(--color-border-active-websites-hover)" | "var(--color-border-active-websites-pressed)" | "var(--color-border-focus-ledger-live)" | "var(--color-border-focus-enterprise)" | "var(--color-border-focus-websites)" | "var(--color-border-error)" | "var(--color-border-error-hover)" | "var(--color-border-error-pressed)" | "var(--color-border-error-transparent)" | "var(--color-border-warning)" | "var(--color-border-success)" | "var(--color-border-success-transparent)" | "var(--color-border-icon)" | "var(--color-crypto-aion)" | "var(--color-crypto-aion-0)" | "var(--color-crypto-algorand)" | "var(--color-crypto-algorand-0)" | "var(--color-crypto-avax)" | "var(--color-crypto-avax-0)" | "var(--color-crypto-bat)" | "var(--color-crypto-bat-0)" | "var(--color-crypto-bgb)" | "var(--color-crypto-bgb-0)" | "var(--color-crypto-bitcoin)" | "var(--color-crypto-bitcoin-0)" | "var(--color-crypto-bitcoin-cash)" | "var(--color-crypto-bitcoin-cash-0)" | "var(--color-crypto-bitcoin-gold)" | "var(--color-crypto-bitcoin-gold-0)" | "var(--color-crypto-bitcoin-sv)" | "var(--color-crypto-bitcoin-sv-0)" | "var(--color-crypto-binance)" | "var(--color-crypto-binance-0)" | "var(--color-crypto-bytecoin)" | "var(--color-crypto-bytecoin-0)" | "var(--color-crypto-cardano)" | "var(--color-crypto-cardano-0)" | "var(--color-crypto-cosmos)" | "var(--color-crypto-cosmos-0)" | "var(--color-crypto-compound)" | "var(--color-crypto-compound-0)" | "var(--color-crypto-celo)" | "var(--color-crypto-celo-0)" | "var(--color-crypto-celo-2)" | "var(--color-crypto-celo-2-0)" | "var(--color-crypto-chainlink)" | "var(--color-crypto-chainlink-0)" | "var(--color-crypto-cro)" | "var(--color-crypto-cro-0)" | "var(--color-crypto-dash)" | "var(--color-crypto-dash-0)" | "var(--color-crypto-dai)" | "var(--color-crypto-dai-0)" | "var(--color-crypto-decred)" | "var(--color-crypto-decred-0)" | "var(--color-crypto-digibyte)" | "var(--color-crypto-digibyte-0)" | "var(--color-crypto-dogecoin)" | "var(--color-crypto-dogecoin-0)" | "var(--color-crypto-dydx)" | "var(--color-crypto-dydx-0)" | "var(--color-crypto-dym)" | "var(--color-crypto-dym-0)" | "var(--color-crypto-elrond)" | "var(--color-crypto-elrond-0)" | "var(--color-crypto-eng)" | "var(--color-crypto-eng-0)" | "var(--color-crypto-eos)" | "var(--color-crypto-eos-0)" | "var(--color-crypto-ethergem)" | "var(--color-crypto-ethergem-0)" | "var(--color-crypto-ethereum)" | "var(--color-crypto-ethereum-0)" | "var(--color-crypto-ethereum-classic)" | "var(--color-crypto-ethereum-classic-0)" | "var(--color-crypto-flr)" | "var(--color-crypto-flr-0)" | "var(--color-crypto-ftm)" | "var(--color-crypto-ftm-0)" | "var(--color-crypto-hedera)" | "var(--color-crypto-hedera-0)" | "var(--color-crypto-hnt)" | "var(--color-crypto-hnt-0)" | "var(--color-crypto-huobi)" | "var(--color-crypto-huobi-0)" | "var(--color-crypto-iota)" | "var(--color-crypto-iota-0)" | "var(--color-crypto-komodo)" | "var(--color-crypto-komodo-0)" | "var(--color-crypto-leo)" | "var(--color-crypto-leo-0)" | "var(--color-crypto-litecoin)" | "var(--color-crypto-litecoin-0)" | "var(--color-crypto-monero)" | "var(--color-crypto-monero-0)" | "var(--color-crypto-multiverse-x)" | "var(--color-crypto-multiverse-x-0)" | "var(--color-crypto-nano)" | "var(--color-crypto-nano-0)" | "var(--color-crypto-near)" | "var(--color-crypto-near-0)" | "var(--color-crypto-neo)" | "var(--color-crypto-neo-0)" | "var(--color-crypto-nimiq)" | "var(--color-crypto-nimiq-0)" | "var(--color-crypto-omg-network)" | "var(--color-crypto-omg-network-0)" | "var(--color-crypto-okb)" | "var(--color-crypto-okb-0)" | "var(--color-crypto-osmo)" | "var(--color-crypto-osmo-0)" | "var(--color-crypto-peercoin)" | "var(--color-crypto-peercoin-0)" | "var(--color-crypto-pirl)" | "var(--color-crypto-pirl-0)" | "var(--color-crypto-pivx)" | "var(--color-crypto-pivx-0)" | "var(--color-crypto-polkadot)" | "var(--color-crypto-polkadot-0)" | "var(--color-crypto-polygon)" | "var(--color-crypto-polygon-0)" | "var(--color-crypto-qnt)" | "var(--color-crypto-qnt-0)" | "var(--color-crypto-sats)" | "var(--color-crypto-sats-0)" | "var(--color-crypto-stellar)" | "var(--color-crypto-stellar-0)" | "var(--color-crypto-sol)" | "var(--color-crypto-sol-0)" | "var(--color-crypto-tether-usdt)" | "var(--color-crypto-tether-usdt-0)" | "var(--color-crypto-tezos)" | "var(--color-crypto-tezos-0)" | "var(--color-crypto-tkx)" | "var(--color-crypto-tkx-0)" | "var(--color-crypto-tron)" | "var(--color-crypto-tron-0)" | "var(--color-crypto-uniswap)" | "var(--color-crypto-uniswap-0)" | "var(--color-crypto-tusd)" | "var(--color-crypto-tusd-0)" | "var(--color-crypto-usdc)" | "var(--color-crypto-usdc-0)" | "var(--color-crypto-uni)" | "var(--color-crypto-uni-0)" | "var(--color-crypto-waves)" | "var(--color-crypto-waves-0)" | "var(--color-crypto-xrp)" | "var(--color-crypto-xrp-0)" | "var(--color-crypto-xin)" | "var(--color-crypto-xin-0)" | "var(--color-crypto-yieldly)" | "var(--color-crypto-yieldly-0)" | "var(--color-crypto-zcash)" | "var(--color-crypto-zcash-0)" | "var(--color-discover-1inch)" | "var(--color-discover-changelly)" | "var(--color-discover-compound)" | "var(--color-discover-deversifi)" | "var(--color-discover-lido)" | "var(--color-discover-opensea)" | "var(--color-discover-paraswap)" | "var(--color-discover-rarible)" | "var(--color-discover-zerion)" | "var(--color-discover-bitrefill)" | "var(--color-discover-loopipay-blue)" | "var(--color-discover-loopipay-black)" | "var(--color-discover-loopipay-lime)" | "var(--color-discover-simplex)" | "var(--color-discover-baanx)" | "var(--color-discover-mercuryo)" | "var(--color-discover-juno)" | "var(--color-discover-sardine)" | "var(--background-canvas)" | "var(--background-canvas-muted)" | "var(--background-canvas-sheet)" | "var(--background-canvas-sheet-transparent)" | "var(--background-canvas-overlay)" | "var(--background-canvas-overlay-subtle)" | "var(--background-canvas-overlay-chart)" | "var(--background-white)" | "var(--background-grey)" | "var(--background-black)" | "var(--background-surface)" | "var(--background-surface-hover)" | "var(--background-surface-pressed)" | "var(--background-surface-disabled)" | "var(--background-surface-transparent)" | "var(--background-surface-transparent-hover)" | "var(--background-surface-transparent-pressed)" | "var(--background-surface-transparent-disabled)" | "var(--background-base)" | "var(--background-base-hover)" | "var(--background-base-pressed)" | "var(--background-base-transparent)" | "var(--background-base-transparent-hover)" | "var(--background-base-transparent-pressed)" | "var(--background-disabled)" | "var(--background-disabled-strong)" | "var(--background-muted)" | "var(--background-muted-hover)" | "var(--background-muted-pressed)" | "var(--background-muted-transparent-0)" | "var(--background-muted-transparent)" | "var(--background-muted-transparent-hover)" | "var(--background-muted-transparent-pressed)" | "var(--background-muted-transparent-disabled)" | "var(--background-muted-strong)" | "var(--background-muted-strong-hover)" | "var(--background-muted-strong-pressed)" | "var(--background-accent)" | "var(--background-accent-hover)" | "var(--background-accent-pressed)" | "var(--background-interactive)" | "var(--background-interactive-hover)" | "var(--background-interactive-pressed)" | "var(--background-error)" | "var(--background-error-hover)" | "var(--background-error-pressed)" | "var(--background-error-strong)" | "var(--background-error-transparent-0)" | "var(--background-warning)" | "var(--background-warning-strong)" | "var(--background-success)" | "var(--background-success-strong)" | "var(--background-success-transparent-0)" | "var(--background-active)" | "var(--background-active-hover)" | "var(--background-active-pressed)" | "var(--background-active-subtle)" | "var(--background-active-subtle-hover)" | "var(--background-active-subtle-pressed)" | "var(--background-native)" | "var(--background-gradient-100)" | "var(--background-gradient-80)" | "var(--background-gradient-70)" | "var(--background-gradient-40)" | "var(--background-gradient-30)" | "var(--background-gradient-0)" | "var(--background-gradient-overlay-80)" | "var(--background-gradient-overlay-0)" | "var(--text-black)" | "var(--text-white)" | "var(--text-white-hover)" | "var(--text-white-pressed)" | "var(--text-grey)" | "var(--text-base)" | "var(--text-base-hover)" | "var(--text-base-pressed)" | "var(--text-disabled)" | "var(--text-muted)" | "var(--text-muted-hover)" | "var(--text-muted-pressed)" | "var(--text-muted-subtle)" | "var(--text-active)" | "var(--text-interactive)" | "var(--text-interactive-hover)" | "var(--text-interactive-pressed)" | "var(--text-error)" | "var(--text-warning)" | "var(--text-success)" | "var(--text-on-accent)" | "var(--text-on-interactive)" | "var(--text-on-error-strong)" | "var(--text-on-warning-strong)" | "var(--text-on-success-strong)" | "var(--text-native)" | "var(--border-black)" | "var(--border-white)" | "var(--border-disabled)" | "var(--border-base)" | "var(--border-base-hover)" | "var(--border-base-pressed)" | "var(--border-base-transparent-0)" | "var(--border-base-inverted)" | "var(--border-muted)" | "var(--border-muted-hover)" | "var(--border-muted-pressed)" | "var(--border-muted-subtle)" | "var(--border-muted-subtle-hover)" | "var(--border-muted-subtle-pressed)" | "var(--border-muted-subtle-transparent)" | "var(--border-error)" | "var(--border-error-hover)" | "var(--border-error-pressed)" | "var(--border-error-transparent)" | "var(--border-warning)" | "var(--border-success)" | "var(--border-success-transparent)" | "var(--border-active)" | "var(--border-active-hover)" | "var(--border-active-pressed)" | "var(--border-focus)" | "var(--border-icon)" | "var(--border-width)" | "var(--border-width-active)" | "var(--border-width-focus)" | "var(--border-width-stepper)";
|
|
4
4
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ReferenceLine/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,UAAU,UAAU,CAAC;AAClC,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ReferenceLine/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,UAAU,UAAU,CAAC;AAClC,eAAO,MAAM,cAAc,4zuBAAgC,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ChartScaleFunction, DrawingArea } from '../../utils/types';
|
|
2
|
+
import { BaseAxisProps } from '../Axis';
|
|
2
3
|
import { LabelAlignment, LabelPosition } from './types';
|
|
3
4
|
type LabelCoordinates = {
|
|
4
5
|
x: number;
|
|
@@ -11,7 +12,7 @@ type ResolvePixelParams = {
|
|
|
11
12
|
scale: ChartScaleFunction | undefined;
|
|
12
13
|
axis: 'x' | 'y';
|
|
13
14
|
drawingArea: DrawingArea;
|
|
14
|
-
axisConfig?:
|
|
15
|
+
axisConfig?: BaseAxisProps;
|
|
15
16
|
};
|
|
16
17
|
type LabelParams = {
|
|
17
18
|
pixel: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ReferenceLine/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ReferenceLine/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAK7D,KAAK,gBAAgB,GAAG;IACtB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,gBAAgB,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;CAClD,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACtC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mBAAmB,CAAC,EAAE,cAAc,CAAC;IACrC,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC,CAAC;AAuBF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GACnC,OAAO,MAAM,EACb,MAAM,GAAG,GAAG,GAAG,EACf,aAAa,WAAW,KACvB,OAKF,CAAC;AAqBF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,sDAM1B,kBAAkB,KAAG,MAAM,GAAG,SAehC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iCAAiC,GAAI,wFAQ/C,WAAW,KAAG,gBAKf,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,+BAA+B,GAAI,wFAQ7C,WAAW,KAAG,gBAKf,CAAC"}
|
|
@@ -3,30 +3,30 @@ import { memo as d } from "react";
|
|
|
3
3
|
import { PADDING_X as n } from "./constants.js";
|
|
4
4
|
import { cssVar as t } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
|
|
5
5
|
const y = {
|
|
6
|
-
fontSize: t("var(--font-style-body-
|
|
6
|
+
fontSize: t("var(--font-style-body-3-size)"),
|
|
7
7
|
fontFamily: t("var(--font-family-font)"),
|
|
8
8
|
fill: t("var(--text-muted)")
|
|
9
9
|
}, c = {
|
|
10
|
-
fontSize: t("var(--font-style-body-
|
|
10
|
+
fontSize: t("var(--font-style-body-3-size)"),
|
|
11
11
|
fontFamily: t("var(--font-family-font)"),
|
|
12
12
|
fill: t("var(--text-base)"),
|
|
13
|
-
fontWeight: t("var(--font-style-body-
|
|
14
|
-
},
|
|
13
|
+
fontWeight: t("var(--font-style-body-3-weight-semi-bold)")
|
|
14
|
+
}, L = d(function({
|
|
15
15
|
label: r,
|
|
16
16
|
value: f,
|
|
17
|
-
x:
|
|
18
|
-
y:
|
|
19
|
-
width:
|
|
20
|
-
labelRef:
|
|
17
|
+
x: o = 0,
|
|
18
|
+
y: e = 0,
|
|
19
|
+
width: l,
|
|
20
|
+
labelRef: m,
|
|
21
21
|
valueRef: a
|
|
22
22
|
}) {
|
|
23
23
|
return /* @__PURE__ */ s("g", { children: [
|
|
24
24
|
/* @__PURE__ */ i(
|
|
25
25
|
"text",
|
|
26
26
|
{
|
|
27
|
-
ref:
|
|
28
|
-
x:
|
|
29
|
-
y:
|
|
27
|
+
ref: m,
|
|
28
|
+
x: o + n,
|
|
29
|
+
y: e,
|
|
30
30
|
dominantBaseline: "middle",
|
|
31
31
|
style: y,
|
|
32
32
|
children: r
|
|
@@ -36,8 +36,8 @@ const y = {
|
|
|
36
36
|
"text",
|
|
37
37
|
{
|
|
38
38
|
ref: a,
|
|
39
|
-
x:
|
|
40
|
-
y:
|
|
39
|
+
x: o + l - n,
|
|
40
|
+
y: e,
|
|
41
41
|
dominantBaseline: "middle",
|
|
42
42
|
textAnchor: "end",
|
|
43
43
|
style: c,
|
|
@@ -47,5 +47,5 @@ const y = {
|
|
|
47
47
|
] });
|
|
48
48
|
});
|
|
49
49
|
export {
|
|
50
|
-
|
|
50
|
+
L as ChartTooltipItem
|
|
51
51
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultScrubberTooltip.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"DefaultScrubberTooltip.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AA2BrD;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,WAAW,EACX,KAAK,EACL,KAAK,EACL,MAAuB,EACvB,QAAoC,GACrC,EAAE,QAAQ,CAAC,oBAAoB,CAAC,kDAiEhC"}
|
|
@@ -1,74 +1,74 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { ChartTooltipItem as
|
|
3
|
-
import { TOOLTIP_TRANSITION as
|
|
4
|
-
import { useTooltipMeasurement as F, useBuildRefSetters as
|
|
5
|
-
import { cssVar as
|
|
1
|
+
import { jsxs as x, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { ChartTooltipItem as g } from "./ChartTooltipItem.js";
|
|
3
|
+
import { TOOLTIP_TRANSITION as D, PADDING_Y as O, ROW_HEIGHT as f, PADDING_X as S, ROW_GAP as E, DEFAULT_OFFSET as L, DEFAULT_TOOLTIP_MIN_WIDTH as W } from "./constants.js";
|
|
4
|
+
import { useTooltipMeasurement as F, useBuildRefSetters as c, computeTooltipWidth as H, computeTooltipHeight as N, computeTooltipX as P, computeItemsBaseY as B } from "./utils.js";
|
|
5
|
+
import { cssVar as e } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
|
|
6
6
|
const G = {
|
|
7
|
-
fontSize:
|
|
8
|
-
fontFamily:
|
|
9
|
-
fill:
|
|
10
|
-
fontWeight:
|
|
7
|
+
fontSize: e("var(--font-style-body-3-size)"),
|
|
8
|
+
fontFamily: e("var(--font-family-font)"),
|
|
9
|
+
fill: e("var(--text-muted)"),
|
|
10
|
+
fontWeight: e("var(--font-style-body-3-weight-medium)")
|
|
11
11
|
};
|
|
12
12
|
function M({
|
|
13
|
-
pixelX:
|
|
13
|
+
pixelX: m,
|
|
14
14
|
drawingArea: l,
|
|
15
|
-
title:
|
|
15
|
+
title: r,
|
|
16
16
|
items: t,
|
|
17
|
-
offset:
|
|
18
|
-
minWidth:
|
|
17
|
+
offset: d = L,
|
|
18
|
+
minWidth: h = W
|
|
19
19
|
}) {
|
|
20
|
-
const
|
|
20
|
+
const o = r !== void 0, { widths: p, titleRef: T, labelRefs: y, valueRefs: v } = F(
|
|
21
21
|
t,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
), I =
|
|
22
|
+
o,
|
|
23
|
+
r
|
|
24
|
+
), I = c(y, t.length), b = c(v, t.length);
|
|
25
25
|
if (t.length === 0)
|
|
26
26
|
return null;
|
|
27
|
-
const
|
|
28
|
-
return /* @__PURE__ */
|
|
27
|
+
const n = H(p, o, h), s = P(m, d, n, l), R = N(t.length, o), _ = B(l.y, o);
|
|
28
|
+
return /* @__PURE__ */ x(
|
|
29
29
|
"g",
|
|
30
30
|
{
|
|
31
31
|
"data-testid": "chart-tooltip",
|
|
32
32
|
role: "tooltip",
|
|
33
33
|
style: {
|
|
34
34
|
opacity: p === null ? 0 : 1,
|
|
35
|
-
transition:
|
|
35
|
+
transition: D,
|
|
36
36
|
pointerEvents: "none"
|
|
37
37
|
},
|
|
38
38
|
children: [
|
|
39
39
|
/* @__PURE__ */ a(
|
|
40
40
|
"rect",
|
|
41
41
|
{
|
|
42
|
-
x:
|
|
42
|
+
x: s,
|
|
43
43
|
y: l.y,
|
|
44
|
-
width:
|
|
45
|
-
height:
|
|
46
|
-
rx:
|
|
47
|
-
fill:
|
|
44
|
+
width: n,
|
|
45
|
+
height: R,
|
|
46
|
+
rx: e("var(--border-radius-sm)"),
|
|
47
|
+
fill: e("var(--background-muted)")
|
|
48
48
|
}
|
|
49
49
|
),
|
|
50
|
-
|
|
50
|
+
o && /* @__PURE__ */ a(
|
|
51
51
|
"text",
|
|
52
52
|
{
|
|
53
|
-
ref:
|
|
53
|
+
ref: T,
|
|
54
54
|
"data-testid": "chart-tooltip-title",
|
|
55
|
-
x:
|
|
56
|
-
y: l.y +
|
|
55
|
+
x: s + S,
|
|
56
|
+
y: l.y + O + f / 2,
|
|
57
57
|
dominantBaseline: "middle",
|
|
58
58
|
style: G,
|
|
59
|
-
children:
|
|
59
|
+
children: r
|
|
60
60
|
}
|
|
61
61
|
),
|
|
62
|
-
t.map((
|
|
63
|
-
|
|
62
|
+
t.map((u, i) => /* @__PURE__ */ a(
|
|
63
|
+
g,
|
|
64
64
|
{
|
|
65
|
-
label:
|
|
66
|
-
value:
|
|
67
|
-
x:
|
|
68
|
-
y: _ + i * (f +
|
|
69
|
-
width:
|
|
65
|
+
label: u.label,
|
|
66
|
+
value: u.value,
|
|
67
|
+
x: s,
|
|
68
|
+
y: _ + i * (f + E) + f / 2,
|
|
69
|
+
width: n,
|
|
70
70
|
labelRef: I[i],
|
|
71
|
-
valueRef:
|
|
71
|
+
valueRef: b[i]
|
|
72
72
|
},
|
|
73
73
|
i
|
|
74
74
|
))
|
|
@@ -2,9 +2,8 @@ export declare const DEFAULT_OFFSET = 10;
|
|
|
2
2
|
export declare const PADDING_X = 8;
|
|
3
3
|
export declare const PADDING_Y = 8;
|
|
4
4
|
export declare const ROW_HEIGHT = 16;
|
|
5
|
-
export declare const ROW_GAP =
|
|
5
|
+
export declare const ROW_GAP = 4;
|
|
6
6
|
export declare const TITLE_GAP = 6;
|
|
7
|
-
export declare const BORDER_RADIUS = 4;
|
|
8
7
|
export declare const TOOLTIP_TRANSITION = "opacity 0.15s ease-out 0.05s";
|
|
9
8
|
export declare const LABEL_VALUE_GAP = 12;
|
|
10
9
|
export declare const DEFAULT_TOOLTIP_MIN_WIDTH = 80;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Scrubber/DefaultScrubberTooltip/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,OAAO,IAAI,CAAC;AACzB,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Scrubber/DefaultScrubberTooltip/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,OAAO,IAAI,CAAC;AACzB,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,eAAO,MAAM,kBAAkB,iCAAiC,CAAC;AACjE,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,yBAAyB,KAAK,CAAC"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
const
|
|
1
|
+
const T = 10, o = 8, s = 8, t = 16, _ = 4, c = 6, A = "opacity 0.15s ease-out 0.05s", I = 12, n = 80;
|
|
2
2
|
export {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
s as
|
|
8
|
-
t as PADDING_Y,
|
|
3
|
+
T as DEFAULT_OFFSET,
|
|
4
|
+
n as DEFAULT_TOOLTIP_MIN_WIDTH,
|
|
5
|
+
I as LABEL_VALUE_GAP,
|
|
6
|
+
o as PADDING_X,
|
|
7
|
+
s as PADDING_Y,
|
|
9
8
|
_ as ROW_GAP,
|
|
10
|
-
|
|
9
|
+
t as ROW_HEIGHT,
|
|
11
10
|
c as TITLE_GAP,
|
|
12
|
-
|
|
11
|
+
A as TOOLTIP_TRANSITION
|
|
13
12
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ScrubberProviderProps } from './types';
|
|
2
|
-
export declare function ScrubberProvider({ children, svgRef, enableScrubbing, onScrubberPositionChange, }: Readonly<ScrubberProviderProps>): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function ScrubberProvider({ children, svgRef, enableScrubbing, onScrubberPositionChange, magnetRadius, }: Readonly<ScrubberProviderProps>): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=ScrubberProvider.d.ts.map
|