aet/babel-tailwind
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bug fixes

Browse Source
This commit is contained in:
Alex
2024-07-03 01:04:49 -04:00
parent 398f2a7c69
commit 2b3812b2ba
14 changed files with 637 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/index.ts
View File

@ -17,30 +17,6 @@ export type BuildStyleFile = (
path: string
) => Promise<readonly ["css", string] | readonly ["js", string]>;
interface RecursiveStringObject {
[modifier: string]: string | RecursiveStringObject;
}
export type CSSAttributeValue = string | (string | RecursiveStringObject)[];
/**
* Tagged template macro function combining Tailwind classes
* @example "tw" => tw`p-2 text-center`
*/
export interface TailwindFunction {
(strings: TemplateStringsArray): string;
(...args: (string | RecursiveStringObject)[]): string;
}
/**
* Tagged template macro function compiling Tailwind styles
* @example "tws" => tws`p-2 text-center` // { padding: 2, textAlign: "center" }
*/
export interface TailwindStyleFunction<Output = React.CSSProperties> {
(strings: TemplateStringsArray): Output;
(...args: (string | RecursiveStringObject)[]): Output;
}
export interface TailwindPluginOptions {
/**
* Tailwind CSS configuration
@ -74,22 +50,6 @@ export interface TailwindPluginOptions {
*/
jsxAttributeAction?: "delete" | "preserve" | ["rename", string];
/**
* Template macro function to combine Tailwind classes
* @example
* declare const tw: TailwindFunction;
* "tw" => tw`p-2 text-center`
*/
macroFunction?: string | undefined;
/**
* Template macro function to compile Tailwind classes
* @example
* declare const tws: TailwindStyleFunction;
* "tws" => tws`p-2 text-center` // { padding: 2, textAlign: "center" }
*/
macroStyleFunction?: string | undefined;
/**
* The prefix to use for the generated class names.
* @default className => `tw-${hash(className)}`
@ -127,8 +87,6 @@ export type ResolveTailwindOptions = SetRequired<
| "postCSSPlugins"
| "styleMap"
| "tailwindConfig"
| "macroFunction"
| "macroStyleFunction"
>;
/**
@ -160,8 +118,6 @@ export function getTailwindPlugins(options: TailwindPluginOptions) {
jsxAttributeName: "css",
postCSSPlugins: [],
styleMap: new Map(),
macroFunction: undefined,
macroStyleFunction: undefined,
tailwindConfig: {},
...options,
};