@xplortech/apollo-core 3.2.1 → 3.3.0

package/dist/cjs/xpl-side-nav-section.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var sideNavSlotUtils = require('./side-nav-slot-utils-DMog5BVN.js');
 
 const SideNavSection = class {
@@ -87,17 +87,17 @@ const SideNavSection = class {
         const hasHeading = !!this.heading?.trim();
         const childrenId = this.childrenId ?? sideNavSlotUtils.ensureSideNavSectionChildrenId(this.el, this.childrenId);
         const titleRow = [
-            index.h("span", { key: '41b4dd48eaf9fabca8f4c1e4e506200055d46f77', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
-            index.h("span", { key: 'af345692b55b47dada80dfad85312e45d7cf5f43', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, index.h("slot", { key: '381c23d89de7de9b1663cd746ce9561688a27463', name: "badge" })),
+            index.h("span", { key: '12b61d9bed3a5aac2fa664fb6ac13893ae267c36', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
+            index.h("span", { key: 'bfea669929c9f003a38cbef3d4e6254f14cea581', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, index.h("slot", { key: '7e401f516a7420f9a9c571e3c13d609fad6dcfc8', name: "badge" })),
             this.collapsible ? (index.h("span", { class: "xpl-side-nav-section__chevron", "aria-hidden": "true" }, index.h("xpl-icon", { icon: this.expanded ? 'chevron-down' : 'chevron-right', size: 16 }))) : null,
         ];
-        return (index.h(index.Host, { key: 'b3d7e988d1b64afce020137c0d8f8ef89481ef43', class: {
+        return (index.h(index.Host, { key: 'ba9810b6d5d95cac88e6517d7bc24a040f51e5cc', class: {
                 'xpl-side-nav-section': true,
                 'xpl-side-nav-section--static': !this.collapsible,
-            } }, this.collapsible ? (index.h("button", { type: "button", class: "xpl-side-nav-section__header", "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": childrenId, "aria-label": hasHeading || this.hasNamedBadgeSlot ? undefined : 'Toggle section', onClick: this.handleHeaderClick }, titleRow)) : (index.h("div", { class: "xpl-side-nav-section__header" }, titleRow)), index.h("div", { key: '0e442a9a70a8eacb4b9454f941a3ee0c466c3496', id: childrenId, class: {
+            } }, this.collapsible ? (index.h("button", { type: "button", class: "xpl-side-nav-section__header", "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": childrenId, "aria-label": hasHeading || this.hasNamedBadgeSlot ? undefined : 'Toggle section', onClick: this.handleHeaderClick }, titleRow)) : (index.h("div", { class: "xpl-side-nav-section__header" }, titleRow)), index.h("div", { key: '9f5081f3d8de0f5e0ae83d2f7f96cd49b9cdf456', id: childrenId, class: {
                 'xpl-side-nav-section__children': true,
                 expanded: showChildren,
-            }, inert: !showChildren ? true : undefined }, index.h("div", { key: 'f1bc884e69c5a8902f7e12829901e289f73a530e', class: "xpl-side-nav-section__children-inner" }, index.h("slot", { key: 'bd9f9db68b6f6e1d3a28527d87f4bf797ae49022' })))));
+            }, inert: !showChildren ? true : undefined }, index.h("div", { key: '2593fe0517156c91b504d9ec3717321895a804c4', class: "xpl-side-nav-section__children-inner" }, index.h("slot", { key: '5e2c9c978a128355e014c19612ed89886fe781ce' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 
 const SIDE_NAV_MOBILE_MQ = '(max-width: 767px)';

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const Skeleton = class {
     constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const Slideout = class {
     constructor(hostRef) {
@@ -34,7 +34,7 @@ const Slideout = class {
         this.handleScroll();
     }
     render() {
-        return (index.h(index.Host, { key: '6a677f3ef03392e8c17e96eb1a35244cc65249cc', class: "xpl-slideout" }, this.backdrop && this.isOpen && (index.h("xpl-backdrop", { key: '8e93a0fe45fdbf00f9b9d72a3b703f4ed91724b7', onClick: this.handleClose })), index.h("aside", { key: '451a572b79f74f614756c77b7aae9ece7e53a615', class: `slideout slideout--${!this.isOpen && 'closed'}` }, index.h("header", { key: '4e6f0d5c525ffe16f20a2d85d21e6c85d6213f1e', class: "header" }, index.h("div", { key: 'bf69e4a7e0be7b1ea763b5d17da90b31f122e7fe', class: "title" }, index.h("slot", { key: 'b5b3298d2f05a5e99dc2ba934c306c7167eeb861', name: "title" }), index.h("xpl-button", { key: 'da76c0538824d6d7cdce7385daf77c74fd3e6432', class: "close-button", "icon-only": true, variant: "tertiary", onClick: this.handleClose }, index.h("xpl-icon", { key: '02d4e1b6d191683f95c5fe9d93db6a8eb6260e32', icon: "xmark" }))), index.h("div", { key: 'daf09af3d4ec41943ca063fb0b0afddc6075e549', class: "subtitle" }, index.h("slot", { key: '755b4e4f6bfdcc7f94f0b2ed67526d7f97c77842', name: "subtitle" })), index.h("div", { key: '294b6650cdc4b15a8f5b9005a24304cccda91ddb', class: "search" }, index.h("slot", { key: '4b85802d14eb9ab528749727846637a0702ff2d1', name: "search" }))), index.h("xpl-divider", { key: '335792083b7072b6973e4b684062d6498d1cfc57', tier: 0, class: "divider top" }), index.h("article", { key: '3a0920577f4599b0ea9a3762ea066b0e8b9d932a', class: "content", tabIndex: 0 }, index.h("slot", { key: 'b085ef369c4d685ae0e6e518c28e95cd883d1e03', name: "content" })), this.showFooter && (index.h("footer", { key: '663e2392d8484bb4875dcb4b9411b8ae6b805087' }, index.h("xpl-divider", { key: '6d0d50a6cc038a19ed5465a9fe79854b2519e70b', tier: 0, class: "divider bottom" }), index.h("div", { key: '29e9eaea051247ff8e9be18af54f0d3959590759', class: "footer" }, index.h("slot", { key: '4e9d8e3a054a72fba8392afdefcdca63e8ce8068', name: "tertiary" }), index.h("slot", { key: '44b764a99064de792309995cdc53b4ca8a82f8da', name: "secondary" }), index.h("slot", { key: 'c96cedf9662bab571a8cab244c8fce6172691628', name: "primary" })))))));
+        return (index.h(index.Host, { key: '057b30a3213ae419e0a9bc94cae621cdf303d293', class: "xpl-slideout" }, this.backdrop && this.isOpen && (index.h("xpl-backdrop", { key: '940911dc6c07731fe40c0a4399cd81a3af7933ee', onClick: this.handleClose })), index.h("aside", { key: 'b3432b92753b96999c528783cebfabd1488141be', class: `slideout slideout--${!this.isOpen && 'closed'}` }, index.h("header", { key: 'd87ec6cd3b3085131dd4bb6f2524e0ae39d36201', class: "header" }, index.h("div", { key: 'e2e3387ad686479d91810c022d657f44f97b1aeb', class: "title" }, index.h("slot", { key: 'c3accb74528dbd73140aa2b9b7c2e4e7f8013a6a', name: "title" }), index.h("xpl-button", { key: 'ee486da9662bddb85e336edc01d878c2b4ade2cc', class: "close-button", "icon-only": true, variant: "tertiary", onClick: this.handleClose }, index.h("xpl-icon", { key: '5e8b248e39e238e6ba2138641029bdde3160512e', icon: "xmark" }))), index.h("div", { key: '0bd2f149ba999ac0c8501d538298c2f5d4bfa687', class: "subtitle" }, index.h("slot", { key: '0523c0ea9575ff905e78893723e7d6329befc9d9', name: "subtitle" })), index.h("div", { key: 'd2de0a7b462fadfc9d80479db1153300abe0180f', class: "search" }, index.h("slot", { key: 'd0463af8f532856bdc273e306f06f7d837f41ffd', name: "search" }))), index.h("xpl-divider", { key: '9e3de6ccca99ab37bfeda29adbe343663f38ebef', tier: 0, class: "divider top" }), index.h("article", { key: '0cf827d89aca95c2a0b0e5f037d12a00de651866', class: "content", tabIndex: 0 }, index.h("slot", { key: '6738c288b5ccaa437efed62b8fd786cd58073b27', name: "content" })), this.showFooter && (index.h("footer", { key: 'cf02d04cd0b1ce89e4783c5b4741e8b5fad739e8' }, index.h("xpl-divider", { key: '9d79e51a52e5daed07bcb2ed7229f41926958594', tier: 0, class: "divider bottom" }), index.h("div", { key: 'fdbd1f126350e6b5b9bbad8a15bcc70cb9e562a3', class: "footer" }, index.h("slot", { key: '994b27f63fab2d9ad45c50862c07239492a8404c', name: "tertiary" }), index.h("slot", { key: 'ccd6bfc3f66e98dbb07a54a5e523b4365e8c1633', name: "secondary" }), index.h("slot", { key: '40dfa4f9fffecfd8a3c01be593de504b0d7e7f7e', name: "primary" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 var floatingUi_dom = require('./floating-ui.dom-DuvGwvW-.js');
 

package/dist/cjs/xpl-tab-panel.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var tabA11yIds = require('./tab-a11y-ids--A4ZoXEj.js');
 
 const TabPanel = class {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var tabA11yIds = require('./tab-a11y-ids--A4ZoXEj.js');
 
 const Tab = class {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const XplTableBody = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'e5934161758f0934269a09e4a1058f3fda919e9d', class: "xpl-table-body", role: "rowgroup" }, index.h("slot", { key: 'e042714dc35cbe4ecc83cff740f7a24de48feec1' })));
+        return (index.h(index.Host, { key: '0a5e05dbbc4f089b7907464693943ce76e76cbc3', class: "xpl-table-body", role: "rowgroup" }, index.h("slot", { key: 'f8781515706b3843fd288f5be832cb9e9b78a971' })));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var tableInternal = require('./table-internal-DssCrBs_.js');
 
 const CELL_MANAGED_DISABLED_ATTR = 'data-xpl-table-cell-managed-disabled';
@@ -69,13 +69,13 @@ const XplTableCell = class {
         walk(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: 'f4e7639b0cb35eda08fdbb13cf1e0ddcb380cb7a', role: "gridcell", class: {
+        return (index.h(index.Host, { key: 'f2b486b9dbab0c982fc3362e1775a99eebc1ac05', role: "gridcell", class: {
                 'xpl-table-cell': true,
                 [`xpl-table-cell--align-${this.align}`]: true,
                 'xpl-table-cell--bold': this.bold,
                 'xpl-table-cell--underline': this.underline,
                 'xpl-table-cell--disabled': this.disabled,
-            } }, index.h("slot", { key: '16d9a63cb992b9bbeb56500b5d6537b824336b40' })));
+            } }, index.h("slot", { key: '19c3a0f67b3eccdb3e6441ba74b8e9d5bb8d0ae6' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -91,10 +91,10 @@ const XplTableFooterCell = class {
         this.align = 'left';
     }
     render() {
-        return (index.h(index.Host, { key: '1434aa38de9894875e70b2a7b3c55479726727d5', class: {
+        return (index.h(index.Host, { key: '468d80c698b82031537d12584494bb8e42cc4a83', class: {
                 'xpl-table-footer-cell': true,
                 [`xpl-table-footer-cell--align-${this.align}`]: true,
-            }, role: "gridcell" }, index.h("slot", { key: 'e3bac594dbd5265f44c7bd620e1fccfc9248abf0' })));
+            }, role: "gridcell" }, index.h("slot", { key: '91674140e7e618b7ff40c58ebbdae79145318de9' })));
     }
 };
 

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const XplTableFooter = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '57872baa33166a8146bd0c9b3d7af1597e1fb41e', class: "xpl-table-footer", role: "rowgroup" }, index.h("slot", { key: '65def2bdfee1be95fa966f7f746dedc7176b91e6' })));
+        return (index.h(index.Host, { key: '1f6a7cae4df63c42c2c3c87bd3a531033d0e04b1', class: "xpl-table-footer", role: "rowgroup" }, index.h("slot", { key: '2b2447283d8fcc7ebf9d48d44e30b98b2af58d9c' })));
     }
 };
 

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const TableHeader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'fb6c6d0ab301f41a22428583ffa0fea60a30719b', role: "row", class: "xpl-table-header" }, index.h("slot", { key: '54b058d43266fa281e30d26a644ad93d6559408b' })));
+        return (index.h(index.Host, { key: '79ac33f5bf3c86664a181dddba8dbb4f087b0b05', role: "row", class: "xpl-table-header" }, index.h("slot", { key: '5fe1c6b9e117712b3af6b81dd37dc6775c67ed9d' })));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 function isTableCell(node) {
     return node.nodeName === 'XPL-TABLE-CELL';
@@ -44,11 +44,11 @@ const XplTableRow = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '8c49ba27b39d934cb774140b43e811e5ee2bb904', class: {
+        return (index.h(index.Host, { key: 'a743e3cf9f4761d990d4437390f5f3f4949c68b7', class: {
                 'xpl-table-row': true,
                 'xpl-table-row--disabled': this.disabled,
                 'xpl-table-row--selected': this.selected,
-            }, role: "row" }, index.h("slot", { key: '30788ce629c65d7eab04d268da978d46f0145e99' })));
+            }, role: "row" }, index.h("slot", { key: 'fc13f425ec75c16e0079733b789e7b68e1371f33' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 var tableInternal = require('./table-internal-DssCrBs_.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const PILL_LABEL_ICON_SELECTORS = '.xpl-button__icon, xpl-icon, xpl-badge';
 let xplTabsInstanceCounter = 0;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 let dismissablePropDeprecationWarned = false;
 function warnDismissableDeprecation() {
@@ -71,11 +71,11 @@ const Toast = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd51d901c62de43e0ad248a626e0447a7849e50f3', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, index.h("div", { key: 'e2e3585a43272f51f6ace1ce62544ae41464a3e5', class: "xpl-toast__left" }, this.showIcon && (index.h("div", { key: 'e3fd60595f205d8e15ed3ca1826e5e6d356e1a63', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), index.h("div", { key: '49642e6ee5502c09deb32188b62a160f748bb564', class: "xpl-toast__notification" }, index.h("p", { key: 'f7176eea6e6e125bec0c4397b0399bb76e8554b7', class: "xpl-toast__title" }, index.h("slot", { key: 'd5dd0d0413ec4f8198d16f8689791614fea877bc', name: "title" })), this.caption !== '' && (index.h("p", { key: '966112d3fe6dc1348341034685c606ca98e95d84', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), index.h("div", { key: 'c9ba66aaf64f191d5bab1c3290e0981a86a3ef91', class: "xpl-toast__action", ref: (el) => {
+        return (index.h(index.Host, { key: '75b3b05b745ac16a614f752cf83380428b1a4f9a', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, index.h("div", { key: '997a55f5deb3016410ea517e89b369368a6c44d7', class: "xpl-toast__left" }, this.showIcon && (index.h("div", { key: '6d60772a0b8f7f9839c59150a3f5f388553e7572', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), index.h("div", { key: 'f813c6fc2abb9f3ab1ca730be25537292f414963', class: "xpl-toast__notification" }, index.h("p", { key: '067e06ef8702892d3c1c513c47c0e03d1e025843', class: "xpl-toast__title" }, index.h("slot", { key: '24c8844bb360cc53f189c816789d4c112dee4bb2', name: "title" })), this.caption !== '' && (index.h("p", { key: '8b1e9e9342187c2b5c6158679f42c98073b9f369', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), index.h("div", { key: '016cc84afb7161149c321cd73bc40272e59f0e01', class: "xpl-toast__action", ref: (el) => {
                 if (el) {
                     this.actionSlot = el;
                 }
-            } }, index.h("slot", { key: 'faad90759fd343be3caa4540422c09d04642a217', name: "action" })), this.isDismissible && (index.h("div", { key: '25f1140170ec9a242e62c6665ebf0eb8aa1bae64', class: "xpl-toast__close" }, index.h("xpl-button", { key: '635900d579bda4fb905c7280de700de1143d474b', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
+            } }, index.h("slot", { key: 'e3491fe293e3ee7b3b30483a8e7b19d7c584794e', name: "action" })), this.isDismissible && (index.h("div", { key: 'dd7e8aa57d116045287f13b164ae63e603a81f01', class: "xpl-toast__close" }, index.h("xpl-button", { key: 'e1af234f5991651a039eba58f21c58e76d3d75eb', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var v4 = require('./v4-_2BfiRUa.js');
 
 const Toggle = class {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.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: '688ada0542f0634df6b447331833205149e88a94', class: {
+        return (index.h(index.Host, { key: '627eed07ad6f3c06145126cad4b9780a3bec7258', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, index.h("div", { key: '6b8c2990c354d2b9ee93225ad98fb8fbaf3dbaf7', class: "toolbar" }, index.h("p", { key: '60923603e318d109fd794259863a684d749ed52b', class: "selected-item-count" }, this.selectedItemCount, " Selected"), index.h("div", { key: '77df55c910d8ce89a4ff2a0356bc7cf78120e49a', class: "actions" }, index.h("slot", { key: '5de2e6bd168c31be133c55758acd2f95c56b715c', name: "actions-left" }), index.h("slot", { key: '3f8b3540adbd441c28771410f4d33e29d87d3be9', name: "actions-right" })))));
+            } }, index.h("div", { key: 'ccae2ca6612e91c87bae43479bc7aa4bf8731ad3', class: "toolbar" }, index.h("p", { key: '360658d3ed621e4d6d5920baf41c63f8649a7a9f', class: "selected-item-count" }, this.selectedItemCount, " Selected"), index.h("div", { key: '386e61abd7294286aca11f0e365f24b466193088', class: "actions" }, index.h("slot", { key: '4999110aaf0762dd60fdb4fbc3540040dadac003', name: "actions-left" }), index.h("slot", { key: '621b28dcb128f6a89d8ca3f7ec54503c3660a5bc', name: "actions-right" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const TooltipArrow = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "13" }, index.h("path", { d: "M0.5 5h15l-7.5 7.5L0.5 5Z", fill: "white", stroke: "none", class: "xpl-tooltip-arrow__fill" }), index.h("path", { d: "M0.5 5 L8 12.5 L15.5 5", fill: "none", stroke: "black", "stroke-width": "1", class: "xpl-tooltip-arrow__stroke" })));
 
@@ -11,7 +11,7 @@ const Tooltip = class {
         this.hideArrow = false;
     }
     render() {
-        return (index.h(index.Host, { key: '916a12e608a6e40c40ddfdbe40f12e115215758e' }, index.h("div", { key: '2f6c39a146fb2ba830306933309ffad9e8919eab', class: "xpl-tooltip-container" }, index.h("slot", { key: '39b1b2cf370620b96fd00b6343dc0896791ad510' }), index.h("div", { key: '34198d0f1184a3e05236a508e94531f503309691', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (index.h("div", { key: '42f42b07b4f0ae6bd7cbd31837e4846a28ed4e72', class: "xpl-tooltip-arrow" }, index.h(TooltipArrow, { key: 'af8672da89cda34507e53906937e600400b26953' })))))));
+        return (index.h(index.Host, { key: 'e2092a0ca048c0c06346b28c5f7a38fb343b0989' }, index.h("div", { key: '9f9b41b01e4b4a3721a9744bf4a9dc798bd5e313', class: "xpl-tooltip-container" }, index.h("slot", { key: 'a4e23c5c38d792a08755aacd1a1b3250f3cfd29e' }), index.h("div", { key: 'c6227fd82a95bd19de20c68d97c4c9b72a749d28', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (index.h("div", { key: '551d991247f6f3016559fa10180ba96101a47169', class: "xpl-tooltip-arrow" }, index.h(TooltipArrow, { key: 'fc323dececf4a90528ed47e06290188722a17eb0' })))))));
     }
 };
 

package/dist/cjs/xpl-top-nav-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 var topNavConstants = require('./top-nav-constants-DckvgAo7.js');
 
@@ -411,7 +411,7 @@ const TopNavItem = class {
         return (index.h("button", { ...shared, type: "button" }, this.renderLeading(), this.renderLabelContent(), this.renderTrailing()));
     }
     render() {
-        return (index.h(index.Host, { key: 'fe53cfd84cba8502089c4a3fae62dfed10c0cdf0', class: {
+        return (index.h(index.Host, { key: '59b96ce313362796a55a0e109a3cd3918b88a6b3', class: {
                 'xpl-top-nav-item': true,
                 'xpl-top-nav-item--active': this.active,
                 'xpl-top-nav-item--dropdown-open': this.hasDropdown && this.open,
@@ -419,7 +419,7 @@ const TopNavItem = class {
                 'xpl-top-nav-item--has-dropdown': this.hasDropdown,
                 'xpl-top-nav-item--selected': this.selected,
                 dark: true,
-            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (index.h("div", { key: '954f83c94bd56d9bd328212f2ecc070861b1fd54', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, index.h("slot", { key: '4d830a9386f12026cd1a2ecb454bcb9df2202431', name: "dropdown" })))));
+            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (index.h("div", { key: '8daced29efc97c4a36934dfd70764768440acbef', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, index.h("slot", { key: 'aa1f47af8c810d24e21b18ded427c8a80f20ead2', name: "dropdown" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/xpl-top-nav-menu.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 var topNavConstants = require('./top-nav-constants-DckvgAo7.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var lightDomSlots = require('./light-dom-slots-CS8Q9rRZ.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 

package/dist/cjs/xpl-utility-bar.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const UtilityBar = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const UtilityBar = class {
         this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
     }
     render() {
-        return (index.h(index.Host, { key: '9bb4778368fca3035fc19b74ec3881b9c21ce856' }, index.h("nav", { key: '909606f5baaef1a9c7402ac18107a607aa1df742', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (index.h("div", null, index.h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, index.h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), index.h("slot", { name: "aside" }))) : (index.h("slot", { name: "aside" })), index.h("slot", { key: 'd6bce27702906a01823de67d63173406ceb06290', name: "main" }))));
+        return (index.h(index.Host, { key: '68d645d450da9bb09ab698b865cdb90643276b04' }, index.h("nav", { key: '7c8e37a3c7029af28eea94f8c4db4a681f903fb7', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (index.h("div", null, index.h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, index.h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), index.h("slot", { name: "aside" }))) : (index.h("slot", { name: "aside" })), index.h("slot", { key: '36fd1261aeafbdcb52cee2b19b3f29ce7c3f7539', name: "main" }))));
     }
 };
 

package/dist/collection/collection-manifest.json

@@ -81,7 +81,7 @@
   "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.43.5",
+    "version": "4.44.2",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

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

@@ -51,14 +51,14 @@ 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: '5b950c90f1d0c1c4ec18a63543e8a3f967e4c345', class: `xpl-accordion ${accordionBorder}` }, h("button", { key: 'd080af79bf979178beadd345259e3555c82d6d11', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, h("header", { key: '31cd09cebdcd16f8581340b720f4f3bf5eb11315', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, h("slot", { key: '42f3de1cbccc2304d60db637879539a607338d9d', name: "heading" }, this.header), h("xpl-icon", { key: 'f7a047102a0e10b60d3ac3d18aa47c2de4409b6e', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), h("div", { key: '284d9e73027bc38acafc4d07355a0c21c7d38ce1', class: "xpl-accordion-description" }, h("slot", { key: 'a7928e0e46a3f5d2274477a576f65330c5600046', name: "description" }, this.description))), h("section", { key: '5d89a5282aa9f63d349196f2b90c2404bc636e47', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
+        return (h(Host, { key: 'bef7707d1c7aaab18735fdb7b767b54a6cfd9805', class: `xpl-accordion ${accordionBorder}` }, h("button", { key: '053fb3d0a2bf253e02d491d26e3a82986352e00e', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, h("header", { key: '884b58fd83f39537b00bdb932286254447996151', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, h("slot", { key: '86ee5ae7cc2c28d5a3d5a273b5597d424e5f677c', name: "heading" }, this.header), h("xpl-icon", { key: 'e15037ad75519740e11bb4b2bf0ee83950cef3c4', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), h("div", { key: '553d3c1e14a5cd870a6f968133d1b3456d2a39dd', class: "xpl-accordion-description" }, h("slot", { key: 'b114db833bfb9407997b9e2e79e93b83ae9f081a', name: "description" }, this.description))), h("section", { key: '92e987377515608b9c9d6ee9de77f32a05644de8', 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: '658018fba352e3d8a3d005890557fa4f5acb3985', name: "content" }))));
+                : ''}` }, h("slot", { key: '0363c341f5554dc9b199c2ddfdc516fc758c46fc', 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: '2a5c0529540dc44d79f4744cd77465d097a3cfe9', class: applicationShellClasses }, h("div", { key: '9e7b1e9c302d3188c20792ce5d45c4fd3d981eae', class: navClasses }, h("slot", { key: 'ac3a2e232a4bb296dc97edb46da3a45a9a0143ee', name: "nav" })), h("div", { key: '8a43762388448850e6b70f526ca288e12cfb3a86', class: "xpl-application-shell__subnav" }, h("slot", { key: 'c3753c23cebdc77664c885770f2a7a3afafd2f70', name: "subnav" })), h("div", { key: '17e41ed6c571dc8a11c20034cff373442ed72a47', class: "xpl-application-shell__utility" }, h("slot", { key: '20b62c7529383caf5d52e9f0a7afdfd362136404', name: "utility" })), h("div", { key: '1632f1a97ae50432228040c3788248ff598160f1', class: "xpl-application-shell__content" }, h("slot", { key: '0e3fa6b14b216db3848ec302f755db2f4d9babea', name: "content" })), h("xpl-backdrop", { key: 'd465d3084d1728fd072537ccd1947a154389fb59', onClick: () => this.navToggleHandler(), class: {
+        return (h(Host, { key: '62f8a731b47f2ffadb192ed1c4d804362dd66a42', class: applicationShellClasses }, h("div", { key: '0f8b2f9825bd85a187a44ec8b29bb61933216d47', class: navClasses }, h("slot", { key: 'f35e09fef29ec3ec8a14c32891e1f1a6aeec058a', name: "nav" })), h("div", { key: '29ea416c978cdb10ecc2df516cc25ff7fbde2342', class: "xpl-application-shell__subnav" }, h("slot", { key: '56d536702db72a201d5573d30e7e4f04a5fd3428', name: "subnav" })), h("div", { key: 'eb6edaeab5e79ba6d6f60c1edf2369205a724f59', class: "xpl-application-shell__utility" }, h("slot", { key: '86fde26627dbf24bf23d2b467940bf3ff58dbdc8', name: "utility" })), h("div", { key: 'ae8b382f38f03018b4098b96fcf1a9a583671356', class: "xpl-application-shell__content" }, h("slot", { key: '3e8cbe1c7540e3522147582e7bb724bef88f8910', name: "content" })), h("xpl-backdrop", { key: '559ef92a0ed4764257f25482a7d192183785c2cf', onClick: () => this.navToggleHandler(), class: {
                 'xpl-application-shell__backdrop--open': this.navOpen,
             }, relative: true })));
     }

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

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

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

@@ -26,7 +26,7 @@ export class Badge {
             [`xpl-badge--size-${this.size}`]: !!this.size,
             [`xpl-badge--shape-${this.shape}`]: !this.dotOnly && !!this.shape,
         };
-        return (h(Host, { key: '88ec460410a79a749357fb0fcfce4393f1fbd119' }, h("div", { key: '93dd43a12a7d18a95d6c6d242ac527017736cd38', class: className }, h("span", { key: 'f399c751da8fc51c5a47672c39e1b618d29f1314', class: "xpl-badge__label" }, h("slot", { key: 'f3920fd097e95f0e550eafa40010b0ca3d4202d4' })))));
+        return (h(Host, { key: 'df70cb8e95cecc50abc78308edb0b3de90b1e8d5' }, h("div", { key: 'de762267e9a338127b65027fbb77a297939e997a', class: className }, h("span", { key: '99f8e2cfb87fd814c520532ef0701095e2b8f606', class: "xpl-badge__label" }, h("slot", { key: 'c49400097ee9bdfc04344464d7be3e02133b199c' })))));
     }
     static get is() { return "xpl-badge"; }
     static get properties() {

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

@@ -54,13 +54,13 @@ export class Banner {
         const actionState = this.getActionButtonState();
         const isHeadingPresent = !!this.heading?.trim();
         const isDescPresent = !!this.description?.trim();
-        return (h(Host, { key: 'a78a06e2863b01b36e265fdd55bb9d1d77751c88', class: {
+        return (h(Host, { key: '3ec080a23996280ec5223f06f75db2f308c4af9e', 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: '70b99cf6bf217673c1dc80d022a461285636a4bd', class: "xpl-banner__icon", "aria-hidden": "true" }, h("xpl-icon", { key: 'f91c24c80d30d8c784c4fa96e8a3829243705436', icon: this.getIcon(), size: 24 }))), h("div", { key: 'edbcd267f1ad434adc4b2a05ce598fab3c2e6df6', class: "xpl-banner__body" }, isHeadingPresent && h("p", { key: 'd3416ba50362753dd22e2c7e4097159bedf9f8c4', class: "xpl-banner__heading" }, this.heading), isDescPresent && (h("p", { key: 'b899e18bce636d21cec109cd3a7933907877d32a', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (h("div", { key: '702098d0a58e9327adba65a1b5d9ab9381eabfee', class: "xpl-banner__actions" }, hasAction && (h("xpl-button", { key: '73e9a4609e1d8f9a21d096369def97a864dc7ed7', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (h("xpl-button", { key: 'e8449c8728aa9336c51fe0fd4f012452730eb816', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (h("button", { key: '9b46dcb8aac285b0fc4a8d60132dd99d756d61c3', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, h("xpl-icon", { key: 'd0299f4467685505ab2712a985c09ed2d12e90a4', icon: "xmark", size: 24, "aria-hidden": "true" })))));
+            }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (h("div", { key: 'b6a41b971e0a7f07aefa8bd457e39cd16dbaeb3b', class: "xpl-banner__icon", "aria-hidden": "true" }, h("xpl-icon", { key: 'cefc593e0ab2134c4853e7e5e49be548d6b32a24', icon: this.getIcon(), size: 24 }))), h("div", { key: 'c26947f4579889550ce9d9edf272274c96981ff7', class: "xpl-banner__body" }, isHeadingPresent && h("p", { key: 'ccc03db846014aaa25b9938373108feae99150d3', class: "xpl-banner__heading" }, this.heading), isDescPresent && (h("p", { key: '14493ae4ebd31a9d2677b45f148d98c0b6a443e8', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (h("div", { key: '37347b1eb78e4664498410a3e5918f26cb670725', class: "xpl-banner__actions" }, hasAction && (h("xpl-button", { key: 'e84704a48a07fd2ca75252c8821f59084275975c', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (h("xpl-button", { key: 'e02ac8ed8b9c4146d6275262359a9d5d3e401e9c', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (h("button", { key: '8f7c5451c1fcadd30915f59064738e42a1e72948', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, h("xpl-icon", { key: '6775534525f9363551699f9efa879225d51363f4', 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: '7183a61283e558218b0ab031b4751c8a0adceccf', class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { key: 'dbd92cb1dbda6fae79786dc0445bed7d7c77334f', role: "none" }, h("slot", { key: 'aed0551ce683fce1886d2e4263ad817201471e61' })), h("span", { key: 'eb62adcc50b5da568c953263ebe6e3dc185c60c1', innerHTML: this.chevron })));
+        return (h(Host, { key: 'f27e929df7f6b3c346c78dbaa1fbd5504ed02bb8', class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { key: '58c1f95719d3d0ad4304cc4f29e74fc66efa5693', role: "none" }, h("slot", { key: 'd8ecd978e3f99fd2638094d33735c66e3a56d29c' })), h("span", { key: 'a0b21f289feb8246a9e75874f259fe5597cbcaf3', 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: 'da8bca6508913f46c473f8d97bfd7dc6dd45bce5' }, h("nav", { key: 'c9967a3ea464361b820e1c8354ee646cc13677e8', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, h("ol", { key: '57791a5a8d72a9f25d0e9d43eac87044d8115f4a', role: "list" }, h("slot", { key: 'b6c7658b88b190130352d096a9b8b1b7e83f7839' })))));
+        return (h(Host, { key: 'f859d93fa0a8ad5b4f8258aa9bbdc1911d6ae16d' }, h("nav", { key: '6d676d761994ec12287b1ebdd9de581b312bea8e', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, h("ol", { key: 'ebcb8ef044cb89b8269e2b57b920d915f722a7de', role: "list" }, h("slot", { key: '61baec9902cafb7fbdfd69293005708abda67170' })))));
     }
     static get is() { return "xpl-breadcrumbs"; }
 }

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

@@ -54,7 +54,7 @@ export class Button {
         }
     }
     render() {
-        return (h(Host, { key: '0e9841bd097a28e6745efddaf0d528d1f23f799d', class: {
+        return (h(Host, { key: '22c276771971610882e3f2761685fc0194bf4b53', class: {
                 'xpl-button': true,
                 [`xpl-button--${this.size}`]: true,
                 [`xpl-button--${this.variant}`]: true,
@@ -69,7 +69,7 @@ export class Button {
                     this.type === 'reset' ||
                     this.type === undefined)
                 ? 'button'
-                : this.type, name: this.name, value: this.value, form: this.form, "aria-busy": this.isLoading ? 'true' : undefined }, this.icon && h("span", { class: "xpl-button__icon" }, this.renderIcon()), h("slot", null), this.isLoading && (h("span", { class: "xpl-button__loading-overlay", "aria-hidden": "true" }, h("span", { class: "xpl-button__loading-spinner" }, h("xpl-icon", { icon: "loader-4" }))))))));
+                : this.type, name: this.name, value: this.value, form: this.form, "aria-busy": this.isLoading ? 'true' : undefined }, this.icon && h("span", { class: "xpl-button__icon" }, this.renderIcon()), h("slot", null), this.isLoading && (h("span", { class: "xpl-button__loading-overlay", "aria-hidden": "true" }, h("span", { class: "xpl-button__loading-spinner" }, h("xpl-icon", { icon: "loader-4", size: 20 }))))))));
     }
     static get is() { return "xpl-button"; }
     static get properties() {

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: '775133c0e49878db9861212167b4af14241f39b7', class: "xpl-button-row" }, h("div", { key: 'cb0bf58d6624380730d56fbcb67746bef02f1623', class: "xpl-button-row-inner" }, h("div", { key: 'c857f0383c85129273ee2bdd3572a05ead4682ae', class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { key: '863e665b97686490b5a8df1b94303ab369eb9bf0', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), h("div", { key: 'c5f244acf020f0cb3be4994fafe92161428a7289', class: "xpl-button-row__right" }, this.tertiary && (h("xpl-button", { key: '9766e4e5ff3cd7e3f2202764edf9b3c3221b7ea8', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (h("xpl-button", { key: '981384abd21328e229f28a345eef129cb96cbdc8', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (h("xpl-button", { key: 'f141d9bff96edd8c74bd19745e7a259005ebc12e', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
+        return (h(Host, { key: '1a62b9b571e501af51ec981ffa18482516d889dd', class: "xpl-button-row" }, h("div", { key: '60eefd7f143289ff3991373d29d8fb925c326bcd', class: "xpl-button-row-inner" }, h("div", { key: 'a395589aa225b953abf8a60539ea32dcca023f17', class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { key: 'b4682506704ed7b9169e5b621fa58d6c5238103f', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), h("div", { key: '24c432eb94332d55842cb3e3b747b933bc29b168', class: "xpl-button-row__right" }, this.tertiary && (h("xpl-button", { key: '07ddee3c645def7a435d1ee7e33ac82a11b311cd', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (h("xpl-button", { key: 'eed2fe1cf5235744f91b3990953dd3bea7ed6bea', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (h("xpl-button", { key: '28d2224d6c2b519068b5c47ccb8e7a2a8ec31180', 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

@@ -55,7 +55,7 @@ export class Calendar {
         }
     }
     render() {
-        return (h(Host, { key: 'b82a13403c12cdcfa676caeddcd397cd264eb9ec', class: "xpl-calendar" }, h("input", { key: '0fba8e4e4b052bfed0e883c3455f63e8549c4263', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
+        return (h(Host, { key: '9482590a1f610ab97fa222cc4b7dd1c5d39646ce', class: "xpl-calendar" }, h("input", { key: '1222dcda2f73a3bb174410a2a05c39d1f0614c7e', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
                 if (el)
                     this.inputElement = el;
             } })));

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

@@ -10,14 +10,14 @@ export class Checkbox {
         };
     }
     render() {
-        return (h(Host, { key: '300304af622ef0f26d53df76c20e27990a7b71d4', class: {
+        return (h(Host, { key: '1c22f9cae18b7ef0ab38b01b0a1bcb0267047201', class: {
                 'xpl-checkbox-radio-container': true,
                 styled: !!this.styled,
                 disabled: !!this.disabled,
-            } }, h("input", { key: '43b393bae1a48af0cd14f577cf3164d034e3aa3f', class: "xpl-checkbox", type: "checkbox", "aria-label": (this.ariaLabel ?? '').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: 'fcd3c7867ff3a8073bcd48aed8fb22c587f38ab0', class: {
+            } }, h("input", { key: 'b82e9eef1e504bdf76faf441c5215b3ef95bd006', class: "xpl-checkbox", type: "checkbox", "aria-label": (this.ariaLabel ?? '').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: '0f605fbd6dbee4e412e12c461bc530b47926d01b', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, h("slot", { key: 'd2ddc28e2b6c310f800efd13aaf8b6b718146e51' }), this.description && (h("small", { key: '573a2af2584d91da251b974c56999529c06ad9d0', class: {
+            }, htmlFor: this.id }, h("slot", { key: '1f165c4cad532b4daa6726ca1cd0607c26d7bbee' }), this.description && (h("small", { key: '21d04363115f6762600d4fa47ea2bdd2ae1a9c78', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
             } }, this.description)))));

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

@@ -36,7 +36,7 @@ export class Choicelist {
         this.onChoicesPropChange(this.choices);
     }
     render() {
-        return (h(Host, { key: '618280baaf3f3e5d6b2787e74a257858a2a94a26', class: "xpl-choicelist-container" }, this.heading !== undefined || this.description !== undefined ? (h("div", { class: "xpl-choicelist-heading" }, this.heading && h("h3", null, this.heading), this.description && h("p", null, this.description))) : null, this.choices && (h("ul", { key: '3d728d5612ea9efe80325cb09b98f5cf3146a813', class: {
+        return (h(Host, { key: 'c1588b70760e078e599ee7a0ffa9b63b65bfb7e4', class: "xpl-choicelist-container" }, this.heading !== undefined || this.description !== undefined ? (h("div", { class: "xpl-choicelist-heading" }, this.heading && h("h3", null, this.heading), this.description && h("p", null, this.description))) : null, this.choices && (h("ul", { key: '0ea89dcd0aa52724e2659b0a075299c0624eb682', class: {
                 'xpl-choicelist': true,
                 'xpl-choicelist--styled': !!this.styled,
             } }, this.choices.map((choice, i) => {

package/dist/collection/components/xpl-content-area/xpl-content-area.js

@@ -4,7 +4,7 @@ export class ContentArea {
         this.size = 'wide';
     }
     render() {
-        return (h(Host, { key: '30c120a2eb2998222057ec07e5904cc1d8522f88' }, h("main", { key: 'c4d94b67ece358f50577b5b26793a31fa58b5ad2', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, h("div", { key: '162e32db10f359d86cbe80fa881f9866b8a9e14e', class: "xpl-content-area" }, h("slot", { key: '065c2851622f7817ab6ceb5fe5b23cd19a1408ed' })))));
+        return (h(Host, { key: '039b66267939780a105ead45dee7fdbab2826555' }, h("main", { key: '457e5701bed865b094c8031fef9a4f2d4f167e2a', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, h("div", { key: '174ca226c7c4cf56bd03f0636b985f5c13b72ddc', class: "xpl-content-area" }, h("slot", { key: '74e699c02c468d99032e37f8bdc025a5ad443e53' })))));
     }
     static get is() { return "xpl-content-area"; }
     static get properties() {

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class Dashboard {
     render() {
-        return (h(Host, { key: '6551b0e202b00dc8c584c4368bfabdb388433016' }, h("dl", { key: '126b026852d0de7040ce26736eb850fa31bfc1f3', class: "xpl-dashboard" }, h("slot", { key: '262977ead7f8f9d15e61a20368bb1a3584b4fd8b' }))));
+        return (h(Host, { key: 'dac516d62e2171dcd43f7c7d28fc4af39a880d63' }, h("dl", { key: '9ebe4177da5919058c8cdcc7aba2b07fcc9617a0', class: "xpl-dashboard" }, h("slot", { key: 'eb261b674f1ae29b4b9837c98865b64a78fe4949' }))));
     }
     static get is() { return "xpl-dashboard"; }
 }