@spark-web/radio/dist/declarations/src/radio-card.d.ts

--- title: Radio storybookPath: forms-radio--default isExperimentalPackage: true ---

/// <reference types="react" />
export declare const RadioCard: import("react").ForwardRefExoticComponent<Omit<import("./types").RadioProps, "id" | "size"> & {
    description?: string | undefined;
} & import("react").RefAttributes<HTMLInputElement>>;
export declare function useRadioCardStyles(isDisabled: boolean): readonly [{
    readonly background: "surface" | "inputDisabled";
    readonly cursor: "default" | "pointer";
    readonly padding: "large";
    readonly position: "relative";
    readonly userSelect: "none";
}, {
    readonly 'input[type=radio] + [data-radio-border=true]': {
        readonly transitionProperty: string;
        readonly transitionTimingFunction: string;
        readonly transitionDuration: string;
        readonly position: "absolute";
        readonly top: 0;
        readonly right: 0;
        readonly bottom: 0;
        readonly left: 0;
        readonly borderColor: string;
        readonly borderStyle: "solid";
        readonly borderWidth: number;
        readonly borderRadius: number;
        readonly pointerEvents: "none";
    };
    readonly ':hover input:not([disabled], [aria-disabled=true]) + [data-radio-border=true]': {
        readonly borderColor: string;
    };
    readonly 'input[type=radio]:focus + [data-radio-border=true]': {
        readonly boxShadow: string;
        readonly outline: string;
        readonly outlineOffset: string;
        readonly borderColor: string;
    } | {
        readonly outline: string;
        readonly outlineOffset: string;
        readonly borderColor: string;
    };
    readonly 'input[type=radio]:focus': {
        readonly boxShadow: "none";
    };
    readonly 'input[type=radio]:checked + [data-radio-border=true]': {
        readonly borderColor: string;
        readonly borderWidth: number;
    };
}];