UNPKG

radix-ui-themes-with-tailwind

Version:
34 lines (31 loc) 1.77 kB
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 };