fix(stackblitz): env changes for angular examples to match latest Sta…

…ckBlitz Angular TypeScript template (#1738)

* fix(stackblitz): env changes for angular examples to match latest StackBlitz template

* fix(stackblitz/angular): options with functions are being treated as strict TypeScript and throwing errors

* fix(angular): remove StackBlitz's CLI analytics GUID, bump @carbon dependencies

* fix(stackblitz): examples are typescript but options did not use enums so make enum | string since Typescript code is converted to JS before sending

* chore(deps): bump @nrwl/devkit

* chore(deps): bump @nrwl/devkit

* fix(tools): use enum instead of string

* fix(svelte): top level tsconfig complained about overwriting d.ts files

package.json

@@ -28,7 +28,7 @@
   "packageManager": "yarn@4.0.2",
   "prettier": "./prettier.config.mjs",
   "devDependencies": {
-    "@nrwl/devkit": "^17.3.1",
+    "@nrwl/devkit": "^18.0.0",
     "@storybook/addon-essentials": "~7.6.12",
     "@storybook/addon-interactions": "~7.6.12",
     "@storybook/addon-links": "~7.6.12",
@@ -55,7 +55,7 @@
     "eslint-plugin-storybook": "^0.6.15",
     "eslint-plugin-svelte": "^2.35.1",
     "eslint-plugin-vue": "^9.21.1",
-    "husky": "^9.0.8",
+    "husky": "^9.0.10",
     "lerna": "8.0.2",
     "pinst": "^3.0.0",
     "prettier": "^3.2.4",

packages/angular/package.json

@@ -54,8 +54,8 @@
 		"@angular/forms": "^16.2.12",
 		"@angular/platform-browser": "^16.2.12",
 		"@angular/platform-browser-dynamic": "^16.2.12",
-		"@carbon/icon-helpers": "^10.45.1",
-		"@carbon/icons": "^11.34.1",
+		"@carbon/icon-helpers": "~10.45.1",
+		"@carbon/icons": "^11.35.0",
 		"@stackblitz/sdk": "^1.9.0",
 		"@storybook/angular": "^7.6.12",
 		"@types/carbon__icon-helpers": "^10.7.4",

packages/core/package.json

@@ -110,8 +110,8 @@
 	"devDependencies": {
 		"@carbon/import-once": "^10.7.0",
 		"@carbon/layout": "^11.20.1",
-		"@carbon/styles": "1.48.1",
-		"@carbon/themes": "^11.29.1",
+		"@carbon/styles": "1.49.0",
+		"@carbon/themes": "^11.30.0",
 		"@rollup/plugin-replace": "^5.0.5",
 		"@stackblitz/sdk": "^1.9.0",
 		"@types/d3": "^7.4.3",

packages/core/src/demo/charts/alluvial.ts

@@ -1,3 +1,5 @@
+import { Alignments } from '@/interfaces'
+
 export const alluvialSimpleData = [
 	{
 		source: 'About Modal',
@@ -301,7 +303,7 @@ export const alluvialNodeAlignmentOptions = {
 			{ name: 'Y', category: 'Middle' },
 			{ name: 'Z', category: 'Finish' }
 		],
-		nodeAlignment: 'left'
+		nodeAlignment: Alignments.LEFT
 	}
 }
 

packages/core/src/demo/charts/area.ts

@@ -1,3 +1,5 @@
+import { ScaleTypes } from '@/interfaces'
+
 export const areaTimeSeriesData = [
 	{ group: 'Dataset 1', date: new Date(2019, 0, 1), value: 0 },
 	{ group: 'Dataset 1', date: new Date(2019, 0, 6), value: 57312 },
@@ -22,12 +24,12 @@ export const areaTimeSeriesOptions = {
 		bottom: {
 			title: '2019 Annual Sales Figures',
 			mapsTo: 'date',
-			scaleType: 'time'
+			scaleType: ScaleTypes.TIME
 		},
 		left: {
 			mapsTo: 'value',
 			title: 'Conversion rate',
-			scaleType: 'linear'
+			scaleType: ScaleTypes.LINEAR
 		}
 	}
 }
@@ -56,12 +58,12 @@ export const areaDiscreteDomainOptions = {
 		bottom: {
 			title: '2019 Annual Sales Figures',
 			mapsTo: 'key',
-			scaleType: 'labels'
+			scaleType: ScaleTypes.LABELS
 		},
 		left: {
 			mapsTo: 'value',
 			title: 'Conversion rate',
-			scaleType: 'linear'
+			scaleType: ScaleTypes.LINEAR
 		}
 	}
 }
@@ -118,11 +120,11 @@ export const areaTimeSeriesCurvedOptions = {
 		bottom: {
 			title: '2019 Annual Sales Figures',
 			mapsTo: 'date',
-			scaleType: 'time'
+			scaleType: ScaleTypes.TIME
 		},
 		left: {
 			mapsTo: 'value',
-			scaleType: 'linear'
+			scaleType: ScaleTypes.LINEAR
 		}
 	},
 	curve: 'curveNatural'
@@ -144,12 +146,12 @@ export const sparklineOptions = {
 			visible: false,
 			title: '2019 Annual Sales Figures',
 			mapsTo: 'date',
-			scaleType: 'time'
+			scaleType: ScaleTypes.TIME
 		},
 		left: {
 			visible: false,
 			mapsTo: 'value',
-			scaleType: 'linear'
+			scaleType: ScaleTypes.LINEAR
 		}
 	},
 	color: {
@@ -188,11 +190,11 @@ export const stackedAreaTimeSeriesOptions = {
 	axes: {
 		left: {
 			stacked: true,
-			scaleType: 'linear',
+			scaleType: ScaleTypes.LINEAR,
 			mapsTo: 'value'
 		},
 		bottom: {
-			scaleType: 'time',
+			scaleType: ScaleTypes.TIME,
 			mapsTo: 'date'
 		}
 	},
@@ -221,7 +223,7 @@ export const stackedAreaTimeSeriesUnevenDataOptions = {
 			stacked: true
 		},
 		bottom: {
-			scaleType: 'time',
+			scaleType: ScaleTypes.TIME,
 			mapsTo: 'date'
 		}
 	},
@@ -239,7 +241,7 @@ export const stackedAreaPercentageTimeSeriesOptions = {
 			}
 		},
 		bottom: {
-			scaleType: 'time',
+			scaleType: ScaleTypes.TIME,
 			mapsTo: 'date'
 		}
 	},
@@ -297,11 +299,11 @@ export const boundedAreaTimeSeriesOptions = {
 		bottom: {
 			title: '2019 Annual Sales Figures',
 			mapsTo: 'date',
-			scaleType: 'time'
+			scaleType: ScaleTypes.TIME
 		},
 		left: {
 			mapsTo: 'value',
-			scaleType: 'linear'
+			scaleType: ScaleTypes.LINEAR
 		}
 	},
 	curve: 'curveNatural'
@@ -314,7 +316,7 @@ export const areaEmptyOptions = {
 	axes: {
 		left: {},
 		bottom: {
-			scaleType: 'labels'
+			scaleType: ScaleTypes.LABELS
 		}
 	}
 }
@@ -331,11 +333,11 @@ export const areaSkeletonOptions = {
 		bottom: {
 			title: '2019 Annual Sales Figures',
 			mapsTo: 'date',
-			scaleType: 'time'
+			scaleType: ScaleTypes.TIME
 		},
 		left: {
 			mapsTo: 'value',
-			scaleType: 'linear'
+			scaleType: ScaleTypes.LINEAR
 		}
 	},
 	curve: 'curveNatural',