genesys-spark-components 4.201.0 → 4.201.1

package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js

@@ -9,7 +9,7 @@ var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormFieldError = require('./gux-form-field-error-BYZMjP5s.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Dt5fmqq7.js');
 var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -107,13 +107,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '52f9aadb26a0ec8aad7a7017f1b7de656fd916a1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '906e1c2c238d46813ac0bba58a01c16213e72abb' }, (_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, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'fe953a34afc986d6fedbc5bbd21bf31fef5f3e4b', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'aa269f867b9a9a163bebe7c42a4da6faf767b126', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b26f07392794e15da05491f6b2c03f3635dd255b', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '435b02a6bbb5eaf3cd5103d6f4929d8c9c78a561', name: "label-info" })), index.h("slot", { key: '7efd43713a114b96b74d10dae0b967cbe6ddcd4d', name: "label-info" }), index.h("div", { key: '56da9c25e86f32cbdeb76043c0e751f2a72269b2', class: "gux-input-and-error-container" }, index.h("div", { key: '92dfe9f601463b0a175e2f7473bc0e5938c5d428', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'bb075b3f66c81ea5a8d1e92b109c8608af7c4f80', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '11631e74407938e08ba072a910ae9fef2fa5e051' }, (_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, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '56056f1016982c27107056ce6b1df8023fa85f37', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '6b059128760063d3d74ad16965c2bf2412b8b892', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'df4924ae546b8fd079dd368b11e814263841ee83', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd412138bef40185927bbc3aa0d0505ade7d72c85', name: "label-info" })), index.h("slot", { key: 'd3633cf36eb1612f7f012d7aa83f2a5944718c3c', name: "label-info" }), index.h("div", { key: '8e3b8646013a25144fadde0f07f86fa4b86c3f17', class: "gux-input-and-error-container" }, index.h("div", { key: 'ba8783d219c7d4ecb3e1311f6e7a1a0ca23b4280', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '43366c9da6e7ada0792def009c6f2f6b60f65ff2' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '82856e290ad916147e65088c5c855bf152f33ff5', show: this.hasError }, index.h("slot", { key: 'e3d3dae86fd2781eb1e44b12352b026df92fa91c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f6224887bb83b8a30472a661258123f5de07bf38', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '567e70213ea6ead60ddb49e5fd3e6ac45b039505', name: "help" })))));
+            } }, index.h("slot", { key: '87ca9d8bbcf8e7c3649bc466bbad3b2547953ed6' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '76b2b00bf1499789ae207a605cf6cbcc9f986525', show: this.hasError }, index.h("slot", { key: '8d220f12c2889dc7eff8548af5aa20a12a4b0ce3', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a7696a867796a3c65839c9b1fc909b303879633d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5a38f2de6966e3727b8f0dc06ebe90a9f805159f', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const legacyIconNames = [
@@ -556,7 +556,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '73cbf4213807d6d15b63c35401d906e5707c8e0d', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: 'e7675550dbe28367932bec917cf9d804aa15896a', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 
 const svgHTMLCache = new Map();
 function getBackgroundShape(shapeName) {

package/dist/cjs/gux-inline-alert.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BGHWOXcN.js');
 var index$1 = require('./index-CIoLTj6_.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const info = "Information alert with message";
@@ -42,10 +42,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '7504bafcbdb4fa936c38fcf362fa7a3857c62d24', role: "alert", class: {
+        return (index.h("div", { key: 'a07c29c9899a52cab0397d567492e46ef48a93e3', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: 'beb44954aec3cbc05cc0e3dd31d3490f24775833', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '89978444bbfc17656c1e911360650f997c5044b7', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: 'dcec502419377cdc0889cb49393d439ee5cf48e6' }, this.i18n(this.accent)), index.h("div", { key: '83ce1d2021fc5019e81af4b4e026f006c3e97846', class: "gux-content" }, index.h("slot", { key: '56f47fa60458b4756a0ed3537cea8df98d214146', name: "content" }, index.h("slot", { key: 'e036f95b6a8b97dbea6c513850c56b5afda4c494' }))))));
+            } }, index.h("div", { key: '741dd5002d40ee36628702166f256b44e4676402', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '3917c0c951a0bbc43395f064e781325aec35ad36', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: 'bbddd2a85bae227c30c6c72d20abd878f5ad7b42' }, this.i18n(this.accent)), index.h("div", { key: '73b0762d89c22d1ad29b8daf00e6339b81c69cfe', class: "gux-content" }, index.h("slot", { key: '89a8aa253ef04e4772c00db5dd75a851744e5e6d', name: "content" }, index.h("slot", { key: '25c7b2791347b3c5ad9f3044abffee24ae6f1532' }))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-inline-dropdown-beta.cjs.entry.js

@@ -6,7 +6,7 @@ var index$1 = require('./index-CIoLTj6_.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--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var onMutation = require('./on-mutation-BxwPAn4k.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');

package/dist/cjs/gux-label-info-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";

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

@@ -51,13 +51,13 @@ const GuxLeafMulti = class {
         this.root.setAttribute('aria-selected', String(this.selected));
     }
     render() {
-        return (index.h("div", { key: '8c63690bc7c9e9a82a904a5fb1d4d406db61ff42', class: {
+        return (index.h("div", { key: 'a015aeeb846b79e6cf626c0018822c89836fc45d', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected
-            } }, index.h("div", { key: '3b88cd9dab9b8dd96528891ed93fb62daab0df7b', class: "gux-node" }, index.h("div", { key: 'be64c80ea0f9d257b82223dc6afdc5b56fafbcc6', class: "gux-selected-bookmark" }), index.h("div", { key: 'f3e7656415154c4b45d0c57d4535c9019c92ee5a', class: "gux-tree-item" }, index.h("div", { key: '6e72ba862eac3b34a851625cbce1e9fe014c7952', class: "gux-selection-target" }, index.h("div", { key: '2d7588dc656fb0b1d5c7b6ba87f46e08d0e5296a', class: "gux-checkbox-container" }, index.h("input", { key: 'bf6e11812a397657a5d38a37a0ed85c924cd2304', tabIndex: -1, type: "checkbox", checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId })), index.h("div", { key: 'cfb35943c5d7f1fd8034373930b956569946df46', class: "gux-icon" }, index.h("slot", { key: 'bcf8209f614376331fda32a1f950ba43f9ef0f5f', name: "icon" })), index.h("div", { key: '85043c78ec20eae39914505465d3b784bc046c73', class: "gux-label", id: this.labelId }, index.h("slot", { key: 'a42c0bb1b008b4bcbc893605d06d609f5e29bb0c', name: "label" })))))));
+            } }, index.h("div", { key: '61291c0f89b2967cb99268b299182196eec85915', class: "gux-node" }, index.h("div", { key: 'f9e50d797b1fa300e1322a83a10499a19f8e6e3c', class: "gux-selected-bookmark" }), index.h("div", { key: '18710611e78a293532071054cda6af970f9ce929', class: "gux-tree-item" }, index.h("div", { key: '4521193a635a637497b5deb6fe98441ef78b2913', class: "gux-selection-target" }, index.h("div", { key: 'a9a43255838e92695e62d75461208a9237228c5b', class: "gux-checkbox-container" }, index.h("input", { key: '6192b866d6896431c68bdf4be5ef68480a825aca', tabIndex: -1, type: "checkbox", checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId })), index.h("div", { key: '0d7c7e1e1a6b7111a5409e3f2a188e5452d5e1f7', class: "gux-icon" }, index.h("slot", { key: '964bb0868c86b43ad8439367e43431c19075d64d', name: "icon" })), index.h("div", { key: 'f81eb7dc477d0def0299eab9fe56f76b1d40e911', class: "gux-label", id: this.labelId }, index.h("slot", { key: 'dec4276706dbf9f044b2ed0f30f59abb816ed181', name: "label" })))))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -49,13 +49,13 @@ const GuxLeaf = class {
         this.root.setAttribute('aria-selected', String(this.selected));
     }
     render() {
-        return (index.h("div", { key: 'a73a484e7901bb328d18e42a346a0d8818f35fc5', class: {
+        return (index.h("div", { key: '822f56b4d9f4c6778ff8337a6f5c567bb797f2d4', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected
-            } }, index.h("div", { key: '709ba4dd13021b36ee827acab28dbee3e2de6cae', class: "gux-node" }, index.h("div", { key: '065a31a83d934136e08273941a303ba7f9500122', class: "gux-selected-bookmark" }), index.h("div", { key: 'ae1ca5a63c30b910dbd89bb9f03d8098f2aa0834', class: "gux-tree-item" }, index.h("div", { key: 'e09d95a96c38ab161469f000255f398770afd5c3', class: "gux-selection-target" }, index.h("div", { key: '6c4d0788e2bdb1738ad28898d34bd1dbc94bdf4a', class: "gux-icon" }, index.h("slot", { key: 'c94921c25491c46c1733c5be746393cbcf9fb350', name: "icon" })), index.h("div", { key: 'bdea7f384594f7455903a7a0c1db5e32a892a58d', class: "gux-label" }, index.h("slot", { key: 'dd6c54e0a6692930322963546866dfca37466440', name: "label" })))))));
+            } }, index.h("div", { key: '0285579c2fe9db4937c341e2ce5fc1c015f5b928', class: "gux-node" }, index.h("div", { key: '2769b8297a9a6d074b14df4b3af5ffae61cb556d', class: "gux-selected-bookmark" }), index.h("div", { key: '39b75ff437d19649a622ecf0d94933924498b84f', class: "gux-tree-item" }, index.h("div", { key: 'e610117113bdd0643e6f67c34efc75a6e906f845', class: "gux-selection-target" }, index.h("div", { key: '8aab68713f06b46e7255bd9e1a7848ef3a70cc44', class: "gux-icon" }, index.h("slot", { key: '359671123354f099ed2d42ebfe4b5a3353131f11', name: "icon" })), index.h("div", { key: '88843c65c15871d977361668bfa396165196df05', class: "gux-label" }, index.h("slot", { key: '145899efcc80432081058838b6e20e9a054f9c42', name: "label" })))))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 
 const guxLinkCss = ":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";

package/dist/cjs/gux-list-divider.cjs.entry.js

@@ -9,7 +9,7 @@ const GuxListDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'f7d424b18ed244dd03fc6f6c65f78ad10bac18ac', role: "presentation" }));
+        return (index.h(index.Host, { key: '602562f7ab06feaf53ea226ab3f493b1de141904', role: "presentation" }));
     }
 };
 GuxListDivider.style = guxListDividerCss;

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

@@ -10,7 +10,7 @@ const GuxListItem = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '0ae25b7f97873743757c06efc8e4b975e4cae214', role: "listitem" }, index.h("button", { key: 'ef7aa9b2aeeb740dea9ac73c63d3abfe63646a77', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, index.h("slot", { key: '08ebf5289d565116783d82ff16ebd7f03163229f' }))));
+        return (index.h(index.Host, { key: 'a1dd453e44364f522f6ce34b3754f25ede3a683c', role: "listitem" }, index.h("button", { key: '8d872d1d580cab82ce5a93b9b60163035f0fd168', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, index.h("slot", { key: 'fd5df837ae8f28e58304014f4e8c2638e9dad889' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BGHWOXcN.js');
 var guxList_service = require('./gux-list.service-CecJpxVa.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 
@@ -54,7 +54,7 @@ const GuxList = class {
         guxList_service.last(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: '4d3b4fb9b853a983166a125ca59713584d93432c', tabindex: "-1", role: "list" }, index.h("slot", { key: 'd3cb52444d2748295158ac071427756c5a484a32' })));
+        return (index.h(index.Host, { key: 'b6d6381d12d6a648f8c1b86b83cde3790805c63d', tabindex: "-1", role: "list" }, index.h("slot", { key: 'd434103f0a9dd954d3b5b4689fdca47ac29ac3f4' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var index$1 = require('./index-CIoLTj6_.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var onMutation = require('./on-mutation-BxwPAn4k.js');
 require('./get-text-content-from-nodes-oI5DVfp_.js');

package/dist/cjs/gux-loading-message.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-inline-size: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 
@@ -13,7 +13,7 @@ const GuxLoadingMessage = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: 'e224351c0f33d7d27f4d1100ae252c35ae24e712', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'bf63d3628d4c925bf2021828ba2ef59eb49ce686', class: "gux-progress" }, index.h("slot", { key: 'e36799bb4078ec1224c4fe20e82874e322b88ebd', name: "progress" })), index.h("div", { key: '6d01ff2247f0dd4e139054ddbe602f2814946b7e', class: "gux-primary-message" }, index.h("slot", { key: 'aced02e544db8ae77e33704ece1d322304d8c319', name: "primary-message" })), index.h("div", { key: 'c987bd4ba39168952830ab1a2132bfa47e97848b', class: "gux-additional-guidance" }, index.h("slot", { key: '41df90f1b28ea9d737d67015e8a5d69bf03e5440', name: "additional-guidance" }))));
+        return (index.h("div", { key: 'a07ff489fe1586c0f74a214c8c0b5a8578871138', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '936c23b9a09b6895334358d7315dbf6dde1cd5a0', class: "gux-progress" }, index.h("slot", { key: 'f18f88eec3ae262685df99473b36e656ed4f9149', name: "progress" })), index.h("div", { key: '9d5f73ad86b3fdf10232b40ab107c6bc5c45538a', class: "gux-primary-message" }, index.h("slot", { key: '5690c7a91b53ef206217d10c93825d502bb8205c', name: "primary-message" })), index.h("div", { key: '68da074528cff3e697c3e9378af747fd69930ce1', class: "gux-additional-guidance" }, index.h("slot", { key: '3523f1785e5ae4b4af89cbfc9311daf6aa928ff9', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -43,7 +43,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: 'e76cdff85f90934a2f083e5656c1539f6d45040e', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '591cf44bdc37acb5b8def54db341425690f6edb7', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'fe645d5cb285b4840c62fc7bcc372cf270c96cc4' }))));
+        return (index.h("button", { key: 'd76e5b7ba73c0e85398aade035b73bf380213e24', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '72d3ac4a1dfcad30b059f9922ebfcb381c54438e', class: "gux-menu-option-button-text" }, index.h("slot", { key: '7cd2b1ba30ae6e7209bc098c7bc104fd53113dd6' }))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -9,7 +9,7 @@ const GuxMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'c0685bbc3e0d84c3a5fb3fc0536c6fc9ef616a02', role: "menu" }, index.h("slot", { key: '549dec36ad70bbc8a38b4b8d52ecbe11a0f38914' })));
+        return (index.h(index.Host, { key: '3253b9d5e30f8071c394ddc337f2aca81562872f', role: "menu" }, index.h("slot", { key: 'bdb6e2d2ab3b14c079f0952cf9e84dc73b02d891' })));
     }
 };
 GuxMenu.style = guxMenuCss;

package/dist/cjs/gux-modal-legacy.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BGHWOXcN.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:var(--gse-semantic-foreground-container-highEmphasis);background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid var(--gse-semantic-border-container-edges-default);border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding:0 var(--gse-ui-modal-padding)}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 
@@ -45,10 +45,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: 'a11f60dc0a74bf1619551acaaba45fbcb3b7bdf4', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'f255afba3f9f90a124f1aa370e8c1b0b17fd35c3', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '0e1185d7cccfd50bf8e3972017b9285715f32c74', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '551e64c79a9d8822eff64aff94b48d76440a5d74', name: "title" }))), index.h("gux-dismiss-button", { key: '7fb2997f140e9f0ff156d4ab4b7eede0caff18a2', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '3ab17495c1069cbecb2151b5a0d4d4017dc316db', class: {
+        return (index.h("div", { key: '4168191a89d925a478c12675b175af5339af392c', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '9d05e5b760fbde70ada5d3aac62fece045f942d6', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '679e4a5970900cc8e1183e1dc395ef481f4ec8c0', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '09d0b5f95ef0abd36cb21e61bfba153901990841', name: "title" }))), index.h("gux-dismiss-button", { key: '8dc4fb208020163ec07cc7b9548318933391cbdb', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '75214a1c11c24b42c8e3aeff0e4c653fa24f5e20', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: 'ef6170f1cf84f668d3345f4992596bc23d2fc396' }, index.h("slot", { key: '1103a9184e0c4a982fe6b9869ecfe431eb7925ad', name: "content" }))), hasFooterButtons && (index.h("div", { key: '709e362411905f48521e01dcdfb49070fa7ca8c5', class: "gux-button-footer" }, index.h("div", { key: '4f9fde78b8c75a1477812c76252d649769108459', class: "gux-left-align-buttons" }, index.h("slot", { key: 'c2fb582303e4c523cc96e91d3e297752d1d24e6d', name: "left-align-buttons" })), index.h("div", { key: '15946cd2aec6b1c5f142e756eac5cfafbc378d5f', class: "gux-right-align-buttons" }, index.h("slot", { key: '08908ff0a2e75d1773966fd9979cf76116a01956', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: '78b6ad252aa22ec68995dba4d25e69e06172ee78' }, index.h("slot", { key: 'e78eb96d4538571958facf9c810f1553065e82af', name: "content" }))), hasFooterButtons && (index.h("div", { key: '7d28eaba93be6c236e026a540b22c9673833b337', class: "gux-button-footer" }, index.h("div", { key: 'ddbbb7fa66c1b924678ff4d26757ce3fb65a3ab9', class: "gux-left-align-buttons" }, index.h("slot", { key: '959f4722380b436691cfcaa79ad27a17fe2eca9d', name: "left-align-buttons" })), index.h("div", { key: '3775160e404b3ca9c931c29686704c2ab2d08201', class: "gux-right-align-buttons" }, index.h("slot", { key: 'aaa38bbccc8aa914250a11f7352dbf36bf2ef289', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BGHWOXcN.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 
 const guxModalSidePanelCss = "dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none;transform:translateX(100%);transition:transform 0.2s ease-in-out}dialog.gux-open{transform:translateX(0%)}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}::slotted(footer){flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}::slotted(gux-side-panel-header){border-block-end:none}";
 
@@ -52,7 +52,7 @@ const GuxModalSidePanel = class {
     }
     render() {
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '57cc83f3848a6e4c39ecd51e6c01c13ab2dbbc9d', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, index.h("gux-side-panel-beta", { key: '606aed643766f785fb181bba862f4902e936a723', size: this.size }, index.h("div", { key: 'beb1d8e4ff525d28a993cb47b5ae1e789bc7f1f9', slot: "header", id: titleID }, index.h("slot", { key: 'e0f87b54fbc8f67fd6ec3c3f4188f4e85a8d067a', name: "header" })), index.h("div", { key: '833feb634c55d4c1f5862d550a282859c757d963', slot: "content" }, index.h("slot", { key: '1e862485e636b95b6d73f69cab032158b156eb83', name: "content" })), index.h("div", { key: 'f08a36512129f1d3b66c56c854eed63a0e306c1d', slot: "footer" }, index.h("slot", { key: '891543a1ed24610b5687bfe27923b342e995806a', name: "footer" })))));
+        return (index.h("dialog", { key: '6fdc3fa0f8b364dbb1afbe2f52b7af1258605628', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, index.h("gux-side-panel-beta", { key: '72391e321b659c46326c1b2ac297661ebc692866', size: this.size }, index.h("div", { key: '931b483fd2559f1983999a88b351b04accbf7a18', slot: "header", id: titleID }, index.h("slot", { key: '32c40185ffa80d9ac0c38d5ab54d69beb0dcb0b1', name: "header" })), index.h("div", { key: 'cbe51bf970ef2d3fccbd33077d22c5e7a0090712', slot: "content" }, index.h("slot", { key: 'cf4daa7dfd264228b113354ffafdc8ec2d755215', name: "content" })), index.h("div", { key: '4302e7b41b15c498806bdec043f9037b6325e103', slot: "footer" }, index.h("slot", { key: '3722cfe4d04644a60a9a60bc85b58b8502347dc6', name: "footer" })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BGHWOXcN.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;background-color:var(--gse-ui-modal-backgroundColor);border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host dialog::backdrop{background:var(--gse-ui-modal-shroudColor)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto;color:var(--gse-semantic-foreground-container-highEmphasis)}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{inline-size:100%;block-size:100%}}";
@@ -83,7 +83,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '30f2ef71960523a077d916462b8ddc0169e432f6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '3f856eafab224757ec09e8493710de439795704f', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '8a91fd7873ba6ed2da23849ff5e6bd72698e217d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'f7ce68d63b2a1e00419a8e2f6665ccbae2df0382', class: "gux-modal-content" }, index.h("p", { key: '00e6418805bb45ab03e7ec51cadca623b59c62f7' }, index.h("slot", { key: '78710ccc7341bb4ece460ae794a9b5655e5cfac5', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: '3260051a3dee1ae8d9d7335c606ec7fa2c4ca06e', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '8809e0f7cb14619cef5edb6595faec7a74048d8d', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '4018b622ba4efccdc8b593efafd7e1a6b9bf968b', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '1578aabb82165a559b7926762908c55c09261b0d', class: "gux-modal-content" }, index.h("p", { key: 'dcb1238012ee0128038da8ff6d14930dc5a2216b' }, index.h("slot", { key: 'a32edc918a4bc04a37007c5361ef72857fed6304', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
 var index$1 = require('./index-CIoLTj6_.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:var(--gse-ui-toast-error-iconColor)}.gux-icon.gux-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-icon.gux-positive{color:var(--gse-ui-toast-success-iconColor)}.gux-icon.gux-neutral{color:var(--gse-ui-toast-info-iconColor)}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:var(--gse-ui-toast-success-foregroundColor)}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'c51154ad7199d5cd7ad187791a778b6c5b009f6c' }, index.h("div", { key: '9464911b087eae17af3e2869bdfc5340811ef7f3', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'd786365a3fc451e78beb09839f17813a5b0dfbe6', name: "icon" })), index.h("div", { key: 'ce7b1adc5f511724d9716609ada00dfce17ade39', class: "gux-content" }, index.h("gux-truncate", { key: '4edee71e6769ea8c059751afdf877f58301f1849', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '00ec24675b1b8c0cc7ab60dfc03a213203208ff4', name: "title" })), index.h("gux-truncate", { key: 'a6bf67717956a4af16d32c035ddc7f93fe8b0c9e', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '481a362b5c0a95d3118509f9fae4509bdb85fa85', name: "message" }))), index.h("gux-dismiss-button", { key: '42437403b32248e283d07e75bbf9e27afe171afe', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '0a1482202b4eb45b986f6a1e786db7aaf095bf39' }, index.h("div", { key: '0259028e1a3de1cd55d3bf987f272ffb87ef8ede', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'c11bda42af408c1fb8c6493dad4d0a254b986ebc', name: "icon" })), index.h("div", { key: 'a94efe2d49051f0316d4fa9c8d5fa8c86d1a58ad', class: "gux-content" }, index.h("gux-truncate", { key: '174a7bf08d028453e2c58ec7839b08e2249c4fbb', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'a5ef4384ab841f33077ee1c1f0687428da1cca77', name: "title" })), index.h("gux-truncate", { key: 'c6481dd2e7ca635641c01fed7f6e97a8b2edcfa7', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '2f0c77888a55986effcd32289e4133fdb7f4b1ff', name: "message" }))), index.h("gux-dismiss-button", { key: 'e525918df0ab71d1fb9ab555fa91e09ce1c17e8a', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-option-group-beta.cjs.entry.js

@@ -53,7 +53,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '09c3f56d626dbe64bbd35193ec590fd0ebc94b06', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '38f09d8d52cc298889c5f5decd623cb87b3953dd', class: "gux-option-group" }, index.h("div", { key: '177f1266b88a5d26d7fd9431587d340803a7e718', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '463b5c686c7dcf602b2d3618dc61eb702ca973c8', role: "group" }, index.h("slot", { key: 'dcea8f4fad1b3709e1d6144f4b467bca6f7759bf' })), this.renderDivider())));
+        return (index.h(index.Host, { key: 'c8f3522799de96daba62076908f93d506cc1151a', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '9eaa060e0b09dbe55e58b47e975ce0792dc0d0d7', class: "gux-option-group" }, index.h("div", { key: '5ca126a92336cec769c700c2b5213fcdf62332ab', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '184f3daad77229f6ac25d269947b9088f062775c', role: "group" }, index.h("slot", { key: 'f535c0d14a80302457f315f466fa7da342b9ec4a' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -64,14 +64,14 @@ const GuxOptionIcon = class {
         return (index.h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (index.h(index.Host, { key: '1068d1f0f436b632985d1fc34baedcae532fb16d', role: "option", class: {
+        return (index.h(index.Host, { key: 'a61b1ce5aff7ffab22c8e0499c8519b3fc15dab9', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), index.h("div", { key: 'b625d6efe6382323cb0470daae78b6c6f10af987', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '4b193caacf57b6382a7f00a6287d3a9f1d1c9d55', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '1373b5c30a53fc60ce113f3aa5057661de4bc29c' })), index.h("slot", { key: '36a691705831fd1e7d0ebfc7e9204e8b6a7e8571', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), index.h("div", { key: '009df260b2a632efb695912feda2aa9f65a7660e', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'a91569d35957d238cf0cab86d8ea121a941ed495', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '8cda3dbca3d40357a484259aba81f05f8823bbba' })), index.h("slot", { key: 'eaab4c7be922d587120e5e72978579a92373401a', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -68,13 +68,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '832db3f02de1b66a5302c0365785b1a15a969c74', role: "option", class: {
+        return (index.h(index.Host, { key: '852c62b38568b07603318690f7764fe06fd26a3b', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), index.h("div", { key: 'c4d4fb43ba511d6b43d8a804eeb1df334c5dec09', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '945be15d5bcf51342f430c9a06c09b1a30d5797d', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'ee7c5adb35764dc4fff585221f4920580e2c24ff' })), index.h("slot", { key: '56ded69f8ec00d648cfceafe9ecd70de3e89c36a', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), index.h("div", { key: 'e0060c956777572c8e46e3149595cf7e2197f880', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '85ea7e47f2ba388137b3185124195af68c301f21', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '42278feec73e2059bbe4beb1a8b1b220443782e8' })), index.h("slot", { key: '119d8faab38436a39f76ade6ddeb36f31229dbdd', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 
@@ -13,7 +13,7 @@ const GuxPageLoadingSpinner = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-radial-loading", { key: 'd62fbea7aa39eb04eb780c886ce062c347362910', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '945853cf6290f74074358de315b5be796317ebab', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -184,7 +184,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (index.h("div", { key: '35768f2fce06a1c9171685667446cd85c04373c8', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '9967f29b97db3843711b4a28e8f3f6b4b1aa7336', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '1605b567f42dc647de70682b0cc85ec1441073ef', accent: "ghost" }, index.h("button", { key: '847482805ba0e40cb3fcdcbfe2e4f25f3ea8d6c5', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '3498d9f65841c6247a143b9638563f45915b2eee', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'db884e8e62b42dd4d97328e69519cfccdf0f5371', accent: "ghost" }, index.h("button", { key: '3b5d995d2318cff67d36c1cdd93e74ba46ab950a', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '4a54c434f5cfdc283a2b6f8cc5bf5de71aaef5a3', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '864faf4c58059ab662d85502a1f459f4762a1c69', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '41b97fe0c5dd8a09688997f3f5d28ef56219f755', accent: "ghost" }, index.h("button", { key: 'cfe4b065f37d6a97558ad007e73ff809fc77a7bc', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '982ac32c2467b6b5e25948fb2562e6a34b0336db', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '6a8c337d59bce08bab00692be270084bc7ae9604', accent: "ghost" }, index.h("button", { key: 'f4f51c0f77ac504b9c86ba806d8f4946692fbb33', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '2fca58f49d109b9c886a1f9e3b62317ab19a0873', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: 'c8add88c52829d6b50407c8fc6bef034ec823ffe', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'a9df1f27c8dfb9fae540a31385cf0bd9f4151ae2', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '4857622f5c7b5ab6803c1493117028ec32d93abd', accent: "ghost" }, index.h("button", { key: '0b7dccffd6c6a71a8548d051a1df1fa3ba4c2f5f', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'd36cb0f96917c65beea346553d2bff96cde346b0', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'a725732f2a7ff27c0d34772102e4b79fa65d9016', accent: "ghost" }, index.h("button", { key: '10c5a5381c7a0305233334b8a66bac4a18296008', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '26ff2d94eb7871b207f0197bbf01f8d6f86ee3bd', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '521e7f37ef781a23af48fbe0d88408fe9c3867da', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'd07516534987bc6e32d546ec38269fa2950659d0', accent: "ghost" }, index.h("button", { key: '493eb0d814b188457c589332513a8670ca4300f0', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '38d0c8199239eb419ef561d8bdc074f05a33cccd', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'f1571a0a57b467989bd4ddf5cae19e79c30de2f5', accent: "ghost" }, index.h("button", { key: '6ed7d03271c1a06b1e5193cb8e5763e650729b66', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '5e460d50d90f0784ad990a8896b3de304cdfb216', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -222,10 +222,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (index.h("div", { key: 'efc9f4c80da3148b9a86cc3b375d31bf94c40dc4', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '5375e5e9e75f55b291472fa5ce08988c2d38d474', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '77603ea0ba25cbc4626ecdb880012a49e43433aa', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '2b6936ea58ef0677dd74d3880750d296406dc527', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: 'b972eb99cdf2878ffb3493428e9bbfba61777871' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: 'cfeac8ddf47b83574ca27b48ee47152dd3820a5a' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return index.getElement(this); }
 };
@@ -262,7 +262,7 @@ const GuxPaginationItemsPerPageLegacy = class {
             }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (index.h("div", { key: '30e2fe510472873882207154692b087bcbce65b5', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '61cfc4367bdd23dae8c224875e2b9124ee5f7a74', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'c36117b155f0eecd5da415ad40b4963eda2a47fb', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'ae70c747f17919041ded48d623acb77acec1ca1c', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '7a8eea8d94fe7785e51531b3f455098ae8bc83a8', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '8837b0a76d98040c9fca58704dadb5f1b2f3f882', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -219,7 +219,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: 'e26d11e9bd23006b07a146e3409e14e351c940cc', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '499780ca8ac612e98011fd7e931157004588563e', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '2b1d97007832a825186b9bb2ddb53e47400023d5', accent: "ghost", "icon-only": true }, index.h("button", { key: 'b7883f38b4707cb23b2cce6027480e5d0a376a17', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '989d8699e6ae5fb774e606410653d772ba68089f', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'e6a0e3ce36de38bf54fb49e86733e885db666bb0', accent: "ghost", "icon-only": true }, index.h("button", { key: 'e842949080b0c4dfa646aa1e5bc3a96f2b81830e', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '0a7e478c7c2b5cc679e2afc946ffe617d346d778', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'beb94fad08853ab3f29e8688ef87a580f6cde32f', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '27c06da179d60e595f2409892c967c56f4eea141', accent: "ghost", "icon-only": true }, index.h("button", { key: 'e6b02f809fca4ea6e7f2bcdda417888c2ee0a97c', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '0cdcebbfd70e5acab11013509209acd6349662cf', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '50e4d00fc5928629545586698d7a3452d4cb499e', accent: "ghost", "icon-only": true }, index.h("button", { key: '89467a024900b2b41fbb25ad9983bb5f24d9d9fb', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '017bf437504406ff20b18f654784fe973dd6a6dd', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: 'b484f5cea236d55244dd342faedd7064b1d1f3b4', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'c1ba737929b8d8e7e165eb03fdb357051ef8601b', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'c905a009a9895a566e4554205eccd7e5dab36d94', accent: "ghost", "icon-only": true }, index.h("button", { key: '745ea0f2f890c9da6d994ddefa394b8c1a491324', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '4175b20f258517e6036d81d7c0c744296e2b6375', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '9b7ef399f3f47d57f848b44187051aaadf8814d9', accent: "ghost", "icon-only": true }, index.h("button", { key: '493a987648adbb11f274981345661d8bf301ca6e', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '028a9b80f8bc5d3aac5b42b770a7494d32e6bc5f', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '5a07290da6d9bdfe277afe2a9dd316eea01f8ed4', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'b2d05b01b7f7b291f4afff1110a3681f211c774a', accent: "ghost", "icon-only": true }, index.h("button", { key: '150bc64ee8917fe52d8cb6331b885fa962dd804d', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '0389bae41b422e723724be4cdc389f063f941b1c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'ae2548ce65091d7b3da5626accd187474869c4a5', accent: "ghost", "icon-only": true }, index.h("button", { key: '051f073b45acdffed6a6636f903568c58f9a4137', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '4af94b7100c26e0dd06d2a5cf9482fdd20b8f469', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -262,10 +262,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'd2403e7deddd25071890695d3b79029cebf7c0e9', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'd631cc135b8e56ad1fc0f7a1b93e6039a3c2822a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'acc4d3ef15288e84598a72c3a9fedd8e6c92b139', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '828177136e6b68086acc92125aa8ec4423bed5cd', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: 'df62f74c86b37ec52f64729ee851860aa5d48bc7', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: '19b44c8543a6fa21aafc86c0769c98e6a9193219', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');