@odx/foundation 1.0.0-beta.2 → 1.0.0-beta.200

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

@@ -1,14 +1,14 @@
-import { CheckboxFormControl } from '../../lib/main.js';
-import { PropertyValueMap, TemplateResult } from 'lit';
+import { CheckboxControl, CustomElement } from '../../main.js';
+import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-checkbox': OdxCheckbox;
     }
 }
-export declare class OdxCheckbox extends CheckboxFormControl {
-    indeterminate: boolean;
+declare const OdxCheckbox_base: import('../../utils/types.js').Constructor<CheckboxControl> & typeof CustomElement;
+export declare class OdxCheckbox extends OdxCheckbox_base {
     protected render(): TemplateResult;
-    protected willUpdate(changes: PropertyValueMap<this>): void;
-    toggle(state?: boolean, dispatchEvent?: boolean): void;
+    protected willUpdate(props: PropertyValues<this>): void;
 }
+export {};
 //# sourceMappingURL=checkbox.d.ts.map

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

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

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

@@ -1,22 +1,35 @@
-import { CanBeDisabled, CustomElement } from '../../lib/main.js';
+import { CanBeDisabled, CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { ChipVariant } from './chip.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-chip': OdxChip;
     }
 }
-declare const OdxChip_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export type ChipVariant = ValuesOf<typeof ChipVariant>;
+export declare const ChipVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly NEUTRAL_SUBTLE: "neutral-subtle";
+    readonly PRIMARY: "primary";
+    readonly PRIMARY_SUBTLE: "primary-subtle";
+    readonly ACCENT: "accent";
+    readonly ACCENT_SUBTLE: "accent-subtle";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly DANGER_SUBTLE: "danger-subtle";
+    readonly GHOST: "ghost";
+}, "NEUTRAL" | "NEUTRAL_SUBTLE" | "PRIMARY" | "ACCENT" | "SUCCESS" | "WARNING" | "DANGER">;
+declare const OdxChip_base: import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class OdxChip extends OdxChip_base {
     #private;
     protected actionElement?: HTMLElement;
     removable: boolean;
     interactive: boolean;
-    variant?: ChipVariant;
+    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/drawer/drawer.d.ts

@@ -0,0 +1,17 @@
+import { DialogElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-drawer': OdxDrawer;
+    }
+}
+export type DrawerPosition = ValuesOf<typeof DrawerPosition>;
+export declare const DrawerPosition: Pick<{
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+}, "START" | "END">;
+export declare class OdxDrawer extends DialogElement {
+    position: DrawerPosition;
+}
+//# sourceMappingURL=drawer.d.ts.map

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

