@xplortech/apollo-core 3.2.1 → 3.4.0

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-CQbPtJas.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: 'bc734cbb385801e337ce2dbe6c4526312e266d1c', 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: '1d30786f440f2c7cab378a8b495e3e4a7f24da72', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, index.h("slot", { key: '6ac2aaaf93c5efae76ad36e0e15b784456a61a36', 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-CQbPtJas.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 var topNavConstants = require('./top-nav-constants-DckvgAo7.js');
 
@@ -80,10 +80,10 @@ const TopNavMenu = class {
         return (index.h("xpl-top-nav-item", { class: "xpl-top-nav-menu__back", label: this.label, onNavItemClick: this.handleBackClick }, index.h("xpl-icon", { slot: "leading-icon", icon: "chevron-left", size: 24 })));
     }
     render() {
-        return (index.h(index.Host, { key: '10a844d721713b72f636a8a3a3e266139b9c0193', class: {
+        return (index.h(index.Host, { key: 'e5d2cbfdf4186ee69b7e2ffcc26bc44f372923e2', class: {
                 'xpl-top-nav-menu': true,
                 dark: true,
-            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), index.h("slot", { key: 'e7db1c580f34bf388658f6baacfc325322e2670e' })));
+            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), index.h("slot", { key: '5c22ca998d86f7eb2ff89eb8bd0bf0b38b02dd31' })));
     }
     get el() { return index.getElement(this); }
 };

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-CQbPtJas.js');
 var lightDomSlots = require('./light-dom-slots-CS8Q9rRZ.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 
@@ -309,7 +309,7 @@ const TopNav = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f51ed285523198b4ef39de7ea1e5dc025d5a308a', class: {
+        return (index.h(index.Host, { key: '93c1434cfab90ea8a21d3fc824e877edb2292d7f', class: {
                 'xpl-top-nav': true,
                 'xpl-top-nav--nav-control': Boolean(this.navControl),
                 'xpl-top-nav--open': this.open,
@@ -317,15 +317,15 @@ const TopNav = class {
                 'xpl-top-nav--has-brand': this.hasBrand,
                 'xpl-top-nav--has-user-menu': this.hasUserMenu,
                 dark: true,
-            } }, index.h("nav", { key: 'c2c14ed2ba975299efd76a391dfd6371b9214449', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, index.h("div", { key: 'c223b947ffbcb55c6c6a06fa3adaeaee7661b61e', class: "xpl-top-nav__inner-left" }, this.navControl && (index.h("button", { key: 'd364b6dd709d59730d40e7a0d41f9dd8fd55d40b', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, index.h("xpl-icon", { key: 'b84614dc20189f641b2f5a08eef1c76610135598', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (index.h("div", { key: '90b104133cbdea89643923fd06f54179978862a5', class: "xpl-top-nav__brand-bar" }, index.h("xpl-top-nav-item", { key: '2b40b31ba1312a76231f7a89b1e95508a5a146a1', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (index.h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
+            } }, index.h("nav", { key: '7a68202ba4a467f1f4c0e4acde8eed38fd81eabe', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, index.h("div", { key: '5d90e4597ead418cff05105e164c7a51ac77ea6b', class: "xpl-top-nav__inner-left" }, this.navControl && (index.h("button", { key: 'f01f960a6612985fb6054bb26e8f15e652f9e9e5', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, index.h("xpl-icon", { key: 'b330f04963bf2f7407d091d5546acb4923acfdd6', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (index.h("div", { key: 'd43a05bf08ddec1a62c3000fce3e0e3332b1eb27', class: "xpl-top-nav__brand-bar" }, index.h("xpl-top-nav-item", { key: 'ee5ca421e2a48c7048f418d4d105ee33bb591951', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (index.h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
                 ? this.brandName.trim()
-                : 'Brand' })) : this.brandLogoSlotPresent ? (index.h("span", { class: "xpl-top-nav__brand-logo-slot" }, index.h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (index.h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), index.h("div", { key: 'ca3e9b4501ab3756301b2079bcb9632734e56922', class: {
+                : 'Brand' })) : this.brandLogoSlotPresent ? (index.h("span", { class: "xpl-top-nav__brand-logo-slot" }, index.h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (index.h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), index.h("div", { key: 'eebb82d6e3b74cfefd5dc37f2d943982af57143f', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-left': true,
-            } }, index.h("div", { key: 'f2674faf140853536150058d13a5d40c7399979e', class: "xpl-top-nav__left-primary", role: "list" }, index.h("slot", { key: '29363ac15d3f3bf7a43b237a7f7e0622c5bd54c4', name: "left-aside" })))), index.h("div", { key: '7c83bd0a80649b9cbe9ed757ead1136b6fabd09c', class: {
+            } }, index.h("div", { key: '80831a29fc9a549e322659c9019b91e8859ae621', class: "xpl-top-nav__left-primary", role: "list" }, index.h("slot", { key: '1afe64acf17e364209086a5d921f7ff1e249426e', name: "left-aside" })))), index.h("div", { key: '40742d04b8bca081837201c260580367a9a7b44e', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-right': true,
-            } }, index.h("div", { key: 'c67e6d3365d90cd7f7c55b08dcc4fa56dcb3e291', class: "xpl-nav-right__list" }, index.h("div", { key: '46b9c3b0b010bf52a5632bc81b279310c0a54438', class: "xpl-top-nav__right-rail" }, index.h("div", { key: '72279d15a5464dfabd9f92c04bc231e270ea04b9', class: "xpl-top-nav__right-lead" }, index.h("slot", { key: 'd8b44d01141f9cfbeb7d6b019345ffc8c94fd0c3', name: "right-aside" })), this.hasUserMenu ? (index.h("div", { class: "xpl-top-nav__right-user" }, index.h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (index.h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (index.h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
+            } }, index.h("div", { key: '5fd88026428adc7984960967f1f5f95b4e4775de', class: "xpl-nav-right__list" }, index.h("div", { key: 'bebf175590e3dfc04ce1e1824fa6391e4c4618f7', class: "xpl-top-nav__right-rail" }, index.h("div", { key: '64e93df91296ab370401d8df9a5a41a83b8b38d4', class: "xpl-top-nav__right-lead" }, index.h("slot", { key: '103d72d4b657adea4fb4a2bbd5a4ff70b0d7a034', name: "right-aside" })), this.hasUserMenu ? (index.h("div", { class: "xpl-top-nav__right-user" }, index.h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (index.h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (index.h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
                 ? undefined
                 : 'Open account menu' }, this.childAccountLabelText.length > 0
             ? this.childAccountLabelText

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-CQbPtJas.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-avatar/xpl-avatar.js

@@ -158,8 +158,8 @@ export class Avatar {
                     "references": {
                         "AvatarColor": {
                             "location": "local",
-                            "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"
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/xpl-avatar/xpl-avatar.tsx",
+                            "id": "src/components/xpl-avatar/xpl-avatar.tsx::AvatarColor"
                         }
                     }
                 },
@@ -203,8 +203,8 @@ export class Avatar {
                     "references": {
                         "AvatarGroupItem": {
                             "location": "local",
-                            "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"
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/xpl-avatar/xpl-avatar.tsx",
+                            "id": "src/components/xpl-avatar/xpl-avatar.tsx::AvatarGroupItem"
                         }
                     }
                 },
@@ -304,8 +304,8 @@ export class Avatar {
                     "references": {
                         "AvatarStatus": {
                             "location": "local",
-                            "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"
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/xpl-avatar/xpl-avatar.tsx",
+                            "id": "src/components/xpl-avatar/xpl-avatar.tsx::AvatarStatus"
                         }
                     }
                 },
@@ -370,8 +370,8 @@ export class Avatar {
                     "references": {
                         "AvatarVariant": {
                             "location": "local",
-                            "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"
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/xpl-avatar/xpl-avatar.tsx",
+                            "id": "src/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: '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() {
@@ -139,8 +139,8 @@ export class Badge {
                     "references": {
                         "BadgeVariantProp": {
                             "location": "local",
-                            "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"
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/xpl-badge/xpl-badge.tsx",
+                            "id": "src/components/xpl-badge/xpl-badge.tsx::BadgeVariantProp"
                         }
                     }
                 },

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: 'a3fe8d5cf72542a8780abff18083667f0bedf2f7', class: "xpl-calendar" }, h("input", { key: '3aa859f2f540ba6c04b1347e0b7d339322a181ab', 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) => {
@@ -62,7 +62,7 @@ export class Choicelist {
                         "Choice": {
                             "location": "import",
                             "path": "./choice",
-                            "id": "src/components/components/xpl-choicelist/choice.ts::Choice",
+                            "id": "src/components/xpl-choicelist/choice.ts::Choice",
                             "referenceLocation": "Choice"
                         }
                     }

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"; }
 }

package/dist/collection/components/xpl-data-card/xpl-data-card.js

@@ -90,8 +90,8 @@ export class DataCard {
             : this.smallStatVariant === 'negative'
                 ? 'arrow-down-right'
                 : 'dash';
-        return (h(Host, { key: '7c4e576cefe0b23b431aa2a73ca246fec0bb8db6', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, h("dt", { key: 'e5907b183be449b87b2b5c46f17b2c7c97a07f66', class: headerClasses }, h("header", { key: '234988a87297a90565614c16e7a30a18a7b5aeb2' }, !!this.leadingIcon && this.icon && (h("span", { key: '462d1f7a090eefb04be255c37a19d05c8365bf35', class: `xpl-data-card__icon--${this.variant}` }, h("xpl-icon", { key: '334a676cbbf353de77fd173fbeb786820694d6d0', icon: this.icon, "background-color": bgColorHue, size: 20 }))), h("slot", { key: '9f933f8307c0ee4289ab03971261d947ac3a71c3', name: "title" }, this.name)), this.link && (h("span", { key: 'eb5e62387de08b5d588b702cdb06522a18f6d0ff', class: "xpl-data-card__header-arrow" }, h("xpl-icon", { key: 'f0c210320683fa98dc15e89cef7ba0351ae8b54f', icon: "chevron-right", size: 16 })))), h("dd", { key: 'a18c3f4800e6719a659e8ad1ebb9b61d4c59235a', class: "xpl-data-card__body" }, h("div", { key: '0ea86cf8297a15c2ac3694df4ecedbce2a967239', class: "xpl-data-card__left" }, h("span", { key: 'd3daf019480ee66cfd9c1fff5e57cad87dab9b6e', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (h("xpl-tooltip", { text: this.tooltipTextStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, h("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
-            (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && h("span", { key: '61bb7ebb508ead51c8c7dbbe1513822c65675fc5', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (h("div", { key: '6325676d2bbc0210e5d46ec72a5f8cb7d916d255', class: "xpl-data-card__right" }, h("slot", { key: '96775ee066bcea7b8e418132b8125857cf197cbc', name: GRAPH_CONTENT_SLOT }))))));
+        return (h(Host, { key: 'fb91175354152014c8369bcae8185f2f0a071178', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, h("dt", { key: '3b8b2ff2bb78c57f791e3f9b4140ea7acfa92b8f', class: headerClasses }, h("header", { key: '6fc0bfd1e215d7287ec0f458281e63f758338b10' }, !!this.leadingIcon && this.icon && (h("span", { key: 'f5e05a6211c9e2dc7af4284f86f20d20d77c9303', class: `xpl-data-card__icon--${this.variant}` }, h("xpl-icon", { key: '05a8e87ce2af58503f2d1eeff62a1ac28f121aa4', icon: this.icon, "background-color": bgColorHue, size: 20 }))), h("slot", { key: 'b0516cf5536fddad413546864414ad631098a982', name: "title" }, this.name)), this.link && (h("span", { key: '4a63943da50d3d70e3875928ad74f326d16396f6', class: "xpl-data-card__header-arrow" }, h("xpl-icon", { key: 'af56c3a9e0f2fc683397aa0b1987f4e98318908a', icon: "chevron-right", size: 16 })))), h("dd", { key: '7b7df42e84bef6a3dd191d5171471380089be754', class: "xpl-data-card__body" }, h("div", { key: '5d59246ce0a1e9b068fd99ad7f15260e668e2f26', class: "xpl-data-card__left" }, h("span", { key: '0f6071510c55952ae5ceb031d9c15a648018ade4', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (h("xpl-tooltip", { text: this.tooltipTextStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, h("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
+            (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && h("span", { key: 'd412ffb9b685d8d74b6e5acefc1acb67e6edb04c', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (h("div", { key: 'bb050d82e4babcc083945c8cc23159476063858e', class: "xpl-data-card__right" }, h("slot", { key: '12b236efcc601e022b75b20223b234d385d7ff4a', name: GRAPH_CONTENT_SLOT }))))));
     }
     static get is() { return "xpl-data-card"; }
     static get properties() {

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

@@ -3,7 +3,7 @@ export class Divider {
     render() {
         let className = 'xpl-divider';
         className += ` xpl-divider--${this.tier}`;
-        return (h(Host, { key: '4c1cdecc3ed6e9440668e413df897e23d9f7d679', class: className }, h("span", { key: 'bb85cd26e6565c1f1ec150fca99fe965957878cb' }, h("slot", { key: '37d5a8f75d26f6ba545aa1c12c4e7634b8dd1b6c' }))));
+        return (h(Host, { key: 'af5215db4c71b69c9dba81383bd9ae2fa318d7f1', class: className }, h("span", { key: 'de353b8dd0fa49490b93295a0da8c783a0b664f4' }, h("slot", { key: '9a10da3760366b90059113530c7e1799d1a3a89c' }))));
     }
     static get is() { return "xpl-divider"; }
     static get properties() {

package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js

@@ -5,7 +5,7 @@ export class DropdownGroup {
         const hasOptions = options && options.length;
         const mappedOptions = hasOptions &&
             options.map(({ groupName: optsGroupName, ...properties }) => optsGroupName ? (h("xpl-dropdown-group", { label: optsGroupName, ...properties })) : (h("xpl-dropdown-option", { ...properties })));
-        return (h(Host, { key: '765c69b589275544bc312a60036a22345509b105', role: "group", "aria-label": groupName }, h("li", { key: '6dfa766bd675e0579e8608aa0b202f63e2be2635', class: "xpl-dropdown-list-item" }, h("xpl-dropdown-heading", { key: '42cb1a573126edee7f1a01397988d6e9d952ead3', label: groupName }), h("ul", { key: 'f443eba9c19554eea7997a47252816a39660d9a7', class: "xpl-dropdown-list" }, mappedOptions || h("slot", { key: '60d3bff8026d96197a3482cd7e58807cfc02df2b', name: "options" })))));
+        return (h(Host, { key: 'c9a5ff35e59c6d64fb3b2bdf8d8e9381f53f843b', role: "group", "aria-label": groupName }, h("li", { key: '610646a5285bbda17ad9ef1a77abd8ccff657676', class: "xpl-dropdown-list-item" }, h("xpl-dropdown-heading", { key: '6daa3fa23425eae46c2d85370523af456c2dced3', label: groupName }), h("ul", { key: '0409673dbab16cd5fc72c5f7a50d23c531d91d66', class: "xpl-dropdown-list" }, mappedOptions || h("slot", { key: '19d7a3d59640af4759076e90c055556fa4a90f5f', name: "options" })))));
     }
     static get is() { return "xpl-dropdown-group"; }
     static get properties() {
@@ -39,7 +39,7 @@ export class DropdownGroup {
                         "DropdownOptionGroup": {
                             "location": "import",
                             "path": "../dropdown-option",
-                            "id": "src/components/components/xpl-dropdown/dropdown-option.ts::DropdownOptionGroup",
+                            "id": "src/components/xpl-dropdown/dropdown-option.ts::DropdownOptionGroup",
                             "referenceLocation": "DropdownOptionGroup"
                         }
                     }

package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DropdownHeading {
     render() {
-        return (h(Host, { key: 'fbd0029d191d8d81c3d316ac1cb2c51173da29b8', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, h("span", { key: 'd585dc509d918142589c1874e173b369c1c2a822' }, this.label || h("slot", { key: '67b72339653dce321acedfd14befcfe5335edf43', name: "heading" }))));
+        return (h(Host, { key: '06a117cb42389f17449401733d384b6669c39859', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, h("span", { key: '58262cf943e31880cf1d942af06dfefaa380cf8b' }, this.label || h("slot", { key: '3e0081cc6c9fc738f4d14c9f9838a8cff2c01b21', name: "heading" }))));
     }
     static get is() { return "xpl-dropdown-heading"; }
     static get properties() {

package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js

@@ -53,11 +53,11 @@ export class DropdownOptionCpnt {
     }
     render() {
         const { label, isSelected, isDisabled, value, subtitle, icon } = this;
-        return (h(Host, { key: '3e8fe525f44d24414926664c8475344b3e57eb53', class: {
+        return (h(Host, { key: 'cc7bdfecd0354f3b1f9080535e3014d946a697c4', class: {
                 'xpl-dropdown-option': true,
                 'xpl-dropdown-option--disabled': !!isDisabled,
                 'xpl-dropdown-option--selected': !!isSelected,
-            }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, h("li", { key: '4262100b3ea2e62575f8eaad8908d9379a8ea05c', class: "xpl-dropdown-list-item" }, icon && (h("xpl-icon", { key: '7505fcdc35b15b6e97a4753525cee7232244fa6e', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || h("slot", { key: '35b00d7aa187a38b1f9d78425189764d9b8575d8', name: "option" }), subtitle && h("span", { key: 'e1dac23f7e07df9e89c90625f48eeddbd8daf77a', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
+            }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, h("li", { key: '4ef95d229611225a2019d0d8871b81f2ae603b6a', class: "xpl-dropdown-list-item" }, icon && (h("xpl-icon", { key: 'e8380b63e1aac6fb00e36ae565147edfd4588415', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || h("slot", { key: '0c040b57a16cd9b2e9fbf18d04dd1cde215f81b1', name: "option" }), subtitle && h("span", { key: 'f8518da421611e4f3e72f28f38ac294bca9e9aad', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
     }
     static get is() { return "xpl-dropdown-option"; }
     static get properties() {

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

@@ -366,7 +366,7 @@ export class Dropdown {
         const shouldVirtualize = this.isVirtualized;
         let listContent;
         if (!hasOptions) {
-            listContent = h("slot", { key: 'da24352c25525fb0f20a86804889ceef4eed67f0', name: "options" });
+            listContent = h("slot", { key: '1d251963757071def866eb219bb3a33f3bc6df5c', name: "options" });
         }
         else if (shouldVirtualize) {
             const { rowHeight, overscan } = VIRTUAL_LIST;
@@ -374,18 +374,18 @@ export class Dropdown {
             const start = Math.min(this.virtualStart, total);
             const fallbackEnd = Math.min(total, Math.ceil(300 / rowHeight) + overscan * 2);
             const end = this.virtualEnd > start ? this.virtualEnd : fallbackEnd;
-            listContent = (h("li", { key: '356b1871de0539aee6ac085e59d4861cdb7db135', class: "xpl-dropdown__virtual-sizer", style: { height: `${total * rowHeight}px` } }, options.slice(start, end).map((option, i) => renderOption(option, start + i))));
+            listContent = (h("li", { key: '8430b65a3af7d86f95d4e5f7097fdd54c5d26b57', class: "xpl-dropdown__virtual-sizer", style: { height: `${total * rowHeight}px` } }, options.slice(start, end).map((option, i) => renderOption(option, start + i))));
         }
         else {
             listContent = options.map((option) => renderOption(option));
         }
-        return (h(Host, { key: 'f34a4f503feb2050100db75a40f21959aca8e74e', "aria-expanded": isOpen ? 'true' : 'false', class: {
+        return (h(Host, { key: '7a3687087564c55a008fd1bd2fece17c1dfb23dd', "aria-expanded": isOpen ? 'true' : 'false', class: {
                 'xpl-dropdown': true,
                 'xpl-dropdown--multi': mode === 'multi',
                 'xpl-dropdown--open': isOpen,
                 'xpl-dropdown--anchor-to-trigger': this.anchorToTrigger,
                 'xpl-dropdown--virtualized': shouldVirtualize,
-            }, role: "listbox" }, h("slot", { key: 'dee58bc149835d2c4e1328fd92c780f75bea0499', name: "header" }), h("ul", { key: '32bec73cc8b67bd38df5231b3049c897a9d36c4e', class: "xpl-dropdown-list", ref: (el) => {
+            }, role: "listbox" }, h("slot", { key: '46caefc7c1f62c63c45340ade0b1586c9ad64238', name: "header" }), h("ul", { key: '40c83a3f32bceec5814fd95fc6d0256a729c86ce', class: "xpl-dropdown-list", ref: (el) => {
                 this.setListEl(el);
             }, onScroll: shouldVirtualize ? this.handleVirtualScroll : undefined }, listContent)));
     }
@@ -462,7 +462,7 @@ export class Dropdown {
                         "DropdownItem": {
                             "location": "import",
                             "path": "./dropdown-option",
-                            "id": "src/components/components/xpl-dropdown/dropdown-option.ts::DropdownItem",
+                            "id": "src/components/xpl-dropdown/dropdown-option.ts::DropdownItem",
                             "referenceLocation": "DropdownItem"
                         }
                     }
@@ -506,7 +506,7 @@ export class Dropdown {
                         "Placement": {
                             "location": "import",
                             "path": "../../utils/floating",
-                            "id": "src/components/utils/floating.ts::Placement",
+                            "id": "src/utils/floating.ts::Placement",
                             "referenceLocation": "Placement"
                         }
                     }
@@ -530,7 +530,7 @@ export class Dropdown {
                         "Placement": {
                             "location": "import",
                             "path": "../../utils/floating",
-                            "id": "src/components/utils/floating.ts::Placement",
+                            "id": "src/utils/floating.ts::Placement",
                             "referenceLocation": "Placement"
                         }
                     }
@@ -619,8 +619,9 @@ export class Dropdown {
                             "referenceLocation": "Event"
                         },
                         "Dropdown": {
-                            "location": "global",
-                            "id": "global::Dropdown"
+                            "location": "local",
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/xpl-dropdown/xpl-dropdown.tsx",
+                            "id": "src/components/xpl-dropdown/xpl-dropdown.tsx::Dropdown"
                         }
                     }
                 },
@@ -691,7 +692,7 @@ export class Dropdown {
                         "DropdownItem": {
                             "location": "import",
                             "path": "./dropdown-option",
-                            "id": "src/components/components/xpl-dropdown/dropdown-option.ts::DropdownItem",
+                            "id": "src/components/xpl-dropdown/dropdown-option.ts::DropdownItem",
                             "referenceLocation": "DropdownItem"
                         },
                         "HTMLXplDropdownOptionElement": {

package/dist/collection/components/xpl-dynamic-table/xpl-dynamic-table.js

@@ -41,10 +41,10 @@ export class DynamicTable {
         this.updateColumnCount();
     }
     render() {
-        return (h("div", { key: '223e082cd5124d2f495e65058c4742ab6a28f5cf', role: "grid", class: {
+        return (h("div", { key: '71265471c7289f1a983b57e15fe122e5fe9a8292', role: "grid", class: {
                 'xpl-dynamic-table': true,
                 'xpl-dynamic-table--accordion': this.hasAccordion,
-            }, "aria-colcount": this.colCount }, h("slot", { key: 'a808231d98db51ddb01ada49d69ae468cd721603', name: "header" }), h("slot", { key: '4eb9d10764e8d81e5c6d9f80fc9d470c2d34e969', name: "body" })));
+            }, "aria-colcount": this.colCount }, h("slot", { key: '3d7184014570b31d6f7e2eae04b9480f984747e2', name: "header" }), h("slot", { key: '880d79c4c7b2f15d04669e985b5478f3c4095e3c', name: "body" })));
     }
     static get is() { return "xpl-dynamic-table"; }
     static get states() {

package/dist/collection/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js

@@ -21,9 +21,9 @@ export class DynamicTableCell {
         const colIndex = this.el.parentElement
             ? Array.from(this.el.parentElement.children).indexOf(this.el) + 1
             : 0;
-        return (h(Host, { key: 'bdc80cc13051a57294f5a8eef938ffc92f7108b4', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
+        return (h(Host, { key: 'fb0813824c87078ee6a2cda5e3d4f40f86160c30', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
                 this.hostElement = el ?? undefined;
-            } }, h("slot", { key: '743946a9ee87d85eb9e0e414f9688e249b7694a3' })));
+            } }, h("slot", { key: '3a09f63ca7320971d3080458d48eb7f87423008a' })));
     }
     static get is() { return "xpl-dynamic-table-cell"; }
     static get properties() {