UNPKG

@poupe/tailwindcss

Version:

TailwindCSS v4 plugin for Poupe UI framework with theme customization support

69 lines (66 loc) 2 kB
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 };