genesys-spark-components 4.105.5 → 4.106.0

package/dist/collection/components/beta/gux-screen-reader/gux-screen-reader.js

@@ -8,7 +8,7 @@ export class GuxScreenReader {
         trackComponent(this.root);
     }
     render() {
-        return (h("span", { key: '99e4b6ac03358bf032ad441c05fae657e45ee221', class: "gux-sr-only" }, h("slot", { key: 'de31dc9f2ca539eff7d97714f6d32b803c664d85' })));
+        return (h("span", { key: 'ce8ede9051231911b586257f541ae6ae1f499b9c', class: "gux-sr-only" }, h("slot", { key: '33f9ba5bdd85f33e249ac48d4d6a7fe9d8d7e39b' })));
     }
     static get is() { return "gux-screen-reader-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.css

@@ -73,7 +73,7 @@ button {
   position: relative;
   z-index: var(--gse-semantic-zIndex-showFocus);
   border-radius: var(--gse-ui-segmentedControl-borderRadius);
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
+  outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
   outline-offset: var(--gse-ui-segmentedControl-focus-offset);
 }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.js

@@ -48,19 +48,19 @@ export class GuxSegmentedControlItem {
         }
     }
     render() {
-        return (h("div", { key: 'aefda8d25da23ee129efbb54a49c058e0d5ec04e', class: {
+        return (h("div", { key: '2a9206eda1a4fbfc42ef3c81f126460092b67a56', class: {
                 'gux-container': true,
                 'gux-parent-disabled': this.hasDisabledParent(),
                 'gux-start': this.isInStartPosition(),
                 'gux-end': this.isInEndPosition()
-            } }, h("button", { key: '6f23fcc416eec9b564b646bb269c5f1524db2e10', class: {
+            } }, h("button", { key: 'b362ff0967b164a564fefeedb23886a76014b489', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("div", { key: 'b98be18ff7f99f52c1fb32890c24f87603c12f0c', class: {
+            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("div", { key: '7113f8d8a800330fc6cbc1d6173247f53dbdaddb', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '641b8fb994d4238b5c32c29b5a10b8cdccf49991', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: 'a1c4f88098ef9611c9c36bcb0ccdc903222c7556', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-segmented-control-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control.js

@@ -31,7 +31,7 @@ export class GuxSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: 'ce2a752e70599cae1a95d16712b28b1b067d07a4', role: "group" }, h("slot", { key: '783879e721aad7497229b07333bdeb12df7ea29b', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '607f885b5a78b63b8c8fda2c8d58bad988b792cc', role: "group" }, h("slot", { key: '23747d2307246856b1b85fad90b57b2876ccfb24', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-segmented-control-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.css

@@ -127,7 +127,7 @@
   line-height: 0;
 }
 .gux-selector-card .gux-content:focus-within {
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
+  outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }
 .gux-selector-card.gux-descriptive .gux-content {

package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.js

@@ -50,11 +50,11 @@ export class GuxSelectorCard {
         }
     }
     render() {
-        return (h("div", { key: 'b91fc84d1ce6c64879e00b4a6c1403b44fa35ff4', class: {
+        return (h("div", { key: 'a8b8ef0346f5ce4da260b0c539fc4cb67b9e48df', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'd135d3f37784619d316aa0fa126528e670663051', class: "gux-content" }, h("div", { key: 'c42a0ce13b448436a368e3fbf116800e818e8c08', class: "gux-icon" }, h("slot", { key: 'd5c7485de055122b2899a3fbc45c48c9f35c9817', name: "icon" })), h("div", { key: '153e15767f8fe6887fb0c1917c7f87c1bc3787da', class: "gux-label-container" }, h("slot", { key: '452fdce6225a5e912b9bc42d47ddd2eb27a1e77b', name: "label" })), h("slot", { key: 'f46300c3bc21ac82c0f4076da7868aa4a3fd3784', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: 'effffae5174fdaaa2a4e76fa5fb77d2c147ffad3', class: "gux-content" }, h("div", { key: '975b1baadd6fe6228ba043718ae849babe44af16', class: "gux-icon" }, h("slot", { key: '9067ce345a39dc8d7a98b80e173e535a1a75f224', name: "icon" })), h("div", { key: '5b75385861ce4aab688ce2a03d2ca7c583c4a2e2', class: "gux-label-container" }, h("slot", { key: '250af4340ac66396b5eb5e1e644971d368e8f936', name: "label" })), h("slot", { key: 'b48c03e8b28fdebc7edaa25f51a5544f75cca6c8', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     static get is() { return "gux-selector-card-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-cards.js

@@ -8,7 +8,7 @@ export class GuxSelectorCards {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'f03b6a29a045a76215af8578416743e0287ecd0f', class: "gux-selector-cards" }, h("slot", { key: 'd2f29e773aac82a43e511f7e67cbef0f7c20f262' })));
+        return (h("div", { key: '28d954d69949d8b6a5a0490d7aa2d46eeebd2cc6', class: "gux-selector-cards" }, h("slot", { key: '205af7961226792ac7ceecfcfa3101e02090b1c2' })));
     }
     static get is() { return "gux-selector-cards-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/components/gux-modal-side-panel/gux-modal-side-panel.js

@@ -46,7 +46,7 @@ export class GuxModalSidePanel {
     }
     render() {
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '8f79c2b869b7a2123134635bc91d65bff7fc0135', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: 'd90f4ac9c5cb49de67a437bfbf6fc9bd330084c2', size: this.size }, h("div", { key: '391c93e5cb2332946a03a9505303a9138c3a2655', slot: "heading", id: titleID }, h("slot", { key: 'bc80c7adf65537d0af02c1d3610a925ebb68c097', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: '38e37b49d4198e9e49716d483e57086919f26570', slot: "description" }, h("slot", { key: '54c6c8a3fc20f555c1ef55afad732e275eb33c47', name: "description" }))), h("div", { key: 'ae5a604b3fc4d7cff1d62a085a5c4674b853a540', slot: "content" }, h("slot", { key: '1febb658c1a4269a67ff8b3498eb6a5819e8312d', name: "content" })), h("div", { key: 'd3fa093a57aadbdd6d93bad564031fd6513e05c9', slot: "footer" }, h("slot", { key: 'ffcd30d1d2c0ebfed9131a682a443e54e100feef', name: "footer" })))));
+        return (h("dialog", { key: 'c992d49593c00ce7335f19954d13ab66338d315d', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: '7dfc2eeb59dbc0c45878805586319a58e88599a4', size: this.size }, h("div", { key: 'e7427a86193c56d0f1200df4cc48d7c326e7dd3e', slot: "heading", id: titleID }, h("slot", { key: 'af4c30fec90f887da6f834d3573126e0990645b8', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: 'b4296be7e5b393872c5d17db83d9cea3ae0f53c0', slot: "description" }, h("slot", { key: '5817ef5d3c7b0dbaafae7159ec5f8f38e8d682fb', name: "description" }))), h("div", { key: '716cdbaf3f5cf43b4b965a44aceecb69a050d41f', slot: "content" }, h("slot", { key: 'e22c441441f5ece23b3dde8548b4523382370aa9', name: "content" })), h("div", { key: 'f36f2f216e59539333f3026aeeb781742e333c8a', slot: "footer" }, h("slot", { key: '6811443efe597acf31b78e739c94be88e8ea3614', name: "footer" })))));
     }
     static get is() { return "gux-modal-side-panel-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/components/gux-side-panel-heading/gux-side-panel-heading.js

@@ -13,7 +13,7 @@ export class GuxSidePanelHeading {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (h(this.headingTag, { key: '22b9bcffb02db315742634ad1e527de00b46d92e' }, this.iconName && (h("gux-icon", { key: 'ca114da4d13b3057686ce38231fa4b295b6fd5c1', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: '0f801e2c62860b332fd390ce41f8ec936b29383e' }, h("slot", { key: '9c093f438dcd26ba9faae83e0ea80ddeea8bb02a' }))));
+        return (h(this.headingTag, { key: 'ed1f9f21620f8b0c97db279e1761d85ac98131ba' }, this.iconName && (h("gux-icon", { key: 'f5dab3c3008a99d9f4c4420cabe4544c902125db', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: '959e8f86b385e067fb607b5b003fbc9c16a204fd' }, h("slot", { key: '3068e6c69dfb361b8d73f75ba65c1e73a1e65944' }))));
     }
     static get is() { return "gux-side-panel-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/gux-side-panel.js

@@ -24,10 +24,10 @@ export class GuxSidePanel {
         return null;
     }
     render() {
-        return (h("div", { key: '07e34d61e328ca7d29b2405edff8a51d4b91d62b', class: {
+        return (h("div", { key: 'ceca7e10b604a619bb385e0619913bf1fa7b3b24', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, h("header", { key: '61024628df2d0f2b89668e3abeeaa5047aa60164' }, h("gux-dismiss-button", { key: '25db410c7c7eb671c34b1a211cde19920ffb4dbf', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: '3c0b85f9d5cf9184ac99139dd649ae83c5599773', name: "heading" })), this.renderDescription(), h("div", { key: '9e70a18b4876be722d5e542b3db8052e1e47640d', class: "gux-side-panel-content" }, h("slot", { key: 'b59de7fa06f20042f5e6abfb1bd914fa5839cda5', name: "content" })), h("footer", { key: 'bb66cb613ed9d379290ce700ffcd9a044f1c44b6' }, h("slot", { key: 'e6b36a71976aab45d69ffc277a0fde4e1b41fae2', name: "footer" }))));
+            } }, h("header", { key: 'cb2c914299013c93bbada6751a39d1b6fdf9bf36' }, h("gux-dismiss-button", { key: '13615da20e162f08135cd13e71e9c5aadc9dd6ed', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: '8ea7cfe36f4e612754a1f5e7e788b4c15a64b3fa', name: "heading" })), this.renderDescription(), h("div", { key: '6d94ca8ba56886026e8e32ac2062063849e60875', class: "gux-side-panel-content" }, h("slot", { key: 'ee16b473aae7cc512934a238d4e9109ac5f35d31', name: "content" })), h("footer", { key: '11b8cbe1e90b8d24065f438021d6af1a09590a3e' }, h("slot", { key: 'ce5f280c7c98176df5b9ef0c3dbebdd718fafbbf', name: "footer" }))));
     }
     static get is() { return "gux-side-panel-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time/gux-time.js

@@ -38,7 +38,7 @@ export class GuxTime {
         }
     }
     render() {
-        return (h(Host, { key: 'f91fba49cc7f17026ec02ad3056925e2e580812e' }, this.renderTime()));
+        return (h(Host, { key: 'e6c779ece02ed376c4c4794804bbd4d015d20696' }, this.renderTime()));
     }
     static get is() { return "gux-time-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time-zone/gux-time-zone.js

@@ -31,7 +31,7 @@ export class GuxTimeZoneBeta {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'ddc93f9e1aba150ca3300a2e733d9d6237676a28' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '8d744864b32da1834546404860b5da5304b67ef8' }, this.renderZoneDisplay()));
     }
     static get is() { return "gux-time-zone-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.js

@@ -151,11 +151,11 @@ export class GuxTimeZonePickerBeta {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: 'b158dc7a9da068f23d83163717204f66c6d6a527', class: {
+        return (h("gux-dropdown", { key: '8ee50f8dce21ffc958c2accb69c99ea7b9bf518e', class: {
                 'has-defaults': !!this.workspaceDefault ||
                     !!this.localDefault ||
                     !!this.customDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '8843b96c17d35d428733ab1dd440224b3cfea056', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '858e8f406fc20a27fa608ba488dc13199858cf3c', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     static get is() { return "gux-time-zone-picker-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.js

@@ -123,10 +123,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '6ad07417a90ae7629acdf70c99313ac57134f6d8', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: 'f70e1e853736b521113455c0dbade8aa63279b18', class: {
+        return (h(Host, { key: 'f2b0ee3ae072b09d945a854bc21f3c429825afe5', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: '2918c83579efdc7a5a9291c2e00bfd9ae46c1d74', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'f66537f8a01c3bba40d3dcfe00fc041f28a40a94', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: 'f6b0cbae2da4b31f148fa4787fc23625420cb18f', name: "content" }))));
     }
     static get is() { return "gux-tooltip-base-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-beta/gux-tooltip.js

@@ -72,7 +72,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: '9c1dd4375a817d831898d5f38389eb5cc622b934', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'b139518b73c634eafd3b2e7d8454e6f2c70f1067', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: 'ac5e07cdc3484c8462f1773485b6b3b0f13ec646', slot: "content" }, h("slot", { key: 'afa51162d856e92f667371e6787c3066cc3e1139', name: "content" }, h("slot", { key: 'a36e5dd3aea2fa8de994f3ca180099cfcdd76e89' }))))));
+        return (h(Host, { key: '1efe3574ef51f34c970824dc523572779ff060c2', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '6cc3640d633cc015f7d54de48903bdba997aacab', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '356ef52cd1e79655c8a13139aebfc1a5c103f311', slot: "content" }, h("slot", { key: '5046704ad8c157c5f605eaf441c8b653fa6fa071', name: "content" }, h("slot", { key: 'ae8f1e7334a28c820487c1c377982642c5a6d745' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-action-toast-legacy/gux-action-toast.js

@@ -12,7 +12,7 @@ export class GuxActionToast {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '7be3f371fb6b42de0ac81257b452a6960d1e3039' }, h("div", { key: 'a9dc70f3c77a30e1dcefd7afb92646dfd0ee993d', class: "gux-header" }, h("div", { key: '00b9e619b560a2625cab0c634bf7b1fa46f15c9e', class: "gux-icon" }, h("slot", { key: 'ecaec0aa2120c66ccdd6284c5f75b1175af3c56c', name: "icon" })), h("div", { key: 'cb87467daa7c67749bab53997b0391836f22591a', class: "gux-title" }, h("slot", { key: '6b7b6d37833243981d16704b2f37842826cd3984', name: "title" }))), h("div", { key: 'f7118b5aa0d71e4092933f45e1c50351fdc122d5', class: "gux-message" }, h("slot", { key: '14e5fa03e89eba7f86416980d81d66cdb8549553', name: "message" })), h("div", { key: '8b48c6260a3bb9ab04b33c639359ad0a403a8298', class: "gux-action-buttons" }, h("div", { key: '8423ac1cc51d807d1f146b110cb3ad22ee2aea86', class: "gux-positive-button" }, h("slot", { key: '1480b74f0409f9c5bb68d1d1a8878b0749a3923d', name: "positive-button" })), h("div", { key: 'e40db3480642d3240c80fb1481861c95faef5e6e', class: "gux-negative-button" }, h("slot", { key: '8a197b22e0382fa7983e28f5908aaa24483a0f56', name: "negative-button" })))));
+        return (h(Host, { key: 'e93b08fa885b7a132c76e6d7fcbc47f24e0d1f5e' }, h("div", { key: 'c7d42d33e24f87c8e11f7b9546b4e941ddcdcd45', class: "gux-header" }, h("div", { key: '0a77deae50bbad97172bf063496a6400315f7f1e', class: "gux-icon" }, h("slot", { key: '6b970320a96b68e18d828506c9dbac40e1405c18', name: "icon" })), h("div", { key: 'a0c010d799cc8b3fd866736a9b9ee9fa12befb44', class: "gux-title" }, h("slot", { key: 'e38879da1a79890c4a4d12eb7571d5b656d57a4e', name: "title" }))), h("div", { key: '194f1b32b32f87ba06e97744deef293dd9b6c872', class: "gux-message" }, h("slot", { key: '3c06a40c28961bc1d1225365dd26bf90b105199c', name: "message" })), h("div", { key: '0121e78981eb75efcda9c81419bdfae06f72f5ca', class: "gux-action-buttons" }, h("div", { key: '571db7d4a6a718ce7954b8f7335a152ce4de6b12', class: "gux-positive-button" }, h("slot", { key: '0e0eabdfcdc8d31988df9d8a90594f6aaee5cd10', name: "positive-button" })), h("div", { key: '45ed079f00654934b6cbfe6122ca8aee116ea0f4', class: "gux-negative-button" }, h("slot", { key: 'dbe63a71c6a6367b57bb908934d18dbc60bfd779', name: "negative-button" })))));
     }
     static get is() { return "gux-action-toast-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/dropdown-option/gux-dropdown-option.js

@@ -58,7 +58,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: 'd471bff45aa92b8096e47e975964dd3658e67839', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: 'f014654cde2859554494c85f46fdb72c89c49dfc', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.css

@@ -35,7 +35,7 @@ gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder {
   color: #596373;
 }
 gux-popup .gux-select-field a.gux-select-input:focus-visible {
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
+  outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }
 gux-popup .gux-select-field .gux-icon-wrapper {

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.js

@@ -70,9 +70,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: '21b138c03b2141f0331b395a141bb09f8b7e44da', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'ea7ae02ba3b8d4e742830afc65ba122d5952a7fc', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'f6b193b793b12d2267729613273fbdedec8e734a', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: 'd314920da73bcb668f0d8be54113416bc2b29d3f', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '2931497ad91298d106815e9babadcf554f79106b', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '64627ad13650b23e8868b49fbaa322b0a172b7b4', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'cd66ea37904bcd01775d3f2971016b606027d9af', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'f35b74fd42c30755371c90f9b7b88dfe64ac2622', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '37c6652292c5d52843306358356c01e63085a3b1', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '4b53b1e0bec6465d5bf788200e058330e536616f', "label-position": "screenreader" }, h("label", { key: '2eedf97236747753c0bcd05ce5f770a13c7a32d5', slot: "label" }, this.i18n('searchAria')), h("input", { key: '5a5269937169efce6887a3df2011371ce54d1893', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: 'a82f4745b2c7c6550397aefad0d676af4087e14b', expanded: this.opened, disabled: this.disabled }, h("div", { key: '8f2b71aee845459a8541ae145f3bac1f280dc9a9', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'f6a5dbdf2757da4285c16f25c958a3edcc73a8af', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '8d158447cfb4141a01f67e310d5de98508643e3f', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'dbe8e669501e218a2ef0877787f3fccce1ff4cb9', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'ccf527af0c74c776c4b5177c64612e6becd7156b', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'e0a76ae8e2d0a3d665c1a283384dac3340815587', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'c1a209774fcbfa39f4414fcaca11204203231376', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'ef1b1a7244fbdb2cdb64122db36a2b60f8b2e3a2', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '3f54e6bcbba11672e64762a2f163b296a35e47a2', "label-position": "screenreader" }, h("label", { key: 'ea612ac67bdb3d7176ba1e57be7316a870f7adcb', slot: "label" }, this.i18n('searchAria')), h("input", { key: '594ad351217e46eead62a7dff475f6e37df4ebf3', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: 'f244c0ae069488e721e1e791a5abaa8ca0652d26', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '10750380272c50bbaf6a010b0710a3f940844133' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '078606d001dad7cd2c80c014088c054aabf9bbd6', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '60d6202d9c3505f6902c148d22c0ececfc66d7f7' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.css

@@ -25,7 +25,7 @@
   height: 12px;
 }
 .gux-disclosure-button-container .gux-disclosure-button:focus-visible {
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
+  outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }
 .gux-disclosure-button-container .gux-disclosure-panel {

package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.js

@@ -38,10 +38,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'b62f7d6f2d015c1b8e035e8e967c6621285c9e76', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '45c47a3623aea91df0785840ac2be7845cad2262', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '2ff21e51b13a2791d5e78a4807e7a22e9be30d65', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'e0fd9321d3c551104cd5b360b6b43e7697d6aafe', id: this.panelId, class: {
+        return (h("div", { key: '121eb5004265d470d90959c35544124b08e37d86', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'c71e8cc822865d788150d95468dfba7d2357ac89', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: 'd37c9c6544f531986ead7cb3cc50d964c6e97ff5', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'f91f879967bf1c4207d4fe7a2aa3a3498a026138', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'a780a1a65af9748e97c8421b6a19fc325051932f', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '3ee8faa9f4f5cb02e2c724cab5e176d276b47d0b', name: "panel-content" }))));
     }
     static get is() { return "gux-disclosure-button-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-modal-legacy/gux-modal-legacy.js

@@ -42,10 +42,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '8131ebff5ca91165e921f126e7c33baa0bd5e4fe', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '84673ad7905960184b2052d2ad65f0b578fb1d24', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'd1d28f2a3b913dc883eef1b66d9f639023dd3980', class: "gux-modal-header", id: titleID }, h("slot", { key: '0925c387697025dea83893fbd10884148c954bb6', name: "title" }))), h("gux-dismiss-button", { key: '22e15b96062d765e0305874edcf942717c62337a', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '9086b3bbff6220cc2c663595cb4fb9f78d21a13d', class: {
+        return (h("div", { key: 'fcb5c9825a80078a9bedb17241205d713a1c1518', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '5e27267cb945432824ec55af62f34d797251000d', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '1f228f537574196b590c93c7827e34bc4b0349a6', class: "gux-modal-header", id: titleID }, h("slot", { key: '16529cf4bcc18842f35c0685dbba801d9fbc651d', name: "title" }))), h("gux-dismiss-button", { key: 'ed3d9a9875699383dcec3dc0ef3a665acc95d47d', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '5e58352aeae39a7df42069a120b19ee0b4d30c42', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '99829f5c3adb21a0924a3f470f1a84f259614713' }, h("slot", { key: '1947d582974957af7b7b19c64e9c00063a607a8e', name: "content" }))), hasFooterButtons && (h("div", { key: '361c98808ef1b974f5eaf4c22fe139b81f5c2268', class: "gux-button-footer" }, h("div", { key: '9dbfac91d614f194661cbf18bfab2065fd488cec', class: "gux-left-align-buttons" }, h("slot", { key: 'b2513d2ea2433178b9c2b654b5f1bef8b8203d22', name: "left-align-buttons" })), h("div", { key: '2b306aabe6c6c4c848170c036c78e2bc4898e0aa', class: "gux-right-align-buttons" }, h("slot", { key: '1f302b2a7b311c45499c59ae8ddfd7e9bc0a57bb', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '6f843e6ba16704d67215260e170fad8af74f4d7e' }, h("slot", { key: '31239c69e4b06313f81e8c1439801723969f1693', name: "content" }))), hasFooterButtons && (h("div", { key: 'a47c6992faf31e19b1ecaadaec3970803e050028', class: "gux-button-footer" }, h("div", { key: '9d53a6d0464f6f06e8fd9603281a0d35de0e29ad', class: "gux-left-align-buttons" }, h("slot", { key: '642e3ab4adf79b9bfa90c972ed1dd0d18e102ee0', name: "left-align-buttons" })), h("div", { key: '53a4a8e4f2d826c68f6dc0994fe9b8081dac8cd7', class: "gux-right-align-buttons" }, h("slot", { key: '19bacae31bd9230d7babd550ed22874c2546a572', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

package/dist/collection/components/legacy/gux-notification-toast-legacy/gux-notification-toast.js

@@ -13,7 +13,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'f297c56319dfc9f4895fdf5a1b08b4065c721db5' }, h("div", { key: '40c8c0f65cb3bfd8f5c916e75702f74f74abedec', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '46134600bb228490827cfecc90dfbcefb86e33eb', name: "icon" })), h("div", { key: 'a2deeaf2e36d6fd5e5971ff3ef46e9ae285d90a0', class: "gux-content" }, h("gux-truncate", { key: '89317a1a0b8b9f86f5868c0531c98db64c28d0eb', class: "gux-title", "max-lines": 1 }, h("slot", { key: '3d4e934f981ffbf8a75ece185586a64e1000da6d', name: "title" })), h("gux-truncate", { key: '088e5d0ea116c418cdaae85335d0511d3b3971b1', class: "gux-message", "max-lines": 2 }, h("slot", { key: '9d01e51a12423b8bb0b155aaf9093377b49283e1', name: "message" }))), h("gux-dismiss-button", { key: '5e2eeffd5093411d30ffc5d704fc12a3145ef979', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '31d0c5d681802c64a1e749b9cc949295d68afd51' }, h("div", { key: '389db0e03b54d217b56bdc4cd3a48958d426b835', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '145296993a81312a71ca52cea0c3147c57bcc8fa', name: "icon" })), h("div", { key: 'fc891d72f38af203b80e58203fcf64fab30b6ee0', class: "gux-content" }, h("gux-truncate", { key: 'ccdfb33c8b032c1677145c549776cedd2ca893a8', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'a0348791c2dca5229c3f3ea4e24bd1e4ebca4638', name: "title" })), h("gux-truncate", { key: '04ae61deae7908e60c509ee0b4e338666a9e9230', class: "gux-message", "max-lines": 2 }, h("slot", { key: '89656871688dbf65aec6d9099630e44fa8c123dd', name: "message" }))), h("gux-dismiss-button", { key: '3ee8b89c9f091f33454d18880c0a3006e4e94dce', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-buttons.js

@@ -71,7 +71,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '1e5c5b2a72af2944a3a14745fc9082f333f5e517', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'f934bdb6eb50eff65da1b9de484240d58594c698', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '17e58810c4484a3f7e3afdf3f3e6bc9e4069b92b', accent: "ghost" }, h("button", { key: '1de61001603db04572b8de8fb836104da4a85554', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e358f879cb0fc61b650b7190a1cadaaa9db47ea7', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'a3b5ce6dc1ff697fdc2271a9b606680f8c765fd8', accent: "ghost" }, h("button", { key: 'c8fa9837a13a2c73884639603516362ca5c59b22', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '02d4c4184a2754eaaf322b118adfadd6b3f3b162', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '3732720aa26a1e936f1459888c5e94d82511a1ad', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'bb18de93354b00b15d65b6a77eeec34a557608e5', accent: "ghost" }, h("button", { key: '06b5906d24f4cd38586328fbe539fea6f7924bf6', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b411ffc0d8d516dd896f1df83bb596d308f93dfd', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'ca15f46d8d5fbd55a3461b59560ee680b70645a5', accent: "ghost" }, h("button", { key: '4ad0e3b8e8e150c8965b0ee8271b7f7386437d34', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '5ce7805f596be04c4e9bc40c161d359e42f91a52', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'f39f10361d66d9c309d32ac2aba1fb4e2fd1b134', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '76edc2ee36e9de7b2cd4103adb16bd25df871cca', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '696021251277e5b6ec456584bf32d605c1857d9d', accent: "ghost" }, h("button", { key: 'cbbeeb85657534e2043e146e8783e36b75235fd5', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ef8b8b9f5024ecc51e96d35ec394aaf229fbd991', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '09e05fa8ceadea0989a04ad2d2bdf67dbab1e832', accent: "ghost" }, h("button", { key: 'cca3029ee096aaeac52fa9fc977f93369b835e7f', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b2559b6704da0832e8f7b2cf89806c08de9e825e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '92a011f46c811e0f3a726418107a16dbe61ef58a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '024d52a8f859fa2ed2782449bae1130cffe6f018', accent: "ghost" }, h("button", { key: '2a5783cadf131fc80a7bc21dc9b259f5afd73539', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '93b6f2791dc5756fd3ab8dd5d98315223a001b8c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '13d38a876115838e1d081873b7abfba4c1cc75b9', accent: "ghost" }, h("button", { key: '7cfc10702afa3f3e1ef6e5d70a06f4657e0e41f2', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '46849c18e990d1464e0f98190e287466c1aa4b09', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-item-counts-legacy/gux-pagination-item-counts.js

@@ -23,10 +23,10 @@ export class GuxPaginationItemCountsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '53604aed7721b62395e6eee2a3658b750cd6080c', class: "gux-pagination-item-counts-container" }, h("span", { key: '0b498502bcf3a6e3271d47fc0c4c3a04f29e60e7', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'b884a3c5a783eec13b00896998b839df9ae0872c', class: "gux-pagination-item-counts-container" }, h("span", { key: '6a35e9fc607abfe5bf65f8ad1011b939f5cfd403', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'c52b058ab08122ef54db772c215b1df4a29c6d4a' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '2e7dfee4cd840dff1e75196a8fa8f5cb6e484c21' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     static get is() { return "gux-pagination-item-counts-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-items-per-page-legacy/gux-pagination-items-per-page.js

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPageLegacy {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '57cc57dd92345cfc43dbe46a349777e31dac5c3a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'ca34a03a34faabaa54abd545cbf16febe1f95331', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '50199ccd3c887fd695433a71476deed2fa7e9bfa', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'c57046ad9ddf63bc4b209806380f369d83df316c', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'a07d5c6aaba0c862859b58ceebb9b2eef208275a', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4465c707fb1f8474941671de84f09fd4ccd47cbe', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination.js

@@ -58,7 +58,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: '8602516dee10463971c9dcd18588e5ae59220461', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '35b0b2c623b2adfd697d2233e650fd123da83c35', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'd0341a4f877d4d8f8d4a5fb460b521ddd78aa906', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'd6c03ef698ab13d8f0dcbf044462aaf24c1e86d4', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'ba58e1096bb6dcc20f0fe24acb444e2ed936099b', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '5c8ba4cb17c85bf335d86b41c51e0753317a0fca', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-simple-toast-legacy/gux-simple-toast.js

@@ -12,7 +12,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'f8afded47dd5d8aa1e06d12fc5a8e132bef8c914' }, h("div", { key: 'ee392128cd1ce75f6dda9dec608ba2094e9984ad', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '9bff6a2b1bfce3baf96896408fa91e01abbecbe7', name: "icon" })), h("gux-truncate", { key: 'd1e617b3f2bceaa4ee8df7622b8e6f0e9f669cad', class: "gux-message", "max-lines": 2 }, h("slot", { key: '547784600e9746065fb781a47a8cec7ed7583ea4', name: "message" })), h("gux-dismiss-button", { key: 'b3cd1efe52992185bb10355012ddc7f681b2ed42', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '79e000bdc7f93c85b0efd8023dc666c62f76640f' }, h("div", { key: 'ae22030cf22f888a83f6037ff31a885f348d1dba', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'c558459e87e8e04cd42d75c7b4cf35b9e492dec2', name: "icon" })), h("gux-truncate", { key: 'e841e88fc4f3c3e2ea8d02517238a7aa46afc910', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'ef7c92db91c54b6c8d59b38a591780b720ac8b06', name: "message" })), h("gux-dismiss-button", { key: 'cc251bac923a15905fd9d347874db738d96c0488', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch-item/gux-switch-item.css

@@ -42,7 +42,7 @@ gux-switch-legacy > gux-switch-item .gux-switch-item:focus-visible > gux-icon sv
   fill: #2e394c;
 }
 gux-switch-legacy > gux-switch-item .gux-switch-item:focus-visible {
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
+  outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
   border-radius: 2px;
 }

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch-item/gux-switch-item.js

@@ -14,7 +14,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: '133d94047c697ca14556e11b7fff787464f4a35f', class: { 'gux-selected': this.selected } }, h("button", { key: '765a3a84a4481fb8a0b13138248ef2c802c13307', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '1656c412e5a4ab60c0dd0375a539a8da63e68f2b' }))));
+        return (h(Host, { key: 'a370b8e9fd77aff200f82238359e6f94bc3afe65', class: { 'gux-selected': this.selected } }, h("button", { key: '3f8466bd5898cd5be1acce818c47473a25ef78c1', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '2a73895bb45d7b4e061105903151b8356faab372' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch.js

@@ -31,7 +31,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: 'a6ffdebe3ee02f5020d9a8c8deeb6079b500ed52', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '0c648e6832cdb40a1328f4b3c745ce7b2cdfb60d', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '0d02d7d3e6ff12674619c15f3b8a3804ee51ef3f', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'ad81b29af5e086d3aae3ba97cdf350763703120f', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-switch-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.js

@@ -44,20 +44,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: '0806bc2ae1a703a9b0e27161f86e46f61aafbcf0', class: { 'gux-disabled': this.disabled } }, h("div", { key: '01d0d237ca843ea530ea6053f46351beeeb830a1', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'addb3b9510a058dbc6661824212e33523e3ba05b', class: {
+        return (h("section", { key: 'b11cf9247918cee3ee0e0e40ca73f6654de0c462', class: { 'gux-disabled': this.disabled } }, h("div", { key: '58912ea558af3b42583d904b1146b549058a2c19', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '23834f623990240fbde35d4216d0e4f3c26aab95', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: 'c0de756ac270cff40a82fbfefaacbeb464010776', name: "icon" }), h("div", { key: '81d82e5eea57686db7e154737a28908fd80130f5', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '4640f4f7d87b98790d9225a6a092e37faa18ec2c', name: "icon" }), h("div", { key: '6336199e798d04e6032480c4cbceeccfa7f5bae0', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '9ea3dddf66fdc2ae01f9dd32921ef6421ff8ca21', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '4add8feab6367ceb34d9f7c019f1bdfd2b263206', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'ef8a867c28424758ca61d399dbf156cda08765ef', class: {
+            } }, h("slot", { key: 'b4afc9eb11656337febddfbb33d0f3249d295cde', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'cfde821a2db9018d0320991ee84e3323519db26c', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '275702816abef08f68d433b8364c9db6eefbf105', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '5f503be61884eab6a11689f998168efed2a83f84', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'ccfad732276a62607a504cfe1360e08f6210e10a', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '6b3669eebfaa9bbbca21aa2d31c54a9589c80f6f', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '5f4d9aea80e2d376ea5928f2072f45978c0fb733', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: '6db7b97fa5af5cd74efa0d52ced882a3aa634448', name: "content" }))));
+            } }, h("slot", { key: 'f959e9bb2daedddf3f92343e6c29708c2ef3cf83', name: "content" }))));
     }
     static get is() { return "gux-accordion-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-accordion/gux-accordion.js

@@ -36,7 +36,7 @@ export class GuxAccordion {
         }
     }
     render() {
-        return (h("slot", { key: 'dc73f232f41a4cc7561dc9cdaf25fb04b8acfae3' }));
+        return (h("slot", { key: '4017ce14f8b1adc8d3c07fe2d0f62a120e69e89b' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-action-button/gux-action-button.js

@@ -117,7 +117,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'f252b0a1a354a4c92538eed62fe4869c50c21844', class: "gux-action-button-container" }, h("gux-popup", { key: '5b77fc3bd2b83fe9b78de60a75bd3fe5eabe0360', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'fd8c8dae9fd3d5dd4d337939665f8474b96ecb08', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '9971b54372cb860e5f46d2aa7533083892c08dc1', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'e27af0be774c9ebfb7541ad0538e90d43edb3062', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '75f2ff754d382025b1fa6bd9ec979911e0907f35', name: "title" }))), h("gux-button-slot", { key: '193a8bb35826293d596f0e7f7ebd951e585cfc20', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'd3c1bfa8c5a956310eca83cf352257be9e4e11f6', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: 'a2e3db5ba0f591b49cb8a15e1c06256c9e5559e9', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'f13e2ef2cd0cb88e47502cbf139e475873c42e63', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'e62177f83a95a9bed10852a0e2afcf4691445037', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '80d568e1345eae81df7888ce6675a5f1f659ffeb' }))))));
+        return (h("div", { key: '2cd2e8e12a041618b2a9eeee7818c68e408afabc', class: "gux-action-button-container" }, h("gux-popup", { key: '66998705352f972684b1806f66dae79c407321ab', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'bc916fd413a77c3cb1581bac619cf657168e51e6', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '9e016c6beaea977e051a5aea39d67e18579e1b4a', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '76e55c1be7406b7df95399d7232665827b7e32e0', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '56ec7bdfabffbd27bbd701c69aa3a2748e212e80', name: "title" }))), h("gux-button-slot", { key: '32163dd9e697aa732093c0aeb274a446489396df', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '552462b4b81c8f7ba1744e5917f8574297519752', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '3ddd8d30ef48d96a2bd1a8b6932f0961bbecab4c', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '840b1750dd1693ffe6f624247693170c1997099a', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '0259b463659bb20d794217da0e068b1f6419c26f', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '97d071e62528443350a6dbe786dd4ec11fc9b17e' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-badge/gux-badge.js

@@ -18,7 +18,13 @@ export class GuxBadge {
             .join('');
     }
     renderBadgeTitle() {
-        return (h("gux-tooltip-title", null, h("span", null, h("slot", { "aria-hidden": "true", onSlotchange: this.onSlotChange.bind(this) }))));
+        return (
+        /*
+          NVDA will announce items as 'clickable' if event handlers are detected.
+          In this case, the hover event handler is used on the tooltip-title.
+          Since this is not useful for screen reader users, we hide the tooltip-title.
+        */
+        h("gux-tooltip-title", { "aria-hidden": "true" }, h("span", null, h("slot", { "aria-hidden": "true", onSlotchange: this.onSlotChange.bind(this) }))));
     }
     renderSrText() {
         return (h("div", { class: "gux-sr-only" }, this.i18n(this.getVariant(), {
@@ -33,7 +39,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '1ce49d065b855a937d6062c7c1e0e844065df5c3', class: {
+        return (h("div", { key: '088eda14e26867dd7b63ae5c5191fdfb905bbf4c', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/collection/components/stable/gux-blank-state/gux-blank-state.js

@@ -35,7 +35,7 @@ export class GuxBlankState {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: '2daa954b880e05720d253b5d9493849e312a7cc1', class: "gux-container" }, h("div", { key: 'a9791212615bb716c3425878f35e546a88c0068d', class: "gux-image" }, h("slot", { key: 'fcac7024bd14b53bc4b89b3c2f73bd2de8d3a9dc', name: "image" })), h("div", { key: '52fa7ba2756263eec8dbc035022393afea99773c', class: "gux-message" }, h("slot", { key: '9599c214446e98a1b36f5eed6ecbd2c222852da3', name: "primary-message" })), h("div", { key: 'f22762b576c5f0ffbb41f3309e6af3a62779dda6', class: "gux-guidance" }, h("slot", { key: '916448a8e536b76b211772939de48be45fe3654a', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: 'cf994ca65cb0ef1e9cfb707ddd42d41d80a80451', class: "gux-container" }, h("div", { key: '2e6217992ed8e80053c3fbf4c696afbc8b6471c4', class: "gux-image" }, h("slot", { key: 'd401a8b329302b758480778f1f29c8c69edd3ad3', name: "image" })), h("div", { key: 'c862e4bd6f1af85fdc465d21968b9ca5aa269396', class: "gux-message" }, h("slot", { key: 'fc777e259ced2deb5ac899fdd9df4c4887b96878', name: "primary-message" })), h("div", { key: 'de2aaf37e53b99162e0c688fee98d41e20b5043b', class: "gux-guidance" }, h("slot", { key: '56021565b8ffbb6b7fb6fdac6d98125a2eff2b6e', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-breadcrumbs/breadcrumb-item/gux-breadcrumb-item.css

@@ -18,29 +18,6 @@
 .gux-breadcrumb-generation .gux-breadcrumb-content.gux-active {
   color: var(--gse-ui-links-active-foregroundColor);
 }
-.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link {
-  color: var(--gse-ui-links-default-foregroundColor);
-  pointer-events: initial;
-}
-.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:visited {
-  color: var(--gse-ui-links-visited-foregroundColor);
-}
-.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:hover {
-  font-family: var(--gse-ui-links-inLine-small-underlinedText-fontFamily);
-  font-size: var(--gse-ui-links-inLine-small-underlinedText-fontSize);
-  font-weight: var(--gse-ui-links-inLine-small-underlinedText-fontWeight);
-  line-height: var(--gse-ui-links-inLine-small-underlinedText-lineHeight);
-  text-decoration: var(--gse-ui-links-inLine-small-underlinedText-textDecoration);
-  color: var(--gse-ui-links-hover-foregroundColor);
-}
-.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:active {
-  color: var(--gse-ui-links-active-foregroundColor);
-}
-.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:focus-visible {
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
-  outline-offset: var(--gse-semantic-focusOutline-offset);
-  border-radius: var(--gse-semantic-focusOutline-sm-borderRadius);
-}
 .gux-breadcrumb-generation .gux-breadcrumb-separator {
   padding: var(--gse-ui-breadcrumbs-secondary-separator-padding);
   font-family: var(--gse-ui-breadcrumbs-secondary-separator-typography-fontFamily);
@@ -59,13 +36,6 @@
   line-height: var(--gse-ui-links-inLine-medium-text-lineHeight);
   text-decoration: none;
 }
-.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content.gux-link:hover {
-  font-family: var(--gse-ui-links-inLine-medium-underlinedText-fontFamily);
-  font-size: var(--gse-ui-links-inLine-medium-underlinedText-fontSize);
-  font-weight: var(--gse-ui-links-inLine-medium-underlinedText-fontWeight);
-  line-height: var(--gse-ui-links-inLine-medium-underlinedText-lineHeight);
-  text-decoration: var(--gse-ui-links-inLine-medium-underlinedText-textDecoration);
-}
 .gux-breadcrumb-generation.gux-primary .gux-breadcrumb-separator {
   padding: var(--gse-ui-breadcrumbs-primary-separator-padding);
   font-family: var(--gse-ui-breadcrumbs-primary-separator-typography-fontFamily);