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

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

@@ -14,14 +14,14 @@ export * from './card/card.js';
 export * from './checkbox/checkbox.js';
 export * from './checkbox-group/checkbox-group.js';
 export * from './chip/chip.js';
-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';
@@ -46,6 +46,7 @@ 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';
@@ -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/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,29 +1,12 @@
-import { CustomElement, ValuesOf } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
+import { BaseProgress } from './base-progress.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-progress-bar': OdxProgressBar;
     }
 }
-export type ProgressBarVariant = ValuesOf<typeof ProgressBarVariant>;
-export declare const ProgressBarVariant: {
-    readonly CONFIRM: "confirm";
-    readonly NEUTRAL: "neutral";
-    readonly SUCCESS: "success";
-    readonly DANGER: "danger";
-};
-export declare class OdxProgressBar extends CustomElement {
+export declare class OdxProgressBar extends BaseProgress {
     readonly content: HTMLElement[];
-    min: number;
-    max: number;
-    value: number;
-    label?: string;
-    valueText?: string;
     condensed: boolean;
-    hideValue: boolean;
-    indeterminate: boolean;
-    variant: ProgressBarVariant;
-    get valuePercentage(): number;
-    get valueHidden(): boolean;
     protected render(): TemplateResult;
 }

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/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;
 }