genesys-spark-components 4.186.1 → 4.187.0

package/dist/cjs/gux-cloud-logo-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C1LZ-Zd8.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var index$1 = require('./index-CjUBUVCO.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -34,7 +34,7 @@ const GuxCloudLogo = class {
         }
     }
     render() {
-        return (index.h("svg", { key: 'e45930fad4a8a94336b45da49e102817b66e4945', class: {
+        return (index.h("svg", { key: '7804dd5d41a17ef3253b55d45206433182c22654', class: {
                 'gux-monotone': this.type === 'monotone'
             }, xmlns: "http://www.w3.org/2000/svg", viewBox: this.viewBox, "aria-label": this.i18n('genesysCloudLogo'), role: "img" }, this.renderPaths(this.layout)));
     }

package/dist/cjs/gux-cloud-logomark-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C1LZ-Zd8.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var index$1 = require('./index-CjUBUVCO.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -22,7 +22,7 @@ const GuxCloudLogomark = class {
         usage.trackComponent(this.root, { variant: this.variant });
     }
     render() {
-        return (index.h("svg", { key: 'f309da3d69edee9695957393a982dd7a7807d253', class: `gux-${this.variant}`, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50", "aria-label": this.i18n('genesysCloudLogomark'), role: "img" }, index.h("path", { key: '3ba9f456fb76011caed0b9ad31b71046b74297b6', class: "gux-background", d: "M50 0H0V50H50V0Z" }), index.h("path", { key: '8e2429fcabb75a5456453e2f64014983e35f4cb2', class: "gux-foreground", d: "M29.283 11.5234H20.6388C17.1517 11.5234 14.325 14.3502 14.325 17.8372V17.8967C14.325 21.3838 17.1517 24.2105 20.6388 24.2105H29.283C32.77 24.2105 35.5968 21.3838 35.5968 17.8967V17.8372C35.5968 14.3502 32.77 11.5234 29.283 11.5234Z" }), index.h("path", { key: '52441fac21628323ca6c6f15430d08e23f3aab28', class: "gux-foreground", d: "M23.4827 32.6137C23.4827 29.3995 26.0884 26.7937 29.3027 26.7937H39.878C43.0922 26.7937 45.698 29.3995 45.698 32.6137C45.698 35.828 43.0922 38.4337 39.878 38.4337H29.3027C26.0884 38.4337 23.4827 35.828 23.4827 32.6137Z" }), index.h("path", { key: '7cd3748bb675c32828abf4d42b915857d49a3256', class: "gux-foreground", d: "M4.29688 32.6137C4.29688 29.3995 6.90258 26.7937 10.1168 26.7937H15.0798C18.2942 26.7937 20.8999 29.3995 20.8999 32.6137C20.8999 35.828 18.2942 38.4337 15.0798 38.4337H10.1168C6.90258 38.4337 4.29688 35.828 4.29688 32.6137Z" })));
+        return (index.h("svg", { key: '78cdf127598bb5fdf5f391339ca49754252049d8', class: `gux-${this.variant}`, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50", "aria-label": this.i18n('genesysCloudLogomark'), role: "img" }, index.h("path", { key: '6d6e8ce118a5ca657e24bc1c93e75a200c858739', class: "gux-background", d: "M50 0H0V50H50V0Z" }), index.h("path", { key: '96982a4121bce6f87d87b661e092164794005a2f', class: "gux-foreground", d: "M29.283 11.5234H20.6388C17.1517 11.5234 14.325 14.3502 14.325 17.8372V17.8967C14.325 21.3838 17.1517 24.2105 20.6388 24.2105H29.283C32.77 24.2105 35.5968 21.3838 35.5968 17.8967V17.8372C35.5968 14.3502 32.77 11.5234 29.283 11.5234Z" }), index.h("path", { key: '5f0af376c355137068301f7de450de9964e58654', class: "gux-foreground", d: "M23.4827 32.6137C23.4827 29.3995 26.0884 26.7937 29.3027 26.7937H39.878C43.0922 26.7937 45.698 29.3995 45.698 32.6137C45.698 35.828 43.0922 38.4337 39.878 38.4337H29.3027C26.0884 38.4337 23.4827 35.828 23.4827 32.6137Z" }), index.h("path", { key: '5985c6c8ce040826181fb24d7a7f4c4c86d68101', class: "gux-foreground", d: "M4.29688 32.6137C4.29688 29.3995 6.90258 26.7937 10.1168 26.7937H15.0798C18.2942 26.7937 20.8999 29.3995 20.8999 32.6137C20.8999 35.828 18.2942 38.4337 15.0798 38.4337H10.1168C6.90258 38.4337 4.29688 35.828 4.29688 32.6137Z" })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-column-manager-item.cjs.entry.js

@@ -151,14 +151,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '6d9407f9a83665ad211578bd71092c8819bcb399', draggable: "true" }, index.h("div", { key: '7de5359beff1e462dd133d31a4c778204b0a3f5f', class: {
+        return (index.h(index.Host, { key: 'f2cd78c117f774e87a90de253a607ce1176ea52b', draggable: "true" }, index.h("div", { key: '828474c457c8c2603e8797afc13d47c3ce951458', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '6dfe4fc21eada9b5374ccb94cdb2473e52256b22', class: {
+            } }, index.h("button", { key: '0783664045ca9999af0f767e635acbb2460f2f4b', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: 'cddbf4d959270062c6b43190eed5c6124484253a', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '28875a8fcf4d8e03734afbac8379be76916ac236', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'c2c96def2a01df9922a2a5009fad8fec49442775', class: "gux-select" }, index.h("slot", { key: '1cbae9f6ab0aa51925b5a96300d3e88f92ce067b', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: 'b8e550c27b37e7fda2abf7e74489b8d72058fd91', 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) }, index.h("gux-icon", { key: 'd6ae4ffe0dcc6be631da62f60a701a47836ea8e0', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: 'dcc7e788afd52e66291cdd925455f0a4d005f7eb', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '417c1440be57c011c1badc6daf3784e3aa8e1bf9', class: "gux-select" }, index.h("slot", { key: 'da570867c0909992d5f00c06ffd2c3717dd94198', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '8a42e0702ccb7df121c1c8f98a26ed9d92d842a8', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-column-manager.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-C1LZ-Zd8.js');
 var index$1 = require('./index-CjUBUVCO.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var guxColumnManager_service = require('./gux-column-manager.service-BdAzD8uK.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./clamp-BlDLYO0F.js');
@@ -112,7 +112,7 @@ const GuxColumnManager = class {
         return (index.h("div", null, index.h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), index.h("span", { class: "gux-sr-only" }, count === total ? (index.h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (index.h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (index.h("div", { key: '40b00dccbbc3b9dd2d79f0a7e558a592e7a647c3', class: "gux-container" }, index.h("div", { key: 'b5fb241078d0acb83118b016e3b667fc54e2f31b', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '2eb3f96dc3f109dcca02466eff1d9038ea2dceae', class: "gux-search" }, index.h("gux-content-search", { key: '8c86cce49bb3ef53bc548c60bd80d1ca648f1a11', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '3d9a303ef7e13e3bf049009616d78ac03fd268f3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '2fe55a8bc3f231ee7901723912c6e2f439ea27f6', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'd5460b9363adb42f5a59b03771850aecdfa9ae08' }, index.h("input", { key: '93d46d6f32a95b9e38046e95ac419b238ce0cec2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '2bf04216379485802176367913dfb3943a7f7aaf', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '77332327dddcdbd52f4d4fdfd7779b2eb86dd347', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '1afc970e4de08ab42a607d790a3ad25c4f816c8b', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '5923c285545fe76641d276e51e7f257914912b7a', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: '0b2c8f0a66cca67325c3d58f325d1a2f5365612a', class: "gux-container" }, index.h("div", { key: '7bf3280cb92a91ca35a95e89ede8f3b622169a7d', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: 'b54577048da6aaff0b13847761df5a01b6cbc2e2', class: "gux-search" }, index.h("gux-content-search", { key: '0a762fdeffef88877252832b6a6c342836c6c24c', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'b1dd9eaf293f4f6493b55977970a27b677b9951b', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'd13677890f61d9c2acfd205b9c5fcb637fbaa4e5', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'd8d2c203dab6ada51ff810404e7d2c5234f7b8b0' }, index.h("input", { key: 'a9bae443ea1e263e71f76c806c4f8f97a03711c7', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '906214e2ccd42eb232b3e0a709984eb361e28afe', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '484e7774568e0122aeafdee59d452dc47838e4a2', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'a7632a59deb498f81d5f51a1a6e7596e167d4c53', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: 'b839ad07457d0404e3fe7d007fbd4437ce3a30b7', ref: el => (this.announceElement = el) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-content-search.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C1LZ-Zd8.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var index$1 = require('./index-CjUBUVCO.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
@@ -67,10 +67,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: '63572ad234bac3b3b9f681995e91adf7eb54f414', class: {
+        return (index.h("div", { key: '7aaeebd634cc4867e69b12a05c509e876e65f74f', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '3cd33bc529e14d1ffbbadcbdcab3f26a7195033f', class: "gux-search-icon" }, index.h("gux-icon", { key: 'c1b2f73a5bbc7e8e860f5dfa7738c61ff08d023c', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: 'b2b977e60fb69886ff85be6911d212513cc3afd1' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '359b4f7bab27f2405f921c1dd0c0a7b906f300c5', class: "gux-search-icon" }, index.h("gux-icon", { key: 'b2c55637d3cb011938208976fef8db8e24da5fcf', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '7032861829a3edd04d7d527415b447112e1747c7' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

package/dist/cjs/gux-context-menu.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-C1LZ-Zd8.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var index$1 = require('./index-CjUBUVCO.js');
 var onClickOutside = require('./on-click-outside-CXDzyPsA.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
@@ -146,8 +146,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'bd1eaa8a09307fe0b60382908b6979863bab69a7' }, index.h("gux-popup", { key: 'b421a91f27fc08d60b560bc25f5a5a003257c9b4', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, index.h("div", { key: '123af2600cfa9c9a75fc58be7c660b66bd38aaf1', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '5057daf882f0fb9e9c1c68f58ee0508322b75df0', accent: "ghost" }, index.h("button", { key: '82fe5034eb87923ec8be7e0bfbc87a0f55f392ef', 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 }, index.h("gux-screen-reader-beta", { key: '14793aafd38222372bc11ae85a08a259b6e35cd3' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: 'e18167df43a3c760b67f0333f1ab22cf94141f1f', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: '26e208572fbc62b91feab22d7e77e7365105c6a0', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '282dcf2e475722ce1612ac45ad371cc0618f164c', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'a2d238931c1e69fb371fa1bcf31cba104dfe7833' }))))));
+        return (index.h(index.Host, { key: 'ec21cee5229d03d954215fa1cd9c7d4b0d13bc5c' }, index.h("gux-popup", { key: '9a7913e35b2d0d589b17450e8351670927d2be37', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, index.h("div", { key: '3e3e37be9a5c16bf503aacdd1f33d8fcc2e8b10d', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: 'ff699d4e303a6792ab4c943255c10d30f732501e', accent: "ghost" }, index.h("button", { key: 'a64f24c3a96e547fc3922f965ac55895397f83e1', 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 }, index.h("gux-screen-reader-beta", { key: 'ad3cba0c48dd03055f0c421aa1c579b6a8f9f141' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: '355308539f9feb0272213912070a5a83b67ff3c8', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: '8dcc7575c24e8fa73f54929da55ad607c483f568', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: 'de92533b2acffee5b5cff4842be78210a29bfd40', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '4eb78e3b5e73f013ecbda35005fafba6d5e93dd6' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C1LZ-Zd8.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var index$1 = require('./index-CjUBUVCO.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -64,7 +64,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '54619cdcafae85606ec0bc28e26e4412c1fe0449', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent.getSlotTextContent(this.root, 'content') }, index.h("div", { key: 'bdda0698b53008fcb128607fb9d48439223fe15c', class: "gux-copy-content" }, index.h("slot", { key: 'eec8dea065427cebfc089d5e9a02f4cdc9ed882a', name: "content" }), index.h("gux-icon", { key: '464b0f7be9ac164d1da7b9d76ed0e6fd01ebdf28', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: 'e4ab87600485394543ac4e08917231bc6199a9d1', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent.getSlotTextContent(this.root, 'content') }, index.h("div", { key: '792fdd6405f84d3812701cb3c5858136aaaeef10', class: "gux-copy-content" }, index.h("slot", { key: '61acedea804d404d08ec6802f6f632d66c556f5b', name: "content" }), index.h("gux-icon", { key: '0e4960438dce436f33bba049e6bdb6509d23d5ed', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-create-option.cjs.entry.js

@@ -46,11 +46,11 @@ const GuxCreateOption = class {
         return (index.h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: 'a952cc8f49e7fee60e4ea4ce823ef08f05bd1248', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '61a93e06bff2a61ad5609969e65894136913dc96', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: '71bff1ab2831f99fd51f8387382cfd3dcfda2c75', class: "gux-option" }, index.h("gux-icon", { key: '888ea5a49e23558361f68fe6b21bd496bb9de1c1', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: 'aa201d37ac115b2318a2e30c329663852d5ba8b7', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: 'f09b6c50ebb109d49875b079329230c23c21f6cd', class: "gux-option" }, index.h("gux-icon", { key: '5073724a016f254ea5abd4f4fa87fd969eed664b', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '70192141244d7ce1568821b2ca0470db2b4ee8a4', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/cjs/gux-cta-group.cjs.entry.js

@@ -74,7 +74,7 @@ const GuxCTAGroup = class {
         this.validateDismissSlot(this.root.querySelector('[slot=dismiss]'));
     }
     render() {
-        return (index.h("div", { key: '5576ee99bcf6a2ff0c226876e6cc00295155e4db', class: `gux-cta-group gux-${this.align}-align` }, index.h("slot", { key: '468e43fa8cbbff075886c971495d20c4579eb321', name: "primary" }), index.h("slot", { key: '447fd8ce5b2c9cd176eb4408e9e29773364bfcef', name: "secondary" }), index.h("slot", { key: '807bc66212269fcf96bb0c8fb50fe1a2fb37e35f', name: "dismiss" })));
+        return (index.h("div", { key: '1a13e0cbbec482fe85735ea27f724d2b3fd64dcf', class: `gux-cta-group gux-${this.align}-align` }, index.h("slot", { key: 'd2c23840e405df9a15f989fad7b6db8057412832', name: "primary" }), index.h("slot", { key: '57e6352df29b3dbf5ae0dbec74454bac2d74bab5', name: "secondary" }), index.h("slot", { key: '33d077ed94e57849ae71ba5cac3b0717f5551e59', name: "dismiss" })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-date-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C1LZ-Zd8.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var getValidTimezone = require('./get-valid-timezone-wrCyyRlV.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
@@ -46,7 +46,7 @@ const GuxDate = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5315f6a363a5e70f1fc4d738070c62a8da43d9dc' }, this.renderDate()));
+        return (index.h(index.Host, { key: '47ce4513847c45d644afd9ee4ac3d97ce3ab8090' }, this.renderDate()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-date-time-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C1LZ-Zd8.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var getValidTimezone = require('./get-valid-timezone-wrCyyRlV.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
@@ -47,7 +47,7 @@ const GuxDateTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '37765f697ec0251640334a139a449d98fd690145' }, this.renderDateTime()));
+        return (index.h(index.Host, { key: 'd27f9276ad3cd26f5326d35d0f178df2d4e98345' }, this.renderDateTime()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-datepicker.cjs.entry.js

@@ -6,7 +6,7 @@ var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var isoDates = require('./iso-dates-B-hZmvim.js');
 var onClickOutside = require('./on-click-outside-CXDzyPsA.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var index$1 = require('./index-CjUBUVCO.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
@@ -677,7 +677,7 @@ const GuxDatepicker = class {
             } }, index.h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), index.h("div", { class: "gux-datepicker-field-input" }, index.h("div", { class: "gux-datepicker-field-text-input" }, index.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 (index.h("div", { key: '83d40dc06ae31ac587af06be521dc77740eec320', class: {
+        return (index.h("div", { key: 'e44976f9fc47f907642306ee3caa6a5426756c20', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/cjs/gux-day-beta.cjs.entry.js

@@ -61,7 +61,7 @@ const GuxDay = class {
         });
     }
     render() {
-        return (index.h("button", { key: '00137b970c9b0bb073a4a2e8d91342b6aa84e5d9', type: "button", disabled: this.disabled }, index.h("slot", { key: '880af6fd3e5ed42cdb03db8ab33838ee90e2228d' }, index.h("span", { key: 'a7f5c5264e46e9f55023453af83f1f54bf1bf086', "aria-hidden": "true" }, this.date.day), index.h("span", { key: '8ddc339f1c24137f487e6e3fd0fba1366605fe27', class: "gux-sr-only" }, formatPlainDate(this.readerFormatter, this.date)))));
+        return (index.h("button", { key: '2d8305937c7a53c11099218aaca046d3d934789e', type: "button", disabled: this.disabled }, index.h("slot", { key: '74f5bf6960078fe2fb6eb8c5bea1512704af8d5b' }, index.h("span", { key: '2b69325ccee65e6e2c969d7fe27081ec2bcb656a', "aria-hidden": "true" }, this.date.day), index.h("span", { key: 'eaf3c54e0e9bc3b297ca1259250e3bc8abce0804', class: "gux-sr-only" }, formatPlainDate(this.readerFormatter, this.date)))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-C1LZ-Zd8.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var index$1 = require('./index-CjUBUVCO.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -55,10 +55,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: '0b8cea3a84571b4fe3f17b3014d23cd633ec5b8b', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: 'a0c5ec5d60732c45cb6dfc1ded29cc3606e5506c', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, index.h("gux-icon", { key: '341914ea5445ca35182df6cd9278f01c9834d48b', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: 'e0bf29da162a53397fad88b59c854b4830d51cea', id: this.panelId, class: {
+        return (index.h("div", { key: '4007fc3f816b7d6bb0eee60e8257eacdfdcac44d', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '5d1a4bd9cc93246c63a3256fec2daeea75506ff7', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, index.h("gux-icon", { key: 'bffcda543cb32797bf65eaaafa0dd782f4a9c07f', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '2f3c31f65f797d6077407d1182666224e7c7611c', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: 'ac46464c66fc5e05b203c4db108241820ec1d323', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: '605a646db0cd06bc76c52b2aad40765506a209f9', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-dismiss-button.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C1LZ-Zd8.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var index$1 = require('./index-CjUBUVCO.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -23,10 +23,10 @@ const GuxDismissButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '1a7708b59c70c79ed919e2873fd4f153ce901c10', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: '4dd36dc32b0affd8026366ae45220e9e2b4bcb33', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: '08fa407f754962c86794799450e3f45a38f97fd2', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '32fc71dfe0fdbe09451cde2cdb44b976ab8d9ebe', class: "gux-icon-container" }, index.h("gux-icon", { key: '0c1750a285a74832382a28c85b889d166b53bd0b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, index.h("button", { key: '44e2ba7d724cce5d899af0b64bba18ededfbac2e', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'a12e9252fc5d7740a431e93a47c1559b7ab9150a', class: "gux-icon-container" }, index.h("gux-icon", { key: '6c95aeb37174259a4dd9cf6b13db5d6418bedc0b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js

@@ -48,7 +48,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '42492d83dbea4a38dc4bbe0652380c66ab4bf7d7', class: {
+        return (index.h("div", { key: 'f0c0d9968836e31c4c6ba96fcdbcfc28c514c3ac', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

package/dist/cjs/gux-dropdown-multi.cjs.entry.js

@@ -6,7 +6,7 @@ var index$1 = require('./index-CjUBUVCO.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var onMutation = require('./on-mutation-Bpt2qL-s.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -437,7 +437,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '0e869259af3b4f43473cb563f169784269dec749', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'ca1c40874385c904dbb3f97f1cd7f4f953e2a4cc', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            index.h("div", { key: '49ec4d58b2ba018871c575ed610666305957df7a', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '2aca6903d81aec24795163038b47812a2214fb89', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

package/dist/cjs/gux-dropdown-option.cjs.entry.js

@@ -55,7 +55,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (index.h("div", { key: '30e6345cc3bccba138c8a65d9be617507e642b37', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: '9604ae8bdae08b96511463f5eec869b1c86ba892', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

package/dist/cjs/gux-dropdown_3.cjs.entry.js

@@ -6,7 +6,7 @@ var index$1 = require('./index-CjUBUVCO.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var onMutation = require('./on-mutation-Bpt2qL-s.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
@@ -382,7 +382,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: 'c2672a5985e694e0e6ed7789efe0282619cfb56f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '2bb3ff99d9c209b939208b34e0b1ce31085deb6e', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -607,13 +607,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: '1cd58023d7aabfe7be14cc2b1ba8128ee79ad75f', role: "option", class: {
+        return (index.h(index.Host, { key: 'ec21be1002f3280612de75e37db95eb6972593fc', 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.getAriaSelected(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, index.h("div", { key: '77a46069a8a6d24ced60cd9f3f3098f8b562c895', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'a77b3bb3b0a9356d9f4e75a28ae325beaeb304b3', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'b73597354bcd5e4c904cb0d35a60019f1f057d75' })), index.h("slot", { key: '28893950327aed82016a5f0584228b5838550906', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, index.h("div", { key: '69c26d456a4f74f169b2018fd03525299fa5149f', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '1c3c096df3bd18259cade9903165839d681377a4', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'f03c6a93e3d1764634aef45e40069e3be586c88d' })), index.h("slot", { key: 'd15ee648db04cd5ee3cd065abbb0dedf9a631c3b', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-file-list-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-C1LZ-Zd8.js');
 var index$1 = require('./index-CjUBUVCO.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const removeFile = "Remove {filename} file";
@@ -29,11 +29,11 @@ const GuxFileListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '74a67e3eb8594b03e2e51107ba5d253bf6cdc358', class: {
+        return (index.h("div", { key: 'b47aba3e75a09821c83dcc3499298ab6a98b38ed', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '982761871ea387f92c3f4043029a17e829e6d0da', class: "gux-info" }, index.h("gux-truncate", { key: '7ec0bc6695144d62d316e1be0947be6991310661' }, index.h("span", { key: 'da1dc4d9381b52ed0d837fa343225b80b5fdbd2a', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: 'b36058c180ead4995b4bc14ac607f59b979cf75d', class: "gux-info" }, index.h("gux-truncate", { key: 'd8683f76ea7ec4f85f81b5e369bf344ef4c112a6' }, index.h("span", { key: '080063807fb5d76643be9d75614fcff140183695', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

package/dist/cjs/gux-flag-icon-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C1LZ-Zd8.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var index$1 = require('./index-CjUBUVCO.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -516,7 +516,7 @@ const GuxFlagIconBeta = class {
     }
     render() {
         var _a;
-        return (index.h("span", { key: 'e488c774dd3b3063cfd8a09ac5cac04ed48e1ca0', role: "img", class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.getLabel() }));
+        return (index.h("span", { key: '2fa7c48d91b5581d5ac27931eb197a52813917ea', role: "img", class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.getLabel() }));
     }
     getLabel() {
         return (this.screenreaderText ||

package/dist/cjs/gux-flyout-menu.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-C1LZ-Zd8.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var guxMenu_common = require('./gux-menu.common-B8_9UAPe.js');
 var index$1 = require('./index-CjUBUVCO.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -190,10 +190,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd893f20c48ecbc0c53f9319f8deadf3a428414cf', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: '35d32a4b15afd7c0fb996a97c1f68b7db8f40555', ref: el => (this.announceElement = el) }), index.h("span", { key: 'a34f3e5d8fc034acd1ffc90abc46d508f85a0f60', ref: el => (this.targetElement = el) }, index.h("slot", { key: '4ecf54d39a0d05cdec319e5025b92c39358d9b99', name: "target" })), index.h("div", { key: '05383a9bb129a126c92b74840685a1585244c763', class: {
+        return (index.h(index.Host, { key: 'f44087172d523b19565862d887af62c87703d195', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: '3c7a54c210b50b5d865ae63ce946ad1cea19f4d8', ref: el => (this.announceElement = el) }), index.h("span", { key: '5b993a7d3d0b5ecb0de0c7775a102a5ff48e4f13', ref: el => (this.targetElement = el) }, index.h("slot", { key: 'fd2317898eeace1aace1e1100d7c4cb62cccaf08', name: "target" })), index.h("div", { key: '33fef6a19029d6f52e0b751bae14001ab43ea3ac', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: 'daa499414605600957060b3837a0a2b743d85834', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '8c38119f8a339a3d4bef713fdb663a5ee2071891', class: "gux-arrow-caret" })), index.h("slot", { key: 'e34b4d2b8d82f78ca3b6121626f511c6209ab209', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '9124f04d2e45a8def507545d4d85c923ad63851e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '0ec8d0aa4c296241ca7849f787b39de7988c6e58', class: "gux-arrow-caret" })), index.h("slot", { key: '88c0caad6367e10633cb003f2e6f2c974e88a77a', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-form-beta.cjs.entry.js

@@ -7,7 +7,7 @@ const GuxForm = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: '3c3232e7936c953ba4ec7c084a51deed16239d67' }));
+        return (index.h("slot", { key: 'b58d344688d69633370ea9ab2430371df41dd493' }));
     }
 };
 

package/dist/cjs/gux-form-description.cjs.entry.js

@@ -9,7 +9,7 @@ const GuxFormDescription = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: '2a39cd5d6d31740244e563f91cd28242e2f45b6f' }));
+        return (index.h("slot", { key: '00c36de387915b027f0cff1b7ab5fe9811583f1f' }));
     }
 };
 GuxFormDescription.style = guxFormDescriptionCss;

package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js

@@ -9,7 +9,7 @@ var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-DDS9BG7u.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 function setAllCheckboxInputs(root, checked) {
@@ -194,8 +194,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '8b23a6004b0b565409f77c8d8f76268777e4a46a', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '8db961d61792294a029105c59e6c6899cc0f824a' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '122b2a5e72978b9270d18250deca99aeab059964', position: "above", required: this.required }, index.h("slot", { key: '672ea692498842082ce1280e14b73e076985873d', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2c1265810dd5e1493c16d6d38e6c649eb211adc4', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '21198558848aa14c73100f96f5d24e0174e34ca8', name: "group-label-info" })), index.h("slot", { key: '24253f95315f0c3772af65205841142f24f55c3f', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '454967df941b0b97105fc9b0d9570e068123eb6c', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '2f202060aef97b2a3b0102141208519de48e2fcc', show: this.hasGroupError }, index.h("slot", { key: '9218a8634edc62dc2858c7a5fae894884e86d3fa', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c8f856367bf01b0549c4d85f767daf4904b61e32', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '88d4a2a31f3900876ddfedf0e159bf483058e388', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '0008f4306145c9b51e9d946841c2ca1eeef7717a', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '3cb512f031a686e2b7dbbea0e53cf2e97f36602a' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '016ad5f0eae620e3a7303fc54425ed36d69bfd32', position: "above", required: this.required }, index.h("slot", { key: '5a311e17c633931176d3cd58f8db53fc17da5b34', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6547086df5b74d8c3d8d87be3ea47cb5d6e004d9', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '81b27b9717495e267b11f5dec0d8723c46d6e7ce', name: "group-label-info" })), index.h("slot", { key: '584266bcedb775c2c9b27dedecde891a90b91992', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '86eb6597cb91cde530d564c99f6d971f600eeb0c', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c875b2f283b6040e19cd0fa245db6ad160ebbb84', show: this.hasGroupError }, index.h("slot", { key: 'c421bad73080cf0156215ae3caa225fe7bfafc5a', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7bff612fbfe739d91631d2c810df2c2672151b6d', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '5d23155a3bbb4edec3cf985bc19c88ba3d924544', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/cjs/gux-form-field-checkbox.cjs.entry.js

@@ -6,7 +6,7 @@ var onMutation = require('./on-mutation-Bpt2qL-s.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -49,10 +49,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ac4c350f3740263e087855405893c8591473a343', class: {
+        return (index.h(index.Host, { key: '4d9630ede06fb0989481b0f589def995c272d4a4', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '9023cfe2c3a229ee02eb17400be384f4cbf3233b', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '50a2e44fa492a7ec498a9bdba632b6218a7417c1', class: "gux-input-label" }, index.h("div", { key: 'b05f4cff4e554ec83c54e25bffde8069d78e5415', class: "gux-input" }, index.h("slot", { key: '56084fd218eb3abd754c5895651f6810d6896d21', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '3ece0f8d2c67e58e4bc94f712feb99078169387c', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'c3aef0651560c3e59249f858151b0853471f631f', name: "label" }))), index.h("div", { key: 'a18261d9885b2d5c47446e1622e7d900763c2d71', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '24254244b3e22931e9ea21f018427edfc4abb9df', show: this.hasError }, index.h("slot", { key: 'ec6bc633e1b9ee7fbd8c4f93291a6ac8ab3021a3', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'db3d45cde0904532a1e1167005ede49b34037836', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '593347068a3eea028e92ad19d29f82c0e0bf872e', name: "help" }))))));
+            } }, index.h("div", { key: '092cf0d03dcfec769c442a2ae0ae839fd51e23a0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'a70e4938842857fa1197e0e27fde900531931c53', class: "gux-input-label" }, index.h("div", { key: '56a26456c1874e6b95e8a9bcebd24ad00c81cba3', class: "gux-input" }, index.h("slot", { key: '1977afce7fe112fa5fd9fffdd932b0e9726463d7', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'a2c123ddbe72a247009b57f3165db8b5999a8df4', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '7953cee6f008f3b4e7d5b26efe0055447c21d48d', name: "label" }))), index.h("div", { key: 'fc6601d65352a4c5b3c51cb868f38272950808e2', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '3a41894d1e687f8349caf6ce97e5db98dc85156a', show: this.hasError }, index.h("slot", { key: 'c7c0c4b9c87e86ccf49c1f0f88e53b7f7bb3ddf8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '40d43775a46cbc809b4f9ec1cee434a3f033924b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7285032fe39638e54f10166670f0262103b41866', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

package/dist/cjs/gux-form-field-color.cjs.entry.js

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
 var guxFormFieldContainer = require('./gux-form-field-container-C_ksnWvh.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -90,13 +90,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '009071e57535069390977cf3fa16634c6cfec3b1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a0fd7c2dc428b51420691343018640756785f4fc', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'db59300b54ae433e79aebd5ef1fc8e4550923c19', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'bb7b218d7a69c2259daeeec531b416dc06bd9d39', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '64839ceb647c9d3ab4ee253fbce623c34e30667e', name: "label-info" })), index.h("div", { key: '733b26f89217daa7ccd6e1f0b1389c693f9f55ac', class: "gux-input-and-error-container" }, index.h("div", { key: '19edb2af7d6a25f417aa1630f4dd3e34bd361d8d', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b0dff68fe51e564a03de305463201bda9b0e6a02', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '63047e23a939942a6c8c052b304c4e9c97f05ecd', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3dc3778704883f80e9c9095bff6e9eeb44b9b557', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'dc90b7fa687fde89265ce7f831aa0dc203bb5260', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0985e952104b7b4eb671d7e2d8694cba80de5d2d', name: "label-info" })), index.h("div", { key: '3dbdee93b27211f1cdadf3cabb8b41ed9c651105', class: "gux-input-and-error-container" }, index.h("div", { key: '1c93f6789571d4015631cd45bcd137333316c116', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'd247bade16d24fbde33c611f4c7fe51fdce8985d', class: {
+            } }, index.h("div", { key: '18d1bbbaf82b756aa81a0412da7ea6ab1eb4a420', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'bd3b018e1071a311102ea243511a19e0982005bb', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b03b984c0b3feaef0803a5f571afc56a3c37fcde', show: this.hasError }, index.h("slot", { key: '57801109ad4729741e45f1cb72cd2ba9fd54206c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9200f9e6c13fe5157cd03f1125de77936dc328f0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '93e90b066b4c0aa6132361133af439d0bf962c0c', name: "help" })))));
+            } }, index.h("slot", { key: '7f8a5b88d5f593a05d272c69deebbf57ecb46139', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b457a9c40422980f9f3f82b28ac8e5bbdfa286ef', show: this.hasError }, index.h("slot", { key: 'c46ba6ed3a74062df00e9c15ac0c1ddab1df7351', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '166ad2fbd5e9a4e52da024143686f86acd6a49bc', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4c9ff51d12dd65b521cad5fda710a1463f534a93', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/cjs/gux-form-field-dropdown.cjs.entry.js

@@ -9,7 +9,7 @@ var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-DDS9BG7u.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -110,11 +110,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '9133ae32d20ad4a621a0bbb7a94dc2f9e8ac613b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '71e21aa4cd76a7912b1a134da24b6eeca7613afd' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '1082853d5b066488e3fa4fd967fced44a630bd36', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'c485afd80404797870c381d2c7bc4874a38780e2', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4bf6fe4371dea4ca230c06d5fa92f515397631dd', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '82a497f939b66fd5e02c603418cddb2a1ff45998', name: "label-info" })), index.h("div", { key: 'b58671aff9f09554d4e787d20a68b459bcb27024', class: "gux-input-and-error-container" }, index.h("div", { key: 'cf6c229fe7eaacc9846171dcd8ab8efb22c25dd3', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '9b8e6f530c3b896b9a177f39a86dd342ad0fc88e', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '031877e650e52579b04c750a86f1381e8b700311' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '8f60ccb8842ade0059c9998f881b1001ef2fb346', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'c1c402deebbf59c0977b0ddefefc27ac905ca3bd', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '359e75b7f0559b66d23da4ffb7564227be74a73c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '356139fb417dae95e36187d8535b485a075cd198', name: "label-info" })), index.h("div", { key: '74355f1c441d776bbdf7066b66333d3258e29e8a', class: "gux-input-and-error-container" }, index.h("div", { key: '74964d2a08702dafcd6e65143c555629150441bf', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '7626416d34c71ffd354e5648731bab5262c26c15' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '10e61c6dc2062a99e6a5f56341b7736f5672be60', show: this.hasError }, index.h("slot", { key: '7f82f3c3c0594aa3c70aaa25b8ea665ae5fc03f1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '54f1c9da9894d8a6405e8f985ee174a6a9dc528e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '83ef12a54c7dd12750f980a8cad7627d0f1969fd', name: "help" })))));
+            } }, index.h("slot", { key: 'ae25e5ca93f4829c3454214a901fed8ff5491d4f' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '0bc8594363370e78b6253133c0753a5deda48ed4', show: this.hasError }, index.h("slot", { key: '0ee66b41925aac4e6471b7558df0317a9f2178fe', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0602a0988288d08558c9953b50fcb47cc9045dd6', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ef1bdf9597df3d19c6f065127a832abb2acff611', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition