@gravityforms/components/react/admin/modules/Kanban/swatch.js

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

export const BLUE_SWATCH = '#175cff';
export const ACTIVE_SWATCH = '#57c091';
export const ERROR_SWATCH = '#dd301d';
export const WARNING_SWATCH = '#FFBE03';
export const GRAY_SWATCH = '#f2f3f5';

export const BLUE = 'blue';
export const ACTIVE = 'active';
export const ERROR = 'error';
export const WARNING = 'warning';
export const GRAY = 'gray';

export const SWATCH_PALETTE = [
	BLUE_SWATCH,
	ACTIVE_SWATCH,
	ERROR_SWATCH,
	WARNING_SWATCH,
	GRAY_SWATCH,
];

export const STATUSES = [
	BLUE,
	ACTIVE,
	ERROR,
	WARNING,
	GRAY,
];

export const STATUS_SWATCH_MAP = STATUSES.reduce( ( acc, status, index ) => {
	acc[ status ] = SWATCH_PALETTE[ index ];
	return acc;
}, {} );