@dcodegroup-au/dsg-vue
Version:
Front-end Vue/Tailwind DSG for UntitledUI.
29 lines (28 loc) • 1.07 kB
TypeScript
/**
* --------------------------------------------------------------------------
* Focus Ring Plugin for Untitled UI Kit for Kanopi
* --------------------------------------------------------------------------
*
* This plugin adds custom focus ring classes to the TailwindCSS framework
* based on the Untitled UI Kit for Kanopi.
*
* --------------------------------------------------------------------------
*/
/**
* Type for focus ring colour config. All values are strings (hex or rgb).
*/
export interface FocusRingColourConfig {
brandColor: string;
grayColor: string;
errorColor: string;
}
/**
* Factory function to create a focus ring plugin with custom colours.
* Falls back to DsgColoursConfig if not provided.
*/
export declare function createFocusRingPlugin(colours?: Partial<FocusRingColourConfig>): {
handler: import('tailwindcss/types/config').PluginCreator;
config?: Partial<import('tailwindcss/types/config').Config>;
};
declare const FocusRingsPlugin: typeof createFocusRingPlugin;
export default FocusRingsPlugin;