@spark-web/radio
Version:
--- title: Radio storybookPath: forms-radio--default isExperimentalPackage: true ---
43 lines (42 loc) • 1.8 kB
TypeScript
export declare const RadioCard: import("react").ForwardRefExoticComponent<Omit<import("./types.js").RadioProps, "id" | "size"> & {
description?: string;
padding?: import("@spark-web/theme").ResponsiveProp<keyof import("@spark-web/theme").SparkTheme["spacing"]>;
} & 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 height: "full";
}, {
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 | undefined;
readonly borderStyle: "solid";
readonly borderWidth: number | undefined;
readonly borderRadius: number | undefined;
readonly pointerEvents: "none";
};
readonly ':hover input:not([disabled], [aria-disabled=true]) + [data-radio-border=true]': {
readonly borderColor: string | undefined;
readonly boxShadow: string;
};
readonly 'input[type=radio]:focus': {
readonly boxShadow: "none";
};
readonly 'input[type=radio]:checked + [data-radio-border=true]': {
readonly borderColor: string | undefined;
readonly borderWidth: number | undefined;
};
readonly 'input[type=radio]:focus + [data-radio-border=true]': {
readonly borderColor: string | undefined;
};
}];