For context, I have two columns, one with EuiIcons and one with an EuiProgress like so (far right):

I see EuiProgress's colour map contains

const colorToClassNameMap: {
    primary: string;
    secondary: string;
    danger: string;
    subdued: string;
    accent: string;
};

vs EuiIcon's:

const colorToClassMap: {
    default: null;
    primary: string;
    secondary: string;
    success: string;
    accent: string;
    warning: string;
    danger: string;
    text: string;
    subdued: string;
    ghost: string;
};

I would like EuiProgress to contain success and warning from EuiIcon's map, please.

I could then reuse the same colour selection code for both columns.

I tried adding a className to the EuiProgress like

className={`euiIcon--${stateColour(this.state.rows[rowIndex]['state'])}`}

but it wasn't very happy, I imagine there's a bit more to a progress bar than an icon...