@odx/foundation 1.0.0-beta.13 → 1.0.0-beta.130

package/dist/components/main.d.ts

@@ -1,65 +1,72 @@
-export * from './accordion/index.js';
-export * from './action-group/index.js';
+export * from './accordion/accordion.js';
+export * from './accordion-item/accordion-item.js';
+export * from './accordion-panel/accordion-panel.js';
+export * from './action-button/action-button.js';
 export * from './anchor-navigation/index.js';
-export * from './area-header/index.js';
-export * from './avatar-group/index.js';
-export * from './avatar/index.js';
-export * from './badge/index.js';
+export * from './area-header/area-header.js';
+export * from './auto-grid/auto-grid.js';
+export * from './avatar/avatar.js';
+export * from './badge/badge.js';
 export * from './breadcrumbs/index.js';
-export * from './button-group/index.js';
-export * from './button/index.js';
-export * from './card/index.js';
-export * from './checkbox-group/index.js';
-export * from './checkbox/index.js';
-export * from './chip/index.js';
-export * from './circular-progress-bar/index.js';
-export * from './combobox/index.js';
-export * from './content-box/index.js';
-export * from './dropdown/index.js';
-export * from './form-field/index.js';
+export * from './button/button.js';
+export * from './button-group/button-group.js';
+export * from './card/card.js';
+export * from './checkbox/checkbox.js';
+export * from './checkbox-group/checkbox-group.js';
+export * from './chip/chip.js';
+export * from './combobox/autocomplete.js';
+export * from './content-box/content-box.js';
+export * from './dropdown/dropdown.js';
+export * from './empty-state/empty-state.js';
+export * from './form-field/form-field.js';
 export * from './format/index.js';
+export * from './gradient-overlay/gradient-overlay.js';
 export * from './header/index.js';
-export * from './headline/index.js';
-export * from './highlight/index.js';
-export * from './icon-button/index.js';
-export * from './image/index.js';
-export * from './inline-message/index.js';
-export * from './input/index.js';
-export * from './line-clamp/index.js';
-export * from './link/index.js';
-export * from './list/index.js';
-export * from './loading-overlay/index.js';
-export * from './loading-spinner/index.js';
-export * from './logo/index.js';
+export * from './highlight/highlight.js';
+export * from './icon-button/icon-button.js';
+export * from './image/image.js';
+export * from './inline-message/inline-message.js';
+export * from './input/input.js';
+export * from './kpi/kpi.js';
+export * from './line-clamp/line-clamp.js';
+export * from './link/link.js';
+export * from './list/list.js';
+export * from './list-item/list-item.js';
+export * from './loading-overlay/loading-overlay.js';
+export * from './loading-spinner/loading-spinner.js';
+export * from './logo/logo.js';
 export * from './main-menu/index.js';
-export * from './menu-item/index.js';
 export * from './menu/index.js';
-export * from './modal/index.js';
-export * from './navigation-item/index.js';
-export * from './option/index.js';
-export * from './page-layout/index.js';
-export * from './page/index.js';
-export * from './pagination/index.js';
-export * from './progress-bar/index.js';
-export * from './radio-button/index.js';
-export * from './radio-group/index.js';
-export * from './rail-navigation/index.js';
+export * from './menu-item/menu-item.js';
+export * from './modal/modal.js';
+export * from './navigation-item/navigation-item.js';
+export * from './navigation-item-group/navigation-item-group.js';
+export * from './option/option.js';
+export * from './page/page.js';
+export * from './page-layout/page-layout.js';
+export * from './pagination/pagination.js';
+export * from './popover/popover.js';
+export * from './progress-bar/progress-bar.js';
+export * from './progress-ring/progress-ring.js';
+export * from './radio-button/radio-button.js';
+export * from './radio-group/radio-group.js';
+export * from './rail-navigation/rail-navigation.js';
 export * from './search-bar/index.js';
-export * from './select/index.js';
-export * from './separator/index.js';
-export * from './skeleton/index.js';
+export * from './select/select.js';
+export * from './separator/separator.js';
+export * from './skeleton/skeleton.js';
 export * from './slider/index.js';
-export * from './spacer/index.js';
-export * from './spinbox/index.js';
-export * from './stack/index.js';
-export * from './switch/index.js';
+export * from './spacer/spacer.js';
+export * from './spinbox/spinbox.js';
+export * from './status/status.js';
+export * from './switch/switch.js';
 export * from './table/index.js';
