genesys-spark-components 4.111.5 → 4.112.0

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: 'af77c2638a4012bb9014eb781e4f1ddbeb470524', class: {
+        return (h("div", { key: 'fe15fc9684a90b4c4f4b79b72ece6e8e2ab84fcc', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, h("header", { key: 'bf503719a742bcbfdf413d5484b642bf94aa01da' }, h("gux-dismiss-button", { key: 'b2c863f556557fb9610506914704db7df3aa1aa4', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: 'fec67433e32f8a04d0967c01e428fc3cd685956f', name: "heading" })), this.renderDescription(), h("div", { key: '84a5ce20f69e6c72d6720b9d9f23e45f5319f9ed', class: "gux-side-panel-content" }, h("slot", { key: '385b27ec2ff15d5600bc6e3cfe5e8b3ba74bc3f0', name: "content" })), h("footer", { key: '6f68ecac5d92194128ac63cb25cfe9fea08417ef' }, h("slot", { key: '74cba793bd0ed40eb39033691c74b220852ba86f', name: "footer" }))));
+            } }, h("header", { key: 'f2553f09a7fca68c18f777b4d5082785a694b842' }, h("gux-dismiss-button", { key: '7fa2d7e44a1b3bc4542b70d2d9d3d1aa7043edbc', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: '74b3408d9172e89d5d2ba85a3f23ce3fe2f2326d', name: "heading" })), this.renderDescription(), h("div", { key: '4a0091296ceb436228d3a593724546a019081809', class: "gux-side-panel-content" }, h("slot", { key: '7b3cd27f12bf98de4577975aa694dc281d209aa8', name: "content" })), h("footer", { key: '3be53e263307674af5d377ac0e4527e7e7df3fd1' }, h("slot", { key: 'cf348aa5ca03675861f8067cb1bb007fe9f3888c', 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: '43c7c866135cbebace2970bbebe11b05441c3ee4' }, this.renderTime()));
+        return (h(Host, { key: '34ebc0241245d1c5cc888a6a2c20e4e85de6786d' }, 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: '5eafcc1916f6da3125bc00954fb3da7fc56b176a' }, this.renderZoneDisplay()));
+        return (h(Host, { key: 'e71634257f5f4bc42538e07c241fba45b0777492' }, 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: '33641a828f459deffb7975c9929945fe90aec792', class: {
+        return (h("gux-dropdown", { key: '0d973ae9adcd7a8d36efa4892eac9af8fb07ddcb', 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: 'b00d07842824650a0e067a6efc7398f10d6a839d', "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: 'cae33a81232f15ee171adef64243944fab543be3', "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: 'ccd91353ad277bb3b4b96086b4cbe9e7ca8e9ed3', 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: '84b6c22e2c8a11cf713550fa673ebd6898297d34', class: {
+        return (h(Host, { key: '62c065bd60d62b704decec06eb9d823de259b07c', 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: 'dc87764388446b6e77444f8be7df6f5cae486a75', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '3c20323b2eed951d4040722100405ad3d6c985f6', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: '0cc4f91c9306efe350c2fd3f81136b0fa2801911', 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: '08e49dbbbb3c16871d42e52ef97e5daeeb17cadc', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'e11aeaa54f8ce949f3ea26c8d990c996f01ab99d', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '1f7b298af19124e2f7036371bb289fff08e83ac5', slot: "content" }, h("slot", { key: '87fe210b8ad3f6655da9054e7ffd62c6d9b401ea', name: "content" }, h("slot", { key: 'cd4fb634e795dfaf0aa7a38514396493d185638f' }))))));
+        return (h(Host, { key: '488a2c659e021488f77b11698f31266ee0e3f5f0', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '6231a0f5639b93a8b777b3b2aeefc2fe7b6ba9f9', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '2184b68a6f7661938c0d3e7ba46773c772e7f2cb', slot: "content" }, h("slot", { key: '48852df62ef157c666c77260a78a8591c4971429', name: "content" }, h("slot", { key: 'cf747e07aa146e863d09351d8d2cb75e54969ade' }))))));
     }
     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: '16c9cc58c496d07996b88b75124124cf4ad3c8e3' }, h("div", { key: '729211a7883e24826eb283de47b544a7fd9726ab', class: "gux-header" }, h("div", { key: '99ba7dc18707da73876d2a2b6058573197248c7c', class: "gux-icon" }, h("slot", { key: '324967fd8298060778b38098d741d7456df6ebde', name: "icon" })), h("div", { key: 'ee0fef0f4ae34a129b59987323ce784aeafa35c7', class: "gux-title" }, h("slot", { key: '3d9979ce64c6e95ef2c77b40e28337889db27f99', name: "title" }))), h("div", { key: '3e01f41428f38259a956da3f47efe65cc0ce973c', class: "gux-message" }, h("slot", { key: 'a69c103b51f9826c7cea71a106d4ec2c9c834d19', name: "message" })), h("div", { key: 'b7079ca3d1229733172caaaea98ff532630c27d3', class: "gux-action-buttons" }, h("div", { key: '53adbf1158a767836c3f82fc198b92f4acdc57f6', class: "gux-positive-button" }, h("slot", { key: 'a3e754c1df3cdbe58dbdbe12e53cde292e0e1e96', name: "positive-button" })), h("div", { key: 'dcfd5e5290fb5d3e314523c969f1aa28f09b45e3', class: "gux-negative-button" }, h("slot", { key: '2790d9a4794ecb7d65ea1543fe3b37aa11081d0f', name: "negative-button" })))));
