@bysages/charts 0.0.0 → 0.1.1
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/README.md +4 -4
- package/dist/index.d.mts +1 -1
- package/dist/index.mjs +1 -1
- package/dist/react/chart.d.mts +2 -2
- package/dist/react/chart.mjs +1 -1
- package/dist/solid/chart.mjs +1 -1
- package/dist/svelte/chart.mjs +1 -1
- package/dist/{theme-CCf9S1Jc.mjs → theme-lwEgmQOI.mjs} +9 -0
- package/dist/vue/chart.mjs +1 -1
- package/package.json +9 -8
package/README.md
CHANGED
|
@@ -17,16 +17,16 @@
|
|
|
17
17
|
|
|
18
18
|
```bash
|
|
19
19
|
# pnpm
|
|
20
|
-
pnpm add @bysages/charts
|
|
20
|
+
pnpm add @bysages/charts
|
|
21
21
|
|
|
22
22
|
# npm
|
|
23
|
-
npm install @bysages/charts
|
|
23
|
+
npm install @bysages/charts
|
|
24
24
|
|
|
25
25
|
# yarn
|
|
26
|
-
yarn add @bysages/charts
|
|
26
|
+
yarn add @bysages/charts
|
|
27
27
|
|
|
28
28
|
# bun
|
|
29
|
-
bun add @bysages/charts
|
|
29
|
+
bun add @bysages/charts
|
|
30
30
|
```
|
|
31
31
|
|
|
32
32
|
## Quick Start
|
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 --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";
|
|
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-lwEgmQOI.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.d.mts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Chart, ChartCommonProps, ChartDefinition,
|
|
2
|
-
export { Chart, type ChartCommonProps, type ChartDefinition, type
|
|
1
|
+
import { Chart, ChartCommonProps, ChartDefinition, ChartProps } from "@tanstack/charts/react";
|
|
2
|
+
export { Chart, type ChartCommonProps, type ChartDefinition, type ChartProps };
|
package/dist/react/chart.mjs
CHANGED
package/dist/solid/chart.mjs
CHANGED
package/dist/svelte/chart.mjs
CHANGED
|
@@ -7,6 +7,15 @@ import { injectTokens } from "@bysages/core";
|
|
|
7
7
|
* live theme, so mode, accent, and scene retune the ink with no redraw. */
|
|
8
8
|
const chartThemeCss = `
|
|
9
9
|
.ts-chart {
|
|
10
|
+
/* The categorical slots the engine fills when a mark names no paint —
|
|
11
|
+
without these the engine falls back to its own default palette.
|
|
12
|
+
They ride the pigments in reading order, then one mixed ink tone. */
|
|
13
|
+
--ts-chart-1: var(--bs-color-primary);
|
|
14
|
+
--ts-chart-2: var(--bs-color-danger);
|
|
15
|
+
--ts-chart-3: var(--bs-color-success);
|
|
16
|
+
--ts-chart-4: var(--bs-color-warning);
|
|
17
|
+
--ts-chart-5: var(--bs-color-info);
|
|
18
|
+
--ts-chart-6: color-mix(in oklab, var(--bs-color-primary) 60%, var(--bs-color-surface-0));
|
|
10
19
|
--ts-chart-tooltip-background: var(--bs-color-surface-2);
|
|
11
20
|
--ts-chart-tooltip-border: 1px solid var(--bs-color-border);
|
|
12
21
|
--ts-chart-tooltip-border-radius: var(--bs-radius-lg);
|
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.1.1",
|
|
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,7 +55,12 @@
|
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
57
|
"@tanstack/charts": "0.18.0",
|
|
58
|
-
"@bysages/core": "0.
|
|
58
|
+
"@bysages/core": "0.1.1"
|
|
59
|
+
},
|
|
60
|
+
"devDependencies": {
|
|
61
|
+
"@sveltejs/vite-plugin-svelte": "7.3.0",
|
|
62
|
+
"rollup-plugin-svelte": "7.2.3",
|
|
63
|
+
"svelte": "5.57.0"
|
|
59
64
|
},
|
|
60
65
|
"peerDependencies": {
|
|
61
66
|
"react": "^18.0.0 || ^19.0.0",
|
|
@@ -77,13 +82,9 @@
|
|
|
77
82
|
"optional": true
|
|
78
83
|
}
|
|
79
84
|
},
|
|
80
|
-
"devDependencies": {
|
|
81
|
-
"@sveltejs/vite-plugin-svelte": "7.3.0",
|
|
82
|
-
"rollup-plugin-svelte": "7.2.3",
|
|
83
|
-
"svelte": "5.57.0"
|
|
84
|
-
},
|
|
85
85
|
"scripts": {
|
|
86
86
|
"dev": "basis build --stub",
|
|
87
|
-
"build": "vp pack"
|
|
87
|
+
"build": "vp pack",
|
|
88
|
+
"release": "basis publish"
|
|
88
89
|
}
|
|
89
90
|
}
|