-export * from './text/index.js';
-export * from './title/index.js';
-export * from './toast/index.js';
-export * from './toggle-button/index.js';
-export * from './toggle-content/index.js';
-export * from './tooltip/index.js';
-export * from './translate/index.js';
-export * from './visually-hidden/index.js';
-//# sourceMappingURL=main.d.ts.map
+export * from './text/text.js';
+export * from './title/title.js';
+export * from './toast/toast.js';
+export * from './toggle-button/toggle-button.js';
+export * from './toggle-button-group/toggle-button-group.js';
+export * from './toggle-content/toggle-content.js';
+export * from './tooltip/tooltip.js';
+export * from './translate/translate.js';
+export * from './visually-hidden/visually-hidden.js';

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

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

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

@@ -6,4 +6,3 @@ declare global {
 }
 export declare class OdxMenuLabel extends CustomElement {
 }
-//# sourceMappingURL=menu-label.d.ts.map

package/dist/components/menu/menu.d.ts

@@ -1,6 +1,6 @@
-import { PopoverHost } from '../../cdk/main.js';
 import { TemplateResult } from 'lit';
-import { OdxMenuItem } from '../menu-item/index.js';
+import { OdxMenuItem } from '../menu-item/menu-item.js';
+import { PopoverHost } from '../popover/popover-host.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-menu': OdxMenu;
@@ -10,7 +10,7 @@ export declare class OdxMenu extends PopoverHost {
     #private;
     getItems(): OdxMenuItem[];
     connectedCallback(): void;
-    mountPopover(referenceElement?: HTMLElement): void;
+    mountPopover(referenceElement: HTMLElement | null): void;
     unmountPopover(referenceElement: HTMLElement): void;
     onBeforePopoverShow(): void;
     onPopoverShow(): void;
@@ -18,4 +18,3 @@ export declare class OdxMenu extends PopoverHost {
     protected isMenuItem(element: Element): element is OdxMenuItem;
     protected render(): TemplateResult;
 }
-//# sourceMappingURL=menu.d.ts.map

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

@@ -1,5 +1,5 @@
-import { AvailableIcons } from '../../lib/main.js';
-import { InteractiveElement } from '../../cdk/main.js';
+import { InteractiveElement } from '../../lib/main.js';
+import { OdxIconName } from '@odx/icons';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -7,8 +7,9 @@ declare global {
     }
 }
 export declare class OdxMenuItem extends InteractiveElement {
-    icon?: AvailableIcons | null;
+    /** @internal */
+    protected loadingSpinnerSlot: "prefix";
+    icon?: OdxIconName | null;
     protected renderContent(): TemplateResult;
     connectedCallback(): void;
 }
-//# sourceMappingURL=menu-item.d.ts.map

package/dist/components/modal/modal.d.ts

@@ -1,23 +1,25 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement, ValuesOf } from '../../lib/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { ModalVariant } from './modal.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-modal': OdxModal;
     }
 }
+export type ModalLayout = ValuesOf<typeof ModalLayout>;
+export declare const ModalLayout: {
+    MODAL: string;
+    SIDESHEET: string;
+};
 export type ModalHookFn = (modal: OdxModal) => Promise<void> | void;
 export type ModalGuardFn = (modal: OdxModal) => Promise<boolean> | boolean;
 export declare class OdxModal extends CustomElement {
     #private;
-    private closeRequested;
-    private showRequested;
     private dialog;
     private modalContainer;
     backdropDisabled?: boolean;
-    dismissable?: boolean;
+    dismissible: boolean;
     open: boolean;
-    variant?: ModalVariant | null;
+    layout: ModalLayout;
     constructor();
     connectedCallback(): void;
     canShow?: ModalGuardFn;
@@ -32,4 +34,3 @@ export declare class OdxModal extends CustomElement {
     protected render(): TemplateResult;
     protected updated(props: PropertyValues<this>): void;
 }
-//# sourceMappingURL=modal.d.ts.map

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

@@ -1,14 +1,21 @@
-import { CanBeSelected } from '../../lib/main.js';
-import { InteractiveElement } from '../../cdk/main.js';
-import { NavigationItemSize } from './navigation-item.models.js';
+import { InteractiveElement, ValuesOf } from '../../lib/main.js';
+import { PropertyValues } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-navigation-item': OdxNavigationItem;
     }
 }
