@carbon/charts-vue 1.3.2 → 1.4.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.4.0](https://github.com/carbon-design-system/carbon-charts/compare/v1.3.2...v1.4.0) (2022-07-21)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
 ## [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-vue

package/charts-vue.common.js

@@ -682,7 +682,7 @@ var RenderTypes;
  */
 var ChartTheme;
 (function (ChartTheme) {
-    ChartTheme["DEFAULT"] = "default";
+    ChartTheme["WHITE"] = "white";
     ChartTheme["G100"] = "g100";
     ChartTheme["G90"] = "g90";
     ChartTheme["G10"] = "g10";
@@ -8468,6 +8468,7 @@ var chart = {
     width: null,
     height: null,
     resizable: true,
+    theme: ChartTheme.WHITE,
     tooltip: baseTooltip,
     legend: configuration_legend,
     style: {
@@ -11459,12 +11460,10 @@ var dom_utils_DOMUtils = /** @class */ (function (_super) {
     };
     DOMUtils.prototype.styleHolderElement = function () {
         var holderElement = this.getHolder();
-        // Add class to chart holder
-        src_select(this.getHolder()).classed(carbonPrefix + "--chart-holder", true);
         // In order for resize events to not clash with these updates
         // We'll check if the width & height values passed in options
         // Have changed, before setting them to the holder
-        var _a = this.model.getOptions(), width = _a.width, height = _a.height;
+        var _a = this.model.getOptions(), width = _a.width, height = _a.height, theme = _a.theme;
         if (width !== this.width) {
             // Apply formatted width attribute to chart
             holderElement.style.width = width;
@@ -11475,6 +11474,10 @@ var dom_utils_DOMUtils = /** @class */ (function (_super) {
             holderElement.style.height = height;
             this.height = height;
         }
+        // Add class to chart holder
+        src_select(this.getHolder())
+            .classed(carbonPrefix + "--chart-holder", true)
+            .attr('data-carbon-theme', theme);
     };
     DOMUtils.prototype.getHolder = function () {
         return this.model.get('holder');