radix-ui-themes-with-tailwind
Version:
Tailwind plugin for Radix Themes
34 lines (31 loc) • 1.77 kB
TypeScript
import * as tailwindcss_types_config from 'tailwindcss/types/config';
import * as radixTheme from '@radix-ui/themes';
declare const accentColorNames: string[];
declare const grayColorNames: string[];
type RadixColorScales = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
declare function getColorTokenName(number: RadixColorScales, useTailwindColorNames?: boolean, alpha?: boolean): number | string;
declare const getColorDefinitions: (color: string, alpha?: boolean, useTailwindColorNames?: boolean) => Record<string, string>;
type RadixColors = Exclude<(typeof radixTheme.themeAccentColorsOrdered)[number] | (typeof radixTheme.themeGrayColorsGrouped)[0]["values"][number], "auto">;
declare const tailwindColorsToRadixMap: Record<"zinc" | "neutral" | "stone" | "emerald" | "fuchsia" | "rose", RadixColors | Record<string, string>>;
declare const radixRadiusToTailwindMap: {
readonly 1: "xxs";
readonly 2: "xs";
readonly 3: "sm";
readonly 4: "md";
readonly 5: "lg";
readonly 6: "xl";
};
declare function getRadiusTokenName(radius: keyof typeof radixRadiusToTailwindMap, useTailwindColorNames?: boolean): string | number;
type RadixThemePluginOptions = {
useTailwindColorNames?: boolean;
useTailwindRadiusNames?: boolean;
mapMissingTailwindColors?: boolean | Partial<typeof tailwindColorsToRadixMap>;
};
declare const radixThemePlugin: {
(options: RadixThemePluginOptions): {
handler: tailwindcss_types_config.PluginCreator;
config?: Partial<tailwindcss_types_config.Config> | undefined;
};
__isOptionsFunction: true;
};
export { RadixThemePluginOptions, accentColorNames, radixThemePlugin as default, getColorDefinitions, getColorTokenName, getRadiusTokenName, grayColorNames, tailwindColorsToRadixMap };