import * as lit_html from 'lit-html'; import * as lit from 'lit'; import { LitElement } from 'lit'; /** * @since 1.0.0 * @status stable * * @tagname kemet-radio * @summary An enhanced radio button. * * @prop {string} label - The text next to the radio button * @prop {boolean} checked - Determines whether or not the button is checked * @prop {string} name - The name of the field * @prop {string} value - The value of the radio button * @prop {boolean} disabled - Determines if the button should be disabled * @prop {boolean} focused - Is true when the button is focused on * @prop {boolean} filled - Displayed the button as a filled button * * @csspart label - The label that contains the radio button. * @csspart button - The radio button. * @csspart text - The text next to the radio button. * @csspart dot - The circle that fills the radio button. * * @cssproperty --kemet-radio-size - The size of the radio button. * @cssproperty --kemet-radio-border - The outer border of the radio button. * @cssproperty --kemet-radio-dot-color - The color of the radio button's dot. * @cssproperty --kemet-radio-dot-border-width - The border width of the radio button's dot. * @cssproperty --kemet-radio-dot-border-color - The border color of the radio button's dot. * @cssproperty --kemet-radio-dot-color-filled - The filled color of the radio button. * @cssproperty --kemet-radio-dot-ring-color - The ring color of the radio button's dot. * * @event kemet-focus - Fires when the checkbox receives focus * @event kemet-blur - Fires when the checkbox loses focus * */ declare class KemetRadio extends LitElement { static styles: lit.CSSResult[]; label: string; checked: boolean; name: string; value: string; disabled: boolean; focused: boolean; filled: boolean; input: HTMLInputElement; firstUpdated(): void; render(): lit_html.TemplateResult<1>; /** * Simulates a click on the input element. * @public * @method click * @returns {void} */ click(): void; /** * Calls blur on the input element. * @public * @method blur * @returns {void} */ blur(): void; /** * Calls focus on the input element. * @public * @method focus * @returns {void} */ focus(): void; handleBlur(): void; handleFocus(): void; makeDot(): lit_html.TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'kemet-radio': KemetRadio; } } export { KemetRadio as default };