@carbon/charts-svelte 1.3.2 → 1.5.1

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.5.1](https://github.com/carbon-design-system/carbon-charts/compare/v1.5.0...v1.5.1) (2022-08-08)
+
+**Note:** Version bump only for package @carbon/charts-svelte
+
+
+
+
+
+# [1.5.0](https://github.com/carbon-design-system/carbon-charts/compare/v1.4.0...v1.5.0) (2022-07-22)
+
+**Note:** Version bump only for package @carbon/charts-svelte
+
+
+
+
+
+# [1.4.0](https://github.com/carbon-design-system/carbon-charts/compare/v1.3.2...v1.4.0) (2022-07-21)
+
+
+### Features
+
+* **core:** allow theme to be set via options prop ([#1412](https://github.com/carbon-design-system/carbon-charts/issues/1412)) ([6288548](https://github.com/carbon-design-system/carbon-charts/commit/62885487a700e2222d51f70aea790eddd5d6d086)), closes [#1411](https://github.com/carbon-design-system/carbon-charts/issues/1411)
+
+
+
+
+
 ## [1.3.2](https://github.com/carbon-design-system/carbon-charts/compare/v1.3.1...v1.3.2) (2022-06-30)
 
 **Note:** Version bump only for package @carbon/charts-svelte

package/README.md

@@ -41,78 +41,46 @@ This is an overview of using Carbon Charts with common Svelte set-ups.
 
 -   [SvelteKit](#sveltekit)
 -   [Vite](#vite)
--   [Sapper](#sapper)
 -   [Rollup](#rollup)
 -   [Webpack](#webpack)
--   [Snowpack](#snowpack)
 
 ### SvelteKit
 
-[SvelteKit](https://github.com/sveltejs/kit) is fast becoming the de facto
-framework for building Svelte apps that supports both client-side rendering
-(CSR) and server-side rendering (SSR).
+[SvelteKit](https://github.com/sveltejs/kit) is the official framework for
+building apps that support client-side rendering (CSR) and server-side rendering
+(SSR). SvelteKit is powered by [Vite](https://github.com/vitest-dev/vitest).
 
-For set-ups powered by [vite](https://github.com/vitejs/vite), add
-`@carbon/charts` to the list of dependencies for `vite` to optimize.
-
-If using a [SvelteKit adapter](https://kit.svelte.dev/docs#adapters), instruct
-`vite` to avoid externalizing `@carbon/charts` when building for production.
+In your `vite.config.js`, add `@carbon/charts` and `carbon-components` to
+`ssr.noExternal` to avoid externalizing the dependencies for SSR.
 
 ```js
-// svelte.config.js
-import adapter from '@sveltejs/adapter-node';
-
-const production = process.env.NODE_ENV === 'production';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	kit: {
-		adapter: adapter(),
-		vite: {
-			optimizeDeps: {
-				include: ['@carbon/charts'],
-			},
-			ssr: {
-				noExternal: [production && '@carbon/charts'].filter(Boolean),
-			},
-		},
+// vite.config.js
+import { sveltekit } from '@sveltejs/kit/vite';
+
+/** @type {import('vite').UserConfig} */
+export default {
+	plugins: [sveltekit()],
+	ssr: {
+		noExternal: ['@carbon/charts', 'carbon-components'],
 	},
 };
-
-export default config;
 ```
 
 ### Vite
 
-[vite-plugin-svelte](https://github.com/sveltejs/vite-plugin-svelte) is an
-alternative to using SvelteKit. Similarly, instruct `vite` to optimize
-`@carbon/charts` in vite.config.js.
-
-Note that `@sveltejs/vite-plugin-svelte` is the official vite/svelte integration
-not to be confused with [svite](https://github.com/svitejs/svite).
+You can also use Vite without SvelteKit. Instruct `vite` to optimize
+`@carbon/charts` in `vite.config.js`.
 
 ```js
 // vite.config.js
 import { svelte } from '@sveltejs/vite-plugin-svelte';
-import { defineConfig } from 'vite';
-
-export default defineConfig(({ mode }) => {
-	return {
-		plugins: [svelte()],
-		build: { minify: mode === 'production' },
-		optimizeDeps: { include: ['@carbon/charts'] },
-	};
-});
-```
-
-### Sapper
-
-[sapper](https://github.com/sveltejs/sapper) is another official Svelte
-framework that supports server-side rendering (SSR).
 
-Take care to install `@carbon/charts-svelte` as a development dependency.
-
-No additional configuration should be necessary.
+/** @type {import('vite').UserConfig} */
+export default {
+	plugins: [svelte()],
+	optimizeDeps: { include: ['@carbon/charts'] },
+};
+```
 
 ### Rollup
 
@@ -197,31 +165,11 @@ export default {
 
 ### Webpack
 
-[webpack](https://github.com/webpack/webpack) is another popular application
+[Webpack](https://github.com/webpack/webpack) is another popular application
 bundler used to build Svelte apps.
 
 No additional configuration should be necessary.
 
-### Snowpack
-
-[snowpack](https://github.com/snowpackjs/snowpack) is an ESM-powered frontend
-build tool.
-
-Ensure you have
-[@snowpack/plugin-svelte](https://yarnpkg.com/package/@snowpack/plugin-svelte)
-added as a plugin in `snowpack.config.js`.
-
-No additional configuration should be necessary.
-
-```js
-// snowpack.config.js
-
-/** @type {import("snowpack").SnowpackUserConfig } */
-module.exports = {
-	plugins: ['@snowpack/plugin-svelte'],
-};
-```
-
 ## Usage
 
 Styles must be imported from both `@carbon/charts` and `@carbon/styles`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/charts-svelte",
-  "version": "1.3.2",
+  "version": "1.5.1",
   "description": "Carbon charting components for Svelte",
   "type": "module",
   "main": "./src/index.js",
@@ -50,7 +50,7 @@
   },
   "homepage": "https://github.com/carbon-design-system/carbon-charts#readme",
   "dependencies": {
-    "@carbon/charts": "^1.3.2",
+    "@carbon/charts": "^1.5.1",
     "@carbon/telemetry": "0.1.0"
   },
   "peerDependencies": {

package/src/BaseChart.svelte

@@ -24,9 +24,10 @@
 	 */
 	export let options = {};
 
-  /**
+  	/**
 	 * Specify the Carbon theme
 	 * @type {"white" | "g10" | "g90" | "g100"}
+	 * @deprecated as of v1, pass theme into options
 	 */
 	export let theme = "white";
 
@@ -71,7 +72,7 @@
 
 	$: if (chart) {
 		chart.model.setData(data);
-		chart.model.setOptions(options);
+		chart.model.setOptions({theme, ...options });
 		dispatch("update", { data, options });
 	}
 </script>