import { CSSResultArray, PropertyValues, TemplateResult } from 'lit'; import { LuzmoElement } from '../../utils/base'; import '../button/clear-button'; import './../button'; import '../tooltip'; export type TagSemanticVariants = 'accent' | 'neutral' | 'informative' | 'positive' | 'negative' | 'notice'; export type TagNonSemanticVariants = 'seafoam' | 'indigo' | 'purple' | 'fuchsia' | 'magenta' | 'yellow' | 'gray' | 'red' | 'orange' | 'chartreuse' | 'celery' | 'green' | 'cyan' | 'blue'; export type TagVariants = TagSemanticVariants | TagNonSemanticVariants; export declare const validTagVariants: TagVariants[]; export type TagTreatments = 'outline' | 'fill'; declare const LuzmoTag_base: typeof LuzmoElement & { new (...args: any[]): import("../..").SizedElementInterface; prototype: import("../..").SizedElementInterface; }; /** * @element luzmo-tag * * @slot - text content for labeling the tag * @slot avatar - an avatar element to display within the Tag * @slot icon - an icon element to display within the Tag */ export declare class LuzmoTag extends LuzmoTag_base { static get styles(): CSSResultArray; private _variant?; /** * Color variant. Optional — when unset the tag keeps its neutral default * appearance. Accepts the same semantic and non-semantic palette as * `luzmo-badge`. Invalid values reset the tag to its variantless default. */ get variant(): TagVariants | undefined; set variant(variant: TagVariants | undefined); /** * Visual treatment of the color variant: `outline` (default) draws the * variant color as border and text, `fill` paints it as the background. * Only takes effect when `variant` is set. */ treatment: TagTreatments; deletable: boolean; disabled: boolean; readonly: boolean; private _labelText; constructor(); private handleFocusin; private handleFocusout; private handleKeydown; private handleIconSlotChange; /** * Collects the default slot’s text into `_labelText` so we can optionally show it in the * truncation tooltip (the tooltip is only rendered when this string is non-empty). */ private handleLabelSlotChange; private delete; protected render(): TemplateResult; protected firstUpdated(changes: PropertyValues): void; protected updated(changes: PropertyValues): void; } export {};