/** * Copyright Aquera Inc 2023 * * This source code is licensed under the BSD-3-Clause license found in the * LICENSE file in the root directory of this source tree. */ import { TemplateResult } from 'lit'; import '../nile-icon-button/nile-icon-button'; import NileElement from '../internal/nile-element'; import type { CSSResultGroup } from 'lit'; /** * Nile icon component. * * @tag nile-tag * */ /** * @summary Tags are used as labels to organize things or to indicate a selection. * @status stable * * @dependency nile-icon-button * * @slot - The tag's content. * * @event nile-remove - Emitted when the remove button is activated. * * @csspart base - The component's base wrapper. * @csspart content - The tag's content. * @csspart remove-button - The tag's remove button, an ``. * @csspart remove-button__base - The remove button's exported `base` part. */ export declare class NileTag extends NileElement { static styles: CSSResultGroup; /** The tag's theme variant. */ variant: 'primary' | 'success' | 'normal' | 'warning' | 'error' | 'info'; /** The tag's size. */ size: 'small' | 'medium' | 'large'; /** Draws a pill-style tag with rounded edges. */ pill: boolean; /** Makes the tag removable and shows a remove button. */ removable: boolean; /** Disables the tag and cannot remove the tag. */ disabled: boolean; private handleRemoveClick; getCloseButtonColor(): string; render(): TemplateResult<1>; } export default NileTag; declare global { interface HTMLElementTagNameMap { 'nile-tag': NileTag; } }