goobs-frontend
Version:
A comprehensive React-based libary for building modern web applications
57 lines • 2.02 kB
TypeScript
import { default as React } from 'react';
export interface RadioGroupTheme {
formControl: React.CSSProperties;
formLabel: React.CSSProperties;
label: React.CSSProperties;
labelHover: React.CSSProperties;
input: React.CSSProperties;
radioSpan: React.CSSProperties;
radioOuter: React.CSSProperties;
radioOuterHover: React.CSSProperties;
radioOuterChecked: React.CSSProperties;
radioInner: React.CSSProperties;
radioInnerChecked: React.CSSProperties;
text: React.CSSProperties;
textHover: React.CSSProperties;
glyph: React.CSSProperties;
transition: string;
}
export interface RadioGroupStyles {
theme?: 'light' | 'dark' | 'sacred';
labelColor?: string;
labelFontSize?: string;
labelFontWeight?: string | number;
labelFontFamily?: string;
radioSize?: string;
radioOuterBorderColor?: string;
radioOuterBorderWidth?: string;
radioInnerColor?: string;
radioHoverBorderColor?: string;
radioHoverBackgroundColor?: string;
textColor?: string;
textFontSize?: string;
textFontFamily?: string;
textHoverColor?: string;
padding?: string;
marginBottom?: string;
gap?: string;
transitionDuration?: string;
transitionEasing?: string;
showGlyph?: boolean;
}
export declare const radioGroupThemes: Record<'light' | 'dark' | 'sacred', RadioGroupTheme>;
export declare const getRadioGroupTheme: (styles?: RadioGroupStyles) => RadioGroupTheme;
export declare const getRadioGroupStyles: (styles?: RadioGroupStyles, hoveredLabel?: string | null) => {
formControl: React.CSSProperties;
formLabel: React.CSSProperties;
input: React.CSSProperties;
radioSpan: React.CSSProperties;
glyph: React.CSSProperties;
getOptionStyles: (optionLabel: string, isChecked: boolean) => {
label: React.CSSProperties;
radioOuter: React.CSSProperties;
radioInner: React.CSSProperties;
text: React.CSSProperties;
};
};
//# sourceMappingURL=radiogroup.d.ts.map