+        return (h(Host, { key: '90bfe03057d565c01475f40f6830fa4e78fb8edd' }, h("div", { key: '8a61c90eb17eeb1aa7a80b81a85ee50cdfa4e369', class: "gux-header" }, h("div", { key: '28abb07c1593f8fa9740dff66a429e6db222bdba', class: "gux-icon" }, h("slot", { key: '762039ca4d79c9d540371241787e69f50f4bfe47', name: "icon" })), h("div", { key: '37a0bf8cb5b275ddd3a28a9a2f9bf6cb46f321b4', class: "gux-title" }, h("slot", { key: 'db4f2f3e0651a187a3a6c019f58ad629cc179bae', name: "title" }))), h("div", { key: '19cd5965b370e52989340d67addffbf7fa0f53e8', class: "gux-message" }, h("slot", { key: '405f0bc1c21f996e82ce3eff7a518a2a0fd38948', name: "message" })), h("div", { key: '6e89ff3f277d48b0ab5f4d4e1b1f76d92679d201', class: "gux-action-buttons" }, h("div", { key: '79124afea8c7519c31c13c6d0dfe05df00e69e3a', class: "gux-positive-button" }, h("slot", { key: '4c0c618dabb19c79b0f549d503343c33aafa85aa', name: "positive-button" })), h("div", { key: '0928e2474f06947a38528d59eb222bb714113682', class: "gux-negative-button" }, h("slot", { key: '06a83336ada03a9c6c157513dffa31dad12118b1', 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: '889ab6c9eb5920f4dd8cba42bf598374e79300c6', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: 'd77a7b53da9924593ee1ddaa5c7801a47fac0c9e', 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.js

@@ -70,9 +70,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'ee664d613ac151f1184ed0f196a4a935c94639a6', expanded: this.opened, disabled: this.disabled }, h("div", { key: '74ccf017080969f4fc5735e9324f61da6f47d5db', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'c413b625c4955edd99a7612f160e1368c3bc1c03', 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: 'ca1cd3d5c8fd84d27b16956d0777ad32e28258d1', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '53dca66bf1240bbd3b270d95a7654ac4b70df7bb', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '6e350da6793c01d2eddb15b45d92e30145b4b6cd', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'a919112c2726de5495bd1c1026c743ff2243939f', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '98309cd1d77c14578bfa0ea6154c6a302f697502', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'f244db5f7e0f6d7ea4bed6b993d2b012e3ee7021', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'c9d5c36058c383126615de15701d7ab154fba219', "label-position": "screenreader" }, h("label", { key: '6f7f3f50d19e283321e9d8c6ed829e6584f452d3', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'c8d3b8cf735c2e77ecbac9c841947173c2df471d', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '533bcb0921bc6c8116854ef7f9eee347a3ec337e', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'e59abaf4d3efeb25ebba5280e5a0633e3ab7f7c6', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'a56f76e654766ea3071d2fd9aa697eff91ed6a7f', 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: '320ed2ef26d4cbdc26627142ace0a97d18c578f8', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'd2f98df84a77fdd43b4be657e686c837c2cfec79', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'dccda7cea1a04bed311f4995f1951a614316f21e', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'cb035d6f22bfb1db408d7a5f02970e61e222edd2', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'adae2d540626b6174c3164c2d5f2562d082cd7e4', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'f8b3b6c68480c5a54ae282d4173fe3686bdc5466', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '3cb3867037ad6b67d0eccb51332bda385b2842ca', "label-position": "screenreader" }, h("label", { key: '17fb8cc28582f809bf8f1f6bac587a00757484b5', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'd9eb1b368db051ae24b20c3984f8bec7b23dc5a4', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '993903a1d88b873595356b1d980e13e575d72b9c', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'a5a3e6e66c701193bbc7d9409c62e90bf0a3c643' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: 'f7d419de6724d4ef3c4d3b2ff9663c3c87b05533', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'fc393155c2beaff097c9550c14ac1802ec2dee97' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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: 'b645434ad05b389023a0899d7ef978e788ea1416', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '35bf94deb9b03fd5acfdcaa358cf55ae65591cb8', 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: '62b47ce345b5b96eae415e2858ed6867ff30ee3a', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'fdf4ad47994422aa3fc27fdfc386afd119fd52cd', id: this.panelId, class: {
+        return (h("div", { key: 'd2671c56388c29936f4ff40f2252f802763e9668', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'f528569e268505494d56e5e37cff812a77098b22', 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: 'a22bc9a434071a0d9eaa3651774b665364cb9442', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '8dbe3570285fc3c6694dc91e0f2d7075e5c15468', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '78c10387d9a7106d9390d57243857072e77e1b8c', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '15ad8f9d6353ec1d20024623af53632bd7081850', 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: 'eaae3d027ff2b1314c3c6d908e816066553700e5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bacd0a0a27b0a3d1a27cd68c5ca67b0dc066d08b', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '3bee386ab001311941d3bfead54ab479a6ac931f', class: "gux-modal-header", id: titleID }, h("slot", { key: '21c919f92ef76ca5df2d062965014482f4db361a', name: "title" }))), h("gux-dismiss-button", { key: '8ed3553bf27eb05adcda1dfb537db8b0a414cace', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'c09cf3055650c509e8f09008ec0c355020693a0a', class: {
+        return (h("div", { key: 'd362cb5bd0426b296f8bd20f8f1b517cc4680818', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '7a6de2c25ed0c52903abd8908fa967f2b5aa5247', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'b19c4333aa2faf0b60d4c43c4001f91036d5c26d', class: "gux-modal-header", id: titleID }, h("slot", { key: '8c1272a755a52c170fd5e834da9dada47ef18a0a', name: "title" }))), h("gux-dismiss-button", { key: '5f0c7dfa03830797ea706981e7074f6ccd5369a6', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '30699cd0319b1223270d10b7e9b64773078ccced', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'd74fe135f19a93bcfc4a459730706d553d3ab692' }, h("slot", { key: 'b77e4c21a4e9edfb77e5882b90bcb975aefff210', name: "content" }))), hasFooterButtons && (h("div", { key: 'afe99d7aa7daf1a4574e8641845e1340b568f5df', class: "gux-button-footer" }, h("div", { key: '9fac5fb1025e9649498c82ea3d8eb717994af927', class: "gux-left-align-buttons" }, h("slot", { key: '8157a225e0a27bf6ae0b02252838b71aa05625df', name: "left-align-buttons" })), h("div", { key: '5b10ffe3a26d275afacded21701a8e56bf13a4ac', class: "gux-right-align-buttons" }, h("slot", { key: 'a44422f4ded57f03c318fa9fd31f5db0329b7aff', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '1d5181bd7ddad3b3a72c11cf795cfaee6adaad87' }, h("slot", { key: '83da7d98c8b5ee8098f15b1eeba6efa14b0769a8', name: "content" }))), hasFooterButtons && (h("div", { key: 'e90c4ea4d78cfbc921fa772418e798ac1f94a30d', class: "gux-button-footer" }, h("div", { key: '8a237d0b4af98f73655c06b29de49a4e3c4a8d4e', class: "gux-left-align-buttons" }, h("slot", { key: '465e9d836e197503cd4293657b9c7f87f2bd468d', name: "left-align-buttons" })), h("div", { key: '4df489f3d83727d6bceb4a9cad280de3f9b545e0', class: "gux-right-align-buttons" }, h("slot", { key: '684cf8a9b535fb117b0633c11ab69c323a28b277', 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: '33d359780243876e2f51c3b02a3aaee55ee9c365' }, h("div", { key: '8cc8012cb88e54d1f52fd74659f269eabff6fb12', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '66963e36d3e7b4d394c734b2b0bbbfbac4b5847f', name: "icon" })), h("div", { key: '24162748c68b78bdb1ee0f17ec2a58f5b533065d', class: "gux-content" }, h("gux-truncate", { key: '31a5876a10e4600e8fea903f7b08f12f59db3a5c', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'b0ff23b2b70fef69d2a42f644ac2f89feae366ed', name: "title" })), h("gux-truncate", { key: '55dacfe0f14df4832c799f96b0b67ef84c4e1259', class: "gux-message", "max-lines": 2 }, h("slot", { key: '61f893b6cd88585bb23f260ba0d8a8c6ecc6d581', name: "message" }))), h("gux-dismiss-button", { key: 'f50d78cb4f25d427cc5f824fd01a16e2e7dc0d0a', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'aad68740e6fe176ea7e6ec68b27578930fdc242e' }, h("div", { key: '6ce8e54e5bb04d3b0b4f3a6b4bf3dc55066a9733', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'dabd01caf1ee073884efdb009ea84b823f780178', name: "icon" })), h("div", { key: '7de3b128f6f1cc476819c8e186ef5afb09f86fbd', class: "gux-content" }, h("gux-truncate", { key: '48d6c95111637da6c86777c5bc572f029eb6cbd9', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'dfc596520a2913cc445c6612b5023f7cff16e2b2', name: "title" })), h("gux-truncate", { key: '6a3b58a572da24b91f994fc92ae353300c73488b', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'ffff4c765480aff8c4539aa20f1b2e3056dc8a2c', name: "message" }))), h("gux-dismiss-button", { key: 'd90e65d656ef6f4a696e33646fa95b14c821ea53', 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: '9f2bd9649f9dbf1adad5c2e5af2ae4cc517e7b0b', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '784acf253d8110f96ce36216a7f3ed60769f5c26', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '2139a1acc7bdc41b8f5506f50864e473f6ee5c52', accent: "ghost" }, h("button", { key: 'ac642652b7b15e214e51fdf25ff36156776640a2', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '5c2c571d8a39f434155ff71e0e3a22ceb2515116', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '68aa9a87fcf3affd4a4b8111e543f8bf502dce56', accent: "ghost" }, h("button", { key: '841e0e44daffd0b28ae66df8d72f159334e4ebba', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd71bc0104eedb84b08a993211f92e37cc45b354a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '7aa70c174d4fd2746011887cacacfd8901c09511', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'be952617540e24a113b21152bc09a348dcc15b3a', accent: "ghost" }, h("button", { key: 'e328a6ae3f1bf760089efa72b8e37259b761c402', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '95289e49f374425aec8eb83b192df5df51c52d48', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'a82ce1f47ba4b3f9e618dd8e8227b7d5236acd53', accent: "ghost" }, h("button", { key: '21952e434281d5a6c458f9b94217b5042331c4e4', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b9d1beab1f81d6554fb331f2d0ebb31ae2552a37', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'd10ee2507f132111c566aa1d6512158a61476656', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '002178c1aaf470c3d9a118e98f1d49ab44f2c7fa', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'eb6123866755f06c37ae0838da295edf47a80218', accent: "ghost" }, h("button", { key: '518d64a884e9805023fbaf5df36c86edacf05985', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'c33cb5ce83b89fccaca1a9923d0420976052b1cf', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '2f6e8181f46a5389b4514307a4215a6a2cda3c45', accent: "ghost" }, h("button", { key: '0a7a34a01753d8d282cc61a15adae5dd774c3a25', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '3c0bb188fe3bef17086607d36ecad853f5208868', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'cd1e3bfce9c50548ee770b907de3adcca4b07958', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '9bab187fa47ee1360d9f32aba7126d87ce5ba98c', accent: "ghost" }, h("button", { key: 'd7c6b1f9c7f6f58ea4f5c631f94370a3ec9c516c', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c7bab95ba855b60d551115489cf1ce41492e32d2', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'a8570f2f11e3ee4129fc8f309b951d59c8ed1a97', accent: "ghost" }, h("button", { key: '21748d1dd568ab99a4ae7a6e6c71add0d9b141fa', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '7773f658570e13f10e224068e5f25ae49fc8b0c9', 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: '186d0333cabb408b04b55af543ed8524521a8319', class: "gux-pagination-item-counts-container" }, h("span", { key: '2f7388cc5aa3f7430ce2176b1228917e2ea531f2', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '080d2600265fd24a93db0c31fc53050c08f97af8', class: "gux-pagination-item-counts-container" }, h("span", { key: '04e201ed3950906a12dcf60df94d913605a1003f', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'ea59f281231bbb159e1c41e8d3bc0f191ed859be' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: 'b2de21a75473203efe7c5f314110b1b5a21a6eb2' }, 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: 'd7ac2f5b5d16d16051ddb415f5d0a8ee8198ce32', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'b0ed2f2d4209b6ae9135a1889a30be358a51f21e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '489251a5f5ebb706944cc9dabdc2e6169a85fc56', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '4333b98272bde4dacdb4383330b1b1aaa15eaaa7', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e93aba3b701c60f2ed45a06683724239c04fc3ac', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '8154c84aadf01fa9649879350ae1cecc16da96ba', 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: '2f948e0514aca2b83c360e201e9a3f5c6630ec53', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'd2c35f56284d8f75d4af89531b8a42209d59775a', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'e63ded3325eef567010e039d6707b46709049be0', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '83e43389597c948a11b775a05728961ff5d22768', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'fe413cec42ab63694dee7abbcab061e5a8411d41', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '1aa5f8927c2466ba0d270fad2fe1df45802111da', 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: 'f78b00d5665f300cc2adc698b7f131cea9223600' }, h("div", { key: '2cd61b35ccc4fcda835ea3f1d27a4ac7c46627be', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'be49762bc22596f08eb5a068a0d065e380ea79b1', name: "icon" })), h("gux-truncate", { key: 'efce6ca5575e2bef8b477bd8073dedc5e6bc3438', class: "gux-message", "max-lines": 2 }, h("slot", { key: '62458d2641d4c386ea9b7b3c4ddfb2703f8e2e9f', name: "message" })), h("gux-dismiss-button", { key: 'b2dec7283745e1d1902271c182062b620a60e119', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '7281e807502a73f3e4cabaed4d3300e86d5243fa' }, h("div", { key: '0c2c815e815546de6f31099f2936429eb950869e', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '42ed2b55cb7bbb84ab11e29b28a226a58e3a1c56', name: "icon" })), h("gux-truncate", { key: 'a4a4921005124f982d0bc411ec21b2f1aa1e8d91', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'b5cbfe22c5cb3efd01b23572458130c50c2a769e', name: "message" })), h("gux-dismiss-button", { key: 'd28e17276a23d79bb1e5011fd6b44a418947e956', 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.js

@@ -14,7 +14,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: 'f0f8474ef9bddb773e90e8c879ebc0e27f3f9ee2', class: { 'gux-selected': this.selected } }, h("button", { key: '012bff5620455922b4e00bf246b87389bfba1ec6', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'f39959ad567d39b0d0b1b23b800b9857a2080978' }))));
+        return (h(Host, { key: 'c1d1e3dba23cbd8e909d3e6a224c26bf968b2236', class: { 'gux-selected': this.selected } }, h("button", { key: 'c36e6fd1fdb59c62be6c99d31bfddd7827b23439', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'baf9f3bf51df4214aa809739a7a93e7d31544f37' }))));
     }
     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: '5856554397a75d72228eb20182287793c2c6c6bb', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '2f8d76a1c7e3450b3052ee8597166432b7f3113f', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '5793de8a92c7b9024eba2ffe2ebf04d348dc2bd5', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '791850207d34628aeeb28df51e8288c2997d1bec', 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.css

@@ -79,10 +79,6 @@ section.gux-disabled > * {
   transition: transform 0.5s ease;
   transform-origin: center;
 }
-.gux-header .gux-header-icon gux-icon {
-  inline-size: var(--gse-ui-accordion-header-chevronIcon);
-  block-size: var(--gse-ui-accordion-header-chevronIcon);
-}
 .gux-header .gux-header-icon.gux-arrow-position-start {
   order: -1;
   margin-inline-end: var(--gse-ui-accordion-header-gap);

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: 'be2099dcc3608f60dd8b4e6db68e048d544dbf2b', class: { 'gux-disabled': this.disabled } }, h("div", { key: '047eff2d0b67c8259748089b2b9b1874c77bcb5a', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '63630baa8d2f4eff2fe29328664f08c6ec8ac0ac', class: {
+        return (h("section", { key: 'd676183f3602c0585bd0272f02c1f39f240971e8', class: { 'gux-disabled': this.disabled } }, h("div", { key: '748a188fe8c4c709a2df6a583808822db14369a1', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'ee069ef9532093932b01a32a3414e8610b59d80b', 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: 'dc646c6e2b316765a4f3fc1aa13d5d1840fc4150', name: "icon" }), h("div", { key: '83b7fdd7dbb859f3aa37ad9779aecd815dd7a820', 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: 'b480a8e56038975b501027a9aa810202e83e2f3e', name: "icon" }), h("div", { key: '6ceaa3b87d0cf72bd6e99f364f915a87eafc0e92', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'ab6ae2506eb7f00cf1167ec74030861635b1b091', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'c297a364a95dfa3af3ca953d4b5e66c2f8ad4aba', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'e70506cf22060d89862a76c3c0802700898c072a', class: {
+            } }, h("slot", { key: '3b6f7203a4dbd243e0632fff5c8fdbd2b61ea173', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '0af9524b7da954a76b39b4421275f09ea4f4637e', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'ef1f1943f86eb3c8c1cbe8351a880d5543d2c3d4', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '2f9e7ffc3c7e8e7795ed657ce5f9f4d2fb078fac', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '406f671e27bc979369ce9d1d6ff8f9e17c68c64f', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'b9166b0e87f32a6fa181c17aadb670b041e3b8cb', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'cc3762d30859435f8de8550333c30c0b8014cb8a', 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: 'bebe2c5d0cb3a1d85d7801956b9e151d880a7cac', name: "content" }))));
+            } }, h("slot", { key: '6c815da209845c266456ca3a844df9fa2fcca016', 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: 'b98791da53f8ffe9bd50f39b7b379c1c69a519a9' }));
+        return (h("slot", { key: '2e98373f76d1a7f4dbddbc1b3eafc4234960d699' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,10 +30,6 @@
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
-.gux-action-button-container .gux-dropdown-button button gux-icon {
-  inline-size: var(--gse-ui-button-icon-size);
-  block-size: var(--gse-ui-button-icon-size);
-}
 .gux-action-button-container .gux-list-container {
   max-inline-size: 220px;
   max-block-size: var(--gse-ui-menu-maxHeight);

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: '88ce9d80a1419711e5ce9275eae436d667dd3da9', class: "gux-action-button-container" }, h("gux-popup", { key: 'ee7c3d53d74929be37d6d46f1d7dd646201c6e21', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'b316451cf695d9df6b7b0f22e33a7d42a5b815ab', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '2cf4ab77e5b6ebc1d6a1497c93cf4d3f37a905a5', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '4aaa914bcad1a69311cc9fffbfc6223271d952cb', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '215abbf9563ed38b34865286d9da3a25a6fb25b9', name: "title" }))), h("gux-button-slot", { key: '9af9d7f65973b3f22c35fd39c0ce048b859890ea', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'ac90a2a82484c33185beba650dee2359086801f2', 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: '3528f2a14a38e01e0cbeffc5a59e52c328a7e966', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '49484768f95f095dac25fb017fa16a224fd15dbb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a3a65a94f2d26048119b9ac992597dde5b10b57f', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '794ccff88f0f744fff1bd231cd42d10c683191ff' }))))));
+        return (h("div", { key: '304ef7cb3905d106193454161bc4568d0c079706', class: "gux-action-button-container" }, h("gux-popup", { key: '54a8bd4bf4f44f18dae4cc89425e09021594ab02', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '93c061b171d3755fdaf9a53bac6a52906c9043ca', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '58732872a47c5f6ec5226b256d8be87980ad2d44', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '9733371c281016c1cb463391fee289531144502a', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'e66ee67b66212d42375a2c0b9b9e5c4a7f9123bc', name: "title" }))), h("gux-button-slot", { key: 'c106f468df10e3be8bbf1a974d981bc954629ea4', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '7ebf3768773c2e2a614092dd33a047cce5f48d53', 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: 'eef18f5cbcfa388cc54434ac627203c98db7301c', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '09e248bb5ad499f19a518b0232415d8f37623786', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '0f28558d620c129c34a50a1773c82d56e6a78649', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'ef54d3771ed9287c2fdb71965c38cfdf8577d48f' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,7 +39,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '647320e4db9893f221b3b8bb99d9b090d7837d61', class: {
+        return (h("div", { key: 'edf253557ca4599511a35bb4509e502001b661d4', 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: 'e0628d9ef55d8fa3426b38430badf3101fbde541', class: "gux-container" }, h("div", { key: '969a0e63592b70ba3a6811479fdd7da14107bb6b', class: "gux-image" }, h("slot", { key: 'd4e1d398541c72d2e12916363d44074b7faf3f07', name: "image" })), h("div", { key: '3005b7deddd32fcabf46d33016538acefe1a1bf7', class: "gux-message" }, h("slot", { key: 'c7e9bbf5fc2bad5cb4fafea86289d44e2347f683', name: "primary-message" })), h("div", { key: '3f19b0a5e14f338f2d87a0cc6eb866d813c0dcea', class: "gux-guidance" }, h("slot", { key: '5e11d90e072cd83d348ff2ea6ed443d2585dcc55', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: 'a220741844984e366216f60674e938e0f4f3ffb8', class: "gux-container" }, h("div", { key: 'de8d1e5ec8016d4b2681e9378e53fcea0a0c24e6', class: "gux-image" }, h("slot", { key: '7e5780364ad8a7705c56c72fcb577ef3e6da8cf9', name: "image" })), h("div", { key: '7973a888728d065ac4d3ff83390bd4a4bb297359', class: "gux-message" }, h("slot", { key: '54a663cb1a3c8fd656764eb03dfcd3d20a92a122', name: "primary-message" })), h("div", { key: '42da9b7d883f41e8f62beeafeb44b45133856390', class: "gux-guidance" }, h("slot", { key: '9d2a4c5af66dc7ca84600d093f26150bdfbc9b71', 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.js

@@ -38,7 +38,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '3cb0fc71079bb297438cf8097fb603ffaea32ab3', role: "listitem" }, h("span", { key: '6b234449ad078ee665a8c330e5d195ce54279bd3', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '61936fb9123f607cce1e7515a65025f0ceb49c26', role: "listitem" }, h("span", { key: 'a8c7fb4dfec59d3356ca5e101287aa023e16568d', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     static get is() { return "gux-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '5afd74dc10dd0adc6cd46e3e9a0b6b77d79c0b5d', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'beadf863a24399bd6ce6c3daa49a5936c5f864cb' }, h("slot", { key: 'a7e00b34840416c06a51052021d779e38e86fc74', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '119b3fa8ee5e78bf3b0d1499e7cb983939181220', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'e1e65d2af720de448a5754d955c90e03f010c044' }, h("slot", { key: '7c8ef3d9fa757d30769e0fead31fcf7eeb03b86a', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,10 +22,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: 'edee64cd82d1d2c4a05478a67fc4a129a6f965c4', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'eeb5fffe498716be6b4f7b33821cf484495d1d1e', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '52137af109ad90aaf6fc493678238e99bb4a935c', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '60edd2dfa88fb7efb90c345247706da081a9be20', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

package/dist/collection/components/stable/gux-button-multi/gux-button-multi.css

@@ -9,8 +9,6 @@
   align-items: center;
 }
 .gux-button-multi-container .gux-dropdown-button button gux-icon {
-  inline-size: var(--gse-ui-button-icon-size);
-  block-size: var(--gse-ui-button-icon-size);
   margin-inline-start: var(--gse-ui-button-gap);
 }
 

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

@@ -104,7 +104,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '10d1528af7efd00e7c4415726bc57c352ef5284b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'c7de7004a3f4aa2d9659bbc022173da8ec10c97e', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'de8a229b7291253e8cfb2534228ee4bcf60d326c', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '90afedc920703e2f9e63f50548d22d993ddf9ecc', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '0f6cd99b832d3bc9550a6615133b6662dd931170', name: "title" }), h("gux-icon", { key: 'd398494d0407efc12ff34df6cc18b6f3d65cf9ff', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '5fc305712b22a4b0bad98fb834f99fe1c8cc3a1e', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f552de451f28c23ef13c24697033655acb70c474', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '3406e7b6dee062b03fa8f089e4c8434d2fe9631e' })))));
+        return (h("gux-popup", { key: 'c083b95a647399a7cd916c0a087af6cc4fc5bc1d', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'ea62ec5f77c58b4f3a3f25e97070bd8c15cfa0bf', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '6f978c23343e2af4754a96dc524605ae67edfe1b', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '97eed2c9c1a6f9c8f0e22734d07ed6efd819473c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '3e9192a4fbedaa88005049ed522215c88155420b', name: "title" }), h("gux-icon", { key: '0a1ee4870f819e8cb8c6d9b434d68bba5875308c', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '45bf0d049e55d413a3fd1c965c3983e41334c68a', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '7f457dcba160830324f8e0a78a70608f7d322967', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '660248167197a447fcac9348a0226073cddaa01a' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '7db719be511ad4cebf0f36159ce7c2ccfb89bb13', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '274e551e90e870ae178d9f0d241711eca7658653' })));
+        return (h(Host, { key: 'f006b3f67f24b741ad71daa8e98f3d028f3ec0b6', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '82bee185b230368e595c833cdfad36e977931efc' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-calendar/gux-calendar.css

@@ -38,8 +38,6 @@
   inset-inline-end: 18px;
 }
 .gux-calendar .gux-header button gux-icon {
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
   pointer-events: none;
 }
 .gux-calendar .gux-header .gux-month-list {

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

@@ -322,7 +322,7 @@ export class GuxCalendar {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '9bbc75e2c3765e37a075ce0d2b85dfcc66de6766', class: "gux-calendar" }, h("div", { key: '8a23859bd12b81147a126f662b5d7d5c79c0b6a7', class: "gux-header" }, h("button", { key: '1a4969d0fa5df455a5a589365e32dc474279ac47', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'b81a50a65e47739143c12cbc2bb726f15c9b32eb', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '60cafb513fb1954760894aa377ea5ac71b1d14df', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '34bce7f7c4a4cf407e59ca6f3dfce3856769ee16', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '7a3751a545428f2192391f88deb943941f4b822f', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '8632c5363764ad79c5c3bdcd55db42b1c0e2351b', class: "gux-calendar" }, h("div", { key: 'ba2a5200db8647f8755bdc678e1cf207684cb1e5', class: "gux-header" }, h("button", { key: '22aa72956abb90a0b1e74e1c3dc66b598d55e3c7', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'fa9ba3ff4603e8e7a7b9715e4612fa543e2231d0', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '70fd848e506de2edb7d0e9212a911eb87849645e', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '7dc21af60150f07e31d2b1a724aba3df453351b9', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '116315e909e4375b1c76a3c47145fb772b192761', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     static get is() { return "gux-calendar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,10 +11,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '69a40130e9d4f45a97697b76a87b4e3cda072d89', class: {
+        return (h("div", { key: '048b1825db881e0790fa44599576ae68fdfddfab', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '0f8e6dc787edbd827a60ee916c75486b9d09f8ff' })));
+            } }, h("slot", { key: '98058859f5b54c7fdd474493dbdf86931b98f32b' })));
     }
     static get is() { return "gux-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.js

@@ -128,14 +128,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'ddc0f601ad1df38bdbac35b0a300bab98a9dfc63', draggable: "true" }, h("div", { key: '4f3f5d862a1fb3c2e8b54bee5453f40ad1eba44a', class: {
+        return (h(Host, { key: 'fafcff84c00a5ef0c5424e430941f76210bd744a', draggable: "true" }, h("div", { key: '16ac741d2daed6264f38fd8dd03eeb163ac7dd4d', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '1dbcc6575d8b180c2af4efef9df114ea7ce7ae8b', class: {
+            } }, h("button", { key: 'e55e17c2a9e468ecffd5b0b2b68d9fbdfb955951', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '521a27ab27504e5255028a2eb1fcb237d29bed83', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '65f4557165b4a2bca5402b1e8e200878cf6c8fa2', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '40f8e02a76386e4141b46fa8d64935a3b3916a51', class: "gux-select" }, h("slot", { key: 'f2e2853f8adc0b8086c6f545b399634a1b9dbf00', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '4f3e7757e212ff79c61d92dc49f278853a468def', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '6fe7d676aa123e5e87468388f76488fad2801c05', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '629c142177ea24b1c41e0288372b62d4f4793d92', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '0052179ee1778c6c9cbe82c2395250edefeca4ff', class: "gux-select" }, h("slot", { key: '855e2aa27702aa0758605f7abe15b8cbb89102ed', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '52c83368ef4b20a1b75e99395a4ffec4f3ce09a3', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     static get is() { return "gux-column-manager-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-column-manager/gux-column-manager.js

@@ -89,7 +89,7 @@ export class GuxColumnManager {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: '6b8ad63e16a2b7599ead4bf2b052195a19e9b7ab', class: "gux-container" }, h("div", { key: '295a03f07363f34244744570b6c6d1bf0b65f3a6', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '828b08e835158483f2a2c325feedb88d0ead0a75', class: "gux-search" }, h("gux-content-search", { key: 'dc3680ff146935b9ab42d7a02feff242474fbed1', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'd9c01975c81ba898814cad001f004bb543920d18', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'f857e0301541539ae17b726b765879953b308528', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'f5b7c59fabd1f4557f6c443b231dfa99e5bcf7df' }, h("input", { key: '2c15b4a4e8af82d5b710370637256040dc6d4998', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '83b2de5c2f43c31efb8de13651400a9981fd319c', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b8f75a6f309b4792d12ba9821cc66c4b0dedf9cf', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'bbcb598d15219bd9d07fa7ef678223c8110132ac', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '599a4ac3ad97969355ee71fe09d12f955f07fb2c', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '791f69bd3f39d4d4a6b285cbb42de8049cb8f113', class: "gux-container" }, h("div", { key: '1410e1f0c23f639b836507d9a7c70f1278c39ad8', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '3b27b7752420d4fde1652ca9bfc1661a4aa5579c', class: "gux-search" }, h("gux-content-search", { key: 'ab3ae26813b5d746410a9ee82675a7bebf3140b9', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'e755a3ae15f7dc85f598c6da1fc59c0983df8be3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '8213aeb04810a59f51ac86b84251add5e4114c2e', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'b21ca31ec2d33c359414c61d07f275e1c7dccaf1' }, h("input", { key: '8cb7b744a8038d55acbe8ce687334f794c6c19fd', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '0b4e9ced66436d2179c5e341bea7ca7e7f8061eb', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'bec2d31966ed62b047243b1d5a623211049782aa', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '1670ddb41e9f8b5027132651c7011338d1754e7a', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '3dc91ac2ca6a740a15e19ce5b1590989b07b30da', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-content-search/gux-content-search.css

@@ -79,8 +79,6 @@
   opacity: var(--gse-ui-formControl-input-disabled-opacity);
 }
 .gux-content-search .gux-search-icon gux-icon {
-  inline-size: var(--gse-ui-search-counter-icon-width);
-  block-size: var(--gse-ui-search-counter-icon-height);
   color: var(--gse-ui-formControl-input-inputIcon-defaultColor);
 }
 .gux-content-search .gux-content-control-panel {
@@ -93,10 +91,6 @@
   align-items: center;
   padding: 0;
 }
-.gux-content-search .gux-content-control-panel gux-icon {
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
-}
 .gux-content-search .gux-content-control-panel button {
   display: block;
   align-items: center;