@odx/foundation 1.0.0-beta.113 → 1.0.0-beta.115

package/dist/components/empty-state/empty-state.d.ts

@@ -0,0 +1,22 @@
+import { CustomElement, ValuesOf } from '../../lib/main.js';
+import { OdxIconName } from '@odx/icons';
+import { TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-empty-state': OdxEmptyState;
+    }
+}
+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">;
+export declare class OdxEmptyState extends CustomElement {
+    icon?: OdxIconName;
+    size: EmptyStateSize;
+    protected render(): TemplateResult | string;
+}

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

@@ -0,0 +1,21 @@
+import { CustomElement, ValuesOf } from '../../lib/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;
+}

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

@@ -1,13 +1,20 @@
 import { OdxIconName } from '@odx/icons';
-import { TemplateResult } from 'lit';
+import { PropertyValues, TemplateResult } from 'lit';
 import { OdxButton } from '../button/button.js';
+import { TooltipPlacement } from '../tooltip/tooltip.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-icon-button': OdxIconButton;
     }
 }
 export declare class OdxIconButton extends OdxButton {
+    #private;
     float: boolean;
     icon?: OdxIconName;
+    label?: string;
+    labelPlacement?: TooltipPlacement;
+    protected render(): TemplateResult;
+    protected updated(props: PropertyValues<this>): void;
     protected renderContent(): TemplateResult;
+    protected renderTooltip(label: TemplateResult | string): TemplateResult;
 }

package/dist/components/main.d.ts

@@ -18,10 +18,11 @@ export * from './circular-progress-bar/circular-progress-bar.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/headline.js';
 export * from './highlight/highlight.js';
 export * from './icon-button/icon-button.js';
 export * from './image/image.js';
@@ -56,7 +57,6 @@ export * from './skeleton/skeleton.js';
 export * from './slider/index.js';
 export * from './spacer/spacer.js';
 export * from './spinbox/spinbox.js';
-export * from './stack/stack.js';
 export * from './status/status.js';
 export * from './switch/switch.js';
 export * from './table/index.js';

package/dist/components/title/title.d.ts

@@ -6,16 +6,20 @@ declare global {
     }
 }
 export type TitleSize = ValuesOf<typeof TitleSize>;
-export declare const TitleSize: Pick<{
+export declare const TitleSize: {
+    readonly 'DISPLAY-SM': "display-sm";
+    readonly 'DISPLAY-MD': "display-md";
+    readonly 'DISPLAY-LG': "display-lg";
+    readonly 'DISPLAY-XL': "display-xl";
     readonly XS: "xs";
     readonly SM: "sm";
     readonly MD: "md";
     readonly LG: "lg";
     readonly XL: "xl";
     readonly XXL: "xxl";
-}, "XS" | "SM" | "MD" | "LG" | "XL" | "XXL">;
+};
 export declare class OdxTitle extends CustomElement {
-    size: TitleSize;
+    size?: TitleSize;
     level?: number;
     protected willUpdate(props: PropertyValues<this>): void;
 }

package/dist/components/tooltip/tooltip.d.ts

@@ -21,16 +21,29 @@ export declare const TooltipPlacement: Pick<{
     readonly LEFT_START: "left-start";
     readonly LEFT_END: "left-end";
 }, "TOP" | "RIGHT" | "BOTTOM" | "LEFT">;
+export type TooltipSize = ValuesOf<typeof TooltipSize>;
+export declare const TooltipSize: 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 OdxTooltip extends PopoverHost {
     #private;
+    interactive: boolean;
     show: boolean;
+    size: TooltipSize;
     timeout?: number;
     placement: TooltipPlacement;
     connectedCallback(): void;
+    onBeforePopoverShow(): Promise<void> | void;
     onPopoverShow(): void;
     onBeforePopoverHide(): void;
     mountPopover(referenceElement: HTMLElement): void;
     unmountPopover(referenceElement: HTMLElement): void;
     protected render(): TemplateResult;
     protected willUpdate(props: PropertyValues<this>): void;
+    protected updated(props: PropertyValues<this>): void;
 }