genesys-spark-components 4.111.5 → 4.112.0

package/dist/esm/gux-modal-side-panel-beta.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-feb7be20.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-e813f38d.js';
+import { t as trackComponent } from './usage-0a3bab03.js';
 
 const guxModalSidePanelCss = "dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}slot[name=description]::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
 const GuxModalSidePanelBetaStyle0 = guxModalSidePanelCss;
@@ -46,7 +46,7 @@ const GuxModalSidePanel = class {
     }
     render() {
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'a042d52c8c52e8b20433cd50eb16eb9ad1ca903a', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: '443af3aa0cf374dff1ab2473f68b2b250d400e49', size: this.size }, h("div", { key: '7760524151fc29f97378790c663739b622fb4202', slot: "heading", id: titleID }, h("slot", { key: 'f179879278ca143a8aeec5b67c0b0b7b4e2aa039', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: 'e7a557c185cfb02635b85ba6f180739d7d7f0aba', slot: "description" }, h("slot", { key: '0abc48e56d6fbad1ceb6e82fdc0fdbec349ef543', name: "description" }))), h("div", { key: '84ffb0d9772db212974c5e64291bd665a8320334', slot: "content" }, h("slot", { key: '3ab18e6239389e79f7af652e20402530b7c7595b', name: "content" })), h("div", { key: 'aa9df45e4d3cd5fc05ac3fd2890f4073bfd200ce', slot: "footer" }, h("slot", { key: 'dad47d95365f2c00451bc95c23fcf55f2bca563d', name: "footer" })))));
+        return (h("dialog", { key: '7bb27f52f79ed52a97baaf930a9a9467c9affb98', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: '86d0ecc779852a37a0e69145b69f82177c40eefb', size: this.size }, h("div", { key: '5cd472996ae6e3069888ccd72a67743affd4e56f', slot: "heading", id: titleID }, h("slot", { key: 'a4e989caefa755daf0d0b217ecb274cf624a171b', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: '4495ebc9f3a9a76990daeb405d06ba5da2d6fadd', slot: "description" }, h("slot", { key: 'a3fe0452f074dc9ad770feb37c7ef32148215b22', name: "description" }))), h("div", { key: 'ec0fff76d556258f4662687cea7c5cafdc09b10d', slot: "content" }, h("slot", { key: '57cd1fcdf11cfbdd9c5b819f64bb7b01ffefa022', name: "content" })), h("div", { key: '20e0af2e8adc17917c4db9d4278a51fa91f927ee', slot: "footer" }, h("slot", { key: 'b2d9eeaf2fc23b2d98dc00a2e596addebd87e51a', name: "footer" })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-modal.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-feb7be20.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-e813f38d.js';
+import { t as trackComponent } from './usage-0a3bab03.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:var(--gse-ui-modal-shroudColor)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{inline-size:100%;block-size:100%}}";
@@ -74,7 +74,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '6ba2f1504838667768fa45900df5e560e36b74e7', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '95687ef3e0cfd1909a8e779b1a02bd0761bca929', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'a7e3a4b27d86cecc436373676a666aa6329cf128', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '6cc7bd79784dd058d5e91bcc7ede3b841a0f61cb', class: "gux-modal-content" }, h("p", { key: '1744a4e2cb41df7ee40acf12ab12f7be3478338a' }, h("slot", { key: '1a925dad5e34c669aa2d522f9fb1eddc7b7b0a36', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '61479838a3a8997c5d280cf92375722625e885f2', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '19f1dbb97e48f0fec1972b4b4a79ff4c31d12441', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '6b75e6e7eeafcf3661dc5afd22180b85a9852d32', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '5825818b87cd51b33e47c227dc6222dcf0c4bbce', class: "gux-modal-content" }, h("p", { key: 'b7867ed26ecb6a1257549c537ea917359530ed0f' }, h("slot", { key: '0289db16bfc8b7d0b4700b2ff432a2a5041ee3b5', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/esm/gux-month-calendar.entry.js

@@ -12,7 +12,7 @@ const translationResources = {
 	changeYear: changeYear
 };
 
-const guxMonthCalendarCss = ".gux-month-calendar{flex-wrap:wrap;inline-size:var(--gse-ui-calendarMenu-width);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-month-calendar.gux-hidden{display:none}.gux-month-calendar .gux-current-month{font-family:var(--gse-ui-calendarMenu-month-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-month-currentText-lineHeight);color:var(--gse-ui-calendarMenu-month-default-foregroundColor)}.gux-month-calendar .gux-year-header{position:relative;display:flex;align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-month-calendar .gux-year-header button{padding:var(--gse-ui-calendarMenu-header-arrow-padding);color:inherit;cursor:pointer;background:none;border:none;outline:none}.gux-month-calendar .gux-year-header button:focus-visible{border-radius:calc(var(--gse-semantic-focusOutline-sm-borderRadius) - var(--gse-semantic-focusOutline-offset));outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-month-calendar .gux-year-header button.gux-year-change:disabled{cursor:default;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-month-calendar .gux-year-header button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);pointer-events:none}";
+const guxMonthCalendarCss = ".gux-month-calendar{flex-wrap:wrap;inline-size:var(--gse-ui-calendarMenu-width);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-month-calendar.gux-hidden{display:none}.gux-month-calendar .gux-current-month{font-family:var(--gse-ui-calendarMenu-month-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-month-currentText-lineHeight);color:var(--gse-ui-calendarMenu-month-default-foregroundColor)}.gux-month-calendar .gux-year-header{position:relative;display:flex;align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-month-calendar .gux-year-header button{padding:var(--gse-ui-calendarMenu-header-arrow-padding);color:inherit;cursor:pointer;background:none;border:none;outline:none}.gux-month-calendar .gux-year-header button:focus-visible{border-radius:calc(var(--gse-semantic-focusOutline-sm-borderRadius) - var(--gse-semantic-focusOutline-offset));outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-month-calendar .gux-year-header button.gux-year-change:disabled{cursor:default;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-month-calendar .gux-year-header button gux-icon{pointer-events:none}";
 const GuxMonthCalendarStyle0 = guxMonthCalendarCss;
 
 const GuxMonthCalendar = class {
@@ -162,10 +162,10 @@ const GuxMonthCalendar = class {
         return (h("div", { class: "gux-year-header" }, h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(-1), disabled: this.isPreviousYearLessThanMinYear(this.year, this.min), ref: (el) => (this.previousYearElement = el) }, h("gux-icon", { "icon-name": "custom/chevron-left-small-regular", "screenreader-text": this.i18n('changeYear', {
                 currentYear: parseInt(this.year),
                 changeYear: parseInt(this.year) - 1
-            }) })), h("div", null, this.getYearLabel(this.year)), h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(1), disabled: this.isNextYearGreaterThanMaxYear(this.year, this.max), ref: (el) => (this.nextYearElement = el), onBlur: this.nextYearElementOnBlur.bind(this) }, h("gux-icon", { "icon-name": "custom/chevron-right-small-regular", "screenreader-text": this.i18n('changeYear', {
+            }), size: "small" })), h("div", null, this.getYearLabel(this.year)), h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(1), disabled: this.isNextYearGreaterThanMaxYear(this.year, this.max), ref: (el) => (this.nextYearElement = el), onBlur: this.nextYearElementOnBlur.bind(this) }, h("gux-icon", { "icon-name": "custom/chevron-right-small-regular", "screenreader-text": this.i18n('changeYear', {
                 currentYear: parseInt(this.year),
                 changeYear: parseInt(this.year) + 1
-            }) }))));
+            }), size: "small" }))));
     }
     renderMonths() {
         const monthButtons = Array.from(new Array(12), (_, i) => String(i + 1).padStart(2, '0')).map(month => {
@@ -175,7 +175,7 @@ const GuxMonthCalendar = class {
         return (h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (h("div", { key: '483d249a808cbd5d6e073ba12f0650cb5597f734', class: {
+        return (h("div", { key: '84a2981890cf379e96d4b2d43d9371ea939d5806', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

package/dist/esm/gux-month-list_2.entry.js

@@ -43,7 +43,7 @@ const GuxMonthList = class {
         first(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: 'c134a4b9abc1d870e010a86857f9933012216737', role: "list" }, h("slot", { key: '343ffdf8fd2978166a9ef2a13748534fa5aaf1a9' })));
+        return (h(Host, { key: 'd9ab73cd1531fff0d46e179303b22ccceb8926d7', role: "list" }, h("slot", { key: '3748b9606d4e258d3e0f78211df88b8cde89bfd0' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -76,7 +76,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '9926fc852f8d9d32a5870cce6531d79c65886f33', role: "listitem", value: this.value }, h("div", { key: '554da394b223e1940ec31c22cc2a0f1640c4b1dc', class: "gux-container" }, h("button", { key: '7b7147ed8676d54702728769eb83bcbaf6d766dc', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '59592a31eaef4f03df031cc655209d3c570021ca' })))));
+        return (h(Host, { key: 'ad0ecf6d8957eb96eb4ab0b7934e777dd15142a1', role: "listitem", value: this.value }, h("div", { key: '81ad4c6a4cf0993cb2aa7b321eda7bb7d2d1ced9', class: "gux-container" }, h("button", { key: 'c4db6ec6902fb0d0baa62ccd7097d0ff2b4cfd53', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'bf7f8e72ffc4a57669a3eb1ff713b5a37064073f' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-month-picker-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-e813f38d.js';
+import { t as trackComponent } from './usage-0a3bab03.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-6fa3d266.js';
 import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
@@ -20,7 +20,7 @@ const translationResources = {
 	unset: unset
 };
 
-const guxMonthPickerCss = ":host{display:inline-block}.gux-target{display:inline-flex;gap:var(--gse-ui-formControl-input-gap);padding:var(--gse-ui-formControl-textarea-padding);cursor:pointer;background-color:var(--gse-ui-calendarMenu-backgroundColor);border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target .gux-display{display:inline-flex;align-items:center;min-inline-size:100px;padding-inline-end:var(--gse-ui-formControl-input-gap);font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-target .gux-display .gux-spinner{outline:none}.gux-target .gux-display .gux-spinner:not(:first-child){margin-inline-start:4px}.gux-target .gux-display .gux-spinner:focus-visible{background:var(--gse-ui-calendarMenu-month-hover-backgroundColor)}.gux-target .gux-popup-toggle{justify-content:right;color:var(--gse-ui-monthPicker-calendarStates-defaultColor);background:transparent;border:none}.gux-target .gux-popup-toggle:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline:var(--gse-ui-monthPicker-calendarStates-focus-border-width) var(--gse-ui-monthPicker-calendarStates-focus-border-style) var(--gse-ui-monthPicker-calendarStates-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target .gux-popup-toggle:not(:disabled):hover{color:var(--gse-ui-monthPicker-calendarStates-hoverColor);cursor:pointer}.gux-target .gux-popup-toggle:not(:disabled):focus{color:var(--gse-ui-monthPicker-calendarStates-activeColor);cursor:pointer}.gux-target .gux-popup-toggle:disabled{color:var(--gse-ui-monthPicker-calendarStates-disabledColor)}.gux-target .gux-popup-toggle gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-target .gux-popup-toggle.gux-expanded{color:var(--gse-ui-monthPicker-calendarStates-activeColor)}";
+const guxMonthPickerCss = ":host{display:inline-block}.gux-target{display:inline-flex;gap:var(--gse-ui-formControl-input-gap);padding:var(--gse-ui-formControl-textarea-padding);cursor:pointer;background-color:var(--gse-ui-calendarMenu-backgroundColor);border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target .gux-display{display:inline-flex;align-items:center;min-inline-size:100px;padding-inline-end:var(--gse-ui-formControl-input-gap);font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-target .gux-display .gux-spinner{outline:none}.gux-target .gux-display .gux-spinner:not(:first-child){margin-inline-start:4px}.gux-target .gux-display .gux-spinner:focus-visible{background:var(--gse-ui-calendarMenu-month-hover-backgroundColor)}.gux-target .gux-popup-toggle{justify-content:right;color:var(--gse-ui-monthPicker-calendarStates-defaultColor);background:transparent;border:none}.gux-target .gux-popup-toggle:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline:var(--gse-ui-monthPicker-calendarStates-focus-border-width) var(--gse-ui-monthPicker-calendarStates-focus-border-style) var(--gse-ui-monthPicker-calendarStates-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target .gux-popup-toggle:not(:disabled):hover{color:var(--gse-ui-monthPicker-calendarStates-hoverColor);cursor:pointer}.gux-target .gux-popup-toggle:not(:disabled):focus{color:var(--gse-ui-monthPicker-calendarStates-activeColor);cursor:pointer}.gux-target .gux-popup-toggle:disabled{color:var(--gse-ui-monthPicker-calendarStates-disabledColor)}.gux-target .gux-popup-toggle.gux-expanded{color:var(--gse-ui-monthPicker-calendarStates-activeColor)}";
 const GuxMonthPickerBetaStyle0 = guxMonthPickerCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -206,7 +206,7 @@ const GuxMonthPicker = class {
         return (h("button", { class: {
                 'gux-popup-toggle': true,
                 'gux-expanded': this.expanded
-            }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled }, h("gux-icon", { "icon-name": "fa/calendar-regular", "screenreader-text": this.i18n('toggleCalendar') })));
+            }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled }, h("gux-icon", { "icon-name": "fa/calendar-regular", "screenreader-text": this.i18n('toggleCalendar'), size: "small" })));
     }
     renderTarget() {
         return (h("div", { class: "gux-target", slot: "target" }, this.renderSpinnerButtons(), this.renderCalendarToggleButton()));
@@ -215,7 +215,7 @@ const GuxMonthPicker = class {
         return (h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (h("gux-popup", { key: '974641d1f4e0867788a64f41fc72a76688260f37', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'd86acaf580192ffb933f1bddd919ceb60f6c8064', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-notification-toast-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-e813f38d.js';
+import { t as trackComponent } from './usage-0a3bab03.js';
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -14,7 +14,7 @@ const GuxNotificationToast = class {
         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/esm/gux-option-group-beta.entry.js

@@ -50,7 +50,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '2c97646f685d130588c66ef8ceaadeb5b31e44cf', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'c46fc8ba1d4b29ccd18e54e67c342a469cc38e78', class: "gux-option-group" }, h("div", { key: 'c8e3b1ff5645df759cfbdeeae6f4ffda0829f85a', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '200e869d5e6f0cd7b26f0bb4ce95978068ef3bd4', role: "group" }, h("slot", { key: '57c0370e2637b8a43fdde4c5484391b1c1d01897' })), this.renderDivider())));
+        return (h(Host, { key: '6ba6c8cb8339bef038e4798e597a7a091d373f60', class: { 'gux-filtered': this.filtered } }, h("div", { key: '052787e5bc75a79d90a9860a953489af04fb9771', class: "gux-option-group" }, h("div", { key: '33b1fb606f881ada521b7c4dbc3f1935ee68c87a', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'a63451749a242e58e581e7aa3584a1e97039435c', role: "group" }, h("slot", { key: '8469021a090c59161ca25ff0af601ef70b8fdd4f' })), this.renderDivider())));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-option-icon.entry.js

@@ -66,14 +66,14 @@ const GuxOptionIcon = class {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }));
     }
     render() {
-        return (h(Host, { key: '307cbb465ac143c57af4011285f5b87956a63197', role: "option", class: {
+        return (h(Host, { key: '087c2020b6c9c87c87c5613c6f1bb9ff1253fe47', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '9167eb409778763f03d174a00ae8ed2746b9ec62', class: "gux-option-wrapper" }, h("gux-truncate", { key: '075b924c37d00e84234fb177d6864a7d23c45c7e', ref: el => (this.truncateElement = el) }, h("slot", { key: '2001e50d8c1efd8588edff586c15d7681bbef071' })), h("slot", { key: '6772193db724a76ff120675c05aa2f3d3ce4c339', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'ba5c04a1e609e7b3c155953f6ce2d74c24c79b2e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '63f34402d3f42f1f3cfbf3edbb5204cab292e1a3', ref: el => (this.truncateElement = el) }, h("slot", { key: '77e9c8f302a896de847a0f82191e5eb2c8e859f7' })), h("slot", { key: '4bf9bfd45550129bc685496953d486d5dcfc528f', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-option-multi.entry.js

@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (h(Host, { key: '8cee7569143c309dc362cde7135a71eca7bdd51c', role: "option", class: {
+        return (h(Host, { key: '1d7aa3f1dcc11679352673ffce40ed00e4d8f8fc', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'ec405cda31136ed71ff94d81ad1c426aee8cf3a0', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'fbfc158180b34707262c69cb2deefff654f39c8c', ref: el => (this.truncateElement = el) }, h("slot", { key: '764dd3b80592ee6059715c6e5c8b6a96999cfc7f' })), h("slot", { key: 'cc6acc6a3c7fdd8fd9a88b0f798b00046f7c1aa3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '5f02fc2c8c4ea121a627e5d1181d6f8f68cf6d71', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7ecb8bf43bb026ea2cc4bf401a556c5723f34047', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c0744710fdbc5aad62307fe003fc8e5922046749' })), h("slot", { key: 'bde8e3cadc2effbb73c7cc2b30540dead354616e', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-page-loading-spinner.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-e813f38d.js';
+import { t as trackComponent } from './usage-0a3bab03.js';
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -13,7 +13,7 @@ const GuxPageLoadingSpinner = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '882da68c212015e00af497dd89f43f076e5b3426', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '07d87cc87fce507101879e7603c768eef7365eff', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-buttons-legacy_3.entry.js

@@ -185,7 +185,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$2);
     }
     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" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -224,10 +224,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$1);
     }
     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 }))));
     }
     get root() { return getElement(this); }
 };
@@ -265,7 +265,7 @@ const GuxPaginationItemsPerPageLegacy = class {
             }) }, 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'))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-buttons_2.entry.js

@@ -220,7 +220,7 @@ const GuxPaginationButtons = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'e958f863864c98607597510cf6b4e432a45a31d2', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '27bfa108d79a10bb806232a347022fc5b547661c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '99bb42559fb7ab1cd27de2127f98b4974f0deb8c', accent: "ghost", "icon-only": true }, h("button", { key: '4e99f57c620cf5abf5fa7d46cfedda0261c1c945', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'bf46b12786f4c455f02c181381f41e43b698539d', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '4a1f95fb3a269310583e77200f4eb4b32e1ed790', accent: "ghost", "icon-only": true }, h("button", { key: 'b4ac9c982e1393174254126ea24b3a58830b6e8f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '22ae2ba09eadc22bdd9892f7cb9a1e31d40b5db2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'ae1422a5952ff74b6807521e697ef99d6e943142', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7ebac34047c6327240c173da59b46f91855c6e3f', accent: "ghost", "icon-only": true }, h("button", { key: 'f4a8717e80eb554ee19ac2a6909cb379d5547151', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '2a3fb9830cd8f69802712406308b91ad19b601e8', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1577095c8a2fceeb3ce2261a476f67fb6804717b', accent: "ghost", "icon-only": true }, h("button", { key: '16d87cbe7a43455a4899a70c24003d9e14c452a5', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '5bb465b65d24bb60318dd5a3cdd68e6472c36b79', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '027881e358a58ea4c1264b7972af5c1a6223938e', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '552ee18fa52cd9997757b75039a1443e3f203b41', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3143b8e60f8dcbac94a237f771f6e54794139aa4', accent: "ghost", "icon-only": true }, h("button", { key: '973dd2dc2702740d3a7450eb6631e1d95d8c7dce', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'fe4925c63146238d5b2c0559d2a8feb87eac7399', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '4213d70714388c863b97922ab66e13716da6ca3f', accent: "ghost", "icon-only": true }, h("button", { key: '7c7491aa55b3ee6014553e47fb90f10d7229d72b', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '3f268219cbd6c9cf88ae2a317a5952eb84a4fccb', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'cefc1d9eb37c15de59ed1699b90a7c42f8bfa781', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c61cf6229e0e0dff99ee629a54b7a6b0e256956c', accent: "ghost", "icon-only": true }, h("button", { key: '345d941390b3d12ecb23216da6885fe342d0405b', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c6878a66fb637d4755e2f6fd59d0f6e69d272b52', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '2885faa05cab550857af7e0d7bf837ad2d8ffbec', accent: "ghost", "icon-only": true }, h("button", { key: '19dc8a3aa306eb34b5a1570961589769c4c0e54a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'c08ccc987e1994d14e224cff805c6b14aa04b380', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -264,10 +264,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (h("div", { key: '3c8f3194e69eda12fc73beecc31cbf6c42cd1950', class: "gux-pagination-item-counts-container" }, h("span", { key: 'f386c71a2adc3388f0b386c69e1df1e02913fe49', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'a8a5a199b4281491abdf02d052725c8870ae67fb', class: "gux-pagination-item-counts-container" }, h("span", { key: '4e2f9b3a500d06e03d2cb0a11e8703af0f1b756c', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '9367ca1b143ccf3880e18ec23deb33976abe380d', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '24fae2bdf5c40fb35d880283711d4bbe48bb38e1', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-cursor.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-e813f38d.js';
+import { t as trackComponent } from './usage-0a3bab03.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-pagination-items-per-page.entry.js

@@ -35,7 +35,7 @@ const GuxPaginationItemsPerPage = class {
             }) }, 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: '491addd72506d7e29114939d7793da435371cf02', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'bab279a619dc9c2dccc90f75a78bab6408834466', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2328aa27aa49839581b99943b42d8a3077e03387', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '1108f8b39706925ec9be07ce81fb896b16439b0a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'd00d1d593e84f67362dd1cfcda626aa50511b92f', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'ad1cae1b03cd5e1f577615f46e40cea1d1074559', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-e813f38d.js';
+import { t as trackComponent } from './usage-0a3bab03.js';
 
 const guxPaginationLegacyCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 const GuxPaginationLegacyStyle0 = guxPaginationLegacyCss;
@@ -64,7 +64,7 @@ const GuxPaginationLegacy = class {
         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) }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-feb7be20.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-e813f38d.js';
+import { t as trackComponent } from './usage-0a3bab03.js';
 
 const guxPaginationCss = ":host{display:block;block-size:var(--gse-ui-dataTableItems-cell-tablePagination-height);border-block-start:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-inline-start:0}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -90,7 +90,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (h("div", { key: '7c5ae79cc39730d42fbaa8b19eeeaf70cd4578e7', class: "gux-pagination-container" }, h("div", { key: '1cfd5b3b683ade18ecef2a9dec77573dd15b50ee', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'bb9daa0d0521b3b19155daa3d67264a650d7bfb9', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'b58742e8ed402eefbecbcb2d1e2f561ef20b3882', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '78758134142cca16789650536546562c562ce70a', class: "gux-pagination-spacer" }), h("div", { key: '9424a101076f242270ee3905b934232c8442bc6c', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'a8e667edafead07814e40699c76fbea1f98f8556', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '91708f0aff287549bff14b1b7b0b96057d81f8fa', class: "gux-pagination-container" }, h("div", { key: 'cc6550efa9e41c9a1640df7e58dbaf9c56e77b1b', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'f49ac58f93d07c28a6ad419ead86a01e9da8e5e9', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '3f9222e71bc9e47108e53b4e6b4c531f52f3439a', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '0b831657f7868a929da4b0a2bdeeeadc6726b944', class: "gux-pagination-spacer" }), h("div", { key: '84213d0309f85965ebfb8796821973cd6086a1ff', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '3b0912d4fdd9a31ae24d8cdbd9cfc229f63c7c7d', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-phone-input-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-e813f38d.js';
+import { t as trackComponent } from './usage-0a3bab03.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-6fa3d266.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
@@ -1986,7 +1986,7 @@ function getRegionObjects(locale, i18n, phoneUtil) {
     return regionObjects;
 }
 
-const guxPhoneInputCss = ":host{display:block;color:var(--gse-ui-formControl-input-populatedColor)}.gux-phone-text-input{flex:1 1 auto;align-self:auto;order:0;inline-size:100%;margin-inline-start:4px;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-phone-text-input.gux-disabled{-webkit-user-select:none;user-select:none}.target-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;inline-size:100%;block-size:var(--gse-ui-phoneInput-dropdown-height);padding-block:0;padding-inline:0 8px;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.target-container .gux-input{flex:1;align-content:center;block-size:100%;cursor:text}.target-container.gux-error{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.target-container:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-field{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-phoneInput-dropdown-gap);align-items:center;inline-size:100%;block-size:100%;padding:var(--gse-ui-phoneInput-dropdown-padding);font-family:inherit;font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;border-radius:var(--gse-ui-formControl-input-borderRadius) 0 0 var(--gse-ui-formControl-input-borderRadius)}.gux-field.gux-disabled{padding:var(--gse-ui-phoneInput-dropdown-disabled-padding)}.gux-field .gux-field-content{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0}.gux-field .gux-field-content .gux-selected-option{display:flex;justify-content:center;inline-size:var(--gse-ui-phoneInput-dropdown-flag-width);overflow:hidden}.gux-field .gux-field-content .gux-selected-option gux-icon{position:relative;color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;inline-size:var(--gse-ui-phoneInput-dropdown-icon-width);block-size:var(--gse-ui-phoneInput-dropdown-icon-height);color:var(--gse-ui-phoneInput-dropdown-foregroundColor)}.gux-field-button{box-sizing:border-box;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;border-radius:var(--gse-ui-formControl-input-borderRadius) 0 0 var(--gse-ui-formControl-input-borderRadius);outline:none}.gux-field-button.gux-expanded{background-color:var(--gse-ui-phoneInput-dropdown-active-backgroundColor)}.gux-field-button.gux-expanded .gux-expand-icon{transform:rotate(180deg)}.gux-field-button:hover{background-color:var(--gse-ui-phoneInput-dropdown-hover-backgroundColor)}.gux-listbox-container{box-sizing:border-box;inline-size:fit-content;min-inline-size:var(--gse-ui-phoneInput-dropdown-menu-minWidth);margin:0}.gux-option-content{display:grid;grid-template-columns:36px 1fr;align-items:center;inline-size:100%}.gux-option-content .gux-country-code{text-align:end}.gux-option-content gux-icon{position:relative;inset-inline-start:4px;inline-size:var(--gse-ui-phoneInput-dropdown-icon-width);block-size:var(--gse-ui-phoneInput-dropdown-icon-height);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-region-select{block-size:100%;border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-region-select:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";
+const guxPhoneInputCss = ":host{display:block;color:var(--gse-ui-formControl-input-populatedColor)}.gux-phone-text-input{flex:1 1 auto;align-self:auto;order:0;inline-size:100%;margin-inline-start:4px;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-phone-text-input.gux-disabled{-webkit-user-select:none;user-select:none}.target-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;inline-size:100%;block-size:var(--gse-ui-phoneInput-dropdown-height);padding-block:0;padding-inline:0 8px;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.target-container .gux-input{flex:1;align-content:center;block-size:100%;cursor:text}.target-container.gux-error{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.target-container:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-field{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-phoneInput-dropdown-gap);align-items:center;inline-size:100%;block-size:100%;padding:var(--gse-ui-phoneInput-dropdown-padding);font-family:inherit;font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;border-radius:var(--gse-ui-formControl-input-borderRadius) 0 0 var(--gse-ui-formControl-input-borderRadius)}.gux-field.gux-disabled{padding:var(--gse-ui-phoneInput-dropdown-disabled-padding)}.gux-field .gux-field-content{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0}.gux-field .gux-field-content .gux-selected-option{display:flex;justify-content:center;inline-size:var(--gse-ui-phoneInput-dropdown-flag-width);overflow:hidden}.gux-field .gux-field-content .gux-selected-option gux-icon{position:relative;color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;color:var(--gse-ui-phoneInput-dropdown-foregroundColor)}.gux-field-button{box-sizing:border-box;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;border-radius:var(--gse-ui-formControl-input-borderRadius) 0 0 var(--gse-ui-formControl-input-borderRadius);outline:none}.gux-field-button.gux-expanded{background-color:var(--gse-ui-phoneInput-dropdown-active-backgroundColor)}.gux-field-button.gux-expanded .gux-expand-icon{transform:rotate(180deg)}.gux-field-button:hover{background-color:var(--gse-ui-phoneInput-dropdown-hover-backgroundColor)}.gux-listbox-container{box-sizing:border-box;inline-size:fit-content;min-inline-size:var(--gse-ui-phoneInput-dropdown-menu-minWidth);margin:0}.gux-option-content{display:grid;grid-template-columns:36px 1fr;align-items:center;inline-size:100%}.gux-option-content .gux-country-code{text-align:end}.gux-option-content gux-icon{position:relative;inset-inline-start:4px;color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-region-select{block-size:100%;border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-region-select:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";
 const GuxPhoneInputBetaStyle0 = guxPhoneInputCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -2311,7 +2311,7 @@ const GuxPhoneInput = class {
     }
     renderExpandIcon() {
         if (!this.disabled) {
-            return (h("gux-icon", { class: "gux-expand-icon", iconName: "custom/chevron-down-small-regular", decorative: true }));
+            return (h("gux-icon", { class: "gux-expand-icon", size: "small", iconName: "custom/chevron-down-small-regular", decorative: true }));
         }
     }
     renderCountryButton() {
@@ -2323,7 +2323,7 @@ const GuxPhoneInput = class {
     }
     renderButtonDisplay() {
         var _a, _b;
-        return (h("div", { class: "gux-selected-option" }, this.region ? (h("gux-flag-icon-beta", { flag: (_a = this.region) === null || _a === void 0 ? void 0 : _a.alpha2Code, "screenreader-text": this.i18n((_b = this.region) === null || _b === void 0 ? void 0 : _b.alpha2Code) })) : (h("gux-icon", { "icon-name": "fa/earth-africa-regular", "screenreader-text": this.i18n('unknownRegion') }))));
+        return (h("div", { class: "gux-selected-option" }, this.region ? (h("gux-flag-icon-beta", { flag: (_a = this.region) === null || _a === void 0 ? void 0 : _a.alpha2Code, "screenreader-text": this.i18n((_b = this.region) === null || _b === void 0 ? void 0 : _b.alpha2Code) })) : (h("gux-icon", { size: "small", "icon-name": "fa/earth-africa-regular", "screenreader-text": this.i18n('unknownRegion') }))));
     }
     renderInput() {
         return (h("div", { class: "gux-input", onClick: () => focusInputElement(this.inputElement) }, h("input", { id: 'tel-input', class: {
@@ -2339,14 +2339,14 @@ const GuxPhoneInput = class {
     }
     getRegionOptions() {
         return [
-            (h("gux-option", { value: "" }, h("span", { class: "gux-option-content" }, h("gux-icon", { "icon-name": "fa/earth-africa-regular", decorative: true }), h("span", null, this.i18n('unknownRegion'), ' ', h("span", { class: "gux-country-code" }, "(+)")))))
+            (h("gux-option", { value: "" }, h("span", { class: "gux-option-content" }, h("gux-icon", { "icon-name": "fa/earth-africa-regular", decorative: true, size: "small" }), h("span", null, this.i18n('unknownRegion'), ' ', h("span", { class: "gux-country-code" }, "(+)")))))
         ].concat(this.regionObjects.map(region => (h("gux-option", { value: region.alpha2Code }, h("span", { class: "gux-option-content" }, h("gux-flag-icon-beta", { flag: region.alpha2Code }), h("span", null, region.name, ' ', h("span", { class: "gux-country-code" }, "(", region.dialCode, ")")))))));
     }
     renderPopup() {
         return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (h("gux-popup", { key: '9486015223b4b9033b10c67fce3f2178c9041912', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '7a4cf36b39c5bdd966ce1e55dbbdd53e97b53c90', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-popover-beta.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-feb7be20.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, h as hide, b as arrow } from './floating-ui.dom.esm-02309983.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
-import { t as trackComponent } from './usage-e813f38d.js';
+import { t as trackComponent } from './usage-0a3bab03.js';
 import { g as getSlot } from './get-slot-c26d3ab0.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
@@ -199,10 +199,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: '5e481cf437fbeeb2b9a504cbab1bc379dbe7fba6', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '37097ff16c78960e146808147fc29da4b0381693', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual" }, h("div", { key: '1ef55c5205040fabe293a146b07e5a1f56468657', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4527d7f23a405d8d937c5bb5150ae7b88286b946', class: "gux-arrow-caret" })), h("div", { key: '877961881a63783b4fa19387badb63cac0701540', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '8ab06c20228f35f0925abd7f125b237ddaa2cdac', name: "title" }), this.renderDismissButton()), h("div", { key: '71eec119b566ee0093dc0f0ac4b4406d2d17ba78', class: "gux-popover-content" }, h("slot", { key: '4794c27cb2eca72bf18132ff1daae35369576a71' }))));
+            }, "data-placement": true, popover: "manual" }, h("div", { key: 'd351ddc5005bc742d78a3d3421be9d17e5269671', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4269fca2eaa5072b4797fbc8f7f76e637d4f425c', class: "gux-arrow-caret" })), h("div", { key: '7997ad6bc0a9ce3e5e05f21c532bd309ca71c8bf', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd7561c283fed7d1e1412e77b9123e2184c4645d7', name: "title" }), this.renderDismissButton()), h("div", { key: '35ff91d63e2364a3a00656814bb22eaf6da3f9a1', class: "gux-popover-content" }, h("slot", { key: '48623dcb0f8bec52b3c17bf1ceb2a587f32a818b' }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-popover-list-beta.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, h as hide, b as arrow } from './floating-ui.dom.esm-02309983.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
-import { t as trackComponent } from './usage-e813f38d.js';
+import { t as trackComponent } from './usage-0a3bab03.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
 const guxPopoverListCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;overflow-y:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color);}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -162,10 +162,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (h("div", { key: 'bba93a975439a4a6ef2472803e25f2668471dce6', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '9294234dfdacafbca88968ce1b952c6f6124ade7', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true, popover: "manual" }, h("div", { key: '0e516e82a5a226ceffdd703e406c3ef11394346f', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '0299fcb96c6d0fcdafe7c35b98e01e15565cde7b', onClick: this.dismiss.bind(this) })), h("div", { key: 'c7b90ce318294711b5e4204859c9a3a2303d46f8', class: "gux-popover-content" }, h("slot", { key: 'cedca527d7b66e525193ceb4035ebb4665aef4f6' }))));
+            }, "data-placement": true, popover: "manual" }, h("div", { key: 'eb9daf084e2a447cc22f36284e2e7d9d9c930d2c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'ed5f74d0e04152a8be18bfa72c187ce66e3066bb', onClick: this.dismiss.bind(this) })), h("div", { key: 'f4856c1a0890bb05f680c5a039f2fbb1294b0a8b', class: "gux-popover-content" }, h("slot", { key: 'a0dd537f9acddd6939ee254385d5739019eb30ec' }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-popover-list.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-feb7be20.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-02309983.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
-import { t as trackComponent } from './usage-e813f38d.js';
+import { t as trackComponent } from './usage-0a3bab03.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -130,10 +130,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (h("div", { key: '7c14760b77840270bfc43392f8b2849e33b31f18', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '5a85e0e55bafb075e64397041efbf4d92e4b15cd', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f41b82e2e8fcc1087792c2fc3b721a4cde7e2be5', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'ce6482380b566b7fdf9c39ef8f85ae093fdf0c20', onClick: this.dismiss.bind(this) })), h("div", { key: '500329594e4561e7ed808386bccfd158fd63ab5f', class: "gux-popover-content" }, h("slot", { key: 'aae65d1129b1492de6e5060b9aae3abcd5cad59c' }))));
+            }, "data-placement": true }, h("div", { key: 'f02cac440ab0f16e46f80e7e4eabc79097fbaffa', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'fd0ddcb404f8ee9bf44c253e0e0d414f4391b21b', onClick: this.dismiss.bind(this) })), h("div", { key: '6907311341d28c60ea7d512cf12282d253bae1d6', class: "gux-popover-content" }, h("slot", { key: 'e346678d0445a1083dbbe13ff8b90884b14754ad' }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-popup.entry.js

@@ -106,13 +106,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (h("div", { key: '5432544dc7eb13578d1dcc56669830be0cce03b9', class: {
+        return (h("div", { key: '1b92d910b7270a7311ce6f0c867296696b5aa53e', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1de0af3ad7e87825fbbcc2fe64290832749d0ae9', name: "target" }), h("div", { key: 'd19ebb0ef9d8cd0d6fe307b0cfe0dd2227b0ab05', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '104e101a4166b5ff16e61abe26c42958f09a8e58', name: "target" }), h("div", { key: '588aeec5afcf85827af3b2ff6b229dd87acbab88', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '003e4c8f8224907bcf6e264d830df72007c31d09', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '40af0f011cb01e4f196042e24d2567589990a13e', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

package/dist/esm/gux-radial-loading.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, g as getElement } from './index-feb7be20.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
-import { t as trackComponent } from './usage-e813f38d.js';
+import { t as trackComponent } from './usage-0a3bab03.js';
 import './get-closest-element-728b9f18.js';
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -41,7 +41,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '301d5771e8a7cac678f3c8ec94a50326cbe25310', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '73e5fee9c707dbbf980a5a556eabda267a0ea61f', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-radial-progress.entry.js

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-e813f38d.js';
+import { t as trackComponent } from './usage-0a3bab03.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large