import { LitElement, CSSResultGroup, PropertyValues } from 'lit'; /** * SVG icon component with animation support. * * @tagname pd-icon * * @property {string} icon - Icon name from iconset. Default: `ICON_ADD`. * @property {boolean} activeIcon - Whether icon is in active state. * * @cssprop --pd-icon-size - Icon size. Default: `2rem`. * @cssprop --pd-icon-bg-col - Background color. Default: `transparent`. * @cssprop --pd-icon-col - Icon fill color. Default: `var(--pd-default-dark-col)`. * @cssprop --pd-icon-stroke-col - Icon stroke color. Default: `transparent`. * @cssprop --pd-icon-stroke-width - Icon stroke width. Default: `1px`. * @cssprop --pd-icon-transition - Transition timing. Default: `0.5s ease-in-out`. * @cssprop --pd-icon-bg-col-active - Active state background. Default: `transparent`. * @cssprop --pd-icon-col-active - Active state fill color. Default: `var(--pd-default-col)`. * @cssprop --pd-icon-bg-col-hover - Hover state background. Default: inherits from `--pd-icon-bg-col`. * @cssprop --pd-icon-col-hover - Hover state fill color. Default: `var(--pd-default-hover-col)`. * @cssprop --pd-icon-col-disabled - Disabled state fill color. Default: `var(--pd-default-disabled-col)`. * @cssprop --pd-icon-primary-col - Primary variant fill color. Default: `var(--pd-secondary-dark-col)`. * @cssprop --pd-icon-col-primary-active - Primary active fill color. Default: `var(--pd-secondary-col)`. * @cssprop --pd-icon-primary-bg-col - Primary variant background. Default: `transparent`. * @cssprop --pd-icon-primary-bg-col-hover - Primary hover background. Default: inherits from `--pd-icon-primary-bg-col`. * @cssprop --pd-icon-round-padding - Padding for round variant. Default: `0.5rem`. */ export declare class PdIcon extends LitElement { icon: string; activeIcon: boolean; private _svgIcon; static styles: CSSResultGroup; firstUpdated(): void; update(changedProps: PropertyValues): void; render(): import('lit').TemplateResult<1>; private _animatePolygon; } //# sourceMappingURL=PdIcon.d.ts.map