-declare const OdxNavigationItem_base: import('../../lib/main.js').Constructor<CanBeSelected> & typeof InteractiveElement;
-export declare class OdxNavigationItem extends OdxNavigationItem_base {
-    size?: NavigationItemSize | null;
+export type NavigationItemSize = ValuesOf<typeof NavigationItemSize>;
+export declare const NavigationItemSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "MD" | "LG">;
+export declare class OdxNavigationItem extends InteractiveElement {
+    size: NavigationItemSize;
+    selected: boolean;
+    protected willUpdate(props: PropertyValues<this>): void;
 }
-export {};
-//# sourceMappingURL=navigation-item.d.ts.map

package/dist/components/navigation-item-group/navigation-item-group.d.ts

@@ -0,0 +1,20 @@
+import { CanBeDisabled, CanBeExpanded, CustomElement } from '../../lib/main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { NavigationItemSize, OdxNavigationItem } from '../navigation-item/navigation-item.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-navigation-item-group': OdxNavigationItemGroup;
+    }
+}
+declare const OdxNavigationItemGroup_base: import('../../lib/main.js').Constructor<CanBeExpanded> & import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class OdxNavigationItemGroup extends OdxNavigationItemGroup_base {
+    private items;
+    label: string;
+    loading: boolean;
+    selected: boolean;
+    size: NavigationItemSize;
+    getItems(): OdxNavigationItem[];
+    protected render(): TemplateResult;
+    protected updated(props: PropertyValues<this>): void;
+}
+export {};

package/dist/components/option/option.d.ts

@@ -1,4 +1,4 @@
-import { OptionControl } from '../../cdk/main.js';
+import { OptionControl } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -8,4 +8,3 @@ declare global {
 export declare class OdxOption extends OptionControl {
     protected render(): TemplateResult;
 }
-//# sourceMappingURL=option.d.ts.map

package/dist/components/page/page.d.ts

@@ -1,17 +1,26 @@
-import { CustomElement } from '../../lib/main.js';
-import { TemplateResult } from 'lit';
-import { PageAlignment, PageLayout } from './page.models.js';
+import { CustomElement, ValuesOf } from '../../lib/main.js';
+import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-page': OdxPage;
     }
 }
+export type PageAlignment = ValuesOf<typeof PageAlignment>;
+export declare const PageAlignment: {
+    readonly CENTER: "center";
+};
+export type PageLayout = ValuesOf<typeof PageLayout>;
+export declare const PageLayout: {
+    readonly AUTO: "auto";
+    readonly NARROW: "narrow";
+    readonly WIDE: "wide";
+};
 export declare class OdxPage extends CustomElement {
     headerElement: HTMLElement;
     subheaderElement: HTMLElement;
-    alignment?: PageAlignment | null;
-    layout?: PageLayout | null;
-    firstUpdated(): void;
+    alignment?: PageAlignment;
+    layout: PageLayout;
+    firstUpdated(props: PropertyValues<this>): void;
+    disconnectedCallback(): void;
     protected render(): TemplateResult;
 }
-//# sourceMappingURL=page.d.ts.map

package/dist/components/page-layout/page-layout.d.ts

@@ -8,4 +8,3 @@ declare global {
 export declare class OdxPageLayout extends CustomElement {
     protected render(): TemplateResult;
 }
-//# sourceMappingURL=page-layout.d.ts.map

package/dist/components/pagination/pagination.d.ts

@@ -29,4 +29,3 @@ export declare class OdxPagination extends OdxPagination_base {
     protected updated(props: PropertyValues<this>): void;
 }
 export {};
-//# sourceMappingURL=pagination.d.ts.map

package/dist/components/popover/popover-host.d.ts

@@ -0,0 +1,34 @@
+import { CanBeDisabled, CustomElement, Placement, PopoverPlacementOptions } from '../../lib/main.js';
+import { PropertyValues } from 'lit';
+import { OdxPopover } from './popover.js';
+declare const PopoverHost_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class PopoverHost extends PopoverHost_base {
+    #private;
+    static readonly styles: import('lit').CSSResult;
+    protected popoverElement: OdxPopover;
+    open: boolean;
+    set referenceElement(value: HTMLElement | null);
+    get referenceElement(): HTMLElement | null;
+    placement: Placement;
+    fpsLimit: number;
+    get options(): PopoverPlacementOptions;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    hasMountedPopover(element: HTMLElement): boolean;
+    mountPopover(referenceElement: HTMLElement | null): void;
+    unmountPopover(_referenceElement: HTMLElement): void;
+    hasOpenPopover(referenceElement: HTMLElement | null): boolean;
+    showPopover(): Promise<void>;
+    hidePopover(): void;
+    togglePopover(state?: boolean): boolean;
+    canPopoverShow?(): boolean;
+    onBeforePopoverShow?(): Promise<void> | void;
+    onPopoverShow?(): Promise<void> | void;
+    canPopoverHide?(): boolean;
+    onBeforePopoverHide?(): Promise<void> | void;
+    onPopoverHide?(): Promise<void> | void;
+    updateReferenceElementFromEvent(event: Event): void;
+    protected willUpdate(props: PropertyValues<this>): void;
+}
+export {};

package/dist/components/popover/popover-observer.d.ts

@@ -0,0 +1,10 @@
+import { PopoverHost } from './popover-host.js';
+export declare class PopoverObserver {
+    #private;
+    readonly host: PopoverHost;
+    readonly root: Document | ShadowRoot;
+    constructor(host: PopoverHost);
+    hasMountedPopover(element: HTMLElement): boolean;
+    observe(): void;
+    disconnect(): void;
+}

package/dist/{cdk → components}/popover/popover.d.ts

@@ -6,7 +6,7 @@ declare global {
     }
 }
 export declare class OdxPopover extends CustomElement {
+    arrowElement: HTMLElement;
     showArrow: boolean;
     protected render(): TemplateResult;
 }
