@odx/foundation 1.0.0-beta.4 → 1.0.0-beta.41

package/README.md

@@ -9,8 +9,7 @@ The `@odx/foundation` package is an integral element of the ODX Design System, o
 - **Typography**: Predefined typography styles for headers, paragraphs, and other text elements to ensure a cohesive look and feel.
 - **Global Styles**: Comprehensive global styles that set the base for your application's design, including colors, spacing, and more.
 
-### Prequisites
-
+### Prerequisites
 
 ### Install
 

package/dist/components/accordion/accordion-header.d.ts

@@ -1,18 +1,16 @@
-import { CanBeExpanded, CustomElement } from '../../lib/main.js';
+import { CanBeExpanded, InteractiveElement } from '../../lib/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { OdxAccordionPanel } from './accordion-panel.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-accordion-header': OdxAccordionHeader;
     }
 }
-declare const OdxAccordionHeader_base: import('../../lib/main.js').Constructor<CanBeExpanded> & typeof CustomElement;
+declare const OdxAccordionHeader_base: import('../../lib/main.js').Constructor<CanBeExpanded> & typeof InteractiveElement;
 export declare class OdxAccordionHeader extends OdxAccordionHeader_base {
     #private;
-    static shadowRootOptions: ShadowRootInit;
-    get panel(): OdxAccordionPanel | null;
+    get panel(): HTMLElement | null;
     connectedCallback(): void;
-    protected render(): TemplateResult;
+    protected renderContent(): TemplateResult;
     protected willUpdate(props: PropertyValues<this>): void;
 }
 export {};

package/dist/components/accordion/accordion-panel.d.ts

@@ -6,6 +6,7 @@ declare global {
     }
 }
 export declare class OdxAccordionPanel extends CustomElement {
+    hidden: boolean;
     connectedCallback(): void;
     protected render(): TemplateResult;
 }

package/dist/components/accordion/accordion.d.ts

@@ -1,15 +1,15 @@
 import { CustomElement } from '../../lib/main.js';
-import { PropertyValues } from 'lit';
+import { OdxAccordionHeader } from './accordion-header.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-accordion': OdxAccordion;
     }
 }
 export declare class OdxAccordion extends CustomElement {
-    #private;
-    private controls;
+    items: OdxAccordionHeader[];
+    indicatorPosition?: 'start';
     multiple: boolean;
     constructor();
-    protected updated(props: PropertyValues): void;
+    toggleAll(state?: boolean, emitEvent?: boolean): void;
 }
 //# sourceMappingURL=accordion.d.ts.map

package/dist/components/action-button/action-button.d.ts

@@ -0,0 +1,24 @@
+import { PropertyValues, TemplateResult } from 'lit';
+import { OdxButton } from '../button/button.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-action-button': OdxActionButton;
+    }
+}
+export declare class OdxActionButton extends OdxButton {
+    #private;
+    protected isStatusMessageShown: boolean;
+    done: boolean;
+    icon: OdxIconName | undefined;
+    statusIcon: OdxIconName;
+    statusMessage: string;
+    statusTimeout: number;
+    statusMessageTimeout: number;
+    replaceContent: boolean;
+    connectedCallback(): void;
+    protected firstUpdated(props: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+    protected renderContent(): TemplateResult;
+    protected updated(props: PropertyValues<this>): void;
+}
+//# sourceMappingURL=action-button.d.ts.map

package/dist/components/anchor-navigation/anchor-navigation.d.ts

@@ -13,7 +13,7 @@ export declare class OdxAnchorNavigation extends OdxAnchorNavigation_base {
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
-    renderAnchorLink(anchor: Element, isActive?: boolean): unknown;
+    renderAnchorLink(anchor: Element, isActive?: boolean): TemplateResult;
     protected render(): TemplateResult;
     protected updated(props: PropertyValueMap<this>): void;
 }

package/dist/components/area-header/area-header.d.ts

@@ -1,14 +1,21 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement, EnumString } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
-import { AreaHeaderSize, AreaHeaderVariant } from './area-header.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-area-header': OdxAreaHeader;
     }
 }
