@carbon/charts 1.16.0 → 1.16.2

package/dist/demo/index.mjs

@@ -1,5 +1,5 @@
 import { S as _, A as i, u as QM, t as jM } from "../enums-DwsxZqjR.mjs";
-const UA = [
+const mA = [
   { group: "Dataset 1", date: new Date(2019, 0, 1), value: 0 },
   { group: "Dataset 1", date: new Date(2019, 0, 6), value: 57312 },
   { group: "Dataset 1", date: new Date(2019, 0, 8), value: 21432 },
@@ -59,7 +59,7 @@ const UA = [
       scaleType: _.LINEAR
     }
   }
-}, vA = [
+}, yA = [
   { group: "Dataset 1", date: new Date(2019, 0, 1), value: 0 },
   { group: "Dataset 1", date: new Date(2019, 0, 6), value: -37312 },
   { group: "Dataset 1", date: new Date(2019, 0, 8), value: -22392 },
@@ -70,7 +70,7 @@ const UA = [
   { group: "Dataset 2", date: new Date(2019, 0, 8), value: 23094 },
   { group: "Dataset 2", date: new Date(2019, 0, 13), value: 45281 },
   { group: "Dataset 2", date: new Date(2019, 0, 19), value: -63954 }
-], yA = [
+], vA = [
   { group: "Dataset 1", date: 155845326e4, value: 2 },
   { group: "Dataset 1", date: 155845332e4, value: 3 },
   { group: "Dataset 1", date: 155845338e4, value: 5 },
@@ -315,14 +315,14 @@ const UA = [
   areaEmptyOptions: fA,
   areaSkeletonData: ZA,
   areaSkeletonOptions: wA,
-  areaTimeSeriesCurvedData: vA,
+  areaTimeSeriesCurvedData: yA,
   areaTimeSeriesCurvedOptions: HA,
-  areaTimeSeriesData: UA,
+  areaTimeSeriesData: mA,
   areaTimeSeriesOptions: GA,
   boundedAreaTimeSeriesData: V,
   boundedAreaTimeSeriesOptions: YA,
   sparklineOptions: hA,
-  sparklineTimeSeriesData: yA,
+  sparklineTimeSeriesData: vA,
   stackedAreaPercentageTimeSeriesOptions: bA,
   stackedAreaTimeSeriesData: h,
   stackedAreaTimeSeriesOptions: MA,
@@ -958,7 +958,7 @@ const UA = [
       scaleType: _.TIME
     }
   }
-}, m_ = [
+}, U_ = [
   { group: "Dataset 1", date: new Date(2019, 0, 1, 8, 5, 6, 111), value: 0 },
   { group: "Dataset 1", date: new Date(2019, 0, 1, 8, 5, 6, 222), value: 65e3 },
   { group: "Dataset 1", date: new Date(2019, 0, 1, 8, 5, 6, 333), value: 1e4 },
@@ -979,7 +979,7 @@ const UA = [
   { group: "Dataset 4", date: new Date(2019, 0, 1, 8, 5, 6, 333), value: 51432 },
   { group: "Dataset 4", date: new Date(2019, 0, 1, 8, 5, 6, 444), value: 40323 },
   { group: "Dataset 4", date: new Date(2019, 0, 1, 8, 5, 6, 555), value: 0 }
-], U_ = {
+], m_ = {
   title: "Vertical stacked bar (short interval time series)",
   axes: {
     left: {
@@ -1016,7 +1016,7 @@ const UA = [
       stacked: !0
     }
   }
-}, v_ = F, y_ = [], H_ = {
+}, y_ = F, v_ = [], H_ = {
   title: "Vertical simple bar (empty state)",
   axes: {
     left: {},
@@ -1202,7 +1202,7 @@ const UA = [
   simpleBarCustomLegendOrderOptions: e_,
   simpleBarData: n,
   simpleBarDataCustomTicks: S_,
-  simpleBarEmptyStateData: y_,
+  simpleBarEmptyStateData: v_,
   simpleBarEmptyStateOptions: H_,
   simpleBarFixedDomainOptions: t_,
   simpleBarHindiLocaleOptions: F_,
@@ -1236,8 +1236,8 @@ const UA = [
   stackedBarNegativeData: B_,
   stackedBarNegativeOptions: c_,
   stackedBarOptions: LA,
-  stackedBarShortIntervalTimeSeriesData: m_,
-  stackedBarShortIntervalTimeSeriesOptions: U_,
+  stackedBarShortIntervalTimeSeriesData: U_,
+  stackedBarShortIntervalTimeSeriesOptions: m_,
   stackedBarSkeletonData: w_,
   stackedBarSkeletonOptions: J_,
   stackedBarTimeSeriesData: F,
@@ -1250,7 +1250,7 @@ const UA = [
   stackedHorizontalBarOptions: p_,
   stackedHorizontalBarSkeletonData: ae,
   stackedHorizontalBarSkeletonOptions: Se,
-  stackedHorizontalBarTimeSeriesData: v_,
+  stackedHorizontalBarTimeSeriesData: y_,
   stackedHorizontalBarTimeSeriesOptions: K_
 }, Symbol.toStringTag, { value: "Module" })), DA = [
   { group: "Q1", key: "Monday", value: 65e3 },
@@ -1700,7 +1700,7 @@ const UA = [
   data: {
     loading: !0
   }
-}, me = [
+}, Ue = [
   { group: "Temperature", date: new Date(2019, 0, 1), temp: 23 },
   { group: "Temperature", date: new Date(2019, 1, 1), temp: 15 },
   { group: "Temperature", date: new Date(2019, 2, 1), temp: 24 },
@@ -1715,7 +1715,7 @@ const UA = [
   { group: "Rainfall", date: new Date(2019, 4, 1), rainfall: 53 },
   { group: "Rainfall", date: new Date(2019, 5, 1), rainfall: 19 },
   { group: "Rainfall", date: new Date(2019, 6, 1), rainfall: 13 }
-], Ue = {
+], me = {
   title: "Line + Line (dual axes)",
   axes: {
     left: {
@@ -1754,7 +1754,7 @@ const UA = [
   }
 }, a3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  dualLine: Ue,
+  dualLine: me,
   lineCustomColorOptions: Fe,
   lineCustomDomainOptions: Ce,
   lineData: B,
@@ -1774,7 +1774,7 @@ const UA = [
   lineTimeSeriesDataRotatedTicks: ue,
   lineTimeSeriesDenseData: se,
   lineTimeSeriesDenseOptions: le,
-  lineTimeSeriesDualAxesData: me,
+  lineTimeSeriesDualAxesData: Ue,
   lineTimeSeriesOptions: s,
   lineTimeSeriesRotatedTicksOptions: Te,
   lineTimeSeriesWithThresholdsOptions: Ie,
@@ -1816,7 +1816,7 @@ const UA = [
       }
     ]
   }
-}, ve = [
+}, ye = [
   { group: "Dataset 1", key: "Qty", value: 8e3, surplus: 5e4 },
   { group: "Dataset 1", key: "More", value: 23500, surplus: 15e3 },
   { group: "Dataset 1", key: "Sold", value: 53100, surplus: 32e3 },
@@ -1837,7 +1837,7 @@ const UA = [
   { group: "Dataset 4", key: "Sold", value: 9e3, surplus: 43e3 },
   { group: "Dataset 4", key: "Restocking", value: 24e3, surplus: 43e3 },
   { group: "Dataset 4", key: "Misc", value: 7e3, surplus: 21e3 }
-], ye = {
+], ve = {
   title: "Bubble (discrete)",
   axes: {
     bottom: {
@@ -1946,8 +1946,8 @@ const UA = [
   }
 }, S3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  bubbleDiscreteData: ve,
-  bubbleDiscreteOptions: ye,
+  bubbleDiscreteData: ye,
+  bubbleDiscreteOptions: ve,
   bubbleDoubleLinearData: ge,
   bubbleDoubleLinearOptions: Ke,
   bubbleDualDiscreteData: be,
@@ -44966,7 +44966,7 @@ const UA = [
       label: "Browsers"
     }
   }
-}, ma = [], Ua = {
+}, Ua = [], ma = {
   title: "Donut (skeleton)",
   resizable: !0,
   donut: {
@@ -44987,8 +44987,8 @@ const UA = [
   donutEmptyStateOptions: pa,
   donutMapsToOptions: ca,
   donutOptions: ua,
-  donutSkeletonData: ma,
-  donutSkeletonOptions: Ua
+  donutSkeletonData: Ua,
+  donutSkeletonOptions: ma
 }, Symbol.toStringTag, { value: "Module" })), $ = [
   { group: "value", value: 42 },
   { group: "delta", value: -13.37 }
@@ -45009,7 +45009,7 @@ const UA = [
     status: "warning",
     type: "full"
   }
-}, va = {
+}, ya = {
   title: "Gauge circular without delta -- custom color",
   resizable: !0,
   height: "250px",
@@ -45026,7 +45026,7 @@ const UA = [
   gaugeData: $,
   gaugeDataNoDelta: Ga,
   gaugeOptionsCircular: Ka,
-  gaugeOptionsCircularNoDelta: va,
+  gaugeOptionsCircularNoDelta: ya,
   gaugeOptionsSemi: ga
 }, Symbol.toStringTag, { value: "Module" })), AA = [
   { group: "Dataset 1", age: 20 },
@@ -45058,7 +45058,7 @@ const UA = [
   { group: "Dataset 2", age: 83 },
   { group: "Dataset 2", age: 86 },
   { group: "Dataset 1", age: 87 }
-], ya = {
+], va = {
   title: "Histogram (linear)",
   axes: {
     bottom: {
@@ -45336,7 +45336,7 @@ const UA = [
 ], D3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   histogramContinueData: AA,
-  histogramContinueOptions: ya,
+  histogramContinueOptions: va,
   histogramContinueWithBinsNumberData: Ha,
   histogramContinueWithBinsNumberOptions: ha,
   histogramContinueWithBinsOptions: Wa,
@@ -45379,7 +45379,7 @@ const UA = [
   lollipopDiscreteOptions: Va,
   lollipopDiscretePresentationData: ba,
   lollipopDiscretePresentationOptions: Ya
-}, Symbol.toStringTag, { value: "Module" })), y = [
+}, Symbol.toStringTag, { value: "Module" })), v = [
   {
     group: "Dataset 1",
     value: 56
@@ -45484,7 +45484,7 @@ const UA = [
   }
 }, r3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  meterData: y,
+  meterData: v,
   meterOptionsCustomColor: fa,
   meterOptionsNoStatus: Za,
   meterOptionsWithStatus: ka,
@@ -46116,7 +46116,7 @@ const UA = [
   legend: {
     clickable: !1
   }
-}, mS = PA, US = {
+}, US = PA, mS = {
   title: "Line (time series) - Time interval monthly with French locale",
   axes: {
     left: {
@@ -46200,7 +46200,7 @@ const UA = [
       ]
     }
   ]
-}, vS = {
+}, yS = {
   title: "Line (time series) - Time interval override",
   axes: {
     left: {},
@@ -46214,7 +46214,7 @@ const UA = [
   legend: {
     clickable: !1
   }
-}, yS = [
+}, vS = [
   {
     group: "Dataset 1",
     date: new Date(1977, 0),
@@ -46406,18 +46406,18 @@ const UA = [
   lineTimeSeriesDataHourlyDefaultTicksFormats: TA,
   lineTimeSeriesDataIntervalOverride: KS,
   lineTimeSeriesDataMinute: RS,
-  lineTimeSeriesDataMonthlyCustomLocale: mS,
+  lineTimeSeriesDataMonthlyCustomLocale: US,
   lineTimeSeriesDataMonthlyDefaultLocale: PA,
   lineTimeSeriesDataQuarterly: GS,
   lineTimeSeriesDataSingleDatum: hS,
   lineTimeSeriesDataTwoIdenticalLabels: YS,
   lineTimeSeriesDataWeekly: cS,
-  lineTimeSeriesDataYearly: yS,
+  lineTimeSeriesDataYearly: vS,
   lineTimeSeriesHourlyCustomTicksFormatsOptions: TS,
   lineTimeSeriesHourlyDefaultLocaleOptions: lS,
-  lineTimeSeriesIntervalOverrideOptions: vS,
+  lineTimeSeriesIntervalOverrideOptions: yS,
   lineTimeSeriesMinuteOptions: FS,
-  lineTimeSeriesMonthlyCustomLocaleOptions: US,
+  lineTimeSeriesMonthlyCustomLocaleOptions: mS,
   lineTimeSeriesMonthlyDefaultLocaleOptions: pS,
   lineTimeSeriesNoExtendedDomainData: VS,
   lineTimeSeriesNoExtendedDomainOptions: bS,
@@ -47166,9 +47166,9 @@ const UA = [
 ), cM = uA, dM = D(
   Object.assign({}, lA),
   { sliderView: !0 }
-), pM = Y, mM = D(
+), pM = Y, UM = D(
   Object.assign({}, k)
-), UM = Y, f = D(
+), mM = Y, f = D(
   Object.assign({}, k),
   { sliderView: !0 }
 );
@@ -47289,9 +47289,9 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   zoomBarGroupedBarTimeSeriesData: iM,
   zoomBarGroupedBarTimeSeriesOptions: CM,
   zoomBarLineTimeSeries15secondsData: pM,
-  zoomBarLineTimeSeries15secondsOptions: mM,
+  zoomBarLineTimeSeries15secondsOptions: UM,
   zoomBarLineTimeSeriesData: uM,
-  zoomBarLineTimeSeriesInitDomainData: UM,
+  zoomBarLineTimeSeriesInitDomainData: mM,
   zoomBarLineTimeSeriesInitDomainOptions: f,
   zoomBarLineTimeSeriesOptions: TM,
   zoomBarLockedData: gM,
@@ -47463,7 +47463,7 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     ]
   },
   height: "600px"
-}, vM = {
+}, yM = {
   ...z,
   title: "Custom colors (alluvial)",
   color: {
@@ -47473,7 +47473,7 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       C: "#6fdc8c"
     }
   }
-}, yM = J, HM = {
+}, vM = J, HM = {
   ...z,
   title: "Alluvial (gradient)",
   color: {
@@ -47625,14 +47625,14 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 }, T3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  alluvialGradientData: yM,
+  alluvialGradientData: vM,
   alluvialMonochromeData: YM,
   alluvialMonochromeOptions: kM,
   alluvialMultipleCategoryData: WM,
   alluvialMultipleCategoryOptions: hM,
   alluvialNodeAlignmentData: VM,
   alluvialNodeAlignmentOptions: bM,
-  alluvialSimpleCustomColorOptions: vM,
+  alluvialSimpleCustomColorOptions: yM,
   alluvialSimpleData: J,
   alluvialSimpleGradientOptions: HM,
   alluvialSimpleOptions: z
@@ -47681,7 +47681,7 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   boundedAreaTimeSeriesWithHighlightsOptions: cA,
   boundedAreaTimeSeriesWithHighlightsZoomOptions: fM,
   highlightBoundedAreaTimeSeriesData: aA
-}, Symbol.toStringTag, { value: "Module" })), U = [
+}, Symbol.toStringTag, { value: "Module" })), m = [
   {
     letter: "A",
     month: "January",
@@ -48321,7 +48321,7 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   heatmap: {
     colorLegend: { title: "Legend title", type: "quantize" }
   }
-}), JM = U.map((e) => ({
+}), JM = m.map((e) => ({
   ...e,
   value: e.value / 10 * (Math.round(Math.random()) ? -1 : 1)
 })), zM = {
@@ -48815,7 +48815,7 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 }, B3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  heatmapData: U,
+  heatmapData: m,
   heatmapDomainOptions: zM,
   heatmapMissingData: xM,
   heatmapMissingDataOptions: XM,
@@ -48823,7 +48823,7 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   heatmapPositiveNegativeData: JM,
   heatmapPositiveNegativeOptions: wM,
   heatmapQuantizeLegendOption: ZM
-}, Symbol.toStringTag, { value: "Module" })), tE = "@carbon/charts", LE = "1.16.0", DE = "Carbon Charts component library", oE = "module", rE = "./dist/index.mjs", nE = "./dist/umd/bundle.umd.js", iE = "./dist/index.d.ts", CE = {
+}, Symbol.toStringTag, { value: "Module" })), tE = "@carbon/charts", LE = "1.16.2", DE = "Carbon Charts component library", oE = "module", rE = "./dist/index.mjs", nE = "./dist/umd/bundle.umd.js", iE = "./dist/index.d.ts", CE = {
   "./package.json": "./package.json",
   "./styles.min.css": "./dist/styles.min.css",
   "./styles.css": "./dist/styles.css",
@@ -48884,8 +48884,8 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   start: "yarn storybook",
   test: "vitest",
   "test:coverage": "vitest run --coverage",
-  lint: "eslint . --ext .js,.cjs,.mjs,.ts --fix --ignore-path ../../.eslintignore",
-  format: 'prettier . --write "**/*.{scss,css,js,ts,mjs,cjs,md}" --ignore-path ../../.eslintignore',
+  lint: "eslint",
+  format: "prettier . --write --ignore-path ../../.prettierignore",
   clean: "rm -rf dist demo/bundle",
   "pub:demo": "cp -a demo/bundle/. ../../pages"
 }, FE = {
@@ -48893,15 +48893,15 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   url: "git@github.com:carbon-design-system/carbon-charts.git",
   homepage: "https://charts.carbondesignsystem.com/"
 }, IE = {
-  "@carbon/colors": "^11.21.0",
-  "@carbon/utils-position": "^1.2.0",
-  "@ibm/telemetry-js": "^1.5.1",
-  "carbon-components": "^10.58.14",
+  "@carbon/colors": "^11.22.0",
+  "@carbon/utils-position": "^1.3.0",
+  "@ibm/telemetry-js": "^1.5.2",
+  "carbon-components": "^10.58.15",
   d3: "^7.9.0",
   "d3-cloud": "^1.2.7",
   "d3-sankey": "^0.12.3",
   "date-fns": "^3.6.0",
-  dompurify: "^3.1.0",
+  dompurify: "^3.1.5",
   "html-to-image": "^1.11.11",
   "lodash-es": "^4.17.21",
   "topojson-client": "^3.1.0",
@@ -48918,11 +48918,11 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     optional: !0
   }
 }, uE = {
-  "@carbon/layout": "^11.21.0",
-  "@carbon/styles": "^1.55.0",
-  "@carbon/themes": "^11.34.0",
+  "@carbon/layout": "^11.22.0",
+  "@carbon/styles": "^1.58.0",
+  "@carbon/themes": "^11.36.0",
   "@rollup/plugin-replace": "^5.0.5",
-  "@stackblitz/sdk": "^1.9.0",
+  "@stackblitz/sdk": "^1.10.0",
   "@types/d3": "^7.4.3",
   "@types/d3-cloud": "^1.2.9",
   "@types/d3-sankey": "^0.12.4",
@@ -48931,15 +48931,17 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   "@types/topojson": "^3.2.6",
   concurrently: "^8.2.2",
   "downlevel-dts": "^0.11.0",
-  jsdom: "^24.0.0",
+  eslint: "^9.4.0",
+  jsdom: "^24.1.0",
+  prettier: "^3.3.0",
   "resize-observer-polyfill": "^1.5.1",
-  sass: "^1.75.0",
-  storybook: "^7.6.17",
+  sass: "^1.77.4",
+  storybook: "^7.6.19",
   typedoc: "^0.25.13",
   typescript: "^5.4.5",
-  vite: "^5.2.8",
-  "vite-plugin-dts": "^3.8.2",
-  vitest: "^1.5.0"
+  vite: "^5.2.12",
+  "vite-plugin-dts": "^3.9.1",
+  vitest: "^1.6.0"
 }, TE = {
   access: "public"
 }, PE = [
@@ -48981,7 +48983,7 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     email: "iliadm@ca.ibm.com",
     url: "https://github.com/theiliad"
   }
