@carbon/charts-svelte 1.23.0 → 1.23.2

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.
Files changed (58) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/AlluvialChart.svelte +2 -0
  3. package/dist/AlluvialChart.svelte.d.ts +1 -0
  4. package/dist/AreaChart.svelte +2 -0
  5. package/dist/AreaChart.svelte.d.ts +1 -0
  6. package/dist/BarChartGrouped.svelte +2 -0
  7. package/dist/BarChartGrouped.svelte.d.ts +1 -0
  8. package/dist/BarChartSimple.svelte +2 -0
  9. package/dist/BarChartSimple.svelte.d.ts +1 -0
  10. package/dist/BarChartStacked.svelte +2 -0
  11. package/dist/BarChartStacked.svelte.d.ts +1 -0
  12. package/dist/BaseChart.svelte +4 -0
  13. package/dist/BaseChart.svelte.d.ts +1 -0
  14. package/dist/BoxplotChart.svelte +2 -0
  15. package/dist/BoxplotChart.svelte.d.ts +1 -0
  16. package/dist/BubbleChart.svelte +2 -0
  17. package/dist/BubbleChart.svelte.d.ts +1 -0
  18. package/dist/BulletChart.svelte +2 -0
  19. package/dist/BulletChart.svelte.d.ts +1 -0
  20. package/dist/ChoroplethChart.svelte +2 -0
  21. package/dist/ChoroplethChart.svelte.d.ts +1 -0
  22. package/dist/CirclePackChart.svelte +2 -0
  23. package/dist/CirclePackChart.svelte.d.ts +1 -0
  24. package/dist/ComboChart.svelte +2 -0
  25. package/dist/ComboChart.svelte.d.ts +1 -0
  26. package/dist/DonutChart.svelte +2 -0
  27. package/dist/DonutChart.svelte.d.ts +1 -0
  28. package/dist/GaugeChart.svelte +2 -0
  29. package/dist/GaugeChart.svelte.d.ts +1 -0
  30. package/dist/HeatmapChart.svelte +2 -0
  31. package/dist/HeatmapChart.svelte.d.ts +1 -0
  32. package/dist/HistogramChart.svelte +2 -0
  33. package/dist/HistogramChart.svelte.d.ts +1 -0
  34. package/dist/LineChart.svelte +2 -0
  35. package/dist/LineChart.svelte.d.ts +1 -0
  36. package/dist/LollipopChart.svelte +2 -0
  37. package/dist/LollipopChart.svelte.d.ts +1 -0
  38. package/dist/MeterChart.svelte +2 -0
  39. package/dist/MeterChart.svelte.d.ts +1 -0
  40. package/dist/PieChart.svelte +2 -0
  41. package/dist/PieChart.svelte.d.ts +1 -0
  42. package/dist/RadarChart.svelte +2 -0
  43. package/dist/RadarChart.svelte.d.ts +1 -0
  44. package/dist/ScatterChart.svelte +2 -0
  45. package/dist/ScatterChart.svelte.d.ts +1 -0
  46. package/dist/StackedAreaChart.svelte +2 -0
  47. package/dist/StackedAreaChart.svelte.d.ts +1 -0
  48. package/dist/TreeChart.svelte +2 -0
  49. package/dist/TreeChart.svelte.d.ts +1 -0
  50. package/dist/TreemapChart.svelte +2 -0
  51. package/dist/TreemapChart.svelte.d.ts +1 -0
  52. package/dist/WordCloudChart.svelte +2 -0
  53. package/dist/WordCloudChart.svelte.d.ts +1 -0
  54. package/dist/styles.css +0 -198
  55. package/dist/styles.css.map +1 -1
  56. package/dist/styles.min.css +0 -197
  57. package/dist/styles.min.css.map +1 -1
  58. package/package.json +10 -10
package/CHANGELOG.md CHANGED
@@ -3,6 +3,24 @@
3
3
  All notable changes to this project will be documented in this file. See
4
4
  [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 1.23.2 (2025-04-06)
7
+
8
+ **Note:** Version bump only for package @carbon/charts-svelte
9
+
10
+ # Change Log
11
+
12
+ All notable changes to this project will be documented in this file. See
13
+ [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
14
+
15
+ ## 1.23.1 (2025-04-04)
16
+
17
+ **Note:** Version bump only for package @carbon/charts-svelte
18
+
19
+ # Change Log
20
+
21
+ All notable changes to this project will be documented in this file. See
22
+ [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
23
+
6
24
  # 1.23.0 (2025-03-05)
7
25
 
8
26
  ### Features
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Alluvial chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={AlluvialChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { AlluvialChart as AlluvialChartCore, type AlluvialChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Alluvial chart component. */
3
4
  declare const AlluvialChart: import('svelte').Component<
4
5
  ChartProps<AlluvialChartCore, AlluvialChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Area chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={AreaChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { AreaChart as AreaChartCore, type AreaChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Area chart component. */
3
4
  declare const AreaChart: import('svelte').Component<
4
5
  ChartProps<AreaChartCore, AreaChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Grouped bar chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={GroupedBarChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { GroupedBarChart as GroupedBarChartCore, type BarChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Grouped bar chart component. */
3
4
  declare const BarChartGrouped: import('svelte').Component<
4
5
  ChartProps<GroupedBarChartCore, BarChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Bar chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={SimpleBarChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { SimpleBarChart as SimpleBarChartCore, type BarChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Bar chart component. */
3
4
  declare const BarChartSimple: import('svelte').Component<
4
5
  ChartProps<SimpleBarChartCore, BarChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Stacked bar chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={StackedBarChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { StackedBarChart as StackedBarChartCore, type BarChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Stacked bar chart component. */
3
4
  declare const BarChartStacked: import('svelte').Component<
4
5
  ChartProps<StackedBarChartCore, BarChartOptions>,
5
6
  {},
@@ -38,4 +38,8 @@
38
38
  })
39
39
  </script>
40
40
 
41
+ <!--
42
+ @component Base chart component from which all charts are derived.
43
+ -->
44
+
41
45
  <div {id} bind:this={ref} class={chartHolderCssClass} {...rest}></div>
@@ -28,6 +28,7 @@ interface $$IsomorphicComponent {
28
28
  ): ReturnType<__sveltets_Render<ChartType, ChartOptionType>['exports']>
29
29
  z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>
30
30
  }
31
+ /** Base chart component from which all charts are derived. */
31
32
  declare const BaseChart: $$IsomorphicComponent
32
33
  type BaseChart<ChartType extends Charts, ChartOptionType extends BaseChartOptions> = InstanceType<
33
34
  typeof BaseChart<ChartType, ChartOptionType>
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Boxplot chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={BoxplotChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { BoxplotChart as BoxplotChartCore } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Boxplot chart component. */
3
4
  declare const BoxplotChart: import('svelte').Component<
4
5
  ChartProps<BoxplotChartCore, import('@carbon/charts').AxisChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Bubble chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={BubbleChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { BubbleChart as BubbleChartCore, type BubbleChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Bubble chart component. */
3
4
  declare const BubbleChart: import('svelte').Component<
4
5
  ChartProps<BubbleChartCore, BubbleChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Bullet chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={BulletChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { BulletChart as BulletChartCore, type BulletChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Bullet chart component. */
3
4
  declare const BulletChart: import('svelte').Component<
4
5
  ChartProps<BulletChartCore, BulletChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Choropleth / geographic chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={ChoroplethChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { ChoroplethChart as ChoroplethChartCore, type ChoroplethChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Choropleth / geographic chart component. */
3
4
  declare const ChoroplethChart: import('svelte').Component<
4
5
  ChartProps<ChoroplethChartCore, ChoroplethChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Circle pack chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={CirclePackChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { CirclePackChart as CirclePackChartCore, type CirclePackChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Circle pack chart component. */
3
4
  declare const CirclePackChart: import('svelte').Component<
4
5
  ChartProps<CirclePackChartCore, CirclePackChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Combo chart component - supports mixing types such as bar and line charts. -->
17
+
16
18
  <BaseChart
17
19
  Chart={ComboChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { ComboChart as ComboChartCore, type ComboChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Combo chart component - supports mixing types such as bar and line charts. */
3
4
  declare const ComboChart: import('svelte').Component<
4
5
  ChartProps<ComboChartCore, ComboChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Donut chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={DonutChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { DonutChart as DonutChartCore, type DonutChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Donut chart component. */
3
4
  declare const DonutChart: import('svelte').Component<
4
5
  ChartProps<DonutChartCore, DonutChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Guage chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={GaugeChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { GaugeChart as GaugeChartCore, type GaugeChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Guage chart component. */
3
4
  declare const GaugeChart: import('svelte').Component<
4
5
  ChartProps<GaugeChartCore, GaugeChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Heatmap chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={HeatmapChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { HeatmapChart as HeatmapChartCore, type HeatmapChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Heatmap chart component. */
3
4
  declare const HeatmapChart: import('svelte').Component<
4
5
  ChartProps<HeatmapChartCore, HeatmapChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Histogram chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={HistogramChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { HistogramChart as HistogramChartCore, type HistogramChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Histogram chart component. */
3
4
  declare const HistogramChart: import('svelte').Component<
4
5
  ChartProps<HistogramChartCore, HistogramChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Line chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={LineChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { LineChart as LineChartCore, type LineChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Line chart component. */
3
4
  declare const LineChart: import('svelte').Component<
4
5
  ChartProps<LineChartCore, LineChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Lollipop chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={LollipopChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { LollipopChart as LollipopChartCore } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Lollipop chart component. */
3
4
  declare const LollipopChart: import('svelte').Component<
4
5
  ChartProps<LollipopChartCore, import('@carbon/charts').ScatterChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Meter chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={MeterChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { MeterChart as MeterChartCore, type MeterChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Meter chart component. */
3
4
  declare const MeterChart: import('svelte').Component<
4
5
  ChartProps<MeterChartCore, MeterChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Pie chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={PieChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { PieChart as PieChartCore, type PieChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Pie chart component. */
3
4
  declare const PieChart: import('svelte').Component<
4
5
  ChartProps<PieChartCore, PieChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Radar / kiviat chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={RadarChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { RadarChart as RadarChartCore, type RadarChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Radar / kiviat chart component. */
3
4
  declare const RadarChart: import('svelte').Component<
4
5
  ChartProps<RadarChartCore, RadarChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Scatter chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={ScatterChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { ScatterChart as ScatterChartCore, type ScatterChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Scatter chart component. */
3
4
  declare const ScatterChart: import('svelte').Component<
4
5
  ChartProps<ScatterChartCore, ScatterChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Stacked area chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={StackedAreaChartCore}
18
20
  {options}
@@ -3,6 +3,7 @@ import {
3
3
  type StackedAreaChartOptions
4
4
  } from '@carbon/charts'
5
5
  import type { ChartProps } from './interfaces'
6
+ /** Stacked area chart component. */
6
7
  declare const StackedAreaChart: import('svelte').Component<
7
8
  ChartProps<StackedAreaChartCore, StackedAreaChartOptions>,
8
9
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Tree chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={TreeChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { TreeChart as TreeChartCore, type TreeChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Tree chart component. */
3
4
  declare const TreeChart: import('svelte').Component<
4
5
  ChartProps<TreeChartCore, TreeChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Treemap chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={TreemapChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { TreemapChart as TreemapChartCore } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Treemap chart component. */
3
4
  declare const TreemapChart: import('svelte').Component<
4
5
  ChartProps<TreemapChartCore, import('@carbon/charts').BaseChartOptions>,
5
6
  {},
@@ -13,6 +13,8 @@
13
13
  } = $props()
14
14
  </script>
15
15
 
16
+ <!-- @component Word cloud chart component. -->
17
+
16
18
  <BaseChart
17
19
  Chart={WordCloudChartCore}
18
20
  {options}
@@ -1,5 +1,6 @@
1
1
  import { WordCloudChart as WordCloudChartCore, type WordCloudChartOptions } from '@carbon/charts'
2
2
  import type { ChartProps } from './interfaces'
3
+ /** Word cloud chart component. */
3
4
  declare const WordCloudChart: import('svelte').Component<
4
5
  ChartProps<WordCloudChartCore, WordCloudChartOptions>,
5
6
  {},