-//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1,13 @@
+import { CustomElement, ProgressVariant } from '../../lib/main.js';
+export declare class BaseProgress extends CustomElement {
+    label?: string;
+    min: number;
+    max: number;
+    value: number;
+    valueText?: string;
+    hideValue: boolean;
+    indeterminate: boolean;
+    variant: ProgressVariant;
+    get valuePercentage(): number;
+    get valueHidden(): boolean;
+}

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

@@ -1,24 +1,12 @@
-import { CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
-import { ProgressState } from './progress-bar.models.js';
+import { BaseProgress } from './base-progress.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-progress-bar': OdxProgressBar;
     }
 }
-export declare class OdxProgressBar extends CustomElement {
+export declare class OdxProgressBar extends BaseProgress {
     readonly content: HTMLElement[];
-    indeterminate: boolean;
-    min: number;
-    max: number;
-    value: number;
     condensed: boolean;
-    state?: ProgressState;
-    hideValue: boolean;
-    label?: string;
-    valueText?: string;
-    get valuePercentage(): number;
-    get valueHidden(): boolean;
     protected render(): TemplateResult;
 }
-//# sourceMappingURL=progress-bar.d.ts.map

package/dist/components/progress-ring/progress-ring.d.ts

@@ -0,0 +1,33 @@
+import { ValuesOf } from '../../lib/main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { BaseProgress } from '../progress-bar/base-progress.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-progress-ring': OdxProgressRing;
+    }
+}
+export type ProgressRingSize = ValuesOf<typeof ProgressRingSize>;
+export declare const ProgressRingSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "SM" | "MD" | "LG">;
+/**
+ * A progress ring that indicates the progress of a task.
+ * @summary Displays the progress of a task in a circular format
+ * @csspart inner - The inner SVG element
+ * @csspart track - The track circle element
+ * @csspart indicator - The indicator circle element
+ */
+export declare class OdxProgressRing extends BaseProgress {
+    private readonly content;
+    size: ProgressRingSize;
+    stroke: number;
+    firstUpdated(changes: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    protected render(): TemplateResult;
+    normalizeStroke(stroke: number, viewPortSize: number): number;
+}

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

@@ -1,4 +1,4 @@
-import { CheckboxFormControl } from '../../cdk/main.js';
+import { CheckboxFormControl } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -10,4 +10,3 @@ export declare class OdxRadioButton extends CheckboxFormControl {
     protected render(): TemplateResult;
     toggle(state?: boolean, emitEvent?: boolean): void;
 }
-//# sourceMappingURL=radio-button.d.ts.map

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

@@ -1,11 +1,15 @@
-import { RadioGroupFormControl } from '../../cdk/main.js';
-import { RadioGroupVariant } from './radio-group.models.js';
+import { RadioGroupFormControl, ValuesOf } from '../../lib/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-radio-group': OdxRadioGroup;
     }
 }
+export type RadioGroupLayout = ValuesOf<typeof RadioGroupLayout>;
+export declare const RadioGroupLayout: {
+    readonly VERTICAL: "vertical";
+    readonly HORIZONTAL: "horizontal";
+    readonly LIST: "list";
+};
 export declare class OdxRadioGroup extends RadioGroupFormControl {
-    variant?: RadioGroupVariant;
+    layout?: RadioGroupLayout;
 }
-//# sourceMappingURL=radio-group.d.ts.map

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

@@ -1,7 +1,8 @@
 import { CustomElement } from '../../lib/main.js';
+import { OdxNavigationItemGroup } from '../main.js';
 import { IsLocalized } from '../../i18n/main.js';
