@spteck/fluentui-react-charts 1.1.3 → 1.1.5
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.
- package/dist/constants/palettes.d.ts +8 -0
- package/dist/fluentui-react-charts.cjs.development.js +25 -9
- package/dist/fluentui-react-charts.cjs.development.js.map +1 -1
- package/dist/fluentui-react-charts.cjs.production.min.js +1 -1
- package/dist/fluentui-react-charts.cjs.production.min.js.map +1 -1
- package/dist/fluentui-react-charts.esm.js +25 -9
- package/dist/fluentui-react-charts.esm.js.map +1 -1
- package/dist/hooks/useChartUtils.d.ts +2 -2
- package/package.json +1 -1
|
@@ -762,16 +762,31 @@ function LegendContainer(props) {
|
|
|
762
762
|
}))))));
|
|
763
763
|
}
|
|
764
764
|
|
|
765
|
-
var
|
|
766
|
-
|
|
767
|
-
var
|
|
765
|
+
var paletteDark4 = ['#F87171', '#FB923C', '#FDE047', '#86EFAC', '#7DD3FC', '#C084FC', '#F9A8D4', '#FED7AA' // Peach
|
|
766
|
+
];
|
|
767
|
+
var paletteLight4 = ['#DC2626', '#EA580C', '#EAB308', '#16A34A', '#0284C7', '#9333EA', '#DB2777', '#C2410C' // Peach
|
|
768
|
+
];
|
|
769
|
+
var paletteDark3 = ['#60A5FA', '#34D399', '#FBBF24', '#F472B6', '#A78BFA', '#FB923C', '#2DD4BF', '#FB7185' // Rose
|
|
770
|
+
];
|
|
771
|
+
var paletteLight3 = ['#2563EB', '#059669', '#D97706', '#DB2777', '#7C3AED', '#EA580C', '#0D9488', '#E11D48' // Rose
|
|
772
|
+
];
|
|
773
|
+
var paletteLight1 = ['#289CEF', '#f05075ff', '#45B0A2', '#a4262c', '#F49E31', '#A366FF', '#FCCE51', '#062843ff', '#7f7f82ff', '#376102ff', '#4e79a7'];
|
|
774
|
+
var paletteLight2 = ['#f28e2c', '#e15759', '#76b7b2', '#59a14f', '#edc949', '#af7aa1', '#ff9da7', '#9c755f', '#bab0ab', '#8cd17d', '#b6992d', '#d37295', '#fabfd2', '#79706e'];
|
|
775
|
+
var paletteDark1 = ['#2899f5', '#ff8c00', '#32cd32', '#f06b71', '#c390f2', '#00b7c3', '#ffb900', '#b4a0ff', '#60cdff', '#92c353'];
|
|
776
|
+
var paletteDark2 = /*#__PURE__*/[].concat(paletteLight2);
|
|
777
|
+
|
|
778
|
+
var getPalleteById = function getPalleteById(id, isDark) {
|
|
768
779
|
switch (id) {
|
|
769
780
|
case 1:
|
|
770
|
-
return
|
|
781
|
+
return isDark ? paletteDark1 : paletteLight1;
|
|
771
782
|
case 2:
|
|
772
|
-
return
|
|
783
|
+
return isDark ? paletteDark2 : paletteLight2;
|
|
784
|
+
case 3:
|
|
785
|
+
return isDark ? paletteDark3 : paletteLight3;
|
|
786
|
+
case 4:
|
|
787
|
+
return isDark ? paletteDark4 : paletteLight4;
|
|
773
788
|
default:
|
|
774
|
-
return
|
|
789
|
+
return isDark ? paletteDark1 : paletteLight1;
|
|
775
790
|
}
|
|
776
791
|
};
|
|
777
792
|
/**
|
|
@@ -791,10 +806,10 @@ var lightenColor = function lightenColor(hex, amount) {
|
|
|
791
806
|
};
|
|
792
807
|
return "#" + toHex(r) + toHex(g) + toHex(b);
|
|
793
808
|
};
|
|
794
|
-
var getFluentPalette = function getFluentPalette(theme,
|
|
809
|
+
var getFluentPalette = function getFluentPalette(theme, paletteId) {
|
|
795
810
|
// Check if theme is dark by looking at global color tokens
|
|
796
811
|
var isDark = theme.colorNeutralBackground1.startsWith('#1') || theme.colorNeutralBackground1 === '#000000';
|
|
797
|
-
return
|
|
812
|
+
return getPalleteById(paletteId != null ? paletteId : 1, isDark);
|
|
798
813
|
};
|
|
799
814
|
/**
|
|
800
815
|
* Returns animation configuration for instant interactions.
|
|
@@ -851,7 +866,7 @@ opts) {
|
|
|
851
866
|
extra = opts.extraField;
|
|
852
867
|
}
|
|
853
868
|
}
|
|
854
|
-
var suffix = extra !== undefined && extra !== null ? "
|
|
869
|
+
var suffix = extra !== undefined && extra !== null ? "" + String(extra) : '';
|
|
855
870
|
// Bubble format { x, y, r }
|
|
856
871
|
if (typeof raw === 'object' && raw !== null && 'x' in raw && 'y' in raw && 'r' in raw) {
|
|
857
872
|
var x = raw.x,
|
|
@@ -929,6 +944,7 @@ opts) {
|
|
|
929
944
|
}
|
|
930
945
|
};
|
|
931
946
|
return {
|
|
947
|
+
external: undefined,
|
|
932
948
|
enabled: true,
|
|
933
949
|
displayColors: true,
|
|
934
950
|
boxWidth: 10,
|