@db-ux/wc-core-components 4.5.4-mcp-e4cd7e6 → 4.5.4-table-c758ae7

package/dist/types/components/table-footer/model.d.ts

@@ -0,0 +1,8 @@
+import { GlobalProps, GlobalState } from '../../shared/model';
+import { DBTableRowProps } from '../table-row/model';
+export type DBTableFooterDefaultProps = {
+    rows?: DBTableRowProps[];
+};
+export type DBTableFooterProps = DBTableFooterDefaultProps & GlobalProps;
+export type DBTableFooterDefaultState = {};
+export type DBTableFooterState = DBTableFooterDefaultState & GlobalState;

package/dist/types/components/table-footer/table-footer.d.ts

@@ -0,0 +1,19 @@
+import { DBTableFooterProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTableFooter {
+    private _ref;
+    id: DBTableFooterProps["id"];
+    className: DBTableFooterProps["className"];
+    rows: DBTableFooterProps["rows"];
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/table-head/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTableHead } from './table-head';
+export default DBTableHead;

package/dist/types/components/table-head/model.d.ts

@@ -0,0 +1,10 @@
+import { GlobalProps, GlobalState } from '../../shared/model';
+import { DBTableRowCell, DBTableRowProps } from '../table-row/model';
+export type DBTableHeadDefaultProps = {
+    rows?: DBTableRowProps[];
+};
+export type DBTableHeadProps = DBTableHeadDefaultProps & GlobalProps;
+export type DBTableHeadDefaultState = {
+    getCells: (cells?: DBTableRowCell[]) => DBTableRowCell[] | undefined;
+};
+export type DBTableHeadState = DBTableHeadDefaultState & GlobalState;

package/dist/types/components/table-head/table-head.d.ts

@@ -0,0 +1,58 @@
+import { DBTableRowCell } from "../table-row/model";
+import { DBTableHeadProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTableHead {
+    private _ref;
+    id: DBTableHeadProps["id"];
+    className: DBTableHeadProps["className"];
+    rows: DBTableHeadProps["rows"];
+    getCells(cells?: DBTableRowCell[]): ({
+        headerCell: boolean;
+        children?: any;
+        className?: string;
+        class?: string | any;
+        id?: string;
+        autofocus?: boolean | string;
+        propOverrides?: import("../..").PropOverridesType;
+        colSpan?: number | string;
+        colspan?: number | string;
+        headers?: string;
+        rowSpan?: number | string;
+        rowspan?: number | string;
+        horizontalAlignment?: import("../..").AlignmentType;
+        verticalAlignment?: import("../..").AlignmentType;
+        content?: any;
+        link?: import("../..").DBLinkProps;
+    } | {
+        headerCell: boolean;
+        abbr?: string;
+        scope?: import("../..").DBTableHeaderCellScopeType;
+        noText?: boolean | string;
+        children?: any;
+        className?: string;
+        class?: string | any;
+        id?: string;
+        autofocus?: boolean | string;
+        propOverrides?: import("../..").PropOverridesType;
+        colSpan?: number | string;
+        colspan?: number | string;
+        headers?: string;
+        rowSpan?: number | string;
+        rowspan?: number | string;
+        horizontalAlignment?: import("../..").AlignmentType;
+        verticalAlignment?: import("../..").AlignmentType;
+        content?: any;
+        link?: import("../..").DBLinkProps;
+    })[];
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/table-header-cell/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTableHeaderCell } from './table-header-cell';
+export default DBTableHeaderCell;

package/dist/types/components/table-header-cell/model.d.ts

@@ -0,0 +1,24 @@
+import { DBTableCellProps, GlobalProps, GlobalState } from '../../shared/model';
+export declare const DBTableHeaderCellScopeList: readonly ["row", "col", "rowgroup", "colgroup"];
+export type DBTableHeaderCellScopeType = (typeof DBTableHeaderCellScopeList)[number];
+export type DBTableHeaderCellDefaultProps = {
+    /**
+     * The **`abbr`** property of the HTMLTableCellElement interface indicates an abbreviation associated with the cell.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/abbr)
+     */
+    abbr?: string;
+    /**
+     * The **`scope`** property of the HTMLTableCellElement interface indicates the scope of a th cell.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/scope)
+     */
+    scope?: DBTableHeaderCellScopeType;
+    /**
+     * Hide the text content of the cell.
+     */
+    noText?: boolean | string;
+};
+export type DBTableHeaderCellProps = DBTableHeaderCellDefaultProps & GlobalProps & DBTableCellProps;
+export type DBTableHeaderCellDefaultState = {};
+export type DBTableHeaderCellState = DBTableHeaderCellDefaultState & GlobalState;

package/dist/types/components/table-header-cell/table-header-cell.d.ts

@@ -0,0 +1,28 @@
+import { DBTableHeaderCellProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTableHeaderCell {
+    private _ref;
+    id: DBTableHeaderCellProps["id"];
+    className: DBTableHeaderCellProps["className"];
+    horizontalAlignment: DBTableHeaderCellProps["horizontalAlignment"];
+    verticalAlignment: DBTableHeaderCellProps["verticalAlignment"];
+    noText: DBTableHeaderCellProps["noText"];
+    scope: DBTableHeaderCellProps["scope"];
+    colSpan: DBTableHeaderCellProps["colSpan"];
+    colspan: DBTableHeaderCellProps["colspan"];
+    rowSpan: DBTableHeaderCellProps["rowSpan"];
+    rowspan: DBTableHeaderCellProps["rowspan"];
+    headers: DBTableHeaderCellProps["headers"];
+    abbr: DBTableHeaderCellProps["abbr"];
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/table-row/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTableRow } from './table-row';
+export default DBTableRow;

package/dist/types/components/table-row/model.d.ts

@@ -0,0 +1,30 @@
+import { GlobalProps, GlobalState } from '../../shared/model';
+import { DBLinkProps } from '../link/model';
+import { DBTableDataCellProps } from '../table-data-cell/model';
+import { DBTableHeaderCellProps } from '../table-header-cell/model';
+export declare const DBTableRowSubHeaderEmphasisList: readonly ["none", "weak", "strong"];
+export type DBTableRowSubHeaderEmphasisType = (typeof DBTableRowSubHeaderEmphasisList)[number];
+export type DBTableRowCell = (DBTableHeaderCellProps | DBTableDataCellProps) & {
+    headerCell?: boolean;
+    content?: any;
+    link?: DBLinkProps;
+};
+export type DBTableRowDefaultProps = {
+    /**
+     * All cells of the row
+     */
+    cells?: DBTableRowCell[];
+    /**
+     * Change styling of row only if it is inside thead
+     */
+    subHeaderEmphasis?: DBTableRowSubHeaderEmphasisType;
+    /**
+     * If true marks the row as interactive, which checks for child with data-table-row-action="true"
+     */
+    interactive?: boolean | string;
+};
+export type DBTableRowProps = DBTableRowDefaultProps & GlobalProps;
+export type DBTableRowDefaultState = {
+    getHeaderCell: (cell: DBTableRowCell) => DBTableHeaderCellProps | undefined;
+};
+export type DBTableRowState = DBTableRowDefaultState & GlobalState;

package/dist/types/components/table-row/table-row.d.ts

@@ -0,0 +1,23 @@
+import { DBTableHeaderCellProps } from "../table-header-cell/model";
+import { DBTableRowCell, DBTableRowProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTableRow {
+    private _ref;
+    id: DBTableRowProps["id"];
+    className: DBTableRowProps["className"];
+    interactive: DBTableRowProps["interactive"];
+    subHeaderEmphasis: DBTableRowProps["subHeaderEmphasis"];
+    cells: DBTableRowProps["cells"];
+    getHeaderCell(cell: DBTableRowCell): DBTableHeaderCellProps;
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -38,6 +38,14 @@ import { DBSwitchProps } from "./components/switch/model";
 import { DBTabItemProps } from "./components/tab-item/model";
 import { DBTabListProps } from "./components/tab-list/model";
 import { DBTabPanelProps } from "./components/tab-panel/model";
+import { DBTableProps } from "./components/table/model";
+import { DBTableBodyProps } from "./components/table-body/model";
+import { DBTableCaptionProps } from "./components/table-caption/model";
+import { DBTableDataCellProps } from "./components/table-data-cell/model";
+import { DBTableFooterProps } from "./components/table-footer/model";
+import { DBTableHeadProps } from "./components/table-head/model";
+import { DBTableHeaderCellProps } from "./components/table-header-cell/model";
+import { DBTableRowProps } from "./components/table-row/model";
 import { DBTabsProps } from "./components/tabs/model";
 import { DBTagProps } from "./components/tag/model";
 import { DBTextareaProps } from "./components/textarea/model";
@@ -75,6 +83,14 @@ export { DBSwitchProps } from "./components/switch/model";
 export { DBTabItemProps } from "./components/tab-item/model";
 export { DBTabListProps } from "./components/tab-list/model";
 export { DBTabPanelProps } from "./components/tab-panel/model";
+export { DBTableProps } from "./components/table/model";
+export { DBTableBodyProps } from "./components/table-body/model";
+export { DBTableCaptionProps } from "./components/table-caption/model";
+export { DBTableDataCellProps } from "./components/table-data-cell/model";
+export { DBTableFooterProps } from "./components/table-footer/model";
+export { DBTableHeadProps } from "./components/table-head/model";
+export { DBTableHeaderCellProps } from "./components/table-header-cell/model";
+export { DBTableRowProps } from "./components/table-row/model";
 export { DBTabsProps } from "./components/tabs/model";
 export { DBTagProps } from "./components/tag/model";
 export { DBTextareaProps } from "./components/textarea/model";
@@ -583,6 +599,71 @@ export namespace Components {
         "id": DBTabPanelProps["id"];
         "propOverrides": DBTabPanelProps["propOverrides"];
     }
+    interface DbTable {
+        "captionPlain": DBTableProps["captionPlain"];
+        "className": DBTableProps["className"];
+        "columnSizes": DBTableProps["columnSizes"];
+        "data": DBTableProps["data"];
+        "divider": DBTableProps["divider"];
+        "id": DBTableProps["id"];
+        "mobileVariant": DBTableProps["mobileVariant"];
+        "showCaption": DBTableProps["showCaption"];
+        "size": DBTableProps["size"];
+        "stickyHeader": DBTableProps["stickyHeader"];
+        "variant": DBTableProps["variant"];
+        "width": DBTableProps["width"];
+    }
+    interface DbTableBody {
+        "className": DBTableBodyProps["className"];
+        "id": DBTableBodyProps["id"];
+        "rows": DBTableBodyProps["rows"];
+    }
+    interface DbTableCaption {
+        "className": DBTableCaptionProps["className"];
+        "id": DBTableCaptionProps["id"];
+    }
+    interface DbTableDataCell {
+        "className": DBTableDataCellProps["className"];
+        "colSpan": DBTableDataCellProps["colSpan"];
+        "colspan": DBTableDataCellProps["colspan"];
+        "headers": DBTableDataCellProps["headers"];
+        "horizontalAlignment": DBTableDataCellProps["horizontalAlignment"];
+        "id": DBTableDataCellProps["id"];
+        "rowSpan": DBTableDataCellProps["rowSpan"];
+        "rowspan": DBTableDataCellProps["rowspan"];
+        "verticalAlignment": DBTableDataCellProps["verticalAlignment"];
+    }
+    interface DbTableFooter {
+        "className": DBTableFooterProps["className"];
+        "id": DBTableFooterProps["id"];
+        "rows": DBTableFooterProps["rows"];
+    }
+    interface DbTableHead {
+        "className": DBTableHeadProps["className"];
+        "id": DBTableHeadProps["id"];
+        "rows": DBTableHeadProps["rows"];
+    }
+    interface DbTableHeaderCell {
+        "abbr": DBTableHeaderCellProps["abbr"];
+        "className": DBTableHeaderCellProps["className"];
+        "colSpan": DBTableHeaderCellProps["colSpan"];
+        "colspan": DBTableHeaderCellProps["colspan"];
+        "headers": DBTableHeaderCellProps["headers"];
+        "horizontalAlignment": DBTableHeaderCellProps["horizontalAlignment"];
+        "id": DBTableHeaderCellProps["id"];
+        "noText": DBTableHeaderCellProps["noText"];
+        "rowSpan": DBTableHeaderCellProps["rowSpan"];
+        "rowspan": DBTableHeaderCellProps["rowspan"];
+        "scope": DBTableHeaderCellProps["scope"];
+        "verticalAlignment": DBTableHeaderCellProps["verticalAlignment"];
+    }
+    interface DbTableRow {
+        "cells": DBTableRowProps["cells"];
+        "className": DBTableRowProps["className"];
+        "id": DBTableRowProps["id"];
+        "interactive": DBTableRowProps["interactive"];
+        "subHeaderEmphasis": DBTableRowProps["subHeaderEmphasis"];
+    }
     interface DbTabs {
         "alignment": DBTabsProps["alignment"];
         "arrowScrollDistance": DBTabsProps["arrowScrollDistance"];
@@ -1115,6 +1196,54 @@ declare global {
         prototype: HTMLDbTabPanelElement;
         new (): HTMLDbTabPanelElement;
     };
+    interface HTMLDbTableElement extends Components.DbTable, HTMLStencilElement {
+    }
+    var HTMLDbTableElement: {
+        prototype: HTMLDbTableElement;
+        new (): HTMLDbTableElement;
+    };
+    interface HTMLDbTableBodyElement extends Components.DbTableBody, HTMLStencilElement {
+    }
+    var HTMLDbTableBodyElement: {
+        prototype: HTMLDbTableBodyElement;
+        new (): HTMLDbTableBodyElement;
+    };
+    interface HTMLDbTableCaptionElement extends Components.DbTableCaption, HTMLStencilElement {
+    }
+    var HTMLDbTableCaptionElement: {
+        prototype: HTMLDbTableCaptionElement;
+        new (): HTMLDbTableCaptionElement;
+    };
+    interface HTMLDbTableDataCellElement extends Components.DbTableDataCell, HTMLStencilElement {
+    }
+    var HTMLDbTableDataCellElement: {
+        prototype: HTMLDbTableDataCellElement;
+        new (): HTMLDbTableDataCellElement;
+    };
+    interface HTMLDbTableFooterElement extends Components.DbTableFooter, HTMLStencilElement {
+    }
+    var HTMLDbTableFooterElement: {
+        prototype: HTMLDbTableFooterElement;
+        new (): HTMLDbTableFooterElement;
+    };
+    interface HTMLDbTableHeadElement extends Components.DbTableHead, HTMLStencilElement {
+    }
+    var HTMLDbTableHeadElement: {
+        prototype: HTMLDbTableHeadElement;
+        new (): HTMLDbTableHeadElement;
+    };
+    interface HTMLDbTableHeaderCellElement extends Components.DbTableHeaderCell, HTMLStencilElement {
+    }
+    var HTMLDbTableHeaderCellElement: {
+        prototype: HTMLDbTableHeaderCellElement;
+        new (): HTMLDbTableHeaderCellElement;
+    };
+    interface HTMLDbTableRowElement extends Components.DbTableRow, HTMLStencilElement {
+    }
+    var HTMLDbTableRowElement: {
+        prototype: HTMLDbTableRowElement;
+        new (): HTMLDbTableRowElement;
+    };
     interface HTMLDbTabsElementEventMap {
         "indexChange": any;
         "tabSelect": any;
@@ -1210,6 +1339,14 @@ declare global {
         "db-tab-item": HTMLDbTabItemElement;
         "db-tab-list": HTMLDbTabListElement;
         "db-tab-panel": HTMLDbTabPanelElement;
+        "db-table": HTMLDbTableElement;
+        "db-table-body": HTMLDbTableBodyElement;
+        "db-table-caption": HTMLDbTableCaptionElement;
+        "db-table-data-cell": HTMLDbTableDataCellElement;
+        "db-table-footer": HTMLDbTableFooterElement;
+        "db-table-head": HTMLDbTableHeadElement;
+        "db-table-header-cell": HTMLDbTableHeaderCellElement;
+        "db-table-row": HTMLDbTableRowElement;
         "db-tabs": HTMLDbTabsElement;
         "db-tag": HTMLDbTagElement;
         "db-textarea": HTMLDbTextareaElement;
@@ -1752,6 +1889,71 @@ declare namespace LocalJSX {
         "id"?: DBTabPanelProps["id"];
         "propOverrides"?: DBTabPanelProps["propOverrides"];
     }
+    interface DbTable {
+        "captionPlain"?: DBTableProps["captionPlain"];
+        "className"?: DBTableProps["className"];
+        "columnSizes"?: DBTableProps["columnSizes"];
+        "data"?: DBTableProps["data"];
+        "divider"?: DBTableProps["divider"];
+        "id"?: DBTableProps["id"];
+        "mobileVariant"?: DBTableProps["mobileVariant"];
+        "showCaption"?: DBTableProps["showCaption"];
+        "size"?: DBTableProps["size"];
+        "stickyHeader"?: DBTableProps["stickyHeader"];
+        "variant"?: DBTableProps["variant"];
+        "width"?: DBTableProps["width"];
+    }
+    interface DbTableBody {
+        "className"?: DBTableBodyProps["className"];
+        "id"?: DBTableBodyProps["id"];
+        "rows"?: DBTableBodyProps["rows"];
+    }
+    interface DbTableCaption {
+        "className"?: DBTableCaptionProps["className"];
+        "id"?: DBTableCaptionProps["id"];
+    }
+    interface DbTableDataCell {
+        "className"?: DBTableDataCellProps["className"];
+        "colSpan"?: DBTableDataCellProps["colSpan"];
+        "colspan"?: DBTableDataCellProps["colspan"];
+        "headers"?: DBTableDataCellProps["headers"];
+        "horizontalAlignment"?: DBTableDataCellProps["horizontalAlignment"];
+        "id"?: DBTableDataCellProps["id"];
+        "rowSpan"?: DBTableDataCellProps["rowSpan"];
+        "rowspan"?: DBTableDataCellProps["rowspan"];
+        "verticalAlignment"?: DBTableDataCellProps["verticalAlignment"];
+    }
+    interface DbTableFooter {
+        "className"?: DBTableFooterProps["className"];
+        "id"?: DBTableFooterProps["id"];
+        "rows"?: DBTableFooterProps["rows"];
+    }
+    interface DbTableHead {
+        "className"?: DBTableHeadProps["className"];
+        "id"?: DBTableHeadProps["id"];
+        "rows"?: DBTableHeadProps["rows"];
+    }
+    interface DbTableHeaderCell {
+        "abbr"?: DBTableHeaderCellProps["abbr"];
+        "className"?: DBTableHeaderCellProps["className"];
+        "colSpan"?: DBTableHeaderCellProps["colSpan"];
+        "colspan"?: DBTableHeaderCellProps["colspan"];
+        "headers"?: DBTableHeaderCellProps["headers"];
+        "horizontalAlignment"?: DBTableHeaderCellProps["horizontalAlignment"];
+        "id"?: DBTableHeaderCellProps["id"];
+        "noText"?: DBTableHeaderCellProps["noText"];
+        "rowSpan"?: DBTableHeaderCellProps["rowSpan"];
+        "rowspan"?: DBTableHeaderCellProps["rowspan"];
+        "scope"?: DBTableHeaderCellProps["scope"];
+        "verticalAlignment"?: DBTableHeaderCellProps["verticalAlignment"];
+    }
+    interface DbTableRow {
+        "cells"?: DBTableRowProps["cells"];
+        "className"?: DBTableRowProps["className"];
+        "id"?: DBTableRowProps["id"];
+        "interactive"?: DBTableRowProps["interactive"];
+        "subHeaderEmphasis"?: DBTableRowProps["subHeaderEmphasis"];
+    }
     interface DbTabs {
         "alignment"?: DBTabsProps["alignment"];
         "arrowScrollDistance"?: DBTabsProps["arrowScrollDistance"];
@@ -2291,6 +2493,66 @@ declare namespace LocalJSX {
         "id": DBTabPanelProps["id"];
         "content": DBTabPanelProps["content"];
     }
+    interface DbTableAttributes {
+        "data": DBTableProps["data"];
+        "mobileVariant": DBTableProps["mobileVariant"];
+        "className": DBTableProps["className"];
+        "width": DBTableProps["width"];
+        "size": DBTableProps["size"];
+        "divider": DBTableProps["divider"];
+        "variant": DBTableProps["variant"];
+        "showCaption": string;
+        "stickyHeader": DBTableProps["stickyHeader"];
+        "id": DBTableProps["id"];
+        "captionPlain": DBTableProps["captionPlain"];
+    }
+    interface DbTableBodyAttributes {
+        "id": DBTableBodyProps["id"];
+        "className": DBTableBodyProps["className"];
+    }
+    interface DbTableCaptionAttributes {
+        "id": DBTableCaptionProps["id"];
+        "className": DBTableCaptionProps["className"];
+    }
+    interface DbTableDataCellAttributes {
+        "id": DBTableDataCellProps["id"];
+        "className": DBTableDataCellProps["className"];
+        "horizontalAlignment": DBTableDataCellProps["horizontalAlignment"];
+        "verticalAlignment": DBTableDataCellProps["verticalAlignment"];
+        "colSpan": string;
+        "colspan": string;
+        "rowSpan": string;
+        "rowspan": string;
+        "headers": DBTableDataCellProps["headers"];
+    }
+    interface DbTableFooterAttributes {
+        "id": DBTableFooterProps["id"];
+        "className": DBTableFooterProps["className"];
+    }
+    interface DbTableHeadAttributes {
+        "id": DBTableHeadProps["id"];
+        "className": DBTableHeadProps["className"];
+    }
+    interface DbTableHeaderCellAttributes {
+        "id": DBTableHeaderCellProps["id"];
+        "className": DBTableHeaderCellProps["className"];
+        "horizontalAlignment": DBTableHeaderCellProps["horizontalAlignment"];
+        "verticalAlignment": DBTableHeaderCellProps["verticalAlignment"];
+        "noText": string;
+        "scope": DBTableHeaderCellProps["scope"];
+        "colSpan": string;
+        "colspan": string;
+        "rowSpan": string;
+        "rowspan": string;
+        "headers": DBTableHeaderCellProps["headers"];
+        "abbr": DBTableHeaderCellProps["abbr"];
+    }
+    interface DbTableRowAttributes {
+        "id": DBTableRowProps["id"];
+        "className": DBTableRowProps["className"];
+        "interactive": string;
+        "subHeaderEmphasis": DBTableRowProps["subHeaderEmphasis"];
+    }
     interface DbTabsAttributes {
         "name": DBTabsProps["name"];
         "tabs": DBTabsProps["tabs"];
@@ -2400,6 +2662,14 @@ declare namespace LocalJSX {
         "db-tab-item": Omit<DbTabItem, keyof DbTabItemAttributes> & { [K in keyof DbTabItem & keyof DbTabItemAttributes]?: DbTabItem[K] } & { [K in keyof DbTabItem & keyof DbTabItemAttributes as `attr:${K}`]?: DbTabItemAttributes[K] } & { [K in keyof DbTabItem & keyof DbTabItemAttributes as `prop:${K}`]?: DbTabItem[K] };
         "db-tab-list": Omit<DbTabList, keyof DbTabListAttributes> & { [K in keyof DbTabList & keyof DbTabListAttributes]?: DbTabList[K] } & { [K in keyof DbTabList & keyof DbTabListAttributes as `attr:${K}`]?: DbTabListAttributes[K] } & { [K in keyof DbTabList & keyof DbTabListAttributes as `prop:${K}`]?: DbTabList[K] };
         "db-tab-panel": Omit<DbTabPanel, keyof DbTabPanelAttributes> & { [K in keyof DbTabPanel & keyof DbTabPanelAttributes]?: DbTabPanel[K] } & { [K in keyof DbTabPanel & keyof DbTabPanelAttributes as `attr:${K}`]?: DbTabPanelAttributes[K] } & { [K in keyof DbTabPanel & keyof DbTabPanelAttributes as `prop:${K}`]?: DbTabPanel[K] };
+        "db-table": Omit<DbTable, keyof DbTableAttributes> & { [K in keyof DbTable & keyof DbTableAttributes]?: DbTable[K] } & { [K in keyof DbTable & keyof DbTableAttributes as `attr:${K}`]?: DbTableAttributes[K] } & { [K in keyof DbTable & keyof DbTableAttributes as `prop:${K}`]?: DbTable[K] };
+        "db-table-body": Omit<DbTableBody, keyof DbTableBodyAttributes> & { [K in keyof DbTableBody & keyof DbTableBodyAttributes]?: DbTableBody[K] } & { [K in keyof DbTableBody & keyof DbTableBodyAttributes as `attr:${K}`]?: DbTableBodyAttributes[K] } & { [K in keyof DbTableBody & keyof DbTableBodyAttributes as `prop:${K}`]?: DbTableBody[K] };
+        "db-table-caption": Omit<DbTableCaption, keyof DbTableCaptionAttributes> & { [K in keyof DbTableCaption & keyof DbTableCaptionAttributes]?: DbTableCaption[K] } & { [K in keyof DbTableCaption & keyof DbTableCaptionAttributes as `attr:${K}`]?: DbTableCaptionAttributes[K] } & { [K in keyof DbTableCaption & keyof DbTableCaptionAttributes as `prop:${K}`]?: DbTableCaption[K] };
+        "db-table-data-cell": Omit<DbTableDataCell, keyof DbTableDataCellAttributes> & { [K in keyof DbTableDataCell & keyof DbTableDataCellAttributes]?: DbTableDataCell[K] } & { [K in keyof DbTableDataCell & keyof DbTableDataCellAttributes as `attr:${K}`]?: DbTableDataCellAttributes[K] } & { [K in keyof DbTableDataCell & keyof DbTableDataCellAttributes as `prop:${K}`]?: DbTableDataCell[K] };
+        "db-table-footer": Omit<DbTableFooter, keyof DbTableFooterAttributes> & { [K in keyof DbTableFooter & keyof DbTableFooterAttributes]?: DbTableFooter[K] } & { [K in keyof DbTableFooter & keyof DbTableFooterAttributes as `attr:${K}`]?: DbTableFooterAttributes[K] } & { [K in keyof DbTableFooter & keyof DbTableFooterAttributes as `prop:${K}`]?: DbTableFooter[K] };
+        "db-table-head": Omit<DbTableHead, keyof DbTableHeadAttributes> & { [K in keyof DbTableHead & keyof DbTableHeadAttributes]?: DbTableHead[K] } & { [K in keyof DbTableHead & keyof DbTableHeadAttributes as `attr:${K}`]?: DbTableHeadAttributes[K] } & { [K in keyof DbTableHead & keyof DbTableHeadAttributes as `prop:${K}`]?: DbTableHead[K] };
+        "db-table-header-cell": Omit<DbTableHeaderCell, keyof DbTableHeaderCellAttributes> & { [K in keyof DbTableHeaderCell & keyof DbTableHeaderCellAttributes]?: DbTableHeaderCell[K] } & { [K in keyof DbTableHeaderCell & keyof DbTableHeaderCellAttributes as `attr:${K}`]?: DbTableHeaderCellAttributes[K] } & { [K in keyof DbTableHeaderCell & keyof DbTableHeaderCellAttributes as `prop:${K}`]?: DbTableHeaderCell[K] };
+        "db-table-row": Omit<DbTableRow, keyof DbTableRowAttributes> & { [K in keyof DbTableRow & keyof DbTableRowAttributes]?: DbTableRow[K] } & { [K in keyof DbTableRow & keyof DbTableRowAttributes as `attr:${K}`]?: DbTableRowAttributes[K] } & { [K in keyof DbTableRow & keyof DbTableRowAttributes as `prop:${K}`]?: DbTableRow[K] };
         "db-tabs": Omit<DbTabs, keyof DbTabsAttributes> & { [K in keyof DbTabs & keyof DbTabsAttributes]?: DbTabs[K] } & { [K in keyof DbTabs & keyof DbTabsAttributes as `attr:${K}`]?: DbTabsAttributes[K] } & { [K in keyof DbTabs & keyof DbTabsAttributes as `prop:${K}`]?: DbTabs[K] };
         "db-tag": Omit<DbTag, keyof DbTagAttributes> & { [K in keyof DbTag & keyof DbTagAttributes]?: DbTag[K] } & { [K in keyof DbTag & keyof DbTagAttributes as `attr:${K}`]?: DbTagAttributes[K] } & { [K in keyof DbTag & keyof DbTagAttributes as `prop:${K}`]?: DbTag[K] };
         "db-textarea": Omit<DbTextarea, keyof DbTextareaAttributes> & { [K in keyof DbTextarea & keyof DbTextareaAttributes]?: DbTextarea[K] } & { [K in keyof DbTextarea & keyof DbTextareaAttributes as `attr:${K}`]?: DbTextareaAttributes[K] } & { [K in keyof DbTextarea & keyof DbTextareaAttributes as `prop:${K}`]?: DbTextarea[K] };
@@ -2443,6 +2713,14 @@ declare module "@stencil/core" {
             "db-tab-item": LocalJSX.IntrinsicElements["db-tab-item"] & JSXBase.HTMLAttributes<HTMLDbTabItemElement>;
             "db-tab-list": LocalJSX.IntrinsicElements["db-tab-list"] & JSXBase.HTMLAttributes<HTMLDbTabListElement>;
             "db-tab-panel": LocalJSX.IntrinsicElements["db-tab-panel"] & JSXBase.HTMLAttributes<HTMLDbTabPanelElement>;
+            "db-table": LocalJSX.IntrinsicElements["db-table"] & JSXBase.HTMLAttributes<HTMLDbTableElement>;
+            "db-table-body": LocalJSX.IntrinsicElements["db-table-body"] & JSXBase.HTMLAttributes<HTMLDbTableBodyElement>;
+            "db-table-caption": LocalJSX.IntrinsicElements["db-table-caption"] & JSXBase.HTMLAttributes<HTMLDbTableCaptionElement>;
+            "db-table-data-cell": LocalJSX.IntrinsicElements["db-table-data-cell"] & JSXBase.HTMLAttributes<HTMLDbTableDataCellElement>;
+            "db-table-footer": LocalJSX.IntrinsicElements["db-table-footer"] & JSXBase.HTMLAttributes<HTMLDbTableFooterElement>;
+            "db-table-head": LocalJSX.IntrinsicElements["db-table-head"] & JSXBase.HTMLAttributes<HTMLDbTableHeadElement>;
+            "db-table-header-cell": LocalJSX.IntrinsicElements["db-table-header-cell"] & JSXBase.HTMLAttributes<HTMLDbTableHeaderCellElement>;
+            "db-table-row": LocalJSX.IntrinsicElements["db-table-row"] & JSXBase.HTMLAttributes<HTMLDbTableRowElement>;
             "db-tabs": LocalJSX.IntrinsicElements["db-tabs"] & JSXBase.HTMLAttributes<HTMLDbTabsElement>;
             "db-tag": LocalJSX.IntrinsicElements["db-tag"] & JSXBase.HTMLAttributes<HTMLDbTagElement>;
             "db-textarea": LocalJSX.IntrinsicElements["db-textarea"] & JSXBase.HTMLAttributes<HTMLDbTextareaElement>;

package/dist/types/index.d.ts

@@ -79,3 +79,19 @@ export * from './utils/document-scroll-listener';
 export * from './utils/floating-components';
 export * from './utils/index';
 export * from './utils/navigation';
+export * from "./components/table";
+export * from "./components/table/model";
+export * from "./components/table-caption";
+export * from "./components/table-caption/model";
+export * from "./components/table-head";
+export * from "./components/table-head/model";
+export * from "./components/table-body";
+export * from "./components/table-body/model";
+export * from "./components/table-footer";
+export * from "./components/table-footer/model";
+export * from "./components/table-row";
+export * from "./components/table-row/model";
+export * from "./components/table-header-cell";
+export * from "./components/table-header-cell/model";
+export * from "./components/table-data-cell";
+export * from "./components/table-data-cell/model";

package/dist/types/shared/model.d.ts

@@ -460,11 +460,11 @@ export type CloseEventProps<T> = {
 export type CloseEventState<T> = {
     handleClose: (event?: T | void, forceClose?: boolean) => void;
 };
-export declare const AlignmentList: readonly ["start", "center"];
+export declare const AlignmentList: readonly ["start", "center", "end"];
 export type AlignmentType = (typeof AlignmentList)[number];
 export type AlignmentProps = {
     /**
-     * Define the content alignment in full width
+     * Define the content alignment
      */
     alignment?: AlignmentType | string;
 };
@@ -554,3 +554,43 @@ export interface PatternhubProps {
      */
     isPatternhub?: boolean;
 }
+export type DBTableCellProps = {
+    /**
+     * The **`colSpan`** read-only property of the HTMLTableCellElement interface represents the number of columns this cell must span; this lets the cell occupy space across multiple columns of the table.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)
+     */
+    colSpan?: number | string;
+    /**
+     * The **`colSpan`** read-only property of the HTMLTableCellElement interface represents the number of columns this cell must span; this lets the cell occupy space across multiple columns of the table.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)
+     */
+    colspan?: number | string;
+    /**
+     * The **`headers`** property of the HTMLTableCellElement interface contains a list of IDs of th elements that are _headers_ for this specific cell.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/headers)
+     */
+    headers?: string;
+    /**
+     * The **`rowSpan`** read-only property of the HTMLTableCellElement interface represents the number of rows this cell must span; this lets the cell occupy space across multiple rows of the table.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)
+     */
+    rowSpan?: number | string;
+    /**
+     * The **`rowSpan`** read-only property of the HTMLTableCellElement interface represents the number of rows this cell must span; this lets the cell occupy space across multiple rows of the table.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)
+     */
+    rowspan?: number | string;
+    /**
+     * Set the horizontal alignment of the cell content.
+     */
+    horizontalAlignment?: AlignmentType;
+    /**
+     * Set the vertical alignment of the cell content.
+     */
+    verticalAlignment?: AlignmentType;
+};