@eightshift/frontend-libs/scripts/editor/colors.js

A collection of useful frontend utility modules. powered by Eightshift

import { useSelect } from '@wordpress/data';
import { STORE_NAME } from './store';

/**
 * Returns colors from the global stores from the theme.
 *
 * @access public
 *
 * @returns {object}
 *
 * Usage:
 * ```js
 * getPaletteColors()
 * ```
 */
export const getPaletteColors = () => useSelect((select) => {
	const colors = select(STORE_NAME).getSettings().globalVariables.colors;

	return colors.reduce(
		(obj, item) => ({
			...obj,
			[item.slug]: item,
		}),
		{}
	);
});