genesys-spark-components 4.105.5 → 4.106.0

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

@@ -21,12 +21,12 @@ export class GuxBreadcrumbItem {
         const children = parentNode.children;
         return children[children.length - 1] === this.root;
     }
-    getBreadcrumb() {
+    getBreadcrumb(accent) {
         if (this.isActiveBreadcrumb()) {
             return (h("span", { class: "gux-breadcrumb-content gux-active", "aria-current": "page" }, h("slot", null)));
         }
         if (this.href) {
-            return (h("a", { class: "gux-breadcrumb-content gux-link", href: this.href }, h("slot", null)));
+            return (h("gux-link-beta", { size: accent === 'secondary' ? 'small' : 'medium', standalone: true }, h("a", { href: this.href }, h("slot", null))));
         }
         return (h("span", { class: "gux-breadcrumb-content" }, h("slot", null)));
     }
@@ -38,7 +38,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '791a7a75b4c62e094b0434d6b41f4cea450b180d', role: "listitem" }, h("span", { key: '616caad073f0658056d2d9d12dc57a8bccf21672', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: '6ab548f108375f82868773e85c3d3c67823a770a', role: "listitem" }, h("span", { key: '919eb454009208296318bd05f1522df270da9b02', 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: 'f5769aedf82faca026a12e7c2541e9e0ae7932fc', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '698acb022dd77e1a9b8ad2e810621269d455d2f7' }, h("slot", { key: 'dc1a815e052129fcc91befb3eb548ef2361a19a0', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'd465de206b51c598f3686261b6d60f295d37f44e', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '223e45249ccb39f9d53b37291480effacc5a4d4f' }, h("slot", { key: 'a51465700d9d015985c30af4eadbcb9905c439c7', 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.css

@@ -68,7 +68,7 @@ button:active:enabled {
   background-color: var(--gse-ui-button-secondary-active-backgroundColor);
 }
 button:focus-visible:enabled {
-  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: var(--gse-semantic-focusOutline-sm-borderRadius);
 }

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

@@ -21,10 +21,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: '12210a0c4552359ba40fa3eadc84c1ae9e73db25', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'd146c87036f53d21c9936f3c8704f89975acb10d', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle }, h("slot", { key: '63c98885b95820843c89af0e259fc88549901e11', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle }, h("slot", { key: 'ea93ad931802e11cc5186a2b6ecda0e4cec95476', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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: '8c41d551ae693edc1937f51f1949227aa385d353', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '43ab558d781d3171e0707e112b6978f1a75bbbf7', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'f867b5116e05b7c1e9a704b23c189a5ed5cf5c34', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'fe10450696f73f6503ceb44b26ea6f147920e033', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'e0601bbc2ceb98d13c9f3366205e0299b030f6c5', name: "title" }), h("gux-icon", { key: 'd64efeace5792a6c2a92e92af42b967376f445d3', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'e9868c6e1bb10f20fd253a6cd7ebaa35016c06a9', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'fffdb8a6dd00f4e0c18255a659fec4bbdb2651c5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8294c06dbc706f1c33cb614dab6d4762f17c4986' })))));
+        return (h("gux-popup", { key: '1fc2fbcfd03b75849c022f9b92e64c2a4e3f3131', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '5aa42e210e1a43958413e3225b6d922ed37a7f7e', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'f20f0b9023f2d92afc105e0bd0c89b235cc0f746', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'b73b7a97d166fbd1ad87aa09211d5fc27badc13f', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'e0f36249c5263cff97eb49480bf7497cb6371e2c', name: "title" }), h("gux-icon", { key: '3a1fb0a88459dcab0142b963371b28c137be11fb', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '26803bc53c7fcdea897f34ae48f77ef26886f798', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5034fde39e012c5698d4c38780f7764ce69b8d34', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '09d5e9751cca73e8bb1bac1cfc3f0b913db25897' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,7 +47,7 @@
 ::slotted(input[type=button]:focus-visible:enabled),
 ::slotted(input[type=submit]:focus-visible:enabled),
 ::slotted(button:focus-visible:enabled) {
-  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);
 }
 

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: '10e7d27d0574eec6e2d388fa050300b53758d8aa', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '600b25d04fe7de3ac879c1aa5c03cb838ff7aa1c' })));
+        return (h(Host, { key: '4699b0c94c1438b438d3d0af3a619eed470d972a', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'bbaafbfd06069ef30b06c2e2454a1bd1aa82ce8a' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,53 +1,10 @@
-/**
-@prop gse-ui-calendarMenu-day-headerText-fontFamily
-@prop gse-ui-calendarMenu-day-headerText-lineHeight
-@prop gse-ui-calendarMenu-day-headerText-fontSize
-@prop gse-ui-calendarMenu-day-headerText-fontWeight
-@prop gse-ui-calendarMenu-day-date-size
-@prop gse-ui-calendarMenu-month-headerText-fontFamily
-@prop gse-ui-calendarMenu-month-headerText-lineHeight
-@prop gse-ui-calendarMenu-month-headerText-fontSize
-@prop gse-ui-calendarMenu-month-single-header-height
-@prop gse-ui-calendarMenu-month-focusBorderRadius
-@prop gse-ui-calendarMenu-dateBody-padding
-@prop gse-ui-calendarMenu-header-backgroundColor
-@prop gse-ui-calendarMenu-header-foregroundColor
-@prop gse-ui-calendarMenu-header-gap
-@prop gse-ui-calendarMenu-header-padding
-@prop gse-ui-calendarMenu-backgroundColor
-@prop gse-ui-calendarMenu-date-defaultText-fontFamily
-@prop gse-ui-calendarMenu-date-defaultText-lineHeight
-@prop gse-ui-calendarMenu-date-defaultText-fontSize
-@prop gse-ui-calendarMenu-date-defaultText-fontWeight
-@prop gse-ui-calendarMenu-date-currentText-fontFamily
-@prop gse-ui-calendarMenu-date-currentText-lineHeight
-@prop gse-ui-calendarMenu-date-currentText-fontSize
-@prop gse-ui-calendarMenu-date-currentText-fontWeight
-@prop gse-ui-calendarMenu-date-selected-foregroundColor
-@prop gse-ui-calendarMenu-date-selected-backgroundColor
-@prop gse-ui-calendarMenu-date-selected-hoverBackgroundColor
-@prop gse-ui-calendarMenu-date-hover-backgroundColor
-@prop gse-ui-calendarMenu-date-range-backgroundColor
-@prop gse-ui-calendarMenu-date-default-foregroundColor
-@prop gse-ui-calendarMenu-single-header-borderRadius
-@prop gse-ui-calendarMenu-single-body-borderRadius
-@prop gse-ui-calendarMenu-disabled-opacity
-@prop gse-ui-calendarMenu-boxShadow-color
-@prop gse-ui-calendarMenu-boxShadow-type
-@prop gse-ui-calendarMenu-boxShadow-offsetX
-@prop gse-ui-calendarMenu-boxShadow-offsetY
-@prop gse-ui-calendarMenu-boxShadow-blur
-@prop gse-ui-calendarMenu-boxShadow-spread
-@prop gse-ui-calendarMenu-day-range-height - Not used since this value is already calculated from using other tokens
-@prop gse-ui-calendarMenu-day-input-height - Not used since this value is already calculated from using other tokens
-*/
 :host {
   display: inline-block;
 }
 
 .gux-calendar {
   margin-block-start: 2px;
-  border-radius: var(--gse-ui-calendarMenu-single-body-borderRadius);
+  border-radius: 8px;
   box-shadow: var(--gse-ui-calendarMenu-boxShadow-offsetX) var(--gse-ui-calendarMenu-boxShadow-offsetY) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color);
 }
 .gux-calendar .gux-header {
@@ -172,10 +129,10 @@
   background-color: var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor);
 }
 .gux-calendar .gux-content table tr td.gux-start-date {
-  border-radius: 16px 0 0 16px;
+  border-radius: var(--gse-ui-calendarMenu-range-date-startDate-borderRadius);
 }
 .gux-calendar .gux-content table tr td.gux-end-date {
-  border-radius: 0 16px 16px 0;
+  border-radius: var(--gse-ui-calendarMenu-range-date-endDate-borderRadius);
 }
 .gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected) {
   background-color: var(--gse-ui-calendarMenu-date-hover-backgroundColor);
@@ -203,6 +160,7 @@
 .gux-calendar .gux-content table tr td:focus-visible {
   border-radius: var(--gse-ui-calendarMenu-month-focusBorderRadius);
   outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
+  outline-offset: var(--gse-semantic-focusOutline-offset);
 }
 
 .gux-sr-only {

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: 'd3dcdcdbb9e10c287322be124420eac5f18d9098', class: "gux-calendar" }, h("div", { key: 'b2cabe10bc824f1b894dbf0c1c1fa20c16849689', class: "gux-header" }, h("button", { key: '2b619e938756b804459f4b3b78c79d7b86c6f6b3', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '36bf5f3c6e4475b5812acc689e17de373063df46', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'e31ee4fe2e5909549222da39639ab6dca2341f39', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '0d28d29a5a16921f08c034e1959079ba4bffc387', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '6a43e658ac95cf0af6b0a329fca6851f5fe0bbfe', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '1081675c937bc86f2ac5fc23146305305e1393c5', class: "gux-calendar" }, h("div", { key: '47fd67422c1a627c37f48b7053cd7052835378f1', class: "gux-header" }, h("button", { key: 'b5e9a93cf23b6834e673d0eaca72820cbf9639e1', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '408ad65782ceb75bfd1917b9cf173eea5129ba79', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '0c4cbc33ee1318472440c3127f43f4e13d37e317', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '7b1a3691f3047b6fb21e528e41626701a36f9fd9', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '1d93725fddadd36cc89d28effd2b5d15cfdead8c', 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: 'b3cd41d0628aa3810cb86a87563102572eaebe27', class: {
+        return (h("div", { key: '10dd232bf731c61aa431999f32a7a8aa68a4f51f', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '961411eb67625b6326c5a46ba6bc13e48d3c4605' })));
+            } }, h("slot", { key: '897f58d36d1f391e54da8098aa6d5fe2e4dd7aa9' })));
     }
     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.css

@@ -50,7 +50,7 @@
   cursor: grabbing !important;
 }
 .gux-container .gux-reorder:hover, .gux-container .gux-reorder:focus-visible {
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-sm-borderWidth);
+  outline: var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);
 }
 .gux-container .gux-reorder:hover gux-icon, .gux-container .gux-reorder:focus-visible gux-icon {
   color: #2a60c8;

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: '5dc6f7ed7b4519cfb0de84c7256b14e428581f55', draggable: "true" }, h("div", { key: '79a1c858dcdf36333aff6fee4565399acb2664a3', class: {
+        return (h(Host, { key: '892af3387d4bb3c378206b5e8eaf880787c0fc17', draggable: "true" }, h("div", { key: 'efc8b9402edd0683ccbdbf9ea44ef9c2bc2a19a5', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: 'd93341dbd8b97a47f9345afa070ad8a4451ccac7', class: {
+            } }, h("button", { key: '4c21051caa7741bef3485f049f1d4c42cde4dbc7', 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: '183cfc4b9af0da0c05232f8a4f8636ad255594ed', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '3bd5898e5e994db4e4c96111f0f02abcb812166b', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'b2c2fa955c139666cb557d5db7e11100abd94b74', class: "gux-select" }, h("slot", { key: 'cf7485c4d7ddd3c835e87e5a8e072259ec9166b9', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'ce5d20268a8dabc32c1f0695739fea6ce00010bb', 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: 'a8e6fa32dc4051355fee172ad5ff141dd3a132a1', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '27d871772ff2c214ef0983a31abeb2f782650ccc', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '89779579af0e2bc3bd38183210345bad09bc9f27', class: "gux-select" }, h("slot", { key: '82e1bbd0ab2108eb5eaecb6999e2f5694e20b6f6', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '0b27bf3db28265743415050c7d9c408a95917b7f', 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: '5d2379b2779ef315e6aebe99440a9c7de885a33b', class: "gux-container" }, h("div", { key: '84aee51a7b8cfc0efbd6c45ee7aba13adb2a1a0c', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '5d3b183b751b9e6b93b7d5ccb89e40d491bf4317', class: "gux-search" }, h("gux-content-search", { key: 'f61c1871ef70be9e2f65e76c8d0de0272e767316', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'a25f9159c18f06d034a3dd9cf68e70c31dc7ac30', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'fd2e2b6c1ec8085ef079bc4f2a426952e897c534', class: "gux-select" }, h("gux-form-field-checkbox", { key: '6a6ff508ecfbf15fab71237123e9db74a64754c1' }, h("input", { key: '4a1bff9f2ef916cea3a1665e9c020f0b72c38df5', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '39c5c0dbdd6da3537eb3a72c3d0a07288949c5aa', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '893fcdd57ed481e34a7f5688b076a5a28ad2a116', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '9fea231f3efc3bc1292efef9534cdc33e91ba786', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '0e0451becdeec7d7ae0bf51dcfded6762d9411ef', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: 'cab3928e7e032c29aa09bd6d82320685dca6613d', class: "gux-container" }, h("div", { key: '6516e2799e02c4b17f614005572efc7f01e4408f', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '1126784248c21042c9c151a5cdc1b39c4407e97a', class: "gux-search" }, h("gux-content-search", { key: 'd1ecd06bc846b16ba5ad772e9f6ca049d9a2ff37', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'ace557a59adad774ecb47fbb63374e45d6f58ded', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '9fbf026de4e479fd5ea4b9bc16cec4ab4913f793', class: "gux-select" }, h("gux-form-field-checkbox", { key: '3411d77733038640a7d494babc409ee5a104cf20' }, h("input", { key: 'b7aeb9ad3b34d67a22775dd0ced09caed487f24c', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '66e66bb5873e5c6f5cd67fcceba9827c1ef67f37', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '6948b31d070f1e251366451c333820cb7b8b346e', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'eafebaf4eaf4f7ff1210fe6a1bda0ce8bbc0b424', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '4c2de44fb81a9acb3b01868918716b1151f15736', 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

@@ -119,7 +119,7 @@
   color: var(--gse-ui-search-counter-hover-foregroundColor);
 }
 .gux-content-search .gux-content-control-panel button:not(.gux-clear-button):focus-visible:enabled {
-  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-content-search .gux-content-control-panel button.gux-clear-button {

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

@@ -46,10 +46,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '0aea0845cbe9caa7b3e178e38592ec356b79d9d4', class: {
+        return (h("div", { key: '5dc7e4559bfa5daf0027cd672fec75bc9e2c2795', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '1baa20bf6e2fcf60950a042e9461dac55a64804c', class: "gux-search-icon" }, h("gux-icon", { key: '053f94c32a0f7807394d926b0182da6e7e75579f', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'f03de63d874eb65a68bb38557daa9d0d6266f5b7' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '432c498645ffda373751954064ca4854091732a6', class: "gux-search-icon" }, h("gux-icon", { key: '27b6eda62cbb7363054c761ec65905938ea944f2', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '5bf2081b6bf607d80ec599acd6e6e717116f8618' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

package/dist/collection/components/stable/gux-context-menu/gux-context-menu.js

@@ -107,8 +107,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'dfd3618ebf7c142a0597dfb34e44673a9f3ef4fa' }, h("gux-popup", { key: '4f047a9706898a6b33fda61c4ac867a7f594ba4a', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '57a4a20d2f53200db206f6716d178388e37c7c54', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '0d0762b28cbac04a57bb08f6f9482dfc1d7c34c7', accent: "ghost" }, h("button", { key: 'a83ddc1b121318f92b1f90459b9d8175c0f6b29a', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '82ec6e3d272ac1dd957727e6ec5097a18d68e878', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'e76befbef4f43252ff3cd2e5e780fd0ae992cb64', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '358c5014aaf990e2e593a68f54cb2373883832a0', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8534997c8624516bf51040f615c97568f5b52bf0' }))))));
+        return (h(Host, { key: '30d3effa7f34773087052996e02adc07d613d297' }, h("gux-popup", { key: '0199d1690de78d1658bfd4c65a8332ac220d8c96', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '252cd6f0d516574a62b92578101e3ad0e14bccfb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '2a51266d55cf2f976112b05ceef9406165913992', accent: "ghost" }, h("button", { key: 'c4d4460fbd6524b17a97f0afc4d43054cfeacaf0', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: 'cf2aa92ccb96271392fb176d60fb9abd35a2c11c', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'db85b74d05e15961bab03be97cbd784bdb5a93e6', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '447097c037726eea44da16c519219650aadab1b2', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7fd25310dc677d9444a229f0ff252b30cb34bac9' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js

@@ -51,7 +51,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '61b50b6dcb0347c965e1a5489f1c9ffa36a39a30', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '23ce9eaee27eb5a8937fac14e68d97719e852bfa', class: "gux-copy-content" }, h("slot", { key: '642a1f24b1bddafb2f1c66fea7b85ccdd224316a', name: "content" }), h("gux-icon", { key: '41e198a12da09a4803d5df0eb87303aedeaf4d58', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '6b2eb35c396be1e4e4e91f87d7777cea062639fa', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'b575dd3d1bdea5ef122fd4f9d861338a53cbe0e5', class: "gux-copy-content" }, h("slot", { key: '926a620cc7d3b10e37419c07284288e2709ddef8', name: "content" }), h("gux-icon", { key: 'c54c1d77f0b53864e4dc0aad5d5a68cbdca7154e', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

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

@@ -510,7 +510,7 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: '34438bb1186c5f2dcc7dce86350abb6dae6428bb', class: {
+        return (h("div", { key: 'b912b4873f671ebdc1256f926092c28df1eee5f2', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -12,10 +12,10 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '0ed2dc546114563cc7533125e6176fff808c0eae', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '32600b1fc687ea39563ecc88aec4f5c385777827', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'af7db36c3f066d7b4702db239e5bdcc503d71af5', type: "button", title: this.i18n('dismiss') }, h("div", { key: '0b1341014d35b983176cb7500697aff09c266a2e', class: "gux-icon-container" }, h("gux-icon", { key: 'ca90774f917be8f15a48b37ce2de1f686fc2395a', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, h("button", { key: 'c013386d96d15ccc2aaa6f7e41a602414fa57453', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'b7905d9d5f95d4aa888ee70d68925fd5d1421a29', class: "gux-icon-container" }, h("gux-icon", { key: '3d1647facc518a50c589a99cfe957fa40f64624f', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -346,7 +346,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '9a8dcb5d594f5036652ae945c0fbf0e3094a053e', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '48056955c3ec1e1b1305c460ea9b79a95f711146', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.css

@@ -42,7 +42,7 @@
   block-size: var(--gse-ui-tag-button-size);
 }
 .gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon {
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-sm-borderWidth);
+  outline: var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);
 }
 .gux-tag.gux-disabled {
   opacity: var(--gse-ui-tag-disabled-opacity);

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.js

@@ -30,7 +30,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'f9671d5f9d34b1a882962746d31f3511520204ea', class: {
+        return (h("div", { key: '635499c202da270d0657b975548e1d22f8a1a655', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -122,11 +122,11 @@
   border-radius: var(--gse-ui-formControl-input-borderRadius);
 }
 .gux-target-container-expanded: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-target-container-expanded:focus-within:has(: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-target-container-expanded .gux-filter-input {
@@ -155,11 +155,11 @@
   border-radius: var(--gse-ui-formControl-input-borderRadius);
 }
 .gux-target-container-collapsed .gux-field-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-target-container-collapsed .gux-field-button:focus-within:has(: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);
 }
 

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

@@ -374,7 +374,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '45d64d06582aeee2e0c405e0b3416f21bd7b008f', class: "gux-dropdown-container" }, h("gux-popup", { key: '4301e5da8de71d48975aae612be3278315a83886', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'e85394a7eabc1be47706bb296782a3ac679067fc', class: "gux-dropdown-container" }, h("gux-popup", { key: '4456949ce752fdcfdb203332a7c8312d09f909c2', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.css

@@ -9,7 +9,7 @@
 }
 
 :host(: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);
 }
 

package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.js

@@ -171,10 +171,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: '9a6a30ef5a6da68ef8f2ba84bef0452235e2f9b1', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '2fcda7143a3030cee15e4525e6e35e8be3bda451', ref: el => (this.targetElement = el) }, h("slot", { key: 'de096c562a11f6315f88524ea5b96cd7cd6a3c8b', name: "target" })), h("div", { key: '896f1b86873f4fa0c127af915bdb42c23b295117', class: {
+        return (h(Host, { key: 'c940328eac819940681e1b86f7bb35c99923faa4', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '2122493b46c79b488c607d727fc683931cc7fde4', ref: el => (this.targetElement = el) }, h("slot", { key: 'fd3336d2ba41aafe99a7bf852e1771fbe105ae38', name: "target" })), h("div", { key: '8a81f8f6435ccf25ea090f0e60240aa3e76b1a63', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '1d9ca95d7da3928254149eb1455b87c4e2b287f8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '0bd0fbe389e6213247dd5dd54ec4b00d09ca0616', class: "gux-arrow-caret" })), h("slot", { key: '03d6fc598c56d14fb284ae5fed39825de44940f0', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '17019eea390c225a2f2c8fed4cec1c8f82c0ffdf', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '973b60c5425f369b5f2804e2d1252d6d4cb27a0e', class: "gux-arrow-caret" })), h("slot", { key: 'c4589dfae296f13346c03e7ab0892ba58daaa5a1', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu-option/gux-menu-option.js

@@ -28,7 +28,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: '2e52fa99bda1e8f36a98912b9bdbd163f5c71ebd', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '686bfb87087f9724f6392f4baf5cf762751a00a2', class: "gux-menu-option-button-text" }, h("slot", { key: 'f44322c5ff7c4f269ef1a0932437a846bbd22b76' }))));
+        return (h("button", { key: '98d60a5773a526df8bbe40992c292faf6ea64fec', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '979fbec602630bf375659f28bf206fcf6995d3ca', class: "gux-menu-option-button-text" }, h("slot", { key: '5ba41bc43f96a2e941c8f5378a0ad2f5433ce642' }))));
     }
     static get is() { return "gux-menu-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class GuxMenu {
     render() {
-        return (h(Host, { key: '5601f1b2d378a742ffa1008dd4ff5b80f3a16e92', role: "menu" }, h("slot", { key: '1bc149fc20a308903962de2e11631b5a23807db4' })));
+        return (h(Host, { key: 'f1845a190e1b54ad6cfd1f371e70b819c1613ecc', role: "menu" }, h("slot", { key: '45fa4c2c63ca630d8fd518fa1394948d03e50587' })));
     }
     static get is() { return "gux-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.js

@@ -140,13 +140,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: 'eab7a3616ec0b1f59b526674466eb1329aa163ee' }, h("button", { key: '941e9461e99b14a6cfe379049fdfcaea7db69ca0', type: "button", class: {
+        return (h(Host, { key: '1bb30d8045366579b327f32f954d64c3360efa11' }, h("button", { key: '250c1b657beb520885a0493710e8d95f77f5b665', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '726ed8a7db7dc1d1d993a42978017516b0b24fa7', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '6447bf5b5b941539ffc7fd2ede2c193ccc94c8a7', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'b5099f4dfd9462a93ef267788f9224fd9948bd2f', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: 'f90df17dd3319c396dfc2e8f534b593e705155ae', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '8f160feb2f71d3dc81d85fda8a69b0c96501919d', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '14ce7670127c3fedbd84495d2aa30b16a20ecee4', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'eaa64209b6c04de5cfd0983a805637c92f383346', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'f77cd8a4af7fc8e0050ce82ae083bae96320780b' })))));
+            } }, h("div", { key: 'a10887b4f33703674550e3c68a03e11492dd55cb', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'd4d85a52e5d24b1afc5a86de8a6f8044de2e63f0' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.js

@@ -48,10 +48,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '6e24631ab78d1e2d2ffbd723dd0d5be2ec972118', class: {
+        return (h(Host, { key: '05c00ed0b3fa12078541dd219c37f64570123cc0', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'cb2f342121a92bcb4b864c226f3541ca93dd6117', class: "gux-form-field-container" }, h("div", { key: 'b5244a54141d8c7835034056de6121279b2687ab', class: "gux-input-label" }, h("div", { key: '77291159d219a512f437d427c74111bfa208b9e8', class: "gux-input" }, h("slot", { key: '02ab5f2457b04a5bd49d4c2562429bdbc5f92149', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '0b86cf32736488a1349fbbf40469d5c9a5c0b5c6', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '695f928f6eb9b875f0bc4ff51050a61845ef58f2', name: "label" }))), h("div", { key: 'd1da496151ed6b164e1fe663a44ff81440761eab', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '565fc30e683f8f39acc4471117ba9078630ae24c', show: this.hasError }, h("slot", { key: '8e6f425cfcad80b2c32c0228ef509ed2bc973db4', name: "error" })), h(GuxFormFieldHelp, { key: '5ede43184e69cfc05fac9d22c33ead7b51faee56', show: !this.hasError && this.hasHelp }, h("slot", { key: '7281c12a69d18e8a18d7649ef3898019cc1cbd1b', name: "help" }))))));
+            } }, h("div", { key: '5d293faed05d1566f02df5f734f5882e04257410', class: "gux-form-field-container" }, h("div", { key: 'd19c766e092906acf472631827a8912a7f789d3f', class: "gux-input-label" }, h("div", { key: '0b91fc52fe3eb5f6a3f919398b3b7019b78f8a1c', class: "gux-input" }, h("slot", { key: '1e58cfad1e2d0c8f76bb0c3f01dea2b682e13811', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1af0dda64c1ad3d37c22c05a1cbc4f8e3a1d5524', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'df85c91e38c0f97cfd1c17c1cc3749c780a7e6cd', name: "label" }))), h("div", { key: '40f81a7cb035d763cff75f05924e865d998f182c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '7256f02711410ee9fb0e5659f93c630d96dd5b1c', show: this.hasError }, h("slot", { key: '49fd3673ef6ce2f588c3511b27ded3b6b6fbfa62', name: "error" })), h(GuxFormFieldHelp, { key: '1e5baff59db571263e847fc1ad155062698567d5', show: !this.hasError && this.hasHelp }, h("slot", { key: '6f8b54c2e3a099da695a8c3203a3da2dcd803982', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox-group/gux-form-field-checkbox-group.js

@@ -133,8 +133,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'ea614a5edd0268c4244fa95e4951a4b9e5e28a4b', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'ae16809949bbe7e012a27a03bd9db20a4af39b67' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'b3cfbdc7689fb274a6c450890d6750f19560b772', position: "above", required: this.required }, h("slot", { key: 'a6c4e90156028c7c65ef9a05b265afa03b32875c', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '15aefe493c5264b45d8961e5664b87308c3e2072', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4f297fc3c9342101fd3cfb8fb826df00a90533e2', name: "group-label-info" })), h("slot", { key: '2ae8c9d719ac003d766deec31b86f28cadc29f75', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '2c4f9d1b60ca0bbf901c56640cdb85c365681e17', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'b5818cc604860127767cd543a06ebd930c5f77db', show: this.hasGroupError }, h("slot", { key: '88411427c80155f3232110ce1fdfaac16f5bc39e', name: "group-error" })), h(GuxFormFieldHelp, { key: '367953539533a8bcf54c1a65ae8458ddff793946', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '0f22c44a1f74b77b750b0af6ecbd9369668f42f4', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'af39533927494f13991bbcaef9b1822f36dca1a7', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '6748324a9c7e1272d8431d559c74ae7d8a0b40d8' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '7736549a306bbc1ef79443aa079969dd1cab9a13', position: "above", required: this.required }, h("slot", { key: '32467534d6285e52fc872e2c95b6f22c2779a492', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c3b61aaeae673c01b60f1489ee0c06683e56f4b3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '571adb5471717e4f0b6015c08716c2ed8869e0d3', name: "group-label-info" })), h("slot", { key: 'c9f254821b75645bf819eac7bc3ddd64f059e85f', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'e05f9ed3d293877fc03f6951ccf4f247fd7a1294', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'b7b10b2567fec76011bade5bc1cf280e38ae2ec5', show: this.hasGroupError }, h("slot", { key: 'e3d0eb1b9d9694bacfff93f5b43b508ae5b10d40', name: "group-error" })), h(GuxFormFieldHelp, { key: '26965305e2c33ebd01c874afcd7c69d0bcfb8b8f', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '09e8d3a0c412ccc1033a63fd91965ae2df8bb10a', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.js

@@ -84,13 +84,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '4590568eeed0d4db672427ad6b59b20af9feef06', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a73bc98079227cebf18fec6d7e7ddfe415491625', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b0a58f69f45442b48d8d30f69e4f8ce33fa606f9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4df86809076a2f0a0efae6f49f3abe20c9d307c9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6f0c38db16e89d7df83196241c2e149bdd75abb4', name: "label-info" })), h("div", { key: '00a8aa91d362c83b24b1249cf804b6bfbde2da90', class: "gux-input-and-error-container" }, h("div", { key: '04fb436aa93780e3e23249856eda5b79e6773958', class: {
+        return (h(GuxFormFieldContainer, { key: '1945f9b71295f2055ca38047c1fa0cab667d3fba', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c422954f9e68f045f074a53684b57d6efeb7e8df', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7d433ce2453909cce245ca0271dfa3d7c05d5191', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3b16b288ef80aa5c6b752b1572ade855fd88136f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3004c01a24982810f1058060874025eb4c70a05a', name: "label-info" })), h("div", { key: '23dc638a8370cec9b055313a4c7b7f8bfabd287d', class: "gux-input-and-error-container" }, h("div", { key: 'e56f699ae341f5105deabe9ec287640a673ef35f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '394b2c914cbf48c0ba682b1cf9a71d4de5225b62', class: {
+            } }, h("div", { key: 'c82c19d37c7d5c7acec5c54b5e46af73912b8c0f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '714b10d1c242b9388512c56b76297af5b3f39700', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'e0675636471a06bd321ba3ad2ff4ca52d033a3ea', show: this.hasError }, h("slot", { key: 'c2d911fe0442f513a67ec5f33d3293443a62c8f8', name: "error" })), h(GuxFormFieldHelp, { key: '8a4689ec5b8acef4ffbe54d4800ba12701ea1bf1', show: !this.hasError && this.hasHelp }, h("slot", { key: '6866b34bd6c2464a812b29a73dff1dbdc7c279a6', name: "help" })))));
+            } }, h("slot", { key: 'd29d1edbac8d92246e13562b1738569e94fe21b5', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '56775bbf353ddedb70d503700f18d50734d15d23', show: this.hasError }, h("slot", { key: 'aca81af05335223cd3c2163269a9f078fd40cf2b', name: "error" })), h(GuxFormFieldHelp, { key: '8a002384b5b9604b85836ad6eb8043470d7c7296', show: !this.hasError && this.hasHelp }, h("slot", { key: '85cd019e10448a1e70bf8ea7ed057d2f29e74857', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.js

@@ -96,11 +96,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '8a79c00d83c6ad296200a9895d125db1e407acca', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c88099ac197d255a43fefd24337243fbc4d30d18' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '3c80e46ab7fd5d602bffe6315b6cf7e29754c617', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e04e2c3bf3646e7c68bbd0044133de9303d5bb62', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5a77d2b78e4b104a074bd29b7c008101e8cf5abc', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e0e241b8be9fb3f9abca1b4eecd067c985629372', name: "label-info" })), h("div", { key: 'eaee8ec08bfbd78a5ba6e8720feff32d12a64365', class: "gux-input-and-error-container" }, h("div", { key: '0f5810dc9894aca6b8db30f65902a4746465aed5', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '3c5dc914f3c76b4f137f712fa8409460d93171f5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ec9e39fcb78f48527bc10f66969a114accb89c2a' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '1e4b0c9501ea80dc64a1af8619601647d4930ba7', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a20bd54b9b03ecd7283d04bade1546eb79a1bfff', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e58d88a1a9e9e18feced6b7185bcd47df7fd4a45', variant: this.indicatorMark, required: this.required }), h("slot", { key: '22dad7ea55ab30b4a2d7692bb8a5d6ff3f33f1ea', name: "label-info" })), h("div", { key: '060f5c62aa09b3206bb5b731d697882676578d62', class: "gux-input-and-error-container" }, h("div", { key: 'd23895c211aaf7880525f376edb9ba744757d500', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '1ed1538a977e7a0709262856e80b34757f8ebb83' })), h(GuxFormFieldError, { key: 'ea6f1c08a8025475fee59df01b7b1aeadebdfa9c', show: this.hasError }, h("slot", { key: '64e2850f42aa7bbfc6862803d0622d920f7eba8b', name: "error" })), h(GuxFormFieldHelp, { key: 'f79958c35b041c6abc4ce0ad453be6178773029e', show: !this.hasError && this.hasHelp }, h("slot", { key: '7f7dd1d8a5f9be624edec6745d3b2f1da3196173', name: "help" })))));
+            } }, h("slot", { key: 'a9be0fda5bab9330de38bcd573af201af20ce816' })), h(GuxFormFieldError, { key: '2ce73f1bb6c1670f1b0a14a28587932151290db3', show: this.hasError }, h("slot", { key: 'c9e2e14424a9a78b49e6bcdcd9e692901f397604', name: "error" })), h(GuxFormFieldHelp, { key: '3beeb950e03f32a493dc81e3696500e8acf38658', show: !this.hasError && this.hasHelp }, h("slot", { key: '4175b1c26dece146f2718fd89773f51cbd188f8b', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file/gux-form-field-file.js

@@ -98,7 +98,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'fb5d8da9240d0220148191c4273cb88c4b68156b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'be4b4894fffee13752808f4f1626fc1853d72bb1', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '21150e27f2f2fa31544b035c919c650423d98eb5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a546ef242f7b0c1ddaaa8f91ab7e60770b23fe14', variant: this.indicatorMark, required: this.required }), h("slot", { key: '585260410fcde7c0f4e4dba2ab8a6cef3dceff44', name: "label-info" })), h("div", { key: '677000669a2c05cc31cfd666310e7643a23ebc2c', class: "gux-input-and-error-container" }, h("slot", { key: 'c37efc792f9965cc9581e66d91eda9857b2a0b54', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '663cd0f8ee82c188aae98a6599527545f55c1bd1', show: this.hasError }, h("slot", { key: '756abca81c598f99dff6f439fa7a876559bedae4', name: "error" })), h(GuxFormFieldHelp, { key: '3dd324d2b86d7d1696ebff9aa0316599ccc1db54', show: !this.hasError && this.hasHelp }, h("slot", { key: '4be78124646decbcef5d544222881f92c58c227e', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '9ca93f24d44dea238cbe5677aa0b73472b2d64b6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'dec25a32fc276d5488068617bde432a27b28c70c', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'af0eae1f9b7b03f1bebcff17f071a1c84e0f8a43', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a44f39119b3233ca0b5192dce72dcae94c4bde02', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3307d4d6fc47145d02da9f97de180c99eacbd415', name: "label-info" })), h("div", { key: 'f3fd418c38e9d77c2e8e88a7adc778a74d04feec', class: "gux-input-and-error-container" }, h("slot", { key: '32ca9120b2f99d577360a9c57fcca72637c9cdee', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'f30dab2e5c7554e6bf914dc8c0a2804b9bb26b98', show: this.hasError }, h("slot", { key: '7ebe986a1cfd90857e04e99cd7fdb72b2ae27508', name: "error" })), h(GuxFormFieldHelp, { key: 'ff5019f55ccf11be847ac58813565a3220f0da3b', show: !this.hasError && this.hasHelp }, h("slot", { key: '5161a236c6567be3641375c9bc4ad4b3ba61ef4e', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }