@spteck/fluentui-react-charts 1.1.1 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -789,7 +789,18 @@ var lightenColor = function lightenColor(hex, amount) {
789
789
  var getFluentPalette = function getFluentPalette(theme) {
790
790
  // Check if theme is dark by looking at global color tokens
791
791
  var isDark = theme.colorNeutralBackground1.startsWith('#1') || theme.colorNeutralBackground1 === '#000000';
792
- return isDark ? ['#2899f5', '#ff8c00', '#32cd32', '#f06b71', '#c390f2', '#00b7c3', '#ffb900', '#b4a0ff', '#60cdff', '#92c353'] : ['#289CEF', '#f05075ff', '#45B0A2', '#a4262c', '#F49E31', '#A366FF', '#FCCE51', '#062843ff', '#7f7f82ff', '#376102ff'];
792
+ return isDark ? ['#2899f5', '#ff8c00', '#32cd32', '#f06b71', '#c390f2', '#00b7c3', '#ffb900', '#b4a0ff', '#60cdff', '#92c353'] : [
793
+ /* '#289CEF', // Communication Blue
794
+ '#f05075ff', // Deep Orange
795
+ '#45B0A2', // **DARK FOREST GREEN** (New)
796
+ '#a4262c', // Dark Red
797
+ '#F49E31', // Rich Purple
798
+ '#A366FF', // **DARK TEAL/PINE** (New)
799
+ '#FCCE51', // Berry
800
+ '#062843ff', // Navy
801
+ '#7f7f82ff', // Orchid
802
+ '#376102ff', // Moss Green (Darker than original) */
803
+ '#4e79a7', '#f28e2c', '#e15759', '#76b7b2', '#59a14f', '#edc949', '#af7aa1', '#ff9da7', '#9c755f', '#bab0ab', '#8cd17d', '#b6992d', '#d37295', '#fabfd2', '#79706e'];
793
804
  };
794
805
  /**
795
806
  * Returns animation configuration for instant interactions.
@@ -3454,6 +3465,7 @@ var getChartComponent = function getChartComponent(chart, theme) {
3454
3465
  switch (type) {
3455
3466
  case 'bar':
3456
3467
  return React__default.createElement(BarChart, Object.assign({}, chartProps(chart), {
3468
+ showDatalabels: showDataLabels != null ? showDataLabels : false,
3457
3469
  stacked: false,
3458
3470
  theme: fuiTheme
3459
3471
  }));
@@ -3464,12 +3476,16 @@ var getChartComponent = function getChartComponent(chart, theme) {
3464
3476
  theme: fuiTheme
3465
3477
  }));
3466
3478
  case 'area':
3467
- return React__default.createElement(AreaChart, Object.assign({}, chartProps(chart), {
3479
+ return React__default.createElement(AreaChart, Object.assign({
3480
+ showDatalabels: showDataLabels != null ? showDataLabels : false
3481
+ }, chartProps(chart), {
3468
3482
  stacked: false,
3469
3483
  theme: fuiTheme
3470
3484
  }));
3471
3485
  case 'bar-horizontal':
3472
- return React__default.createElement(BarHorizontalChart, Object.assign({}, chartProps(chart), {
3486
+ return React__default.createElement(BarHorizontalChart, Object.assign({
3487
+ showDatalabels: showDataLabels != null ? showDataLabels : false
3488
+ }, chartProps(chart), {
3473
3489
  stacked: true,
3474
3490
  theme: fuiTheme
3475
3491
  }));
@@ -3500,7 +3516,9 @@ var getChartComponent = function getChartComponent(chart, theme) {
3500
3516
  })
3501
3517
  }));
3502
3518
  case 'steam':
3503
- return React__default.createElement(SteamChart, Object.assign({}, chartProps(chart), {
3519
+ return React__default.createElement(SteamChart, Object.assign({
3520
+ showDataLabels: showDataLabels != null ? showDataLabels : false
3521
+ }, chartProps(chart), {
3504
3522
  theme: fuiTheme
3505
3523
  }));
3506
3524
  case 'floating-bar':
@@ -3514,7 +3532,9 @@ var getChartComponent = function getChartComponent(chart, theme) {
3514
3532
  theme: fuiTheme
3515
3533
  }));
3516
3534
  case 'stacked-line':
3517
- return React__default.createElement(StackedLineChart, Object.assign({}, chartProps(chart), {
3535
+ return React__default.createElement(StackedLineChart, Object.assign({
3536
+ showDataLabels: showDataLabels != null ? showDataLabels : false
3537
+ }, chartProps(chart), {
3518
3538
  theme: fuiTheme
3519
3539
  }));
3520
3540
  case 'doughnut':