@carbon/charts 1.11.21 → 1.12.0

package/dist/demo/index.mjs

@@ -860,7 +860,7 @@ const dA = [
       stacked: !0
     }
   }
-}, O = [
+}, C = [
   { group: "Dataset 1", date: new Date(2019, 0, 1), value: 1e4 },
   { group: "Dataset 1", date: new Date(2019, 0, 5), value: 65e3 },
   { group: "Dataset 1", date: new Date(2019, 0, 8), value: 1e4 },
@@ -881,7 +881,7 @@ const dA = [
   { group: "Dataset 4", date: new Date(2019, 0, 8), value: 51432 },
   { group: "Dataset 4", date: new Date(2019, 0, 15), value: 40323 },
   { group: "Dataset 4", date: new Date(2019, 0, 19), value: 31300 }
-], R = {
+], O = {
   title: "Vertical stacked bar (time series)",
   axes: {
     left: {
@@ -926,7 +926,7 @@ const dA = [
       scaleType: "time"
     }
   }
-}, P_ = O, B_ = {
+}, P_ = C, B_ = {
   title: "Custom ticks (stacked bar)",
   axes: {
     left: {
@@ -951,7 +951,7 @@ const dA = [
       stacked: !0
     }
   }
-}, d_ = O, p_ = [], m_ = {
+}, d_ = C, p_ = [], m_ = {
   title: "Vertical simple bar (empty state)",
   axes: {
     left: {},
@@ -1170,9 +1170,9 @@ const dA = [
   stackedBarShortIntervalTimeSeriesOptions: T_,
   stackedBarSkeletonData: W_,
   stackedBarSkeletonOptions: b_,
-  stackedBarTimeSeriesData: O,
+  stackedBarTimeSeriesData: C,
   stackedBarTimeSeriesDataCustomTicks: P_,
-  stackedBarTimeSeriesOptions: R,
+  stackedBarTimeSeriesOptions: O,
   stackedBarTimeSeriesOptionsCustomTicks: B_,
   stackedHorizontalBarData: s_,
   stackedHorizontalBarEmptyStateData: x_,
@@ -1231,7 +1231,7 @@ const dA = [
   simpleBoxplotOptions: ee,
   simpleVerticalBoxplotData: ae,
   simpleVerticalBoxplotOptions: Se
-}, Symbol.toStringTag, { value: "Module" })), l = [
+}, Symbol.toStringTag, { value: "Module" })), s = [
   { group: "Dataset 1", key: "Qty", value: 34200 },
   { group: "Dataset 1", key: "More", value: 23500 },
   { group: "Dataset 1", key: "Sold", value: 53100 },
@@ -1456,7 +1456,7 @@ const dA = [
   { group: "Dataset 4", date: new Date(2019, 0, 8), value: 51432 },
   { group: "Dataset 4", date: new Date(2019, 0, 15), value: 25332 },
   { group: "Dataset 4", date: new Date(2019, 0, 19), value: null }
-], F = {
+], R = {
   title: "Line (time series)",
   axes: {
     bottom: {
@@ -1687,7 +1687,7 @@ const dA = [
   dualLine: Te,
   lineCustomColorOptions: re,
   lineCustomDomainOptions: te,
-  lineData: l,
+  lineData: s,
   lineEmptyStateData: Ie,
   lineEmptyStateOptions: se,
   lineLogAxisData: Re,
@@ -1705,7 +1705,7 @@ const dA = [
   lineTimeSeriesDenseData: ne,
   lineTimeSeriesDenseOptions: ie,
   lineTimeSeriesDualAxesData: ue,
-  lineTimeSeriesOptions: F,
+  lineTimeSeriesOptions: R,
   lineTimeSeriesRotatedTicksOptions: Oe,
   lineTimeSeriesWithThresholdsOptions: oe,
   sparklineLoadingOptions: Me
@@ -45681,13 +45681,13 @@ const dA = [
 }, Symbol.toStringTag, { value: "Module" })), SS = Object.assign({}, NA, {
   title: "Step (discrete)",
   curve: "curveStepAfter"
-}), MS = l, RA = Object.assign({}, F, {
+}), MS = s, RA = Object.assign({}, R, {
   title: "Step (time series)",
   curve: "curveStepAfter"
-}), FA = i, ES = [], NS = Object.assign({}, F, {
+}), FA = i, ES = [], NS = Object.assign({}, R, {
   title: "Step (empty state)",
   curve: "curveStepAfter"
-}), tS = [], LS = Object.assign({}, F, {
+}), tS = [], LS = Object.assign({}, R, {
   title: "Step (skeleton)",
   curve: "curveStepAfter",
   data: {
@@ -46916,10 +46916,10 @@ const dA = [
 				<path d="M13,9H9a2,2,0,0,0-2,2V23H9V18h4v5h2V11A2,2,0,0,0,13,9ZM9,16V11h4v5Z"/><rect data-name="&lt;Transparent Rectangle&gt;" width="32" height="32" style="fill: none"/>`
     }
   }
-], e && (e.titleSuffix && (_.title += e.titleSuffix), e.numberOfIcons && (_.toolbar.numberOfIcons = e.numberOfIcons), e.controls && (_.toolbar.controls = e.controls)), _), jS = O, qS = QS(
-  Object.assign({}, R)
+], e && (e.titleSuffix && (_.title += e.titleSuffix), e.numberOfIcons && (_.toolbar.numberOfIcons = e.numberOfIcons), e.controls && (_.toolbar.controls = e.controls)), _), jS = C, qS = QS(
+  Object.assign({}, O)
 ), $S = i, AM = QS(
-  Object.assign({}, F),
+  Object.assign({}, R),
   {
     titleSuffix: " - two icons",
     numberOfIcons: 2,
@@ -47081,16 +47081,16 @@ const dA = [
 ), NM = h, tM = L(
   Object.assign({}, eA),
   { sliderView: !0 }
-), LM = O, DM = L(
-  Object.assign({}, R)
-), rM = O, oM = L(
-  Object.assign({}, R),
+), LM = C, DM = L(
+  Object.assign({}, O)
+), rM = C, oM = L(
+  Object.assign({}, O),
   { includeDefinedZoomBarData: !0 }
 ), nM = tA, iM = L(
   Object.assign({}, LA),
   { sliderView: !0 }
 ), CM = i, OM = L(
-  Object.assign({}, F)
+  Object.assign({}, R)
 ), RM = CA, FM = L(
   Object.assign({}, OA)
 ), IM = FA, sM = L(
@@ -47190,7 +47190,7 @@ const BM = [], G = L(
         loading: !0
       }
     },
-    R
+    O
   ),
   { includeDefinedZoomBarData: !0 }
 );
@@ -47204,7 +47204,7 @@ const cM = [], Z = L(
         loading: !0
       }
     },
-    R
+    O
   )
 );
 Z.title = "Zoom bar (skeleton)";
@@ -48753,7 +48753,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   heatmapPositiveNegativeData: bM,
   heatmapPositiveNegativeOptions: WM,
   heatmapQuantizeLegendOption: hM
-}, Symbol.toStringTag, { value: "Module" })), $M = "@carbon/charts", AE = "1.11.21", _E = "Carbon Charts component library", eE = "./dist/index.mjs", aE = "./dist/umd/bundle.umd.js", SE = "./dist/index.d.ts", ME = {
+}, Symbol.toStringTag, { value: "Module" })), $M = "@carbon/charts", AE = "1.12.0", _E = "Carbon Charts component library", eE = "./dist/index.mjs", aE = "./dist/umd/bundle.umd.js", SE = "./dist/index.d.ts", ME = {
   "./package.json": "./package.json",
   "./styles.min.css": "./dist/styles.min.css",
   "./styles.css": "./dist/styles.css",
@@ -48825,7 +48825,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   "@carbon/colors": "^11.19.0",
   "@carbon/telemetry": "~0.1.0",
   "@carbon/utils-position": "^1.1.4",
-  "carbon-components": "^10.58.8",
+  "carbon-components": "^10.58.10",
   d3: "^7.8.5",
   "d3-cloud": "^1.2.7",
   "d3-sankey": "^0.12.3",
@@ -48833,7 +48833,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   "html-to-image": "^1.11.11",
   "lodash-es": "^4.17.21",
   "topojson-client": "^3.1.0",
-  tslib: "^2.6.1"
+  tslib: "^2.6.2"
 }, DE = {
   d3: "^7.0.0",
   "d3-cloud": "^1.2.5",
@@ -48848,29 +48848,29 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, oE = {
   "@babel/core": "^7.22.10",
   "@carbon/import-once": "^10.7.0",
-  "@carbon/layout": "^11.18.0",
-  "@carbon/styles": "^1.35.0",
-  "@carbon/themes": "^11.23.0",
+  "@carbon/layout": "^11.19.0",
+  "@carbon/styles": "^1.36.0",
+  "@carbon/themes": "^11.24.0",
   "@rollup/plugin-replace": "^5.0.2",
   "@rushstack/eslint-patch": "^1.3.3",
   "@stackblitz/sdk": "^1.9.0",
-  "@storybook/addon-essentials": "^7.2.3",
-  "@storybook/addon-interactions": "^7.2.3",
-  "@storybook/addon-links": "^7.2.3",
-  "@storybook/blocks": "^7.2.3",
-  "@storybook/html": "^7.2.3",
-  "@storybook/html-vite": "^7.2.3",
-  "@storybook/manager-api": "^7.2.3",
+  "@storybook/addon-essentials": "^7.3.2",
+  "@storybook/addon-interactions": "^7.3.2",
+  "@storybook/addon-links": "^7.3.2",
+  "@storybook/blocks": "^7.3.2",
+  "@storybook/html": "^7.3.2",
+  "@storybook/html-vite": "^7.3.2",
+  "@storybook/manager-api": "^7.3.2",
   "@storybook/testing-library": "^0.2.0",
-  "@storybook/theming": "^7.2.3",
+  "@storybook/theming": "^7.3.2",
   "@types/d3": "^7.4.0",
   "@types/d3-cloud": "^1.2.5",
   "@types/d3-sankey": "^0.12.1",
   "@types/lodash-es": "^4.17.8",
   "@types/topojson": "^3.2.3",
-  "@typescript-eslint/eslint-plugin": "^6.3.0",
-  "@typescript-eslint/parser": "^6.3.0",
-  concurrently: "^8.2.0",
+  "@typescript-eslint/eslint-plugin": "^6.4.1",
+  "@typescript-eslint/parser": "^6.4.1",
+  concurrently: "^8.2.1",
   "downlevel-dts": "^0.11.0",
   eslint: "^8.47.0",
   "eslint-config-prettier": "^9.0.0",
@@ -48879,13 +48879,13 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   react: "^18.2.0",
   "react-dom": "^18.2.0",
   "resize-observer-polyfill": "^1.5.1",
-  sass: "~1.64.2",
-  storybook: "^7.2.3",
+  sass: "^1.66.1",
+  storybook: "^7.3.2",
   typedoc: "^0.24.8",
   typescript: "^5.1.6",
   vite: "^4.4.9",
   "vite-plugin-dts": "^3.5.2",
-  vitest: "^0.34.1"
+  vitest: "^0.34.2"
 }, nE = {
   access: "public"
 }, iE = [
@@ -48927,7 +48927,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     email: "iliadm@ca.ibm.com",
     url: "https://github.com/theiliad"
   }
-], IE = "f7037103474e53901678dd9e62095b0b1f0f62c4", C = {
+], IE = "f7037103474e53901678dd9e62095b0b1f0f62c4", B = {
   name: $M,
   version: AE,
   description: _E,
@@ -48949,9 +48949,9 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   maintainers: RE,
   contributors: FE,
   gitHead: IE
-}, sE = "@carbon/charts-angular", lE = "1.11.21", uE = "Carbon Charts component library for Angular", TE = {
-  "./styles.min.css": "./dist/styles.min.css",
-  "./styles.css": "./dist/styles.css"
+}, sE = "@carbon/charts-angular", lE = "1.12.0", uE = "Carbon Charts component library for Angular", TE = {
+  "./styles.min.css": "./styles.min.css",
+  "./styles.css": "./styles.css"
 }, PE = !1, BE = {
   ng: "ng",
   postinstall: "carbon-telemetry collect --install",
@@ -48978,39 +48978,39 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, dE = {
   "@carbon/charts": "workspace:*",
   "@carbon/telemetry": "~0.1.0",
-  tslib: "^2.6.1"
+  tslib: "^2.6.2"
 }, pE = {
   "@angular-devkit/build-angular": "^16.2.0",
-  "@angular-eslint/builder": "^16.1.0",
-  "@angular-eslint/eslint-plugin": "^16.1.0",
-  "@angular-eslint/eslint-plugin-template": "^16.1.0",
-  "@angular-eslint/schematics": "^16.1.0",
-  "@angular-eslint/template-parser": "^16.1.0",
-  "@angular/animations": "^16.2.0",
+  "@angular-eslint/builder": "^16.1.1",
+  "@angular-eslint/eslint-plugin": "^16.1.1",
+  "@angular-eslint/eslint-plugin-template": "^16.1.1",
+  "@angular-eslint/schematics": "^16.1.1",
+  "@angular-eslint/template-parser": "^16.1.1",
+  "@angular/animations": "^16.2.2",
   "@angular/cli": "^16.2.0",
-  "@angular/common": "^16.2.0",
-  "@angular/compiler": "^16.2.0",
-  "@angular/compiler-cli": "^16.2.0",
-  "@angular/core": "^16.2.0",
-  "@angular/forms": "^16.2.0",
-  "@angular/platform-browser": "^16.2.0",
-  "@angular/platform-browser-dynamic": "^16.2.0",
+  "@angular/common": "^16.2.2",
+  "@angular/compiler": "^16.2.2",
+  "@angular/compiler-cli": "^16.2.2",
+  "@angular/core": "^16.2.2",
+  "@angular/forms": "^16.2.2",
+  "@angular/platform-browser": "^16.2.2",
+  "@angular/platform-browser-dynamic": "^16.2.2",
   "@babel/core": "^7.22.10",
   "@carbon/icon-helpers": "^10.44.0",
-  "@carbon/icons": "^11.24.0",
+  "@carbon/icons": "^11.25.0",
   "@stackblitz/sdk": "^1.9.0",
-  "@storybook/addon-essentials": "^7.2.3",
-  "@storybook/addon-interactions": "^7.2.3",
-  "@storybook/addon-links": "^7.2.3",
-  "@storybook/angular": "^7.2.3",
-  "@storybook/blocks": "^7.2.3",
-  "@storybook/manager-api": "^7.2.3",
+  "@storybook/addon-essentials": "^7.3.2",
+  "@storybook/addon-interactions": "^7.3.2",
+  "@storybook/addon-links": "^7.3.2",
+  "@storybook/angular": "^7.3.2",
+  "@storybook/blocks": "^7.3.2",
+  "@storybook/manager-api": "^7.3.2",
   "@storybook/testing-library": "^0.2.0",
-  "@storybook/theming": "^7.2.3",
+  "@storybook/theming": "^7.3.2",
   "@types/carbon__icon-helpers": "^10.7.2",
-  "@typescript-eslint/eslint-plugin": "^6.3.0",
-  "@typescript-eslint/parser": "^6.3.0",
-  concurrently: "^8.2.0",
+  "@typescript-eslint/eslint-plugin": "^6.4.1",
+  "@typescript-eslint/parser": "^6.4.1",
+  concurrently: "^8.2.1",
   d3: "^7.8.5",
   "d3-cloud": "^1.2.7",
   "d3-sankey": "^0.12.3",
@@ -49024,7 +49024,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   react: "^18.2.0",
   "react-dom": "^18.2.0",
   rxjs: "~7.8.1",
-  storybook: "^7.2.3",
+  storybook: "^7.3.2",
   "style-loader": "^3.3.3",
   typescript: "~5.1.6",
   "zone.js": "~0.13.1"
@@ -49093,7 +49093,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   maintainers: yE,
   contributors: vE,
   gitHead: HE
-}, hE = "@carbon/charts-react", WE = "1.11.21", bE = "Carbon Charts component library for React", VE = "./dist/index.js", YE = "./dist/index.mjs", kE = "./dist/index.d.ts", fE = {
+}, hE = "@carbon/charts-react", WE = "1.12.0", bE = "Carbon Charts component library for React", VE = "./dist/index.js", YE = "./dist/index.mjs", kE = "./dist/index.d.ts", fE = {
   "./package.json": "./package.json",
   ".": {
     types: "./dist/index.d.ts",
@@ -49128,7 +49128,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   "pub:demo": "cp -a demo/bundle/. ../../pages/react"
 }, JE = {
   "@carbon/charts": "workspace:*",
-  "@carbon/icons-react": "^11.24.0",
+  "@carbon/icons-react": "^11.25.0",
   "@carbon/telemetry": "~0.1.0"
 }, zE = {
   react: "^16.0.0 || ^17.0.0 || ^18.0.0",
@@ -49143,24 +49143,24 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   "@babel/preset-typescript": "^7.22.5",
   "@rushstack/eslint-patch": "^1.3.3",
   "@stackblitz/sdk": "1.9.0",
-  "@storybook/addon-essentials": "^7.2.3",
-  "@storybook/addon-interactions": "^7.2.3",
-  "@storybook/addon-links": "^7.2.3",
-  "@storybook/blocks": "^7.2.3",
-  "@storybook/manager-api": "^7.2.3",
-  "@storybook/react": "^7.2.3",
-  "@storybook/react-vite": "^7.2.3",
-  "@storybook/react-webpack5": "^7.2.3",
+  "@storybook/addon-essentials": "^7.3.2",
+  "@storybook/addon-interactions": "^7.3.2",
+  "@storybook/addon-links": "^7.3.2",
+  "@storybook/blocks": "^7.3.2",
+  "@storybook/manager-api": "^7.3.2",
+  "@storybook/react": "^7.3.2",
+  "@storybook/react-vite": "^7.3.2",
+  "@storybook/react-webpack5": "^7.3.2",
   "@storybook/testing-library": "^0.2.0",
-  "@storybook/theming": "^7.2.3",
-  "@types/carbon__icons-react": "^11.20.0",
-  "@types/react": "^18.2.20",
+  "@storybook/theming": "^7.3.2",
+  "@types/carbon__icons-react": "^11.25.0",
+  "@types/react": "^18.2.21",
   "@types/react-dom": "^18.2.7",
-  "@typescript-eslint/eslint-plugin": "^6.3.0",
-  "@typescript-eslint/parser": "^6.3.0",
+  "@typescript-eslint/eslint-plugin": "^6.4.1",
+  "@typescript-eslint/parser": "^6.4.1",
   "@vitejs/plugin-react": "^4.0.4",
   classnames: "^2.3.2",
-  concurrently: "^8.2.0",
+  concurrently: "^8.2.1",
   "css-loader": "6.8.1",
   d3: "^7.8.5",
   "d3-cloud": "^1.2.7",
@@ -49169,12 +49169,12 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   eslint: "^8.47.0",
   "eslint-config-prettier": "^9.0.0",
   "eslint-plugin-prettier": "^5.0.0",
-  "eslint-plugin-react": "^7.33.1",
+  "eslint-plugin-react": "^7.33.2",
   "eslint-plugin-storybook": "^0.6.13",
   react: "^18.2.0",
   "react-dom": "^18.2.0",
-  sass: "^1.65.1",
-  storybook: "^7.2.3",
+  sass: "^1.66.1",
+  storybook: "^7.3.2",
   "style-loader": "^3.3.3",
   typescript: "^5.1.6",
   vite: "^4.4.9",
@@ -49251,7 +49251,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   maintainers: eN,
   contributors: aN,
   gitHead: SN
-}, EN = "@carbon/charts-svelte", NN = "1.11.21", tN = "Carbon Charts component library for Svelte", LN = {
+}, EN = "@carbon/charts-svelte", NN = "1.12.0", tN = "Carbon Charts component library for Svelte", LN = {
   postinstall: "carbon-telemetry collect --install",
   "file:styles": "cp ../core/dist/styles.* dist",
   "build:package": "svelte-kit sync && svelte-package && yarn file:styles",
@@ -49287,21 +49287,21 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   "@carbon/telemetry": "~0.1.0"
 }, FN = {
   "@stackblitz/sdk": "^1.9.0",
-  "@storybook/addon-essentials": "^7.2.3",
-  "@storybook/addon-interactions": "^7.2.3",
-  "@storybook/addon-links": "^7.2.3",
-  "@storybook/blocks": "^7.2.3",
-  "@storybook/manager-api": "^7.2.3",
-  "@storybook/svelte": "^7.2.3",
-  "@storybook/sveltekit": "^7.2.3",
+  "@storybook/addon-essentials": "^7.3.2",
+  "@storybook/addon-interactions": "^7.3.2",
+  "@storybook/addon-links": "^7.3.2",
+  "@storybook/blocks": "^7.3.2",
+  "@storybook/manager-api": "^7.3.2",
+  "@storybook/svelte": "^7.3.2",
+  "@storybook/sveltekit": "^7.3.2",
   "@storybook/testing-library": "^0.2.0",
-  "@storybook/theming": "^7.2.3",
+  "@storybook/theming": "^7.3.2",
   "@sveltejs/adapter-auto": "^2.1.0",
-  "@sveltejs/kit": "^1.22.5",
+  "@sveltejs/kit": "^1.23.0",
   "@sveltejs/package": "^2.2.1",
-  "@typescript-eslint/eslint-plugin": "^6.3.0",
-  "@typescript-eslint/parser": "^6.3.0",
-  concurrently: "^8.2.0",
+  "@typescript-eslint/eslint-plugin": "^6.4.1",
+  "@typescript-eslint/parser": "^6.4.1",
+  concurrently: "^8.2.1",
   d3: "^7.8.5",
   "d3-cloud": "^1.2.7",
   "d3-sankey": "^0.12.3",
@@ -49310,13 +49310,13 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   "eslint-plugin-storybook": "^0.6.13",
   "eslint-plugin-svelte3": "^4.0.0",
   "prettier-plugin-svelte": "^3.0.3",
-  publint: "^0.2.0",
+  publint: "^0.2.2",
   react: "^18.2.0",
   "react-dom": "^18.2.0",
-  storybook: "^7.2.3",
+  storybook: "^7.3.2",
   svelte: "^4.2.0",
   "svelte-check": "^3.5.0",
-  tslib: "^2.6.1",
+  tslib: "^2.6.2",
   typescript: "^5.1.6",
   vite: "^4.4.9"
 }, IN = {
@@ -49389,7 +49389,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   author: cN,
   keywords: dN,
   gitHead: pN
-}, mN = "@carbon/charts-vue", UN = "1.11.21", GN = "Carbon Charts component library for Vue", gN = "./dist/index.js", KN = "./dist/index.mjs", yN = "./dist/index.d.ts", vN = {
+}, mN = "@carbon/charts-vue", UN = "1.12.0", GN = "Carbon Charts component library for Vue", gN = "./dist/index.js", KN = "./dist/index.mjs", yN = "./dist/index.d.ts", vN = {
   "./styles.min.css": "./dist/styles.min.css",
   "./styles.css": "./dist/styles.css",
   ".": {
@@ -49425,19 +49425,19 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   "@babel/core": "^7.22.10",
   "@rushstack/eslint-patch": "^1.3.3",
   "@stackblitz/sdk": "^1.9.0",
-  "@storybook/addon-essentials": "^7.2.3",
-  "@storybook/addon-interactions": "^7.2.3",
-  "@storybook/addon-links": "^7.2.3",
-  "@storybook/blocks": "^7.2.3",
-  "@storybook/manager-api": "^7.2.3",
+  "@storybook/addon-essentials": "^7.3.2",
+  "@storybook/addon-interactions": "^7.3.2",
+  "@storybook/addon-links": "^7.3.2",
+  "@storybook/blocks": "^7.3.2",
+  "@storybook/manager-api": "^7.3.2",
   "@storybook/testing-library": "^0.2.0",
-  "@storybook/theming": "^7.2.3",
-  "@storybook/vue3": "^7.2.3",
-  "@storybook/vue3-vite": "^7.2.3",
+  "@storybook/theming": "^7.3.2",
+  "@storybook/vue3": "^7.3.2",
+  "@storybook/vue3-vite": "^7.3.2",
   "@types/d3": "^7.4.0",
   "@vue/eslint-config-prettier": "^8.0.0",
   "@vue/eslint-config-typescript": "^11.0.3",
-  concurrently: "^8.2.0",
+  concurrently: "^8.2.1",
   d3: "^7.8.5",
   "d3-cloud": "^1.2.7",
   "d3-sankey": "^0.12.3",
@@ -49446,7 +49446,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   "eslint-plugin-vue": "^9.17.0",
   react: "^18.2.0",
   "react-dom": "^18.2.0",
-  storybook: "^7.2.3",
+  storybook: "^7.3.2",
   typescript: "^5.1.6",
   vite: "^4.4.9",
   "vite-plugin-dts": "^3.5.2",
@@ -49504,60 +49504,56 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   license: fN,
   author: ZN,
   keywords: wN
-}, S = {
-  carbonCharts: C.version,
-  carbonStyles: C.devDependencies["@carbon/styles"],
-  d3: C.dependencies.d3,
-  d3Cloud: C.dependencies["d3-cloud"],
-  d3Sankey: C.dependencies["d3-sankey"],
+}, M = {
+  carbonCharts: B.version,
+  d3: B.dependencies.d3,
+  d3Cloud: B.dependencies["d3-cloud"],
+  d3Sankey: B.dependencies["d3-sankey"],
   angular: c.dependencies["@angular/core"],
   react: MN.dependencies.react,
   rxjs: c.dependencies.rxjs,
-  sass: C.devDependencies.sass,
   svelteVite: "^2.4.2",
   svelteTsConfig: "^5.0.0",
   svelte: BA.devDependencies.svelte,
   svelteCheck: BA.devDependencies["svelte-check"],
   tslib: c.dependencies.tslib,
   typescript: c.dependencies.typescript,
-  vite: C.devDependencies.vite,
+  vite: B.devDependencies.vite,
   vue: JN.dependencies.vue,
   zoneJs: c.dependencies["zone.js"]
 };
 function D(_, e = 0, a = !0) {
-  let M = a ? "export default " : "";
+  let S = a ? "export default " : "";
   const E = " ".repeat(e * 2);
   if (Array.isArray(_))
-    M += `[
+    S += `[
 `, _.forEach((N, t) => {
-      M += E + "  " + D(N, e + 1, !1), t < _.length - 1 && (M += ","), M += `
+      S += E + "  " + D(N, e + 1, !1), t < _.length - 1 && (S += ","), S += `
 `;
-    }), M += E + "]";
+    }), S += E + "]";
   else if (typeof _ == "object" && _ !== null)
     if (_ instanceof Date)
-      M += `new Date(${_.getFullYear()}, ${_.getMonth()}, ${_.getDate()})`;
+      S += `new Date(${_.getFullYear()}, ${_.getMonth()}, ${_.getDate()})`;
     else {
-      M += `{
+      S += `{
 `;
       const N = Object.keys(_);
       N.forEach((t, r) => {
-        const u = /^[a-z$_][a-z0-9$_]*$/i.test(t) ? t : `'${t}'`;
-        M += E + "  " + u + ": ", typeof _[t] == "function" ? M += _[t].toString().replace(/\\(['"`])/g, "$1") : t === "content" && typeof _[t] == "string" ? M += "`" + _[t].replace(/`/g, "\\`") + "`" : M += D(_[t], e + 1, !1), r < N.length - 1 && (M += ","), M += `
+        const l = /^[a-z$_][a-z0-9$_]*$/i.test(t) ? t : `'${t}'`;
+        S += E + "  " + l + ": ", typeof _[t] == "function" ? S += _[t].toString().replace(/\\(['"`])/g, "$1") : t === "content" && typeof _[t] == "string" ? S += "`" + _[t].replace(/`/g, "\\`") + "`" : S += D(_[t], e + 1, !1), r < N.length - 1 && (S += ","), S += `
 `;
-      }), M += E + "}";
+      }), S += E + "}";
     }
   else
-    typeof _ == "string" ? M += `'${_.replace(/(['"`])/g, "\\$1")}'` : M += _;
-  return M;
+    typeof _ == "string" ? S += `'${_.replace(/(['"`])/g, "\\$1")}'` : S += _;
+  return S;
 }
 function zN(_) {
   const e = {
-    "@carbon/charts": S.carbonCharts,
-    "@carbon/styles": S.carbonStyles,
-    d3: S.d3,
-    "d3-cloud": S.d3Cloud,
-    "d3-sankey": S.d3Sankey,
-    sass: S.sass
+    "@carbon/charts": M.carbonCharts,
+    d3: M.d3,
+    "d3-cloud": M.d3Cloud,
+    "d3-sankey": M.d3Sankey
   }, a = `<html>
 <head>
   <title>Carbon Charts Vanilla JavaScript Example</title>
@@ -49584,7 +49580,7 @@ function zN(_) {
   </div>
   <script src="src/index.js"><\/script>
 </body>
-</html>`, M = `/* Disclaimer: Data only used for demo purposes - not an accurate representation of world map */
+</html>`, S = `/* Disclaimer: Data only used for demo purposes - not an accurate representation of world map */
 
 async function loadTopoData() {
   try {
@@ -49609,10 +49605,9 @@ new ${_.chartType.vanilla}(chartHolder, {
 import { ${_.chartType.vanilla} } from '@carbon/charts'
 import options from './options.js'
 import data from './data.js'
-import '@carbon/styles/css/styles.css'
 import '@carbon/charts/styles.css'
 
-${E ? M : N}
+${E ? S : N}
 `, r = {
     name: "carbon-charts-vanilla-js-example",
     description: "Carbon Charts Vanilla JavaScript Example",
@@ -49634,21 +49629,19 @@ ${E ? M : N}
 }
 function xN(_) {
   const e = {
-    "@angular/animations": S.angular,
-    "@angular/common": S.angular,
-    "@angular/compiler": S.angular,
-    "@angular/core": S.angular,
-    "@angular/platform-browser": S.angular,
-    "@carbon/charts": S.carbonCharts,
-    "@carbon/charts-angular": S.carbonCharts,
-    "@carbon/styles": S.carbonStyles,
-    d3: S.d3,
-    "d3-cloud": S.d3Cloud,
-    "d3-sankey": S.d3Sankey,
-    rxjs: S.rxjs,
-    sass: S.sass,
-    tslib: S.tslib,
-    "zone.js": S.zoneJs
+    "@angular/animations": M.angular,
+    "@angular/common": M.angular,
+    "@angular/compiler": M.angular,
+    "@angular/core": M.angular,
+    "@angular/platform-browser": M.angular,
+    "@carbon/charts": M.carbonCharts,
+    "@carbon/charts-angular": M.carbonCharts,
+    d3: M.d3,
+    "d3-cloud": M.d3Cloud,
+    "d3-sankey": M.d3Sankey,
+    rxjs: M.rxjs,
+    tslib: M.tslib,
+    "zone.js": M.zoneJs
   }, a = `<!doctype html>
 <html lang="en">
 <head>
@@ -49672,7 +49665,7 @@ function xN(_) {
     <my-app></my-app>
 	</div>
 </body>
-</html>`, M = `import 'zone.js/dist/zone'
+</html>`, S = `import 'zone.js/dist/zone'
 import { Component } from '@angular/core'
 import { CommonModule } from '@angular/common'
 import { bootstrapApplication } from '@angular/platform-browser'
@@ -49692,9 +49685,8 @@ export class App {
 }
 
 bootstrapApplication(App)
-`, E = `@import '@carbon/styles/css/styles.css';
-@import '@carbon/charts/styles.css';
-`, N = `{
+`, E = `@import '@carbon/charts/styles.css';
+  `, N = `{
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "version": 1,
   "newProjectRoot": "projects",
@@ -49790,7 +49782,7 @@ bootstrapApplication(App)
     files: {
       "src/data.ts": D(_.data),
       "src/index.html": a,
-      "src/main.ts": M,
+      "src/main.ts": S,
       "src/options.ts": D(_.options),
       "src/styles.css": E,
       "angular.json": N,
@@ -49801,14 +49793,12 @@ bootstrapApplication(App)
 }
 function XN(_) {
   const e = {
-    "@carbon/charts-react": S.carbonCharts,
-    "@carbon/styles": S.carbonStyles,
-    d3: S.d3,
-    "d3-cloud": S.d3Cloud,
-    "d3-sankey": S.d3Sankey,
-    react: S.react,
-    "react-dom": S.react,
-    sass: S.sass
+    "@carbon/charts-react": M.carbonCharts,
+    d3: M.d3,
+    "d3-cloud": M.d3Cloud,
+    "d3-sankey": M.d3Sankey,
+    react: M.react,
+    "react-dom": M.react
   }, a = `<!doctype html>
 <html lang="en">
 <head>
@@ -49832,13 +49822,11 @@ function XN(_) {
 	  <div id="root"></div>
   </div>
 </body>
-</html>`, M = `import React from 'react'
+</html>`, S = `import React from 'react'
 import ReactDOM from 'react-dom/client'
 import { ${_.chartType.vanilla} } from '@carbon/charts-react'
 import data from './data.js'
 import options from './options.js'
-
-import '@carbon/styles/css/styles.css'
 import '@carbon/charts-react/styles.css'
 
 class App extends React.Component {
@@ -49876,7 +49864,7 @@ root.render(
     files: {
       "public/index.html": a,
       "src/data.js": D(_.data),
-      "src/index.js": M,
+      "src/index.js": S,
       "src/options.js": D(_.options),
       "package.json": JSON.stringify(E, null, 2)
     }
@@ -49884,18 +49872,17 @@ root.render(
 }
 function QN(_) {
   const e = {
-    "@carbon/charts-svelte": S.carbonCharts,
-    "@carbon/styles": S.carbonStyles,
-    "@sveltejs/vite-plugin-svelte": S.svelteVite,
-    "@tsconfig/svelte": S.svelteTsConfig,
-    d3: S.d3,
-    "d3-cloud": S.d3Cloud,
-    "d3-sankey": S.d3Sankey,
-    svelte: S.svelte,
-    "svelte-check": S.svelteCheck,
-    tslib: S.tslib,
-    typescript: S.typescript,
-    vite: S.vite
+    "@carbon/charts-svelte": M.carbonCharts,
+    "@sveltejs/vite-plugin-svelte": M.svelteVite,
+    "@tsconfig/svelte": M.svelteTsConfig,
+    d3: M.d3,
+    "d3-cloud": M.d3Cloud,
+    "d3-sankey": M.d3Sankey,
+    svelte: M.svelte,
+    "svelte-check": M.svelteCheck,
+    tslib: M.tslib,
+    typescript: M.typescript,
+    vite: M.vite
   };
   let a = _.chartType.vanilla;
   switch (a) {
@@ -49909,9 +49896,8 @@ function QN(_) {
       a = "BarChartStacked";
       break;
   }
-  const M = `<script lang="ts">
+  const S = `<script lang="ts">
 import { ${a} } from '@carbon/charts-svelte'
-import '@carbon/styles/css/styles.css'
 import '@carbon/charts-svelte/styles.css'
 import options from './options.js'
 import data from './data.js'
@@ -49943,7 +49929,7 @@ export default app
     <div id="app"></div>
     <script type="module" src="/src/main.ts"><\/script>
   </body>
-</html>`, u = {
+</html>`, l = {
     name: "carbon-charts-svelte-example",
     description: "Carbon Charts Svelte Example",
     version: "0.0.0",
@@ -49955,7 +49941,7 @@ export default app
       check: "svelte-check --tsconfig ./tsconfig.json"
     },
     devDependencies: e
-  }, T = `import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+  }, u = `import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
 
 export default {
   preprocess: vitePreprocess()
@@ -49992,15 +49978,15 @@ export default defineConfig({
     template: "node",
     title: "Carbon Charts Svelte Example",
     files: {
-      "src/App.svelte": M,
+      "src/App.svelte": S,
       "src/data.js": D(_.data),
       "src/main.ts": E,
       "src/options.js": D(_.options),
       "src/vite-env.d.ts": N,
       ".stackblitzrc": t,
       "index.html": r,
-      "package.json": JSON.stringify(u, null, 2),
-      "svelte.config.js": T,
+      "package.json": JSON.stringify(l, null, 2),
+      "svelte.config.js": u,
       "tsconfig.json": g,
       "tsconfig.node.json": n,
       "vite.config.ts": K
@@ -50009,13 +49995,11 @@ export default defineConfig({
 }
 function jN(_) {
   const e = {
-    "@carbon/charts-vue": S.carbonCharts,
-    "@carbon/styles": S.carbonStyles,
-    d3: S.d3,
-    "d3-cloud": S.d3Cloud,
-    "d3-sankey": S.d3Sankey,
-    sass: S.sass,
-    vue: S.vue
+    "@carbon/charts-vue": M.carbonCharts,
+    d3: M.d3,
+    "d3-cloud": M.d3Cloud,
+    "d3-sankey": M.d3Sankey,
+    vue: M.vue
   }, a = `<!DOCTYPE html>
 <html lang="en">
   <head>
@@ -50033,7 +50017,7 @@ function jN(_) {
   <body>
     <div id="app"></div>
   </body>
-</html>`, M = `<template>
+</html>`, S = `<template>
 <div id="app" class="p-1">
   <${_.chartType.vue} :data="data" :options="options" />
 </div>
@@ -50054,7 +50038,6 @@ export default {
 <\/script>
 
 <style>
-@import '@carbon/styles/css/styles.css';
 @import '@carbon/charts-vue/styles.css';
 .p-1 {
 padding: 2rem;
@@ -50083,7 +50066,7 @@ app.mount('#app')
     dependencies: e,
     files: {
       "public/index.html": a,
-      "src/App.vue": M,
+      "src/App.vue": S,
       "src/data.js": D(_.data),
       "src/main.js": E,
       "src/options.js": D(_.options),
@@ -50092,7 +50075,7 @@ app.mount('#app')
   };
 }
 const qN = (_) => {
-  var M, E, N;
+  var S, E, N;
   const e = document.createElement("div");
   e.id = "theme-picker", e.innerHTML = `
 		<fieldset class="cds--fieldset marginTop-45">
@@ -50135,7 +50118,7 @@ const qN = (_) => {
 			</div>
 		</fieldset>`;
   const a = document.documentElement.getAttribute("data-carbon-theme");
-  a ? (M = e.querySelector(`input#theme__${a}`)) == null || M.setAttribute("checked", "true") : (E = e.querySelector("input#theme__white")) == null || E.setAttribute("checked", "true"), (N = _.querySelector("#charting-controls")) == null || N.appendChild(e);
+  a ? (S = e.querySelector(`input#theme__${a}`)) == null || S.setAttribute("checked", "true") : (E = e.querySelector("input#theme__white")) == null || E.setAttribute("checked", "true"), (N = _.querySelector("#charting-controls")) == null || N.appendChild(e);
 }, $N = (_, e) => {
   const a = [
     "geoEqualEarth",
@@ -50145,7 +50128,7 @@ const qN = (_) => {
     "geoEquirectangular",
     "geoMercator",
     "geoNaturalEarth1"
-  ], M = e.model.getOptions(), E = document.createElement("div");
+  ], S = e.model.getOptions(), E = document.createElement("div");
   E.id = "projection-picker", E.innerHTML = `
 <div class="cds--form-item">
 	<div class="cds--select">
@@ -50163,14 +50146,14 @@ const qN = (_) => {
 	</div>
 </div>`, E.querySelector("#projection-select").addEventListener("change", (N) => {
     const { value: t } = N.target;
-    M.thematic.projection = t, e.model.setOptions(M);
+    S.thematic.projection = t, e.model.setOptions(S);
   }), _.querySelector("#charting-controls").appendChild(E);
 }, A3 = (_, e, a = { colorPairingOptions: null }) => {
   var K, PA;
-  const { colorPairingOptions: M } = a, E = e.model.getOptions(), { numberOfVariants: N, option: t } = E.color.pairing, r = e.model.getAllDataGroupsNames().length, u = N || r;
-  let T = !1;
-  r > 5 && (T = !0);
-  const g = `${u}-${t}`, n = document.createElement("div");
+  const { colorPairingOptions: S } = a, E = e.model.getOptions(), { numberOfVariants: N, option: t } = E.color.pairing, r = e.model.getAllDataGroupsNames().length, l = N || r;
+  let u = !1;
+  r > 5 && (u = !0);
+  const g = `${l}-${t}`, n = document.createElement("div");
   n.id = "color-palette-picker", n.innerHTML = `
 		<div class="cds--form-item">
 			<div class="cds--select">
@@ -50180,37 +50163,37 @@ const qN = (_) => {
 						<option class="cds--select-option" value="" disabled selected hidden>
 						Choose an option
 						</option>
-					${M ? Object.keys(M).map((I) => {
-    const z = M ? M[I] : 0;
-    let P = `<optgroup class="cds--select-optgroup" label="${I} groups">`;
-    const s = parseInt(I);
-    if (s !== 14)
-      for (let B = 1; B <= z; B++)
-        P += `
-								<option class="cds--select-option" ${T || s < r ? "disabled" : ""} value="${I}-option-${B}" ${g === `${s}-${B}` ? "selected" : ""}>
-									${s}-color groups, option ${B}
+					${S ? Object.keys(S).map((F) => {
+    const z = S ? S[F] : 0;
+    let T = `<optgroup class="cds--select-optgroup" label="${F} groups">`;
+    const I = parseInt(F);
+    if (I !== 14)
+      for (let P = 1; P <= z; P++)
+        T += `
+								<option class="cds--select-option" ${u || I < r ? "disabled" : ""} value="${F}-option-${P}" ${g === `${I}-${P}` ? "selected" : ""}>
+									${I}-color groups, option ${P}
 								</option>`;
     else
-      P += `<option class="cds--select-option" value="14-color-option-1" ${g === "14-1" || T ? "selected" : ""}>
+      T += `<option class="cds--select-option" value="14-color-option-1" ${g === "14-1" || u ? "selected" : ""}>
 								Categorical palette
 							</option>`;
-    return P;
+    return T;
   }).join("") : ""}
 						</select>
 						<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="cds--select__arrow" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg>
 					</div>
 				</div>
 			</div>
-		</div>`, (K = n == null ? void 0 : n.querySelector("#color-palette-select")) == null || K.addEventListener("change", (I) => {
-    const { value: z } = I.target, [P, s] = z.split("-color-option-");
-    E.color.pairing.numberOfVariants = P, E.color.pairing.option = s, e.model.setOptions(E);
+		</div>`, (K = n == null ? void 0 : n.querySelector("#color-palette-select")) == null || K.addEventListener("change", (F) => {
+    const { value: z } = F.target, [T, I] = z.split("-color-option-");
+    E.color.pairing.numberOfVariants = T, E.color.pairing.option = I, e.model.setOptions(E);
   }), (PA = _ == null ? void 0 : _.querySelector("#charting-controls")) == null || PA.appendChild(n);
-}, g3 = (_, e, a, M = { colorPairingOptions: null }) => {
+}, g3 = (_, e, a, S = { colorPairingOptions: null }) => {
   var E, N;
-  _.querySelector("#charting-controls") && (_.querySelector("#charting-controls").innerHTML = ""), qN(_), ((E = e == null ? void 0 : e.configs) == null ? void 0 : E.excludeColorPaletteControl) !== !0 && A3(_, a, M), (N = e == null ? void 0 : e.configs) != null && N.includeProjectionControl && $N(_, a), _3(_, a);
+  _.querySelector("#charting-controls") && (_.querySelector("#charting-controls").innerHTML = ""), qN(_), ((E = e == null ? void 0 : e.configs) == null ? void 0 : E.excludeColorPaletteControl) !== !0 && A3(_, a, S), (N = e == null ? void 0 : e.configs) != null && N.includeProjectionControl && $N(_, a), _3(_, a);
 }, _3 = (_, e) => {
-  const a = _.querySelectorAll("div#theme-picker input.cds--radio-button"), M = document.documentElement.getAttribute("data-carbon-theme");
-  M && e.services.domUtils.getHolder().setAttribute("data-carbon-theme", M), a.forEach((E) => {
+  const a = _.querySelectorAll("div#theme-picker input.cds--radio-button"), S = document.documentElement.getAttribute("data-carbon-theme");
+  S && e.services.domUtils.getHolder().setAttribute("data-carbon-theme", S), a.forEach((E) => {
     E.addEventListener("click", (N) => {
       const t = N.target.value;
       document.documentElement.setAttribute("data-carbon-theme", t), e.model.setOptions({ ...e.model.getOptions(), theme: t });
@@ -50241,8 +50224,8 @@ const qN = (_) => {
     }
   ];
   a = a.filter((t) => t.name !== e);
-  const M = document.createElement("div");
-  M.setAttribute("class", "cds--row resource-card-group");
+  const S = document.createElement("div");
+  S.setAttribute("class", "cds--row resource-card-group");
   let E = "";
   a.forEach((t) => {
     E += `<div class="cds--no-gutter-sm cds--col-md-6 cds--col-lg-6">
@@ -50263,7 +50246,7 @@ const qN = (_) => {
 		  </div>
 		</div>
 	  </div>`;
-  }), M.innerHTML = E, (N = _ == null ? void 0 : _.querySelector("#other-versions")) == null || N.appendChild(M);
+  }), S.innerHTML = E, (N = _ == null ? void 0 : _.querySelector("#other-versions")) == null || N.appendChild(S);
 }, A = {
   AlluvialChart: {
     vanilla: "AlluvialChart",
@@ -50411,7 +50394,7 @@ const qN = (_) => {
       },
       {
         options: te,
-        data: l,
+        data: s,
         chartType: A.LineChart
       },
       {
@@ -50521,7 +50504,7 @@ const qN = (_) => {
       },
       {
         options: re,
-        data: l,
+        data: s,
         chartType: A.LineChart
       },
       {
@@ -50566,7 +50549,7 @@ const qN = (_) => {
       },
       {
         options: Pe,
-        data: l,
+        data: s,
         chartType: A.LineChart
       }
     ]
@@ -50910,8 +50893,8 @@ const qN = (_) => {
         chartType: A.StackedBarChart
       },
       {
-        options: R,
-        data: O,
+        options: O,
+        data: C,
         chartType: A.StackedBarChart
       },
       {
@@ -51159,11 +51142,11 @@ const qN = (_) => {
     demos: [
       {
         options: NA,
-        data: l,
+        data: s,
         chartType: A.LineChart
       },
       {
-        options: F,
+        options: R,
         data: i,
         chartType: A.LineChart,
         mainDemo: !0