@bysages/charts 0.1.1 → 0.2.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/index.d.mts
CHANGED
|
@@ -5,7 +5,7 @@ export * from "@tanstack/charts";
|
|
|
5
5
|
* crosshair and focus takes the primary ink. The marks themselves carry
|
|
6
6
|
* tokens straight through paint attributes — var() resolves against the
|
|
7
7
|
* live theme, so mode, accent, and scene retune the ink with no redraw. */
|
|
8
|
-
export declare const chartThemeCss = "\n.ts-chart {\n /* The categorical slots the engine fills when a mark names no paint —\n without these the engine falls back to its own default palette.\n They ride the pigments in reading order, then one mixed ink tone. */\n --ts-chart-1: var(--bs-color-primary);\n --ts-chart-2: var(--bs-color-danger);\n --ts-chart-3: var(--bs-color-success);\n --ts-chart-4: var(--bs-color-warning);\n --ts-chart-5: var(--bs-color-info);\n --ts-chart-6: color-mix(in oklab, var(--bs-color-primary) 60%, var(--bs-color-surface-0));\n --ts-chart-tooltip-background: var(--bs-color-surface-2);\n --ts-chart-tooltip-border: 1px solid var(--bs-color-border);\n --ts-chart-tooltip-border-radius: var(--bs-radius-lg);\n --ts-chart-tooltip-color: var(--bs-color-text-primary);\n --ts-chart-tooltip-font: var(--bs-font-size-sm) / var(--bs-line-height-relaxed)\n var(--bs-font-sans);\n --ts-chart-tooltip-max-width: 18rem;\n --ts-chart-tooltip-padding: var(--bs-space-2) var(--bs-space-3);\n --ts-chart-tooltip-shadow: var(--bs-elevation-3);\n --ts-chart-tooltip-active-row-background: var(--bs-color-surface-0);\n --ts-chart-tooltip-active-row-border-radius: var(--bs-radius-sm);\n --ts-chart-tooltip-active-row-font-weight: var(--bs-font-weight-medium);\n --ts-chart-tooltip-active-row-shadow: none;\n --ts-chart-crosshair-marker-fill: var(--bs-color-primary);\n --ts-chart-crosshair-label-halo: var(--bs-color-surface-1);\n --ts-chart-focus-fill: var(--bs-color-primary);\n}\n";
|
|
8
|
+
export declare const chartThemeCss = "\n.ts-chart {\n /* The categorical slots the engine fills when a mark names no paint —\n without these the engine falls back to its own default palette.\n They ride the pigments in reading order, then one mixed ink tone. */\n --ts-chart-1: var(--bs-color-primary);\n --ts-chart-2: var(--bs-color-danger);\n --ts-chart-3: var(--bs-color-success);\n --ts-chart-4: var(--bs-color-warning);\n --ts-chart-5: var(--bs-color-info);\n --ts-chart-6: color-mix(in oklab, var(--bs-color-primary) 60%, var(--bs-color-surface-0));\n --ts-chart-tooltip-background: var(--bs-color-surface-2);\n --ts-chart-tooltip-border: 1px solid var(--bs-color-border);\n --ts-chart-tooltip-border-radius: var(--bs-radius-lg);\n --ts-chart-tooltip-color: var(--bs-color-text-primary);\n --ts-chart-tooltip-font: var(--bs-font-size-sm) / var(--bs-line-height-relaxed)\n var(--bs-font-sans);\n --ts-chart-tooltip-max-width: 18rem;\n --ts-chart-tooltip-padding: var(--bs-space-2) var(--bs-space-3);\n --ts-chart-tooltip-shadow: var(--bs-elevation-3);\n --ts-chart-tooltip-active-row-background: var(--bs-color-surface-0);\n --ts-chart-tooltip-active-row-border-radius: var(--bs-radius-sm);\n --ts-chart-tooltip-active-row-font-weight: var(--bs-font-weight-medium);\n --ts-chart-tooltip-active-row-shadow: none;\n --ts-chart-crosshair-marker-fill: var(--bs-color-primary);\n --ts-chart-crosshair-label-halo: var(--bs-color-surface-1);\n --ts-chart-focus-fill: var(--bs-color-primary);\n}\n\n/* The chart svg is focusable for keyboard crosshair steering, but the\n * browser's default focus outline reads as a black frame on click. A\n * pointer press stays quiet; keyboard arrival wears the system halo. */\n.ts-chart:focus {\n outline: none;\n}\n\n.ts-chart:focus-visible {\n outline: none;\n border-radius: var(--bs-radius-sm);\n box-shadow: var(--bs-focus-ring);\n}\n";
|
|
9
9
|
/** Inject the chart theme bridge (plus the token layer on first use).
|
|
10
10
|
* Idempotent; SSR is a no-op. */
|
|
11
11
|
export declare function injectChartTheme(): void;
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as injectChartTheme, t as chartThemeCss } from "./theme-
|
|
1
|
+
import { n as injectChartTheme, t as chartThemeCss } from "./theme-yhB90I_b.mjs";
|
|
2
2
|
export * from "@tanstack/charts";
|
|
3
3
|
//#region src/palette.ts
|
|
4
4
|
/** The semantic pigments as paint. Marks take these strings directly —
|
package/dist/react/chart.mjs
CHANGED
package/dist/solid/chart.mjs
CHANGED
package/dist/svelte/chart.mjs
CHANGED
|
@@ -33,6 +33,19 @@ const chartThemeCss = `
|
|
|
33
33
|
--ts-chart-crosshair-label-halo: var(--bs-color-surface-1);
|
|
34
34
|
--ts-chart-focus-fill: var(--bs-color-primary);
|
|
35
35
|
}
|
|
36
|
+
|
|
37
|
+
/* The chart svg is focusable for keyboard crosshair steering, but the
|
|
38
|
+
* browser's default focus outline reads as a black frame on click. A
|
|
39
|
+
* pointer press stays quiet; keyboard arrival wears the system halo. */
|
|
40
|
+
.ts-chart:focus {
|
|
41
|
+
outline: none;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.ts-chart:focus-visible {
|
|
45
|
+
outline: none;
|
|
46
|
+
border-radius: var(--bs-radius-sm);
|
|
47
|
+
box-shadow: var(--bs-focus-ring);
|
|
48
|
+
}
|
|
36
49
|
`;
|
|
37
50
|
let injected = false;
|
|
38
51
|
/** Inject the chart theme bridge (plus the token layer on first use).
|
package/dist/vue/chart.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bysages/charts",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "Token-themed charts for By Sages Elements — TanStack Charts dressed in the paper-and-ink system: one token bridge plus thin framework adapters",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"charts",
|
|
@@ -55,12 +55,12 @@
|
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
57
|
"@tanstack/charts": "0.18.0",
|
|
58
|
-
"@bysages/core": "0.
|
|
58
|
+
"@bysages/core": "0.2.0"
|
|
59
59
|
},
|
|
60
60
|
"devDependencies": {
|
|
61
61
|
"@sveltejs/vite-plugin-svelte": "7.3.0",
|
|
62
62
|
"rollup-plugin-svelte": "7.2.3",
|
|
63
|
-
"svelte": "5.57.
|
|
63
|
+
"svelte": "5.57.1"
|
|
64
64
|
},
|
|
65
65
|
"peerDependencies": {
|
|
66
66
|
"react": "^18.0.0 || ^19.0.0",
|