import * as lit_html from 'lit-html'; import * as lit from 'lit'; import { LitElement } from 'lit'; /** * @since 1.2.0 * @status stable * * @tagname kemet-fab * @summary The FAB, or Floating Action Button, performs a primary action on a page. * * @prop {boolean} expanded - The expanded state of the button. * @prop {boolean} outlined - Outline style for a button. * @prop {boolean} disabled - Determines whether not a button is disabled. * @prop {boolean} pill - Displays the fab with rounded corners. * @prop {number} expandPoint - The distance, in pixels, where the fab should automatically expand. * @prop {number} collapsePoint - The distance, in pixels, where the fab should automatically collapse. * * @slot Icon - A slot for an icon to display. * @slot default - The text for the FAB. * * @cssproperty --kemet-fab-size - The width and height of the fab. * @cssproperty --kemet-fab-color - The text color of the fab. * @cssproperty --kemet-fab-background-color - The bg color of the tab. * @cssproperty --kemet-fab-outlined-color - The text color of an outlined fab. * @cssproperty --kemet-fab-outlined-border - The border of an outlined fab. * @cssproperty --kemet-fab-pill-radius - The border radius of a pill fab. * * @csspart button - The button's container. * @csspart icon - The FAB icon. * @csspart text - The text in the FAB. * */ declare class KemetFAB extends LitElement { static styles: lit.CSSResult[]; expanded: boolean; outlined: boolean; disabled: boolean; pill: boolean; expandPoint: number; collapsePoint: number; firstUpdated(): void; render(): lit_html.TemplateResult<1>; handleMouseOver(): void; handleMouseOut(): void; handleScroll(): void; } declare global { interface HTMLElementTagNameMap { 'kemet-fab': KemetFAB; } } export { KemetFAB as default };