tailwind.config.js

import { TAILWINDCSS_PRESET } from '@newfold/ui-component-library';

module.exports = {
	presets: [ TAILWINDCSS_PRESET ],
	content: [
		// Include all JS files inside the UI library in your content.
		...TAILWINDCSS_PRESET.content,
		'./src/**/*.js', // all source files
		'./node_modules/@newfold-labs/wp-module-*/build/index.js', // all npm sourced module builds
		'./vendor/newfold-labs/wp-module-*/components/**/*.js', // all composer sourced module components
	],
	theme: {
		extend: {
			colors: {
				primary: {
					DEFAULT: '#196BDE',
					dark: '#1A4884',
					light: '#CCDCF4',
					lighter: '#949FB1',
				},
				secondary: {
					DEFAULT: '#FCD34D',
					dark: '#E9B404',
					light: '#FEF6D9',
					lighter: '#FEF6D9',
				},
				title: '#0F172A',
				body: '#4A5567',
				link: '#2271B1',
				line: '#E2E8F0',
				white: '#FFFFFF',
				offWhite: '#F0F0F5',
				black: '#000000',
				canvas: '#F1F5F9',
			},
		},
	},
	plugins: [],
};