import { LitElement } from 'lit'; declare const UUIColorSwatchElement_base: (new (...args: any[]) => import("@umbraco-ui/uui-base/lib/mixins").UUILabelMixinInterface) & (new (...args: any[]) => import("@umbraco-ui/uui-base/lib/mixins").UUISelectableMixinInterface) & (new (...args: any[]) => import("@umbraco-ui/uui-base/lib/mixins").UUIActiveMixinInterface) & typeof LitElement; /** * Color swatch, can have label and be selectable, disabled or readonly. * * @element uui-color-swatch * @cssprop --uui-swatch-size - The size of the swatch. * @cssprop --uui-swatch-border-width - The width of the border. * @cssprop --uui-swatch-color - The width of the border. * @slot label - Default slot for the label. */ export declare class UUIColorSwatchElement extends UUIColorSwatchElement_base { #private; /** * Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details. */ get value(): string; set value(newValue: string); private _value?; /** * Color of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content. */ get color(): string | undefined; set color(newValue: string); private _color?; /** * Sets the swatch to disabled. * @type {boolean} * @attr * @default false */ disabled: boolean; /** * Sets the swatch to readonly mode. * @type {boolean} * @attr * @default false */ readonly: boolean; /** * When true shows element label below the color checkbox * * @attr * @memberof UUIColorSwatchElement */ showLabel: boolean; constructor(); private _setAriaAttributes; firstUpdated(): void; willUpdate(changedProperties: Map): void; focus(options?: FocusOptions | undefined): void; render(): import("lit").TemplateResult<1>; private _renderWithLabel; static styles: import("lit").CSSResult[]; } declare global { interface HTMLElementTagNameMap { 'uui-color-swatch': UUIColorSwatchElement; } } export {};