@xplortech/apollo-core 2.5.0 → 2.6.0

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-D__N_vw2.js');
+var index = require('./index-DH6pgWru.js');
 
-const XplButtonRow = class {
+const ButtonRow = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.clickPrimary = index.createEvent(this, "clickPrimary", 7);
@@ -13,8 +13,8 @@ const XplButtonRow = class {
         this.onTertiary = () => this.clickTertiary.emit();
     }
     render() {
-        return (index.h(index.Host, { key: 'c1d468abe10991fb2de71dd01daba53b00ad088d', class: "xpl-button-row" }, index.h("div", { key: '102e327fea3824fffb0f04bd7d91e5615aca86e3', class: "xpl-button-row-inner" }, index.h("div", { key: '745044b4b26b0a368ca5aec8b440ebdaa9677e2b', class: "xpl-button-row__left" }, this.secondary && (index.h("xpl-button", { key: 'e895967af49c96eb3a3e98b24c0d10b30951bb7b', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), index.h("div", { key: 'd35ad947185a638f2f03530ae50a349cebbe5855', class: "xpl-button-row__right" }, this.tertiary && (index.h("xpl-button", { key: 'f25895afa16581325345f619085adee0cf092ee5', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (index.h("xpl-button", { key: '8f606ced48a532bb1abaf20a7bc9dc570feb7d21', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (index.h("xpl-button", { key: 'b6837c20a4adc3af10d4fd6724e226efd1d307ff', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
+        return (index.h(index.Host, { key: '0f5bf4d086cbafb8b03f854ea11b495ee5009cdf', class: "xpl-button-row" }, index.h("div", { key: '64ab05ca8cba9cf4c2a8feca5a6233a6a4b6a7e4', class: "xpl-button-row-inner" }, index.h("div", { key: '2e8d97b9fb7f7a31e0014b255342c0f2fb3ce7ac', class: "xpl-button-row__left" }, this.secondary && (index.h("xpl-button", { key: 'd368c7228a9f12143cff4978ced0a5eac35ff8a3', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), index.h("div", { key: 'a2a1860115ab9ac09d6ddd01ffd1e6e49d1ac874', class: "xpl-button-row__right" }, this.tertiary && (index.h("xpl-button", { key: '98f77b4745b72e8321e37d307c0a298f1e52045f', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (index.h("xpl-button", { key: '7f605c1221e856825e044dc908834f52c9e0374a', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (index.h("xpl-button", { key: 'f83653973db8aec83cc3ec0da3cdf25431c18304', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
     }
 };
 
-exports.xpl_button_row = XplButtonRow;
+exports.xpl_button_row = ButtonRow;

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-D__N_vw2.js');
+var index = require('./index-DH6pgWru.js');
 var index$1 = require('./index-BvmWjxWc.js');
 var v4 = require('./v4-D4KzFnn8.js');
 
 const arrowSvg = (rotate = false) => `<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="${rotate
     ? 'M0.557948 5.6813L6.06209 0.132167C6.23831 -0.0440556 6.52327 -0.0440556 6.69949 0.132167L7.44187 0.874551C7.61809 1.05077 7.61809 1.33573 7.44187 1.51195L2.99882 6L7.44187 10.488C7.61809 10.6643 7.61809 10.9492 7.44187 11.1254L6.69949 11.8678C6.52327 12.0441 6.23831 12.0441 6.06209 11.8678L0.557948 6.3187C0.381726 6.14248 0.381726 5.85752 0.557948 5.6813Z'
     : 'M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z'}" /></svg>`;
-const XplCalendar = class {
+const Calendar = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.dateSelected = index.createEvent(this, "dateSelected", 7);
@@ -57,10 +57,10 @@ const XplCalendar = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'fb4c58e9ddbf919c96d99b2f9433f1e9ffb9f4df', class: "xpl-calendar" }, index.h("input", { key: '764bc9e43533f1bf921e586ff05a11d102b9015a', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
+        return (index.h(index.Host, { key: '5a9d327e7f4d7861d337123299829b833b2cce84', class: "xpl-calendar" }, index.h("input", { key: 'f592794da7e97bca218ea47ab5d64a13182d71d0', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
                 this.inputElement = el;
             } })));
     }
 };
 
-exports.xpl_calendar = XplCalendar;
+exports.xpl_calendar = Calendar;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-D__N_vw2.js');
+var index = require('./index-DH6pgWru.js');
 
-const XplDynamicTableCell = class {
+const DynamicTableCell = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.disabled = false;
@@ -23,11 +23,11 @@ const XplDynamicTableCell = class {
     }
     render() {
         const colIndex = Array.from(this.el.parentElement.children).indexOf(this.el) + 1;
-        return (index.h(index.Host, { key: '639f0a42ea0189fb4c269de1b76c5491729f868c', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
+        return (index.h(index.Host, { key: 'd4b284973e5c1f76a9355f77749c6b6432e4f469', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
                 this.hostElement = el;
-            } }, index.h("slot", { key: '29864a738aa7d5e9498195ce0d22bb8d78e39989' })));
+            } }, index.h("slot", { key: 'd9365d26d5b4fb9e50cd3b08514eeae3bfdd6888' })));
     }
     get el() { return index.getElement(this); }
 };
 
-exports.xpl_dynamic_table_cell = XplDynamicTableCell;
+exports.xpl_dynamic_table_cell = DynamicTableCell;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-D__N_vw2.js');
+var index = require('./index-DH6pgWru.js');
 
-const XplDynamicTableRow = class {
+const DynamicTableRow = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.disabled = false;
@@ -28,10 +28,10 @@ const XplDynamicTableRow = class {
         const classList = `xpl-dynamic-table-row
             ${this.isDisabled ? 'disabled' : ''}
             ${this.selected ? 'selected' : ''}`;
-        return (index.h(index.Host, { key: '4969ae6223aa4f6604d20e657d390d8ec43eb9bd', role: "row", class: classList, ref: (el) => {
+        return (index.h(index.Host, { key: '7ce6f2c780af4f7bd4053970bff3e620fef4913a', role: "row", class: classList, ref: (el) => {
                 this.hostElement = el;
-            } }, index.h("slot", { key: '244d34612847408ddb9e0d718b1e5916b7e24b2d' })));
+            } }, index.h("slot", { key: 'b77362a23d8d69844560e7389e5cd7f6b5568d88' })));
     }
 };
 
-exports.xpl_dynamic_table_row = XplDynamicTableRow;
+exports.xpl_dynamic_table_row = DynamicTableRow;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-D__N_vw2.js');
+var index = require('./index-DH6pgWru.js');
 
-const XplDynamicTable = class {
+const DynamicTable = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.selectedItemCountChange = index.createEvent(this, "selectedItemCountChange", 7);
@@ -56,9 +56,9 @@ const XplDynamicTable = class {
         this.updateColumnCount();
     }
     render() {
-        return (index.h("div", { key: 'f49634b51fd6fb49bcb75cc4247f683ff99d6b99', role: "grid", class: "xpl-dynamic-table", "aria-colcount": this.colCount }, index.h("slot", { key: 'e5cd66e212a41ce26dfaccae634ab7ee22ba9910', name: "header" }), index.h("slot", { key: '07e1fbec46f08e46f728340291510992d21f71a4', name: "body" })));
+        return (index.h("div", { key: 'aa9fdd991fca8dab538176a950636b52db539f7a', role: "grid", class: "xpl-dynamic-table", "aria-colcount": this.colCount }, index.h("slot", { key: 'd05d799f1a0d944398f1ae9992dbcbb56a52f184', name: "header" }), index.h("slot", { key: '7f212255dbf15e8358cef6097d55b973f73bd086', name: "body" })));
     }
     get el() { return index.getElement(this); }
 };
 
-exports.xpl_dynamic_table = XplDynamicTable;
+exports.xpl_dynamic_table = DynamicTable;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-D__N_vw2.js');
+var index = require('./index-DH6pgWru.js');
 
-const XplGridItem = class {
+const GridItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.xs = 6;
@@ -16,8 +16,8 @@ const XplGridItem = class {
         className += ` xpl-grid-item-sm-${this.sm}`;
         className += ` xpl-grid-item-md-${this.md}`;
         className += ` xpl-grid-item-lg-${this.lg}`;
-        return (index.h(index.Host, { key: '4a3a254b51eae0907baf74c383b0d2b60017b69b', class: className }, index.h("slot", { key: 'b23f50ff733b9f3009eda4a3569a28b0636e76f4' })));
+        return (index.h(index.Host, { key: 'd4e9ba6dc2049aa0a88d266934a9499daf66d0a9', class: className }, index.h("slot", { key: 'fef8f150e57fcc72147111fe10088d46adc324d8' })));
     }
 };
 
-exports.xpl_grid_item = XplGridItem;
+exports.xpl_grid_item = GridItem;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-D__N_vw2.js');
+var index = require('./index-DH6pgWru.js');
 
-const XplGrid = class {
+const Grid = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
@@ -28,9 +28,9 @@ const XplGrid = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: 'b7adecdd36342641869726ffa094578c1272dc1e', class: "xpl-grid" });
+        return index.h(index.Host, { key: '89b723cb2e01669c5edd69a3fbbbdce834f05dd3', class: "xpl-grid" });
     }
     get container() { return index.getElement(this); }
 };
 
-exports.xpl_grid = XplGrid;
+exports.xpl_grid = Grid;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-D__N_vw2.js');
+var index = require('./index-DH6pgWru.js');
 
-const XplLargeCard = class {
+const LargeCard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
@@ -19,9 +19,9 @@ const XplLargeCard = class {
     render() {
         const contentSlot = 'graph-content';
         const hasContentSlot = this.el.querySelector(`[slot="${contentSlot}"]`);
-        return (index.h(index.Host, { key: '6c7928c9fae502001c8866eaa4b3f858a26eaead', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, index.h("dt", { key: 'df8e79e59236237ed54d640b544c7a19a850f89b', class: "xpl-large-card__header" }, index.h("header", { key: '6159de81cbcae7021f3a57fa3a800b241e548ca9' }, index.h("slot", { key: 'c2aac7c35f67430d0b09f1ad259c5121ef80e02f', name: "title" }, this.name), this.link && (index.h("span", { key: 'b292328bfb83340c848a793105df6892e6dd29e6', class: "xpl-data-card__header-arrow" }, index.h("xpl-icon", { key: 'e7bf907891716116cf050f7033d02d3822b56062', icon: "chevron-right", size: 16 })))), this.description && (index.h("div", { key: 'f9bee0304cd33f23a303c4562b0e48ac99f88483', class: "xpl-large-card__description" }, this.description))), index.h("dd", { key: 'e5800cc865b61e0a30a2b0dd7c432b630057281e', class: "xpl-large-card__body" }, hasContentSlot && index.h("slot", { key: 'a31d2a18c13340cc82a5b9c1af6963c024ec9a3a', name: contentSlot }))));
+        return (index.h(index.Host, { key: '02b42037a8e13fb68df0f40a07804bad533f690b', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, index.h("dt", { key: '27a8aa72e6e97d3918aa8a066c2528dab7466946', class: "xpl-large-card__header" }, index.h("header", { key: '9846eccca6988543cc671abe84f0a68e0dba06b0' }, index.h("slot", { key: '002ebff29d02550decb87f66609e941e6128c284', name: "title" }, this.name), this.link && (index.h("span", { key: 'a5c4dfe1c7149d95c5f4e6c291f61f75e49ce088', class: "xpl-data-card__header-arrow" }, index.h("xpl-icon", { key: 'a12c2c98867a189cb6bcabfcbbc6a08f2691c763', icon: "chevron-right", size: 16 })))), this.description && (index.h("div", { key: 'd7ca785313811f6fd962804964a90a161118d936', class: "xpl-large-card__description" }, this.description))), index.h("dd", { key: 'fe57a3a97ffd2d124e74e20c88077ffb68ea938a', class: "xpl-large-card__body" }, hasContentSlot && index.h("slot", { key: '2ebfb5e288ca2426d3085c97cc3a0bec81a72c46', name: contentSlot }))));
     }
     get el() { return index.getElement(this); }
 };
 
-exports.xpl_large_card = XplLargeCard;
+exports.xpl_large_card = LargeCard;

package/dist/cjs/xpl-list.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D__N_vw2.js');
+var index = require('./index-DH6pgWru.js');
 
 const ListItemCpt = ({ avatar, avatars, badges, href, title, subtext, metadata, }) => {
     const hasRight = avatars || badges || subtext;
@@ -19,14 +19,14 @@ const ListItemCpt = ({ avatar, avatars, badges, href, title, subtext, metadata,
         }))))));
     return href ? (index.h("a", { class: "xpl-list-item", href: href }, inner)) : (index.h("div", { class: "xpl-list-item" }, inner));
 };
-const XplList = class {
+const List = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.items = [];
     }
     render() {
-        return (index.h(index.Host, { key: '3eb471a9d1e64f3da012240b7ebb071efaad334d' }, this.items.map((item) => (index.h(ListItemCpt, Object.assign({}, item))))));
+        return (index.h(index.Host, { key: '441b4eae6f2837f20b58221819ca3c10a2fb3491' }, this.items.map((item) => (index.h(ListItemCpt, Object.assign({}, item))))));
     }
 };
 
-exports.xpl_list = XplList;
+exports.xpl_list = List;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-D__N_vw2.js');
+var index = require('./index-DH6pgWru.js');
 
-const XplMainNav = class {
+const MainNav = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.navWidth = index.createEvent(this, "navWidth", 7);
@@ -18,8 +18,8 @@ const XplMainNav = class {
         this.navWidthHandler();
     }
     render() {
-        return (index.h(index.Host, { key: '4bc985a6fc8533aac4a436bafb38a84e240d84d0', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, index.h("nav", { key: '37095d22b076a66f32f054dd1bc11487c6bd4927' }, index.h("header", { key: 'ed18404dbd24edf1306452d097e5be3efbcc57a0', "aria-label": "Sidebar Header" }, index.h("slot", { key: 'bfced098b786899701193dff672b30d2f5a1ad39', name: "logo" }), index.h("slot", { key: 'c3be7a15c652539240599743deb02c11f3d1bb45', name: "brand-name" })), index.h("div", { key: '0aee9797d8b12bb0fc825fedd255d7ba78b52968', class: "xpl-main-nav__main_section" }, index.h("slot", { key: 'b5772dce6f67b9ee753f1ea68ad12c46564ba3f7', name: "navigation" })), index.h("footer", { key: 'a2918a192ce73dacc796c3f3a09d180f735a8971', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, index.h("slot", { key: 'f898b0f5cfd1d4424f573e74a38df5336506ca45', name: "footer" })))));
+        return (index.h(index.Host, { key: 'd8a79782b16a4e9f8ab3e6bf88c0314549aa501a', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, index.h("nav", { key: '64dcaed4426ad4f6590671425e7571df5a1cd1d9' }, index.h("header", { key: '7e97eee88a0cfff836aa40c9a2cba2a6dbfa59aa', "aria-label": "Sidebar Header" }, index.h("slot", { key: 'c281a9fbd5192cd0bda381ba52e55a9a1f6f063b', name: "logo" }), index.h("slot", { key: '988a49a475779b472cac084f20b7e73ed1528089', name: "brand-name" })), index.h("div", { key: '6fb1ff561b1136126e466ff86dfff9b124862eb2', class: "xpl-main-nav__main_section" }, index.h("slot", { key: 'bf5af4e8b47c8666f7014a8e63102601278c8038', name: "navigation" })), index.h("footer", { key: 'a836bd8d08638490d14ddd812cdc76b1dbe70392', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, index.h("slot", { key: '05143d5082b2f8d699e23611df2b584c90a423c5', name: "footer" })))));
     }
 };
 
-exports.xpl_main_nav = XplMainNav;
+exports.xpl_main_nav = MainNav;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-D__N_vw2.js');
+var index = require('./index-DH6pgWru.js');
 
-const XplTableHeaderCell = class {
+const TableHeaderCell = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.sortChanged = index.createEvent(this, "sortChanged", 7);
@@ -54,4 +54,4 @@ const XplTableHeaderCell = class {
     get el() { return index.getElement(this); }
 };
 
-exports.xpl_table_header_cell = XplTableHeaderCell;
+exports.xpl_table_header_cell = TableHeaderCell;

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-D__N_vw2.js');
+var index = require('./index-DH6pgWru.js');
 
-const XplTableHeader = class {
+const TableHeader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'ab15bfcac25fa381989ed3cdaf2b3c5f00db6bdb', role: "row", class: "xpl-table-header" }, index.h("slot", { key: 'e0a8ef7c92c44ea84abc182d93040a4c14cd7072' })));
+        return (index.h(index.Host, { key: '1724195feab553e1f5f468352be234a5f867e75a', role: "row", class: "xpl-table-header" }, index.h("slot", { key: '14d458367da08aed53b57a4ccda1d26740922e05' })));
     }
 };
 
-exports.xpl_table_header = XplTableHeader;
+exports.xpl_table_header = TableHeader;

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-D__N_vw2.js');
+var index = require('./index-DH6pgWru.js');
 var v4 = require('./v4-D4KzFnn8.js');
 
-const XplToggle = class {
+const Toggle = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.variant = 'default';
@@ -16,14 +16,14 @@ const XplToggle = class {
         let className = 'xpl-toggle';
         if (this.variant === 'small')
             className += ' xpl-toggle--small';
-        return (index.h(index.Host, { key: 'e5b8f2802e828221c2966fa85bafe7fb6bcf40bc', class: containerClassName }, (this.heading || this.description) && (index.h("label", { key: '17aff6b0b12c4815d2848af71a84a808c5b2a356', class: {
+        return (index.h(index.Host, { key: 'fe018e63a2c645565150c2b5494e057b24421cf3', class: containerClassName }, (this.heading || this.description) && (index.h("label", { key: '461ba525112e90914f3d61b221f938ec94861b58', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': this.disabled,
-            }, htmlFor: this.id }, this.heading, this.description && (index.h("small", { key: 'c5bf01336e7f02b41f050971b596f718cdc8a87d', class: {
+            }, htmlFor: this.id }, this.heading, this.description && (index.h("small", { key: 'd764ac2dc9341192079f3791ce3e784c0d810c41', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': this.disabled,
-            } }, this.description)))), index.h("input", { key: 'e9426bde8c042f3727fbcac738bd4903c063b2a4', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name }), this.label && index.h("label", { key: '7d1bdfdf3ccc08276d86ffa3beb84a7946f576bb', htmlFor: this.id }, this.label)));
+            } }, this.description)))), index.h("input", { key: '9fd76e6a84d08db81941db0aaa742c4e0205bffa', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name }), this.label && index.h("label", { key: 'fc58e8c3dba8a45a7c2aedda7daff3788f4dc0a0', htmlFor: this.id }, this.label)));
     }
 };
 
-exports.xpl_toggle = XplToggle;
+exports.xpl_toggle = Toggle;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-D__N_vw2.js');
+var index = require('./index-DH6pgWru.js');
 
-const XplToolbar = class {
+const Toolbar = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.selectedItemCount = 0;
@@ -16,13 +16,13 @@ const XplToolbar = class {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (index.h(index.Host, { key: '097500ed053ff1f15d30fc62e2efa556f8f95ef2', class: {
+        return (index.h(index.Host, { key: '48056451ad54987de8d046a3892cc1011ed41bbb', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, index.h("div", { key: 'c2e73f623f8afe7ca8e9e367b173067992b661fa', class: "toolbar" }, index.h("p", { key: '63c1b1f5edee4abc4fea15bdb6d483a682854403', class: "selected-item-count" }, this.selectedItemCount, " Selected"), index.h("div", { key: 'bc387680fee35312128aac1e2d2a9e83e78b86af', class: "actions" }, index.h("slot", { key: 'a8e3e41f75565cbf9b8fc86665ecabdcf2f674f3', name: "actions-left" }), index.h("slot", { key: 'b3e82f6aabb8279f39248b551570d8937cf35aa6', name: "actions-right" })))));
+            } }, index.h("div", { key: '3c9680e4cf006dee69372d271a0720b6802767bc', class: "toolbar" }, index.h("p", { key: 'afcfba4a2d5c73d6bf602b94340280dcc28d6493', class: "selected-item-count" }, this.selectedItemCount, " Selected"), index.h("div", { key: 'fdadc34738fcf397a38772ab817c3a5bc1e5015f', class: "actions" }, index.h("slot", { key: 'b6571d83f8ac800143e4f9cd62559aac83c7e424', name: "actions-left" }), index.h("slot", { key: '30aa34da340647dbcb79f8862c5ca9647ebedb12', name: "actions-right" })))));
     }
     get el() { return index.getElement(this); }
 };
 
-exports.xpl_toolbar = XplToolbar;
+exports.xpl_toolbar = Toolbar;

package/dist/collection/collection-manifest.json

@@ -5,9 +5,10 @@
     "components/xpl-avatar/xpl-avatar.js",
     "components/xpl-backdrop/xpl-backdrop.js",
     "components/xpl-badge/xpl-badge.js",
+    "components/xpl-banner/xpl-banner.js",
+    "components/xpl-button/xpl-button.js",
     "components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js",
     "components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js",
-    "components/xpl-button/xpl-button.js",
     "components/xpl-button-row/xpl-button-row.js",
     "components/xpl-calendar/xpl-calendar.js",
     "components/xpl-checkbox/xpl-checkbox.js",
@@ -31,6 +32,7 @@
     "components/xpl-input/xpl-input-color/xpl-input-color.js",
     "components/xpl-input/xpl-input-date/xpl-input-date.js",
     "components/xpl-input/xpl-input-file/xpl-input-file.js",
+    "components/xpl-input/xpl-input-phone/xpl-input-phone.js",
     "components/xpl-input/xpl-input-time/xpl-input-time.js",
     "components/xpl-large-card/xpl-large-card.js",
     "components/xpl-list/xpl-list.js",
@@ -38,11 +40,15 @@
     "components/xpl-modal/xpl-modal.js",
     "components/xpl-nav-item/xpl-nav-item.js",
     "components/xpl-pagination/xpl-pagination.js",
+    "components/xpl-panel/xpl-panel.js",
     "components/xpl-popover/xpl-popover.js",
     "components/xpl-progress/xpl-progress.js",
+    "components/xpl-progress-bar/xpl-progress-bar.js",
     "components/xpl-radio/xpl-radio.js",
     "components/xpl-secondary-nav/xpl-secondary-nav.js",
     "components/xpl-select/xpl-select.js",
+    "components/xpl-side-nav/xpl-side-nav.js",
+    "components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js",
     "components/xpl-skeleton/xpl-skeleton.js",
     "components/xpl-slideout/xpl-slideout.js",
     "components/xpl-tab/xpl-tab.js",
@@ -58,9 +64,10 @@
     "components/xpl-tooltip/xpl-tooltip.js",
     "components/xpl-utility-bar/xpl-utility-bar.js"
   ],
+  "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.41.3",
+    "version": "4.43.2",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/collection/components/xpl-accordion/accordion.stories.js

@@ -73,4 +73,8 @@ Accordion.parameters = {
                 </div>
         `)(Accordion.args),
     },
+    design: {
+        type: 'figma',
+        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=1536-178167&p=f&t=hw4aTujDaAQUUbDN-11',
+    },
 };

package/dist/collection/components/xpl-accordion/xpl-accordion.js

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-export class XplAccordion {
+export class Accordion {
     constructor() {
         this.initialExpanded = false;
         this.size = '3';
@@ -50,13 +50,13 @@ export class XplAccordion {
             bordered: `xpl-accordion--border-bordered${this.expanded ? '--expanded' : ''}`,
             bottom: `xpl-accordion--border-bottom${this.expanded ? '--expanded' : ''}`,
         }[this.borderType];
-        return (h(Host, { key: '196af13fff0f920975af9c4a6ebe726a98e5a663', class: `xpl-accordion ${accordionBorder}` }, h("button", { key: '724993d5464ef62e7bc6ec0d63334fcebf8d93fa', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, h("header", { key: '8b38921367d44ff8e2dbfb5fcecf4712f480b907', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, h("slot", { key: 'a940edeb394372f71cc927db8dfa622ce2c281f8', name: "heading" }, this.header), h("xpl-icon", { key: '9e8e85697f46f808802cc4466046ada165e372e6', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), h("div", { key: 'a91f59cd8a2450b8d46ba9880a05f67a8d1cbb62', class: "xpl-accordion-description" }, h("slot", { key: '6cc83b45061eb6349dd7f8934bc49b4f1a3b878d', name: "description" }, this.description))), h("section", { key: '72d5e5b77651c23a08b52849079e42456a5aed6d', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
+        return (h(Host, { key: '7befc24f997853bca9fc8c5b22b0262207de0b8b', class: `xpl-accordion ${accordionBorder}` }, h("button", { key: 'c440a2bf8612a8f50e83eb27fc5ea1779c3c2916', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, h("header", { key: '3744eb9f9ff25f1b24abeb5af519cdac58a1720d', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, h("slot", { key: '651407c5e52af7506505199e76d118873851726a', name: "heading" }, this.header), h("xpl-icon", { key: '218043e9fada73e214b719087a9b27a5761f52a3', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), h("div", { key: '744f86d743fd69fab45fd34868713ecdbc41a2a1', class: "xpl-accordion-description" }, h("slot", { key: 'bf7a050f991db70f7b73755cd97a3300a8384723', name: "description" }, this.description))), h("section", { key: 'b095ddafce8622eb0a9ac9fab100989300cf589c', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
                 ? {
                     none: '',
                     bordered: 'xpl-accordion-content--shown-bordered',
                     bottom: 'xpl-accordion-content--shown-border-bottom',
                 }[this.borderType]
-                : ''}` }, h("slot", { key: '46231eeef0f6457a26e70aaf3a976a5a2b6076c3', name: "content" }))));
+                : ''}` }, h("slot", { key: '377ce332550362503d3d7b4cc90ba452b44e00a1', name: "content" }))));
     }
     static get is() { return "xpl-accordion"; }
     static get properties() {

package/dist/collection/components/xpl-application-shell/application-shell.stories.js

@@ -730,4 +730,8 @@ ApplicationShell.parameters = {
                 </div>
             `)(ApplicationShell.args),
     },
+    design: {
+        type: 'figma',
+        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=1536-109750&p=f&t=aZipOZlFAFwtMW1r-11',
+    },
 };

package/dist/collection/components/xpl-application-shell/xpl-application-shell.js

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-export class XplApplicationShell {
+export class ApplicationShell {
     constructor() {
         this.withSubnav = false;
         this.withUtility = true;
@@ -35,7 +35,7 @@ export class XplApplicationShell {
         navClasses += this.navOpen
             ? ` xpl-application-shell__nav--${this.navWidth}--open`
             : ` xpl-application-shell__nav--${this.navWidth}`;
-        return (h(Host, { key: 'fb7ea1e06b4e26898f0d115dade22a00b4e59c42', class: applicationShellClasses }, h("div", { key: 'a2ffa00e3be22a9564b81c53bed26aa62a212cfe', class: navClasses }, h("slot", { key: '34633219fcf07dc7fe1db169937e7fed97681812', name: "nav" })), h("div", { key: 'c67239ab7d3a151a64a7a7aa11b8fdb8d097ec50', class: "xpl-application-shell__subnav" }, h("slot", { key: '8318c25bd82a31b574773ed38ff186b5186aa6a7', name: "subnav" })), h("div", { key: '22b3f72754c3f8e172b509daca09caafc5d5c088', class: "xpl-application-shell__utility" }, h("slot", { key: '12cbf50d23d6ca4b3fe1143d5f2aeca357657332', name: "utility" })), h("div", { key: 'dda9dc9741a06ec49cfcf5631d0782b54898b15a', class: "xpl-application-shell__content" }, h("slot", { key: '5586153e5f3db1470a12112d929c4d6d814cbab8', name: "content" })), h("xpl-backdrop", { key: '1db206c2ad0253ccc3436922d1c38354efa96675', onClick: () => this.navToggleHandler(), class: {
+        return (h(Host, { key: '7a06051142cc71f5a900e65562e464f5580f369e', class: applicationShellClasses }, h("div", { key: '00cb4f2294999e77bc88aa32917287a93989ceb3', class: navClasses }, h("slot", { key: 'de0a3f5415273c4d36390b6e345e9c046ebeda05', name: "nav" })), h("div", { key: '605faac64e0b770b2d3e52d0b6f169898de827bc', class: "xpl-application-shell__subnav" }, h("slot", { key: '040b8b6f5aa7642636b33f65f2eff6f1070b1b2f', name: "subnav" })), h("div", { key: 'ee1e3e5c51d4e048fd4fda7bf6e438d29c8c2ade', class: "xpl-application-shell__utility" }, h("slot", { key: '6118de3716d41e9f8cc03abb5efd4c2e8541adf7', name: "utility" })), h("div", { key: '3aa64a066e680e74bac8b988f579d51593bc3ace', class: "xpl-application-shell__content" }, h("slot", { key: 'aba788b0aa8f8ab92bb5c577b5951c98d21c9f36', name: "content" })), h("xpl-backdrop", { key: 'f72d69bbfe9171193293148810700e9ff00e372d', onClick: () => this.navToggleHandler(), class: {
                 'xpl-application-shell__backdrop--open': this.navOpen,
             }, relative: true })));
     }

package/dist/collection/components/xpl-avatar/avatar.stories.js

@@ -125,4 +125,8 @@ Avatar.parameters = {
             `;
         })(Avatar.args),
     },
+    design: {
+        type: 'figma',
+        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=6-1394&p=f&t=aZipOZlFAFwtMW1r-11',
+    },
 };

package/dist/collection/components/xpl-avatar/xpl-avatar.js

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-export class XplAvatar {
+export class Avatar {
     constructor() {
         this.disabled = false;
     }
@@ -9,8 +9,8 @@ export class XplAvatar {
             className += ` xpl-avatar--${this.size}`;
         if (this.color)
             className += ` xpl-avatar--${this.color}`;
-        const inner = (h("div", { key: '491c0f4f1ac5c4359f1f0a678e74358c47383412' }, this.src ? (h("img", { alt: this.name, src: this.src })) : (h("div", { class: "xpl-avatar__placeholder" }, h("slot", null))), this.status && h("div", { key: '1eddc940a7126cfdff262a3c1bbe93909663452f', class: `xpl-avatar__dot--${this.status}` })));
-        return (h(Host, { key: '3cde3ed32c5b71deca67701635cac3dfabe8a076' }, this.href && !this.disabled ? (h("a", { href: this.href, class: className, target: this.target }, inner)) : this.href && this.disabled ? (h("div", { class: `${className} xpl-avatar--disabled` }, inner)) : (h("div", { class: className }, inner))));
+        const inner = (h("div", { key: '89234f18fd782f17c7e5cfac2235ba0d69b57014' }, this.src ? (h("img", { alt: this.name, src: this.src })) : (h("div", { class: "xpl-avatar__placeholder" }, h("slot", null))), this.status && h("div", { key: '908dbd9216d3addb0104517a67f2dd690201958d', class: `xpl-avatar__dot--${this.status}` })));
+        return (h(Host, { key: '94cb5838d77411b9690759634f4a1a71c79054b7' }, this.href && !this.disabled ? (h("a", { href: this.href, class: className, target: this.target }, inner)) : this.href && this.disabled ? (h("div", { class: `${className} xpl-avatar--disabled` }, inner)) : (h("div", { class: className }, inner))));
     }
     static get is() { return "xpl-avatar"; }
     static get properties() {

package/dist/collection/components/xpl-backdrop/backdrop.stories.js

@@ -17,4 +17,8 @@ Backdrop.parameters = {
     html: {
         render: ((_) => `<div class="xpl-backdrop" aria-hidden="true"></div>`)(Backdrop.args),
     },
+    design: {
+        type: 'figma',
+        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=1536-181330&p=f&t=aZipOZlFAFwtMW1r-11',
+    },
 };

package/dist/collection/components/xpl-backdrop/xpl-backdrop.js

@@ -1,10 +1,10 @@
 import { Host, h } from "@stencil/core";
-export class XplBackdrop {
+export class Backdrop {
     constructor() {
         this.relative = false;
     }
     render() {
-        return (h(Host, { key: '94479cd370f0304f8ce4d416a7000f851c927da8', class: {
+        return (h(Host, { key: '43941007f4e0ba73037eaff96cf8d000cee48b72', class: {
                 'xpl-backdrop': true,
                 'xpl-backdrop--fixed': !this.relative,
                 'xpl-backdrop--relative': this.relative,