@xplortech/apollo-core 2.8.1 → 2.10.0

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

@@ -19,29 +19,23 @@ export class Table {
         this.sortTypeArray = [];
         this.selectAllValue = Math.random().toString(36).slice(2);
         this.selectAll = (e) => {
-            const { target } = e;
-            if (!(target instanceof HTMLInputElement))
-                return;
-            const { checked } = target;
+            const checked = e.detail;
             this.areAllSelected = checked;
             this.selected =
                 this.selectedValues.length > 0
-                    ?
-                        Array.from(this.el.querySelectorAll('tbody td:first-child input')).map((input) => checked ? input === null || input === void 0 ? void 0 : input.value : checked)
+                    ? Array.from(this.el.querySelectorAll('tbody td:first-child xpl-checkbox')).map((checkbox) => (checked ? checkbox.value : checked))
                     : this.selected.map(() => checked);
             this.onChange();
         };
         this.selectOne = (e, checkboxIdx) => {
-            const { target } = e;
-            if (!(target instanceof HTMLInputElement))
-                return;
-            const { checked, value } = target;
-            this.areAllSelected = false;
+            const checked = e.detail;
+            const { value } = e.target;
             this.selected = this.selected.map((v, selectedIdx) => {
                 if (selectedIdx !== checkboxIdx)
                     return v;
                 return this.selectedValues.length > 0 ? (checked ? value : checked) : checked;
             });
+            this.areAllSelected = this.selected.every((v) => !!v);
             this.onChange();
         };
         this.onChange = () => {
@@ -132,27 +126,24 @@ export class Table {
             (!this.sortTypeArray || this.sortTypeArray.length !== this.columns.length)) {
             this.sortTypeArray = this.columns.map(() => null);
         }
-        return (h(Host, { key: '10b0bfd08e28fada9a2c8509d405c5314cce1689' }, h("div", { key: '8e5b4fe928618b175a58f858f6cfd65f4bd29c53', class: "xpl-table-container", onScroll: this.onScroll, ref: (el) => {
+        return (h(Host, { key: 'b2ed918c3c434b6403fe6d18619d0a1a5bf864bf' }, h("div", { key: 'd55accaecba09869f07dcc7030eca5cc1175dd95', class: "xpl-table-container", onScroll: this.onScroll, ref: (el) => {
                 this.container = el;
-            } }, h("table", { key: 'a6df646737b9a1d5e67cebe9eaad41911ab606ca', class: {
+            } }, h("table", { key: '6406b92ee6717c80f5f363110fda38fa5bbe61ff', class: {
                 'xpl-table': true,
                 'xpl-table--striped': this.striped,
                 'xpl-table--freeze': this.freeze,
                 'xpl-table--has-scrolled': this.hasScrolled,
-            } }, this.columns && (h("thead", { key: '5f14766107d69f26b865f63c323d417f43260267' }, this.columns.map((column, i) => {
+            } }, this.columns && (h("thead", { key: '2f89526153301be4ad9ba2f2ec2dac791b4702ae' }, this.columns.map((column, i) => {
             var _a;
             const iconType = getIconType((_a = this.sortTypeArray) === null || _a === void 0 ? void 0 : _a[i]);
             const isColumnSortable = !!(this.isSortable && this.sortableColumns[i]);
-            return (h("th", null, h("label", { onClick: (e) => this.handleSort(e, isColumnSortable, i, column.replace(/ /g, '-').toLowerCase()), class: isColumnSortable ? 'cursor-pointer' : '' }, this.multiselect && i === 0 && (h("input", { checked: this.areAllSelected, id: "__xpl-table-th", indeterminate: !this.areAllSelected &&
-                    this.selected.some((a) => a), onClick: (e) => {
-                    e.stopPropagation();
-                    this.selectAll(e);
-                }, type: "checkbox", value: `select-all-${this.selectAllValue}` })), column, isColumnSortable && !!this.sortTypeArray[i] && (h("xpl-icon", { icon: iconType, size: 16 })))));
-        }))), h("tbody", { key: 'b13ca1d1a738de189d4f040dfd309187671b341d' }, this.rowData.map((row, rowNum) => (h("tr", { class: this.selected && this.selected[rowNum]
+            return (h("th", null, h("label", { onClick: (e) => this.handleSort(e, isColumnSortable, i, column.replace(/ /g, '-').toLowerCase()), class: isColumnSortable ? 'cursor-pointer' : '' }, this.multiselect && i === 0 && (h("xpl-checkbox", { checked: this.areAllSelected, indeterminate: !this.areAllSelected &&
+                    this.selected.some((a) => a), onClick: (e) => e.stopPropagation(), onCheckboxChange: (e) => this.selectAll(e), value: `select-all-${this.selectAllValue}`, "aria-label": "Select all rows" })), column, isColumnSortable && !!this.sortTypeArray[i] && (h("xpl-icon", { icon: iconType, size: 16 })))));
+        }))), h("tbody", { key: 'd1c762bc09191ac0b5b84ade9409d87a726f15f4' }, this.rowData.map((row, rowNum) => (h("tr", { class: this.selected && this.selected[rowNum]
                 ? 'xpl-table-row-selected'
-                : '' }, row.map((cell, i) => (h("td", null, this.multiselect && i === 0 ? (h("label", { htmlFor: `__xpl-table-row-${rowNum}` }, h("input", { id: `__xpl-table-row-${rowNum}`, checked: !!this.selected[rowNum], type: "checkbox", onChange: (e) => this.selectOne(e, rowNum), value: this.selectedValues.length > 0
+                : '' }, row.map((cell, i) => (h("td", null, this.multiselect && i === 0 ? (h("label", null, h("xpl-checkbox", { checked: !!this.selected[rowNum], onCheckboxChange: (e) => this.selectOne(e, rowNum), value: this.selectedValues.length > 0
                 ? this.selectedValues[rowNum]
-                : `xpl-table-checkbox-${rowNum}` }), h("div", { innerHTML: cell }))) : (h("div", { innerHTML: cell }))))))))), ((_a = this.rowFooterData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("tfoot", { key: '5d45854ba21aa7e0bfaaf3b8a537e0c121538ac9' }, this.rowFooterData.map((row) => (h("tr", null, row.map((cell) => (h("td", null, h("div", { innerHTML: cell })))))))))))));
+                : `xpl-table-checkbox-${rowNum}`, "aria-label": `Select row ${rowNum + 1}` }), h("div", { innerHTML: cell }))) : (h("div", { innerHTML: cell }))))))))), ((_a = this.rowFooterData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("tfoot", { key: '99e0e8cbe768f3c565d5fd6328c6e305483bf3f1' }, this.rowFooterData.map((row) => (h("tr", null, row.map((cell) => (h("td", null, h("div", { innerHTML: cell })))))))))))));
     }
     static get is() { return "xpl-table"; }
     static get properties() {

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class TableHeader {
     render() {
-        return (h(Host, { key: '7b36c9e640bd43ac38ea2625e7600e8699a13c5f', role: "row", class: "xpl-table-header" }, h("slot", { key: 'd03fe894a829477b6bf25dbd6dfa724b224b8d42' })));
+        return (h(Host, { key: 'f50c2c0ca2743e47ad44a368a9ea684c57a72261', role: "row", class: "xpl-table-header" }, h("slot", { key: '7a61b45818de8675015ca3defb9ee8c3280e961a' })));
     }
     static get is() { return "xpl-table-header"; }
 }

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

@@ -317,11 +317,11 @@ export class Tabs {
     }
     render() {
         const isSegment = this.type === 'segment';
-        return (h(Host, { key: '9998ae067e13e7c08338ae29bfe05bc3adacaa87', class: {
+        return (h(Host, { key: 'a030a35038572d70f3fb2b979adbaa56d77a1d49', class: {
                 'xpl-tabs': true,
                 'xpl-tabs--full-width': this.fullWidth,
                 'xpl-tabs--segment': isSegment,
-            }, "data-choices-tick": this.choicesTick }, h("xpl-select", { key: '18209c354e77267a13ce0c7380df0e419595cca7', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
+            }, "data-choices-tick": this.choicesTick }, h("xpl-select", { key: '8260974c68020dea475f6e0780c766abfca94fda', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
                 if (event.detail) {
                     this.isMobileSelectChange = true;
                 }
@@ -332,17 +332,17 @@ export class Tabs {
                     this.tabChange.emit(selectedValue);
                     this.isMobileSelectChange = false;
                 }
-            } }), h("nav", { key: 'cf1bf2ec95fbbe7f0a6b8774cc5ce26928c7d6ca', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
+            } }), h("nav", { key: '73a1e4ad4830b9b22b4eee00bad5793705cf3ac3', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
                 this.headingsContainerRef = el;
             }, onTabChange: (event) => {
                 event.stopPropagation();
                 this.isMobileSelectChange = false;
                 this.handleTabChange(event.detail);
                 this.tabChange.emit(event.detail);
-            } }, !isSegment && (h("div", { key: '5bfd13566a17723ec166a934bc72e59307eacb8c', class: "xpl-tabs__active-bar", style: {
+            } }, !isSegment && (h("div", { key: '8008620a99470824fe61ea535fb46a3dea75afc3', class: "xpl-tabs__active-bar", style: {
                 transform: `translateX(${this.activeBarPosition.left}px)`,
                 width: `${this.activeBarPosition.width}px`,
-            } })), h("slot", { key: '52baf508a46759fe908f8721b3089d3db0189383', name: "heading" })), h("div", { key: '363fe87f244eace0dc0af0903e0b8c25da3a613f', class: "xpl-tabs__panels" }, h("slot", { key: 'f3872844f486cf831bca26a228eba88fa18b42c3', name: "panel" }))));
+            } })), h("slot", { key: 'be53fe549e5b9c887ad90cbafcc8f95631361fee', name: "heading" })), h("div", { key: 'd97b138b5fcb0207684698752ec72c1dcd9464a3', class: "xpl-tabs__panels" }, h("slot", { key: 'fe40edbf2c9f20d02d75ab62a142e7df04ef0afd', name: "panel" }))));
     }
     static get is() { return "xpl-tabs"; }
     static get properties() {

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

@@ -121,7 +121,7 @@ export class Tag {
     }
     render() {
         const dragEnabled = this.isDraggable && !this.disabled;
-        return (h(Host, { key: '7e85098bb9f5e8c0fceee3e7947337e0799c4de8', class: {
+        return (h(Host, { key: '13a500c63b29cb19a53e2abb69f86f62164d79d2', class: {
                 'xpl-tag': true,
                 'xpl-tag-container': true,
                 'xpl-tag--disabled': this.disabled,
@@ -129,7 +129,7 @@ export class Tag {
                 'xpl-tag--dragging': this.isDragging,
                 'xpl-tag--draggable': dragEnabled,
                 'xpl-tag--sm': this.size === 'sm',
-            }, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (h("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, h("slot", null))) : (h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, h("slot", null))), this.dismissible && (h("button", { key: 'cb875506819a0a58d42add85a1a09e95e4786eba', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, h("xpl-icon", { key: '431f061a4c96dacb9dc76a753c9d2de01491b2be', icon: "xmark", size: 10 })))));
+            }, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (h("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, h("slot", null))) : (h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, h("slot", null))), this.dismissible && (h("button", { key: 'ceb929c98cb7a66390cf1c09b32535696e4d2b04', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, h("xpl-icon", { key: '8a5a6f13014334fee2193703674bdfd49710a265', icon: "xmark", size: 10 })))));
     }
     static get is() { return "xpl-tag"; }
     static get properties() {
@@ -276,7 +276,7 @@ export class Tag {
                     "references": {
                         "TagDragEndDetail": {
                             "location": "local",
-                            "path": "/Users/roc/Sites/apollo/packages/apollo-core/src/components/components/xpl-tag/xpl-tag.tsx",
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/components/xpl-tag/xpl-tag.tsx",
                             "id": "src/components/components/xpl-tag/xpl-tag.tsx::TagDragEndDetail"
                         }
                     }
@@ -297,7 +297,7 @@ export class Tag {
                     "references": {
                         "TagDragStartDetail": {
                             "location": "local",
-                            "path": "/Users/roc/Sites/apollo/packages/apollo-core/src/components/components/xpl-tag/xpl-tag.tsx",
+                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/components/xpl-tag/xpl-tag.tsx",
                             "id": "src/components/components/xpl-tag/xpl-tag.tsx::TagDragStartDetail"
                         }
                     }

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

@@ -35,9 +35,9 @@ export class Toast {
     }
     render() {
         var _a;
-        return (h(Host, { key: '4f470ceb525c35a86ddbf65365fac1674ebe7033', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: '04da6ca2777ceb222da2f4fd831d8aef5101a667', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: '0e5e75aa05e96361700c0c7b9eccbc4c5b75a00c', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: 'f1ccc651318b6d7128255918bdd68ef36a249e9f', class: "xpl-toast__notification" }, h("p", { key: '1ae879d8a670a0f1a4928bfa2a0692581040dca1', class: "xpl-toast__title" }, h("slot", { key: 'b819a773c11b88cb00f8638db8a960de55ce6508', name: "title" })), this.caption !== '' && (h("p", { key: '8f6eb8dd769e4aaf5b16b3caafd9e9ec5408a7e1', class: "xpl-toast__caption" }, (_a = this.caption) === null || _a === void 0 ? void 0 : _a.substring(0, 85))))), h("div", { key: '46ae2f04fa38b50d2a07082b6972590f6bd28005', class: "xpl-toast__action", ref: (el) => {
+        return (h(Host, { key: '8b53818d7882160ab13ba700520c2c54f3d0b630', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: '6cc47a618684dacf1031bdacfc6cb9134db659e1', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: '2360e3bb5d173d97fb63e3ff2069ef6ac53f2a7d', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: 'e4c318a21bf17d951deade92c9288791b6664a4f', class: "xpl-toast__notification" }, h("p", { key: '6697407277294d71106c9429f5822966572c1f06', class: "xpl-toast__title" }, h("slot", { key: '108769cc76b1ed7b42ad436885831d9e7fd4412f', name: "title" })), this.caption !== '' && (h("p", { key: '7570a85eaebbd9c236841541557324b45c86dab6', class: "xpl-toast__caption" }, (_a = this.caption) === null || _a === void 0 ? void 0 : _a.substring(0, 85))))), h("div", { key: 'b5f98b93c56f877d6c749c82550aad3b86bb3786', class: "xpl-toast__action", ref: (el) => {
                 this.actionSlot = el;
-            } }, h("slot", { key: '69512a9b482bb54252527d798dfa2884a19b7d8c', name: "action" })), this.dismissable && (h("div", { key: '818a5f9dde1a9c9b7ab3cd62cd807200e3687af6', class: "xpl-toast__close" }, h("button", { key: '3a617189f8f031e119a125efce0ab35a7f5cf31f', tabIndex: 0, onClick: this.dismiss }, h("xpl-icon", { key: 'd86187aed0665da278f953be5ab92f7051f44438', icon: "x" }))))));
+            } }, h("slot", { key: 'c2007b4a30836c3a1b071539029c1290875bdd2c', name: "action" })), this.dismissable && (h("div", { key: 'f0706d95d8091beb32dfbe1535ebbdfb1ce9a018', class: "xpl-toast__close" }, h("button", { key: 'b1415be4d68035d21857f688f16558470cca2f81', tabIndex: 0, onClick: this.dismiss }, h("xpl-icon", { key: '61ba3accb69a2637190b5ee3a4f7105fdf896af7', icon: "x" }))))));
     }
     static get is() { return "xpl-toast"; }
     static get properties() {

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

@@ -16,13 +16,13 @@ export class Toggle {
         let className = 'xpl-toggle';
         if (this.variant === 'small')
             className += ' xpl-toggle--small';
-        return (h(Host, { key: '2665ccecd2df94b7ed7443e2ecb6265fca7f235f', class: containerClassName }, (this.heading || this.description) && (h("label", { key: '75292b431419e1d34c127a82d61baa1ee024a2bb', class: {
+        return (h(Host, { key: 'bc7363fd59d7cc10f0df644b5c54021ce860dbbc', class: containerClassName }, (this.heading || this.description) && (h("label", { key: '06b031581d173694651e58265b287865daeaf22b', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': this.disabled,
-            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: '772e34c7d553faee5b1dfc448ecb95706dc3e8df', class: {
+            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: 'a633107a6dcc2c0c43cd626c3013876831535588', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': this.disabled,
-            } }, this.description)))), h("input", { key: 'afec8fff16aadca330c804832dbd41c4b10f5caa', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && h("label", { key: '1b25d01805915cb2dacf03ad9340beec61565bcc', htmlFor: this.id }, this.label)));
+            } }, this.description)))), h("input", { key: 'fc1d734118dafc0a5f64119eb91d19e8af1254a6', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && h("label", { key: '7f1a465da3ec136c11797746505c0629fe2d31a9', htmlFor: this.id }, this.label)));
     }
     static get is() { return "xpl-toggle"; }
     static get properties() {

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

@@ -12,11 +12,11 @@ export class Toolbar {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (h(Host, { key: '156bc52063283c17215e1d3a90c25939ae92685b', class: {
+        return (h(Host, { key: '782235b9cb7a50f4ba1a38ce2add940a051167a9', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, h("div", { key: '184e28d57a16d8ba6e10f29a95c931a036f44515', class: "toolbar" }, h("p", { key: 'ff6a7137db216c71859eac4398bbaf8bc6fe18f9', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: 'a610539a08383a3d1d3dad8d95a8b75f43eaf1a3', class: "actions" }, h("slot", { key: 'dd8ea3150b40926ab40f36d38770daaa969a6fff', name: "actions-left" }), h("slot", { key: 'b51f8940fb52dd6880841a917574f782e0d0c72c', name: "actions-right" })))));
+            } }, h("div", { key: 'cb29423baac9e936ea02d4e177966161cb0f0486', class: "toolbar" }, h("p", { key: '484e52174e0b11b158e4865cdc62fa05136eac2d', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: '51ba928ccfae827b73f67348b64e34a14d36c235', class: "actions" }, h("slot", { key: 'f96d57f3e6101a277a0195e072f69b63d5b29671', name: "actions-left" }), h("slot", { key: '278f41ab191c18479f9c99a531ca7636be571478', name: "actions-right" })))));
     }
     static get is() { return "xpl-toolbar"; }
     static get properties() {

package/dist/collection/components/xpl-tooltip/tooltip-arrow.js

@@ -1,2 +1,2 @@
 import { h } from "@stencil/core";
-export const TooltipArrow = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "14" }, h("g", { filter: "url(#a)" }, h("path", { d: "M0 5h15l-7.5 7.5L0 5Z" })), h("defs", null, h("filter", { id: "a", width: "20", height: "8.171", x: ".5", y: "5", "color-interpolation-filters": "sRGB", filterUnits: "userSpaceOnUse" }, h("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), h("feOffset", { dy: "1" }), h("feComposite", { in2: "hardAlpha", operator: "out" }), h("feColorMatrix", { values: "0 0 0 0 0.882353 0 0 0 0 0.886275 0 0 0 0 0.909804 0 0 0 1 0" }), h("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_20073_3067" }), h("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_20073_3067", result: "shape" })))));
+export const TooltipArrow = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "13" }, h("path", { d: "M0.5 5h15l-7.5 7.5L0.5 5Z", fill: "white", stroke: "none", class: "xpl-tooltip-arrow__fill" }), h("path", { d: "M0.5 5 L8 12.5 L15.5 5", fill: "none", stroke: "black", "stroke-width": "1", class: "xpl-tooltip-arrow__stroke" })));

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

@@ -41,43 +41,12 @@ Tooltip.parameters = {
             <div class="xpl-tooltip-container">
                 <div class="xpl-tooltip xpl-tooltip--${position}">
                     ${text}
-                </div>
-                <div class="xpl-tooltip-arrow">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="17" height="40">
-                    <g filter="url(#a)">
-                        <path d="M0 5h15l-7.5 7.5L0 5Z" />
-                    </g>
-                    <defs>
-                        <filter
-                        id="a"
-                        width="20"
-                        height="8.171"
-                        x=".5"
-                        y="5"
-                        color-interpolation-filters="sRGB"
-                        filterUnits="userSpaceOnUse"
-                        >
-                        <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                        <feColorMatrix
-                            in="SourceAlpha"
-                            result="hardAlpha"
-                            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                        />
-                        <feOffset dy="1" />
-                        <feComposite in2="hardAlpha" operator="out" />
-                        <feColorMatrix values="0 0 0 0 0.882353 0 0 0 0 0.886275 0 0 0 0 0.909804 0 0 0 1 0" />
-                        <feBlend
-                            in2="BackgroundImageFix"
-                            result="effect1_dropShadow_20073_3067"
-                        />
-                        <feBlend
-                            in="SourceGraphic"
-                            in2="effect1_dropShadow_20073_3067"
-                            result="shape"
-                        />
-                        </filter>
-                    </defs>
-                    </svg>
+                    <div class="xpl-tooltip-arrow">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13">
+                            <path d="M0.5 5h15l-7.5 7.5L0.5 5Z" fill="white" stroke="none" class="xpl-tooltip-arrow__fill" />
+                            <path d="M0.5 5 L8 12.5 L15.5 5" fill="none" stroke="black" stroke-width="1" class="xpl-tooltip-arrow__stroke" />
+                        </svg>
+                    </div>
                 </div>
             </div>
         `)(Tooltip.args),

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

@@ -6,7 +6,7 @@ export class Tooltip {
         this.hideArrow = false;
     }
     render() {
-        return (h(Host, { key: 'a118d629923a433680360f746e063ca94d5f1c6a' }, h("div", { key: 'cfd9742ee2cebd56994480bd2a601cb4e93b12a9', class: "xpl-tooltip-container" }, h("slot", { key: '8aae99e1a187f8f737e896ccfd00d67f1cfeb3b3' }), h("div", { key: '4b418074b2ac7f8760f09e3af033ea93f7a0012e', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text), !this.hideArrow && (h("div", { key: 'ef6a166f78250f1f98eae41661fd7020b36eeaae', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: '7baecae00ab178f715c89443d250b068861afe5f' }))))));
+        return (h(Host, { key: 'c060588959e22e35117e15925ed57e951b4fe51d' }, h("div", { key: '69572a540e2dcf3c819a2af20b6e900ea8d483c9', class: "xpl-tooltip-container" }, h("slot", { key: 'b767815cc05aec2ce3e3f0411602659d142ce64f' }), h("div", { key: 'eb80138e423992a8b5f8f823029f1a57993e5355', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (h("div", { key: '01c556ac6491bca26550dd1dc34689ff09e2d418', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: '8844c7e4b28132fc8a11c1a9ce6920061ae741b4' })))))));
     }
     static get is() { return "xpl-tooltip"; }
     static get properties() {

package/dist/collection/components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.js

@@ -64,11 +64,11 @@ export class NavHeaderMenu {
     }
     render() {
         const hasProfile = !!this.username || !!this.email;
-        return (h(Host, { key: '451149dc9d73f705492fc65bf4f014b8efa4ee8a', class: {
+        return (h(Host, { key: '605d14e70deb43e79834d39cb3a078b3298e853a', class: {
                 'xpl-nav-header-menu': true,
                 'xpl-nav-header-menu--has-right-aside-mobile': this.rightAsideMobilePresent,
                 dark: true,
-            } }, hasProfile && (h("div", { key: 'f42b560492c110644d52b10f708a3ed650833861', class: "xpl-nav-header-menu__profile" }, h("div", { key: '6d98f720af85cbf8164bea7500175d6bfbb9465b', class: "xpl-nav-header-menu__info" }, this.username && (h("div", { key: '9d52880dc41c11e71ac3cc107d8009eccb787bac', class: "xpl-nav-header-menu__username" }, this.username)), this.email && (h("div", { key: 'd1b71ac2c4f6aaf5efd7b1910b8848f97ab08bf0', class: "xpl-nav-header-menu__email" }, this.email))))), h("div", { key: 'e1b298c39ccbe0f68b8d60fa82714572f656ab1e', class: "xpl-nav-header-menu__right-aside-mobile" }, h("slot", { key: 'fbb8d26c38a4a50568e8836ac3af4409fe6c93c0', name: "right-aside-mobile" })), h("div", { key: 'cbe858338ec04cdd3b74285f95b0466432924be2', class: "xpl-nav-header-menu__slot", role: "list" }, h("slot", { key: 'b47ccc7f955a30d8b9d9b884fa3d920d45958f7c' }))));
+            } }, hasProfile && (h("div", { key: '4d7f4ffc4d0391fb3b20db6be3a1c32126f02dfe', class: "xpl-nav-header-menu__profile" }, h("div", { key: 'f79f233a7dd322329b4f571b6858d5f6954eb972', class: "xpl-nav-header-menu__info" }, this.username && (h("div", { key: '5672342ae08198b52525ca2fe75d0d489e678c6b', class: "xpl-nav-header-menu__username" }, this.username)), this.email && (h("div", { key: '90f13a468d30f939b3e99f932dc96746d99c4196', class: "xpl-nav-header-menu__email" }, this.email))))), h("div", { key: '70ae77baf3570e700639e7d8d387c5e4df7739c4', class: "xpl-nav-header-menu__right-aside-mobile" }, h("slot", { key: 'e9e1170bc8648f3676e083c7aa5c03d16e09b2ed', name: "right-aside-mobile" })), h("div", { key: '225c538dc72259da900406eb3fc6f222f93292e1', class: "xpl-nav-header-menu__slot", role: "list" }, h("slot", { key: '7631ce2ee1e6acdf4fdc9d54671e186de597de63' }))));
     }
     static get is() { return "xpl-nav-header-menu"; }
     static get properties() {

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

@@ -301,14 +301,14 @@ export class TopNavItem {
         return (h("div", Object.assign({}, shared, { role: "button" }), this.icon && h("xpl-icon", { size: 16, icon: this.icon }), this.label ? (h("span", { class: "xpl-top-nav-item__label", title: this.label }, this.label)) : (h("slot", null)), this.hasDropdown && h("xpl-icon", { icon: "chevron-down" })));
     }
     render() {
-        return (h(Host, Object.assign({ key: '4758b54726318591f140bcfea8d4db22c70c96ff', class: {
+        return (h(Host, Object.assign({ key: '6d68c9bb7527410185e6ecd176c7a9a887359af9', class: {
                 'xpl-top-nav-item': true,
                 'xpl-top-nav-item--active': this.active,
                 'xpl-top-nav-item--dropdown-open': this.open,
                 'xpl-top-nav-item--has-dropdown': this.hasDropdown,
                 'xpl-top-nav-item--selected': this.selected,
                 dark: true,
-            } }, (this.hostListitemRole ? { role: 'listitem' } : {})), this.renderInner(), this.hasDropdown && (h("div", { key: '65f53889e4815fb974d7abe12d13dd8be19c1943', class: "xpl-top-nav-item__dropdown" }, h("slot", { key: '2f4f164deaec561be73a13e2303cc13e037699bb', name: "dropdown" })))));
+            } }, (this.hostListitemRole ? { role: 'listitem' } : {})), this.renderInner(), this.hasDropdown && (h("div", { key: 'da5414f6573aa6eb604721c814164b9a4987091d', class: "xpl-top-nav-item__dropdown" }, h("slot", { key: '116c436b4ef2902c50c5dd78c8d292190a3c58e4', name: "dropdown" })))));
     }
     static get is() { return "xpl-top-nav-item"; }
     static get properties() {

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

@@ -236,7 +236,7 @@ export class TopNav {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '9f65d609c6b4cf08b2899216fe8bc70fe0e12db9', class: {
+        return (h(Host, { key: '6b22351e62f90d5fec04c0dafa5208d9a495b67b', class: {
                 'xpl-top-nav': true,
                 'xpl-top-nav--nav-control': Boolean(this.navControl),
                 'xpl-top-nav--open': this.open,
@@ -244,15 +244,15 @@ export class TopNav {
                 'xpl-top-nav--has-brand': this.hasBrand,
                 'xpl-top-nav--has-user-menu': this.hasUserMenu,
                 dark: true,
-            } }, h("nav", { key: 'a3d613acbe13866886bca363372127e8e869ec2c', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: 'b7057ef80f36e98def53bbfc2a39bd30bacd9b4c', class: "xpl-top-nav__inner-left" }, this.navControl && (h("button", { key: '3c4091842c7e4c1a62fea5446f6e29486617b11a', 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 }, h("xpl-icon", { key: 'cd5fd2cd1cf1dae5c765b63678e14cb87588c3b2', class: "xpl-top-nav__control-icon", icon: "menu", size: 20 }))), this.hasBrand && (h("div", { key: '3cabfe3ce8ff58d9aed0ed9b4adccd896f6cad08', class: "xpl-top-nav__brand-bar" }, h("xpl-top-nav-item", { key: 'bca3924f36affd16b6c17d0d8cc1ccc57c488ef6', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, ((_b = this.brandLogo) === null || _b === void 0 ? void 0 : _b.trim()) ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: ((_c = this.brandName) === null || _c === void 0 ? void 0 : _c.trim())
+            } }, h("nav", { key: '5f29a00b93b1affda6aaf900e42cc6ff33f1b90c', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: 'fbe9cb0b1bc7d9bf9be1f04e64cb93ff24866879', class: "xpl-top-nav__inner-left" }, this.navControl && (h("button", { key: 'b22532e39a57f9a250617aa09e6e0dde6dfeb9e5', 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 }, h("xpl-icon", { key: 'a9f7dbb6287d3e11ea5b839bedb8d808c67bcd8e', class: "xpl-top-nav__control-icon", icon: "menu", size: 20 }))), this.hasBrand && (h("div", { key: 'c702fc39d186f37901c8c6b4e5d378eaee2faa99', class: "xpl-top-nav__brand-bar" }, h("xpl-top-nav-item", { key: '980b470563ee3d4e3e388cd089622041f307cd0b', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, ((_b = this.brandLogo) === null || _b === void 0 ? void 0 : _b.trim()) ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: ((_c = this.brandName) === null || _c === void 0 ? void 0 : _c.trim())
                 ? this.brandName.trim()
-                : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, ((_d = this.brandName) === null || _d === void 0 ? void 0 : _d.trim()) ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: '1e9a1af5fbeca22c0f440556c121c38b8528d9ba', class: {
+                : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, ((_d = this.brandName) === null || _d === void 0 ? void 0 : _d.trim()) ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: '0740be056833bd15c798a44c5c3dbe80ed5e15fd', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-left': true,
-            } }, h("div", { key: 'b5d67e1adf5bc6a751be3d8bfa448bdb682039bc', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: 'c738eb6fbda41c8320fa2645fb88f43ef11731b6', name: "left-aside" })))), h("div", { key: '8573832a3922746b2301f9bc8b4fa6ab7e1ac441', class: {
+            } }, h("div", { key: 'ff4f4534944dc54df40c289e65a4ab7d75bd572e', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: 'fdec30ffc838d7e73788932aa6fef46fac2fe0ab', name: "left-aside" })))), h("div", { key: '69d5b669744ff3aeb0c4316f4d5b27b9c461652f', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-right': true,
-            } }, h("div", { key: 'a21b318496a47000cde7a0346d3376999e7893ea', class: "xpl-nav-right__list" }, h("div", { key: '5934e7d3976b13abba77b4361b4fe1c6f49bcc2e', class: "xpl-top-nav__right-rail" }, h("div", { key: '49b44ea3d59eec32d6859978754e81ce6acc1bec', class: "xpl-top-nav__right-lead" }, h("slot", { key: '054671b75354700b873a85f08998a14d7fc7073b', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (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
+            } }, h("div", { key: '7ae70d39f31243b77f09af7b0e4327d0bb1b1dfd', class: "xpl-nav-right__list" }, h("div", { key: '7bafc8eab226ba0ff77ae98281d4665eb6b75fbe', class: "xpl-top-nav__right-rail" }, h("div", { key: '9914028435faebbd3d539d763b71500643017ebc', class: "xpl-top-nav__right-lead" }, h("slot", { key: '974117684ec371dc87264bfbc0da5e456adeec9b', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (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/collection/components/xpl-utility-bar/xpl-utility-bar.js

@@ -11,7 +11,7 @@ export class UtilityBar {
         this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
     }
     render() {
-        return (h(Host, { key: '2af96247c611b67255b7f285dfb2b8b1dada47cc' }, h("nav", { key: '135186097dd0d8f308a1a08b5fbf4a5537c10f25', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: '3346444f9813b20d8c4ed13b5a0784205dcfbbb1', name: "main" }))));
+        return (h(Host, { key: '965003722d536d4b9b7acd326ed7ae0cc2ac302a' }, h("nav", { key: '25d4348939fd65e00ce7bec962a31d65ff9473c3', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: '3cb1d9038135c1892a3780c9242bbd544f6f0f5f', name: "main" }))));
     }
     static get is() { return "xpl-utility-bar"; }
     static get properties() {

package/dist/components/index.d.ts

@@ -1,3 +1,143 @@
+/* ApolloCore custom elements */
+export { Accordion as XplAccordion } from '../types/components/xpl-accordion/xpl-accordion';
+export { defineCustomElement as defineCustomElementXplAccordion } from './xpl-accordion';
+export { ApplicationShell as XplApplicationShell } from '../types/components/xpl-application-shell/xpl-application-shell';
+export { defineCustomElement as defineCustomElementXplApplicationShell } from './xpl-application-shell';
+export { Avatar as XplAvatar } from '../types/components/xpl-avatar/xpl-avatar';
+export { defineCustomElement as defineCustomElementXplAvatar } from './xpl-avatar';
+export { Backdrop as XplBackdrop } from '../types/components/xpl-backdrop/xpl-backdrop';
+export { defineCustomElement as defineCustomElementXplBackdrop } from './xpl-backdrop';
+export { Badge as XplBadge } from '../types/components/xpl-badge/xpl-badge';
+export { defineCustomElement as defineCustomElementXplBadge } from './xpl-badge';
+export { Banner as XplBanner } from '../types/components/xpl-banner/xpl-banner';
+export { defineCustomElement as defineCustomElementXplBanner } from './xpl-banner';
+export { BreadcrumbItem as XplBreadcrumbItem } from '../types/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item';
+export { defineCustomElement as defineCustomElementXplBreadcrumbItem } from './xpl-breadcrumb-item';
+export { Breadcrumbs as XplBreadcrumbs } from '../types/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs';
+export { defineCustomElement as defineCustomElementXplBreadcrumbs } from './xpl-breadcrumbs';
+export { Button as XplButton } from '../types/components/xpl-button/xpl-button';
+export { defineCustomElement as defineCustomElementXplButton } from './xpl-button';
+export { ButtonRow as XplButtonRow } from '../types/components/xpl-button-row/xpl-button-row';
+export { defineCustomElement as defineCustomElementXplButtonRow } from './xpl-button-row';
+export { Calendar as XplCalendar } from '../types/components/xpl-calendar/xpl-calendar';
+export { defineCustomElement as defineCustomElementXplCalendar } from './xpl-calendar';
+export { Checkbox as XplCheckbox } from '../types/components/xpl-checkbox/xpl-checkbox';
+export { defineCustomElement as defineCustomElementXplCheckbox } from './xpl-checkbox';
+export { Choicelist as XplChoicelist } from '../types/components/xpl-choicelist/xpl-choicelist';
+export { defineCustomElement as defineCustomElementXplChoicelist } from './xpl-choicelist';
+export { ContentArea as XplContentArea } from '../types/components/xpl-content-area/xpl-content-area';
+export { defineCustomElement as defineCustomElementXplContentArea } from './xpl-content-area';
+export { Dashboard as XplDashboard } from '../types/components/xpl-dashboard/xpl-dashboard';
+export { defineCustomElement as defineCustomElementXplDashboard } from './xpl-dashboard';
+export { DataCard as XplDataCard } from '../types/components/xpl-data-card/xpl-data-card';
+export { defineCustomElement as defineCustomElementXplDataCard } from './xpl-data-card';
+export { Divider as XplDivider } from '../types/components/xpl-divider/xpl-divider';
+export { defineCustomElement as defineCustomElementXplDivider } from './xpl-divider';
+export { Dropdown as XplDropdown } from '../types/components/xpl-dropdown/xpl-dropdown';
+export { defineCustomElement as defineCustomElementXplDropdown } from './xpl-dropdown';
+export { DropdownGroup as XplDropdownGroup } from '../types/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group';
+export { defineCustomElement as defineCustomElementXplDropdownGroup } from './xpl-dropdown-group';
+export { DropdownHeading as XplDropdownHeading } from '../types/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading';
+export { defineCustomElement as defineCustomElementXplDropdownHeading } from './xpl-dropdown-heading';
+export { DropdownOptionCpnt as XplDropdownOption } from '../types/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option';
+export { defineCustomElement as defineCustomElementXplDropdownOption } from './xpl-dropdown-option';
+export { DynamicTable as XplDynamicTable } from '../types/components/xpl-dynamic-table/xpl-dynamic-table';
+export { defineCustomElement as defineCustomElementXplDynamicTable } from './xpl-dynamic-table';
+export { DynamicTableCell as XplDynamicTableCell } from '../types/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell';
+export { defineCustomElement as defineCustomElementXplDynamicTableCell } from './xpl-dynamic-table-cell';
+export { DynamicTableRow as XplDynamicTableRow } from '../types/components/xpl-dynamic-table-row/xpl-dynamic-table-row';
+export { defineCustomElement as defineCustomElementXplDynamicTableRow } from './xpl-dynamic-table-row';
+export { Grid as XplGrid } from '../types/components/xpl-grid/xpl-grid';
+export { defineCustomElement as defineCustomElementXplGrid } from './xpl-grid';
+export { GridItem as XplGridItem } from '../types/components/xpl-grid-item/xpl-grid-item';
+export { defineCustomElement as defineCustomElementXplGridItem } from './xpl-grid-item';
+export { HeaderAccordion as XplHeaderAccordion } from '../types/components/xpl-header-accordion/xpl-header-accordion';
+export { defineCustomElement as defineCustomElementXplHeaderAccordion } from './xpl-header-accordion';
+export { Icon as XplIcon } from '../types/components/xpl-icon/xpl-icon';
+export { defineCustomElement as defineCustomElementXplIcon } from './xpl-icon';
+export { Input as XplInput } from '../types/components/xpl-input/xpl-input';
+export { defineCustomElement as defineCustomElementXplInput } from './xpl-input';
+export { InputColor as XplInputColor } from '../types/components/xpl-input/xpl-input-color/xpl-input-color';
+export { defineCustomElement as defineCustomElementXplInputColor } from './xpl-input-color';
+export { InputDate as XplInputDate } from '../types/components/xpl-input/xpl-input-date/xpl-input-date';
+export { defineCustomElement as defineCustomElementXplInputDate } from './xpl-input-date';
+export { InputFile as XplInputFile } from '../types/components/xpl-input/xpl-input-file/xpl-input-file';
+export { defineCustomElement as defineCustomElementXplInputFile } from './xpl-input-file';
+export { InputPhone as XplInputPhone } from '../types/components/xpl-input/xpl-input-phone/xpl-input-phone';
+export { defineCustomElement as defineCustomElementXplInputPhone } from './xpl-input-phone';
+export { InputSearch as XplInputSearch } from '../types/components/xpl-input/xpl-input-search/xpl-input-search';
+export { defineCustomElement as defineCustomElementXplInputSearch } from './xpl-input-search';
+export { InputTime as XplInputTime } from '../types/components/xpl-input/xpl-input-time/xpl-input-time';
+export { defineCustomElement as defineCustomElementXplInputTime } from './xpl-input-time';
+export { LargeCard as XplLargeCard } from '../types/components/xpl-large-card/xpl-large-card';
+export { defineCustomElement as defineCustomElementXplLargeCard } from './xpl-large-card';
+export { List as XplList } from '../types/components/xpl-list/xpl-list';
+export { defineCustomElement as defineCustomElementXplList } from './xpl-list';
+export { XplListItem as XplListItem } from '../types/components/xpl-list/xpl-list-item/xpl-list-item';
+export { defineCustomElement as defineCustomElementXplListItem } from './xpl-list-item';
+export { MainNav as XplMainNav } from '../types/components/xpl-main-nav/xpl-main-nav';
+export { defineCustomElement as defineCustomElementXplMainNav } from './xpl-main-nav';
+export { Modal as XplModal } from '../types/components/xpl-modal/xpl-modal';
+export { defineCustomElement as defineCustomElementXplModal } from './xpl-modal';
+export { NavHeaderMenu as XplNavHeaderMenu } from '../types/components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu';
+export { defineCustomElement as defineCustomElementXplNavHeaderMenu } from './xpl-nav-header-menu';
+export { NavItem as XplNavItem } from '../types/components/xpl-nav-item/xpl-nav-item';
+export { defineCustomElement as defineCustomElementXplNavItem } from './xpl-nav-item';
+export { Pagination as XplPagination } from '../types/components/xpl-pagination/xpl-pagination';
+export { defineCustomElement as defineCustomElementXplPagination } from './xpl-pagination';
+export { XplPanel as XplPanel } from '../types/components/xpl-panel/xpl-panel';
+export { defineCustomElement as defineCustomElementXplPanel } from './xpl-panel';
+export { Popover as XplPopover } from '../types/components/xpl-popover/xpl-popover';
+export { defineCustomElement as defineCustomElementXplPopover } from './xpl-popover';
+export { ProgressBar as XplProgressBar } from '../types/components/xpl-progress-bar/xpl-progress-bar';
+export { defineCustomElement as defineCustomElementXplProgressBar } from './xpl-progress-bar';
+export { ProgressIndicator as XplProgressIndicator } from '../types/components/xpl-progress-indicator/xpl-progress-indicator';
+export { defineCustomElement as defineCustomElementXplProgressIndicator } from './xpl-progress-indicator';
+export { Radio as XplRadio } from '../types/components/xpl-radio/xpl-radio';
+export { defineCustomElement as defineCustomElementXplRadio } from './xpl-radio';
+export { SecondaryNav as XplSecondaryNav } from '../types/components/xpl-secondary-nav/xpl-secondary-nav';
+export { defineCustomElement as defineCustomElementXplSecondaryNav } from './xpl-secondary-nav';
+export { Select as XplSelect } from '../types/components/xpl-select/xpl-select';
+export { defineCustomElement as defineCustomElementXplSelect } from './xpl-select';
+export { SideNav as XplSideNav } from '../types/components/xpl-side-nav/xpl-side-nav';
+export { defineCustomElement as defineCustomElementXplSideNav } from './xpl-side-nav';
+export { SideNavItem as XplSideNavItem } from '../types/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item';
+export { defineCustomElement as defineCustomElementXplSideNavItem } from './xpl-side-nav-item';
+export { Skeleton as XplSkeleton } from '../types/components/xpl-skeleton/xpl-skeleton';
+export { defineCustomElement as defineCustomElementXplSkeleton } from './xpl-skeleton';
+export { Slideout as XplSlideout } from '../types/components/xpl-slideout/xpl-slideout';
+export { defineCustomElement as defineCustomElementXplSlideout } from './xpl-slideout';
+export { Spotlight as XplSpotlight } from '../types/components/xpl-spotlight/xpl-spotlight';
+export { defineCustomElement as defineCustomElementXplSpotlight } from './xpl-spotlight';
+export { Tab as XplTab } from '../types/components/xpl-tab/xpl-tab';
+export { defineCustomElement as defineCustomElementXplTab } from './xpl-tab';
+export { TabPanel as XplTabPanel } from '../types/components/xpl-tab-panel/xpl-tab-panel';
+export { defineCustomElement as defineCustomElementXplTabPanel } from './xpl-tab-panel';
+export { Table as XplTable } from '../types/components/xpl-table/xpl-table';
+export { defineCustomElement as defineCustomElementXplTable } from './xpl-table';
+export { TableHeader as XplTableHeader } from '../types/components/xpl-table-header/xpl-table-header';
+export { defineCustomElement as defineCustomElementXplTableHeader } from './xpl-table-header';
+export { TableHeaderCell as XplTableHeaderCell } from '../types/components/xpl-table-header-cell/xpl-table-header-cell';
+export { defineCustomElement as defineCustomElementXplTableHeaderCell } from './xpl-table-header-cell';
+export { Tabs as XplTabs } from '../types/components/xpl-tabs/xpl-tabs';
+export { defineCustomElement as defineCustomElementXplTabs } from './xpl-tabs';
+export { Tag as XplTag } from '../types/components/xpl-tag/xpl-tag';
+export { defineCustomElement as defineCustomElementXplTag } from './xpl-tag';
+export { Toast as XplToast } from '../types/components/xpl-toast/xpl-toast';
+export { defineCustomElement as defineCustomElementXplToast } from './xpl-toast';
+export { Toggle as XplToggle } from '../types/components/xpl-toggle/xpl-toggle';
+export { defineCustomElement as defineCustomElementXplToggle } from './xpl-toggle';
+export { Toolbar as XplToolbar } from '../types/components/xpl-toolbar/xpl-toolbar';
+export { defineCustomElement as defineCustomElementXplToolbar } from './xpl-toolbar';
+export { Tooltip as XplTooltip } from '../types/components/xpl-tooltip/xpl-tooltip';
+export { defineCustomElement as defineCustomElementXplTooltip } from './xpl-tooltip';
+export { TopNav as XplTopNav } from '../types/components/xpl-top-nav/xpl-top-nav';
+export { defineCustomElement as defineCustomElementXplTopNav } from './xpl-top-nav';
+export { TopNavItem as XplTopNavItem } from '../types/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item';
+export { defineCustomElement as defineCustomElementXplTopNavItem } from './xpl-top-nav-item';
+export { UtilityBar as XplUtilityBar } from '../types/components/xpl-utility-bar/xpl-utility-bar';
+export { defineCustomElement as defineCustomElementXplUtilityBar } from './xpl-utility-bar';
+
 /**
  * Get the base path to where the assets can be found. Use "setAssetPath(path)"
  * if the path needs to be customized.
@@ -31,15 +171,4 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
-/**
- * Utility to define all custom elements within this package using the tag name provided in the component's source.
- * When defining each custom element, it will also check it's safe to define by:
- *
- * 1. Ensuring the "customElements" registry is available in the global context (window).
- * 2. Ensuring that the component tag name is not already defined.
- *
- * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define)
- * method instead to define custom elements individually, or to provide a different tag name.
- */
-export declare const defineCustomElements: (opts?: any) => void;
+export * from '../types/components';

package/dist/components/index.js

@@ -1 +1 @@
-import{transformTag as o}from"@stencil/core/internal/client";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import{XplAccordion as r}from"./xpl-accordion.js";import{XplApplicationShell as p}from"./xpl-application-shell.js";import{XplAvatar as m}from"./xpl-avatar.js";import{XplBackdrop as t}from"./xpl-backdrop.js";import{XplBadge as i}from"./xpl-badge.js";import{XplBanner as l}from"./xpl-banner.js";import{XplBreadcrumbItem as s}from"./xpl-breadcrumb-item.js";import{XplBreadcrumbs as e}from"./xpl-breadcrumbs.js";import{XplButton as f}from"./xpl-button.js";import{XplButtonRow as x}from"./xpl-button-row.js";import{XplCalendar as a}from"./xpl-calendar.js";import{XplCheckbox as j}from"./xpl-checkbox.js";import{XplChoicelist as n}from"./xpl-choicelist.js";import{XplContentArea as d}from"./xpl-content-area.js";import{XplDashboard as c}from"./xpl-dashboard.js";import{XplDataCard as b}from"./xpl-data-card.js";import{XplDivider as u}from"./xpl-divider.js";import{XplDropdown as g}from"./xpl-dropdown.js";import{XplDropdownGroup as h}from"./xpl-dropdown-group.js";import{XplDropdownHeading as v}from"./xpl-dropdown-heading.js";import{XplDropdownOption as w}from"./xpl-dropdown-option.js";import{XplDynamicTable as y}from"./xpl-dynamic-table.js";import{XplDynamicTableCell as k}from"./xpl-dynamic-table-cell.js";import{XplDynamicTableRow as E}from"./xpl-dynamic-table-row.js";import{XplGrid as P}from"./xpl-grid.js";import{XplGridItem as A}from"./xpl-grid-item.js";import{XplHeaderAccordion as N}from"./xpl-header-accordion.js";import{XplIcon as O}from"./xpl-icon.js";import{XplInput as q}from"./xpl-input.js";import{XplInputColor as z}from"./xpl-input-color.js";import{XplInputDate as B}from"./xpl-input-date.js";import{XplInputFile as C}from"./xpl-input-file.js";import{XplInputPhone as D}from"./xpl-input-phone.js";import{XplInputSearch as F}from"./xpl-input-search.js";import{XplInputTime as G}from"./xpl-input-time.js";import{XplLargeCard as H}from"./xpl-large-card.js";import{XplList as I}from"./xpl-list.js";import{XplListItem as J}from"./xpl-list-item.js";import{XplMainNav as K}from"./xpl-main-nav.js";import{XplModal as L}from"./xpl-modal.js";import{XplNavHeaderMenu as M}from"./xpl-nav-header-menu.js";import{XplNavItem as Q}from"./xpl-nav-item.js";import{XplPagination as R}from"./xpl-pagination.js";import{XplPanel as S}from"./xpl-panel.js";import{XplPopover as T}from"./xpl-popover.js";import{XplProgressBar as U}from"./xpl-progress-bar.js";import{XplProgressIndicator as V}from"./xpl-progress-indicator.js";import{XplRadio as W}from"./xpl-radio.js";import{XplSecondaryNav as X}from"./xpl-secondary-nav.js";import{XplSelect as Y}from"./xpl-select.js";import{XplSideNav as Z}from"./xpl-side-nav.js";import{XplSideNavItem as $}from"./xpl-side-nav-item.js";import{XplSkeleton as _}from"./xpl-skeleton.js";import{XplSlideout as oo}from"./xpl-slideout.js";import{XplSpotlight as ro}from"./xpl-spotlight.js";import{XplTab as po}from"./xpl-tab.js";import{XplTabPanel as mo}from"./xpl-tab-panel.js";import{XplTable as to}from"./xpl-table.js";import{XplTableHeader as io}from"./xpl-table-header.js";import{XplTableHeaderCell as lo}from"./xpl-table-header-cell.js";import{XplTabs as so}from"./xpl-tabs.js";import{XplTag as eo}from"./xpl-tag.js";import{XplToast as fo}from"./xpl-toast.js";import{XplToggle as xo}from"./xpl-toggle.js";import{XplToolbar as ao}from"./xpl-toolbar.js";import{XplTooltip as jo}from"./xpl-tooltip.js";import{XplTopNav as no}from"./xpl-top-nav.js";import{XplTopNavItem as co}from"./xpl-top-nav-item.js";import{XplUtilityBar as bo}from"./xpl-utility-bar.js";const uo=uo=>{"undefined"!=typeof customElements&&[r,p,m,t,i,l,s,e,f,x,a,j,n,d,c,b,u,g,h,v,w,y,k,E,P,A,N,O,q,z,B,C,D,F,G,H,I,J,K,L,M,Q,R,S,T,U,V,W,X,Y,Z,$,_,oo,ro,po,mo,to,io,lo,so,eo,fo,xo,ao,jo,no,co,bo].forEach((r=>{customElements.get(o(r.is))||customElements.define(o(r.is),r,uo)}))};export{uo as defineCustomElements}
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BT_Lq3Vd.js";export{XplAccordion,defineCustomElement as defineCustomElementXplAccordion}from"./xpl-accordion.js";export{XplApplicationShell,defineCustomElement as defineCustomElementXplApplicationShell}from"./xpl-application-shell.js";export{XplAvatar,defineCustomElement as defineCustomElementXplAvatar}from"./xpl-avatar.js";export{XplBackdrop,defineCustomElement as defineCustomElementXplBackdrop}from"./xpl-backdrop.js";export{XplBadge,defineCustomElement as defineCustomElementXplBadge}from"./xpl-badge.js";export{XplBanner,defineCustomElement as defineCustomElementXplBanner}from"./xpl-banner.js";export{XplBreadcrumbItem,defineCustomElement as defineCustomElementXplBreadcrumbItem}from"./xpl-breadcrumb-item.js";export{XplBreadcrumbs,defineCustomElement as defineCustomElementXplBreadcrumbs}from"./xpl-breadcrumbs.js";export{XplButton,defineCustomElement as defineCustomElementXplButton}from"./xpl-button.js";export{XplButtonRow,defineCustomElement as defineCustomElementXplButtonRow}from"./xpl-button-row.js";export{XplCalendar,defineCustomElement as defineCustomElementXplCalendar}from"./xpl-calendar.js";export{XplCheckbox,defineCustomElement as defineCustomElementXplCheckbox}from"./xpl-checkbox.js";export{XplChoicelist,defineCustomElement as defineCustomElementXplChoicelist}from"./xpl-choicelist.js";export{XplContentArea,defineCustomElement as defineCustomElementXplContentArea}from"./xpl-content-area.js";export{XplDashboard,defineCustomElement as defineCustomElementXplDashboard}from"./xpl-dashboard.js";export{XplDataCard,defineCustomElement as defineCustomElementXplDataCard}from"./xpl-data-card.js";export{XplDivider,defineCustomElement as defineCustomElementXplDivider}from"./xpl-divider.js";export{XplDropdown,defineCustomElement as defineCustomElementXplDropdown}from"./xpl-dropdown.js";export{XplDropdownGroup,defineCustomElement as defineCustomElementXplDropdownGroup}from"./xpl-dropdown-group.js";export{XplDropdownHeading,defineCustomElement as defineCustomElementXplDropdownHeading}from"./xpl-dropdown-heading.js";export{XplDropdownOption,defineCustomElement as defineCustomElementXplDropdownOption}from"./xpl-dropdown-option.js";export{XplDynamicTable,defineCustomElement as defineCustomElementXplDynamicTable}from"./xpl-dynamic-table.js";export{XplDynamicTableCell,defineCustomElement as defineCustomElementXplDynamicTableCell}from"./xpl-dynamic-table-cell.js";export{XplDynamicTableRow,defineCustomElement as defineCustomElementXplDynamicTableRow}from"./xpl-dynamic-table-row.js";export{XplGrid,defineCustomElement as defineCustomElementXplGrid}from"./xpl-grid.js";export{XplGridItem,defineCustomElement as defineCustomElementXplGridItem}from"./xpl-grid-item.js";export{XplHeaderAccordion,defineCustomElement as defineCustomElementXplHeaderAccordion}from"./xpl-header-accordion.js";export{XplIcon,defineCustomElement as defineCustomElementXplIcon}from"./xpl-icon.js";export{XplInput,defineCustomElement as defineCustomElementXplInput}from"./xpl-input.js";export{XplInputColor,defineCustomElement as defineCustomElementXplInputColor}from"./xpl-input-color.js";export{XplInputDate,defineCustomElement as defineCustomElementXplInputDate}from"./xpl-input-date.js";export{XplInputFile,defineCustomElement as defineCustomElementXplInputFile}from"./xpl-input-file.js";export{XplInputPhone,defineCustomElement as defineCustomElementXplInputPhone}from"./xpl-input-phone.js";export{XplInputSearch,defineCustomElement as defineCustomElementXplInputSearch}from"./xpl-input-search.js";export{XplInputTime,defineCustomElement as defineCustomElementXplInputTime}from"./xpl-input-time.js";export{XplLargeCard,defineCustomElement as defineCustomElementXplLargeCard}from"./xpl-large-card.js";export{XplList,defineCustomElement as defineCustomElementXplList}from"./xpl-list.js";export{XplListItem,defineCustomElement as defineCustomElementXplListItem}from"./xpl-list-item.js";export{XplMainNav,defineCustomElement as defineCustomElementXplMainNav}from"./xpl-main-nav.js";export{XplModal,defineCustomElement as defineCustomElementXplModal}from"./xpl-modal.js";export{XplNavHeaderMenu,defineCustomElement as defineCustomElementXplNavHeaderMenu}from"./xpl-nav-header-menu.js";export{XplNavItem,defineCustomElement as defineCustomElementXplNavItem}from"./xpl-nav-item.js";export{XplPagination,defineCustomElement as defineCustomElementXplPagination}from"./xpl-pagination.js";export{XplPanel,defineCustomElement as defineCustomElementXplPanel}from"./xpl-panel.js";export{XplPopover,defineCustomElement as defineCustomElementXplPopover}from"./xpl-popover.js";export{XplProgressBar,defineCustomElement as defineCustomElementXplProgressBar}from"./xpl-progress-bar.js";export{XplProgressIndicator,defineCustomElement as defineCustomElementXplProgressIndicator}from"./xpl-progress-indicator.js";export{XplRadio,defineCustomElement as defineCustomElementXplRadio}from"./xpl-radio.js";export{XplSecondaryNav,defineCustomElement as defineCustomElementXplSecondaryNav}from"./xpl-secondary-nav.js";export{XplSelect,defineCustomElement as defineCustomElementXplSelect}from"./xpl-select.js";export{XplSideNav,defineCustomElement as defineCustomElementXplSideNav}from"./xpl-side-nav.js";export{XplSideNavItem,defineCustomElement as defineCustomElementXplSideNavItem}from"./xpl-side-nav-item.js";export{XplSkeleton,defineCustomElement as defineCustomElementXplSkeleton}from"./xpl-skeleton.js";export{XplSlideout,defineCustomElement as defineCustomElementXplSlideout}from"./xpl-slideout.js";export{XplSpotlight,defineCustomElement as defineCustomElementXplSpotlight}from"./xpl-spotlight.js";export{XplTab,defineCustomElement as defineCustomElementXplTab}from"./xpl-tab.js";export{XplTabPanel,defineCustomElement as defineCustomElementXplTabPanel}from"./xpl-tab-panel.js";export{XplTable,defineCustomElement as defineCustomElementXplTable}from"./xpl-table.js";export{XplTableHeader,defineCustomElement as defineCustomElementXplTableHeader}from"./xpl-table-header.js";export{XplTableHeaderCell,defineCustomElement as defineCustomElementXplTableHeaderCell}from"./xpl-table-header-cell.js";export{XplTabs,defineCustomElement as defineCustomElementXplTabs}from"./xpl-tabs.js";export{XplTag,defineCustomElement as defineCustomElementXplTag}from"./xpl-tag.js";export{XplToast,defineCustomElement as defineCustomElementXplToast}from"./xpl-toast.js";export{XplToggle,defineCustomElement as defineCustomElementXplToggle}from"./xpl-toggle.js";export{XplToolbar,defineCustomElement as defineCustomElementXplToolbar}from"./xpl-toolbar.js";export{XplTooltip,defineCustomElement as defineCustomElementXplTooltip}from"./xpl-tooltip.js";export{XplTopNav,defineCustomElement as defineCustomElementXplTopNav}from"./xpl-top-nav.js";export{XplTopNavItem,defineCustomElement as defineCustomElementXplTopNavItem}from"./xpl-top-nav-item.js";export{XplUtilityBar,defineCustomElement as defineCustomElementXplUtilityBar}from"./xpl-utility-bar.js";