genesys-spark-components 4.30.0 → 4.31.0

package/dist/cjs/gux-accordion-section.cjs.entry.js

@@ -50,20 +50,20 @@ const GuxAccordionSection = class {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (index.h("section", { key: '003d34ef4da6a07380219fb19a00607c561c4000', class: { 'gux-disabled': this.disabled } }, index.h("div", { key: '6c548967f4c455fad8d815b59fa44498248a68fd', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, index.h("button", { key: '2c23feec7bd009eb1a2331ef48e0c73248dbc0d8', class: {
+        return (index.h("section", { key: '2a58e71a34e93adb6380fce13b699c87419bf2fe', class: { 'gux-disabled': this.disabled } }, index.h("div", { key: 'a2d93a2a87dd23feeb984228d376e9067b8d1e1f', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, index.h("button", { key: '60353998f0e53d0a658b508166cc83b441106528', 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 && index.h("slot", { name: "icon" }), index.h("div", { key: 'ca04f1e14f41a7e54474be05bd73f2f88ac4c0aa', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && index.h("slot", { name: "icon" }), index.h("div", { key: 'c5fe127c874da335faf416e8c1f05bc07252a934', class: {
                 'gux-header-text': true
-            } }, index.h("slot", { key: '8336ef2c6d280c44f333f7d83f4035445f4d0ac5', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), index.h("slot", { key: 'ab492a1fc9665d6a6dbf48804165855a76edb368', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), index.h("div", { key: '9ee51f7b7fa7061526cad863fd435fbfaec3cf37', class: {
+            } }, index.h("slot", { key: '54238e218ed6d794afaf712a0cc00b9cb14e7b25', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), index.h("slot", { key: 'a6255e3e57addc3c676c60377585d5d0fdd23b4a', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), index.h("div", { key: '76145948b8ce5004e3588461a830f04e312492b2', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, index.h("gux-icon", { key: '9bc04db8ed98fc6002ad41864fd4369dc08c7d8d', decorative: true, "icon-name": "chevron-small-down" })))), index.h("div", { key: 'fec04f2961b7b0fd479621b01dc088eb353dbc4f', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, index.h("gux-icon", { key: 'c4c55775320d8381f30f620c2ebf1127478c0666', decorative: true, "icon-name": "chevron-small-down" })))), index.h("div", { key: '02d0cad854972af9a7ecfdb5534c2589f1502937', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, index.h("slot", { key: 'ad8eef37b3a116ed86207c7a057754e1468daf9a', name: "content" }))));
+            } }, index.h("slot", { key: '816524e5f64351de08633ac841b72ea843544ad2', name: "content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 const GuxAccordionStyle0 = guxAccordionCss;
@@ -42,7 +42,7 @@ const GuxAccordion = class {
         }
     }
     render() {
-        return (index.h("slot", { key: '04be6bd82e3683eaeee034922e20fdfd6ba7ae34' }));
+        return (index.h("slot", { key: '7ba0238eebc78708ce6b64f67907fa69168709c2' }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -6,7 +6,7 @@ const index = require('./index-7fb02c8c.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -141,7 +141,7 @@ const GuxActionButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (index.h("div", { key: '6144ff3ed47535253a8fb70990d27868a1b662b1', class: "gux-action-button-container" }, index.h("gux-popup", { key: '4789447bc0a07bd26c65a7ee0e2cc0c7e79c213e', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, index.h("div", { key: '2374bf5174fca9582fe5f7db561e9eca9b1e7cf7', slot: "target", class: "gux-action-button-container" }, index.h("gux-button-slot", { key: 'ecedf7c6b17bf70f95c38ccb37acf2e371560c36', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: 'aad85acd33ffa2bf7029b599b48a798fec1bb2cc', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, index.h("slot", { key: '89780a1bcf700cd32aadfdaed2b712e4bf679781', name: "title" }))), index.h("gux-button-slot", { key: '4487c28aac94fce990c30696cd8ca476515eacaa', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: '5d19437c1b96f2a98d6c004ceaac11ccd39dec5e', 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') }, index.h("gux-icon", { key: '8ef0c8d9fb06ee107a7d048fc3390215ef62819c', decorative: true, "icon-name": "chevron-small-down" })))), index.h("div", { key: 'b2c0e6e5f46bbffc2c43bdb632e2e914857a3de2', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '5621ed7a4b4fc95bb297d15da46acf9ec4029d73', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'd75bc14dc3bb4c36adbd345357e0c9a7fde90064' }))))));
+        return (index.h("div", { key: 'e7489e1fcadb95fc8be95415a488dad2644c8ac1', class: "gux-action-button-container" }, index.h("gux-popup", { key: '2c290d7713ac342c1e0929a2c6459e7b4a15caaf', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, index.h("div", { key: '39cc821dc7dcc8cc12d6d98c111b4a193077a500', slot: "target", class: "gux-action-button-container" }, index.h("gux-button-slot", { key: '719d63daee738017925e0b98562b65abb36f2872', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: '6ff029bf9bf8cf00356221f7c70281cf6775eba4', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, index.h("slot", { key: '07033bd406e3de131c61f841fdf0bc883d756dfa', name: "title" }))), index.h("gux-button-slot", { key: '6c5159f6b99a26be534798a2090cf53d3da0e82f', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: 'b4f587ceb080d8b0574c5c9c7f059c4892ac94bb', 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') }, index.h("gux-icon", { key: '631125577189d130afc4f804dcc1fd0a397784ee', decorative: true, "icon-name": "chevron-small-down" })))), index.h("div", { key: 'a165dceeaad3a6269610a3ffc12e9e1063e669c1', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '96bee11d7bcb9fec5eb07868e4150cbdd561e3c5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'f2e246b850e175757772f8bc271c59b8625798b3' }))))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-action-toast-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-lg-fontSize);line-height:var(--gse-core-typography-heading-lg-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-typography-body-sm-fontSize);line-height:var(--gse-core-typography-body-sm-lineHeight);font-weight:var(--gse-core-fontWeight-regular)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 const GuxActionToastLegacyStyle0 = guxActionToastCss;
@@ -16,7 +16,7 @@ const GuxActionToast = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '47b2597ede062b8d619e14accf7639ef8f829564' }, index.h("div", { key: '6f93ee09cae0fbd3a2514ff53bba17461122c7c4', class: "gux-header" }, index.h("div", { key: 'dc4a76acfceabd11f07fa4a034cbe353550e21e1', class: "gux-icon" }, index.h("slot", { key: '074f501439a2b7565c830459bfb9d4c488198139', name: "icon" })), index.h("div", { key: 'ebe347ab51c18661e1cce4914dede92f17298fb3', class: "gux-title" }, index.h("slot", { key: '6c2e7f297b654435cc8714485217d11f0826dd26', name: "title" }))), index.h("div", { key: 'df3e4b0cdedbf220d8a0be2633f21afda14fe11c', class: "gux-message" }, index.h("slot", { key: '88043629c2f7171fa2c33edfdc934403d05af081', name: "message" })), index.h("div", { key: '4890ceaf36b5c30e47fc799aa98e8594e4c5fa43', class: "gux-action-buttons" }, index.h("div", { key: 'ad7e3f04565b4ed5ab2a6d6f604fb7681458f992', class: "gux-positive-button" }, index.h("slot", { key: 'b2e5951c656f4fdb104d5132e11a3a1d24eb9cad', name: "positive-button" })), index.h("div", { key: '211ba0d6999fcdbdf985d11b37e224261030ee5b', class: "gux-negative-button" }, index.h("slot", { key: '840839dbe5452950097628d9e5abcfd61600c314', name: "negative-button" })))));
+        return (index.h(index.Host, { key: 'a883201df82ed095d8f4574357860659c77de0a4' }, index.h("div", { key: 'f8969f402900c487450fd08839f1840c962c210d', class: "gux-header" }, index.h("div", { key: '25f23f87e75fddd152605c147a07ab3a72921a99', class: "gux-icon" }, index.h("slot", { key: '568b7b930316116f2d1f3c714936dfe64a71030c', name: "icon" })), index.h("div", { key: '117c561b75c723a67f9c1a7edec46eae8dd753b9', class: "gux-title" }, index.h("slot", { key: 'ecd58a9eaa0610a457ccf78789ac5ef9838e51bc', name: "title" }))), index.h("div", { key: '3fe48963895187a3e30650e8fbba8bc4fdef75aa', class: "gux-message" }, index.h("slot", { key: '19122ad4a9fb9d97339fc1535acb52927e5f305d', name: "message" })), index.h("div", { key: 'c9d5c108ea1e03e7ea7697442a0013111b4a8b45', class: "gux-action-buttons" }, index.h("div", { key: '550222cac63f7276091d615a28a0a07bdb625952', class: "gux-positive-button" }, index.h("slot", { key: 'd571476a0f87e1ded3183c889381b68827fe9af5', name: "positive-button" })), index.h("div", { key: 'c9cc6adb9aeada53685b7e70722be9d49d8506e7', class: "gux-negative-button" }, index.h("slot", { key: '49a77b6df4e82c317ed63d52a8c73f405fc13a6f', name: "negative-button" })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-7fb02c8c.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -83,9 +83,9 @@ const GuxAdvancedDropdownLegacy = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '5ef657e931686ec569584376e7ca2aae95205049', expanded: this.opened, disabled: this.disabled }, index.h("div", { key: '0ca27adeee1a90d159b5f23dc1e27fb8558a16df', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, index.h("a", { key: '210c4975206e8672d7eb8af085c5174da0a290fe', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (index.h("span", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (index.h("span", { class: "gux-select-value", title: this.value }, this.value))), index.h("div", { key: '80ee73ef27f02c8c7fbb379cf911923249e91447', class: "gux-icon-wrapper" }, index.h("gux-icon", { key: '789071330182c6d55c77fe61e4d39bdf4fd3431d', decorative: true, "icon-name": "chevron-small-down" }))), index.h("div", { key: 'ee6310dcec867336ada37e630a17e0f837463f37', slot: "popup", class: "gux-advanced-dropdown-menu" }, index.h("div", { key: '14d31b611446466c50f2efebf1dca0ca5ab77ec1', class: "gux-dropdown-menu-container" }, index.h("gux-form-field-search", { key: '3465eb69ff167aa9034066b44df8b7b769b34f61', "label-position": "screenreader" }, index.h("label", { key: 'ce1a9bfaadef3747e7e10647749d541bf500192e', slot: "label" }, this.i18n('searchAria')), index.h("input", { key: 'd5f964e4fba7854318c60c2981a4e7ecdfbcaecb', slot: "input", type: "search", onInput: (event) => {
+        return (index.h("gux-popup", { key: '7d6550e43465dcecdaa8560fccaa48703fb3a246', expanded: this.opened, disabled: this.disabled }, index.h("div", { key: 'f6d162c0806acbe6dbe6214d8267a5f8ceb16814', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, index.h("a", { key: '6fc7f49f786923c00586fb3ebe85cda68fa942bc', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (index.h("span", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (index.h("span", { class: "gux-select-value", title: this.value }, this.value))), index.h("div", { key: 'df3caded426e1177383a17232fe733a04f8ac916', class: "gux-icon-wrapper" }, index.h("gux-icon", { key: '2da44035092380b04da9c929b55454c0bd21012d', decorative: true, "icon-name": "chevron-small-down" }))), index.h("div", { key: '804f1957aeb4e6c828206ad7244f6acbff076657', slot: "popup", class: "gux-advanced-dropdown-menu" }, index.h("div", { key: 'f03db98d2bc26a2f5959c1541f53a645544bac49', class: "gux-dropdown-menu-container" }, index.h("gux-form-field-search", { key: 'c2a21c00fd512ebaa7672fb54f5e8feda1092842', "label-position": "screenreader" }, index.h("label", { key: '77449ec906555a731e34dabd60c90efa6bd30b97', slot: "label" }, this.i18n('searchAria')), index.h("input", { key: '899c695d2c89133a4da37ad9093a54624857c1c6', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), index.h("div", { key: '5e9bd252e07ca4d1bcce6997e315b70074d42b16', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, index.h("slot", { key: '144ea7dbb8bb411e67e9d5f87ba5e69755b9fe62' }))))));
+            }, ref: el => (this.searchInput = el) })), index.h("div", { key: '5516540295957b8a8390fe10897daf476b578893', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, index.h("slot", { key: 'd69777e377dff0df4c0851384369c35c57026f5a' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/cjs/gux-all-row-select.cjs.entry.js

@@ -32,7 +32,7 @@ const GuxAllRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: '776ec20bcc26f7742a1f0e01c4fcc9cd728d7a7e', "label-position": "screenreader" }, index.h("input", { key: 'c6087e83f2b3af6c98dd869f8e85bcca8119bc5e', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: 'e1653fa9e0f165b32f5253b9eff3812877f03af6', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'f2d5d9a94f82ba4cdd14351db37bdda1f9b6a513' }, this.i18n('selectAllTableRows')))));
+        return (index.h("gux-form-field-checkbox", { key: '771ea45f65c83d276fe4d874968edbf0a20fb493', "label-position": "screenreader" }, index.h("input", { key: 'b5f83625d72b5f863d99a7861c2a316b46cc5d9f', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: 'e41eff1f79ac0b0692741ec1a9e77143255d2a49', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '11bfe3f39188496d586dd447f94dc7dd288db197' }, this.i18n('selectAllTableRows')))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const logError = require('./log-error-7b9d4b57.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -57,7 +57,7 @@ const GuxBadge = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'a00b343e42ff033eb50c95079aad00ab91ff4be7', class: {
+        return (index.h("div", { key: '3d557667e967a596e4e75b8533165e258527cd1c', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/cjs/gux-blank-state.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const onMutation = require('./on-mutation-3d294d15.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
@@ -38,7 +38,7 @@ const GuxBlankState = class {
         this.hasCallToAction = hasSlot.hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (index.h("div", { key: '6fe6f46651a0eae76c68428ed95f04f1fc9a8af6', class: "gux-container" }, index.h("div", { key: '30ef153aa9116b0d8625d007b221386ae30d6f81', class: "gux-image" }, index.h("slot", { key: '37f48d8e0f2b53de07cd196f0d336f017c7b5b24', name: "image" })), index.h("div", { key: '249cfb016c814d58e1145bf1e8f1a04b88989d67', class: "gux-message" }, index.h("slot", { key: 'b8d238adf8e1e32ca533f8701333b2f42247a112', name: "primary-message" })), index.h("div", { key: 'd48f4baf8b1a61356961bfdd8fc4ebddb1c2478c', class: "gux-guidance" }, index.h("slot", { key: '17b52d610a1a455c2ce02f305d984bcbcba55e2c', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (index.h("div", { key: '558c595cac56331b358e2000f59ea1a8813b3f0c', class: "gux-container" }, index.h("div", { key: 'd8381bd65aa8eef3a8ae857a6ea09f0ef92feab7', class: "gux-image" }, index.h("slot", { key: '491dbfc72fb00b6edcf47da9e8465da3a8af2c77', name: "image" })), index.h("div", { key: 'c5ff21d5dfa5c504e9450a88bcebe4c8bb8a9b6b', class: "gux-message" }, index.h("slot", { key: '090228f6db992683402690d88ac34b878608743a', name: "primary-message" })), index.h("div", { key: 'b9b4a195852198d95bdd395c2769b4d4c1854592', class: "gux-guidance" }, index.h("slot", { key: '9297efe0cd3f7ef5e3fee31c76db8c072ec95a45', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-breadcrumb-item.cjs.entry.js

@@ -44,7 +44,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (index.h(index.Host, { key: '21d36436f68da4859fffb671ee028cb00ac411a6', role: "listitem" }, index.h("span", { key: 'd6708a0b251216e8af6190bdf1cf9a96923a65d5', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (index.h(index.Host, { key: 'c4bef08db6c5758cacc2b3d8daa16b9e177f4b78', role: "listitem" }, index.h("span", { key: '1b8a9b6abb738c711dd525c7591f277b7e19e671', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const breadcrumbs = "Breadcrumbs";
@@ -30,7 +30,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => index.forceUpdate(child));
     }
     render() {
-        return (index.h("nav", { key: '91213d574e341b2ca20914e96a91d83665c760a1', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '27f4d7d551b38114101c4cd2746e15d488e4b177' }, index.h("slot", { key: 'c47d21f9942bb76d00189a99b25ee8b628668670', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (index.h("nav", { key: 'f7f16704239e33f36312d8692e07ced61c679a38', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: 'cb77ce2687d73ea14e15a183be0cef4f9a67214f' }, index.h("slot", { key: '8c177dab8c8d8bfe78c3b84be9c17230eb2e5cb1', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -6,7 +6,7 @@ const index = require('./index-7fb02c8c.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -118,7 +118,7 @@ const GuxButtonMulti = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("gux-popup", { key: '0f65cfd6eab2d55d46059404ebc6cbf5663ecb31', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '91e85f4c804e4dfae0239c1cc80046734986f8e2', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '3b5ec36f3d726fd15f1330308d3abcc0c84071b6', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: 'eb772ea23fb679e6c4165fb0c393bf6a78a1d233', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("slot", { key: 'bc545e18784a69800b84f6544ccea312e49451c5', name: "title" }), index.h("gux-icon", { key: 'c20219167d7bc6167a22631d18ad7e11a7c6e363', decorative: true, "icon-name": "chevron-small-down" })))), index.h("div", { key: 'bc4e356f581dcb3bd1cceb6614c8731a92e3f61e', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '5c0c6f75829209cf5ccdb6693845608667ea41a6', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '96a7290765b413ee63ed9c59bb65f5ab2602b51a' })))));
+        return (index.h("gux-popup", { key: '6d6f408a63ea3b791d452a00e07791cdec234f21', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '53b0edb9b3d24c26230634a9b93b9883a9099a16', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: 'a44046c13a17b433d35139a7e4f7a2f2a3afffae', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '5dfaf1d3d4e68668d4d04037fb1d8eef6b630f0e', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("slot", { key: 'ca3eb44eddcc425497b7acb413e11a4e9a380c3a', name: "title" }), index.h("gux-icon", { key: 'dd3c54d169e8b37780155d417b34e7d4dea08b0d', decorative: true, "icon-name": "chevron-small-down" })))), index.h("div", { key: '96f777e40427ab2b24c3e6b78d6ef50a65ebaa2f', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'a19c439872b134568927fcbc4e2cbc24f291b9a1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'a3ec97bbb8297b5575e4eb80eeb5f67adf73f06c' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-icon-only-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-link-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-link-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-link-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}";
@@ -38,7 +38,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (index.h(index.Host, { key: 'c9c856083b2beb757b71004065148dc5eaa74d52', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '695e5527f3bdafdafb67195b9bc1a929f14cb2f9' })));
+        return (index.h(index.Host, { key: 'a8cfbead6d0ebd8b4c51f0dee576fc52bba51f41', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '4806c2106db005c3051588f30428c2702e3919fe' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 
 const guxButtonCss = ":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-core-spacing-3xs);vertical-align:middle}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-icon-only-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-link-default-foregroundColor);background:none;border:none}button.gux-inline[disabled]{color:var(--gse-ui-link-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-link-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}";
 const GuxButtonStyle0 = guxButtonCss;
@@ -24,10 +24,10 @@ const GuxButton = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("button", { key: 'a9f07f606b63a24caf990b7169022aa0262c91cd', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (index.h("button", { key: 'ea22224a9e2b1afd2e3bd2f131433ad3c24c3bca', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: '37cd0668963b540bd40e2eab624f16ca1a8e3e4d', onSlotchange: this.slotChanged.bind(this) })));
+            } }, index.h("slot", { key: '4e64a953ce07a1fda2f16f4d9d92391dd49abca0', onSlotchange: this.slotChanged.bind(this) })));
     }
     stopEventIfDisabled(event) {
         if (this.disabled) {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
 const checkRegionalDatesCookie = require('./check-regional-dates-cookie-406e21e2.js');
@@ -386,7 +386,7 @@ const GuxCalendar = class {
         return (index.h("table", null, index.h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (index.h("th", null, day)))), this.getMonthDays(index$1).map(week => (index.h("tr", null, week.map(day => (index.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) }, index.h("div", { class: "gux-date" }, day.date.getDate(), index.h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (index.h("div", { key: '6cdaafb2a5eaa47bc700ec6241381d52d820db33', class: "gux-calendar" }, index.h("div", { key: 'ecfa0f53ecb5d29a202f3db7a4f693cb047bd8b7', class: "gux-header" }, index.h("button", { key: '3f6141b2afd96fc89781cb698b488e19905e4693', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'cf049e65bd2737af45d819bcf3ddae910fc43bd3', decorative: true, "icon-name": "chevron-small-left" })), this.renderMonthHeader(), index.h("button", { key: '9c943056eae92181036f172b2c7799685b54317d', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '876c1dd6c7b3c7a9f1de28e88b300a38e3fd4217', decorative: true, "icon-name": "chevron-small-right" }))), index.h("div", { key: '1e47abe5c85fdefb834e1d596d73d67549b4fd4d', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: 'e2414503c83b324857a1307f32098be9bbb203e0', class: "gux-calendar" }, index.h("div", { key: '4af1fc5d24e7d9684276560f73f86e49fb0dddad', class: "gux-header" }, index.h("button", { key: '11f298ba8f97c15d366f6c4e7fd5dbcf589667ec', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '98b0ff804cfbc165ddc7ff79617ee339fe258e7b', decorative: true, "icon-name": "chevron-small-left" })), this.renderMonthHeader(), index.h("button", { key: '9efb434a65902feaed5cc48a503b18002ef11602', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '548a8f78b4f8306535e936b83514d1f770cdbd9d', decorative: true, "icon-name": "chevron-small-right" }))), index.h("div", { key: '1fd1099529098499d71e6cad5409a9899cf9f961', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 
 const guxCardCss = ":host{display:block;width:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow-x) var(--gse-ui-card-raised-boxShadow-y) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 const GuxCardStyle0 = guxCardCss;
@@ -17,10 +17,10 @@ const GuxCard = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("div", { key: 'a9b03481523ddd2a8689558b50da4633f5c049d2', class: {
+        return (index.h("div", { key: 'b84fbe6776b384375e30951a8ab2869de31ebce9', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '2cc95a5205840c038dc8d70dd5ad467dd05ce243' })));
+            } }, index.h("slot", { key: 'b20a4f68c4a3d66e96d1cba8547f83555b3d61bf' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -158,14 +158,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'e7cb0456cdc63c36b12b84a6fc8b04e23ef9ac41', draggable: "true" }, index.h("div", { key: 'ab853bb9c91354d62a53e6a9385d31876bcf0de9', class: {
+        return (index.h(index.Host, { key: 'f8f5f862f7f66fa2e460b3a092dcb95841dbd591', draggable: "true" }, index.h("div", { key: '8086b1ccee8c509cd05bae2a98d3a36b26da089d', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '86b752c952d7d5b22cce7ac720cf7eadbdee2592', class: {
+            } }, index.h("button", { key: 'b383d445f243ec562670176c434af73555b649c4', 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: '5a062d29e3468607057bc2d19164f339eef61dd2', "icon-name": "grab-vertical", decorative: true }), index.h("span", { key: '9409796ccfe03a2a60a6d21f877780bf085abd36', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '9cb6d4b0c04b963ebd6a0088be63e3d84a349b5f', class: "gux-select" }, index.h("slot", { key: '85d445d17dbd08b74e2efc93344630b212a59f87', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '63e4752fa9189f8a782a36c19b0d17aade783687', 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: 'f9a8ba084f0e81f03a33864d0a86054c53a48937', "icon-name": "grab-vertical", decorative: true }), index.h("span", { key: 'a488d2269557f1f9f815ea3597dbaa7739cc5dd1', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '2ea12f2d4b5281df6ab101af26cbde2ad5621156', class: "gux-select" }, index.h("slot", { key: '4b9974e277372dc34386f8bc0e014eed75729e95', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '2e7646de2ca2e2145861e83cd35eb5ab720b00fd', 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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');
@@ -115,7 +115,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: '9503f7dacb275c894d3ba157dbf1a8e75f923c1f', class: "gux-container" }, index.h("div", { key: '8c22d9e0459606c010cc782e90c7eb4ce84550e1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '697f9bd8bd79e1ffd9d112e7b9f25d0ad0119439', class: "gux-search" }, index.h("gux-content-search", { key: '0955fedec73d446d8863a0b1b22551dd501387e6', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'b24470c33acdc7f7447b8ce45ceab80e3b701e1e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '716b5ed689f3d02ad1667cac1f45f2326bf042e0', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '2468fa9584859f8e2c2b0529490cebd1dfea7a49' }, index.h("input", { key: 'a59752e36a0a2beb60f85401a2f983e622a360b2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '129071db1777d9c011d0cd5f80bb6c0454f898e6', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '72fea5393a72ecd0c507e021fec10b3df73c8f8b', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '3b67278503f48b34c93e2e9d4eab47cd7a8e3b20', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '4fce43062fb49045706ae55be7b72991fe9233e6', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: '8d82266d374edd4eb33182037e177c90f2145faf', class: "gux-container" }, index.h("div", { key: '23fd11224c510896079914a36f91ec22dd1072bd', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: 'ac5d0220e8fe0bf429b3ca41e8353d5714f59e56', class: "gux-search" }, index.h("gux-content-search", { key: '94ece55f012535aebbb359e33798ffe25e394fd7', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '961603f9a2791b99f625173681326aed4ad6bac2', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '2b675503caf6e0f7f459bee18b1bbbca7ce63bff', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '5a6469d504207e0f041a4f09d8eaa8509dbd8822' }, index.h("input", { key: '5c42aed702e472dfb8a3ed35d724bb7a132e46a2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '9ddd01c649b91ed2bbc6e08195b777e356b73ee0', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '4b9b1797e5f097b845b9b36c35c4222871610552', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '0e16dba06dcc44142619230dd71d76e67e061af3', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '1897bf802e8449ae627074c0478b536f3cd827e4', ref: el => (this.announceElement = el) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -65,10 +65,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: '7f59a720c59e512815adb39378ac6e821f820845', class: {
+        return (index.h("div", { key: '2486d4f685573a7279a04784f05d08a5edf02449', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '43d17425e7a64696ecff3360aec97f5e9c5cb7f0', class: "gux-search-icon" }, index.h("gux-icon", { key: '2660a96539730ed8fa9705e2fbd676e57e626d64', decorative: true, "icon-name": "search" })), index.h("gux-truncate", { key: 'ec9eff770ecf37975aca76edd72667ad73ebef9c', "max-lines": "1" }, index.h("slot", { key: '70f50f90d2a8fbc6b077ae27a23fb100ad2a2c44' })), this.getNavigationPanel()));
+            } }, index.h("div", { key: 'c2e501fafb01e4dedfe6301ac18a91402a2d3c50', class: "gux-search-icon" }, index.h("gux-icon", { key: 'a6bcb3588b1c3a1fbdadbde3e3eceb2b14e861bd', decorative: true, "icon-name": "search" })), index.h("gux-truncate", { key: '64730a899b6023e41b5730edb51ec848f3ab6f52', "max-lines": "1" }, index.h("slot", { key: 'b37ec70a121c9fe2602e0dc8dd338e958179042b' })), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -121,8 +121,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'f78e967950ecbe08165dfdf04b2d8c955c30d331' }, index.h("gux-popup", { key: '8b6a158b74b030f8ef0dec41b14a9639c41d4558', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'b1a2f01fff46a264300c3d812dd915312cefb443', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: 'c967a4611821bb8093b85eab64dcce072e11aa48', accent: "ghost" }, index.h("button", { key: 'e552d0e0f6db5425cf0d98756ce327640d84acfd', 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-icon", { key: '2ee801974642ed0359ea5c0bcf41b1b921e2a7de', "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: 'ea83b5a77d586251814277249a9f2497646782a5', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '0f2915e48af34a4f7aa020b3835156947b3dabb9', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '8d262d9b74876f870dc97a094b655c52bcbdc217' }))))));
+        return (index.h(index.Host, { key: '133a2f813af1163f54ebcde8fbff2f257f080df9' }, index.h("gux-popup", { key: 'fd8240f8e6e7c62daabd49cf3a0eddd5e8157312', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '38e71e614a49550c57444b9440ff71b079fef280', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: 'f9a3d3ec596c438d41ed9e798c68dc239b3a5adc', accent: "ghost" }, index.h("button", { key: '0898765f4b4eeb4f1af845b2e0d1590c75f6c1de', 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-icon", { key: '9001656fcf3cd2b7c9581d0f773bcfe9543b89b5', "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: 'b1e5a31b9e9b8e38462b47e0d472749cbce57a89', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '31263aa59c8e69fb850bc88c3f9030deea74946b', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'f31957f8d664a01f2b17b06835addd97b7cab3ee' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -74,7 +74,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: 'ada63bc9a03fd3304691048d427751baa2aac47a', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: 'b30852b50fbd085821b5b46cf9ea82d808cc16e1', class: "gux-copy-content" }, index.h("slot", { key: '2be97148dc2b10bfdb48a6a9eab582d18ca9605a', name: "content" }), index.h("gux-icon", { key: '7179197bdf4d761753ba77d894dc9ae9fcd54742', "icon-name": "copy", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: '416b6b71765b98f5d1962cfb8804fba3538c8d0b', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '17ff0c705da123ce14d053208f0c5662b4d0bfbc', class: "gux-copy-content" }, index.h("slot", { key: 'c92b82e90aa8913f49ca0165745251f4eb5cf89a', name: "content" }), index.h("gux-icon", { key: '7d6ccc0837fda3faeed6920ffe76be521e487854', "icon-name": "copy", decorative: true })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -48,11 +48,11 @@ const GuxCreateOption = class {
         return (index.h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: '50613ee38defc2f64ebc5216b4b77caf409bdc62', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '1a250b55fc5de25f37a38b5fd32757ec2afc763c', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: '7c5e1c49b44b4f758000963d9b41016a9487f2ec', class: "gux-option" }, index.h("gux-icon", { key: '74b961acb44fc0083b902b86ab328fbe8c8ce633', decorative: true, iconName: "add" }), index.h("div", { key: 'f5edff64f6a9664383ae7ec402d5033368e6197e', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: '6fbaeddb1cfe58e06d7c6ce5e42889c41b2f0512', class: "gux-option" }, index.h("gux-icon", { key: 'fbfcbb2d0d751ef61ef94bbd6c9965834e1f474a', decorative: true, iconName: "add" }), index.h("div", { key: 'b5243ee548c26052d3b2e34b941bd44d572abc7b', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
 const checkRegionalDatesCookie = require('./check-regional-dates-cookie-406e21e2.js');
 const index$1 = require('./index-a1a48d79.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
 const checkRegionalDatesCookie = require('./check-regional-dates-cookie-406e21e2.js');
 const index$1 = require('./index-a1a48d79.js');

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

@@ -8,7 +8,7 @@ const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 const checkRegionalDatesCookie = require('./check-regional-dates-cookie-406e21e2.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -647,7 +647,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: 'c7a97f65d500b5a7a5229298dd89257abce2ecc7', class: {
+        return (index.h("div", { key: '9a5133ae23cc05e38037189fc68e04a6bff4e66d', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -50,10 +50,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: '652baa3062ea3dfeefafcfece24140605359eea4', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: 'd55fe76c03c68c855c1226cd416f10a06a2812ab', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, index.h("gux-icon", { key: '9aa2ba2d010dfaa397ca0252d596d4af302efe11', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: 'ff5bb0284dce2b88350709ecdd55f491b8d8c16d', id: this.panelId, class: {
+        return (index.h("div", { key: 'ecaeb9b6177112f93a7ef4a5aed6eeac64d0831c', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '90f906915e1eb1f28f114fc4ee8a547d44f80e5c', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, index.h("gux-icon", { key: '84fcd4c68d75a1649af1961c973760fe6dc2272f', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: 'a6ccee9a2b12d007db687c46217b6a2c59a01bc5', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: '5ffc186bf0a4e3745421ed5477ccdd27147f1fc4', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: 'c23678ee2c8a7bf59277e1a8efce641d9586b2c6', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {