@carbon/charts-svelte 1.16.11 → 1.17.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.17.1 (2024-06-27)
+
+**Note:** Version bump only for package @carbon/charts-svelte
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# 1.17.0 (2024-06-26)
+
+### Features
+
+- **docs:** Creation of new documentation website (PLEASE SQUASH COMMITS)
+  ([#1798](https://github.com/carbon-design-system/carbon-charts/issues/1798))
+  ([9df518a](https://github.com/carbon-design-system/carbon-charts/commit/9df518a43fd55f69f7d135bd5a28f083277fd287))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 ## 1.16.11 (2024-06-18)
 
 ### Bug Fixes

package/README.md

@@ -1,11 +1,9 @@
 # Carbon Charts Svelte
 
 Carbon Charts Svelte is a thin Svelte wrapper around the vanilla JavaScript `@carbon/charts`
-component library. Documentation is provided below and in the Storybook demos.
+component library.
 
-**[Storybook demos](https://charts.carbondesignsystem.com/svelte)**
-
-**[Storybook demo sources](https://github.com/carbon-design-system/carbon-charts/tree/master/packages/core/demo/data)**
+## [Documentation with StackBlitz examples](https://charts.carbondesignsystem.com/)
 
 ## Maintenance & support
 
@@ -28,6 +26,8 @@ If you prefer [Yarn](https://yarnpkg.com/en/), use the following command instead
 yarn add -D @carbon/charts-svelte
 ```
 
+The required styles should be imported from `@carbon/charts-svelte/styles.css`.
+
 ### SvelteKit
 
 While this component library can be used with any build environments for Svelte,
@@ -186,28 +186,6 @@ hovering over a bar.
 	}} />
 ```
 
-## StackBlitz examples
-
-[Sample use cases can be seen here](https://charts.carbondesignsystem.com/svelte).
-
-**When opening the link above**, click on the **Edit on StackBlitz** button for each demo to see an
-isolated project showing you how to reproduce the demo.
-
-## Charting data & options
-
-Although new charts will be introduced in the future (such as a choropleth), data and options follow
-the same model for all charts with minor exceptions. For example, in the case of a donut chart,
-you're able to pass in an additional field called `center` in your options to configure the donut
-center.
-
-[Instructions for using the **tabular data format**](https://charts.carbondesignsystem.com/svelte/?path=/docs/docs-tutorials-tabular-data-format--docs)
-
-Additional options are available depending on the chart type being used,
-[see our demo examples here](https://github.com/carbon-design-system/carbon-charts/tree/master/packages/core/src/demo/charts).
-
-Customizable options (specific to chart type) can be found
-[here](https://charts.carbondesignsystem.com/documentation/modules/interfaces.html)
-
 ## TypeScript support
 
 Svelte version 3.31 or greater is required to use this library with TypeScript. Svelte 4.x+ is

package/dist/AlluvialChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { AlluvialChart as AlluvialChartCore, type AlluvialChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type AlluvialChartProps = typeof __propDef.props;
 export type AlluvialChartEvents = typeof __propDef.events;
 export type AlluvialChartSlots = typeof __propDef.slots;
-export default class AlluvialChart extends SvelteComponentTyped<AlluvialChartProps, AlluvialChartEvents, AlluvialChartSlots> {
+export default class AlluvialChart extends SvelteComponent<AlluvialChartProps, AlluvialChartEvents, AlluvialChartSlots> {
 }
 export {};

package/dist/AreaChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { AreaChart as AreaChartCore, type AreaChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type AreaChartProps = typeof __propDef.props;
 export type AreaChartEvents = typeof __propDef.events;
 export type AreaChartSlots = typeof __propDef.slots;
-export default class AreaChart extends SvelteComponentTyped<AreaChartProps, AreaChartEvents, AreaChartSlots> {
+export default class AreaChart extends SvelteComponent<AreaChartProps, AreaChartEvents, AreaChartSlots> {
 }
 export {};

package/dist/BarChartGrouped.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { GroupedBarChart as GroupedBarChartCore, type BarChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type BarChartGroupedProps = typeof __propDef.props;
 export type BarChartGroupedEvents = typeof __propDef.events;
 export type BarChartGroupedSlots = typeof __propDef.slots;
-export default class BarChartGrouped extends SvelteComponentTyped<BarChartGroupedProps, BarChartGroupedEvents, BarChartGroupedSlots> {
+export default class BarChartGrouped extends SvelteComponent<BarChartGroupedProps, BarChartGroupedEvents, BarChartGroupedSlots> {
 }
 export {};

package/dist/BarChartSimple.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { SimpleBarChart as SimpleBarChartCore, type BarChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type BarChartSimpleProps = typeof __propDef.props;
 export type BarChartSimpleEvents = typeof __propDef.events;
 export type BarChartSimpleSlots = typeof __propDef.slots;
-export default class BarChartSimple extends SvelteComponentTyped<BarChartSimpleProps, BarChartSimpleEvents, BarChartSimpleSlots> {
+export default class BarChartSimple extends SvelteComponent<BarChartSimpleProps, BarChartSimpleEvents, BarChartSimpleSlots> {
 }
 export {};

package/dist/BarChartStacked.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { StackedBarChart as StackedBarChartCore, type BarChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type BarChartStackedProps = typeof __propDef.props;
 export type BarChartStackedEvents = typeof __propDef.events;
 export type BarChartStackedSlots = typeof __propDef.slots;
-export default class BarChartStacked extends SvelteComponentTyped<BarChartStackedProps, BarChartStackedEvents, BarChartStackedSlots> {
+export default class BarChartStacked extends SvelteComponent<BarChartStackedProps, BarChartStackedEvents, BarChartStackedSlots> {
 }
 export {};

package/dist/BaseChart.svelte.d.ts

@@ -1,12 +1,12 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { Charts, ChartConfig, BaseChartOptions, ChartTabularData } from '@carbon/charts';
 declare class __sveltets_Render<T extends BaseChartOptions> {
     props(): {
         [x: string]: any;
         data?: ChartTabularData;
-        options?: T;
+        options?: T | undefined;
         Chart: new (holder: HTMLDivElement, chartConfigs: ChartConfig<T>) => Charts;
-        chart: Charts;
+        chart: Charts | undefined;
         ref: HTMLDivElement;
         id?: string;
     };
@@ -25,6 +25,6 @@ declare class __sveltets_Render<T extends BaseChartOptions> {
 export type BaseChartProps<T extends BaseChartOptions> = ReturnType<__sveltets_Render<T>['props']>;
 export type BaseChartEvents<T extends BaseChartOptions> = ReturnType<__sveltets_Render<T>['events']>;
 export type BaseChartSlots<T extends BaseChartOptions> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class BaseChart<T extends BaseChartOptions> extends SvelteComponentTyped<BaseChartProps<T>, BaseChartEvents<T>, BaseChartSlots<T>> {
+export default class BaseChart<T extends BaseChartOptions> extends SvelteComponent<BaseChartProps<T>, BaseChartEvents<T>, BaseChartSlots<T>> {
 }
 export {};

package/dist/BoxplotChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { BoxplotChart as BoxplotChartCore, type BoxplotChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type BoxplotChartProps = typeof __propDef.props;
 export type BoxplotChartEvents = typeof __propDef.events;
 export type BoxplotChartSlots = typeof __propDef.slots;
-export default class BoxplotChart extends SvelteComponentTyped<BoxplotChartProps, BoxplotChartEvents, BoxplotChartSlots> {
+export default class BoxplotChart extends SvelteComponent<BoxplotChartProps, BoxplotChartEvents, BoxplotChartSlots> {
 }
 export {};

package/dist/BubbleChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { BubbleChart as BubbleChartCore, type BubbleChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type BubbleChartProps = typeof __propDef.props;
 export type BubbleChartEvents = typeof __propDef.events;
 export type BubbleChartSlots = typeof __propDef.slots;
-export default class BubbleChart extends SvelteComponentTyped<BubbleChartProps, BubbleChartEvents, BubbleChartSlots> {
+export default class BubbleChart extends SvelteComponent<BubbleChartProps, BubbleChartEvents, BubbleChartSlots> {
 }
 export {};

package/dist/BulletChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { BulletChart as BulletChartCore, type BulletChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type BulletChartProps = typeof __propDef.props;
 export type BulletChartEvents = typeof __propDef.events;
 export type BulletChartSlots = typeof __propDef.slots;
-export default class BulletChart extends SvelteComponentTyped<BulletChartProps, BulletChartEvents, BulletChartSlots> {
+export default class BulletChart extends SvelteComponent<BulletChartProps, BulletChartEvents, BulletChartSlots> {
 }
 export {};

package/dist/ChoroplethChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { ChoroplethChart as ChoroplethChartCore, type ChoroplethChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type ChoroplethChartProps = typeof __propDef.props;
 export type ChoroplethChartEvents = typeof __propDef.events;
 export type ChoroplethChartSlots = typeof __propDef.slots;
-export default class ChoroplethChart extends SvelteComponentTyped<ChoroplethChartProps, ChoroplethChartEvents, ChoroplethChartSlots> {
+export default class ChoroplethChart extends SvelteComponent<ChoroplethChartProps, ChoroplethChartEvents, ChoroplethChartSlots> {
 }
 export {};

package/dist/CirclePackChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { CirclePackChart as CirclePackChartCore, type CirclePackChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type CirclePackChartProps = typeof __propDef.props;
 export type CirclePackChartEvents = typeof __propDef.events;
 export type CirclePackChartSlots = typeof __propDef.slots;
-export default class CirclePackChart extends SvelteComponentTyped<CirclePackChartProps, CirclePackChartEvents, CirclePackChartSlots> {
+export default class CirclePackChart extends SvelteComponent<CirclePackChartProps, CirclePackChartEvents, CirclePackChartSlots> {
 }
 export {};

package/dist/ComboChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { ComboChart as ComboChartCore, type ComboChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type ComboChartProps = typeof __propDef.props;
 export type ComboChartEvents = typeof __propDef.events;
 export type ComboChartSlots = typeof __propDef.slots;
-export default class ComboChart extends SvelteComponentTyped<ComboChartProps, ComboChartEvents, ComboChartSlots> {
+export default class ComboChart extends SvelteComponent<ComboChartProps, ComboChartEvents, ComboChartSlots> {
 }
 export {};

package/dist/DonutChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { DonutChart as DonutChartCore, type DonutChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type DonutChartProps = typeof __propDef.props;
 export type DonutChartEvents = typeof __propDef.events;
 export type DonutChartSlots = typeof __propDef.slots;
-export default class DonutChart extends SvelteComponentTyped<DonutChartProps, DonutChartEvents, DonutChartSlots> {
+export default class DonutChart extends SvelteComponent<DonutChartProps, DonutChartEvents, DonutChartSlots> {
 }
 export {};

package/dist/GaugeChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { GaugeChart as GaugeChartCore, type GaugeChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type GaugeChartProps = typeof __propDef.props;
 export type GaugeChartEvents = typeof __propDef.events;
 export type GaugeChartSlots = typeof __propDef.slots;
-export default class GaugeChart extends SvelteComponentTyped<GaugeChartProps, GaugeChartEvents, GaugeChartSlots> {
+export default class GaugeChart extends SvelteComponent<GaugeChartProps, GaugeChartEvents, GaugeChartSlots> {
 }
 export {};

package/dist/HeatmapChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { HeatmapChart as HeatmapChartCore, type HeatmapChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type HeatmapChartProps = typeof __propDef.props;
 export type HeatmapChartEvents = typeof __propDef.events;
 export type HeatmapChartSlots = typeof __propDef.slots;
-export default class HeatmapChart extends SvelteComponentTyped<HeatmapChartProps, HeatmapChartEvents, HeatmapChartSlots> {
+export default class HeatmapChart extends SvelteComponent<HeatmapChartProps, HeatmapChartEvents, HeatmapChartSlots> {
 }
 export {};

package/dist/HistogramChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { HistogramChart as HistogramChartCore, type HistogramChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type HistogramChartProps = typeof __propDef.props;
 export type HistogramChartEvents = typeof __propDef.events;
 export type HistogramChartSlots = typeof __propDef.slots;
-export default class HistogramChart extends SvelteComponentTyped<HistogramChartProps, HistogramChartEvents, HistogramChartSlots> {
+export default class HistogramChart extends SvelteComponent<HistogramChartProps, HistogramChartEvents, HistogramChartSlots> {
 }
 export {};

package/dist/LineChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { LineChart as LineChartCore, type LineChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type LineChartProps = typeof __propDef.props;
 export type LineChartEvents = typeof __propDef.events;
 export type LineChartSlots = typeof __propDef.slots;
-export default class LineChart extends SvelteComponentTyped<LineChartProps, LineChartEvents, LineChartSlots> {
+export default class LineChart extends SvelteComponent<LineChartProps, LineChartEvents, LineChartSlots> {
 }
 export {};

package/dist/LollipopChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { LollipopChart as LollipopChartCore, type LollipopChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type LollipopChartProps = typeof __propDef.props;
 export type LollipopChartEvents = typeof __propDef.events;
 export type LollipopChartSlots = typeof __propDef.slots;
-export default class LollipopChart extends SvelteComponentTyped<LollipopChartProps, LollipopChartEvents, LollipopChartSlots> {
+export default class LollipopChart extends SvelteComponent<LollipopChartProps, LollipopChartEvents, LollipopChartSlots> {
 }
 export {};

package/dist/MeterChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { MeterChart as MeterChartCore, type MeterChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type MeterChartProps = typeof __propDef.props;
 export type MeterChartEvents = typeof __propDef.events;
 export type MeterChartSlots = typeof __propDef.slots;
-export default class MeterChart extends SvelteComponentTyped<MeterChartProps, MeterChartEvents, MeterChartSlots> {
+export default class MeterChart extends SvelteComponent<MeterChartProps, MeterChartEvents, MeterChartSlots> {
 }
 export {};

package/dist/PieChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { PieChart as PieChartCore, type PieChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type PieChartProps = typeof __propDef.props;
 export type PieChartEvents = typeof __propDef.events;
 export type PieChartSlots = typeof __propDef.slots;
-export default class PieChart extends SvelteComponentTyped<PieChartProps, PieChartEvents, PieChartSlots> {
+export default class PieChart extends SvelteComponent<PieChartProps, PieChartEvents, PieChartSlots> {
 }
 export {};

package/dist/RadarChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { RadarChart as RadarChartCore, type RadarChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type RadarChartProps = typeof __propDef.props;
 export type RadarChartEvents = typeof __propDef.events;
 export type RadarChartSlots = typeof __propDef.slots;
-export default class RadarChart extends SvelteComponentTyped<RadarChartProps, RadarChartEvents, RadarChartSlots> {
+export default class RadarChart extends SvelteComponent<RadarChartProps, RadarChartEvents, RadarChartSlots> {
 }
 export {};

package/dist/ScatterChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { ScatterChart as ScatterChartCore, type ScatterChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type ScatterChartProps = typeof __propDef.props;
 export type ScatterChartEvents = typeof __propDef.events;
 export type ScatterChartSlots = typeof __propDef.slots;
-export default class ScatterChart extends SvelteComponentTyped<ScatterChartProps, ScatterChartEvents, ScatterChartSlots> {
+export default class ScatterChart extends SvelteComponent<ScatterChartProps, ScatterChartEvents, ScatterChartSlots> {
 }
 export {};

package/dist/StackedAreaChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { StackedAreaChart as StackedAreaChartCore, type StackedAreaChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type StackedAreaChartProps = typeof __propDef.props;
 export type StackedAreaChartEvents = typeof __propDef.events;
 export type StackedAreaChartSlots = typeof __propDef.slots;
-export default class StackedAreaChart extends SvelteComponentTyped<StackedAreaChartProps, StackedAreaChartEvents, StackedAreaChartSlots> {
+export default class StackedAreaChart extends SvelteComponent<StackedAreaChartProps, StackedAreaChartEvents, StackedAreaChartSlots> {
 }
 export {};

package/dist/TreeChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { TreeChart as TreeChartCore, type TreeChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type TreeChartProps = typeof __propDef.props;
 export type TreeChartEvents = typeof __propDef.events;
 export type TreeChartSlots = typeof __propDef.slots;
-export default class TreeChart extends SvelteComponentTyped<TreeChartProps, TreeChartEvents, TreeChartSlots> {
+export default class TreeChart extends SvelteComponent<TreeChartProps, TreeChartEvents, TreeChartSlots> {
 }
 export {};

package/dist/TreemapChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { TreemapChart as TreemapChartCore, type TreemapChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type TreemapChartProps = typeof __propDef.props;
 export type TreemapChartEvents = typeof __propDef.events;
 export type TreemapChartSlots = typeof __propDef.slots;
-export default class TreemapChart extends SvelteComponentTyped<TreemapChartProps, TreemapChartEvents, TreemapChartSlots> {
+export default class TreemapChart extends SvelteComponent<TreemapChartProps, TreemapChartEvents, TreemapChartSlots> {
 }
 export {};

package/dist/WordCloudChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { WordCloudChart as WordCloudChartCore, type WordCloudChartOptions, type WorldCloudChartOptions, type ChartTabularData } from '@carbon/charts';
 declare const __propDef: {
     props: {
@@ -19,10 +19,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type WordCloudChartProps = typeof __propDef.props;
 export type WordCloudChartEvents = typeof __propDef.events;
 export type WordCloudChartSlots = typeof __propDef.slots;
-export default class WordCloudChart extends SvelteComponentTyped<WordCloudChartProps, WordCloudChartEvents, WordCloudChartSlots> {
+export default class WordCloudChart extends SvelteComponent<WordCloudChartProps, WordCloudChartEvents, WordCloudChartSlots> {
 }
 export {};

package/package.json

@@ -1,66 +1,57 @@
 {
 	"name": "@carbon/charts-svelte",
-	"version": "1.16.11",
+	"version": "1.17.1",
 	"description": "Carbon Charts component library for Svelte",
 	"scripts": {
 		"postinstall": "ibmtelemetry --config=telemetry.yml",
 		"file:styles": "cp ../core/dist/styles.* dist",
-		"build:package": "svelte-kit sync && svelte-package && yarn file:styles",
-		"demo:mdx:svelte": "cp ../core/src/stories/getting-started/svelte.stories.mdx src/stories",
-		"demo:mdx:tutorials": "cp ../core/src/stories/tutorials/* src/stories",
-		"demo:mdx": "concurrently \"yarn:demo:mdx:*\"",
-		"build:demo": "yarn demo:mdx && storybook build -o demo/bundle --quiet",
-		"build": "yarn build:package && yarn build:demo",
-		"storybook": "storybook dev -p 9006",
-		"start": "yarn storybook",
+		"build": "svelte-kit sync && svelte-package && yarn file:styles && publint",
+		"build:test": "vite build --emptyOutDir",
+		"dev": "vite --port 3003",
 		"test": "svelte-check --workspace=tests",
-		"lint": "prettier . --check --ignore-path ../../.prettierignore && eslint",
-		"format": "prettier . --write --ignore-path ../../.prettierignore",
-		"clean": "rm -rf dist demo/bundle",
-		"preview": "vite preview",
+		"test:dom": "playwright test",
+		"test:dom:rebase": "playwright test --update-snapshots",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"pub:demo": "cp -a demo/bundle/. ../../pages/svelte"
+		"lint": "prettier . --check --ignore-path ../../.prettierignore && eslint",
+		"format": "prettier . --write --ignore-path ../../.prettierignore "
 	},
 	"type": "module",
 	"types": "./dist/index.d.ts",
 	"svelte": "./dist/index.js",
-	"module": "./dist/index.js",
 	"exports": {
 		".": {
 			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js",
-			"import": "./dist/index.js"
+			"svelte": "./dist/index.js"
 		},
 		"./styles.min.css": "./dist/styles.min.css",
 		"./styles.css": "./dist/styles.css"
 	},
+	"styles": "./dist/styles.css",
 	"files": [
 		"dist",
 		"CHANGELOG.md",
 		"telemetry.yml"
 	],
 	"peerDependencies": {
-		"svelte": "^3.31.0 || ^4.0.0"
+		"svelte": "^4.0.0"
 	},
 	"dependencies": {
-		"@carbon/charts": "1.16.11",
+		"@carbon/charts": "1.17.1",
 		"@ibm/telemetry-js": "^1.5.2"
 	},
 	"devDependencies": {
-		"@stackblitz/sdk": "^1.10.0",
-		"@sveltejs/adapter-auto": "^3.2.2",
-		"@sveltejs/kit": "^2.5.16",
+		"@playwright/test": "^1.45.0",
+		"@sveltejs/adapter-static": "^3.0.2",
+		"@sveltejs/kit": "^2.5.17",
 		"@sveltejs/package": "^2.3.2",
 		"@sveltejs/vite-plugin-svelte": "^3.1.1",
-		"concurrently": "^8.2.2",
 		"eslint": "^9.5.0",
 		"prettier": "^3.3.2",
 		"publint": "^0.2.8",
-		"storybook": "^7.6.19",
 		"svelte": "^4.2.18",
-		"svelte-check": "^3.8.1",
+		"svelte-check": "^3.8.4",
 		"tslib": "^2.6.3",
-		"typescript": "^5.4.5",
+		"typescript": "^5.5.2",
 		"vite": "^5.3.1"
 	},
 	"publishConfig": {
@@ -69,7 +60,7 @@
 	"repository": {
 		"type": "git",
 		"url": "git@github.com:carbon-design-system/carbon-charts.git",
-		"homepage": "https://charts.carbondesignsystem.com/svelte/"
+		"homepage": "https://charts.carbondesignsystem.com/"
 	},
 	"bugs": {
 		"url": "https://github.com/carbon-design-system/carbon-charts/issues"
@@ -118,5 +109,5 @@
 		"data",
 		"typescript"
 	],
-	"gitHead": "08318c67c93dd53e31cb968976397f3068864e63"
+	"gitHead": "710d30a42beef1892fbb1894248337b3e1054b1f"
 }