@octopusdeploy/design-system-components/dist/src/components/Chart/chartColors.js

The design systems component library.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useThemedChartColors = exports.chartStrokeColorValues = void 0;
exports.addColorToDataset = addColorToDataset;
const design_system_tokens_1 = require("@octopusdeploy/design-system-tokens");
const Theme_1 = require("../../Theme");
exports.chartStrokeColorValues = ["green", "cyan", "orange", "purple", "red", "greenSecondary", "cyanSecondary", "orangeSecondary", "purpleSecondary", "redSecondary"];
// eslint-disable-next-line @typescript-eslint/no-explicit-any
function addColorToDataset(data) {
    let colorIndex = 0;
    return data.map((d) => {
        const withColor = { ...d, color: exports.chartStrokeColorValues[colorIndex] };
        colorIndex = colorIndex === exports.chartStrokeColorValues.length - 1 ? 0 : (colorIndex += 1);
        return withColor;
    });
}
const useThemedChartColors = () => {
    const mode = (0, Theme_1.useDesignSystemTheme)();
    const isLight = mode === design_system_tokens_1.lightTheme;
    const textColor = isLight ? design_system_tokens_1.colorScales.grey["600"] : design_system_tokens_1.colorScales.grey["400"];
    return {
        grid: textColor,
        xAxis: textColor,
        yAxis: textColor,
        label: textColor,
        strokes: {
            green: "#00B065",
            cyan: "#0D80D8",
            orange: "#FC8431",
            purple: "#7A41C5",
            red: "#FF4848",
            greenSecondary: "#76F5A9",
            cyanSecondary: "#3CA4F3",
            orangeSecondary: "#FFB867",
            purpleSecondary: "#C39AF8",
            redSecondary: "#FFADA5",
        },
    };
};
exports.useThemedChartColors = useThemedChartColors;