@poupe/tailwindcss
Version:
TailwindCSS v4 plugin for Poupe UI framework with theme customization support
69 lines (66 loc) • 2 kB
TypeScript
import { PluginWithOptions } from './utils.js';
export { T as ThemeOptions, t as themePlugin } from './shared/tailwindcss.DldWHi1A.js';
import 'type-fest';
import '@poupe/theme-builder/core';
import '@poupe/css';
import 'tailwindcss/plugin';
import '@poupe/theme-builder';
type FlatOptions = {
/** Enables options parser logs */
debug?: boolean;
/**
* Prefix used for color CSS variables
* @defaultValue 'md-'
*/
themePrefix?: string;
/**
* Prefix used for surface components
* @defaultValue 'surface-'
*/
surfacePrefix?: string | false;
/**
* When true, only generates variable references without color values
* @defaultValue false
**/
omitTheme?: boolean;
/** @defaultValue `''` */
darkSuffix?: string;
/** @defaultValue `''` */
lightSuffix?: string;
/** @defaultValue [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950] */
shades?: number[] | false;
} & {
/**
* Color configuration options. Supported formats:
*
* - `string`: Define color using colord-compatible value or name
* - `boolean`: Whether to harmonize known-color with primary
* - `number[]`: Custom shades (0 disables, negative adds to defaults)
* - `[boolean, ...number[]]`: Harmonize flag with custom shades
* - `[string, ...number[]]`: Custom color with custom shades
* - `[string, boolean, ...number[]]`: Custom color with harmonize flag
* and custom shades
*
* Colors are harmonized by default using colord for parsing.
*/
[color: string]: PluginColorOptions;
};
type PluginColorOptions = string | boolean | [
...number[]
] | [
boolean,
...number[]
] | [
string,
boolean
] | [
string,
boolean,
...number[]
] | [
string,
...number[]
];
/** poupe plugin for tailwindcss v4 embedded in the default CSS */
declare const flatPlugin: PluginWithOptions<FlatOptions>;
export { type FlatOptions, flatPlugin as default };