+export type AreaHeaderSize = EnumString<typeof AreaHeaderSize>;
+export declare const AreaHeaderSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "SM" | "MD" | "LG" | "XL">;
 export declare class OdxAreaHeader extends CustomElement {
     size?: AreaHeaderSize;
-    variant?: AreaHeaderVariant;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=area-header.d.ts.map

package/dist/components/avatar/avatar.d.ts

@@ -1,14 +1,36 @@
-import { CustomElement } from '../../lib/main.js';
-import { TemplateResult } from 'lit';
-import { AvatarSize, AvatarVariant } from './avatar.models.js';
+import { CustomElement, EnumString } from '../../lib/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-avatar': OdxAvatar;
     }
 }
+export type AvatarShape = EnumString<typeof AvatarShape>;
+export declare const AvatarShape: Pick<{
+    readonly CIRCLE: "circle";
+    readonly RECTANGLE: "rectangle";
+}, "CIRCLE" | "RECTANGLE">;
+export type AvatarSize = EnumString<typeof AvatarSize>;
+export declare const AvatarSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "SM" | "MD" | "LG" | "XL">;
+export type AvatarVariant = EnumString<typeof AvatarVariant>;
+export declare const AvatarVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly PRIMARY: "primary";
+    readonly ACCENT: "accent";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly GHOST: "ghost";
+}, "NEUTRAL" | "PRIMARY">;
 export declare class OdxAvatar extends CustomElement {
+    shape?: AvatarShape;
     size?: AvatarSize;
     variant?: AvatarVariant;
-    protected render(): TemplateResult;
 }
 //# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar-group/avatar-group.d.ts

@@ -1,6 +1,6 @@
 import { CustomElement } from '../../lib/main.js';
 import { PropertyValues } from 'lit';
-import { AvatarSize, AvatarVariant, OdxAvatar } from '../avatar/index.js';
+import { AvatarSize, AvatarVariant, OdxAvatar } from '../avatar/avatar.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-avatar-group': OdxAvatarGroup;

package/dist/components/badge/badge.d.ts

@@ -1,11 +1,20 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement, EnumString } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
-import { BadgeVariant } from './badge.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-badge': OdxBadge;
     }
 }
+export type BadgeVariant = EnumString<typeof BadgeVariant>;
+export declare const BadgeVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly PRIMARY: "primary";
+    readonly ACCENT: "accent";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly GHOST: "ghost";
+}, "SUCCESS" | "NEUTRAL" | "PRIMARY" | "ACCENT" | "WARNING" | "DANGER">;
 export declare class OdxBadge extends CustomElement {
     compact?: boolean;
     pulse?: boolean;

package/dist/components/breadcrumbs/breadcrumbs-item.d.ts

@@ -1,6 +1,6 @@
 import { CustomElement } from '../../lib/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { OdxLink } from '../link/index.js';
+import { OdxLink } from '../link/link.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-breadcrumbs-item': OdxBreadcrumbsItem;

package/dist/components/button/button.d.ts

@@ -1,12 +1,35 @@
+import { EnumString, InteractiveElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
-import { BaseButton } from './base-button.js';
-import { ButtonSize, ButtonVariant } from './button.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-button': OdxButton;
     }
 }
-declare const OdxButton_base: import('../../lib/main.js').Constructor<import('../../lib/main.js').HasLoadingState> & typeof BaseButton;
+export type ButtonBadgeAlign = EnumString<typeof ButtonBadgeAlign>;
+export declare const ButtonBadgeAlign: {
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+};
+export type ButtonSize = EnumString<typeof ButtonSize>;
+export declare const ButtonSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "XS" | "SM" | "MD" | "LG">;
+export type ButtonVariant = EnumString<typeof ButtonVariant>;
+export declare const ButtonVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly PRIMARY: "primary";
+    readonly ACCENT: "accent";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly GHOST: "ghost";
+}, "NEUTRAL" | "PRIMARY" | "ACCENT" | "DANGER" | "GHOST">;
 /**
  * A button is clickable text or an icon that triggers an action on the page or in the background.
  * Depending on the action, content, and hierarchy, a button can be used on its own or grouped with
@@ -19,11 +42,10 @@ declare const OdxButton_base: import('../../lib/main.js').Constructor<import('..
  * @slot suffix - Contains the button's icon or state indicator, e.g. a spinner.
  * @slot - Contains button text
  */
-export declare class OdxButton extends OdxButton_base {
+export declare class OdxButton extends InteractiveElement {
     #private;
     static readonly formAssociated = true;
-    alignBadge?: 'center' | 'end';
-    block: boolean;
+    alignBadge?: ButtonBadgeAlign;
     /**
      * The type of the button.
      */
@@ -37,7 +59,7 @@ export declare class OdxButton extends OdxButton_base {
      */
     variant?: ButtonVariant;
     constructor();
+    connectedCallback(): void;
     protected render(): TemplateResult;
 }
-export {};
 //# sourceMappingURL=button.d.ts.map

package/dist/components/button-group/button-group.d.ts

@@ -1,6 +1,4 @@
 import { CanBeDisabled, CustomElement } from '../../lib/main.js';
-import { PropertyValues } from 'lit';
-import { ButtonSize, ButtonVariant, OdxButton } from '../button/index.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-button-group': OdxButtonGroup;
@@ -8,14 +6,8 @@ declare global {
 }
 declare const OdxButtonGroup_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class OdxButtonGroup extends OdxButtonGroup_base {
-    protected buttons: OdxButton[];
-    constructor();
     block: boolean;
-    connected: boolean;
     vertical: boolean;
-    size?: ButtonSize;
-    variant?: ButtonVariant;
-    protected updated(props: PropertyValues<this>): void;
 }
 export {};
 //# sourceMappingURL=button-group.d.ts.map

package/dist/components/checkbox/checkbox.d.ts

@@ -8,7 +8,7 @@ declare global {
 export declare class OdxCheckbox extends CheckboxFormControl {
     indeterminate: boolean;
     protected render(): TemplateResult;
-    protected willUpdate(changes: PropertyValueMap<this>): void;
+    protected willUpdate(props: PropertyValueMap<this>): void;
     toggle(state?: boolean, dispatchEvent?: boolean): void;
 }
 //# sourceMappingURL=checkbox.d.ts.map

package/dist/components/checkbox-group/checkbox-group.d.ts

@@ -1,14 +1,18 @@
-import { CheckboxGroupFormControl } from '../../lib/main.js';
+import { EnumString, CheckboxGroupFormControl } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
-import { CheckboxGroupVariant } from './checkbox-group.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-checkbox-group': OdxCheckboxGroup;
     }
 }
+export type CheckboxGroupLayout = EnumString<typeof CheckboxGroupLayout>;
+export declare const CheckboxGroupLayout: {
+    readonly INLINE: "inline";
+    readonly LIST: "list";
+};
 export declare class OdxCheckboxGroup extends CheckboxGroupFormControl {
     #private;
-    variant?: CheckboxGroupVariant;
+    layout?: CheckboxGroupLayout;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=checkbox-group.d.ts.map

package/dist/components/chip/chip.d.ts

@@ -1,11 +1,20 @@
-import { CanBeDisabled, CustomElement } from '../../lib/main.js';
+import { CanBeDisabled, CustomElement, EnumString } from '../../lib/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { ChipVariant } from './chip.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-chip': OdxChip;
     }
 }
+export type ChipVariant = EnumString<typeof ChipVariant>;
+export declare const ChipVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly PRIMARY: "primary";
+    readonly ACCENT: "accent";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly GHOST: "ghost";
+}, "SUCCESS" | "NEUTRAL" | "PRIMARY" | "ACCENT" | "WARNING" | "DANGER">;
 declare const OdxChip_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class OdxChip extends OdxChip_base {
     #private;
@@ -15,8 +24,8 @@ export declare class OdxChip extends OdxChip_base {
     variant?: ChipVariant;
     protected render(): TemplateResult;
     protected renderAction(): TemplateResult;
-    protected willUpdate(changes: PropertyValues<this>): void;
-    protected updated(changes: PropertyValues<this>): void;
+    protected willUpdate(props: PropertyValues<this>): void;
+    protected updated(props: PropertyValues<this>): void;
 }
 export {};
 //# sourceMappingURL=chip.d.ts.map

package/dist/components/circular-progress-bar/circular-progress-bar.d.ts

@@ -1,11 +1,19 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement, EnumString } from '../../lib/main.js';
 import { PropertyValueMap, TemplateResult } from 'lit';
-import { CircularProgressBarSize } from './circular-progress-bar.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-circular-progress-bar': OdxCircularProgressBar;
     }
 }
+export type CircularProgressBarSize = EnumString<typeof CircularProgressBarSize>;
+export declare const CircularProgressBarSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "SM" | "MD" | "LG">;
 /**
  * A circular progress bar that indicates the progress of a task.
  * @summary Displays the progress of a task in a circular format
@@ -33,7 +41,7 @@ export declare class OdxCircularProgressBar extends CustomElement {
     /**
      * The size of the progress bar.
      */
-    size: CircularProgressBarSize;
+    size?: CircularProgressBarSize;
     firstUpdated(changes: PropertyValueMap<this>): void;
     disconnectedCallback(): void;
     protected render(): TemplateResult;

package/dist/components/combobox/autocomplete.d.ts

@@ -0,0 +1,25 @@
+import { ActiveDescendantsController, CanBeDisabled, CustomElement, OptionControl } from '../../lib/main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { OdxDropdown } from '../dropdown/dropdown.js';
+import { OdxHighlight } from '../highlight/highlight.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-autocomplete': OdxAutocomplete;
+    }
+}
+declare const OdxAutocomplete_base: import('../../lib/main.js').Constructor<CanBeDisabled> & import('../../lib/main.js').Constructor<import('../../lib/main.js').IsFormControl<string>> & typeof CustomElement;
+export declare class OdxAutocomplete extends OdxAutocomplete_base {
+    #private;
+    protected readonly activeDescendants: ActiveDescendantsController<OptionControl>;
+    protected control?: HTMLInputElement | HTMLButtonElement;
+    protected options: OptionControl[];
+    protected readonly highlight: OdxHighlight;
+    protected readonly dropdown: OdxDropdown;
+    minQueryLength: number;
+    searchFn: (option: OptionControl, query?: string) => boolean;
+    get controlValue(): string;
+    firstUpdated(props: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+}
+export {};
+//# sourceMappingURL=autocomplete.d.ts.map

package/dist/components/dropdown/dropdown.d.ts

@@ -1,24 +1,29 @@
-import { CanBeDisabled, CustomElement } from '../../lib/main.js';
-import { OdxPopover, PopoverHost, PopoverPlacementOptions } from '../../cdk/main.js';
+import { EnumString, OdxPopover, PopoverHost, PopoverPlacementOptions } from '../../lib/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { DropdownPlacement } from './dropdown.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-dropdown': OdxDropdown;
     }
 }
-declare const OdxDropdown_base: import('../../lib/main.js').Constructor<PopoverHost> & import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
-export declare class OdxDropdown extends OdxDropdown_base {
+export type DropdownPlacement = EnumString<typeof DropdownPlacement>;
+export declare const DropdownPlacement: {
+    readonly TOP: "top";
+    readonly BOTTOM: "bottom";
+};
+export declare class OdxDropdown extends PopoverHost {
     #private;
-    protected popoverElement: OdxPopover;
+    popoverElement: OdxPopover;
     matchReferenceWidth: boolean;
     placement: DropdownPlacement;
     get options(): PopoverPlacementOptions;
     connectedCallback(): void;
     mountPopover(referenceElement?: HTMLElement | null): void;
     unmountPopover(referenceElement: HTMLElement): void;
+    onBeforePopoverShow(): void;
+    onPopoverShow(): void;
+    onBeforePopoverHide(): void;
+    onPopoverHide(): void;
     protected render(): TemplateResult;
-    protected willUpdate(changes: PropertyValues<this>): void;
+    protected willUpdate(props: PropertyValues<this>): void;
 }
-export {};
 //# sourceMappingURL=dropdown.d.ts.map

package/dist/components/headline/headline.d.ts

@@ -1,11 +1,19 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement, EnumString } from '../../lib/main.js';
 import { PropertyValueMap } from 'lit';
-import { HeadlineSize } from './headline.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-headline': OdxHeadline;
     }
 }
