genesys-spark-components 4.187.1 → 4.188.0

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

@@ -23,10 +23,10 @@ export class GuxPaginationItemCountsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '1beb3b6e6e210d5374dcb46459a8030395b26d0a', class: "gux-pagination-item-counts-container" }, h("span", { key: 'efd6edffe57319123ee8ab74aad64824c94fb38f', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '5dbe6f63bb43355669e7af36a9481f4e24c552c8', class: "gux-pagination-item-counts-container" }, h("span", { key: '8a8f4c7008cefc1a323e9862ed724b7559629e97', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'd8dbf880bced10cb910c729d86995c87572a0fb6' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: 'b018a62d4342291ecdae998da3a98db1999defb3' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     static get is() { return "gux-pagination-item-counts-legacy"; }
     static get originalStyleUrls() {

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

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPageLegacy {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '4e93c651544efb9368fb35f9d6287d97f1df25eb', class: "gux-pagination-items-per-page-container" }, h("div", { key: '8ca7cbe3394b0c8f5da236cf1cfc855623dfd9fc', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '86439f986c1b18f45361d82c4d8f4d8045aa8958', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '0076638dec6caa48e7260352ff6087d1e23f5783', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'd026e4825745de42ec932b645a491c271148357c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7aac18b184e558b3c2b08894bc8fdb5b4620b602', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page-legacy"; }
     static get originalStyleUrls() {

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

@@ -69,7 +69,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: '79664b75a81f2a830eb54787f05433bcb0f3cc9d', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'b7de73a8371a5f5a6724206790bd658c13bb985c', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '7cdc619f47134e8336c3d3ae1188699d03efba27', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '5f1ec22b17f814816ab18650f2416b1567a62764', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '8bff6c7a43c107e0bc725d6905cb74db7ad2db7e', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '398ab316f018c6123eac60a4288e2e022447de7b', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination-legacy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '72cd1e408d8eb9d9e41ae41a7e326e5780a9f605' }, h("div", { key: 'e9fc40e2d8d63761cc6bf9f64011a20482d916fa', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '30553267731d6cc8b33e36f27bc3187926393e78', name: "icon" })), h("gux-truncate", { key: '6ddefb0e3f05e36dbdbc04caac8b52ead0a955c3', class: "gux-message", "max-lines": 2 }, h("slot", { key: '1b15ff48c4c9b42b6c6fc50f4c82f3e019292a0a', name: "message" })), h("gux-dismiss-button", { key: 'da4535b6aeeaf19171a172d4f464074e5603eb33', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'c659c7d838759c3d2dbdd6f1fe1ccd884bc59f36' }, h("div", { key: 'bf34bba7dee4667f42946383c305177de7528fc3', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '007fc17078e1686468eba1a122b8f182f3ceb1ce', name: "icon" })), h("gux-truncate", { key: '580c1ac9573b7d8500325495df7bb911add5460e', class: "gux-message", "max-lines": 2 }, h("slot", { key: '8cfb04cb1afe8bcc5816e5c82c4a42b6c1aaef75', name: "message" })), h("gux-dismiss-button", { key: 'afcaa350f45c86702ce67976abc366c85f8b7e6e', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -13,7 +13,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: 'b0d511710c019c0d4f301441badd3d0efe135d09', class: { 'gux-selected': this.selected } }, h("button", { key: 'c6ff5212f59e245d3a52f721dc653b36a6145419', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '9fd47e740e607b3452b7714fae8d2dac5779bebe' }))));
+        return (h(Host, { key: '6d988f5b2c4df5b0611b4bc67f59242712ad1ea0', class: { 'gux-selected': this.selected } }, h("button", { key: 'd54319e54862f47a31a972979dcc737a7b1b2ed6', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '1fd0c43c5e394e383412a0973bdac80aa65873b9' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

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

@@ -30,7 +30,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: 'cadae4ff1985a824ab6a7de2d9ae2339750230e3', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '17846926943f0a67a3a8011e6793fa0245c4a031', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'b1a6caaac5bdfb42f1016a8d77e5cb9e2e05edc4', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'a08e30d37e0a9f01d18111bd128ba318ff1ffafd', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-switch-legacy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,20 +50,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: 'c4b039bc5cc0a57106ecaf26c82dce25c9bcd339', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'c45aff8ec8e925027e368e74e17929e058241243', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '262174efc7f45d319810426e848b8a8ecd62743b', class: {
+        return (h("section", { key: 'b374497e0ceee45209dbed4d39febd573c0cd0be', class: { 'gux-disabled': this.disabled } }, h("div", { key: '6f4322cacb5e5b5ee2af163bf1e2334e5022469e', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'a92d246a81bba4f1d9929c7e8b268ccf50af0c98', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '16d846e883ea57253830c604d9d08c1b8a160c30', name: "icon" }), h("div", { key: 'b328a55c8f20da3e54311e675b3d3292357af43a', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: 'bab1490521d84ae80528d819d1e877258bfe6113', name: "icon" }), h("div", { key: '8cbdf0514910e0b12f91292cfbd72a2f864b7d2c', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'de834d82ac2509940dc98620bc40804e20bab73d', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '6ca7453190db5338cf891e824bd62506917681b9', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '2bfa8c33df9d6dd4e7caee266832b76c56192f04', class: {
+            } }, h("slot", { key: '816f4e1f44f2f858e29dfecad0e4cd38dc0e31fe', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '7bbf3a98b27e5419e78519c80dd92ee3fd6deb7e', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '19470636e36c8b16df37356c6376621e16128f7d', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'e526276fbd861e90bea609a42fd6490bb977d108', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'b28efbee5ae891bc74d4b7ab81ae5389a4e0542f', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '512c012c6ffe1ecc6ffd98410cf6e745256d4a96', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '0a32f02f73792fb204f728006fc9f9726722e99f', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: '25889f1139543370cb28628a8aab2c54d6b95ef9', name: "content" }))));
+            } }, h("slot", { key: '02e2dec94565f5ba3b84ad21de8403bf60b8a97f', name: "content" }))));
     }
     static get is() { return "gux-accordion-section"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -138,7 +138,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'fb822145ecba35ec0c5289bacd3be03df3ca6e0b', class: "gux-action-button-container" }, h("gux-popup", { key: 'bc35e449284fa1c3fac6a542ca4bcb2abaa4d685', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '45c7e35216241551fab811ff692b66bbae67e329', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'dd965b62c26cf58240d5626f9541045385db0b76', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'b5b2ad634828a352f314a3208baea1d74e42e4ba', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '03f3892c9dc694c64f43c72275a3905566f827b1', name: "title" }))), h("gux-button-slot", { key: 'c68d7ff8884a1f7f2a212ecda296f597e2c811bc', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '80bb3769c67f5420adb4398c2e20f8a7e2e190c0', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'e0cb3617ad8b86e93d2edba74d56047e853705a5', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'fc9cc62f17f46662e79459d085e80644e84f6b3d', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b5a5265ec1d399f405225e5299f829c16481372c', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'd473b24f6317fc24e025024a91fc6b533dcde244' }))))));
+        return (h("div", { key: 'e3e1f58714572a4cbf8f13c532498a7b3c331e2b', class: "gux-action-button-container" }, h("gux-popup", { key: '7d0aad36c614d5e16adeae24840a5c1904b4b43f', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'b46a80b6cb8526333dd9b344416ee6e1c003a64b', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '1d57c027889d717d47884b33e77ef2faddb61838', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '446c05f5640fbba081eee9eca781a4d0443a4e8b', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '47c67c1a5c4ec59776cce559bed2d91831951774', name: "title" }))), h("gux-button-slot", { key: 'e4e60c315e37b46a0aff461183a50f7d42d241b2', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '47d94aa4fea744c41917d6c384957735ca07853a', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'efb58a73e063cc28144851d806246d9a08ab177e', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'e0daccc34af424e95b49fddd3d193c70c52babc7', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'c25ca540d02426cedd6577de0e1dea043c4c1584', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '642210713ee3359616804bc99dfb786c80d5d643' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,17 +21,6 @@
 .gux-badge gux-tooltip-title {
   white-space: nowrap;
 }
-.gux-badge .gux-sr-only {
-  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
-}
-.gux-badge .gux-sr-only:not(:focus):not(:active) {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  white-space: nowrap;
-  clip-path: inset(50%);
-}
 .gux-badge.gux-info {
   color: var(--gse-ui-badge-info-regular-foregroundColor);
   background-color: var(--gse-ui-badge-info-regular-backgroundColor);

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

@@ -40,7 +40,7 @@ export class GuxBadge {
         h("gux-tooltip-title", { "aria-hidden": "true" }, h("span", null, h("slot", { "aria-hidden": "true", onSlotchange: this.onSlotChange.bind(this) }))));
     }
     renderSrText() {
-        return (h("div", { class: "gux-sr-only" }, this.i18n(this.getVariant(), {
+        return (h("gux-screen-reader-beta", { "block-level": true }, this.i18n(this.getVariant(), {
             label: this.label
         })));
     }
@@ -52,7 +52,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'feb45369a5d97e8e4b88b3a59cb9bba4a379d9f0', class: {
+        return (h("div", { key: 'e15f9973903d14c812e4ff6853452fd7d7245a87', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

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

@@ -43,7 +43,7 @@ export class GuxBlankState {
         this.hasGuidance = hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (h("div", { key: 'e0b4592db9432b7d81863d0dbd9f5520d3b695dc', class: "gux-container" }, h("div", { key: '4f7c1f730096c27c0e356d92976f78a499f2cc74', class: "gux-image" }, h("slot", { key: '4c1a86ce0c49c0a17688bec2f26e61952ca0448b', name: "image" })), h("div", { key: '2ee832ec2d5d5a299582824617264e77a84e3dc0', class: "gux-message" }, h("slot", { key: 'eb97d58adfb206c09360028a81b49c75dc224447', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: '683a0c3934e93944a33c99970a4fa7318fed26c0', class: "gux-container" }, h("div", { key: 'bb343ca67e3944d32fb329feedaf81796740c099', class: "gux-image" }, h("slot", { key: '45b9078d202038b7b7ebb06950c1616ab10e6b21', name: "image" })), h("div", { key: 'b294647eac6f7d2a8cff4b5223a4f3ef85963ffc', class: "gux-message" }, h("slot", { key: '8fa259f3fb3aa7b9ab2407082e40197a63b4024a', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

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

@@ -35,7 +35,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '84ef978533d902cabc1264d4641a17a52da1ac61', role: "listitem" }, h("span", { key: '7afb53b4249c8c194a65472a50b817265351afc3', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '08a2ab77825d9b7e8dc635f2fc219824a719815b', role: "listitem" }, h("span", { key: '931a6a0215b4f2d8e1a9114c50ebf09631a3811f', 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: 'ea6b93a54c1c8cfcf21365dacb4fc8bceaefff9b', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'c1a44ca6cbd884ea4713d06135d31643821522a5' }, h("slot", { key: '8adc5d5a7a336c40548fe5ae7975953eac36fa33', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '4f155cd06ee821c6dfeac4eecb72186c19456995', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '69868d13dedc6854e220531b046074de108fad1f' }, h("slot", { key: 'ec6cc7fe5f828ee2a19e5077c83f20b38b165188', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,10 +26,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: 'a655b1884a2e2114d912ac8af0310d106c546a80', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'a20c8073f7148b0c626153e8e16470e9d6d69131', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'c5a9a2400f8cc04a2074e5e76cc4a2f7fe1dddbb', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '88dd609637beec3f7eb1008dde3876e63d26f64a', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -126,7 +126,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '81151ec4803c66a856f2ae63a4abd1fd914e9c18', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '763aa8765d6456ced163b16392f28152cdfbec5b', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'a0d770793d6a522e9d11ebfe4869bb9fc2166f06', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '16ed22bf8400f1813c205bf690b8527e10083243', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: 'b8a1d7d212b3aa69b9d2707a5f268d4ef047f68e', name: "title" }), h("gux-icon", { key: 'a0c2d0ffb219e64bcfb5d9cb89a75e489a322619', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'c8df9601b7a0ca07a6a66688ec7f5b8689d96533', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '58768f2f58d1d1099c199efedf94aac619617077', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'ce515bb2d9336172e274e7fbcdf8930a8032322b' })))));
+        return (h("gux-popup", { key: '5a81a67cffefdeb82aa5237f1b518b86a20015a0', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '4b177bf7b5a3bfe97c51340c4b3c9a4cdf939136', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'a8d9b7b16913346bf9f8c89d108a0691842d60b9', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8f96eb500ca6848b1159eb0ef8e3270e228d9f8f', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '3b219746c2b37f9ef93d5dfe02f3c6acb7fad5f2', name: "title" }), h("gux-icon", { key: 'c4f1926e05d996327424b9d9669ac863d9b1b4d2', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '3db9d56b02ea2446796f270af5da05b8d1c1755e', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'add4f255a32ceb2b7c12ef86b898bc476ba6a940', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '83a4ae7d4615e2c38b6c9d899a7ae3f47092eb7a' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '837210124f055e9ba137a070bbbf62f9b6546e73', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'eccd0b293d0b86e1733d8abff4cb07f6e37b1600' })));
+        return (h(Host, { key: '516d620dbc99148e7162537a5a5059b26ed117da', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'f43b4a24c07bcd0ac2e603e9ca07246c7590fe72' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

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

@@ -160,13 +160,4 @@
   border-radius: var(--gse-ui-calendarMenu-month-borderRadius);
   outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
-}
-
-.gux-sr-only {
-  position: absolute;
-  top: auto;
-  left: -10000px;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
 }

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

@@ -341,10 +341,10 @@ export class GuxCalendar {
         })));
     }
     renderCalendarTable(index) {
-        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)))))))))));
+        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("gux-screen-reader-beta", null, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '596295889b4cf3f8cc4d229a0b86b43f650c2042', class: "gux-calendar" }, h("div", { key: '0e8cb8411b29a81e1f06a8f31090f247727ab850', class: "gux-header" }, h("button", { key: 'f3df4445feb03735d91b936e275212a64cc6f006', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: 'f26551589ecf05e6b44ced659e91d22e58780a69', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'ab425a76cd91ef8c8387d6ef53b1018f09efd8ff', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '68b0889deca5edf029b208b66ac24999bdec8eb6', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '638d9e39a5a656ea58b0a578ed5e371789763fb8', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '83e2bf1d63dfff98fb1abc5e248fad40953be775', class: "gux-calendar" }, h("div", { key: 'f984561485cb8df8a1cc795cfee175dd1950e05a', class: "gux-header" }, h("button", { key: '8d79c3c1a1ae551943cb2c10b631f254ede94f32', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '12db13577479867f4b67aa02b4875736a3828b3b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'de27bc29ec593f78579d08162be1462008c846e7', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '5788924e9fdd6ce8c50d0b7c52218934df0a447f', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'ab6209cdff81571ac9f2ed21bf2895bb75202d83', 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

@@ -14,10 +14,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '551f8cf1bdf66e559a5d5b69e0f81f9b66781efe', class: {
+        return (h("div", { key: '6bbef26e9e9ca15bd440c8f02a03375a89425237', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'd5839084d0fb89fc99a50a9edba6395deea8a455' })));
+            } }, h("slot", { key: '124428d20cbd2a341b817b1df4d5146f38cb4032' })));
     }
     static get is() { return "gux-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -124,14 +124,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'd55753e1cc651b73233dd15ace2ecb8d346a4574', draggable: "true" }, h("div", { key: '9298c144266decf9799879a20fa0c134036b3ce0', class: {
+        return (h(Host, { key: '5458ae3a58afe2441d65d8a7d42dea8912baf9f7', draggable: "true" }, h("div", { key: 'e5c1bc702a475b54d340dbfb5511788f1526c4b4', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '239abda7a6ea866813fc28f1483883a5d1239957', class: {
+            } }, h("button", { key: 'b1f2ea7ab19bc6e45fdd28bb1e8fe3888335725f', 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: '905538a42e996b039af53f9026cdc5286f623303', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'd5447c3b82ff2813e44d335d75f74dddf1945c23', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'cd39ac1aa9e7231a885c8cb5a0122943761fd631', class: "gux-select" }, h("slot", { key: 'be1b15c377b74c09e40eb32fc2cbf7e2d84394ba', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '2f1bbc3a44a26a2b32717471a06b306d4690fb34', 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: '1c73013a7a2e092617d04689bc15dc3e7010a3d0', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '12fd2660372338d4d149388aa3332a5670214eac', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '216c0a88517ba5a4dd167363dba7b4e9bcb1c6af', class: "gux-select" }, h("slot", { key: 'ebce045e7812aad5aad2d92491f5f28bb4a75be5', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '7f6d10667962cd4a6f22aafe5bcd73794ead4c35', 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: '86ea203d2bc59f262613c1343a7d67f0873e624c', class: "gux-container" }, h("div", { key: 'b5df3967d80cb060dc11fb5792d7f5fe3d3bae87', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '36f262c62b4b29973b672f5ab914977f49582716', class: "gux-search" }, h("gux-content-search", { key: '8364d7aa5299ea32fd0e169fcceca1025e486e05', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'f4ceffb69a6360de9b2977462cae932357f9b04d', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '84755123168c385dcb54ee82f1fc607350bf3133', class: "gux-select" }, h("gux-form-field-checkbox", { key: '12784281b13bd165fca5c5098ec53c13bbfa28fe' }, h("input", { key: '85b0f7fe1d879141797f50458db8084d5e357fe2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'd631f892e0d2e5d11d106db7476e27d0021f2374', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '793a77429a1d800764a0ee52f464642615d7d05b', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '66ebc2049c3d05c66874f12666ea0376e9d52381', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '7def738d9531f86410cc17ba78aa5443105934ed', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '745ad6b0f7c7183994d85c187d938563112fcd49', class: "gux-container" }, h("div", { key: '92ef46ad4ce5b1eff3f5d2e417e06fbca4f7f072', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '835b3fe8ef95b3ab924821452cde75c6f46cd208', class: "gux-search" }, h("gux-content-search", { key: '8378e7af68f3958120b1b35e4029845870a38faf', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'ef2f3805bc855786a4f8cfbcc911f8664f61533d', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '551a3c2f477e8cdb976994d30c0f2cc47ee7c537', class: "gux-select" }, h("gux-form-field-checkbox", { key: '5faff47522f0b775bf1d12aa7376424a7f3d3f13' }, h("input", { key: 'a72e514759b10d454ddf22e377601d08197a1575', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '76ad520746c69e2ab377a124785fefaddcb4aa94', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '75b6348fa3c03a2b8533ff0a6e907d1faca40eb8', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '079e2e2cefac3290c9de4705e230ce0ae74a19f2', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '325662b008ef07f58fdc22a6911fb3b3d3a64b52', 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.js

@@ -50,10 +50,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '73e492c9ba5084ab4a9be67042f9e2e6f9ecd2f0', class: {
+        return (h("div", { key: 'cc9842daf419bb3b94574f6f4303c2b9ca27c7a2', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '178f17dd1987bbcd12b610777ea84060de86c0ca', class: "gux-search-icon" }, h("gux-icon", { key: 'ccdaa14da8cf64122b5c736fc9cd16c7fc0a5a58', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '4d853841ba463423b737f9d9976d61902065a18a' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'b66801cb421066d3f628fee37363b3767580a6f3', class: "gux-search-icon" }, h("gux-icon", { key: '6fbc9231fadec9aa7d9bcea47a05c01d5e094f15', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '551094d373c87c63424bb7b5de1545af3c3b922d' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -124,8 +124,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '6bf1dded894b9382b71146ae5a0465308f68ad24' }, h("gux-popup", { key: '27adba7de5bb4a24c2ee5fc6390776bf70862484', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '0c170d5c4880e3727dcf25c06c490dc34390baee', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '732c1cc18d8fe2ccf719b2bd01c39c1204cbc61c', accent: "ghost" }, h("button", { key: 'ba31c6798868884b53e5517b4af1a1cc0465a54d', 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-screen-reader-beta", { key: '72f174c5762a0fb71a416c46dc49b5635028f068' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: 'ccbb8956af52d338731ad4fe3c2954d4df6eca78', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '392bd0f492eae53922c1c8117d826be892e03535', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'e9e82dc1deaabbce994df45873ce4fdc5a557712', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9a7b3defb1fd59b6dad1e969ecd658728d18a2e3' }))))));
+        return (h(Host, { key: 'b293086fd9606996f1441f5795ce3f2c0ce46502' }, h("gux-popup", { key: '3f018bb52789b95f17f8596d099374d63f54668d', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '6822a8af68e110ea7228e81014eaa6bd97693f4e', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '6062d13a61124da311c79aad2f85a66f20dff087', accent: "ghost" }, h("button", { key: '42a25deeeb6ff9e1bc5a3942c41155ae09cf33ab', 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-screen-reader-beta", { key: '389f1d5cef19ca9bcefa99f011cb5f49df4a4f9d' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '83d2a3023e0489a0d9de451de2208cf697f6c060', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '03a73c6e6d4dca43dc0fbef16067e882df92cbfb', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'bf14f3cef076081157073a392ab4306f2599b37d', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '0c99c540fcb222c1e9b9451defed472c39bf0e9d' }))))));
     }
     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

@@ -52,7 +52,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '1592818b2015620fd238f12d6fa106116a2e9761', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '30bec5ad4cb71ac0b6b2a8e70e16560fbdaf244f', class: "gux-copy-content" }, h("slot", { key: 'ada4edc6d77df5166fce89d552252ad5eea927c2', name: "content" }), h("gux-icon", { key: '25e6862f0c01542570d9493bb08c3cc3da4ebc4f', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '8a0c33cfb9cdbadf58f7d973e37ea55201d57889', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '50122ee2295834fb541a2b8c4bf0c19bec5f0efc', class: "gux-copy-content" }, h("slot", { key: '5ebbd22fb3691411789997bc39e5f73804de5817', name: "content" }), h("gux-icon", { key: '45980c305a0c124618277dd5cf75959b6cc95f4f', "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

@@ -294,12 +294,19 @@ export class GuxDatepicker {
         if (this.mode === "range" /* CalendarModes.Range */) {
             const fromValue = this.stringToDate(this.inputElement.value);
             const toValue = this.stringToDate(this.toInputElement.value);
+            if (!this.isValidDateFormat(fromValue) ||
+                !this.isValidDateFormat(toValue)) {
+                return;
+            }
             this.value = asIsoDateRange(fromValue, toValue);
             this.updateDate();
             void this.calendarElement.setValue([fromValue, toValue]);
         }
         else {
             const date = this.stringToDate(this.inputElement.value);
+            if (!this.isValidDateFormat(date)) {
+                return;
+            }
             this.value = asIsoDate(date);
             this.updateDate();
             void this.calendarElement.setValue(date);
@@ -365,6 +372,15 @@ export class GuxDatepicker {
             regexp
         };
     }
+    isValidDateFormat(dateValue) {
+        const { map: map3 } = this.getMapAndRegexFromField(dateValue);
+        if (this.yearFormat === 'yyyy') {
+            return map3.yyyy.length === 4;
+        }
+        else {
+            return map3.yy.length === 2;
+        }
+    }
     updateDate() {
         if (this.mode === "range" /* CalendarModes.Range */) {
             const [from, to] = fromIsoDateRange(this.value);
@@ -539,7 +555,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: '8ff0fc4c5bcc551bab506220890198d4d4b2a782', class: {
+        return (h("div", { key: 'f87e2f70d811273912f9b59f92ff80e883967d8b', 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: '52a32d2f44a4ea6d98c7978aae6cdcd6e23ddfb7', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'a8ffb4b56976c567f5ca5a1ec87227b52cedf758', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '1a291cbdbee48b4c20bf4651bc30d875c35f9da0', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'e47fbada9557f20098c5304452fc607f174a9ea3', class: "gux-icon-container" }, h("gux-icon", { key: 'b3872a8afe53a3c97adfd5071e6657c92fb234ab', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'bc4c58debb7724169393a3190b86897e00624a91', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'd364a25af3774c9a5b1b875f67b5c079e9896ce6', class: "gux-icon-container" }, h("gux-icon", { key: '19a11178f5af1077843821b011c10f15004bc474', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -368,7 +368,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '9e7bd1a3ef412ee6ac9548e1822e7ae1c75808b2', 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: '1132809cbe653cbcc917a87ce921448e6e135bdc', 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.js

@@ -36,7 +36,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '4a4ed523b1fa1d5b0b13392febeaec12ca1355de', class: {
+        return (h("div", { key: '70d16b8aca11082c935a127018de2c3c54d302f1', 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

@@ -68,21 +68,6 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.gux-field .gux-field-content .gux-filter .gux-sr-only,
-.gux-field .gux-field-content .gux-selected-option .gux-sr-only,
-.gux-field .gux-field-content .gux-placeholder .gux-sr-only {
-  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
-}
-.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),
-.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),
-.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active) {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  white-space: nowrap;
-  clip-path: inset(50%);
-}
 .gux-field .gux-field-content .gux-filter {
   position: relative;
   block-size: 100%;

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

@@ -348,7 +348,7 @@ export class GuxDropdownMulti {
         return selectedElementString
             ? [
                 selectedElementString,
-                h("span", { class: "gux-sr-only" }, this.placeholder)
+                h("gux-screen-reader-beta", null, this.placeholder)
             ]
             : false;
     }
@@ -362,7 +362,7 @@ export class GuxDropdownMulti {
     getSrSelectedText() {
         const selectedListboxOptionElement = this.getOptionElementByValue(this.value);
         if (selectedListboxOptionElement.length) {
-            return (h("span", { class: "gux-sr-only" }, this.i18n('numberSelected', {
+            return (h("gux-screen-reader-beta", null, this.i18n('numberSelected', {
                 numberSelected: selectedListboxOptionElement.length.toString()
             })));
         }
@@ -416,7 +416,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '122a2f4a753ac77cc58d165dba12acc9fb526bc2', class: "gux-dropdown-container" }, h("gux-popup", { key: '3debe4bc143b13fa89588fb542a56e259ac1e208', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '20b610bc0117fc674534353acbf7b2aacef29c50', class: "gux-dropdown-container" }, h("gux-popup", { key: '6215298e3de43846cc0ac14bef5cf0e4f094284a', 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.js

@@ -183,10 +183,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'f7af5f029afc5a78013950650d3f38235c5d83c5', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'ebb453f9409ccc1202d0ab1a9a80a6f0b13f9747', ref: el => (this.announceElement = el) }), h("span", { key: '54493f4a40de77bd5d02e11c4dbefb9c25474855', ref: el => (this.targetElement = el) }, h("slot", { key: '0f9375667e4fa5d88426ce22804284e48cff3c4d', name: "target" })), h("div", { key: '2cb8985112e63facc42bc8ae9763f45600a354e8', class: {
+        return (h(Host, { key: '976af61e41e04fa4991059a2cff61f2333aa009a', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'deccb510fcf0dcb5c2910e2741681a5cac689468', ref: el => (this.announceElement = el) }), h("span", { key: 'ef5b926ab0c1ebb68ecf8df32f456a0503651bf3', ref: el => (this.targetElement = el) }, h("slot", { key: 'bf3905fd588df60fee5e1aace7fe1df0c13ab659', name: "target" })), h("div", { key: '32b3b2bedd306db986e467309bd907d34fd85a0f', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '5757dfd8b8ba8d81d2b6261557bceed20403af02', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '982cd1c491a0b4760587738f95075fdb79811611', class: "gux-arrow-caret" })), h("slot", { key: '9fd12909b2da4d8d2cf7b17035db595444608ce4', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '2dcf06347bd9d3cc0b8fc57c5656902d1935ddc3', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '8b9d3a515368fb529f454474b8cfed25394b25d4', class: "gux-arrow-caret" })), h("slot", { key: '6f3425cbe68e0bf79e954f2f845a920ca8da9bc6', 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

@@ -31,7 +31,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: 'e6ec763d330e9da50cf5321d10efae5174af3381', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '275da6535150198315e468ba91450bde2c4016f3', class: "gux-menu-option-button-text" }, h("slot", { key: '8cea69595400d9816d44f59304c5a7673d9a230a' }))));
+        return (h("button", { key: 'f28e3b83454bfbeae570614736047b5db7900f9d', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'f6264ac936c07ef2e3f9cade2c9f7747ca4e9cd1', class: "gux-menu-option-button-text" }, h("slot", { key: 'b6accd26700be2996c4ac86931a68c8187b0c476' }))));
     }
     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: 'bb81539879dc73c57147da46f8064b71a7594ef3', role: "menu" }, h("slot", { key: '5b10b8e5ff51b6bfd6c6515498138122aabf4fdd' })));
+        return (h(Host, { key: '3ba0c4964f9277ac4fd0d9a1970dfa22487248f8', role: "menu" }, h("slot", { key: 'ab49d841e627c348b63c5fdee84a6c7f31c70673' })));
     }
     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

@@ -142,13 +142,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: '5fb3dc0d18d4f8a88c37939e0387adf35e459dc2' }, h("button", { key: '93f347efa2bfd52c72d1312560dd88a8d748ee71', type: "button", class: {
+        return (h(Host, { key: 'c61815bf174fe4b45f1e8d7b8d33ed9a449de24d' }, h("button", { key: '83526742a9350db5e8e682d08a63cde990fb467d', 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: 'bbdcd28b6b3651b2b4e64d5c5b75ada3bded1784', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'ba71bc755f7b881a960426583d57467a09d40bf0', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '3b07734d1f4b3f2f16fca3ad4a501a30de9a8549', 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: 'd0708197fc7a9f20209ee674d7e312f6343b2a62', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '81198db6d37cbf58c3e5cb5c717a814fbd76548a', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '9885360d93de22475c95202cb2cfddd4e74f4558', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '53522fcdaa4c1644d051323f6218f4fe42313e5c', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'a547264bf7d542b9c75d1d8e22ddf4708e4ecafd' })))));
+            } }, h("div", { key: '5239e9a7942fb41dca3652f57598462f75fa36c2', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '4492bfd5fb5bf962d3dfbfeea3353ab28e93275e' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }