@odx/foundation 1.0.0-alpha.2 → 1.0.0-alpha.20

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

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

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

@@ -1,6 +1,6 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { PropertyValueMap } from 'lit';
-import { HeadlineSize } from './headline.models';
+import { HeadlineSize } from './headline.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-headline': OdxHeadlineComponent;

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

@@ -0,0 +1,12 @@
+import { OdxHeadlineComponent } from '../main.js';
+import { StoryObj } from '@storybook/web-components';
+declare const _default: {
+    title: string;
+};
+export default _default;
+type Story = StoryObj<OdxHeadlineComponent & {
+    level: number | null;
+}>;
+export declare const Demo: Story;
+export declare const Sizes: Story;
+//# sourceMappingURL=headline.stories.d.ts.map

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

@@ -1,3 +1,3 @@
-export * from './headline.component';
-export * from './headline.models';
+export * from './headline.component.js';
+export * from './headline.models.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,14 @@
+import { CustomElement } from '../../lib/main.js';
+import { PropertyValueMap } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-highlight': OdxHighlightComponent;
+    }
+}
+export declare class OdxHighlightComponent extends CustomElement {
+    query?: string | null;
+    minlength: number;
+    protected updated(props: PropertyValueMap<this>): void;
+    protected highlight(): void;
+}
+//# sourceMappingURL=highlight.component.d.ts.map

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

@@ -0,0 +1,9 @@
+import { OdxHighlightComponent } from '../main.js';
+import { StoryObj } from '@storybook/web-components';
+declare const _default: {
+    title: string;
+};
+export default _default;
+type Story = StoryObj<OdxHighlightComponent>;
+export declare const Demo: Story;
+//# sourceMappingURL=highlight.stories.d.ts.map

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

@@ -0,0 +1,2 @@
+export * from './highlight.component.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OdxButtonComponent } from '../button';
+import { OdxButtonComponent } from '../button/index.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-icon-button': OdxIconButtonComponent;

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

@@ -0,0 +1,15 @@
+import { OdxIconButtonComponent } from '../main.js';
+import { StoryObj } from '@storybook/web-components';
+declare const _default: {
+    title: string;
+};
+export default _default;
+type Story = StoryObj<OdxIconButtonComponent>;
+export declare const Demo: Story;
+export declare const Disabled: Story;
+export declare const Loading: Story;
+export declare const Sizes: Story;
+export declare const Variants: Story;
+export declare const LinkButton: Story;
+export declare const KitchenSink: Story;
+//# sourceMappingURL=icon-button.stories.d.ts.map

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

@@ -1,2 +1,2 @@
-export * from './icon-button.component';
+export * from './icon-button.component.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +1,3 @@
-export * from './inline-message.component';
-export * from './inline-message.models';
+export * from './inline-message.component.js';
+export * from './inline-message.models.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,6 +1,6 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
-import { InlineMessageVariant } from './inline-message.models';
+import { InlineMessageVariant } from './inline-message.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-inline-message': OdxInlineMessageComponent;

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

@@ -0,0 +1,10 @@
+import { OdxInlineMessageComponent } from '../main.js';
+import { StoryObj } from '@storybook/web-components';
+declare const _default: {
+    title: string;
+};
+export default _default;
+type Story = StoryObj<OdxInlineMessageComponent>;
+export declare const Demo: Story;
+export declare const Variants: Story;
+//# sourceMappingURL=inline-message.stories.d.ts.map

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

@@ -1,3 +1,3 @@
-export * from './input.component';
-export * from './input.models';
+export * from './input.component.js';
+export * from './input.models.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,19 +1,20 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
-import { InputVariant } from './input.models';
+import { InputVariant } from './input.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-input': OdxInputComponent;
     }
 }
-declare const OdxInputComponent_base: import('@odx/foundation').Constructor<import('@odx/foundation').IsFormControl<string>> & typeof CustomElement;
+declare const OdxInputComponent_base: import('../../lib/main.js', { with: { "resolution-mode": "import" } }).Constructor<import('../../lib/main.js', { with: { "resolution-mode": "import" } }).IsFormControl<string>> & typeof CustomElement;
 export declare class OdxInputComponent extends OdxInputComponent_base {
     #private;
     static readonly formAssociated = true;
     clearable: boolean;
     placeholder: string;
-    type: string;
+    type: HTMLInputElement['type'];
     variant?: InputVariant | null;
+    clear(): void;
     protected render(): TemplateResult;
 }
 export {};

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

@@ -0,0 +1,14 @@
+import { OdxInputComponent } from '../main.js';
+import { StoryObj } from '@storybook/web-components';
+import { TemplateResult } from 'lit';
+declare const _default: {
+    title: string;
+};
+export default _default;
+type Story = StoryObj<OdxInputComponent & {
+    content: TemplateResult | string;
+}>;
+export declare const Demo: Story;
+export declare const WithPrefix: Story;
+export declare const WithSuffix: Story;
+//# sourceMappingURL=input.stories.d.ts.map

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

@@ -1,2 +1,2 @@
-export * from './line-clamp.component';
+export * from './line-clamp.component.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,4 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { PropertyValueMap } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -0,0 +1,18 @@
+import { OdxLineClampComponent } from '../main.js';
+import { StoryObj } from '@storybook/web-components';
+declare const _default: {
+    title: string;
+    argTypes: {
+        max: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+            };
+        };
+    };
+};
+export default _default;
+type Story = StoryObj<OdxLineClampComponent>;
+export declare const Demo: Story;
+//# sourceMappingURL=line-clamp.stories.d.ts.map

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

@@ -1,6 +1,6 @@
-import { ARIARole, CanBeDisabled, CustomElement } from '@odx/foundation';
+import { ARIARole, CanBeDisabled, CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
-declare const BaseLink_base: import('@odx/foundation').Constructor<CanBeDisabled> & typeof CustomElement;
+declare const BaseLink_base: import('../../lib/main.js', { with: { "resolution-mode": "import" } }).Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class BaseLink extends BaseLink_base {
     static shadowRootOptions: ShadowRootInit;
     readonly interactiveElement: HTMLButtonElement | HTMLAnchorElement;

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

@@ -1,3 +1,3 @@
-export * from './base-link';
-export * from './link.component';
+export * from './base-link.js';
+export * from './link.component.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,4 @@
-import { BaseLink } from './base-link';
+import { BaseLink } from './base-link.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-link': OdxLinkComponent;

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

@@ -0,0 +1,9 @@
+import { OdxLinkComponent } from '../main.js';
+import { StoryObj } from '@storybook/web-components';
+declare const _default: {
+    title: string;
+};
+export default _default;
+type Story = StoryObj<OdxLinkComponent>;
+export declare const Demo: Story;
+//# sourceMappingURL=link.stories.d.ts.map

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

@@ -1,3 +1,3 @@
-export * from './list-item.component';
-export * from './list.component';
+export * from './list-item.component.js';
+export * from './list.component.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,11 +1,14 @@
-import { TemplateResult } from 'lit';
-import { BaseLink } from '../link';
+import { CanBeSelected } from '../../lib/main.js';
+import { BaseButtonComponent } from '../button';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-list-item': OdxListItemComponent;
     }
 }
-export declare class OdxListItemComponent extends BaseLink {
-    protected render(): TemplateResult;
+declare const OdxListItemComponent_base: import('../../lib/main.js', { with: { "resolution-mode": "import" } }).Constructor<CanBeSelected> & typeof BaseButtonComponent;
+export declare class OdxListItemComponent extends OdxListItemComponent_base {
+    muted: boolean;
+    connectedCallback(): void;
 }
+export {};
 //# sourceMappingURL=list-item.component.d.ts.map

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

@@ -0,0 +1,9 @@
+import { OdxListItemComponent } from '../main.js';
+import { StoryObj } from '@storybook/web-components';
+declare const _default: {
+    title: string;
+};
+export default _default;
+type Story = StoryObj<OdxListItemComponent>;
+export declare const Demo: Story;
+//# sourceMappingURL=list-item.stories.d.ts.map

package/dist/components/list/list.component.d.ts

@@ -1,11 +1,10 @@
-import { CustomElement } from '@odx/foundation';
-import { TemplateResult } from 'lit';
+import { CustomElement } from '../../lib/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-list': OdxListComponent;
     }
 }
 export declare class OdxListComponent extends CustomElement {
-    protected render(): TemplateResult;
+    connectedCallback(): void;
 }
 //# sourceMappingURL=list.component.d.ts.map

package/dist/components/list/list.stories.d.ts

@@ -0,0 +1,9 @@
+import { OdxListComponent } from '../main.js';
+import { StoryObj } from '@storybook/web-components';
+declare const _default: {
+    title: string;
+};
+export default _default;
+type Story = StoryObj<OdxListComponent>;
+export declare const Demo: Story;
+//# sourceMappingURL=list.stories.d.ts.map

package/dist/components/loading-overlay/index.d.ts

@@ -1,2 +1,2 @@
-export * from './loading-overlay.component';
+export * from './loading-overlay.component.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/loading-overlay/loading-overlay.component.d.ts

@@ -1,4 +1,4 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -6,7 +6,7 @@ declare global {
     }
 }
 export declare const LOADING_OVERLAY_HOST_DIRECTIVE = "odx-loading-overlay-host";
-declare const OdxLoadingOverlayComponent_base: import('@odx/foundation').Constructor<import('@odx/foundation').HasLoadingState> & typeof CustomElement;
+declare const OdxLoadingOverlayComponent_base: import('../../lib/main.js', { with: { "resolution-mode": "import" } }).Constructor<import('../../lib/main.js', { with: { "resolution-mode": "import" } }).HasLoadingState> & typeof CustomElement;
 export declare class OdxLoadingOverlayComponent extends OdxLoadingOverlayComponent_base {
     #private;
     private readonly overlay;

package/dist/components/loading-overlay/loading-overlay.stories.d.ts

@@ -0,0 +1,9 @@
+import { OdxLoadingOverlayComponent } from '../main.js';
+import { StoryObj } from '@storybook/web-components';
+declare const _default: {
+    title: string;
+};
+export default _default;
+type Story = StoryObj<OdxLoadingOverlayComponent>;
+export declare const Demo: Story;
+//# sourceMappingURL=loading-overlay.stories.d.ts.map

package/dist/components/loading-spinner/index.d.ts

@@ -1,2 +1,2 @@
-export * from './loading-spinner.component';
+export * from './loading-spinner.component.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/loading-spinner/loading-spinner.component.d.ts

@@ -1,4 +1,4 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/loading-spinner/loading-spinner.stories.d.ts

@@ -0,0 +1,12 @@
+import { OdxLoadingSpinnerComponent } from '../main.js';
+import { StoryObj } from '@storybook/web-components';
+declare const _default: {
+    title: string;
+    argTypes: {
+        variant: import('storybook/internal/csf', { with: { "resolution-mode": "import" } }).InputType;
+    };
+};
+export default _default;
+type Story = StoryObj<OdxLoadingSpinnerComponent>;
+export declare const Demo: Story;
+//# sourceMappingURL=loading-spinner.stories.d.ts.map

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

@@ -1,3 +1,3 @@
-export * from './logo.component';
-export * from './logo.models';
+export * from './logo.component.js';
+export * from './logo.models.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/logo/logo.component.d.ts

@@ -1,5 +1,5 @@
-import { CustomElement } from '@odx/foundation';
-import { LogoSize } from './logo.models';
+import { CustomElement } from '../../lib/main.js';
+import { LogoSize } from './logo.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-logo': OdxLogoComponent;

package/dist/components/logo/logo.stories.d.ts

@@ -0,0 +1,10 @@
+import { OdxLogoComponent } from '../main.js';
+import { StoryObj } from '@storybook/web-components';
+declare const _default: {
+    title: string;
+};
+export default _default;
+type Story = StoryObj<OdxLogoComponent>;
+export declare const Demo: Story;
+export declare const LogoSizes: Story;
+//# sourceMappingURL=logo.stories.d.ts.map

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

@@ -1,6 +1,6 @@
-export * from './main-menu-button.component';
-export * from './main-menu-link.component';
-export * from './main-menu-subtitle.component';
-export * from './main-menu-title.component';
-export * from './main-menu.component';
+export * from './main-menu-button.component.js';
+export * from './main-menu-link.component.js';
+export * from './main-menu-subtitle.component.js';
+export * from './main-menu-title.component.js';
+export * from './main-menu.component.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/main-menu/main-menu-button.component.d.ts

@@ -1,4 +1,4 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/main-menu/main-menu-link.component.d.ts

@@ -1,4 +1,4 @@
-import { BaseLink } from '../link';
+import { BaseLink } from '../link/index.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-main-menu-link': OdxMainMenuLinkComponent;

package/dist/components/main-menu/main-menu-subtitle.component.d.ts

@@ -1,4 +1,4 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/main-menu/main-menu-title.component.d.ts

@@ -1,4 +1,4 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/main-menu/main-menu.component.d.ts

@@ -1,4 +1,4 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/main-menu/main-menu.stories.d.ts

@@ -0,0 +1,14 @@
+import { OdxMainMenuComponent } from '../main.js';
+import { StoryObj } from '@storybook/web-components';
+declare const _default: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+type Story = StoryObj<OdxMainMenuComponent & {
+    subtitle: string;
+}>;
+export declare const Demo: Story;
+//# sourceMappingURL=main-menu.stories.d.ts.map

package/dist/components/main.d.ts

@@ -1,52 +1,61 @@
-export * from './accordion';
-export * from './area-header';
-export * from './avatar';
-export * from './avatar-group';
-export * from './badge';
-export * from './breadcrumb';
-export * from './button';
-export * from './button-group';
-export * from './card';
-export * from './checkbox';
-export * from './checkbox-group';
-export * from './chip';
-export * from './circular-progress-bar';
-export * from './content-box';
-export * from './dropdown';
-export * from './format';
-export * from './header';
-export * from './headline';
-export * from './icon-button';
-export * from './inline-message';
-export * from './input';
-export * from './line-clamp';
-export * from './link';
-export * from './list';
-export * from './loading-overlay';
-export * from './loading-spinner';
-export * from './logo';
-export * from './main-menu';
-export * from './menu';
-export * from './navigation-item';
-export * from './option';
-export * from './page';
-export * from './page-layout';
-export * from './progress-bar';
-export * from './radio-button';
-export * from './radio-group';
-export * from './rail-navigation';
-export * from './search-bar';
-export * from './select';
-export * from './separator';
-export * from './skeleton';
-export * from './slider';
-export * from './spacer';
-export * from './spinbox';
-export * from './stack';
-export * from './switch';
-export * from './text';
-export * from './title';
-export * from './toggle-button';
-export * from './visually-hidden';
-export * from '../elements/main';
+export * from './accordion/index.js';
+export * from './action-group/index.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 './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 './content-box/index.js';
+export * from './dropdown/index.js';
+export * from './format/index.js';
+export * from './header/index.js';
+export * from './headline/index.js';
+export * from './highlight/index.js';
+export * from './icon-button/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 './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 './progress-bar/index.js';
+export * from './radio-button/index.js';
+export * from './radio-group/index.js';
+export * from './rail-navigation/index.js';
+export * from './search-bar/index.js';
+export * from './select/index.js';
+export * from './separator/index.js';
+export * from './skeleton/index.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 './text/index.js';
+export * from './title/index.js';
+export * from './toggle-button/index.js';
+export * from './translate/index.js';
+export * from './visually-hidden/index.js';
+export * from './form-field/index.js';
+export * from './table/index.js';
+export * from './toast/index.js';
+export * from './tooltip/index.js';
 //# sourceMappingURL=main.d.ts.map

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

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

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

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

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

@@ -1,13 +1,13 @@
-import { CustomElement } from '@odx/foundation';
-import { PopoverHost } from '@odx/foundation/cdk';
+import { CustomElement } from '../../lib/main.js';
+import { PopoverHost } from '../../cdk/main.js';
 import { TemplateResult } from 'lit';
-import { OdxMenuItemComponent } from './menu-item.component';
+import { OdxMenuItemComponent } from '../menu-item/index.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-menu': OdxMenuComponent;
     }
 }
-declare const OdxMenuComponent_base: import('@odx/foundation').Constructor<PopoverHost> & typeof CustomElement;
+declare const OdxMenuComponent_base: import('../../lib/main.js', { with: { "resolution-mode": "import" } }).Constructor<PopoverHost> & typeof CustomElement;
 export declare class OdxMenuComponent extends OdxMenuComponent_base {
     #private;
     getItems(): OdxMenuItemComponent[];