@odx/foundation 1.0.0-beta.162 → 1.0.0-beta.164

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

@@ -7,10 +7,11 @@ declare global {
     }
 }
 export type AccordionIndicatorPosition = ValuesOf<typeof AccordionIndicatorPosition>;
-export declare const AccordionIndicatorPosition: {
+export declare const AccordionIndicatorPosition: Pick<{
     readonly START: "start";
+    readonly CENTER: "center";
     readonly END: "end";
-};
+}, "START" | "END">;
 export declare class OdxAccordion extends CustomElement {
     indicatorPosition: AccordionIndicatorPosition;
     multiple: boolean;

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

@@ -10,7 +10,7 @@ declare const OdxAnchorNavigation_base: typeof CustomElement;
 export declare class OdxAnchorNavigation extends OdxAnchorNavigation_base {
     #private;
     readonly activeItem: import('@preact/signals-core').ReadonlySignal<OdxNavigationItem | undefined>;
-    root: Document | Element;
+    root: Document | HTMLElement;
     rootMargin?: string;
     threshold: number;
     vertical: boolean;

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

@@ -6,10 +6,11 @@ declare global {
     }
 }
 export type AreaHeaderAlignment = ValuesOf<typeof AreaHeaderAlignment>;
-export declare const AreaHeaderAlignment: {
+export declare const AreaHeaderAlignment: Pick<{
     readonly START: "start";
     readonly CENTER: "center";
-};
+    readonly END: "end";
+}, "START" | "CENTER">;
 export type AreaHeaderSize = ValuesOf<typeof AreaHeaderSize>;
 export declare const AreaHeaderSize: Pick<{
     readonly XS: "xs";

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

@@ -13,7 +13,7 @@ export declare class OdxBreadcrumbs extends CustomElement {
     #private;
     max: number;
     items?: BreadcrumbsItem[];
-    protected firstUpdated(props: PropertyValues<this>): void;
+    connectedCallback(): void;
     protected render(): TemplateResult;
     protected updated(props: PropertyValues<this>): void;
 }

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

@@ -1,11 +1,15 @@
-import { CustomElement } from '../../lib/main.js';
-import { PropertyValues, TemplateResult } from 'lit';
+import { CanBeDisabled, CustomElement, InteractiveLink } from '../../lib/main.js';
+import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-breadcrumbs-item': OdxBreadcrumbsItem;
     }
 }
-export declare class OdxBreadcrumbsItem extends CustomElement {
+declare const OdxBreadcrumbsItem_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class OdxBreadcrumbsItem extends OdxBreadcrumbsItem_base {
+    active: boolean;
+    href: InteractiveLink['href'];
+    target: InteractiveLink['target'];
     protected render(): TemplateResult;
-    protected updated(props: PropertyValues<this>): void;
 }
+export {};

package/dist/components/card/card.d.ts

@@ -8,7 +8,7 @@ declare global {
 declare const OdxCard_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class OdxCard extends OdxCard_base {
     interactive: boolean;
-    protected updated(_changedProperties: PropertyValues): void;
+    protected updated(props: PropertyValues<this>): void;
     protected render(): TemplateResult;
 }
 export {};

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

@@ -7,10 +7,20 @@ declare global {
     }
 }
 export type DropdownPlacement = ValuesOf<typeof DropdownPlacement>;
-export declare const 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" | "BOTTOM">;
 export declare class OdxDropdown extends PopoverHost {
     #private;
     matchReferenceWidth: boolean;

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

@@ -34,6 +34,5 @@ export declare class OdxKpi extends CustomElement {
     value: string;
     size: KpiSize;
     variant: KpiVariant;
-    vertical: boolean;
     protected render(): TemplateResult;
 }

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

@@ -1,17 +1,26 @@
-import { CanBeExpanded, InteractiveElement } from '../../lib/main.js';
+import { CanBeExpanded, InteractiveElement, ValuesOf } from '../../lib/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-list-item': OdxListItem;
     }
 }
+export type ListItemSize = ValuesOf<typeof ListItemSize>;
+export declare const ListItemSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "MD" | "LG">;
 declare const OdxListItem_base: import('../../lib/main.js').Constructor<CanBeExpanded> & typeof InteractiveElement;
 export declare class OdxListItem extends OdxListItem_base {
     #private;
     region?: HTMLElementTagNameMap['odx-toggle-content'];
-    compact: boolean;
     muted: boolean;
     selected: boolean;
+    size: ListItemSize;
     withExpandControl: boolean;
     withExpandIndicator: boolean;
     isExpandable(): boolean;

package/dist/components/main.d.ts

@@ -67,6 +67,7 @@ export * from './switch/switch.js';
 export * from './tab-bar/tab-bar.js';
 export * from './table/index.js';
 export * from './text/text.js';
+export * from './tile/tile.js';
 export * from './title/title.js';
 export * from './toast/toast.js';
 export * from './toggle-button/toggle-button.js';

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

@@ -6,9 +6,11 @@ declare global {
     }
 }
 export type PageAlignment = ValuesOf<typeof PageAlignment>;
-export declare const PageAlignment: {
+export declare const PageAlignment: Pick<{
+    readonly START: "start";
     readonly CENTER: "center";
-};
+    readonly END: "end";
+}, "START" | "CENTER">;
 export type PageLayout = ValuesOf<typeof PageLayout>;
 export declare const PageLayout: {
     readonly AUTO: "auto";
@@ -18,7 +20,7 @@ export declare const PageLayout: {
 export declare class OdxPage extends CustomElement {
     headerElement: HTMLElement;
     subheaderElement: HTMLElement;
-    alignment?: PageAlignment;
+    alignment: PageAlignment;
     layout: PageLayout;
     firstUpdated(props: PropertyValues<this>): void;
     disconnectedCallback(): void;

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

@@ -5,14 +5,14 @@ declare global {
         'odx-separator': OdxSeparator;
     }
 }
-export type SeparatorAlign = ValuesOf<typeof SeparatorAlign>;
-export declare const SeparatorAlign: {
+export type SeparatorAlignment = ValuesOf<typeof SeparatorAlignment>;
+export declare const SeparatorAlignment: Pick<{
     readonly START: "start";
     readonly CENTER: "center";
     readonly END: "end";
-};
+}, "START" | "CENTER" | "END">;
 export declare class OdxSeparator extends CustomElement {
-    align: SeparatorAlign;
+    alignment: SeparatorAlignment;
     strong: boolean;
     vertical: boolean;
     connectedCallback(): void;

package/dist/components/switch/switch.d.ts

@@ -6,10 +6,11 @@ declare global {
     }
 }
 export type SwitchIndicatorPosition = ValuesOf<typeof SwitchIndicatorPosition>;
-export declare const SwitchIndicatorPosition: {
+export declare const SwitchIndicatorPosition: Pick<{
     readonly START: "start";
+    readonly CENTER: "center";
     readonly END: "end";
-};
+}, "START" | "END">;
 export declare class OdxSwitch extends CheckboxFormControl {
     indicatorPosition: SwitchIndicatorPosition;
     connectedCallback(): void;

package/dist/components/tile/tile.d.ts

@@ -0,0 +1,35 @@
+import { CustomElement, ValuesOf } from '../../lib/main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-tile': OdxTile;
+    }
+}
+export type TileVariant = ValuesOf<typeof TileVariant>;
+export declare const TileVariant: 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">;
+export type TileAlignment = ValuesOf<typeof TileAlignment>;
+export declare const TileAlignment: Pick<{
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+}, "START" | "CENTER">;
+export declare class OdxTile extends CustomElement {
+    alignment: TileAlignment;
+    interactive: boolean;
+    selected: boolean;
+    variant: TileVariant;
+    protected updated(props: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+}