@sckyzo/cosmos-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/CHANGELOG.md +12 -0
- package/README.md +19 -13
- package/dist/index.cjs +659 -14
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +175 -2
- package/dist/index.d.ts +175 -2
- package/dist/index.js +652 -14
- package/dist/index.js.map +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,18 @@ All notable changes to `@sckyzo/cosmos-charts` are documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [0.2.0](https://github.com/SckyzO/cosmos/compare/@sckyzo/cosmos-charts@0.1.1...@sckyzo/cosmos-charts@0.2.0) (2026-10-21)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Features
|
|
12
|
+
|
|
13
|
+
* **charts:** add BoxPlotChart ([83e812e](https://github.com/SckyzO/cosmos/commit/83e812e7f42e5ce0117be5080a06a7a70d3cf76e)), closes [#157](https://github.com/SckyzO/cosmos/issues/157)
|
|
14
|
+
* **charts:** add HeatmapChart ([eb7f363](https://github.com/SckyzO/cosmos/commit/eb7f363c0c958f6d7ec49ed6eee6a8354fc4b579)), closes [#157](https://github.com/SckyzO/cosmos/issues/157)
|
|
15
|
+
* **charts:** add MixedChart ([9657c84](https://github.com/SckyzO/cosmos/commit/9657c84d83c9cd8b0f82444b61fe1b499ad241f0)), closes [#157](https://github.com/SckyzO/cosmos/issues/157)
|
|
16
|
+
* **charts:** add RadarChart ([8f97184](https://github.com/SckyzO/cosmos/commit/8f9718421613d4e448826e3bc627986cfa772bae)), closes [#157](https://github.com/SckyzO/cosmos/issues/157)
|
|
17
|
+
* **charts:** add RangeBarChart ([a58030a](https://github.com/SckyzO/cosmos/commit/a58030a8e8324c549ac780141931f3405cd22f57)), closes [#157](https://github.com/SckyzO/cosmos/issues/157)
|
|
18
|
+
* **charts:** add ScatterChart and BubbleChart ([0ce481b](https://github.com/SckyzO/cosmos/commit/0ce481be8e062088f979f076a21eba874ad84be2)), closes [#157](https://github.com/SckyzO/cosmos/issues/157)
|
|
19
|
+
|
|
8
20
|
## [0.1.1](https://github.com/SckyzO/cosmos/compare/@sckyzo/cosmos-charts@0.1.0...@sckyzo/cosmos-charts@0.1.1) (2026-10-21)
|
|
9
21
|
|
|
10
22
|
|
package/README.md
CHANGED
|
@@ -24,22 +24,28 @@ import { LineAreaChart, RealtimeChart, useChartTheme } from '@sckyzo/cosmos-char
|
|
|
24
24
|
/>;
|
|
25
25
|
```
|
|
26
26
|
|
|
27
|
-
The included `useChartTheme()` hook adapts ApexCharts grid + axis tokens and the brand color to the current Cosmos theme and accent: it subscribes to the theme class (`dark` and `deep-blue` render dark charts) and `data-accent` on `<html>`, and reads `--color-brand-500` and the gray scale from the CSS. `COSMOS_BRAND` is the default blue; use `useChartTheme().brand` to follow the accent.
|
|
27
|
+
The included `useChartTheme()` hook adapts ApexCharts grid + axis tokens and the brand color to the current Cosmos theme and accent: it subscribes to the theme class (`dark` and `deep-blue` render dark charts) and `data-accent` on `<html>`, and reads `--color-brand-500` and the gray scale from the CSS. `COSMOS_BRAND` is the default blue; use `useChartTheme().brand` to follow the accent. `brandScale` is a sequential scale of five brand steps, low to high (pale to deep in light themes, dark to bright in dark ones), and `surface` the card background; `HeatmapChart` uses both.
|
|
28
28
|
|
|
29
29
|
## Charts shipped
|
|
30
30
|
|
|
31
|
-
| Chart | Notes
|
|
32
|
-
| --------------------------------- |
|
|
33
|
-
| `BarChart` | Vertical or horizontal bars
|
|
34
|
-
| `
|
|
35
|
-
| `
|
|
36
|
-
| `
|
|
37
|
-
| `
|
|
38
|
-
| `
|
|
39
|
-
| `
|
|
40
|
-
| `
|
|
41
|
-
| `
|
|
42
|
-
| `
|
|
31
|
+
| Chart | Notes |
|
|
32
|
+
| --------------------------------- | ------------------------------------------------------ |
|
|
33
|
+
| `BarChart` | Vertical or horizontal bars |
|
|
34
|
+
| `RangeBarChart` | Time ranges per row on a datetime axis (timeline) |
|
|
35
|
+
| `MixedChart` | Columns and lines on one chart, optional second y axis |
|
|
36
|
+
| `LineAreaChart` | Smooth area + gradient fill |
|
|
37
|
+
| `RealtimeChart` | Live updates with WARN/CRIT threshold annotations |
|
|
38
|
+
| `RadialBarChart` | Multi-series radial gauge |
|
|
39
|
+
| `GradientRadial` | Single gradient radial |
|
|
40
|
+
| `SemiCircleGauge` | Half-donut gauge |
|
|
41
|
+
| `StrokedGauge` | Dashed-stroke radial |
|
|
42
|
+
| `DonutChart` / `DonutRightLegend` | Donut with bottom or right legend |
|
|
43
|
+
| `Sparkline` / `SparklineGroup` | Mini sparklines + KPI grid |
|
|
44
|
+
| `TreemapChart` | Repartition treemap |
|
|
45
|
+
| `HeatmapChart` | Rows × columns colored by value buckets or ranges |
|
|
46
|
+
| `RadarChart` | One polygon per series over named axes |
|
|
47
|
+
| `ScatterChart` / `BubbleChart` | Numeric x/y points; bubble size as a 3rd measure |
|
|
48
|
+
| `BoxPlotChart` | Min/quartiles/max boxes, vertical or horizontal |
|
|
43
49
|
|
|
44
50
|
## License
|
|
45
51
|
|