+export type HeadlineSize = EnumString<typeof HeadlineSize>;
+export declare const HeadlineSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "SM" | "MD" | "LG" | "XL">;
 export declare class OdxHeadline extends CustomElement {
     size?: HeadlineSize;
     protected willUpdate(props: PropertyValueMap<this>): void;

package/dist/components/highlight/highlight.d.ts

@@ -1,14 +1,19 @@
-import { CustomElement } from '../../lib/main.js';
+import { CanBeDisabled, CustomElement } from '../../lib/main.js';
 import { PropertyValueMap } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-highlight': OdxHighlight;
     }
 }
-export declare class OdxHighlight extends CustomElement {
+declare const OdxHighlight_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class OdxHighlight extends OdxHighlight_base {
+    #private;
     query?: string | null;
+    selector?: string;
     minlength: number;
+    root: Element;
+    subtle: boolean;
     protected updated(props: PropertyValueMap<this>): void;
-    protected highlight(): void;
 }
+export {};
 //# sourceMappingURL=highlight.d.ts.map

package/dist/components/icon-button/icon-button.d.ts

@@ -1,6 +1,5 @@
-import { AvailableIcons } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
-import { OdxButton } from '../button/index.js';
+import { OdxButton } from '../button/button.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-icon-button': OdxIconButton;
@@ -19,7 +18,8 @@ declare global {
  * @slot - Contains button text
  */
 export declare class OdxIconButton extends OdxButton {
-    icon?: AvailableIcons;
+    float: boolean;
+    icon?: OdxIconName;
     protected renderContent(): TemplateResult;
 }
 //# sourceMappingURL=icon-button.d.ts.map

package/dist/components/inline-message/inline-message.d.ts

@@ -1,15 +1,24 @@
-import { AvailableIcons, CustomElement } from '../../lib/main.js';
+import { CustomElement, EnumString } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
-import { InlineMessageVariant } from './inline-message.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-inline-message': OdxInlineMessage;
     }
 }
+export type InlineMessageVariant = EnumString<typeof InlineMessageVariant>;
+export declare const InlineMessageVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly PRIMARY: "primary";
+    readonly ACCENT: "accent";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly GHOST: "ghost";
+}, "SUCCESS" | "NEUTRAL" | "ACCENT" | "WARNING" | "DANGER">;
 export declare class OdxInlineMessage extends CustomElement {
     closable: boolean;
     emphasized: boolean;
-    icon?: AvailableIcons;
+    icon?: OdxIconName | null;
     variant?: InlineMessageVariant;
     show(): void;
     hide(): Promise<void>;

package/dist/components/input/input.d.ts

@@ -1,6 +1,5 @@
 import { CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
-import { InputVariant } from './input.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-input': OdxInput;
@@ -10,10 +9,10 @@ declare const OdxInput_base: import('../../lib/main.js').Constructor<import('../
 export declare class OdxInput extends OdxInput_base {
     #private;
     static readonly formAssociated = true;
+    block: boolean;
     clearable: boolean;
     placeholder: string;
     type: HTMLInputElement['type'];
-    variant?: InputVariant | null;
     clear(): void;
     protected render(): TemplateResult;
 }

package/dist/components/kpi/kpi.d.ts

@@ -0,0 +1,36 @@
+import { CustomElement, EnumString } from '../../lib/main.js';
+import { HTMLTemplateResult, TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-kpi': OdxKpi;
+    }
+}
+export type KpiSize = EnumString<typeof KpiSize>;
+export declare const KpiSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "SM" | "MD" | "LG">;
+export type KpiVariant = EnumString<typeof KpiVariant>;
+export declare const KpiVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly PRIMARY: "primary";
+    readonly ACCENT: "accent";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly GHOST: "ghost";
+}, "SUCCESS" | "NEUTRAL" | "ACCENT" | "DANGER">;
+export declare class OdxKpi extends CustomElement {
+    label: string;
+    unit?: string;
+    value: string;
+    size?: KpiSize;
+    variant?: KpiVariant;
+    vertical: boolean;
+    protected render(): HTMLTemplateResult | TemplateResult | string;
+}
+//# sourceMappingURL=kpi.d.ts.map

package/dist/components/link/link.d.ts

@@ -1,10 +1,10 @@
-import { BaseLink } from './base-link.js';
+import { InteractiveLink } from '../../lib/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-link': OdxLink;
     }
 }
-export declare class OdxLink extends BaseLink {
+export declare class OdxLink extends InteractiveLink {
     emphasized: boolean;
     subtle: boolean;
 }