@@ -1,24 +1,39 @@
-import { CanBeDisabled, CustomElement } from '../../lib/main.js';
-import { OdxPopover, PopoverHost, PopoverPlacementOptions } from '../../cdk/main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { DropdownPlacement } from './dropdown.models.js';
+import { PopoverHost, PopoverPlacementOptions } from '../popover/popover-host.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 = ValuesOf<typeof DropdownPlacement>;
+export declare const DropdownPlacement: Pick<{
+    readonly TOP: "top";
+    readonly TOP_START: "top-start";
+    readonly TOP_END: "top-end";
+    readonly RIGHT: "right";
+    readonly RIGHT_START: "right-start";
+    readonly RIGHT_END: "right-end";
+    readonly BOTTOM: "bottom";
+    readonly BOTTOM_START: "bottom-start";
+    readonly BOTTOM_END: "bottom-end";
+    readonly LEFT: "left";
+    readonly LEFT_START: "left-start";
+    readonly LEFT_END: "left-end";
+}, "TOP" | "TOP_START" | "TOP_END" | "BOTTOM" | "BOTTOM_START" | "BOTTOM_END">;
+export declare class OdxDropdown extends PopoverHost {
     #private;
-    protected popoverElement: OdxPopover;
+    fill: boolean;
+    offset: number;
     matchReferenceWidth: boolean;
     placement: DropdownPlacement;
-    get options(): PopoverPlacementOptions;
+    get popoverPlacementOptions(): PopoverPlacementOptions;
     connectedCallback(): void;
-    mountPopover(referenceElement?: HTMLElement | null): void;
+    onBeforePopoverShow(): Promise<void> | void;
+    onBeforePopoverHide(): Promise<void> | void;
+    mountPopover(referenceElement: HTMLElement | null): void;
     unmountPopover(referenceElement: HTMLElement): 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/empty-state/empty-state.d.ts

@@ -0,0 +1,46 @@
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
+import { OdxIconName } from '@odx/icons';
+import { TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-empty-state': OdxEmptyState;
+    }
+}
+export type EmptyStateAlignment = ValuesOf<typeof EmptyStateAlignment>;
+export declare const EmptyStateAlignment: Pick<{
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+}, "START" | "CENTER">;
+export type EmptyStateSize = ValuesOf<typeof EmptyStateSize>;
+export declare const EmptyStateSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "SM" | "MD" | "LG">;
+export type EmptyStateVariant = ValuesOf<typeof EmptyStateVariant>;
+export declare const EmptyStateVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly NEUTRAL_SUBTLE: "neutral-subtle";
+    readonly PRIMARY: "primary";
+    readonly PRIMARY_SUBTLE: "primary-subtle";
+    readonly ACCENT: "accent";
+    readonly ACCENT_SUBTLE: "accent-subtle";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly DANGER_SUBTLE: "danger-subtle";
+    readonly GHOST: "ghost";
+}, "NEUTRAL" | "NEUTRAL_SUBTLE" | "DANGER">;
+export declare class OdxEmptyState extends CustomElement {
+    alignment: EmptyStateAlignment;
+    icon?: OdxIconName;
+    size: EmptyStateSize;
+    variant: EmptyStateVariant;
+    protected render(): TemplateResult | string;
+}
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/form-field/form-field.d.ts

@@ -1,4 +1,4 @@
-import { CustomElement } from '../../lib/main.js';
+import { FormAssociated, CustomElement } from '../../main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -7,9 +7,8 @@ declare global {
 }
 export declare class OdxFormField extends CustomElement {
     #private;
-    private elements;
-    get control(): HTMLInputElement | undefined;
-    connectedCallback(): void;
+    touched: boolean;
+    getControl(): FormAssociated | undefined;
     protected render(): TemplateResult;
     protected renderErrorMessage(): TemplateResult;
 }

package/dist/components/format/base-format.d.ts

@@ -1,7 +1,7 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement } from '../../main.js';
 import { IsLocalized } from '../../i18n/main.js';
 import { TemplateResult } from 'lit';
-declare const BaseFormat_base: import('../../lib/main.js').Constructor<IsLocalized> & typeof CustomElement;
+declare const BaseFormat_base: import('../../utils/types.js').Constructor<IsLocalized> & typeof CustomElement;
 export declare abstract class BaseFormat<T> extends BaseFormat_base {
     static styles: import('lit').CSSResult[];
     abstract value?: T | null;

package/dist/components/format/format-bytes.d.ts

@@ -5,7 +5,7 @@ declare global {
     }
 }
 export declare class OdxFormatBytes extends BaseFormat<number> {
-    private static readonly UNIT_PREFIXES;
+    #private;
     value?: number | null | undefined;
     unit: 'byte' | 'bit';
     protected transform(value: number): string;

package/dist/components/format/format-number.d.ts

@@ -1,5 +1,5 @@
-import { BaseFormat } from './base-format.js';
 import { NumberFormatOptions, SingleUnitIdentifier } from '../../i18n/main.js';
+import { BaseFormat } from './base-format.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-format-number': OdxFormatNumber;

package/dist/components/format/relative-time.d.ts

@@ -1,5 +1,5 @@
 import { RelativeTimeFormatOptions } from '../../i18n/main.js';
-import { PropertyValueMap, TemplateResult } from 'lit';
+import { PropertyValues, TemplateResult } from 'lit';
 import { BaseFormat } from './base-format.js';
 declare global {
     interface HTMLElementTagNameMap {
@@ -15,7 +15,7 @@ export declare class OdxRelativeTime extends BaseFormat<number | string | Date>
     syncInterval?: number | null;
     get valueAsDate(): Date | null;
     disconnectedCallback(): void;
-    willUpdate(props: PropertyValueMap<this>): void;
+    willUpdate(props: PropertyValues<this>): void;
     protected transform(value: Date | string): TemplateResult;
 }
 //# sourceMappingURL=relative-time.d.ts.map

package/dist/components/gradient-overlay/gradient-overlay.d.ts

@@ -0,0 +1,23 @@
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
+import { TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-gradient-overlay': OdxGradientOverlay;
+    }
+}
+export type GradientOverlaySize = ValuesOf<typeof GradientOverlaySize>;
+export declare const GradientOverlaySize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "SM" | "MD">;
+export declare class OdxGradientOverlay extends CustomElement {
+    active: boolean;
+    size: GradientOverlaySize;
+    protected render(): TemplateResult | string;
+}
+//# sourceMappingURL=gradient-overlay.d.ts.map

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

@@ -1,13 +1,23 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-header': OdxHeader;
     }
 }
+export type HeaderSize = ValuesOf<typeof HeaderSize>;
+export declare const HeaderSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "SM" | "MD" | "LG">;
 export declare class OdxHeader extends CustomElement {
     #private;
-    private titleElements;
+    size: HeaderSize;
     connectedCallback(): void;
     protected render(): TemplateResult;
 }

package/dist/components/header/index.d.ts

@@ -1,3 +1,2 @@
-export * from './header-actions.js';
 export * from './header.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,14 +1,41 @@
-import { CustomElement } from '../../lib/main.js';
-import { PropertyValueMap } from 'lit';
+import { CanBeDisabled, CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
+import { PropertyValues } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-highlight': OdxHighlight;
     }
+    export interface HighlightRegistry {
+        set(name: string, highlight: Highlight): void;
+        delete(name: string): void;
+    }
 }
-export declare class OdxHighlight extends CustomElement {
+export type HighlightVariant = ValuesOf<typeof HighlightVariant>;
+export declare const HighlightVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly NEUTRAL_SUBTLE: "neutral-subtle";
+    readonly PRIMARY: "primary";
+    readonly PRIMARY_SUBTLE: "primary-subtle";
+    readonly ACCENT: "accent";
+    readonly ACCENT_SUBTLE: "accent-subtle";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly DANGER_SUBTLE: "danger-subtle";
+    readonly GHOST: "ghost";
+}, "NEUTRAL" | "ACCENT" | "ACCENT_SUBTLE" | "DANGER" | "DANGER_SUBTLE">;
+declare const OdxHighlight_base: import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class OdxHighlight extends OdxHighlight_base {
+    #private;
+    private static registry;
+    root: Element;
     query?: string | null;
+    selector?: string;
     minlength: number;
-    protected updated(props: PropertyValueMap<this>): void;
-    protected highlight(): void;
+    variant: HighlightVariant;
+    protected updated(props: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    private static updateGlobalHighlights;
 }
+export {};
 //# sourceMappingURL=highlight.d.ts.map

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

@@ -1,25 +1,24 @@
-import { AvailableIcons } from '../../lib/main.js';
-import { TemplateResult } from 'lit';
-import { OdxButton } from '../button/index.js';
+import { OdxIconName } from '@odx/icons';
+import { PropertyValues, TemplateResult } from 'lit';
+import { OdxButton } from '../button/button.js';
+import { TooltipPlacement, TooltipVariant } from '../tooltip/tooltip.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-icon-button': OdxIconButton;
     }
 }
