@xplortech/apollo-core 2.6.0 → 2.7.1

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-C_Z2nG0p.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-C7bgJs6C.js';
 
 const ButtonRow = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const ButtonRow = class {
         this.onTertiary = () => this.clickTertiary.emit();
     }
     render() {
-        return (h(Host, { key: '0f5bf4d086cbafb8b03f854ea11b495ee5009cdf', class: "xpl-button-row" }, h("div", { key: '64ab05ca8cba9cf4c2a8feca5a6233a6a4b6a7e4', class: "xpl-button-row-inner" }, h("div", { key: '2e8d97b9fb7f7a31e0014b255342c0f2fb3ce7ac', class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { key: 'd368c7228a9f12143cff4978ced0a5eac35ff8a3', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), h("div", { key: 'a2a1860115ab9ac09d6ddd01ffd1e6e49d1ac874', class: "xpl-button-row__right" }, this.tertiary && (h("xpl-button", { key: '98f77b4745b72e8321e37d307c0a298f1e52045f', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (h("xpl-button", { key: '7f605c1221e856825e044dc908834f52c9e0374a', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (h("xpl-button", { key: 'f83653973db8aec83cc3ec0da3cdf25431c18304', 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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-C_Z2nG0p.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-C7bgJs6C.js';
 import { f as flatpickr } from './index-CH4yJ6Qx.js';
 import { v as v4 } from './v4-Cqlsd6nf.js';
 
@@ -55,7 +55,7 @@ const Calendar = class {
         }
     }
     render() {
-        return (h(Host, { key: '5a9d327e7f4d7861d337123299829b833b2cce84', class: "xpl-calendar" }, h("input", { key: 'f592794da7e97bca218ea47ab5d64a13182d71d0', 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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-C_Z2nG0p.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
 
 const DynamicTableCell = class {
     constructor(hostRef) {
@@ -21,9 +21,9 @@ const DynamicTableCell = class {
     }
     render() {
         const colIndex = Array.from(this.el.parentElement.children).indexOf(this.el) + 1;
-        return (h(Host, { key: 'd4b284973e5c1f76a9355f77749c6b6432e4f469', 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: 'd9365d26d5b4fb9e50cd3b08514eeae3bfdd6888' })));
+            } }, h("slot", { key: 'c6a04082cb8aa1089d9f6cb82f3db8d7f0addf6e' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-C_Z2nG0p.js';
+import { r as registerInstance, h, H as Host } from './index-C7bgJs6C.js';
 
 const DynamicTableRow = class {
     constructor(hostRef) {
@@ -26,9 +26,9 @@ const DynamicTableRow = class {
         const classList = `xpl-dynamic-table-row
             ${this.isDisabled ? 'disabled' : ''}
             ${this.selected ? 'selected' : ''}`;
-        return (h(Host, { key: '7ce6f2c780af4f7bd4053970bff3e620fef4913a', role: "row", class: classList, ref: (el) => {
+        return (h(Host, { key: '0d099456d2016263a2bdcd42b46794e08adb64cf', role: "row", class: classList, ref: (el) => {
                 this.hostElement = el;
-            } }, h("slot", { key: 'b77362a23d8d69844560e7389e5cd7f6b5568d88' })));
+            } }, h("slot", { key: 'c923f7f8dc4bb8a4527693259d1a8b5932bb6c10' })));
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-C_Z2nG0p.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-C7bgJs6C.js';
 
 const DynamicTable = class {
     constructor(hostRef) {
@@ -54,7 +54,7 @@ const DynamicTable = class {
         this.updateColumnCount();
     }
     render() {
-        return (h("div", { key: 'aa9fdd991fca8dab538176a950636b52db539f7a', role: "grid", class: "xpl-dynamic-table", "aria-colcount": this.colCount }, h("slot", { key: 'd05d799f1a0d944398f1ae9992dbcbb56a52f184', name: "header" }), h("slot", { key: '7f212255dbf15e8358cef6097d55b973f73bd086', 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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-C_Z2nG0p.js';
+import { r as registerInstance, h, H as Host } from './index-C7bgJs6C.js';
 
 const GridItem = class {
     constructor(hostRef) {
@@ -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: 'd4e9ba6dc2049aa0a88d266934a9499daf66d0a9', class: className }, h("slot", { key: 'fef8f150e57fcc72147111fe10088d46adc324d8' })));
+        return (h(Host, { key: '43cf6dd21d3d06e2d8012b716e5db5aeee676aac', class: className }, h("slot", { key: 'e08e03e4152007df7158d7122f883da1050dfde7' })));
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-C_Z2nG0p.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
 
 const Grid = class {
     constructor(hostRef) {
@@ -26,7 +26,7 @@ const Grid = class {
         });
     }
     render() {
-        return h(Host, { key: '89b723cb2e01669c5edd69a3fbbbdce834f05dd3', class: "xpl-grid" });
+        return h(Host, { key: 'aeee950fb242a14f50ceda1d199cf427597b70f6', class: "xpl-grid" });
     }
     get container() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-C_Z2nG0p.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
 
 const LargeCard = class {
     constructor(hostRef) {
@@ -17,7 +17,7 @@ const LargeCard = class {
     render() {
         const contentSlot = 'graph-content';
         const hasContentSlot = this.el.querySelector(`[slot="${contentSlot}"]`);
-        return (h(Host, { key: '02b42037a8e13fb68df0f40a07804bad533f690b', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, h("dt", { key: '27a8aa72e6e97d3918aa8a066c2528dab7466946', class: "xpl-large-card__header" }, h("header", { key: '9846eccca6988543cc671abe84f0a68e0dba06b0' }, h("slot", { key: '002ebff29d02550decb87f66609e941e6128c284', name: "title" }, this.name), this.link && (h("span", { key: 'a5c4dfe1c7149d95c5f4e6c291f61f75e49ce088', class: "xpl-data-card__header-arrow" }, h("xpl-icon", { key: 'a12c2c98867a189cb6bcabfcbbc6a08f2691c763', icon: "chevron-right", size: 16 })))), this.description && (h("div", { key: 'd7ca785313811f6fd962804964a90a161118d936', class: "xpl-large-card__description" }, this.description))), h("dd", { key: 'fe57a3a97ffd2d124e74e20c88077ffb68ea938a', class: "xpl-large-card__body" }, hasContentSlot && h("slot", { key: '2ebfb5e288ca2426d3085c97cc3a0bec81a72c46', 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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-C_Z2nG0p.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-C7bgJs6C.js';
 
 const MainNav = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const MainNav = class {
         this.navWidthHandler();
     }
     render() {
-        return (h(Host, { key: 'd8a79782b16a4e9f8ab3e6bf88c0314549aa501a', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, h("nav", { key: '64dcaed4426ad4f6590671425e7571df5a1cd1d9' }, h("header", { key: '7e97eee88a0cfff836aa40c9a2cba2a6dbfa59aa', "aria-label": "Sidebar Header" }, h("slot", { key: 'c281a9fbd5192cd0bda381ba52e55a9a1f6f063b', name: "logo" }), h("slot", { key: '988a49a475779b472cac084f20b7e73ed1528089', name: "brand-name" })), h("div", { key: '6fb1ff561b1136126e466ff86dfff9b124862eb2', class: "xpl-main-nav__main_section" }, h("slot", { key: 'bf5af4e8b47c8666f7014a8e63102601278c8038', name: "navigation" })), h("footer", { key: 'a836bd8d08638490d14ddd812cdc76b1dbe70392', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, h("slot", { key: '05143d5082b2f8d699e23611df2b584c90a423c5', 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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-C_Z2nG0p.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
 
 const TableHeaderCell = class {
     constructor(hostRef) {

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-C_Z2nG0p.js';
+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: '1724195feab553e1f5f468352be234a5f867e75a', role: "row", class: "xpl-table-header" }, h("slot", { key: '14d458367da08aed53b57a4ccda1d26740922e05' })));
+        return (h(Host, { key: '7b36c9e640bd43ac38ea2625e7600e8699a13c5f', role: "row", class: "xpl-table-header" }, h("slot", { key: 'd03fe894a829477b6bf25dbd6dfa724b224b8d42' })));
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-C_Z2nG0p.js';
+import { r as registerInstance, h, H as Host } from './index-C7bgJs6C.js';
 import { v as v4 } from './v4-Cqlsd6nf.js';
 
 const Toggle = class {
@@ -14,13 +14,13 @@ const Toggle = class {
         let className = 'xpl-toggle';
         if (this.variant === 'small')
             className += ' xpl-toggle--small';
-        return (h(Host, { key: 'fe018e63a2c645565150c2b5494e057b24421cf3', class: containerClassName }, (this.heading || this.description) && (h("label", { key: '461ba525112e90914f3d61b221f938ec94861b58', class: {
+        return (h(Host, { key: '0cf2e99934bbe447559fbe88cc61989bbfabbdea', class: containerClassName }, (this.heading || this.description) && (h("label", { key: '7ab6e5535b8d88a5aabb5ced76faca68b2a8abcd', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': this.disabled,
-            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: 'd764ac2dc9341192079f3791ce3e784c0d810c41', class: {
+            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: '0b8157e097f3890d6c521c399cf1f9c25514e341', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': this.disabled,
-            } }, this.description)))), h("input", { key: '9fd76e6a84d08db81941db0aaa742c4e0205bffa', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name }), this.label && h("label", { key: 'fc58e8c3dba8a45a7c2aedda7daff3788f4dc0a0', htmlFor: this.id }, this.label)));
+            } }, this.description)))), h("input", { key: '3bcfe674974e16e50a38d17836da0aa1c49fd6dc', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name }), this.label && h("label", { key: 'cc91cdb86fb6bb4c7bfbabb6d47edf03adb53857', htmlFor: this.id }, this.label)));
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-C_Z2nG0p.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
 
 const Toolbar = class {
     constructor(hostRef) {
@@ -14,11 +14,11 @@ const Toolbar = class {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (h(Host, { key: '48056451ad54987de8d046a3892cc1011ed41bbb', class: {
+        return (h(Host, { key: '156bc52063283c17215e1d3a90c25939ae92685b', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, h("div", { key: '3c9680e4cf006dee69372d271a0720b6802767bc', class: "toolbar" }, h("p", { key: 'afcfba4a2d5c73d6bf602b94340280dcc28d6493', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: 'fdadc34738fcf397a38772ab817c3a5bc1e5015f', class: "actions" }, h("slot", { key: 'b6571d83f8ac800143e4f9cd62559aac83c7e424', name: "actions-left" }), h("slot", { key: '30aa34da340647dbcb79f8862c5ca9647ebedb12', 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-avatar/avatar.stories.d.ts

@@ -2,27 +2,43 @@ declare const _default: {
     title: string;
 };
 export default _default;
+declare const defaultGroupData: ({
+    name: string;
+    color: "green";
+    src?: undefined;
+} | {
+    name: string;
+    color: "yellow";
+    src?: undefined;
+} | {
+    name: string;
+    color: "pink";
+    src?: undefined;
+} | {
+    src: string;
+    name: string;
+    color?: undefined;
+})[];
+type AvatarStatusStory = 'active' | 'blue' | 'gray' | 'green' | 'inactive' | 'orange' | 'purple' | 'red' | 'warning' | 'yellow';
+interface AvatarArgs {
+    variant: 'default' | 'profile' | 'group' | 'with-text';
+    src: string;
+    name: string;
+    subText: string;
+    size: 'md' | 'sm' | undefined;
+    color: 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';
+    status: AvatarStatusStory | undefined;
+    href: boolean;
+    disabled: boolean;
+    groupData: typeof defaultGroupData;
+}
 export declare const Avatar: {
-    ({ placeholder, name, size, color, status, link, disabled }: {
-        placeholder: any;
-        name: any;
-        size: any;
-        color: any;
-        status: any;
-        link: any;
-        disabled: any;
-    }): string;
+    (args: AvatarArgs): string;
     argTypes: {
-        placeholder: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-        };
-        name: {
-            type: {
-                name: string;
-                required: boolean;
+        variant: {
+            options: string[];
+            control: {
+                type: string;
             };
         };
         size: {
@@ -42,38 +58,81 @@ export declare const Avatar: {
             control: {
                 type: string;
             };
+            description: string;
         };
-        link: {
+        src: {
             control: {
                 type: string;
             };
         };
+        name: {
+            control: {
+                type: string;
+            };
+        };
+        subText: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        href: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
         disabled: {
             control: {
                 type: string;
             };
         };
+        groupData: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
     };
     args: {
-        placeholder: string;
+        variant: "default";
+        src: string;
         name: string;
-        size: string;
-        color: string;
-        status: string;
-        link: boolean;
-        disabled: boolean;
+        subText: string;
+        size: any;
+        color: any;
+        status: any;
+        href: false;
+        disabled: false;
+        groupData: ({
+            name: string;
+            color: "green";
+            src?: undefined;
+        } | {
+            name: string;
+            color: "yellow";
+            src?: undefined;
+        } | {
+            name: string;
+            color: "pink";
+            src?: undefined;
+        } | {
+            src: string;
+            name: string;
+            color?: undefined;
+        })[];
     };
     parameters: {
-        layout: string;
         'web-component': {
             render: string;
         };
         html: {
             render: string;
         };
+        layout: "centered";
         design: {
-            type: string;
-            url: string;
+            readonly type: "figma";
+            readonly url: "https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=6-1394";
         };
     };
 };

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

@@ -1,11 +1,38 @@
+import type { BadgePalette } from '../xpl-badge/xpl-badge';
+export type AvatarColor = 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';
+export type AvatarStatus = 'active' | 'inactive' | 'warning' | BadgePalette;
+export type AvatarVariant = 'profile' | 'group' | 'with-text';
+export interface AvatarGroupItem {
+    src?: string;
+    name?: string;
+    color?: AvatarColor;
+}
 export declare class Avatar {
-    color?: 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';
+    el: HTMLXplAvatarElement;
+    private cachedGroupItems;
+    private cachedSlotContent;
+    color?: AvatarColor;
     disabled?: boolean;
+    groupData?: AvatarGroupItem[] | string;
+    private onGroupDataChange;
     href?: string;
     name?: string;
     size?: 'md' | 'sm';
     src?: string;
-    status?: 'active' | 'warning' | 'inactive';
+    status?: AvatarStatus;
+    subText?: string;
     target?: string;
+    variant?: AvatarVariant;
+    componentWillLoad(): void;
+    private static parseGroupData;
+    private get groupItems();
+    private get statusBadgeVariant();
+    private getPlaceholderText;
+    private static getSingleAvatarClasses;
+    private getAnchorProps;
+    private static renderAvatarMedia;
+    private renderAvatarMediaWithStatusBadge;
+    private renderGroupItem;
+    private renderWithTextContent;
     render(): any;
 }

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

@@ -78,22 +78,3 @@ export declare const Badge: {
         };
     };
 };
-export declare const AllVariants: {
-    (): string;
-    parameters: {
-        controls: {
-            disable: boolean;
-        };
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render: string;
-        };
-        layout: "centered";
-        design: {
-            readonly type: "figma";
-            readonly url: "https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=6-1395&p=f&t=aZipOZlFAFwtMW1r-11";
-        };
-    };
-};

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

@@ -1,5 +1,12 @@
 export declare class Button {
     el: HTMLXplButtonElement;
+    controlAttrs?: {
+        id?: string;
+        role?: string;
+        'aria-controls'?: string;
+        'aria-selected'?: 'true' | 'false';
+        'aria-current'?: string;
+    };
     disabled: boolean;
     form?: string;
     fullWidth: boolean;

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

@@ -1,5 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Checkbox {
+    id: string;
+    ariaLabel: string;
     checked?: boolean;
     description?: string;
     disabled?: boolean;
@@ -9,7 +11,6 @@ export declare class Checkbox {
     required?: boolean;
     styled?: boolean;
     dataId?: string;
-    id: string;
     checkboxChange: EventEmitter<string | 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-input/input.stories.d.ts

@@ -237,3 +237,4 @@ export declare const Password: any;
 export declare const File: any;
 export declare const Color: any;
 export declare const Phone: any;
+export declare const Search: any;

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

@@ -0,0 +1,39 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class InputSearch {
+    private inputEl?;
+    el: HTMLElement;
+    private hasAncestorForm;
+    ariaLabel: string;
+    autocomplete: string;
+    disabled: boolean;
+    errorMessageId?: string;
+    hasError: boolean;
+    hasVisibleLabel: boolean;
+    inputId: string;
+    name?: string;
+    placeholder: string;
+    readonly: boolean;
+    required: boolean;
+    shape: 'rounded' | 'box';
+    value: string;
+    blurEvent: EventEmitter<FocusEvent>;
+    focusEvent: EventEmitter<FocusEvent>;
+    inputEvent: EventEmitter<string>;
+    search: EventEmitter<string>;
+    valueChange: EventEmitter<string>;
+    connectedCallback(): void;
+    setFocus(): Promise<void>;
+    private syncAncestorFormFlag;
+    private get hasValue();
+    private get resolvedInputAriaLabel();
+    private get rendersInnerSearchForm();
+    private emitSearchCommit;
+    private handleInnerFormSubmit;
+    private handleClear;
+    private handleInput;
+    private handleKeyDown;
+    private handleFocus;
+    private handleBlur;
+    private renderShell;
+    render(): any;
+}

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

@@ -1,5 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Input {
+    private input;
+    private preSlotObserver?;
+    private searchInputRef?;
     el: HTMLElement;
     _id?: string;
     description?: string;
@@ -32,26 +35,31 @@ export declare class Input {
     defaultCountry?: string;
     preferredCountries?: string[];
     isInternational?: boolean;
-    type?: 'date' | 'time' | 'text' | 'number' | 'password' | 'file' | 'color' | 'phone';
+    ariaLabel: string;
+    shape?: 'rounded' | 'box';
+    type?: 'date' | 'time' | 'text' | 'number' | 'password' | 'file' | 'color' | 'phone' | 'search';
     focusEvent: EventEmitter<FocusEvent>;
     blurEvent: EventEmitter<FocusEvent>;
     valueChange: EventEmitter<string>;
     inputEvent: EventEmitter<string>;
+    search: EventEmitter<string>;
     private valueChanged;
     characterCount: number;
     passwordVisible: boolean;
     hasPreSlotContent: boolean;
-    private input;
-    private updateCharacterCount;
-    private handleFocus;
     private handleBlur;
+    private handleFocus;
     private handleInput;
-    private preSlotObserver?;
     private hasDirectPreSlotChild;
     private syncPreSlotContent;
+    private updateCharacterCount;
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    setFocus(): Promise<void>;
+    private handleSearchBlurForward;
+    private handleSearchCommit;
+    private handleSearchFocusForward;
     private renderInput;
     render(): any;
 }