import { EventEmitter } from "../../stencil-public-runtime"; import { Color } from "../../interface"; export declare class Button { private inFooter; el: HTMLElement; win: Window; keyFocus: boolean; /** * The color to use from the Liberty color palette. * Default options are: `'primary', 'primary_darkest', 'primary_darker', 'primary_dark', 'primary_light', 'primary_lighter', 'primary_lightest', 'neutral', 'neutral_darker', 'neutral_darkest', 'neutral_light', 'neutral_lighter', 'neutral_lightest', 'ruby', 'official', 'warning', 'error', 'success', 'success_light', 'mustard'`. */ color?: Color; /** * The type of button. */ buttonType: string; /** * If `true`, the user cannot interact with the button. */ disabled: boolean; /** * Set to `"block"` for a full-width button or to `"full"` for a full-width button * without left and right borders. */ expand?: "full" | "block"; /** * Set to `"clear"` for a transparent button, to `"outline"` for a transparent * button with a border, or to `"solid"`. The default style is `"solid"` except inside of * a toolbar, where the default is `"clear"`. */ fill?: "clear" | "outline" | "solid" | "default"; /** * Contains a URL or a URL fragment that the hyperlink points to. * If this property is set, an anchor tag will be rendered. */ href?: string; /** * Sets the aria label on the button or link for screen reader purposes. */ label?: string; /** * Specifies relationship of current document to linked document. * Only used when href prop is set. */ rel?: string; /** * The button shape. */ shape?: "round"; /** * The button size. */ size?: "small" | "default" | "large"; /** * If `true`, activates a button with a heavier font weight. */ strong: boolean; /** * Specifies how to display link. * Only used when href prop is set. */ target?: "_blank" | "_parent" | "_self" | "_top"; /** * The type of the button. */ type: "submit" | "reset" | "button"; /** * Emitted when the button has focus. */ luFocus: EventEmitter; /** * Emitted when the button loses focus. */ luBlur: EventEmitter; componentWillLoad(): void; private onFocus; private onKeyUp; private onBlur; private onClick; hostData(): { "aria-disabled": string; class: { [x: string]: boolean; focused: boolean; "button-disabled": boolean; "lu-activatable": boolean; }; }; render(): any; }