-], mE = "f7037103474e53901678dd9e62095b0b1f0f62c4", P = {
+], UE = "f7037103474e53901678dd9e62095b0b1f0f62c4", P = {
   name: tE,
   version: LE,
   description: DE,
@@ -49003,8 +49005,8 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   license: cE,
   maintainers: dE,
   contributors: pE,
-  gitHead: mE
-}, UE = "@carbon/charts-react", GE = "1.16.0", gE = "Carbon Charts component library for React", KE = "module", vE = "./dist/index.js", yE = "./dist/index.mjs", HE = "./dist/index.d.ts", hE = {
+  gitHead: UE
+}, mE = "@carbon/charts-react", GE = "1.16.2", gE = "Carbon Charts component library for React", KE = "module", yE = "./dist/index.js", vE = "./dist/index.mjs", HE = "./dist/index.d.ts", hE = {
   "./package.json": "./package.json",
   ".": {
     types: "./dist/index.d.ts",
@@ -49012,7 +49014,9 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     require: "./dist/index.js"
   },
   "./styles.min.css": "./dist/styles.min.css",
-  "./styles.css": "./dist/styles.css"
+  "./styles.min": "./dist/styles.min.css",
+  "./styles.css": "./dist/styles.css",
+  "./styles": "./dist/styles.css"
 }, WE = [
   "dist",
   "README.md",
@@ -49030,35 +49034,37 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   build: "yarn build:package && yarn build:demo",
   storybook: "storybook dev -p 9006",
   start: "yarn storybook",
-  lint: "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --ignore-path ../../.eslintignore",
-  format: 'prettier . --write "**/*.{scss,css,js,ts,tsx,cjs,mjs,md}"  --ignore-path ../../.eslintignore',
+  lint: "eslint",
+  format: "prettier . --write --ignore-path ../../.prettierignore",
   clean: "rm -rf dist demo/bundle",
   "pub:demo": "cp -a demo/bundle/. ../../pages/react"
 }, bE = {
   "@carbon/charts": "workspace:*",
-  "@carbon/icons-react": "^11.39.0",
-  "@ibm/telemetry-js": "^1.5.1",
-  react: "^18.2.0",
-  "react-dom": "^18.2.0"
+  "@carbon/icons-react": "^11.42.0",
+  "@ibm/telemetry-js": "^1.5.2",
+  react: "^18.3.1",
+  "react-dom": "^18.3.1"
 }, YE = {
   react: "^16.0.0 || ^17.0.0 || ^18.0.0",
   "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
 }, kE = {
-  "@stackblitz/sdk": "1.9.0",
-  "@types/react": "^18.2.77",
-  "@types/react-dom": "^18.2.25",
-  "@vitejs/plugin-react": "^4.2.1",
+  "@stackblitz/sdk": "^1.10.0",
+  "@types/react": "^18.3.3",
+  "@types/react-dom": "^18.3.0",
+  "@vitejs/plugin-react": "^4.3.0",
   classnames: "^2.5.1",
   concurrently: "^8.2.2",
   d3: "^7.9.0",
   "d3-cloud": "^1.2.7",
   "d3-sankey": "^0.12.3",
   "downlevel-dts": "^0.11.0",
-  sass: "^1.75.0",
-  storybook: "^7.6.17",
+  eslint: "^9.4.0",
+  prettier: "^3.3.0",
+  sass: "^1.77.4",
+  storybook: "^7.6.19",
   typescript: "^5.4.5",
-  vite: "^5.2.8",
-  "vite-plugin-dts": "^3.8.2"
+  vite: "^5.2.12",
+  "vite-plugin-dts": "^3.9.1"
 }, fE = {
   access: "public"
 }, ZE = {
@@ -49108,12 +49114,12 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     url: "https://github.com/theiliad"
   }
 ], qE = "f7037103474e53901678dd9e62095b0b1f0f62c4", $E = {
-  name: UE,
+  name: mE,
   version: GE,
   description: gE,
   type: KE,
-  main: vE,
-  module: yE,
+  main: yE,
+  module: vE,
   types: HE,
   exports: hE,
   files: WE,
@@ -49131,7 +49137,7 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   maintainers: QE,
   contributors: jE,
   gitHead: qE
-}, AN = "@carbon/charts-svelte", _N = "1.16.0", eN = "Carbon Charts component library for Svelte", aN = {
+}, AN = "@carbon/charts-svelte", _N = "1.16.2", eN = "Carbon Charts component library for Svelte", aN = {
   postinstall: "ibmtelemetry --config=telemetry.yml",
   "file:styles": "cp ../core/dist/styles.* dist",
   "build:package": "svelte-kit sync && svelte-package && yarn file:styles",
@@ -49143,8 +49149,8 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   storybook: "storybook dev -p 9006",
   start: "yarn storybook",
   test: "svelte-check --workspace=tests",
-  lint: "prettier --plugin-search-dir . --check . --ignore-path ../../.eslintignore && eslint . --ignore-path ../../.eslintignore",
-  format: "prettier --plugin-search-dir . --write . --ignore-path ../../.eslintignore",
+  lint: "prettier . --check --ignore-path ../../.prettierignore && eslint",
+  format: "prettier . --write --ignore-path ../../.prettierignore",
   clean: "rm -rf dist demo/bundle",
   preview: "vite preview",
   check: "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
@@ -49165,25 +49171,26 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   svelte: "^3.31.0 || ^4.0.0"
 }, oN = {
   "@carbon/charts": "workspace:*",
-  "@ibm/telemetry-js": "^1.5.1"
+  "@ibm/telemetry-js": "^1.5.2"
 }, rN = {
-  "@stackblitz/sdk": "^1.9.0",
-  "@sveltejs/adapter-auto": "^3.2.0",
-  "@sveltejs/kit": "^2.5.5",
+  "@stackblitz/sdk": "^1.10.0",
+  "@sveltejs/adapter-auto": "^3.2.1",
+  "@sveltejs/kit": "^2.5.10",
   "@sveltejs/package": "^2.3.1",
-  "@sveltejs/vite-plugin-svelte": "^3.1.0",
+  "@sveltejs/vite-plugin-svelte": "^3.1.1",
   concurrently: "^8.2.2",
   d3: "^7.9.0",
   "d3-cloud": "^1.2.7",
   "d3-sankey": "^0.12.3",
-  eslint: "^9.0.0",
-  publint: "^0.2.7",
-  storybook: "^7.6.17",
-  svelte: "^4.2.14",
-  "svelte-check": "^3.6.9",
+  eslint: "^9.4.0",
+  prettier: "^3.3.0",
+  publint: "^0.2.8",
+  storybook: "^7.6.19",
+  svelte: "^4.2.17",
+  "svelte-check": "^3.8.0",
   tslib: "^2.6.2",
   typescript: "^5.4.5",
-  vite: "^5.2.8"
+  vite: "^5.2.12"
 }, nN = {
   access: "public"
 }, iN = {
@@ -49230,7 +49237,7 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   "svg",
   "data",
   "typescript"
-], uN = "f7037103474e53901678dd9e62095b0b1f0f62c4", v = {
+], uN = "f7037103474e53901678dd9e62095b0b1f0f62c4", y = {
   name: AN,
   version: _N,
   description: eN,
@@ -49254,7 +49261,7 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   author: sN,
   keywords: lN,
   gitHead: uN
-}, TN = "@carbon/charts-vue", PN = "1.16.0", BN = "Carbon Charts component library for Vue", cN = "module", dN = "./dist/index.mjs", pN = "./dist/index.d.ts", mN = {
+}, TN = "@carbon/charts-vue", PN = "1.16.2", BN = "Carbon Charts component library for Vue", cN = "module", dN = "./dist/index.mjs", pN = "./dist/index.d.ts", UN = {
   "./styles.min.css": "./dist/styles.min.css",
   "./styles.css": "./dist/styles.css",
   ".": {
@@ -49262,7 +49269,7 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     types: "./dist/index.d.ts",
     import: "./dist/index.mjs"
   }
-}, UN = [
+}, mN = [
   "dist",
   "CHANGELOG.md",
   "telemetry.yml"
@@ -49277,30 +49284,32 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   build: "yarn build:package && yarn build:demo",
   storybook: "storybook dev -p 9006",
   start: "yarn storybook",
-  lint: "eslint . --ext .vue,.js,.cjs,.mjs,.ts --fix --ignore-path ../../.eslintignore",
-  format: "prettier --write src/ --ignore-path ../../.eslintignore",
+  lint: "eslint",
+  format: "prettier . --write --ignore-path ../../.prettierignore",
   clean: "rm -rf dist demo/bundle",
   "pub:demo": "cp -a demo/bundle/. ../../pages/vue"
 }, gN = {
   vue: "^3.4.0"
 }, KN = {
   "@carbon/charts": "workspace:*",
-  "@ibm/telemetry-js": "^1.5.1",
-  vue: "^3.4.21"
-}, vN = {
-  "@stackblitz/sdk": "^1.9.0",
+  "@ibm/telemetry-js": "^1.5.2",
+  vue: "^3.4.27"
+}, yN = {
+  "@stackblitz/sdk": "^1.10.0",
   "@types/d3": "^7.4.3",
-  "@vitejs/plugin-vue": "^5.0.4",
+  "@vitejs/plugin-vue": "^5.0.5",
   concurrently: "^8.2.2",
   d3: "^7.9.0",
   "d3-cloud": "^1.2.7",
   "d3-sankey": "^0.12.3",
-  storybook: "^7.6.17",
+  eslint: "^9.4.0",
+  prettier: "^3.3.0",
+  storybook: "^7.6.19",
   typescript: "^5.4.5",
-  vite: "^5.2.8",
-  "vite-plugin-dts": "^3.8.2",
-  "vue-tsc": "^2.0.13"
-}, yN = {
+  vite: "^5.2.12",
+  "vite-plugin-dts": "^3.9.1",
+  "vue-tsc": "^2.0.19"
+}, vN = {
   access: "public",
   tag: "next"
 }, HN = {
@@ -49342,13 +49351,13 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   type: cN,
   module: dN,
   types: pN,
-  exports: mN,
-  files: UN,
+  exports: UN,
+  files: mN,
   scripts: GN,
   peerDependencies: gN,
   dependencies: KN,
-  devDependencies: vN,
-  publishConfig: yN,
+  devDependencies: yN,
+  publishConfig: vN,
   repository: HN,
   license: hN,
   author: WN,
@@ -49360,11 +49369,11 @@ const u3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   d3Sankey: P.dependencies["d3-sankey"],
   angular: "latest",
   react: $E.dependencies.react,
-  svelteVite: v.devDependencies["@sveltejs/vite-plugin-svelte"],
+  svelteVite: y.devDependencies["@sveltejs/vite-plugin-svelte"],
   svelteTsConfig: "latest",
-  svelte: v.devDependencies.svelte,
-  svelteCheck: v.devDependencies["svelte-check"],
-  tslib: v.devDependencies.tslib,
+  svelte: y.devDependencies.svelte,
+  svelteCheck: y.devDependencies["svelte-check"],
+  tslib: y.devDependencies.tslib,
   typescript: P.devDependencies.typescript,
   vite: P.devDependencies.vite,
   vue: j.dependencies.vue,
@@ -50075,28 +50084,28 @@ const wN = (e) => {
       document.documentElement.setAttribute("data-carbon-theme", L), a.model.setOptions({ ...a.model.getOptions(), theme: L });
     });
   });