-/**
- * 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
- * other buttons.
- * @summary Triggers actions on the page or in the background
- * @csspart button - Internal button element
- * @csspart prefix - Container for the prefix slot
- * @csspart suffix - Container for the suffix slot
- * @slot prefix - Contains the button's icon or state indicator, e.g. a spinner.
- * @slot suffix - Contains the button's icon or state indicator, e.g. a spinner.
- * @slot - Contains button text
- */
 export declare class OdxIconButton extends OdxButton {
-    icon?: AvailableIcons;
+    #private;
+    activeIcon?: OdxIconName;
+    activeLabel?: string;
+    float: boolean;
+    icon?: OdxIconName;
+    label?: string;
+    labelPlacement?: TooltipPlacement;
+    labelVariant?: TooltipVariant;
+    protected render(): TemplateResult;
+    protected updated(props: PropertyValues<this>): void;
     protected renderContent(): TemplateResult;
+    protected renderLabel(label: TemplateResult | string): TemplateResult;
 }
 //# sourceMappingURL=icon-button.d.ts.map

package/dist/components/image/image.d.ts

@@ -1,5 +1,5 @@
-import { CustomElement } from '../../lib/main.js';
-import { HTMLTemplateResult, PropertyValues, TemplateResult } from 'lit';
+import { CustomElement } from '../../main.js';
+import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-image': OdxImage;
@@ -10,7 +10,7 @@ interface Resource {
 }
 declare class ResourceLoader<T = Blob> {
     load(resource: Resource): Promise<T | null>;
-    protected parseResponse(response: Response): Promise<T>;
+    protected parseResponse(response: Response): T;
 }
 declare class ImageLoader extends ResourceLoader<HTMLImageElement> {
     load(options: Resource): Promise<HTMLImageElement>;
@@ -25,10 +25,10 @@ export declare class OdxImage extends CustomElement {
     alt?: string | null;
     height?: number | null;
     width?: number | null;
-    protected render(): HTMLTemplateResult | TemplateResult | string;
-    protected renderLoader(): HTMLTemplateResult | TemplateResult | string;
+    protected render(): TemplateResult;
     protected updated(props: PropertyValues<this>): void;
     load(src: string): Promise<void>;
+    static renderPlaceholder(image: OdxImage): TemplateResult;
 }
 export {};
 //# sourceMappingURL=image.d.ts.map

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

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

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

@@ -1,21 +1,31 @@
-import { CustomElement } from '../../lib/main.js';
-import { TemplateResult } from 'lit';
-import { InputVariant } from './input.models.js';
+import { CustomElement, FormAssociated } from '../../main.js';
+import { OdxIconName } from '@odx/icons';
+import { nothing, PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-input': OdxInput;
     }
 }
-declare const OdxInput_base: import('../../lib/main.js').Constructor<import('../../lib/main.js').IsFormControl<string>> & typeof CustomElement;
+declare const OdxInput_base: import('../../utils/main.js').Constructor<FormAssociated<string>> & typeof CustomElement;
 export declare class OdxInput extends OdxInput_base {
     #private;
-    static readonly formAssociated = true;
+    static shadowRootOptions: ShadowRootInit;
+    private nativeInput;
+    block: boolean;
     clearable: boolean;
+    hideControls: boolean;
     placeholder: string;
+    min?: number;
+    max?: number;
+    step?: number;
     type: HTMLInputElement['type'];
-    variant?: InputVariant | null;
-    clear(): void;
+    value: string;
+    focus(options?: FocusOptions): void;
+    stepUp(): void;
+    stepDown(): void;
+    protected willUpdate(props: PropertyValues<this>): void;
     protected render(): TemplateResult;
+    protected renderControl(type: string, icon: OdxIconName, listener: EventListener, disabled: boolean): TemplateResult | typeof nothing;
 }
 export {};
 //# sourceMappingURL=input.d.ts.map