-import { TemplateResult } from 'lit';
-import { OdxNavigationItem } from '../navigation-item/navigation-item.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { NavigationItemSize, OdxNavigationItem } from '../navigation-item/navigation-item.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-rail-navigation': OdxRailNavigation;
@@ -10,10 +11,11 @@ declare global {
 declare const OdxRailNavigation_base: import('../../lib/main.js').Constructor<IsLocalized> & typeof CustomElement;
 export declare class OdxRailNavigation extends OdxRailNavigation_base {
     #private;
-    protected navigationItems: OdxNavigationItem[];
+    protected navigationItems: Array<OdxNavigationItem | OdxNavigationItemGroup>;
     collapsed: boolean;
+    size: NavigationItemSize;
     protected render(): TemplateResult;
     getItems(): OdxNavigationItem[];
+    protected updated(props: PropertyValues<this>): void;
 }
 export {};
-//# sourceMappingURL=rail-navigation.d.ts.map

package/dist/components/search-bar/index.d.ts

@@ -1,4 +1,2 @@
 export * from './search-bar.events.js';
 export * from './search-bar.js';
-export * from './search-bar.models.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/search-bar/search-bar.d.ts

@@ -1,6 +1,5 @@
-import { CustomElement } from '../../lib/main.js';
+import { ValuesOf, CanBeDisabled, CustomElement } from '../../lib/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { SearchBarBehavior } from './search-bar.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-search-bar': OdxSearchBar;
@@ -11,12 +10,19 @@ interface SearchOptions {
     updateInput: boolean;
     forceUpdate: boolean;
 }
-export declare class OdxSearchBar extends CustomElement {
+export type SearchBarBehavior = ValuesOf<typeof SearchBarBehavior>;
+export declare const SearchBarBehavior: {
+    readonly INSTANT: "instant";
+    readonly SUBMIT: "submit";
+};
+declare const OdxSearchBar_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class OdxSearchBar extends OdxSearchBar_base {
     #private;
     private inputElement;
     behavior: SearchBarBehavior;
     debounceTime?: number;
     placeholder: string;
+    readonly: boolean;
     get value(): string;
     search(value: string, options?: Partial<SearchOptions>): void;
     connectedCallback(): void;
@@ -24,4 +30,3 @@ export declare class OdxSearchBar extends CustomElement {
     protected render(): TemplateResult;
 }
 export {};
-//# sourceMappingURL=search-bar.d.ts.map

package/dist/components/search-bar/search-bar.events.d.ts

@@ -4,4 +4,3 @@ export declare class SearchEvent extends CustomEvent<{
 }> {
     constructor(value: string, rawValue?: string);
 }
-//# sourceMappingURL=search-bar.events.d.ts.map

package/dist/components/select/select.d.ts

@@ -1,7 +1,7 @@
-import { ListboxFormControl, OptionControl } from '../../cdk/main.js';
-import { TemplateResult } from 'lit';
-import { OdxDropdown } from '../dropdown/index.js';
-import { OdxOption } from '../option/index.js';
+import { ListboxFormControl, OptionControl } from '../../lib/main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { OdxDropdown } from '../dropdown/dropdown.js';
+import { OdxOption } from '../option/option.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-select': OdxSelect;
@@ -9,11 +9,19 @@ declare global {
 }
 export declare class OdxSelect extends ListboxFormControl<OptionControl> {
     #private;
+    /** @internal */
+    static shadowRootOptions: ShadowRootInit;
     protected options: OdxOption[];
     protected readonly dropdown: OdxDropdown;
     maxVisibleSelectedOptions: number;
     constructor();
+    clear(): void;
+    isDropdownOpen(): boolean;
+    showDropdown(): void;
+    hideDropdown(): void;
+    connectedCallback(): void;
+    firstUpdated(props: PropertyValues<this>): void;
+    protected canSelect(option: OptionControl): boolean;
     protected render(): TemplateResult;
-    protected renderSelectedOptions(): TemplateResult;
+    protected updated(props: PropertyValues<this>): void;
 }
-//# sourceMappingURL=select.d.ts.map

package/dist/components/separator/separator.d.ts

@@ -1,16 +1,20 @@
-import { CustomElement } from '../../lib/main.js';
+import { ValuesOf, CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
-import { SeparatorAlign } from './separator.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-separator': OdxSeparator;
     }
 }
+export type SeparatorAlign = ValuesOf<typeof SeparatorAlign>;
+export declare const SeparatorAlign: {
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+};
 export declare class OdxSeparator extends CustomElement {
-    align?: SeparatorAlign;
-    highlight: boolean;
+    align: SeparatorAlign;
+    strong: boolean;
     vertical: boolean;
     connectedCallback(): void;
     protected render(): TemplateResult;
 }
-//# sourceMappingURL=separator.d.ts.map