@xplortech/apollo-core 2.8.1 → 2.10.0

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const ButtonRow = class {
     constructor(hostRef) {
@@ -13,7 +13,7 @@ const ButtonRow = class {
         this.onTertiary = () => this.clickTertiary.emit();
     }
     render() {
-        return (index.h(index.Host, { key: '184ee5671a9d1bbb967dd8e6e4427df30d62a007', class: "xpl-button-row" }, index.h("div", { key: '44b583d0899af8b158f7093b87918f0843366e44', class: "xpl-button-row-inner" }, index.h("div", { key: '31754284b0b87a1e58ccbded4b46b453c3b717ca', class: "xpl-button-row__left" }, this.secondary && (index.h("xpl-button", { key: '27a9c164af5e72a66380dfda4072cfb5d3b3a34d', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), index.h("div", { key: '7ba9299532405aa9dceca481dae675a5129d2b51', class: "xpl-button-row__right" }, this.tertiary && (index.h("xpl-button", { key: 'bcb3524b921e6de30a1f6d870e04eeb9592762bb', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (index.h("xpl-button", { key: '5e10208c958143476df430b7f9877965b7fadc08', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (index.h("xpl-button", { key: 'ebb24794d37fd6dce72fa776b97ec59edeaab1dc', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
+        return (index.h(index.Host, { key: 'cd6436989f07af18d1e696a26e3e990d99859b2e', class: "xpl-button-row" }, index.h("div", { key: '67a9ab3127bdd31d416d716bf06a2548d4b04341', class: "xpl-button-row-inner" }, index.h("div", { key: 'f4c9e84868a5476500ffd65381fafe6c427e63ad', class: "xpl-button-row__left" }, this.secondary && (index.h("xpl-button", { key: '9c264293c00634759559c8109657f8a58451dc06', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), index.h("div", { key: 'df3443bd9afa937c4936e7b902da146f4a999f56', class: "xpl-button-row__right" }, this.tertiary && (index.h("xpl-button", { key: '85912cdbc02ac6587085564dbfb4f0647b656d7d', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (index.h("xpl-button", { key: 'cbb4302e9853d751b7b75e386c6d9441037c301e', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (index.h("xpl-button", { key: '10991142b7062283d129ba3428e5d3f1c060a973', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
     }
 };
 

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 var index$1 = require('./index-BvmWjxWc.js');
-var v4 = require('./v4-D4KzFnn8.js');
+var v4 = require('./v4-_2BfiRUa.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'
@@ -57,7 +57,7 @@ const Calendar = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '56cd65b62892b0c3e939f6cd77e9ba507baf4a68', class: "xpl-calendar" }, index.h("input", { key: '296222d3b6c0bf3e7c400d4d8c40d7d48774ea57', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
+        return (index.h(index.Host, { key: '180c1c356f07920c05487c50dd534284004cfce5', class: "xpl-calendar" }, index.h("input", { key: '6f46ef2a9c81043eb65a66208e71ce7e8504abea', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
                 this.inputElement = el;
             } })));
     }

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const DynamicTableCell = class {
     constructor(hostRef) {
@@ -23,9 +23,9 @@ const DynamicTableCell = class {
     }
     render() {
         const colIndex = Array.from(this.el.parentElement.children).indexOf(this.el) + 1;
-        return (index.h(index.Host, { key: '7cfa2d58f634e41ccf1604a581fcc83a2b51676f', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
+        return (index.h(index.Host, { key: 'e6e9a3695c9d8ca3743b188284bc8e69f50f3397', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
                 this.hostElement = el;
-            } }, index.h("slot", { key: 'c6a04082cb8aa1089d9f6cb82f3db8d7f0addf6e' })));
+            } }, index.h("slot", { key: 'abfa632a3ac88d663acaaacbc431d07c9da4b375' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const DynamicTableRow = class {
     constructor(hostRef) {
@@ -28,9 +28,9 @@ const DynamicTableRow = class {
         const classList = `xpl-dynamic-table-row
             ${this.isDisabled ? 'disabled' : ''}
             ${this.selected ? 'selected' : ''}`;
-        return (index.h(index.Host, { key: '0d099456d2016263a2bdcd42b46794e08adb64cf', role: "row", class: classList, ref: (el) => {
+        return (index.h(index.Host, { key: 'e070f32db6cee0bcbf0dd84e41e13e6d3b88e8a1', role: "row", class: classList, ref: (el) => {
                 this.hostElement = el;
-            } }, index.h("slot", { key: 'c923f7f8dc4bb8a4527693259d1a8b5932bb6c10' })));
+            } }, index.h("slot", { key: '78ea8e02e97e0017dc4aa35af4883446d4e4c4bf' })));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const DynamicTable = class {
     constructor(hostRef) {
@@ -56,7 +56,7 @@ const DynamicTable = class {
         this.updateColumnCount();
     }
     render() {
-        return (index.h("div", { key: '8f33da5fa8815400447b1690172bdaddd1079c1a', role: "grid", class: "xpl-dynamic-table", "aria-colcount": this.colCount }, index.h("slot", { key: '221aced83acf1fc4c904533eaedb1cd79914c5d3', name: "header" }), index.h("slot", { key: '6087119ce1499e94a30d09a1917d9371331f6add', name: "body" })));
+        return (index.h("div", { key: '3d5c3e5aea065c98323fbdbf17392af63975c9dd', role: "grid", class: "xpl-dynamic-table", "aria-colcount": this.colCount }, index.h("slot", { key: 'f6076fef5e85fdf22b03e532e920396ce5f6ce63', name: "header" }), index.h("slot", { key: '3b94b04b8f6b7a1cca9277161c0c32b117ce315f', name: "body" })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const GridItem = class {
     constructor(hostRef) {
@@ -16,7 +16,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 (index.h(index.Host, { key: '43cf6dd21d3d06e2d8012b716e5db5aeee676aac', class: className }, index.h("slot", { key: 'e08e03e4152007df7158d7122f883da1050dfde7' })));
+        return (index.h(index.Host, { key: 'bb28d83b6fd6ee92390ffcb5a505f5084f5624b9', class: className }, index.h("slot", { key: 'db3cf487db67044879425c830a14a44e06d19414' })));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const Grid = class {
     constructor(hostRef) {
@@ -28,7 +28,7 @@ const Grid = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: 'aeee950fb242a14f50ceda1d199cf427597b70f6', class: "xpl-grid" });
+        return index.h(index.Host, { key: '0036b594c89e75a9b302e7a7d9c99d4703a8b729', class: "xpl-grid" });
     }
     get container() { return index.getElement(this); }
 };

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

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const MainNav = class {
     constructor(hostRef) {
@@ -18,7 +18,7 @@ const MainNav = class {
         this.navWidthHandler();
     }
     render() {
-        return (index.h(index.Host, { key: '122bf1f28c4fb1e460185989b2d517f1ddbfb22b', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, index.h("nav", { key: '4ed8ce484b394adee98ac16056ebbabcadd31625' }, index.h("header", { key: '829b7904323aeea21922a8d4a8fa33141cfa7913', "aria-label": "Sidebar Header" }, index.h("slot", { key: '8a6ea72fa4a1b26f9825a36b4ac7e64c9dbf476c', name: "logo" }), index.h("slot", { key: 'bf049e9ee7b83af1c4ebfef21681edcb35de9364', name: "brand-name" })), index.h("div", { key: 'a0ce70ccf5e4bac6346711127fba5278963910c1', class: "xpl-main-nav__main_section" }, index.h("slot", { key: 'bce360027342a1ef3e009bad6bc28e44c64dbd04', name: "navigation" })), index.h("footer", { key: '0b5f2e6cc890e4257f5e5503302492a236950f87', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, index.h("slot", { key: '01dbe4d3834e1bc67b51108600688544e549ecde', name: "footer" })))));
+        return (index.h(index.Host, { key: '2e8b8744026876205bd66e04f5d93a2cf23415dd', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, index.h("nav", { key: 'ad2a7cadd3a9a4ac898b6e27604aff51a3cf5c40' }, index.h("header", { key: '14e0e676e8d22147c6fe3093da3a8a4c0f102243', "aria-label": "Sidebar Header" }, index.h("slot", { key: '5da2fe9fa391e56ae7ea3a742f7a060c78dcec56', name: "logo" }), index.h("slot", { key: 'd3631d0d23c5c0404e134ebc9d852bfd1651c982', name: "brand-name" })), index.h("div", { key: 'f0ff1cda64b9474386ce4f56fb4027b4f193e0c3', class: "xpl-main-nav__main_section" }, index.h("slot", { key: '0ef80166585b66d4af64a1b13383a551444c10f0', name: "navigation" })), index.h("footer", { key: 'd23f595c3705823dd1e7a86b6db66f98bc70504a', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, index.h("slot", { key: 'b4ba325347935557ee9e2e37b824c5dc42aa32b3', name: "footer" })))));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const TableHeaderCell = class {
     constructor(hostRef) {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const TableHeader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '7b36c9e640bd43ac38ea2625e7600e8699a13c5f', role: "row", class: "xpl-table-header" }, index.h("slot", { key: 'd03fe894a829477b6bf25dbd6dfa724b224b8d42' })));
+        return (index.h(index.Host, { key: 'f50c2c0ca2743e47ad44a368a9ea684c57a72261', role: "row", class: "xpl-table-header" }, index.h("slot", { key: '7a61b45818de8675015ca3defb9ee8c3280e961a' })));
     }
 };
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
-var v4 = require('./v4-D4KzFnn8.js');
+var index = require('./index-BaXVr8ux.js');
+var v4 = require('./v4-_2BfiRUa.js');
 
 const Toggle = class {
     constructor(hostRef) {
@@ -21,13 +21,13 @@ const Toggle = class {
         let className = 'xpl-toggle';
         if (this.variant === 'small')
             className += ' xpl-toggle--small';
-        return (index.h(index.Host, { key: '2665ccecd2df94b7ed7443e2ecb6265fca7f235f', class: containerClassName }, (this.heading || this.description) && (index.h("label", { key: '75292b431419e1d34c127a82d61baa1ee024a2bb', class: {
+        return (index.h(index.Host, { key: 'bc7363fd59d7cc10f0df644b5c54021ce860dbbc', class: containerClassName }, (this.heading || this.description) && (index.h("label", { key: '06b031581d173694651e58265b287865daeaf22b', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': this.disabled,
-            }, htmlFor: this.id }, this.heading, this.description && (index.h("small", { key: '772e34c7d553faee5b1dfc448ecb95706dc3e8df', class: {
+            }, htmlFor: this.id }, this.heading, this.description && (index.h("small", { key: 'a633107a6dcc2c0c43cd626c3013876831535588', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': this.disabled,
-            } }, this.description)))), index.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 && index.h("label", { key: '1b25d01805915cb2dacf03ad9340beec61565bcc', htmlFor: this.id }, this.label)));
+            } }, this.description)))), index.h("input", { key: 'fc1d734118dafc0a5f64119eb91d19e8af1254a6', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && index.h("label", { key: '7f1a465da3ec136c11797746505c0629fe2d31a9', htmlFor: this.id }, this.label)));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const Toolbar = class {
     constructor(hostRef) {
@@ -16,11 +16,11 @@ const Toolbar = class {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (index.h(index.Host, { key: '156bc52063283c17215e1d3a90c25939ae92685b', class: {
+        return (index.h(index.Host, { key: '782235b9cb7a50f4ba1a38ce2add940a051167a9', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, index.h("div", { key: '184e28d57a16d8ba6e10f29a95c931a036f44515', class: "toolbar" }, index.h("p", { key: 'ff6a7137db216c71859eac4398bbaf8bc6fe18f9', class: "selected-item-count" }, this.selectedItemCount, " Selected"), index.h("div", { key: 'a610539a08383a3d1d3dad8d95a8b75f43eaf1a3', class: "actions" }, index.h("slot", { key: 'dd8ea3150b40926ab40f36d38770daaa969a6fff', name: "actions-left" }), index.h("slot", { key: 'b51f8940fb52dd6880841a917574f782e0d0c72c', name: "actions-right" })))));
+            } }, index.h("div", { key: 'cb29423baac9e936ea02d4e177966161cb0f0486', class: "toolbar" }, index.h("p", { key: '484e52174e0b11b158e4865cdc62fa05136eac2d', class: "selected-item-count" }, this.selectedItemCount, " Selected"), index.h("div", { key: '51ba928ccfae827b73f67348b64e34a14d36c235', class: "actions" }, index.h("slot", { key: 'f96d57f3e6101a277a0195e072f69b63d5b29671', name: "actions-left" }), index.h("slot", { key: '278f41ab191c18479f9c99a531ca7636be571478', name: "actions-right" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/collection/collection-manifest.json

@@ -6,9 +6,9 @@
     "components/xpl-avatar/xpl-avatar.js",
     "components/xpl-backdrop/xpl-backdrop.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",
@@ -37,7 +37,6 @@
     "components/xpl-input/xpl-input-time/xpl-input-time.js",
     "components/xpl-large-card/xpl-large-card.js",
     "components/xpl-list/xpl-list.js",
-    "components/xpl-radio/xpl-radio.js",
     "components/xpl-list/xpl-list-item/xpl-list-item.js",
     "components/xpl-main-nav/xpl-main-nav.js",
     "components/xpl-modal/xpl-modal.js",
@@ -47,6 +46,7 @@
     "components/xpl-popover/xpl-popover.js",
     "components/xpl-progress-bar/xpl-progress-bar.js",
     "components/xpl-progress-indicator/xpl-progress-indicator.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",
@@ -56,24 +56,24 @@
     "components/xpl-spotlight/xpl-spotlight.js",
     "components/xpl-tab/xpl-tab.js",
     "components/xpl-tab-panel/xpl-tab-panel.js",
-    "components/xpl-tabs/xpl-tabs.js",
     "components/xpl-table/xpl-table.js",
     "components/xpl-table-header/xpl-table-header.js",
     "components/xpl-table-header-cell/xpl-table-header-cell.js",
+    "components/xpl-tabs/xpl-tabs.js",
     "components/xpl-tag/xpl-tag.js",
     "components/xpl-toast/xpl-toast.js",
     "components/xpl-toggle/xpl-toggle.js",
     "components/xpl-toolbar/xpl-toolbar.js",
     "components/xpl-tooltip/xpl-tooltip.js",
     "components/xpl-top-nav/xpl-top-nav.js",
-    "components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js",
     "components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.js",
+    "components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js",
     "components/xpl-utility-bar/xpl-utility-bar.js"
   ],
   "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.43.3",
+    "version": "4.43.5",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

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

@@ -50,13 +50,13 @@ export class Accordion {
             bordered: `xpl-accordion--border-bordered${this.expanded ? '--expanded' : ''}`,
             bottom: `xpl-accordion--border-bottom${this.expanded ? '--expanded' : ''}`,
         }[this.borderType];
-        return (h(Host, { key: 'bd94adc64eebb9b2b37b899700457a88fa00bdf0', class: `xpl-accordion ${accordionBorder}` }, h("button", { key: '3801db3bfa5c3a8c6ac0c21c20f60a1519ca4168', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, h("header", { key: '80cdadc37c28fea139f8ec21c770760bf3e25050', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, h("slot", { key: '28341a76482e2ddb2b8c1f277e48816a6f8d83d4', name: "heading" }, this.header), h("xpl-icon", { key: '9b0cde7d7927677dcd545783accace4a9cdcce03', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), h("div", { key: '1d2be2ffce23d2cfc017da95634d046dc66e5121', class: "xpl-accordion-description" }, h("slot", { key: 'e993274ea2f6963290a2015b3849bda8ee7f1f3d', name: "description" }, this.description))), h("section", { key: '6054b44f3b027feca7567f1bf13b06e78a78fe1a', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
+        return (h(Host, { key: 'ff0111bb0d2b814b01369098582f4712f26806a2', class: `xpl-accordion ${accordionBorder}` }, h("button", { key: 'ce80627acef0fcae1914b7dfd00634c29a4889bc', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, h("header", { key: '1a4c0ca7b81c6d7a99947721e2391fe220fdf0e2', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, h("slot", { key: 'a3026492eb4a5c0e3f1b723c7dcfb14bf16be32a', name: "heading" }, this.header), h("xpl-icon", { key: '696b5c177ac0be72083d26f502235c9191f93fa9', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), h("div", { key: '60ba182197394b4709e14b94defe6357d2e6f3b2', class: "xpl-accordion-description" }, h("slot", { key: '4e474fd39243694dd7ff70fd02ed5ab05c5eb217', name: "description" }, this.description))), h("section", { key: '183e846fd9d98a7998381d0fa3461bc17ebed2b1', 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: '53e22f8fcd1c3ebb2354bbc3d01e30ec5cfa804c', name: "content" }))));
+                : ''}` }, h("slot", { key: '8b0ecdcf8ca0a2d032d56fe7542e92df6155c714', name: "content" }))));
     }
     static get is() { return "xpl-accordion"; }
     static get properties() {

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

@@ -35,7 +35,7 @@ export class ApplicationShell {
         navClasses += this.navOpen
             ? ` xpl-application-shell__nav--${this.navWidth}--open`
             : ` xpl-application-shell__nav--${this.navWidth}`;
-        return (h(Host, { key: 'f61e8399f5a5e935354c817ee0d1386afcddce28', class: applicationShellClasses }, h("div", { key: '4886a782d1511d3aac9df0a90afc38351b94d4fd', class: navClasses }, h("slot", { key: 'd80279f234d498eb51491bd1d6850d7babfd6ece', name: "nav" })), h("div", { key: 'dd26f273261026555a3f73885fd04ffdbbf871cb', class: "xpl-application-shell__subnav" }, h("slot", { key: '3b120224a8d1cb30503514befeb96e3a08fc22ba', name: "subnav" })), h("div", { key: '7ac6b8f10b2dca85e774e1117f9117952a3052cf', class: "xpl-application-shell__utility" }, h("slot", { key: 'd9d4b15e7c3e7bec0edc237df3634c8fd2648df4', name: "utility" })), h("div", { key: '00ee0b5da796ea84731e740a58b162dad8250696', class: "xpl-application-shell__content" }, h("slot", { key: 'bf997f59491a08597089a0531cfecf90c703f565', name: "content" })), h("xpl-backdrop", { key: '84264e5a5da96be74547610e5b8d45195014d34c', onClick: () => this.navToggleHandler(), class: {
+        return (h(Host, { key: 'bc94a18433120a5f0bdf01e642890b3ccea46ec7', class: applicationShellClasses }, h("div", { key: 'aa5a35a385630256536b5d57b9f3e6f9e0e47dbc', class: navClasses }, h("slot", { key: 'baf26b14dd158cff8c06da148f5c0d7fc915465e', name: "nav" })), h("div", { key: 'e16b69bbb05a724bb0dccf4cdb066da0f4f97a1d', class: "xpl-application-shell__subnav" }, h("slot", { key: '0f754f17de56dd63e626f9735daf7e9370f2c0c3', name: "subnav" })), h("div", { key: '85e95a30352bf566dcec928ddbb46f0129010e5d', class: "xpl-application-shell__utility" }, h("slot", { key: 'de2d4c89a9b323db0b4854d091cdfec86ede8373', name: "utility" })), h("div", { key: '9e121b26e8315dd7d3202de4866e5a1b827f6bf8', class: "xpl-application-shell__content" }, h("slot", { key: 'db97073dad39912f98b196d42ce6b986d2426b6a', name: "content" })), h("xpl-backdrop", { key: '32f98a170a3ee0104e4494f63fe8695e780067c3', onClick: () => this.navToggleHandler(), class: {
                 'xpl-application-shell__backdrop--open': this.navOpen,
             }, relative: true })));
     }

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

@@ -161,7 +161,7 @@ export class Avatar {
                     "references": {
                         "AvatarColor": {
                             "location": "local",
-                            "path": "/Users/roc/Sites/apollo/packages/apollo-core/src/components/components/xpl-avatar/xpl-avatar.tsx",
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/components/xpl-avatar/xpl-avatar.tsx",
                             "id": "src/components/components/xpl-avatar/xpl-avatar.tsx::AvatarColor"
                         }
                     }
@@ -206,7 +206,7 @@ export class Avatar {
                     "references": {
                         "AvatarGroupItem": {
                             "location": "local",
-                            "path": "/Users/roc/Sites/apollo/packages/apollo-core/src/components/components/xpl-avatar/xpl-avatar.tsx",
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/components/xpl-avatar/xpl-avatar.tsx",
                             "id": "src/components/components/xpl-avatar/xpl-avatar.tsx::AvatarGroupItem"
                         }
                     }
@@ -307,7 +307,7 @@ export class Avatar {
                     "references": {
                         "AvatarStatus": {
                             "location": "local",
-                            "path": "/Users/roc/Sites/apollo/packages/apollo-core/src/components/components/xpl-avatar/xpl-avatar.tsx",
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/components/xpl-avatar/xpl-avatar.tsx",
                             "id": "src/components/components/xpl-avatar/xpl-avatar.tsx::AvatarStatus"
                         }
                     }
@@ -373,7 +373,7 @@ export class Avatar {
                     "references": {
                         "AvatarVariant": {
                             "location": "local",
-                            "path": "/Users/roc/Sites/apollo/packages/apollo-core/src/components/components/xpl-avatar/xpl-avatar.tsx",
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/components/xpl-avatar/xpl-avatar.tsx",
                             "id": "src/components/components/xpl-avatar/xpl-avatar.tsx::AvatarVariant"
                         }
                     }

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

@@ -4,7 +4,7 @@ export class Backdrop {
         this.relative = false;
     }
     render() {
-        return (h(Host, { key: '072fedf411c5d8671ec2d8a6ff639e5adf93e15c', class: {
+        return (h(Host, { key: 'b2d74c6cd60e419b212078d16258a9cbd5716149', class: {
                 'xpl-backdrop': true,
                 'xpl-backdrop--fixed': !this.relative,
                 'xpl-backdrop--relative': this.relative,

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

@@ -27,7 +27,7 @@ export class Badge {
             [`xpl-badge--size-${this.size}`]: !!this.size,
             [`xpl-badge--shape-${this.shape}`]: !this.dotOnly && !!this.shape,
         };
-        return (h(Host, { key: 'f1a45af398443a5330afe856ac2442aa34cadf24' }, h("div", { key: 'fecb691b2b11414de0a03e119dd63332ade79a3c', class: className }, h("span", { key: '6c4169ea3d4f0f7cdaa03841ec72ac15f9e209f3', class: "xpl-badge__label" }, h("slot", { key: 'c7d96b70e9bcd161c279bf943c2cbc7248e2a53e' })))));
+        return (h(Host, { key: 'c9595f3e4d3d9e60567818b393eed6523167ebca' }, h("div", { key: '725533575abf1cc96546f4c0beb9c7d02fca435e', class: className }, h("span", { key: 'd8f32af9c1b05b07d72ec9fa60f0039899a7863e', class: "xpl-badge__label" }, h("slot", { key: '848e2bb6d6755cca1ab7060023a81e115f6d4a48' })))));
     }
     static get is() { return "xpl-badge"; }
     static get properties() {
@@ -140,7 +140,7 @@ export class Badge {
                     "references": {
                         "BadgeVariantProp": {
                             "location": "local",
-                            "path": "/Users/roc/Sites/apollo/packages/apollo-core/src/components/components/xpl-badge/xpl-badge.tsx",
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/components/xpl-badge/xpl-badge.tsx",
                             "id": "src/components/components/xpl-badge/xpl-badge.tsx::BadgeVariantProp"
                         }
                     }

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

@@ -1,3 +1,4 @@
+import { setAutoSnapshotOptions } from "vitest-plugin-vis";
 const escapeHtmlAttribute = (value) => value
     .replace(/&/g, '&')
     .replace(/"/g, '"')
@@ -7,6 +8,10 @@ const escapeHtmlAttribute = (value) => value
 export default {
     title: 'Components/Banner',
     component: 'xpl-banner',
+    tags: ['vrt'],
+    beforeEach() {
+        setAutoSnapshotOptions({ enable: true });
+    },
     argTypes: {
         appearance: {
             options: ['information', 'positive', 'warning', 'error'],

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

@@ -56,13 +56,13 @@ export class Banner {
         const actionState = this.getActionButtonState();
         const isHeadingPresent = !!((_c = this.heading) === null || _c === void 0 ? void 0 : _c.trim());
         const isDescPresent = !!((_d = this.description) === null || _d === void 0 ? void 0 : _d.trim());
-        return (h(Host, { key: '373b38c40719c248968ed93381309584f24697a9', class: {
+        return (h(Host, { key: '9d4ced7103ad43590be34ae643e90e998d826d2c', class: {
                 'xpl-banner': true,
                 'xpl-banner--section': this.isSection,
                 [`xpl-banner--${this.appearance}`]: true,
                 'xpl-banner--truncate-desc': this.truncateDesc,
                 'xpl-banner--no-icon': this.isSection && !this.hasIcon,
-            }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (h("div", { key: 'b12f8facbdad390e2069374163048099a33aa309', class: "xpl-banner__icon", "aria-hidden": "true" }, h("xpl-icon", { key: '35ee47db756bc0f6b6cd0a2b0cd890a4ec10ff7c', icon: this.getIcon(), size: 24 }))), h("div", { key: '8aaca62cbd7b3cf353bfb35fc2f679932f2b0ade', class: "xpl-banner__body" }, isHeadingPresent && h("p", { key: 'fded85ef43b5186704195312621a33b7b823d19d', class: "xpl-banner__heading" }, this.heading), isDescPresent && (h("p", { key: '1b7386b32891789f8cc425da922f7c3ee60fe5a6', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (h("div", { key: '0b4b8e89db7cc6c4a55e207cf0be1b36956fe243', class: "xpl-banner__actions" }, hasAction && (h("xpl-button", { key: 'c15e5cb0ff332f2ca809dcf912fc7a4c68d47538', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (h("xpl-button", { key: '6f20f721df8eb994ef9935d2c6f634b3460d9d77', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (h("button", { key: '2fab1fec767aaed2bb36ee2b40bcf84a48ad6ead', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, h("xpl-icon", { key: '7747d3e4aae5426d0e3344fb7aab92a4f003cf4e', icon: "xmark", size: 24, "aria-hidden": "true" })))));
+            }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (h("div", { key: 'd7c698d6da5711ef23d624b6cae03e9a0764b8c7', class: "xpl-banner__icon", "aria-hidden": "true" }, h("xpl-icon", { key: '01e3c3cd3e28a09943754972112f5ecef61c2e42', icon: this.getIcon(), size: 24 }))), h("div", { key: 'b95abb8d1609a97d869fbd7b88124a5e5e1b45df', class: "xpl-banner__body" }, isHeadingPresent && h("p", { key: 'a792cda8b66f549522d6288330005ff60e5cca3f', class: "xpl-banner__heading" }, this.heading), isDescPresent && (h("p", { key: '6529492113bd3f893ec0cfb8387dbd58701d99c4', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (h("div", { key: '14b20dc26f2cf98acd8baac75802dba11eaa84da', class: "xpl-banner__actions" }, hasAction && (h("xpl-button", { key: '44bf1a434eaa7d8a629beb64ffc9d097118d8c09', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (h("xpl-button", { key: '958284fccbb12b89192d3211476bbaceb31ee16a', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (h("button", { key: 'a59aaf2f9b48db433f699877a2259c8587f7aa9a', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, h("xpl-icon", { key: '3a374616b00743d3ee66e9f2fce50027e21ebb25', icon: "xmark", size: 24, "aria-hidden": "true" })))));
     }
     static get is() { return "xpl-banner"; }
     static get properties() {

package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js

@@ -7,7 +7,7 @@ export class BreadcrumbItem {
     `;
     }
     render() {
-        return (h(Host, { key: '98314b8841ba9d900dbba227363865efb26faf4c', class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { key: '26bf86067dc2348b6ca96243bd1f9513ca187a00', role: "none" }, h("slot", { key: '802b606cce1052ea7fb859260627d6c6801ed78f' })), h("span", { key: '22de35338bf4439a23f8c08a7ea46d1d4f2b68e8', innerHTML: this.chevron })));
+        return (h(Host, { key: '183fd6614da5188a84d5dc7ce9d9f2d5144e7f4b', class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { key: '416621372ac59874f8d136ba3194f097f487eae2', role: "none" }, h("slot", { key: 'a0fcee52d63596c6e96a94ebd9e069f4275cf996' })), h("span", { key: 'b076324da264cfbf9efd97c92a73b12517dd6429', innerHTML: this.chevron })));
     }
     static get is() { return "xpl-breadcrumb-item"; }
 }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class Breadcrumbs {
     render() {
-        return (h(Host, { key: '36533f6524e01aed62e293ebe93d8eea34b6b59a' }, h("nav", { key: '6a5562e639044f9d9d12a6365df69c5181f5bbba', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, h("ol", { key: '99463e4808425aa8478a5e8fa2a113831eae1ecf', role: "list" }, h("slot", { key: 'f4d20df3a834f100663786d47881f742c9691969' })))));
+        return (h(Host, { key: 'dc04f3dbc02d0e52efd258ed653e236e3a3ef8c0' }, h("nav", { key: '87a8ae67ad49e7eff110dac3b98f818aa7bc7bbd', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, h("ol", { key: '80122b0a41e6b9542e1560de325266a3f27ddc86', role: "list" }, h("slot", { key: '7aa415c279281b0566aaf0e6f943afc5ff698e8a' })))));
     }
     static get is() { return "xpl-breadcrumbs"; }
 }

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

@@ -1,5 +1,10 @@
+import { setAutoSnapshotOptions } from "vitest-plugin-vis";
 export default {
     title: 'Components/Button',
+    tags: ['vrt'],
+    beforeEach() {
+        setAutoSnapshotOptions({ enable: true });
+    },
     argTypes: {
         variant: {
             options: ['primary', 'secondary', 'tertiary'],

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

@@ -30,6 +30,12 @@ export class Button {
             });
         }
     }
+    handleDisabledClick(e) {
+        if (this.disabled) {
+            e.preventDefault();
+            e.stopImmediatePropagation();
+        }
+    }
     renderIcon() {
         if (this.icon) {
             return h("xpl-icon", { icon: this.icon });
@@ -45,7 +51,7 @@ export class Button {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'fc2207b2f07ecccd8c076846406b7c5d2ed6854d', class: {
+        return (h(Host, { key: '2f4d6c6964aee895a81cff28401c3e48895954e8', class: {
                 'xpl-button': true,
                 [`xpl-button--${this.size}`]: true,
                 [`xpl-button--${this.variant}`]: true,
@@ -382,4 +388,13 @@ export class Button {
         };
     }
     static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "handleDisabledClick",
+                "target": undefined,
+                "capture": true,
+                "passive": false
+            }];
+    }
 }

package/dist/collection/components/xpl-button-row/button-row.stories.js

@@ -20,17 +20,7 @@ export const ButtonRow = ({ primary, secondary, tertiary }) => {
         attrs += ` secondary="${secondary}"`;
     if (tertiary)
         attrs += ` tertiary="${tertiary}"`;
-    return `
-        <xpl-button-row${attrs}></xpl-button-row>
-
-        <!-- add event listeners to the buttons like this: -->
-        <script>
-            const buttonRow = document.getElementById("button-row");
-            buttonRow.addEventListener("clickPrimary", () => { ... });
-            buttonRow.addEventListener("clickSecondary", () => { ... });
-            buttonRow.addEventListener("clickTertiary", () => { ... });
-        </script>
-    `;
+    return `<xpl-button-row${attrs}></xpl-button-row>`;
 };
 ButtonRow.args = {
     primary: 'Save',

package/dist/collection/components/xpl-button-row/xpl-button-row.js

@@ -6,7 +6,7 @@ export class ButtonRow {
         this.onTertiary = () => this.clickTertiary.emit();
     }
     render() {
-        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))))));
+        return (h(Host, { key: 'cd6436989f07af18d1e696a26e3e990d99859b2e', class: "xpl-button-row" }, h("div", { key: '67a9ab3127bdd31d416d716bf06a2548d4b04341', class: "xpl-button-row-inner" }, h("div", { key: 'f4c9e84868a5476500ffd65381fafe6c427e63ad', class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { key: '9c264293c00634759559c8109657f8a58451dc06', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), h("div", { key: 'df3443bd9afa937c4936e7b902da146f4a999f56', class: "xpl-button-row__right" }, this.tertiary && (h("xpl-button", { key: '85912cdbc02ac6587085564dbfb4f0647b656d7d', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (h("xpl-button", { key: 'cbb4302e9853d751b7b75e386c6d9441037c301e', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (h("xpl-button", { key: '10991142b7062283d129ba3428e5d3f1c060a973', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
     }
     static get is() { return "xpl-button-row"; }
     static get properties() {

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

@@ -52,7 +52,7 @@ export class Calendar {
         }
     }
     render() {
-        return (h(Host, { key: '56cd65b62892b0c3e939f6cd77e9ba507baf4a68', class: "xpl-calendar" }, h("input", { key: '296222d3b6c0bf3e7c400d4d8c40d7d48774ea57', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
+        return (h(Host, { key: '180c1c356f07920c05487c50dd534284004cfce5', class: "xpl-calendar" }, h("input", { key: '6f46ef2a9c81043eb65a66208e71ce7e8504abea', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
                 this.inputElement = el;
             } })));
     }

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

@@ -11,14 +11,14 @@ export class Checkbox {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'dd508c61fc68052f2bbdfccd606ea8f0109783f3', class: {
+        return (h(Host, { key: 'a0eae3b6c390a83ddc1eacea1b0d98a08df9d614', class: {
                 'xpl-checkbox-radio-container': true,
                 styled: this.styled,
                 disabled: this.disabled,
-            } }, h("input", { key: 'c5b482a12c02cb4384444e3d385cccc17a8cbd3c', class: "xpl-checkbox", type: "checkbox", "aria-label": ((_a = this.ariaLabel) !== null && _a !== void 0 ? _a : '').trim() || undefined, checked: this.checked, "data-id": this.dataId, disabled: this.disabled, id: this.id, indeterminate: this.indeterminate, onChange: this.onChange, name: this.name, required: this.required, value: this.value }), h("label", { key: 'e5ae6eef395457ff6021b008bbb4221e7c36a3c9', class: {
+            } }, h("input", { key: 'bbe0a186b0184229ac1090bbb7d0354c01cb7b62', class: "xpl-checkbox", type: "checkbox", "aria-label": ((_a = this.ariaLabel) !== null && _a !== void 0 ? _a : '').trim() || undefined, checked: this.checked, "data-id": this.dataId, disabled: this.disabled, id: this.id, indeterminate: this.indeterminate, onChange: this.onChange, name: this.name, required: this.required, value: this.value }), h("label", { key: 'ab9374abf1c8578df2e1177755afd495f245dcb2', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': this.disabled,
-            }, htmlFor: this.id }, h("slot", { key: '71ae02b761df01bea00b483e21a9b442b8fbdd9f' }), this.description && (h("small", { key: 'f34f7e323cd9c39ce1094177e7a4d3cf4b06f788', class: {
+            }, htmlFor: this.id }, h("slot", { key: '28ef92d6f0cd46c50a797131fc3f0ea1dcaaa751' }), this.description && (h("small", { key: '87e25deaad3fd000b4dd313e07f7317365f8db07', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': this.disabled,
             } }, this.description)))));
@@ -153,7 +153,7 @@ export class Checkbox {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "The value attribute for the checkbox input.\n(submittted in form as name/value pair)"
+                    "text": "The value attribute for the checkbox input.\n(submitted in form as name/value pair)"
                 },
                 "getter": false,
                 "setter": false,