chore(deps): bump (#1906)

chore(deps): bump test(svelte): replace deprecated svelte:component chore(deps): bump chore(deps): bump chore(deps): bump chore(deps): bump chore(deps): bump chore(deps): bump chore(deps): bump chore(svelte): peers chore(deps): lock
carbon-design-system · Nov 7, 2024 · f358ae7 · f358ae7
1 parent 2b7ec1e
commit f358ae7
Show file tree

Hide file tree

Showing 12 changed files with 3,107 additions and 3,530 deletions.
diff --git a/.yarn/releases/yarn-4.5.0.cjs b/.yarn/releases/yarn-4.5.0.cjs
diff --git a/.yarnrc.yml b/.yarnrc.yml
@@ -1,3 +1 @@
 nodeLinker: node-modules
-
-yarnPath: .yarn/releases/yarn-4.5.0.cjs
diff --git a/package.json b/package.json
@@ -16,37 +16,37 @@
 		"packages/*"
 	],
 	"engines": {
-		"node": "^20.17.0 ^22.2.0"
+		"node": "^20.18.0 ^22.11.0"
 	},
-	"packageManager": "yarn@4.5.0",
+	"packageManager": "yarn@4.5.1",
 	"devDependencies": {
 		"@commitlint/cli": "^19.5.0",
 		"@commitlint/config-conventional": "^19.5.0",
-		"@eslint/compat": "^1.1.1",
-		"@eslint/js": "^9.10.0",
-		"@playwright/test": "^1.47.1",
-		"@types/node": "^22.5.5",
-		"@vue/eslint-config-prettier": "^9.0.0",
-		"@vue/eslint-config-typescript": "^13.0.0",
-		"eslint": "^9.10.0",
+		"@eslint/compat": "^1.2.2",
+		"@eslint/js": "^9.14.0",
+		"@playwright/test": "^1.48.2",
+		"@types/node": "^22.9.0",
+		"@vue/eslint-config-prettier": "^10.1.0",
+		"@vue/eslint-config-typescript": "^14.1.3",
+		"eslint": "^9.14.0",
 		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-jsdoc": "^50.2.3",
+		"eslint-plugin-jsdoc": "^50.4.3",
 		"eslint-plugin-prettier": "^5.2.1",
-		"eslint-plugin-react": "^7.36.1",
-		"eslint-plugin-react-hooks": "next",
-		"eslint-plugin-svelte": "^2.44.0",
-		"eslint-plugin-vue": "^9.28.0",
-		"globals": "^15.9.0",
+		"eslint-plugin-react": "^7.37.2",
+		"eslint-plugin-react-hooks": "^5.0.0",
+		"eslint-plugin-svelte": "^2.46.0",
+		"eslint-plugin-vue": "^9.30.0",
+		"globals": "^15.12.0",
 		"husky": "^9.1.6",
-		"lerna": "^8.1.8",
+		"lerna": "^8.1.9",
 		"lint-staged": "^15.2.10",
 		"prettier": "^3.3.3",
 		"prettier-config-carbon": "^0.11.0",
-		"prettier-plugin-svelte": "^3.2.6",
-		"svelte": "^4.2.19",
-		"svelte-eslint-parser": "^0.41.1",
-		"typescript": "^5.6.2",
-		"typescript-eslint": "^8.5.0",
+		"prettier-plugin-svelte": "^3.2.7",
+		"svelte": "^5.1.12",
+		"svelte-eslint-parser": "^0.43.0",
+		"typescript": "^5.6.3",
+		"typescript-eslint": "^8.13.0",
 		"vue-eslint-parser": "^9.4.3"
 	},
 	"release": {

diff --git a/packages/angular/package.json b/packages/angular/package.json
@@ -28,27 +28,27 @@
 	},
 	"dependencies": {
 		"@carbon/charts": "workspace:*",
-		"@ibm/telemetry-js": "^1.6.1",
-		"tslib": "^2.7.0"
+		"@ibm/telemetry-js": "^1.8.0",
+		"tslib": "^2.8.1"
 	},
 	"devDependencies": {
-		"@angular-devkit/build-angular": "^18.2.4",
-		"@angular/cli": "^18.2.4",
-		"@angular/common": "^18.2.4",
-		"@angular/compiler": "^18.2.4",
-		"@angular/compiler-cli": "^18.2.4",
-		"@angular/core": "^18.2.4",
-		"@angular/platform-browser": "^18.2.4",
-		"@angular/platform-browser-dynamic": "^18.2.4",
-		"@carbon/icons": "^11.49.0",
-		"@playwright/test": "^1.47.1",
-		"angular-eslint": "^18.3.1",
-		"concurrently": "^9.0.1",
-		"eslint": "^9.10.0",
+		"@angular-devkit/build-angular": "^18.2.11",
+		"@angular/cli": "^18.2.11",
+		"@angular/common": "^18.2.11",
+		"@angular/compiler": "^18.2.11",
+		"@angular/compiler-cli": "^18.2.11",
+		"@angular/core": "^18.2.11",
+		"@angular/platform-browser": "^18.2.11",
+		"@angular/platform-browser-dynamic": "^18.2.11",
+		"@carbon/icons": "^11.52.0",
+		"@playwright/test": "^1.48.2",
+		"angular-eslint": "^18.4.0",
+		"concurrently": "^9.1.0",
+		"eslint": "^9.14.0",
 		"ng-packagr": "^18.2.1",
 		"prettier": "^3.3.3",
 		"typescript": "<5.6.0",
-		"typescript-eslint": "^8.5.0",
+		"typescript-eslint": "^8.13.0",
 		"zone.js": "~0.15.0"
 	},
 	"publishConfig": {

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -73,43 +73,43 @@
 		"directory": "packages/core"
 	},
 	"dependencies": {
-		"@carbon/colors": "^11.26.0",
+		"@carbon/colors": "^11.28.0",
 		"@carbon/utils-position": "^1.3.0",
-		"@ibm/telemetry-js": "^1.6.1",
+		"@ibm/telemetry-js": "^1.8.0",
 		"@types/d3": "^7.4.3",
 		"@types/topojson": "^3.2.6",
-		"carbon-components": "^10.58.15",
+		"carbon-components": "^10.59.0",
 		"d3": "^7.9.0",
 		"d3-cloud": "^1.2.7",
 		"d3-sankey": "^0.12.3",
-		"date-fns": "^3.6.0",
-		"dompurify": "^3.1.6",
+		"date-fns": "^4.1.0",
+		"dompurify": "^3.1.7",
 		"html-to-image": "^1.11.11",
 		"lodash-es": "^4.17.21",
 		"topojson-client": "^3.1.0",
-		"tslib": "^2.7.0"
+		"tslib": "^2.8.1"
 	},
 	"devDependencies": {
-		"@carbon/layout": "^11.26.0",
-		"@carbon/styles": "^1.65.0",
-		"@carbon/themes": "^11.40.0",
-		"@playwright/test": "^1.47.1",
-		"@rollup/plugin-replace": "^5.0.7",
+		"@carbon/layout": "^11.28.0",
+		"@carbon/styles": "^1.69.0",
+		"@carbon/themes": "^11.43.0",
+		"@playwright/test": "^1.48.2",
+		"@rollup/plugin-replace": "^6.0.1",
 		"@types/dompurify": "^3.0.5",
 		"@types/lodash-es": "^4.17.12",
-		"@types/node": "^22.5.5",
-		"concurrently": "^9.0.1",
+		"@types/node": "^22.9.0",
+		"concurrently": "^9.1.0",
 		"downlevel-dts": "^0.11.0",
-		"eslint": "^9.10.0",
-		"jsdom": "^25.0.0",
+		"eslint": "^9.14.0",
+		"jsdom": "^25.0.1",
 		"prettier": "^3.3.3",
-		"publint": "^0.2.10",
+		"publint": "^0.2.12",
 		"resize-observer-polyfill": "^1.5.1",
-		"sass": "^1.78.0",
-		"typescript": "^5.6.2",
-		"vite": "^5.4.5",
-		"vite-plugin-dts": "^4.2.1",
-		"vitest": "^2.1.1"
+		"sass": "^1.80.6",
+		"typescript": "^5.6.3",
+		"vite": "^5.4.10",
+		"vite-plugin-dts": "^4.3.0",
+		"vitest": "^2.1.4"
 	},
 	"publishConfig": {
 		"access": "public"

diff --git a/packages/docs/package.json b/packages/docs/package.json
@@ -21,28 +21,28 @@
 	"dependencies": {
 		"@carbon/charts": "workspace:*",
 		"@carbon/charts-react": "workspace:*",
-		"@carbon/icons-react": "^11.49.0",
-		"@carbon/react": "^1.66.0",
+		"@carbon/icons-react": "^11.52.0",
+		"@carbon/react": "^1.70.0",
 		"@stackblitz/sdk": "^1.11.0",
 		"fuse.js": "^7.0.0",
 		"highlight.js": "^11.10.0",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",
-		"react-router-dom": "^6.26.2",
+		"react-router-dom": "^6.28.0",
 		"styled-components": "^6.1.13"
 	},
 	"devDependencies": {
-		"@types/react": "^18.3.5",
-		"@types/react-dom": "^18.3.0",
+		"@types/react": "^18.3.12",
+		"@types/react-dom": "^18.3.1",
 		"@types/topojson-specification": "^1.0.5",
-		"@vitejs/plugin-react-swc": "^3.7.0",
-		"eslint": "^9.10.0",
-		"jsdom": "^25.0.0",
+		"@vitejs/plugin-react-swc": "^3.7.1",
+		"eslint": "^9.14.0",
+		"jsdom": "^25.0.1",
 		"prettier": "^3.3.3",
-		"sass": "^1.78.0",
-		"typedoc": "^0.26.7",
-		"typescript": "^5.6.2",
-		"vite": "^5.4.5"
+		"sass": "^1.80.6",
+		"typedoc": "^0.26.11",
+		"typescript": "^5.6.3",
+		"vite": "^5.4.10"
 	},
 	"publishConfig": {
 		"access": "restricted"

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -39,28 +39,28 @@
 	},
 	"dependencies": {
 		"@carbon/charts": "workspace:*",
-		"@carbon/icons-react": "^11.49.0",
-		"@ibm/telemetry-js": "^1.6.1"
+		"@carbon/icons-react": "^11.52.0",
+		"@ibm/telemetry-js": "^1.8.0"
 	},
 	"peerDependencies": {
 		"react": "^16.8.6 || ^17.0.1 || ^18.2.0",
 		"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
 	},
 	"devDependencies": {
-		"@playwright/test": "^1.47.1",
-		"@types/react": "^18.3.5",
-		"@types/react-dom": "^18.3.0",
-		"@vitejs/plugin-react-swc": "^3.7.0",
+		"@playwright/test": "^1.48.2",
+		"@types/react": "^18.3.12",
+		"@types/react-dom": "^18.3.1",
+		"@vitejs/plugin-react-swc": "^3.7.1",
 		"classnames": "^2.5.1",
-		"concurrently": "^9.0.1",
+		"concurrently": "^9.1.0",
 		"downlevel-dts": "^0.11.0",
-		"eslint": "^9.10.0",
+		"eslint": "^9.14.0",
 		"prettier": "^3.3.3",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",
-		"typescript": "^5.6.2",
-		"vite": "^5.4.5",
-		"vite-plugin-dts": "^4.2.1"
+		"typescript": "^5.6.3",
+		"vite": "^5.4.10",
+		"vite-plugin-dts": "^4.3.0"
 	},
 	"publishConfig": {
 		"access": "public"

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
@@ -33,26 +33,26 @@
 		"telemetry.yml"
 	],
 	"peerDependencies": {
-		"svelte": "^4.0.0"
+		"svelte": "^4.0.0 || ^5.1.0"
 	},
 	"dependencies": {
 		"@carbon/charts": "workspace:*",
-		"@ibm/telemetry-js": "^1.6.1"
+		"@ibm/telemetry-js": "^1.8.0"
 	},
 	"devDependencies": {
-		"@playwright/test": "^1.47.1",
-		"@sveltejs/adapter-static": "^3.0.4",
-		"@sveltejs/kit": "^2.5.27",
-		"@sveltejs/package": "^2.3.5",
-		"@sveltejs/vite-plugin-svelte": "^3.1.2",
-		"eslint": "^9.10.0",
+		"@playwright/test": "^1.48.2",
+		"@sveltejs/adapter-static": "^3.0.6",
+		"@sveltejs/kit": "^2.8.0",
+		"@sveltejs/package": "^2.3.7",
+		"@sveltejs/vite-plugin-svelte": "^4.0.0",
+		"eslint": "^9.14.0",
 		"prettier": "^3.3.3",
-		"publint": "^0.2.10",
-		"svelte": "^4.2.19",
-		"svelte-check": "^4.0.2",
-		"tslib": "^2.7.0",
-		"typescript": "^5.6.2",
-		"vite": "^5.4.5"
+		"publint": "^0.2.12",
+		"svelte": "^5.1.12",
+		"svelte-check": "^4.0.5",
+		"tslib": "^2.8.1",
+		"typescript": "^5.6.3",
+		"vite": "^5.4.10"
 	},
 	"publishConfig": {
 		"access": "public"

diff --git a/packages/svelte/src/lib/BaseChart.svelte b/packages/svelte/src/lib/BaseChart.svelte
@@ -16,14 +16,14 @@
 	export let options: T = {} as T // Specific chart option type, default is empty
 	export let Chart: CoreChartClass // Used to instantiate next property
 	export let chart: Charts | undefined // Instance of the chart class
-	export let ref: HTMLDivElement // Binding to chart 'holder' in template below
+	export let ref: HTMLDivElement | undefined // Binding to chart 'holder' in template below
 	export let id = `chart-${Math.random().toString(36)}` // id for chart holder element
 
 	const dispatch = createEventDispatcher<DispatchedEvents>()
 
 	onMount(() => {
 		try {
-			chart = new Chart(ref, { data, options })
+			chart = new Chart(ref as HTMLDivElement, { data, options })
 			dispatch('load')
 		} catch (error) {
 			console.error('Failed to initialize chart:', error)
@@ -53,4 +53,4 @@
 	})
 </script>
 
-<div {id} bind:this={ref} class={chartHolderCssClass} {...$$restProps} />
+<div {id} bind:this={ref} class={chartHolderCssClass} {...$$restProps}></div>
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
@@ -11,12 +11,10 @@
 	{#each charts as chart}
 		<h3>{chart.types.svelte}</h3>
 		{#each chart.examples as example}
+			{@const Chart = chartComponents[chart.types.svelte]}
 			{#if example.tags?.includes('test')}
 				<div class="example">
-					<svelte:component
-						this={chartComponents[chart.types.svelte]}
-						options={example.options}
-						data={example.data} />
+					<Chart options={example.options} data={example.data} />
 				</div>
 			{/if}
 		{/each}

diff --git a/packages/vue/package.json b/packages/vue/package.json
@@ -36,18 +36,18 @@
 	},
 	"dependencies": {
 		"@carbon/charts": "workspace:*",
-		"@ibm/telemetry-js": "^1.6.1"
+		"@ibm/telemetry-js": "^1.8.0"
 	},
 	"devDependencies": {
-		"@playwright/test": "^1.47.1",
-		"@vitejs/plugin-vue": "^5.1.3",
-		"eslint": "^9.10.0",
+		"@playwright/test": "^1.48.2",
+		"@vitejs/plugin-vue": "^5.1.4",
+		"eslint": "^9.14.0",
 		"prettier": "^3.3.3",
-		"typescript": "^5.6.2",
-		"vite": "^5.4.5",
-		"vite-plugin-dts": "^4.2.1",
-		"vue": "^3.5.5",
-		"vue-tsc": "^2.1.6"
+		"typescript": "^5.6.3",
+		"vite": "^5.4.10",
+		"vite-plugin-dts": "^4.3.0",
+		"vue": "^3.5.12",
+		"vue-tsc": "^2.1.10"
 	},
 	"publishConfig": {
 		"access": "public",