-}, m = (e) => `https://charts.carbondesignsystem.com/${e !== "vanilla" ? `${e}/` : ""}${window.parent.location.search}`, d3 = (e, a) => {
+}, U = (e) => `https://charts.carbondesignsystem.com/${e !== "vanilla" ? `${e}/` : ""}${window.parent.location.search}`, d3 = (e, a) => {
   var t;
   let S = [
     {
       name: "Vanilla JavaScript",
-      link: m("vanilla")
+      link: U("vanilla")
     },
     {
       name: "Angular",
-      link: m("angular")
+      link: U("angular")
     },
     {
       name: "React",
-      link: m("react")
+      link: U("react")
     },
     {
       name: "Svelte",
-      link: m("svelte")
+      link: U("svelte")
     },
     {
       name: "Vue",
-      link: m("vue")
+      link: U("vue")
     }
   ];
   S = S.filter((L) => L.name !== a);
@@ -50329,8 +50338,8 @@ const wN = (e) => {
         chartType: A.LineChart
       },
       {
-        data: mS,
-        options: US,
+        data: US,
+        options: mS,
         chartType: A.LineChart
       },
       {
@@ -50340,11 +50349,11 @@ const wN = (e) => {
       },
       {
         data: KS,
-        options: vS,
+        options: yS,
         chartType: A.LineChart
       },
       {
-        data: yS,
+        data: vS,
         options: HS,
         chartType: A.LineChart
       },
@@ -50389,7 +50398,7 @@ const wN = (e) => {
         chartType: A.CirclePackChart
       },
       {
-        options: vM,
+        options: yM,
         data: J,
         chartType: A.AlluvialChart
       }
@@ -50569,13 +50578,13 @@ const wN = (e) => {
         chartType: A.LineChart
       },
       {
-        options: mM,
+        options: UM,
         data: pM,
         chartType: A.LineChart
       },
       {
         options: f,
-        data: UM,
+        data: mM,
         chartType: A.LineChart
       },
       {
@@ -50602,13 +50611,13 @@ const wN = (e) => {
     demos: [
       {
         options: HA,
-        data: vA,
+        data: yA,
         chartType: A.AreaChart,
         mainDemo: !0
       },
       {
         options: GA,
-        data: UA,
+        data: mA,
         chartType: A.AreaChart
       },
       {
@@ -50675,7 +50684,7 @@ const wN = (e) => {
       },
       {
         options: H_,
-        data: y_,
+        data: v_,
         chartType: A.SimpleBarChart
       },
       {
@@ -50799,8 +50808,8 @@ const wN = (e) => {
         chartType: A.StackedBarChart
       },
       {
-        options: U_,
-        data: m_,
+        options: m_,
+        data: U_,
         chartType: A.StackedBarChart
       },
       {
@@ -50821,7 +50830,7 @@ const wN = (e) => {
       },
       {
         options: K_,
-        data: v_,
+        data: y_,
         chartType: A.StackedBarChart
       },
       {
@@ -50868,8 +50877,8 @@ const wN = (e) => {
         chartType: A.BubbleChart
       },
       {
-        options: ye,
-        data: ve,
+        options: ve,
+        data: ye,
         chartType: A.BubbleChart
       },
       {
@@ -50990,8 +50999,8 @@ const wN = (e) => {
         chartType: A.DonutChart
       },
       {
-        options: Ua,
-        data: ma,
+        options: ma,
+        data: Ua,
         chartType: A.DonutChart
       }
     ]
@@ -51011,7 +51020,7 @@ const wN = (e) => {
         chartType: A.GaugeChart
       },
       {
-        options: va,
+        options: ya,
         data: Ga,
         chartType: A.GaugeChart
       }
@@ -51021,7 +51030,7 @@ const wN = (e) => {
     title: "Histogram",
     demos: [
       {
-        options: ya,
+        options: va,
         data: AA,
         chartType: A.HistogramChart
       },
@@ -51058,8 +51067,8 @@ const wN = (e) => {
         chartType: A.LineChart
       },
       {
-        options: Ue,
-        data: me,
+        options: me,
+        data: Ue,
         chartType: A.LineChart
       },
       {
@@ -51126,18 +51135,18 @@ const wN = (e) => {
     demos: [
       {
         options: ka,
-        data: y,
+        data: v,
         chartType: A.MeterChart,
         mainDemo: !0
       },
       {
         options: fa,
-        data: y,
+        data: v,
         chartType: A.MeterChart
       },
       {
         options: Za,
-        data: y,
+        data: v,
         chartType: A.MeterChart
       }
     ]
@@ -51230,7 +51239,7 @@ const wN = (e) => {
     demos: [
       {
         options: hA,
-        data: yA,
+        data: vA,
         chartType: A.AreaChart,
         mainDemo: !0
       },
@@ -51308,7 +51317,7 @@ const wN = (e) => {
     demos: [
       {
         options: HM,
-        data: yM,
+        data: vM,
         chartType: A.AlluvialChart,
         mainDemo: !0
       },
@@ -51373,12 +51382,12 @@ const wN = (e) => {
     demos: [
       {
         options: dA,
-        data: U,
+        data: m,
         chartType: A.HeatmapChart
       },
       {
         options: ZM,
-        data: U,
+        data: m,
         chartType: A.HeatmapChart
       },
       {
@@ -51393,7 +51402,7 @@ const wN = (e) => {
       },
       {
         options: zM,
-        data: U,
+        data: m,
         chartType: A.HeatmapChart
       }
     ]
@@ -51429,7 +51438,7 @@ const wN = (e) => {
   }
 ].map((e) => (e.storyGroupTitle = "Complex charts", e));
 let SA = [...XN, ...QN, ...jN];
-const mA = (e) => e.replace(/[^\w\s]/gi, "").replace(/\s\s+/g, " ").toLowerCase().replace(/\s+/g, "-"), qN = (e) => e.sort((a, S) => S.title - a.title).map((a) => (a.demos = a.demos.map((S) => (S.title = S.options.title, S.id = `${mA(a.title)}--${mA(S.options.title)}`, S.options.height = S.options.height ?? "400px", S.code = {
+const UA = (e) => e.replace(/[^\w\s]/gi, "").replace(/\s\s+/g, " ").toLowerCase().replace(/\s+/g, "-"), qN = (e) => e.sort((a, S) => S.title - a.title).map((a) => (a.demos = a.demos.map((S) => (S.title = S.options.title, S.id = `${UA(a.title)}--${UA(S.options.title)}`, S.options.height = S.options.height ?? "400px", S.code = {
   vanilla: bN(S),
   angular: YN(S),
   react: kN(S),