@xplortech/apollo-core 2.7.0 → 2.8.0

package/dist/esm/xpl-button-row.entry.js

@@ -11,7 +11,7 @@ const ButtonRow = class {
         this.onTertiary = () => this.clickTertiary.emit();
     }
     render() {
-        return (h(Host, { key: 'e27ee4f9278fe24ab710504fc5a83b4b92b74607', class: "xpl-button-row" }, h("div", { key: 'e7ea1f3ef4dd52fd3026e47679f1e2663f315a98', class: "xpl-button-row-inner" }, h("div", { key: 'da4ccf63f6f00d83f829fb7cf1e2d20c76cffa33', class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { key: 'cb3d7caeba1d66f0f752e19b33a31d627bc26911', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), h("div", { key: 'c7342cf52d016482c2ab8e33ecd8c3616061c107', class: "xpl-button-row__right" }, this.tertiary && (h("xpl-button", { key: '1ed372cc087ef1a0c650282f90aa0117b35745bc', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (h("xpl-button", { key: '56d88d07742c5e2900831f3a1ecf026d05299632', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (h("xpl-button", { key: '5bd13162e70b4fc59996b62f507cfc2d4e7418d7', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
+        return (h(Host, { key: '184ee5671a9d1bbb967dd8e6e4427df30d62a007', class: "xpl-button-row" }, h("div", { key: '44b583d0899af8b158f7093b87918f0843366e44', class: "xpl-button-row-inner" }, h("div", { key: '31754284b0b87a1e58ccbded4b46b453c3b717ca', class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { key: '27a9c164af5e72a66380dfda4072cfb5d3b3a34d', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), h("div", { key: '7ba9299532405aa9dceca481dae675a5129d2b51', class: "xpl-button-row__right" }, this.tertiary && (h("xpl-button", { key: 'bcb3524b921e6de30a1f6d870e04eeb9592762bb', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (h("xpl-button", { key: '5e10208c958143476df430b7f9877965b7fadc08', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (h("xpl-button", { key: 'ebb24794d37fd6dce72fa776b97ec59edeaab1dc', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
     }
 };
 

package/dist/esm/xpl-calendar.entry.js

@@ -55,7 +55,7 @@ const Calendar = class {
         }
     }
     render() {
-        return (h(Host, { key: '6f3d6abc79ea25a9f80d8fa15279fda6b4ba5d81', class: "xpl-calendar" }, h("input", { key: '57f4be2ffc9d40943d20f7325cad1f81b0addedb', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
+        return (h(Host, { key: '56cd65b62892b0c3e939f6cd77e9ba507baf4a68', class: "xpl-calendar" }, h("input", { key: '296222d3b6c0bf3e7c400d4d8c40d7d48774ea57', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
                 this.inputElement = el;
             } })));
     }

package/dist/esm/xpl-dynamic-table-cell.entry.js

@@ -21,9 +21,9 @@ const DynamicTableCell = class {
     }
     render() {
         const colIndex = Array.from(this.el.parentElement.children).indexOf(this.el) + 1;
-        return (h(Host, { key: '924f54186ae2eb07bb4fab65eed7815f60be3a95', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
+        return (h(Host, { key: '7cfa2d58f634e41ccf1604a581fcc83a2b51676f', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
                 this.hostElement = el;
-            } }, h("slot", { key: 'a18ef630d9f7f4c8b4079f2d83afe6b28700fb90' })));
+            } }, h("slot", { key: 'c6a04082cb8aa1089d9f6cb82f3db8d7f0addf6e' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-dynamic-table-row.entry.js

@@ -26,9 +26,9 @@ const DynamicTableRow = class {
         const classList = `xpl-dynamic-table-row
             ${this.isDisabled ? 'disabled' : ''}
             ${this.selected ? 'selected' : ''}`;
-        return (h(Host, { key: 'b1a117c4961d5a2f618510159b292184c2c1aed3', role: "row", class: classList, ref: (el) => {
+        return (h(Host, { key: '0d099456d2016263a2bdcd42b46794e08adb64cf', role: "row", class: classList, ref: (el) => {
                 this.hostElement = el;
-            } }, h("slot", { key: 'be0ef005b0ed337272e92d29dda61dcbe966c4ed' })));
+            } }, h("slot", { key: 'c923f7f8dc4bb8a4527693259d1a8b5932bb6c10' })));
     }
 };
 

package/dist/esm/xpl-dynamic-table.entry.js

@@ -54,7 +54,7 @@ const DynamicTable = class {
         this.updateColumnCount();
     }
     render() {
-        return (h("div", { key: '9ae7568410463f24a85e39da8b14dc70e99730c3', role: "grid", class: "xpl-dynamic-table", "aria-colcount": this.colCount }, h("slot", { key: 'c84c62c9eb47d1bf02c6e7d8a8c3d59542ef5f7b', name: "header" }), h("slot", { key: '26012976f5d8474f4a648816e9dc92355611177a', name: "body" })));
+        return (h("div", { key: '8f33da5fa8815400447b1690172bdaddd1079c1a', role: "grid", class: "xpl-dynamic-table", "aria-colcount": this.colCount }, h("slot", { key: '221aced83acf1fc4c904533eaedb1cd79914c5d3', name: "header" }), h("slot", { key: '6087119ce1499e94a30d09a1917d9371331f6add', name: "body" })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-grid-item.entry.js

@@ -14,7 +14,7 @@ const GridItem = class {
         className += ` xpl-grid-item-sm-${this.sm}`;
         className += ` xpl-grid-item-md-${this.md}`;
         className += ` xpl-grid-item-lg-${this.lg}`;
-        return (h(Host, { key: 'bb28d83b6fd6ee92390ffcb5a505f5084f5624b9', class: className }, h("slot", { key: 'db3cf487db67044879425c830a14a44e06d19414' })));
+        return (h(Host, { key: '43cf6dd21d3d06e2d8012b716e5db5aeee676aac', class: className }, h("slot", { key: 'e08e03e4152007df7158d7122f883da1050dfde7' })));
     }
 };
 

package/dist/esm/xpl-grid.entry.js

@@ -26,7 +26,7 @@ const Grid = class {
         });
     }
     render() {
-        return h(Host, { key: '0036b594c89e75a9b302e7a7d9c99d4703a8b729', class: "xpl-grid" });
+        return h(Host, { key: 'aeee950fb242a14f50ceda1d199cf427597b70f6', class: "xpl-grid" });
     }
     get container() { return getElement(this); }
 };

package/dist/esm/xpl-large-card.entry.js

@@ -17,7 +17,7 @@ const LargeCard = class {
     render() {
         const contentSlot = 'graph-content';
         const hasContentSlot = this.el.querySelector(`[slot="${contentSlot}"]`);
-        return (h(Host, { key: '886078965cb1ca87fd9c4f45a8b06f089a4b2e04', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, h("dt", { key: '1c2006c9167b2d46262b222ace3c5e9135863783', class: "xpl-large-card__header" }, h("header", { key: '21ba4629c7e3d0d9dff98f9dde2ac4bc9f1f494e' }, h("slot", { key: 'd50991dc4fcca6c56c04c7cc9a401f0894035aa2', name: "title" }, this.name), this.link && (h("span", { key: '35b1b15786c1674f6d1797ec3b04da81b27d5d3a', class: "xpl-data-card__header-arrow" }, h("xpl-icon", { key: 'f52a7a39b3d044341296d88adb9d2bc07cdec9ab', icon: "chevron-right", size: 16 })))), this.description && (h("div", { key: 'bac9d6cec27272d277c991c81e651714603066a2', class: "xpl-large-card__description" }, this.description))), h("dd", { key: '9da3ca8ec575a6755f1f47065299ec3ab3e5169b', class: "xpl-large-card__body" }, hasContentSlot && h("slot", { key: '022da3c1e07c264441c58f7d42d6edca109a504d', name: contentSlot }))));
+        return (h(Host, { key: '9b45179112de8d1ac309520425a1a5c340493487', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, h("dt", { key: '4838c93a72df9ea794b3bbbd7f78f3e84a606109', class: "xpl-large-card__header" }, h("header", { key: 'eb4b2e8515be1e0763595e1cf646dc2b25bfb739' }, h("slot", { key: '62fdafe4b8ce03af5ff353c3ffa377fa547b572b', name: "title" }, this.name), this.link && (h("span", { key: 'ac0086a3402af5f12668a560ad418aaf40a56357', class: "xpl-data-card__header-arrow" }, h("xpl-icon", { key: '74eaffc571098a88d69d7248166889671ba441a2', icon: "chevron-right", size: 16 })))), this.description && (h("div", { key: 'd7d2499b7d8da9c09062ea5a456b588e52df2d82', class: "xpl-large-card__description" }, this.description))), h("dd", { key: '652e32e8b200e783f03608f97cbbcc70f59421e3', class: "xpl-large-card__body" }, hasContentSlot && h("slot", { key: '9d9f285d34bd8e2b6666577bd2023ae474636c4c', name: contentSlot }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-main-nav.entry.js

@@ -16,7 +16,7 @@ const MainNav = class {
         this.navWidthHandler();
     }
     render() {
-        return (h(Host, { key: '12ad41e2631d3cbab84b0bf536ffaf4fc31e7f8b', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, h("nav", { key: '54c0fcc49ddda8846279b8efc4afe0244e054211' }, h("header", { key: 'a1803d0c15541eb7d8b84d17d6e8c5613472dd7e', "aria-label": "Sidebar Header" }, h("slot", { key: 'cee7321f97dc59f7d7e844ecd8fab6ba656b92e9', name: "logo" }), h("slot", { key: 'f33cd91b4ad2e7dad79f89401477c7c2cc7636aa', name: "brand-name" })), h("div", { key: 'd7951aa7282d7be3107b15196679f2e55c76d847', class: "xpl-main-nav__main_section" }, h("slot", { key: '716d5be941f65ce57c2a9f12e4eeaedef83c0dd0', name: "navigation" })), h("footer", { key: '880b9fb98c5d0d2b4133cacb73a7c339590bf8bb', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, h("slot", { key: '005c2efc4a3490e50a2b692d0e9dc7e2ce76d938', name: "footer" })))));
+        return (h(Host, { key: '122bf1f28c4fb1e460185989b2d517f1ddbfb22b', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, h("nav", { key: '4ed8ce484b394adee98ac16056ebbabcadd31625' }, h("header", { key: '829b7904323aeea21922a8d4a8fa33141cfa7913', "aria-label": "Sidebar Header" }, h("slot", { key: '8a6ea72fa4a1b26f9825a36b4ac7e64c9dbf476c', name: "logo" }), h("slot", { key: 'bf049e9ee7b83af1c4ebfef21681edcb35de9364', name: "brand-name" })), h("div", { key: 'a0ce70ccf5e4bac6346711127fba5278963910c1', class: "xpl-main-nav__main_section" }, h("slot", { key: 'bce360027342a1ef3e009bad6bc28e44c64dbd04', name: "navigation" })), h("footer", { key: '0b5f2e6cc890e4257f5e5503302492a236950f87', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, h("slot", { key: '01dbe4d3834e1bc67b51108600688544e549ecde', name: "footer" })))));
     }
 };
 

package/dist/esm/xpl-table-header-cell.entry.js

@@ -0,0 +1,55 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
+
+const TableHeaderCell = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.sortChanged = createEvent(this, "sortChanged", 7);
+        this.sortable = false;
+        this.label = '';
+        this.type = 'label';
+        this.sortDirection = 'none';
+    }
+    toggleSort() {
+        if (this.sortDirection === 'asc') {
+            this.sortDirection = 'desc';
+        }
+        else if (this.sortDirection === 'desc') {
+            this.sortDirection = 'none';
+        }
+        else {
+            this.sortDirection = 'asc';
+        }
+        this.sortChanged.emit(this.sortDirection);
+    }
+    render() {
+        const colIndex = Array.from(this.el.parentElement.children).indexOf(this.el) + 1;
+        const renderContent = () => {
+            switch (this.type) {
+                case 'label':
+                    return h("span", null, this.label);
+                case 'checkbox':
+                    return h("xpl-checkbox", null);
+                case 'icon':
+                    return h("xpl-icon", { icon: this.icon, size: 20 });
+                default:
+                    return '';
+            }
+        };
+        const renderSortIcon = () => {
+            switch (this.sortDirection) {
+                case 'none':
+                    return h("xpl-icon", { class: "sort-icon", icon: "arrow-down", size: 16 });
+                case 'asc':
+                    return (h("xpl-icon", { class: "sort-icon sort-icon--sorted", icon: "arrow-up", size: 16 }));
+                case 'desc':
+                    return (h("xpl-icon", { class: "sort-icon sort-icon--sorted", icon: "arrow-down", size: 16 }));
+                default:
+                    return '';
+            }
+        };
+        return (h(Host, { role: "columnheader", "aria-colindex": colIndex, class: `xpl-table-header-cell ${this.sortable ? 'sortable' : 'non-sortable'}`, style: { width: `${this.width}px` } }, this.sortable ? (h("button", { onClick: () => this.toggleSort() }, renderContent(), renderSortIcon())) : (renderContent())));
+    }
+    get el() { return getElement(this); }
+};
+
+export { TableHeaderCell as xpl_table_header_cell };

package/dist/esm/xpl-table-header.entry.js

@@ -0,0 +1,12 @@
+import { r as registerInstance, h, H as Host } from './index-C7bgJs6C.js';
+
+const TableHeader = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: '7b36c9e640bd43ac38ea2625e7600e8699a13c5f', role: "row", class: "xpl-table-header" }, h("slot", { key: 'd03fe894a829477b6bf25dbd6dfa724b224b8d42' })));
+    }
+};
+
+export { TableHeader as xpl_table_header };

package/dist/esm/xpl-toggle.entry.js

@@ -1,11 +1,16 @@
-import { r as registerInstance, h, H as Host } from './index-C7bgJs6C.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-C7bgJs6C.js';
 import { v as v4 } from './v4-Cqlsd6nf.js';
 
 const Toggle = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.toggleChange = createEvent(this, "toggleChange", 7);
         this.variant = 'default';
         this.id = v4();
+        this.onChange = (event) => {
+            const target = event.target;
+            this.toggleChange.emit(target.checked);
+        };
     }
     render() {
         let containerClassName = 'xpl-toggle-container';
@@ -14,13 +19,13 @@ const Toggle = class {
         let className = 'xpl-toggle';
         if (this.variant === 'small')
             className += ' xpl-toggle--small';
-        return (h(Host, { key: 'b501bb268b9fbc2756544b17481ae78ee3144960', class: containerClassName }, (this.heading || this.description) && (h("label", { key: '34d2bb6e6c4538a863f333e8124fbde9ec2544cb', class: {
+        return (h(Host, { key: '2665ccecd2df94b7ed7443e2ecb6265fca7f235f', class: containerClassName }, (this.heading || this.description) && (h("label", { key: '75292b431419e1d34c127a82d61baa1ee024a2bb', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': this.disabled,
-            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: 'f9f5ff29d428e776566d0a12e62ab7efe311feb5', class: {
+            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: '772e34c7d553faee5b1dfc448ecb95706dc3e8df', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': this.disabled,
-            } }, this.description)))), h("input", { key: 'f9b1baf90d9336711ce1354a66770c7423551af8', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name }), this.label && h("label", { key: '49f803372904b5b87394a55c67f428401cd14379', htmlFor: this.id }, this.label)));
+            } }, this.description)))), h("input", { key: 'afec8fff16aadca330c804832dbd41c4b10f5caa', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && h("label", { key: '1b25d01805915cb2dacf03ad9340beec61565bcc', htmlFor: this.id }, this.label)));
     }
 };
 

package/dist/esm/xpl-toolbar.entry.js

@@ -14,11 +14,11 @@ const Toolbar = class {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (h(Host, { key: 'eda1f57ef1a207b82f622f090dd30f21d60bbc61', class: {
+        return (h(Host, { key: '156bc52063283c17215e1d3a90c25939ae92685b', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, h("div", { key: 'fe703bf7fb49ebe27f4eee7973ea1e24c5ed50a4', class: "toolbar" }, h("p", { key: 'd0d9cb84b4828688aabbabb3395ff3c18c4d2a78', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: 'c1259be179d245e4c18a3690f800eb493f491ba9', class: "actions" }, h("slot", { key: '40000dda8efbfd0aa7175e0e5db1c1c9f4e7e89f', name: "actions-left" }), h("slot", { key: '255e21ebb1af8fde1bb76a1a1243eeadc4146d3d', name: "actions-right" })))));
+            } }, h("div", { key: '184e28d57a16d8ba6e10f29a95c931a036f44515', class: "toolbar" }, h("p", { key: 'ff6a7137db216c71859eac4398bbaf8bc6fe18f9', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: 'a610539a08383a3d1d3dad8d95a8b75f43eaf1a3', class: "actions" }, h("slot", { key: 'dd8ea3150b40926ab40f36d38770daaa969a6fff', name: "actions-left" }), h("slot", { key: 'b51f8940fb52dd6880841a917574f782e0d0c72c', name: "actions-right" })))));
     }
     get el() { return getElement(this); }
 };

package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts

@@ -3,15 +3,15 @@ export declare class Checkbox {
     id: string;
     ariaLabel: string;
     checked?: boolean;
-    dataId?: string;
     description?: string;
     disabled?: boolean;
     indeterminate?: boolean;
     name?: string;
+    value?: string;
     required?: boolean;
     styled?: boolean;
-    value?: string;
-    checkboxChange: EventEmitter<string | boolean>;
+    dataId?: string;
+    checkboxChange: EventEmitter<boolean>;
     private onChange;
     render(): any;
 }

package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { type Placement } from '@floating-ui/dom';
 import type { DropdownItem } from './dropdown-option';
 interface XplDropdownOption extends HTMLXplDropdownOptionElement {
     hostElement: HTMLXplDropdownOptionElement;
@@ -10,6 +11,10 @@ export declare class Dropdown {
     options?: DropdownItem[];
     anchorToTrigger: boolean;
     onAnchorToTriggerChanged(): void;
+    flipFallbackPlacements?: Placement[];
+    onFlipFallbackPlacementsChanged(): void;
+    placement: Placement;
+    onPlacementChanged(): void;
     selectedValues?: string | string[];
     selectOnFocus: boolean;
     triggerId: string;

package/dist/types/components/xpl-header-accordion/xpl-header-accordion.d.ts

@@ -1,19 +1,20 @@
 export declare class HeaderAccordion {
     el: HTMLXplHeaderAccordionElement;
-    expanded: boolean;
-    parentChecked: boolean;
-    parentIndeterminate: boolean;
     contentId: string;
-    disabled: boolean;
-    hasCheckbox: boolean;
     initialExpanded: boolean;
+    disabled: boolean;
     selectedCount: number;
-    watchSelectedCount(selectedCount: number): void;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    handleChildCheckboxChange(): void;
+    hasCheckbox: boolean;
+    expanded: boolean;
+    parentChecked: boolean;
+    parentIndeterminate: boolean;
     private toggleAccordion;
+    private applyBorderRadiusToLastRow;
     private handleParentCheckboxChange;
+    watchSelectedCount(selectedCount: number, _previousCount: number): void;
     private updateParentCheckbox;
+    handleChildCheckboxChange(): void;
+    componentDidLoad(): void;
+    componentWillRender(): void;
     render(): any;
 }

package/dist/types/components/xpl-input/xpl-input.d.ts

@@ -38,11 +38,12 @@ export declare class Input {
     ariaLabel: string;
     shape?: 'rounded' | 'box';
     type?: 'date' | 'time' | 'text' | 'number' | 'password' | 'file' | 'color' | 'phone' | 'search';
-    focusEvent: EventEmitter<FocusEvent>;
     blurEvent: EventEmitter<FocusEvent>;
-    valueChange: EventEmitter<string>;
+    focusEvent: EventEmitter<FocusEvent>;
     inputEvent: EventEmitter<string>;
     search: EventEmitter<string>;
+    valueChange: EventEmitter<string>;
+    private handleChildValueChange;
     private valueChanged;
     characterCount: number;
     passwordVisible: boolean;

package/dist/types/components/xpl-pagination/pagination.stories.d.ts

@@ -37,3 +37,16 @@ export declare const Pagination: {
         };
     };
 };
+export declare const PaginationWithPageControl: {
+    (args: any): string;
+    args: {
+        totalPages: number;
+        withPageControl: boolean;
+    };
+    parameters: {
+        layout: string;
+        'web-component': {
+            render: string;
+        };
+    };
+};

package/dist/types/components/xpl-radio/radio.stories.d.ts

@@ -40,6 +40,13 @@ declare const _default: {
                 required: false;
             };
         };
+        selectedValue: {
+            type: {
+                name: "string";
+                required: false;
+            };
+            description: string;
+        };
     };
     parameters: {
         actions: {
@@ -49,7 +56,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Radio: {
-    ({ label, description, checked, disabled, styled, value, name }: {
+    ({ label, description, checked, disabled, styled, value, name, selectedValue, }: {
         label: any;
         description: any;
         checked: any;
@@ -57,6 +64,7 @@ export declare const Radio: {
         styled: any;
         value: any;
         name: any;
+        selectedValue: any;
     }): string;
     args: {
         label: string;
@@ -66,6 +74,7 @@ export declare const Radio: {
         styled: boolean;
         value: string;
         name: string;
+        selectedValue: string;
     };
     parameters: {
         layout: string;

package/dist/types/components/xpl-radio/xpl-radio.d.ts

@@ -6,9 +6,11 @@ export declare class Radio {
     name?: string;
     value?: string;
     required?: boolean;
+    selectedValue?: string;
     styled?: boolean;
     id: string;
     radioChange: EventEmitter<string | boolean>;
     private onChange;
+    private get isChecked();
     render(): any;
 }

package/dist/types/components/xpl-select/xpl-select.d.ts

@@ -1,10 +1,13 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import type { Placement } from '@floating-ui/dom';
 import type { DropdownItem } from '../xpl-dropdown/dropdown-option';
 export declare class Select {
     choices?: DropdownItem[];
     selectIcon?: string;
     description?: string;
     disabled?: boolean;
+    dropdownFlipFallbackPlacements?: Placement[];
+    dropdownPlacement: Placement;
     error?: string;
     label?: string;
     mode?: 'single' | 'multi';

package/dist/types/components/xpl-table/table.stories.d.ts

@@ -1,218 +1,76 @@
 declare const _default: {
     title: string;
-    parameters: {
-        controls: {
-            sort: string;
-        };
-        actions: {
-            handles: string[];
-        };
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
     argTypes: {
-        type: {
-            name: string;
-            control: {
-                type: "select";
-            };
-            options: string[];
-            table: {
-                category: string;
-            };
-        };
         freeze: {
             control: {
                 type: "boolean";
             };
-            table: {
-                category: string;
-            };
         };
-        striped: {
+        multiselect: {
             control: {
                 type: "boolean";
             };
-            table: {
-                category: string;
-            };
         };
-        multiselect: {
+        striped: {
             control: {
                 type: "boolean";
             };
-            if: {
-                arg: string;
-                eq: string;
-            };
-            table: {
-                category: string;
-            };
         };
         columns: {
             control: {
                 type: "object";
             };
-            if: {
-                arg: string;
-                eq: string;
-            };
-            table: {
-                category: string;
-            };
         };
         data: {
             control: {
                 type: "object";
             };
-            if: {
-                arg: string;
-                eq: string;
-            };
-            table: {
-                category: string;
-            };
         };
         footer: {
             control: {
                 type: "object";
             };
-            if: {
-                arg: string;
-                eq: string;
-            };
-            table: {
-                category: string;
-            };
         };
         isSortable: {
             control: {
                 type: "boolean";
             };
-            if: {
-                arg: string;
-                eq: string;
-            };
-            table: {
-                category: string;
-            };
         };
         sortableColumns: {
             control: {
                 type: "object";
             };
-            if: {
-                arg: string;
-                eq: string;
-            };
-            table: {
-                category: string;
-            };
-        };
-        selectedValues: {
-            control: {
-                type: "object";
-            };
-            if: {
-                arg: string;
-                eq: string;
-            };
-            description: string;
-            table: {
-                category: string;
-            };
-        };
-        tableLabel: {
-            control: "text";
-            if: {
-                arg: string;
-                eq: string;
-            };
-            description: string;
-            table: {
-                category: string;
-            };
-        };
-        showSelectable: {
-            control: "boolean";
-            if: {
-                arg: string;
-                eq: string;
-            };
-            description: string;
-            table: {
-                category: string;
-            };
-        };
-        showRowReorderable: {
-            control: "boolean";
-            if: {
-                arg: string;
-                eq: string;
-            };
-            description: string;
-            table: {
-                category: string;
-            };
         };
-        showToolbar: {
-            control: "boolean";
-            if: {
-                arg: string;
-                eq: string;
-            };
-            description: string;
-            table: {
-                category: string;
-            };
-        };
-        sortableNameColumn: {
-            control: "boolean";
-            if: {
-                arg: string;
-                eq: string;
-            };
-            description: string;
-            table: {
-                category: string;
-            };
-        };
-        showRichCells: {
-            control: "boolean";
-            if: {
-                arg: string;
-                eq: string;
-            };
-            description: string;
-            table: {
-                category: string;
-            };
+    };
+    parameters: {
+        actions: {
+            handles: string[];
         };
     };
 };
 export default _default;
 export declare const Table: {
-    (props: Record<string, unknown>): string;
+    ({ columns, data, footer, freeze, multiselect, selectedValues, striped, isSortable, sortableColumns, }: {
+        columns: any;
+        data: any;
+        footer: any;
+        freeze: any;
+        multiselect: any;
+        selectedValues: any;
+        striped: any;
+        isSortable: any;
+        sortableColumns: any;
+    }): string;
     args: {
-        type: string;
         freeze: boolean;
-        striped: boolean;
         multiselect: boolean;
+        striped: boolean;
         columns: string[];
         data: string[][];
         footer: string[][];
         selectedValues: string[];
         isSortable: boolean;
         sortableColumns: boolean[];
-        tableLabel: string;
-        showSelectable: boolean;
-        showRowReorderable: boolean;
-        showToolbar: boolean;
-        sortableNameColumn: boolean;
-        showRichCells: boolean;
     };
     parameters: {
         layout: string;
@@ -220,7 +78,7 @@ export declare const Table: {
             render: string[];
         };
         html: {
-            render: string;
+            render: string[];
         };
         design: {
             type: string;