@classic-homes/charts-core 0.2.0 → 0.3.1

package/README.md

@@ -0,0 +1,43 @@
+# @classic-homes/charts-core
+
+Framework-agnostic utilities, types, and ECharts themes for Classic Theme chart components. This package is the shared foundation for `@classic-homes/charts-react` and `@classic-homes/charts-svelte`.
+
+## Installation
+
+```bash
+npm install @classic-homes/charts-core echarts
+```
+
+Peer dependency: `echarts@^5.5.0`.
+
+## Exports
+
+| Import                             | Contents                                                                                                                                                                     |
+| ---------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `@classic-homes/charts-core`       | Themes, chart color helpers, prop and data types, formatting and data utilities                                                                                              |
+| `@classic-homes/charts-core/theme` | `generateLightTheme`, `generateDarkTheme`, `lightTheme`, `darkTheme`, `THEME_LIGHT`, `THEME_DARK`, `lightChartColors`, `darkChartColors`, `getChartColors`, `colorWithAlpha` |
+| `@classic-homes/charts-core/types` | Chart prop, data, and event types (`LineChartData`, `BarChartProps`, `ChartEventHandlers`, ...)                                                                              |
+
+## Usage
+
+### Themes
+
+```typescript
+import { lightTheme, darkTheme } from '@classic-homes/charts-core/theme';
+```
+
+### Types
+
+```typescript
+import type { LineChartData, BarChartData, PieSliceData } from '@classic-homes/charts-core/types';
+
+const revenue: LineChartData = {
+  categories: ['Jan', 'Feb', 'Mar'],
+  series: [{ name: '2025', data: [120, 132, 101] }],
+};
+```
+
+## Related Packages
+
+- `@classic-homes/charts-react`: React ECharts components
+- `@classic-homes/charts-svelte`: Svelte ECharts components

package/dist/{chunk-JM72YHZD.js → chunk-WAHMKXRF.js}

@@ -1,4 +1,4 @@
-import { semanticColors, colors, borderRadius, fontFamily } from '@classic-homes/theme-tokens';
+import { colors, semanticColors, borderRadius, fontFamily } from '@classic-homes/theme-tokens';
 
 // src/theme/generator.ts
 function generateLightTheme() {
@@ -282,7 +282,12 @@ var lightChartColors = {
   axisPointerLabel: semanticColors.light.mutedForeground,
   divider: colors.gray[600],
   success: semanticColors.light.success,
-  destructive: semanticColors.light.destructive
+  destructive: semanticColors.light.destructive,
+  warning: semanticColors.light.warning,
+  reference: semanticColors.light.mutedForeground,
+  referenceBand: "rgba(102, 102, 102, 0.08)",
+  surface: semanticColors.light.card,
+  ranges: [colors.gray[300], colors.gray[200], colors.gray[100]]
 };
 var darkChartColors = {
   series: darkTheme.color,
@@ -292,7 +297,12 @@ var darkChartColors = {
   axisPointerLabel: colors.gray[600],
   divider: colors.gray[700],
   success: semanticColors.dark.success,
-  destructive: semanticColors.dark.destructive
+  destructive: semanticColors.dark.destructive,
+  warning: semanticColors.dark.warning,
+  reference: semanticColors.dark.mutedForeground,
+  referenceBand: "rgba(255, 255, 255, 0.06)",
+  surface: semanticColors.dark.card,
+  ranges: [colors.gray[600], colors.gray[700], colors.gray[800]]
 };
 function getChartColors(themeName) {
   return themeName === THEME_DARK ? darkChartColors : lightChartColors;