package/dist/components/key-value/key-value.d.ts

@@ -0,0 +1,53 @@
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
+import { TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-key-value': OdxKeyValue;
+    }
+}
+export type KeyValueAlignment = ValuesOf<typeof KeyValueAlignment>;
+export declare const KeyValueAlignment: Pick<{
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+}, "START" | "END">;
+export type KeyValueLayout = ValuesOf<typeof KeyValueLayout>;
+export declare const KeyValueLayout: {
+    VERTICAL: string;
+    HORIZONTAL: string;
+};
+export type KeyValueSize = ValuesOf<typeof KeyValueSize>;
+export declare const KeyValueSize: 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 KeyValueVariant = ValuesOf<typeof KeyValueVariant>;
+export declare const KeyValueVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly NEUTRAL_SUBTLE: "neutral-subtle";
+    readonly PRIMARY: "primary";
+    readonly PRIMARY_SUBTLE: "primary-subtle";
+    readonly ACCENT: "accent";
+    readonly ACCENT_SUBTLE: "accent-subtle";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly DANGER_SUBTLE: "danger-subtle";
+    readonly GHOST: "ghost";
+}, "NEUTRAL" | "ACCENT" | "SUCCESS" | "DANGER">;
+export declare class OdxKeyValue extends CustomElement {
+    alignment: KeyValueAlignment;
+    key: string;
+    layout: KeyValueLayout;
+    size: KeyValueSize;
+    unit?: string;
+    value: string;
+    variant: KeyValueVariant;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=key-value.d.ts.map

package/dist/components/key-value-list/key-value-list.d.ts

@@ -0,0 +1,15 @@
+import { CustomElement } from '../../main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { KeyValueSize, OdxKeyValue } from '../key-value/key-value.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-key-value-list': OdxKeyValueList;
+    }
+}
+export declare class OdxKeyValueList extends CustomElement {
+    size: KeyValueSize;
+    getItems(_deep?: boolean): OdxKeyValue[];
+    protected render(): TemplateResult;
+    protected updated(props: PropertyValues<this>): void;
+}
+//# sourceMappingURL=key-value-list.d.ts.map

package/dist/components/label/label.d.ts

@@ -0,0 +1,11 @@
+import { CustomElement } from '../../main.js';
+import { TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-label': OdxLabel;
+    }
+}
+export declare class OdxLabel extends CustomElement {
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=label.d.ts.map

package/dist/components/line-clamp/line-clamp.d.ts

@@ -1,5 +1,5 @@
-import { CustomElement } from '../../lib/main.js';
-import { PropertyValueMap } from 'lit';
+import { CustomElement } from '../../main.js';
+import { PropertyValues } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-line-clamp': OdxLineClamp;
@@ -7,6 +7,6 @@ declare global {
 }
 export declare class OdxLineClamp extends CustomElement {
     max?: number | null;
-    protected updated(props: PropertyValueMap<this>): void;
+    protected updated(props: PropertyValues<this>): void;
 }
 //# sourceMappingURL=line-clamp.d.ts.map

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

@@ -1,11 +1,23 @@
-import { BaseLink } from './base-link.js';
+import { CanBeDisabled, CustomElement } from '../../main.js';
+import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-link': OdxLink;
     }
 }
-export declare class OdxLink extends BaseLink {
-    emphasized: boolean;
+declare const OdxLink_base: import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class OdxLink extends OdxLink_base {
+    readonly linkElement: HTMLAnchorElement;
+    href: string;
+    target: '_blank' | '_parent' | '_self' | '_top' | '';
+    rel: string;
+    download?: string;
+    external: boolean;
+    strong: boolean;
     subtle: boolean;
+    protected render(): TemplateResult;
+    click(): void;
+    focus(options?: FocusOptions): void;
 }
+export {};
 //# sourceMappingURL=link.d.ts.map