@workday/canvas-kit-react/dist/commonjs/button/lib/Hyperlink.d.ts

The parent module that contains all Workday Canvas Kit React components

import * as React from 'react';
import { CSProps } from '@workday/canvas-kit-styling';
export interface HyperlinkProps extends CSProps {
    /**
     * sets modifier styles for Hyperlink
     * - `inverse`: sets the color to white and updates hover, focus, and active pseudo-classes
     * - `standalone`: removes the underline of the Hyperlink. This is useful when a hyperlink is used outside the context of a paragraph or body text.
     * - `standaloneInverse`: removes the underline of the Hyperlink and sets the color to white. This is useful when a hyperlink is used outside the context of a paragraph or body text on a dark background.
     */
    variant?: 'inverse' | 'standalone' | 'standaloneInverse';
    /**
     * attribute for the hyperlink URL
     */
    href?: string;
    children?: React.ReactNode;
}
export declare const hyperlinkStencil: import("@workday/canvas-kit-styling").Stencil<{
    variant: {
        inverse: {
            color: "--cnvs-sys-color-text-inverse";
            '&:hover, &.hover': {
                color: "--cnvs-sys-color-text-inverse";
                background: string;
            };
            '&:focus, &.focus, &:focus-visible': {
                boxShadow: string;
            };
            '&:active, &.active': {
                color: "--cnvs-sys-color-text-primary-stronger";
                background: "--cnvs-sys-color-bg-alt-soft";
            };
        };
        standalone: {
            textDecoration: string;
        };
        standaloneInverse: {
            textDecoration: string;
            color: "--cnvs-sys-color-text-inverse";
            '&:hover, &.hover': {
                color: "--cnvs-sys-color-text-inverse";
                background: string;
            };
            '&:focus, &.focus, &:focus-visible': {
                boxShadow: string;
            };
            '&:active, &.active': {
                color: "--cnvs-sys-color-text-primary-stronger";
                background: "--cnvs-sys-color-bg-alt-soft";
            };
        };
    };
}, {}, {}, never, never>;
/**
 * `Hyperlink`s should be used when you want to navigate away from the current page or to an anchor
 * on the current page.
 */
export declare const Hyperlink: import("@workday/canvas-kit-react/common").ElementComponent<"a", HyperlinkProps>;
//# sourceMappingURL=Hyperlink.d.ts.map