@xplortech/apollo-core 3.2.1 → 3.4.0

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

@@ -24,9 +24,9 @@ export class DynamicTableRow {
         const classList = `xpl-dynamic-table-row
             ${this.isDisabled ? 'disabled' : ''}
             ${this.selected ? 'selected' : ''}`;
-        return (h(Host, { key: '5d91af6b6055646118e882b9e4ac1c0fe9003e06', role: "row", class: classList, ref: (el) => {
+        return (h(Host, { key: '94044631c91c393c734c437ff74f182fdeb950dd', role: "row", class: classList, ref: (el) => {
                 this.hostElement = el ?? undefined;
-            } }, h("slot", { key: 'e3ed1a18b1d7187bf03f9c6633c276e1fb90d029' })));
+            } }, h("slot", { key: '182eabc2d78e66cd92cff945b814b32d734ef326' })));
     }
     static get is() { return "xpl-dynamic-table-row"; }
     static get properties() {

package/dist/collection/components/xpl-grid-item/xpl-grid-item.js

@@ -12,7 +12,7 @@ export class GridItem {
         className += ` xpl-grid-item-sm-${this.sm}`;
         className += ` xpl-grid-item-md-${this.md}`;
         className += ` xpl-grid-item-lg-${this.lg}`;
-        return (h(Host, { key: '7c2e5c06f0751cf0a6bc6d80c12939e0f4c194ee', class: className }, h("slot", { key: '2fc5ed1542e50c826bec55e1f106c49ef19c1a38' })));
+        return (h(Host, { key: '6b8fd5050d72b282b742902a04e9fc6c7c86c23e', class: className }, h("slot", { key: '90918cb363ee43c81ae79b417e140def5e2dff43' })));
     }
     static get is() { return "xpl-grid-item"; }
     static get properties() {

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

@@ -52,7 +52,7 @@ export class HeaderAccordion {
         this.updateParentCheckbox(initialCheckoxesValue);
     }
     render() {
-        return (h(Host, { key: '6181aa606ed8062474d9e369558a0d4367ec06be', class: "xpl-header-accordion" }, h("div", { key: '17516c087ec1818ef9be08b79abd0e69ee6e499b', class: `header-accordion header-accordion--${this.expanded ? 'expanded' : 'collapsed'}` }, this.hasCheckbox && (h("xpl-checkbox", { key: '709c1055c22c7328de3a36fd265d57e616e13f39', class: "xpl-header-accordion__parent-checkbox", checked: this.parentChecked, disabled: this.disabled, indeterminate: this.parentIndeterminate, onCheckboxChange: (event) => this.handleParentCheckboxChange(event.detail) })), h("button", { key: '9392aaf81db32af32c2fa3bff445a53fd0e8a324', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "toggle-area", onClick: this.toggleAccordion, type: "button" }, h("slot", { key: '6019b35676f13debe6cff89bcc9f90542a640628', name: "title" }), h("xpl-icon", { key: '4c381cf9324e1348d1f26c7150b31945e264f4ca', size: 16, icon: "chevron-down", class: this.expanded ? 'rotate' : undefined }))), h("div", { key: '0c96d5d10f7d82844c473e595fce1624234585b3', id: this.contentId, role: "region", class: !this.expanded ? 'content--hidden' : 'content--shown' }, h("slot", { key: 'fc6ae8bc852d115475acbe269e3e82d89b7ae755', name: "content" }))));
+        return (h(Host, { key: '649558913d00fa4bed113fb51ebcc7a92a34c61e', class: "xpl-header-accordion" }, h("div", { key: '742f718f7e0008bd98f3bb44e9c9b05e0c0082f4', class: `header-accordion header-accordion--${this.expanded ? 'expanded' : 'collapsed'}` }, this.hasCheckbox && (h("xpl-checkbox", { key: '77abda9dd405802faba93d0c6519649fee58b24d', class: "xpl-header-accordion__parent-checkbox", checked: this.parentChecked, disabled: this.disabled, indeterminate: this.parentIndeterminate, onCheckboxChange: (event) => this.handleParentCheckboxChange(event.detail) })), h("button", { key: '10967604fc40083b76ee0a6e8b55b4de78d454e6', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "toggle-area", onClick: this.toggleAccordion, type: "button" }, h("slot", { key: 'f0af291a2fd7b2bdcce77609ed4e5d6cfef30914', name: "title" }), h("xpl-icon", { key: '973530151081963fe45ec33e8a567c3586a325c5', size: 16, icon: "chevron-down", class: this.expanded ? 'rotate' : undefined }))), h("div", { key: '1ea19ccd4380833e24af029e1a5e9ba7b8e9e0ab', id: this.contentId, role: "region", class: !this.expanded ? 'content--hidden' : 'content--shown' }, h("slot", { key: '918f07a47dd760f729480b43991208ae76ebf010', name: "content" }))));
     }
     static get is() { return "xpl-header-accordion"; }
     static get properties() {

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

@@ -15,22 +15,12 @@ export class Icon {
         let wrapperClasses = 'xpl-icon__wrapper ';
         if (this.backgroundColor)
             wrapperClasses += `xpl-icon__wrapper--with-background xpl-icon__wrapper--with-background--${this.backgroundColor}`;
-        return (h(Host, { key: '4227f699fde8eac6949eb604b1c7b4fa20f57d2b' }, h("figure", { key: '33e1c0597e8883530ea685450afa47f2e0ac4555', class: wrapperClasses }, h("span", { key: '9920c6ae88f80c03fc885f7b41524eeaa147d77f', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
+        return (h(Host, { key: '19c397daad1da2833acfd8f398761b227eedf927' }, h("figure", { key: 'd14db5b7a2bacc8e9e534e15f24d055e23045d07', class: wrapperClasses }, h("span", { key: '59b161a6e73d2924e46e0e23b3da471ac70322b8', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
                 width: `${options.width}px`,
                 height: `${options.height}px`,
-            }, innerHTML: apolloIcons.getIcon(this.icon)?.toSVG(options) }), h("figcaption", { key: '654cc247dbe9383198d6ac90b91412d0957259dc' }, this.icon, " icon"))));
+            }, innerHTML: apolloIcons.getIcon(this.icon)?.toSVG(options) }), h("figcaption", { key: '452f4c3044710c3720a3e0aa73306f3cedd232ae' }, this.icon, " icon"))));
     }
     static get is() { return "xpl-icon"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xpl-icon.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xpl-icon.css"]
-        };
-    }
     static get properties() {
         return {
             "icon": {

package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js

@@ -200,16 +200,16 @@ export class InputColor {
             top: `${y}px`,
             background: `rgb(${r}, ${g}, ${b})`,
         };
-        return (h(Host, { key: 'baf8bd36a33134bff8b2e1ce1a5d81a567f232b2', class: "xpl-input-color" }, h("xpl-popover", { key: 'e5bfd446e4b900371ee8ca7c7c321692079c66fb', disabled: this.disabled, display: "menu" }, h("div", { key: '9d40ccbf649ba0be2884bbc7dec84d7c1e9ddbb7', slot: "trigger" }, h("div", { key: '6b4474af2dab4be116728135214403af7189d99f', class: {
+        return (h(Host, { key: 'f611b04be640ef01db089c007e7f25b8036c491d', class: "xpl-input-color" }, h("xpl-popover", { key: '69543f023b1fac44519bdd4f0f05cc0cb80b9fa0', disabled: this.disabled, display: "menu" }, h("div", { key: '6f375f07dfbd4071f0563dfd1f7b29179a8350f2', slot: "trigger" }, h("div", { key: '17e69e5cc8e6ae1832ea553d853557e7ebe44203', class: {
                 'xpl-input-color__display': true,
                 'xpl-input-color__display--disabled': !!this.disabled,
                 'xpl-input-color__display--error': !!this.hasErrorState,
-            } }, h("span", { key: '9372da25358b453c5b89f324886c986153b9386b', class: "xpl-input-color__color", style: {
+            } }, h("span", { key: '9947ea401899d66e7d2ce41c585a9833fa1ad0c7', class: "xpl-input-color__color", style: {
                 background: objectToStringColor(this.colorValues),
-            } }), this.colorValues.hex ? (h("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (h("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (h("xpl-icon", { key: 'a37bf00e4a70cda5e59cecfc7f108601bbb15e8e', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
+            } }), this.colorValues.hex ? (h("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (h("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (h("xpl-icon", { key: 'c30ba3d881ddb1949896ca5ff1ae6956c64348d0', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
                 e.stopPropagation();
                 this.openEyeDropper();
-            } })))), h("div", { key: 'e95b3755b47802b446de5d7e9c25d2238dea23ef', class: "xpl-input-color__menu" }, h("div", { key: '9ecc94c286d9cd0a5e25c92eaea3a2dd9ee4394b', class: "xpl-input-color__sl-grid", ref: (el) => {
+            } })))), h("div", { key: '5239298cd97594a7d8d7ee5b059e62417757ba1f', class: "xpl-input-color__menu" }, h("div", { key: '23552fc0d6cec74386c86b793b2c9ac3db71a0a0', class: "xpl-input-color__sl-grid", ref: (el) => {
                 this.colorInputElements.slGrid = el ?? undefined;
             }, style: {
                 background: [
@@ -217,9 +217,9 @@ export class InputColor {
                     `linear-gradient(to right, #fff, #fff0)`,
                     `rgb(${hueBaseColor.r} ${hueBaseColor.g} ${hueBaseColor.b})`,
                 ].join(', '),
-            }, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, h("div", { key: '85b2e591be85db2a2d3d1bbe65ee276a857b92fa', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), h("div", { key: 'b9d7f2fdc49d73db488d62f21433558b5b0a09a7', class: "xpl-input-color__grid" }, h("input", { key: '3c260f54bde2c26a7b5980082cabf54e2d42340e', type: "range", min: "0", max: "360", value: this.hue, class: "xpl-input-color__slider xpl-input-color__hue", name: "color-hue-slider", ref: (el) => {
+            }, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, h("div", { key: 'c483d5d58c54cb6022584a6af5bfdbd761fd559b', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), h("div", { key: '157a8c17341702a2488cf957b54cabef43d11b5d', class: "xpl-input-color__grid" }, h("input", { key: '430e5aee2dff413469293bb7b2ce1cbd370cad43', type: "range", min: "0", max: "360", value: this.hue, class: "xpl-input-color__slider xpl-input-color__hue", name: "color-hue-slider", ref: (el) => {
                 this.colorInputElements.hue = el ?? undefined;
-            } }), h("input", { key: 'ef8ef568a1487b618aeeb986904a5eeefabba300', type: "range", min: "0", max: "1", step: "0.01", value: a, class: "xpl-input-color__slider xpl-input-color__alpha", name: "color-alpha-slider", ref: (el) => {
+            } }), h("input", { key: 'd4b3043979ee22de697d61ee97f76743a138e961', type: "range", min: "0", max: "1", step: "0.01", value: a, class: "xpl-input-color__slider xpl-input-color__alpha", name: "color-alpha-slider", ref: (el) => {
                 this.colorInputElements.alpha = el ?? undefined;
             }, style: {
                 backgroundImage: [
@@ -229,9 +229,9 @@ export class InputColor {
                     `linear-gradient(45deg, transparent 75%, #ccc 75%)`,
                     `linear-gradient(-45deg, transparent 75%, #ccc 75%)`,
                 ].join(', '),
-            } }), h("div", { key: 'b4953565664df14ad483f30c45b6ae5e717e6a63', class: "xpl-input-color__preview", style: {
+            } }), h("div", { key: 'ed859b34986b4c65b29193d0362fa32fa91ad6db', class: "xpl-input-color__preview", style: {
                 background: `rgba(${r}, ${g}, ${b}, ${a})`,
-            } })), h("div", { key: '731a00aa7075efc1a19849a58e5a81c8837ab199', class: "xpl-input-color__inputs" }, [
+            } })), h("div", { key: '6330ad3630f75f24b10117af3f98b39db6f6aecc', class: "xpl-input-color__inputs" }, [
             'hex',
             'r',
             'g',

package/dist/collection/components/xpl-input/xpl-input-date/xpl-input-date.js

@@ -95,16 +95,16 @@ export class InputDate {
         parent.removeChild(wrapper);
     }
     render() {
-        return (h(Host, { key: 'f1b3189eb8ba737e5e96826042d8c3aadce9b0d1', class: {
+        return (h(Host, { key: 'db5a09f9a2ee0b813eddf841ea4ea3992e3e34c6', class: {
                 'xpl-input-date': true,
                 [`xpl-input-date--mode-${this.mode}`]: true,
                 'xpl-input-date--error': !!this.hasErrorState,
                 'xpl-input-date--flatpickr-static': this.flatpickrStaticLayout,
-            } }, h("div", { key: '1c292279aad8ae7f48358d5e42189d60ecd1d97d', class: "xpl-input-wrapper" }, this.pre && (h("label", { key: 'f8ed452f69f664fd4e3b83e428070f3f4b14d5c6', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), h("input", { key: 'e1659c6ad3cb2cb0a5d88a7635672917d2f58ebb', type: "date", id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, ref: (el) => {
+            } }, h("div", { key: '747c13852b950f0cc66eee49385c4b21e1d877f5', class: "xpl-input-wrapper" }, this.pre && (h("label", { key: 'b7701d8c9ddba763709f911393997178fd8ebe28', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), h("input", { key: 'fdacd352e22996be3f3edeceb570a6dc2c49728b', type: "date", id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, ref: (el) => {
                 this.input = el ?? undefined;
             }, onChange: (event) => {
                 this.valueChanged(event);
-            } }), h("xpl-icon", { key: '577c881edf4ef8dfd3c910c8bbdd268af7448e6c', class: "xpl-input-calendar", icon: "calendar", size: 24 }), this.post && (h("label", { key: '5acfeb3ea72d9c5a193116e305fd54d323276910', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
+            } }), h("xpl-icon", { key: '6eb3953655f7186648ab7602eb4aa6ce8a3e70cc', class: "xpl-input-calendar", icon: "calendar", size: 24 }), this.post && (h("label", { key: '4191049e3d4378d99b83bd6ebfd458953a70286e', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
     }
     static get is() { return "xpl-input-date"; }
     static get properties() {

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

@@ -184,13 +184,13 @@ export class Input {
         if (type === 'password' && this.passwordVisible) {
             type = 'text';
         }
-        return (h(Host, { key: 'a276769b767bc7df63e2701697600c0ecbfa593e', class: {
+        return (h(Host, { key: 'd57ab7978ef701d4783f6780bbd807e8ee07ac7d', class: {
                 'xpl-input': true,
                 'xpl-input--disabled': !!this.disabled,
                 'xpl-input--error': hasError,
                 'xpl-input--readonly': !!this.readonly,
                 [`xpl-input--${this.type}`]: true,
-            } }, this.label && (h("label", { key: '1686d1f5c9fc573929190bc1a04bf9efd2ad6957', class: "xpl-input-label", htmlFor: this._id }, this.label, this.description && h("small", { key: '1f74f68e8eeae5186e50ace2e96a9896b022fa30' }, this.description))), this.renderInput(), (this.error?.length ?? 0) > 0 && (h("label", { key: '2ee7de8b1dcb4cc27d7dcf8b34be66727ace1bfe', class: "xpl-input-error", htmlFor: this._id, id: `${this._id}-error` }, h("xpl-icon", { key: 'd3965b339f2d24dec0fdde367e76aacfefd25061', icon: "circle-warning", size: 16 }), h("span", { key: 'b6269e3f122a53980438c21cfbda2e18b3c77a7e' }, this.error)))));
+            } }, this.label && (h("label", { key: 'cdc55154c334fcc2ed8049113d012e046e77fde7', class: "xpl-input-label", htmlFor: this._id }, this.label, this.description && h("small", { key: '37a1685a6e0b9b7da8abc6209df998154affbb79' }, this.description))), this.renderInput(), (this.error?.length ?? 0) > 0 && (h("label", { key: 'c7a636a36d902543c9228a72c81db408912b3d58', class: "xpl-input-error", htmlFor: this._id, id: `${this._id}-error` }, h("xpl-icon", { key: 'e73b36e29ebe7812564e5d27710ebda1b9bf2185', icon: "circle-warning", size: 16 }), h("span", { key: '10149a258c81cbc439778e84f49bc6dfdc97d26d' }, this.error)))));
     }
     static get is() { return "xpl-input"; }
     static get properties() {

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

@@ -74,7 +74,7 @@ export class LargeCard {
         }
     }
     render() {
-        return (h(Host, { key: '879f57b756e3c25bb9bebbc06f144a137bf0b78b', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, h("dt", { key: '1336da473527a06e485c559925156954c0162696', class: "xpl-large-card__header" }, h("header", { key: '69073fa20879ae4b9709ec54cc01cad85fba6366' }, h("slot", { key: 'c9381d78ba477f7ba9f1ce6a2e82c149bbe50ad0', name: "title" }, this.name), this.link && (h("span", { key: '8075678983d86cc192b9a2fc7a43fb4c022dbace', class: "xpl-large-card__header-arrow" }, h("xpl-icon", { key: '960d96210c4d5f37b51782947b9acdb3cb4d125d', icon: "chevron-right", size: 16 })))), this.description && (h("div", { key: '0162c71c16faa14385da912cbcf6a24f182b1012', class: "xpl-large-card__description" }, this.description))), h("dd", { key: 'd48d1348b8d0b5b3db776d64be10b23d884cd35c', class: "xpl-large-card__body" }, this.graphContentPresent && h("slot", { key: '7aa25f469d81ebc5046cc382920fcac9a3d59a9c', name: GRAPH_CONTENT_SLOT }))));
+        return (h(Host, { key: 'a488db2794b82683d4c1ec3eb99d912ac44c6c01', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, h("dt", { key: '7120ad4c237b26f39a7778068426b88b070cac91', class: "xpl-large-card__header" }, h("header", { key: '7c40707298086c2b478b93b189d63af3eec7bcfd' }, h("slot", { key: '4cf184079ab33c2ffcd680e848eacdac5af7bcb3', name: "title" }, this.name), this.link && (h("span", { key: '5b5397cea4222e30f21a57df7a6c953c7e0870b0', class: "xpl-large-card__header-arrow" }, h("xpl-icon", { key: '63ae7e85989f006e566ef27c17bd0b8645aa1293', icon: "chevron-right", size: 16 })))), this.description && (h("div", { key: 'bce1ce5e8f2f3e8d55eb187aef2a8a3c9ba756fb', class: "xpl-large-card__description" }, this.description))), h("dd", { key: '5af4c4720b6fb563383d98d16c59914dcce2624b', class: "xpl-large-card__body" }, this.graphContentPresent && h("slot", { key: '71663b175e0bba01c5d49c97b65e86f07f1682d4', name: GRAPH_CONTENT_SLOT }))));
     }
     static get is() { return "xpl-large-card"; }
     static get properties() {

package/dist/collection/components/xpl-list/xpl-list-item/xpl-list-item.js

@@ -524,7 +524,7 @@ export class XplListItem {
                         "ListItem": {
                             "location": "import",
                             "path": "../listitem",
-                            "id": "src/components/components/xpl-list/listitem.ts::ListItem",
+                            "id": "src/components/xpl-list/listitem.ts::ListItem",
                             "referenceLocation": "ListItem"
                         }
                     }
@@ -686,7 +686,7 @@ export class XplListItem {
                         "BadgeVariantProp": {
                             "location": "import",
                             "path": "../../xpl-badge/xpl-badge",
-                            "id": "src/components/components/xpl-badge/xpl-badge.tsx::BadgeVariantProp",
+                            "id": "src/components/xpl-badge/xpl-badge.tsx::BadgeVariantProp",
                             "referenceLocation": "BadgeVariantProp"
                         }
                     }

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

@@ -365,10 +365,10 @@ export class List {
     render() {
         const ariaLabelledBy = this.labelledBy?.trim() ? this.labelledBy.trim() : undefined;
         const ariaLabel = !ariaLabelledBy && this.label?.trim() ? this.label.trim() : undefined;
-        return (h(Host, { key: '5516f433d051a8cac2d01255e7e4b43956f088c5', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, this.items?.map((item, index) => {
+        return (h(Host, { key: '86436f586fb301e2fcdc9688ab7bc8c1f5c99f8d', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, this.items?.map((item, index) => {
             const legacyRowId = item.id ?? `item-${index}`;
             return (h("xpl-list-item", { key: `legacy-item-${legacyRowId}`, item: item, href: item.href, itemId: legacyRowId }));
-        }), h("slot", { key: '68216fa87a1034e09363b8b20fc436d0d3725cc3' }), this.reorderable ? (h("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
+        }), h("slot", { key: '1799e215c1155e162a95b0df9813ad6e67e89f61' }), this.reorderable ? (h("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
     }
     static get is() { return "xpl-list"; }
     static get properties() {
@@ -383,7 +383,7 @@ export class List {
                         "ListItem": {
                             "location": "import",
                             "path": "./listitem",
-                            "id": "src/components/components/xpl-list/listitem.ts::ListItem",
+                            "id": "src/components/xpl-list/listitem.ts::ListItem",
                             "referenceLocation": "ListItem"
                         }
                     }
@@ -517,7 +517,7 @@ export class List {
                         "XplListOrderChangeDetail": {
                             "location": "import",
                             "path": "./listitem",
-                            "id": "src/components/components/xpl-list/listitem.ts::XplListOrderChangeDetail",
+                            "id": "src/components/xpl-list/listitem.ts::XplListOrderChangeDetail",
                             "referenceLocation": "XplListOrderChangeDetail"
                         }
                     }

package/dist/collection/components/xpl-main-nav/xpl-main-nav.js

@@ -13,7 +13,7 @@ export class MainNav {
         this.navWidthHandler();
     }
     render() {
-        return (h(Host, { key: '965f7a4faa40d7ec386c947e16fb5bc4621496a0', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, h("nav", { key: '1237191a5c5e6d3eacfba46d7b9cb6c5e1fcc191' }, h("header", { key: '903b017b0610dfd4fee28aa0d00d9c2f030506bc', "aria-label": "Sidebar Header" }, h("slot", { key: 'ec0c4c0a92ae8578372895c3a0ee225da2bc2bb8', name: "logo" }), h("slot", { key: 'd2b9d45cfde83df6f7f76889fc5c05520f5346d6', name: "brand-name" })), h("div", { key: '93d7a1d1ca940db7fedf4c634c092d2554c9e9e6', class: "xpl-main-nav__main_section" }, h("slot", { key: '0a0c0ee4ae85a4db09cf87c7fe9693bd1f64721a', name: "navigation" })), h("footer", { key: '21d2eaa5f1446145656954966e550150c867357c', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, h("slot", { key: 'd2b84a7ea550a1da9460df7e9ace73354929707f', name: "footer" })))));
+        return (h(Host, { key: 'ab352ff358657b1f3b463a84e7a40e18ae23df29', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, h("nav", { key: 'e62b52010f76c39078ceaa5085c4e5dcd03d45ce' }, h("header", { key: '05cfd30654dcb4a6082ac97490c516d0b01ae791', "aria-label": "Sidebar Header" }, h("slot", { key: 'e48cd7e5a01ae86ac1d50a9b5e46e93a902ae50f', name: "logo" }), h("slot", { key: '77a840ec7da01b757efaea8a0ffb4d590f97dc7d', name: "brand-name" })), h("div", { key: 'fa9093094b5998901402d2b8a56b1e16cce648fc', class: "xpl-main-nav__main_section" }, h("slot", { key: '5a13411ad2043e58b7d168216c15626be160e2dd', name: "navigation" })), h("footer", { key: 'ee8cfafdc454ef56f66facf9ee894f6980419932', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, h("slot", { key: 'da7fc8d944121f0060acd579fc3a960571b1fd26', name: "footer" })))));
     }
     static get is() { return "xpl-main-nav"; }
     static get properties() {

package/dist/collection/components/xpl-nav-item/xpl-nav-item.js

@@ -9,11 +9,11 @@ export class NavItem {
         }
     }
     render() {
-        return (h(Host, { key: '12b0be7801fdf60e06dca270ec5d211e2c81af21', class: "xpl-nav-item", role: "listitem", onClick: () => {
+        return (h(Host, { key: 'eaae0b2a505bfab9d5d78b22b42b1dc24cb16b38', class: "xpl-nav-item", role: "listitem", onClick: () => {
                 if (this.navControl) {
                     this.onNavToggle();
                 }
-            } }, h("slot", { key: '1716229d1110bed1911c0921d87dd6238e7f59aa', name: "link" }, h("slot", { key: '653fd2830c8e67d3c9fe65a0994bd167173e110b', name: "icon" }), h("slot", { key: 'a33f79ab45a2a65debca49fbedabf2daef2428c8' }))));
+            } }, h("slot", { key: 'f69e8bdc7809836f4765c62f82c404fb55e97fb7', name: "link" }, h("slot", { key: '044c518562eb68a068ef0a0a2117c69f5486fde5', name: "icon" }), h("slot", { key: '67edf532a3057af42d6b3ec51ccde9cc83d43d0b' }))));
     }
     static get is() { return "xpl-nav-item"; }
     static get properties() {

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

@@ -234,16 +234,16 @@ export class Popover {
         });
     }
     render() {
-        return (h(Host, { key: 'a14924382ef3c963fa0d8c6dc4575c1fcb3a8c3a' }, h("div", { key: 'a9bb868211d6866a8f3d097841c41236c37b0ae5', class: {
+        return (h(Host, { key: 'cac4278a866b566f1e47a69657614c2046cc3532' }, h("div", { key: '2a6d8eea3139aa491211308c972d00332bcda855', class: {
                 'xpl-popover': true,
                 [`xpl-popover--${this.actualPosition}`]: true,
                 'xpl-popover--is-open': this.isOpenState,
-            } }, h("span", { key: '1502c64a98fbf22af9516e5e9aa905e79ea13ab3', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
+            } }, h("span", { key: '4d0b8c711e6d276adada5b6c288b77db9c66153b', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
                 this.triggerRef = el;
-            } }, h("slot", { key: '56a3bdc8d33b010095645b5bfd4b82890351777b', name: "trigger" })), this.display === 'arrow' && (h("div", { key: 'f69e9e12ab93f55267b8c23707eb48321f79a9c6', class: "xpl-popover__arrow" }, h("svg", { key: '1064f5962035b2cbf6dc2d721b537cddb815323e', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7490e8887c93cd357bc21e93c96ab8de3873892b', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), h("path", { key: '6ab893d176866029ac33622a11e097541d5fdb74', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), h("div", { key: '798414192900fab40f67986489753c8a63ec1d92', class: {
+            } }, h("slot", { key: '12f54f037f22c2e2084be6b272e96ab360097dc8', name: "trigger" })), this.display === 'arrow' && (h("div", { key: '26b415512019f9a6267c49f81d214f2b80731e3f', class: "xpl-popover__arrow" }, h("svg", { key: '6ee61c6a73a06e0ad26e366152065eccc1542abe', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '45d76b9ab0123b362c7d7c0fe5d28cec5d17540f', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), h("path", { key: '08a78e26854380aab4c87d9386c01cfda33bc57c', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), h("div", { key: '68d3143c6458bfbbd5080e4c5de3718fa04f9faf', class: {
                 'xpl-popover__content': true,
                 [`xpl-popover__content--display-${this.display}`]: true,
-            }, ref: (el) => (this.contentRef = el) }, h("slot", { key: '5c1f963e4009f5a8d30aaad7f0169164abf5bd43' })))));
+            }, ref: (el) => (this.contentRef = el) }, h("slot", { key: 'bd1b017359d09bce4316ac55771f7c886b617198' })))));
     }
     static get is() { return "xpl-popover"; }
     static get properties() {
@@ -297,8 +297,8 @@ export class Popover {
                     "references": {
                         "PopoverPosition": {
                             "location": "local",
-                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/components/xpl-popover/xpl-popover.tsx",
-                            "id": "src/components/components/xpl-popover/xpl-popover.tsx::PopoverPosition"
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/xpl-popover/xpl-popover.tsx",
+                            "id": "src/components/xpl-popover/xpl-popover.tsx::PopoverPosition"
                         }
                     }
                 },

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

@@ -20,14 +20,14 @@ export class Radio {
         return Boolean(this.checked);
     }
     render() {
-        return (h(Host, { key: '45436282d29873a5c640519eb4ad9aa3afb25b73', class: {
+        return (h(Host, { key: 'dec063c59a7fe6bd9680d0bfcec55eabfa782ee0', class: {
                 'xpl-checkbox-radio-container': true,
                 styled: !!this.styled,
                 disabled: !!this.disabled,
-            } }, h("input", { key: 'b0f7604cb5751f7fb2dc62960d5e7130d4fc0871', class: "xpl-radio", type: "radio", checked: this.isChecked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, onChange: this.onChange, value: this.value }), h("label", { key: '05d3589852ebcf9ce5c3301cbc685547a45b61d4', class: {
+            } }, h("input", { key: 'ff51ff9e164c663b1583409f37a075a3bb0c03e3', class: "xpl-radio", type: "radio", checked: this.isChecked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, onChange: this.onChange, value: this.value }), h("label", { key: '3d82a7ee345008e237ea52064774b6d751031450', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, h("slot", { key: '8790f97ad02c180680de269f2f4a0986736c5d4e' }), this.description && (h("small", { key: '94a8e1eea919b8cfe7b4074702dce50e7399c6ab', class: {
+            }, htmlFor: this.id }, h("slot", { key: 'a04ec7ab9149a61f88391bb37556f81e9e172b6e' }), this.description && (h("small", { key: 'b03619c554d2438cc152ff37fcaa02be3ba7e0bd', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
             } }, this.description)))));

package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SecondaryNav {
     render() {
-        return (h(Host, { key: 'dc00b09e91c4baa484084256b7b583363a518905', class: "xpl-secondary-nav" }, h("nav", { key: 'daf32568baecfa600a6d51747446e82c0df44d1a', "aria-label": "Secondary Nav" }, h("slot", { key: '6d6a2fa94e8779b7a4b9414fe29829eb1ee20125' }))));
+        return (h(Host, { key: '60cb6c9909d943691552665d71cb9fcf2e5fc190', class: "xpl-secondary-nav" }, h("nav", { key: '0890f096dc8621b6890835594385c392e0ef9905', "aria-label": "Secondary Nav" }, h("slot", { key: 'a9506445f06cc508969c1d6cff962b0553a01a5f' }))));
     }
     static get is() { return "xpl-secondary-nav"; }
 }

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

@@ -21,7 +21,7 @@ function tagWidth(text) {
     if (!context) {
         return 0;
     }
-    return context.measureText(text).width + 44;
+    return context.measureText(text).width + 50;
 }
 function getDisplayValue(choice) {
     return choice.label || choice.value || '';
@@ -270,21 +270,21 @@ export class Select {
             this.truncate &&
             !this.customDisplayValue;
         const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
-        return (h(Host, { key: '273b1e5d40c7873055bb735adf66c325d18ba676', class: {
+        return (h(Host, { key: 'b28e9dbd835634f20311d80b0793c722bb516d10', class: {
                 'xpl-select': true,
                 'xpl-select--disabled': !!this.disabled,
                 'xpl-select--no-truncate': !this.truncate,
                 [this.classNames ?? '']: !!this.classNames,
             }, onKeyDown: this.handleTabKeyDown, ref: (el) => {
                 this.container = el;
-            } }, this.renderLabel(), h("div", { key: '87a42faab0ee127dfaa2ee75e9218900e9e0a4b3', class: {
+            } }, this.renderLabel(), h("div", { key: '9becbbb7cc7ad5f36912adb9b2bafbfbd200729c', class: {
                 'xpl-input': true,
                 'xpl-input--disabled': !!this.disabled,
                 'xpl-input--error': this.error !== undefined,
-            } }, h("div", { key: '22c839efb33132901419bab4dacbe9ffaf464d77', class: "xpl-input-wrapper" }, h("button", { key: '68b88431715f567adfbe00c5f1bcdf9ab41f7360', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
+            } }, h("div", { key: '725575d6e2ebde606deb2efa6d135cd93a358c6f', class: "xpl-input-wrapper" }, h("button", { key: 'e7c3d24ce1366bbb42817eb1627b89dfc9b7f669', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
                 e.preventDefault();
                 this.handleDropdownTrigger();
-            }, type: "button" }, h("div", { key: 'd1cf1ba8dbe86413a7de9911440204509fc4093b', class: {
+            }, type: "button" }, h("div", { key: 'b32057bdf81dfb44a89a15a596e35efe9b1c56fb', class: {
                 'xpl-select-value': true,
                 'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
                 'has-value': this.value.length > 0,
@@ -304,7 +304,7 @@ export class Select {
                 return this.renderSelectedTags();
             }
             return this.placeholder;
-        })(), isTextTruncated && truncatedText), h("xpl-icon", { key: 'f44a543e315a5715d5d077ce7601956d8485f5f1', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (h("xpl-dropdown", { key: 'dd2355886ce290d697431e00c8f4b7bc41c87429', ref: (el) => {
+        })(), isTextTruncated && truncatedText), h("xpl-icon", { key: 'f552cedcb15ff028a763ef6e8b5ee30f7a4e6720', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (h("xpl-dropdown", { key: 'ef09a2f9fabb75050e0e69c1bc375b64d6584429', ref: (el) => {
                 this.dropdown = el ?? null;
             }, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
                 const { options } = component;
@@ -313,7 +313,7 @@ export class Select {
                 }
             }, onIsOpenChange: (e) => {
                 this.dropdownOpenState = e.detail;
-            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), h("input", { key: '18472290f7adfe3c02ee90759180404ec33aa1e2', type: "hidden", name: this.name, value: this.value })));
+            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), h("input", { key: '3963614dbc087fe3a10d44ab4554046755a581d2', type: "hidden", name: this.name, value: this.value })));
     }
     static get is() { return "xpl-select"; }
     static get properties() {
@@ -328,7 +328,7 @@ export class Select {
                         "DropdownItem": {
                             "location": "import",
                             "path": "../xpl-dropdown/dropdown-option",
-                            "id": "src/components/components/xpl-dropdown/dropdown-option.ts::DropdownItem",
+                            "id": "src/components/xpl-dropdown/dropdown-option.ts::DropdownItem",
                             "referenceLocation": "DropdownItem"
                         }
                     }

package/dist/collection/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js

@@ -101,14 +101,14 @@ export class SideNavItem {
             expanded: this.expanded,
             selected: this.selected,
         };
-        return (h(Host, { key: '059210d35fdf3561fa2bc4f541f80fbb1e570506', class: {
+        return (h(Host, { key: 'fe0796a361383d97010699b710fe61a0cf17289a', class: {
                 'xpl-side-nav-item': true,
                 'xpl-side-nav-item--link-disabled': this.link && this.disabled,
             } }, this.link ? (h("slot", null)) : (h("button", { type: "button", class: buttonClass, "aria-current": this.selected ? 'page' : undefined, "aria-expanded": this.hasChildren ? (this.expanded ? 'true' : 'false') : undefined, onClick: this.handleClick, disabled: this.disabled }, h("span", { class: "xpl-side-nav-item__leading" }, h("slot", { name: "leading" }, this.icon ? (h("xpl-icon", { icon: this.icon, size: 16 })) : null)), h("span", { class: "xpl-side-nav-item__label" }, this.label ?? ''), (this.hasTrailingSlot || this.hasChildren) && (h("span", { class: {
                 'xpl-side-nav-item__trailing': true,
                 'xpl-side-nav-item__trailing--chevron': showAutoChevron,
                 expanded: showAutoChevron && this.expanded,
-            }, "aria-hidden": showAutoChevron ? 'true' : undefined }, h("slot", { name: "trailing" }, showAutoChevron ? (h("xpl-icon", { icon: this.expanded ? 'chevron-up' : 'chevron-down', size: 16 })) : null))))), this.hasChildren && !this.link && (h("div", { key: '47b1eba18028549e03394678bca58beee9b2f157', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, h("div", { key: '7b6137a009106e3adfb99928bff429bea92b63e2', class: "xpl-side-nav-item__children-inner" }, h("slot", { key: '3cf83a5e3e8367ef4d5bfbedb8c22bc6bf1efaa7' }))))));
+            }, "aria-hidden": showAutoChevron ? 'true' : undefined }, h("slot", { name: "trailing" }, showAutoChevron ? (h("xpl-icon", { icon: this.expanded ? 'chevron-up' : 'chevron-down', size: 16 })) : null))))), this.hasChildren && !this.link && (h("div", { key: 'c3f38b679aef2d66ad477bf9fb04ff8228740ebd', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, h("div", { key: '7b51bf6ca02febd7e3b63a1bccbbb79b3554db03', class: "xpl-side-nav-item__children-inner" }, h("slot", { key: '7d9d16628cb60480199b6eda497fccb931eb72e9' }))))));
     }
     static get is() { return "xpl-side-nav-item"; }
     static get properties() {

package/dist/collection/components/xpl-side-nav/xpl-side-nav-section/xpl-side-nav-section.js

@@ -82,17 +82,17 @@ export class SideNavSection {
         const hasHeading = !!this.heading?.trim();
         const childrenId = this.childrenId ?? ensureSideNavSectionChildrenId(this.el, this.childrenId);
         const titleRow = [
-            h("span", { key: '41b4dd48eaf9fabca8f4c1e4e506200055d46f77', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
-            h("span", { key: 'af345692b55b47dada80dfad85312e45d7cf5f43', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, h("slot", { key: '381c23d89de7de9b1663cd746ce9561688a27463', name: "badge" })),
+            h("span", { key: '12b61d9bed3a5aac2fa664fb6ac13893ae267c36', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
+            h("span", { key: 'bfea669929c9f003a38cbef3d4e6254f14cea581', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, h("slot", { key: '7e401f516a7420f9a9c571e3c13d609fad6dcfc8', name: "badge" })),
             this.collapsible ? (h("span", { class: "xpl-side-nav-section__chevron", "aria-hidden": "true" }, h("xpl-icon", { icon: this.expanded ? 'chevron-down' : 'chevron-right', size: 16 }))) : null,
         ];
-        return (h(Host, { key: 'b3d7e988d1b64afce020137c0d8f8ef89481ef43', class: {
+        return (h(Host, { key: 'ba9810b6d5d95cac88e6517d7bc24a040f51e5cc', class: {
                 'xpl-side-nav-section': true,
                 'xpl-side-nav-section--static': !this.collapsible,
-            } }, this.collapsible ? (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)) : (h("div", { class: "xpl-side-nav-section__header" }, titleRow)), h("div", { key: '0e442a9a70a8eacb4b9454f941a3ee0c466c3496', id: childrenId, class: {
+            } }, this.collapsible ? (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)) : (h("div", { class: "xpl-side-nav-section__header" }, titleRow)), h("div", { key: '9f5081f3d8de0f5e0ae83d2f7f96cd49b9cdf456', id: childrenId, class: {
                 'xpl-side-nav-section__children': true,
                 expanded: showChildren,
-            }, inert: !showChildren ? true : undefined }, h("div", { key: 'f1bc884e69c5a8902f7e12829901e289f73a530e', class: "xpl-side-nav-section__children-inner" }, h("slot", { key: 'bd9f9db68b6f6e1d3a28527d87f4bf797ae49022' })))));
+            }, inert: !showChildren ? true : undefined }, h("div", { key: '2593fe0517156c91b504d9ec3717321895a804c4', class: "xpl-side-nav-section__children-inner" }, h("slot", { key: '5e2c9c978a128355e014c19612ed89886fe781ce' })))));
     }
     static get is() { return "xpl-side-nav-section"; }
     static get properties() {

package/dist/collection/components/xpl-side-nav/xpl-side-nav.js

@@ -256,10 +256,10 @@ export class SideNav {
             forceUpdate(this);
     }
     render() {
-        return (h(Host, { key: '8cffb32c21217edd67117acb264f3df5587fa32d', class: {
+        return (h(Host, { key: '796d10dd1b98d02af5a72757db33adcbccc6ba8f', class: {
                 'xpl-side-nav': true,
                 'xpl-side-nav--open': this.open,
-            } }, h("xpl-button", { key: '5a82bbc6a65690f550fe192aa6cd593efbf86bc8', class: "xpl-side-nav__toggle", variant: "tertiary", iconOnly: true, icon: this.open ? 'sidebar-left-hide' : 'sidebar-left-show', "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onToggleClick }), h("div", { key: '1315f34c7a6e1c793cc347292117f2e5992f074d', class: "xpl-side-nav__wrapper" }, h("nav", { key: '4b7446999c74b1554dae84d04c439a75b712b429', class: "xpl-side-nav__content", "aria-label": this.label }, h("div", { key: 'bce43018bf61c73dde0adb053fa87d0789edd329', class: "xpl-side-nav__scroll-area" }, this.hasHeaderSlot && (h("div", { key: 'd70ecd07a6c71dd76ce162b9167d3b5a11ba4ea8', class: "xpl-side-nav__header" }, h("slot", { key: 'c9d10e57d77a69cf00e86c2a17a94eba5e54d23e', name: "nav-header" }))), h("div", { key: '6873372f5eb854ee7ef88e6d3085d81be62fc508', class: "xpl-side-nav__section" }, h("slot", { key: 'b07fdb332e8ccaaa69db61ade9bb88e43d6f8753', name: "section" }))), h("div", { key: 'f34e444c538cbf246aee52ebfe35657a8fa1d706', class: "xpl-side-nav__footer" }, h("slot", { key: 'da70c80d9378ad1e0dbf23d33d521021c346ee23', name: "nav-footer" })))), h("xpl-backdrop", { key: '769576cb0961b8a00308c748d0efbaa0ef2b3ca5', class: "xpl-side-nav__backdrop", onClick: this.onBackdropClick })));
+            } }, h("xpl-button", { key: '94217602d9df6b196ff624d73c90cbd8d177c207', class: "xpl-side-nav__toggle", variant: "tertiary", iconOnly: true, icon: this.open ? 'sidebar-left-hide' : 'sidebar-left-show', "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onToggleClick }), h("div", { key: '79cbb696b79ee474f95f50de939dc1b8abee1185', class: "xpl-side-nav__wrapper" }, h("nav", { key: '3222db09f9172b69a7ff7a23bc62887f97dedc57', class: "xpl-side-nav__content", "aria-label": this.label }, h("div", { key: 'b229c6451e0eac9c620215355209e8168b1a90b7', class: "xpl-side-nav__scroll-area" }, this.hasHeaderSlot && (h("div", { key: '9c008d9a405726b0ea417158b9fc3f3037176d91', class: "xpl-side-nav__header" }, h("slot", { key: 'e63409cc07440d56fba5c07bce7ec1720a48c103', name: "nav-header" }))), h("div", { key: 'eed607668a9ee58af8a855d602d2bf71fea2ad2c', class: "xpl-side-nav__section" }, h("slot", { key: 'df7a877af24b54d9e8fdc885121c680b3e9b76e4', name: "section" }))), h("div", { key: '73302b7bc43f612ed0257f42ed5138238a8a1ebc', class: "xpl-side-nav__footer" }, h("slot", { key: 'fb71041ebb895e8030b1ac3984cbea67244b622b', name: "nav-footer" })))), h("xpl-backdrop", { key: '69487adfe2fc2e30d6640209693cb4b8e29ce1e6', class: "xpl-side-nav__backdrop", onClick: this.onBackdropClick })));
     }
     static get is() { return "xpl-side-nav"; }
     static get properties() {

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

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

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

@@ -709,8 +709,8 @@ export class Spotlight {
                     "references": {
                         "SpotlightActionLayout": {
                             "location": "local",
-                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/components/xpl-spotlight/xpl-spotlight.tsx",
-                            "id": "src/components/components/xpl-spotlight/xpl-spotlight.tsx::SpotlightActionLayout"
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/xpl-spotlight/xpl-spotlight.tsx",
+                            "id": "src/components/xpl-spotlight/xpl-spotlight.tsx::SpotlightActionLayout"
                         }
                     }
                 },
@@ -735,8 +735,8 @@ export class Spotlight {
                     "references": {
                         "SpotlightAnchorPosition": {
                             "location": "local",
-                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/components/xpl-spotlight/xpl-spotlight.tsx",
-                            "id": "src/components/components/xpl-spotlight/xpl-spotlight.tsx::SpotlightAnchorPosition"
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/xpl-spotlight/xpl-spotlight.tsx",
+                            "id": "src/components/xpl-spotlight/xpl-spotlight.tsx::SpotlightAnchorPosition"
                         }
                     }
                 },

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

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-import { getTabGroupInstanceId, tabPanelDomId, tabTriggerId, } from "../../utils/tab-a11y-ids";
+import { getTabGroupInstanceId, tabPanelDomId, tabTriggerId } from "../../utils/tab-a11y-ids";
 export class Tab {
     constructor() {
         this.badgeVariant = 'purple';
@@ -108,7 +108,7 @@ export class Tab {
                         "BadgePalette": {
                             "location": "import",
                             "path": "../xpl-badge/xpl-badge",
-                            "id": "src/components/components/xpl-badge/xpl-badge.tsx::BadgePalette",
+                            "id": "src/components/xpl-badge/xpl-badge.tsx::BadgePalette",
                             "referenceLocation": "BadgePalette"
                         }
                     }

package/dist/collection/components/xpl-tab-panel/xpl-tab-panel.js

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-import { getTabGroupInstanceId, tabPanelDomId, tabTriggerId, } from "../../utils/tab-a11y-ids";
+import { getTabGroupInstanceId, tabPanelDomId, tabTriggerId } from "../../utils/tab-a11y-ids";
 export class TabPanel {
     constructor() {
         this.selected = false;
@@ -9,10 +9,10 @@ export class TabPanel {
         const t = this.target ?? '';
         const panelId = tabPanelDomId(groupId, t);
         const labelledBy = tabTriggerId(groupId, t);
-        return (h(Host, { key: 'ab151f12048635eb5e47f4cbafcd6f04637f7dfd', "aria-labelledby": labelledBy, class: {
+        return (h(Host, { key: '854ea5f142d3710299dc6b35b08a721d79d67b02', "aria-labelledby": labelledBy, class: {
                 'xpl-tab-panel': true,
                 'xpl-tab-panel--selected': this.selected,
-            }, id: panelId, role: "tabpanel" }, h("slot", { key: '81d82c0f3d8b019ec0abf6cbec34529b216b6533' })));
+            }, id: panelId, role: "tabpanel" }, h("slot", { key: '0b65b387574cd0058e12b7079494ce85c6f19a81' })));
     }
     static get is() { return "xpl-tab-panel"; }
     static get properties() {

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class XplTableBody {
     render() {
-        return (h(Host, { key: 'e5934161758f0934269a09e4a1058f3fda919e9d', class: "xpl-table-body", role: "rowgroup" }, h("slot", { key: 'e042714dc35cbe4ecc83cff740f7a24de48feec1' })));
+        return (h(Host, { key: '0a5e05dbbc4f089b7907464693943ce76e76cbc3', class: "xpl-table-body", role: "rowgroup" }, h("slot", { key: 'f8781515706b3843fd288f5be832cb9e9b78a971' })));
     }
     static get is() { return "xpl-table-body"; }
 }

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

@@ -64,13 +64,13 @@ export class XplTableCell {
         walk(this.el);
     }
     render() {
-        return (h(Host, { key: 'f4e7639b0cb35eda08fdbb13cf1e0ddcb380cb7a', role: "gridcell", class: {
+        return (h(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,
-            } }, h("slot", { key: '16d9a63cb992b9bbeb56500b5d6537b824336b40' })));
+            } }, h("slot", { key: '19c3a0f67b3eccdb3e6441ba74b8e9d5bb8d0ae6' })));
     }
     static get is() { return "xpl-table-cell"; }
     static get properties() {

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class XplTableFooter {
     render() {
-        return (h(Host, { key: '57872baa33166a8146bd0c9b3d7af1597e1fb41e', class: "xpl-table-footer", role: "rowgroup" }, h("slot", { key: '65def2bdfee1be95fa966f7f746dedc7176b91e6' })));
+        return (h(Host, { key: '1f6a7cae4df63c42c2c3c87bd3a531033d0e04b1', class: "xpl-table-footer", role: "rowgroup" }, h("slot", { key: '2b2447283d8fcc7ebf9d48d44e30b98b2af58d9c' })));
     }
     static get is() { return "xpl-table-footer"; }
 }

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

@@ -4,10 +4,10 @@ export class XplTableFooterCell {
         this.align = 'left';
     }
     render() {
-        return (h(Host, { key: '1434aa38de9894875e70b2a7b3c55479726727d5', class: {
+        return (h(Host, { key: '468d80c698b82031537d12584494bb8e42cc4a83', class: {
                 'xpl-table-footer-cell': true,
                 [`xpl-table-footer-cell--align-${this.align}`]: true,
-            }, role: "gridcell" }, h("slot", { key: 'e3bac594dbd5265f44c7bd620e1fccfc9248abf0' })));
+            }, role: "gridcell" }, h("slot", { key: '91674140e7e618b7ff40c58ebbdae79145318de9' })));
     }
     static get is() { return "xpl-table-footer-cell"; }
     static get properties() {