@spteck/fluentui-react-charts 1.1.3 → 1.1.4
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 +23 -8
- 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 +23 -8
- package/dist/fluentui-react-charts.esm.js.map +1 -1
- package/dist/hooks/useChartUtils.d.ts +2 -2
- package/package.json +1 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const paletteDark4: string[];
|
|
2
|
+
export declare const paletteLight4: string[];
|
|
3
|
+
export declare const paletteDark3: string[];
|
|
4
|
+
export declare const paletteLight3: string[];
|
|
5
|
+
export declare const paletteLight1: string[];
|
|
6
|
+
export declare const paletteLight2: string[];
|
|
7
|
+
export declare const paletteDark1: string[];
|
|
8
|
+
export declare const paletteDark2: string[];
|
|
@@ -769,16 +769,31 @@ function LegendContainer(props) {
|
|
|
769
769
|
}))))));
|
|
770
770
|
}
|
|
771
771
|
|
|
772
|
-
var
|
|
773
|
-
|
|
774
|
-
var
|
|
772
|
+
var paletteDark4 = ['#F87171', '#FB923C', '#FDE047', '#86EFAC', '#7DD3FC', '#C084FC', '#F9A8D4', '#FED7AA' // Peach
|
|
773
|
+
];
|
|
774
|
+
var paletteLight4 = ['#DC2626', '#EA580C', '#EAB308', '#16A34A', '#0284C7', '#9333EA', '#DB2777', '#C2410C' // Peach
|
|
775
|
+
];
|
|
776
|
+
var paletteDark3 = ['#60A5FA', '#34D399', '#FBBF24', '#F472B6', '#A78BFA', '#FB923C', '#2DD4BF', '#FB7185' // Rose
|
|
777
|
+
];
|
|
778
|
+
var paletteLight3 = ['#2563EB', '#059669', '#D97706', '#DB2777', '#7C3AED', '#EA580C', '#0D9488', '#E11D48' // Rose
|
|
779
|
+
];
|
|
780
|
+
var paletteLight1 = ['#289CEF', '#f05075ff', '#45B0A2', '#a4262c', '#F49E31', '#A366FF', '#FCCE51', '#062843ff', '#7f7f82ff', '#376102ff', '#4e79a7'];
|
|
781
|
+
var paletteLight2 = ['#f28e2c', '#e15759', '#76b7b2', '#59a14f', '#edc949', '#af7aa1', '#ff9da7', '#9c755f', '#bab0ab', '#8cd17d', '#b6992d', '#d37295', '#fabfd2', '#79706e'];
|
|
782
|
+
var paletteDark1 = ['#2899f5', '#ff8c00', '#32cd32', '#f06b71', '#c390f2', '#00b7c3', '#ffb900', '#b4a0ff', '#60cdff', '#92c353'];
|
|
783
|
+
var paletteDark2 = /*#__PURE__*/[].concat(paletteLight2);
|
|
784
|
+
|
|
785
|
+
var getPalleteById = function getPalleteById(id, isDark) {
|
|
775
786
|
switch (id) {
|
|
776
787
|
case 1:
|
|
777
|
-
return
|
|
788
|
+
return isDark ? paletteDark1 : paletteLight1;
|
|
778
789
|
case 2:
|
|
779
|
-
return
|
|
790
|
+
return isDark ? paletteDark2 : paletteLight2;
|
|
791
|
+
case 3:
|
|
792
|
+
return isDark ? paletteDark3 : paletteLight3;
|
|
793
|
+
case 4:
|
|
794
|
+
return isDark ? paletteDark4 : paletteLight4;
|
|
780
795
|
default:
|
|
781
|
-
return
|
|
796
|
+
return isDark ? paletteDark1 : paletteLight1;
|
|
782
797
|
}
|
|
783
798
|
};
|
|
784
799
|
/**
|
|
@@ -798,10 +813,10 @@ var lightenColor = function lightenColor(hex, amount) {
|
|
|
798
813
|
};
|
|
799
814
|
return "#" + toHex(r) + toHex(g) + toHex(b);
|
|
800
815
|
};
|
|
801
|
-
var getFluentPalette = function getFluentPalette(theme,
|
|
816
|
+
var getFluentPalette = function getFluentPalette(theme, paletteId) {
|
|
802
817
|
// Check if theme is dark by looking at global color tokens
|
|
803
818
|
var isDark = theme.colorNeutralBackground1.startsWith('#1') || theme.colorNeutralBackground1 === '#000000';
|
|
804
|
-
return
|
|
819
|
+
return getPalleteById(paletteId != null ? paletteId : 1, isDark);
|
|
805
820
|
};
|
|
806
821
|
/**
|
|
807
822
|
* Returns animation configuration for instant interactions.
|