tailwindcss-palette-generator
Version:
Color palette generation library for TailwindCSS.
56 lines • 1.66 kB
JavaScript
import createPlugin from "tailwindcss/plugin";
import { getPalette } from "./getPalette.js";
import PaletteError from "./palette-error.js";
import { convertResultToCSS, getPalettesFromOptions } from "./utils.js";
const pluginFn = createPlugin.withOptions(
(options = {}) => {
return function({ addBase, theme }) {
if (!options) {
throw new PaletteError("Please provide options to the plugin.");
}
let colorPrefix = theme("--prefix", "color-");
colorPrefix = colorPrefix.replace(/['"]/g, "");
const palettes = getPalettesFromOptions(options);
if (palettes.length > 0) {
const result = getPalette(palettes);
const css = convertResultToCSS(result, colorPrefix);
addBase({
":root": css
});
}
};
},
(options = {}) => {
if (!options) {
throw new PaletteError("Please provide options to the plugin.");
}
const palettes = getPalettesFromOptions(options);
if (palettes.length > 0) {
const result = getPalette(palettes);
return {
theme: {
extend: {
colors: result
}
}
};
}
return {};
}
);
//! Error: The plugin "tailwindcss-palette-generator" does not accept options
pluginFn.__isOptionsFunction = true;
const paletteGeneratorPlugin = Object.assign(pluginFn, {
__isOptionsFunction: true
});
Object.defineProperty(paletteGeneratorPlugin, "__isOptionsFunction", {
value: true,
writable: false,
configurable: false,
enumerable: false
});
var index_default = paletteGeneratorPlugin;
export {
index_default as default
};
//# sourceMappingURL=index.js.map