genesys-spark-components 4.200.0 → 4.201.1

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const createCustomOptionInstructions = ", select to create a new custom option";
@@ -46,11 +46,11 @@ const GuxCreateOption = class {
         return (index.h("gux-screen-reader-beta", null, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: '2e20b2ad4affd4568ef28cf353fb3c3d2b65b216', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '05fc677a05c9abe56cf5b8cac62b6f33955c0db7', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: 'cf72703bcf9b3d053f8889ab61f4a8981b330887', class: "gux-option" }, index.h("gux-icon", { key: 'fa396072d13c7bd6f80d023070e81282cd8a1c3e', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: 'a34266460137d452e4407b207579e8a29ecbc1f6', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: '17e4c409d39b774306017e7a89a711aaa0872678', class: "gux-option" }, index.h("gux-icon", { key: '63527f1e746e90e2ffcdc5fdaa4f7610fade39c2', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '12b1e526e30eb2d7668c8ff54eca4246d23ace14', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const guxCtaGroupCss = ":host{display:block}.gux-cta-group{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-ctaGroup-gap);justify-content:start}.gux-cta-group.gux-end-align{flex-direction:row-reverse;justify-content:end}.gux-cta-group ::slotted(gux-button){flex:0 1 auto;min-inline-size:0}";

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var usage = require('./usage-DMdlKJnN.js');
-var getValidTimezone = require('./get-valid-timezone-Cfx2VND7.js');
+var index = require('./index-BGHWOXcN.js');
+var usage = require('./usage-B01--2fH.js');
+var getValidTimezone = require('./get-valid-timezone-Cr4wXZEZ.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-BiXbQTqL.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var usage = require('./usage-DMdlKJnN.js');
-var getValidTimezone = require('./get-valid-timezone-Cfx2VND7.js');
+var index = require('./index-BGHWOXcN.js');
+var usage = require('./usage-B01--2fH.js');
+var getValidTimezone = require('./get-valid-timezone-Cr4wXZEZ.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-BiXbQTqL.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var isoDates = require('./iso-dates-B-hZmvim.js');
-var onClickOutside = require('./on-click-outside-B_0pncNB.js');
-var usage = require('./usage-DMdlKJnN.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
+var usage = require('./usage-B01--2fH.js');
+var index$1 = require('./index-CIoLTj6_.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -704,7 +704,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: 'e2d2b71084dc77ee917998b8360c0339acf85a01', class: {
+        return (index.h("div", { key: '5a3eb4c9816e56a1eee04663d1991f0168986c7a', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index = require('./index-BGHWOXcN.js');
+var index$1 = require('./index-CIoLTj6_.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');
 var index_esm = require('./index.esm-CO-IlDkX.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-DMdlKJnN.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var usage = require('./usage-B01--2fH.js');
+var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const defaultLabel = "Disclosure button";
@@ -55,10 +55,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: 'a5801f632a28aa3c03217a58e63d2b44f78f1008', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '80b191895f75bdef50366fb27b58c25730b5b030', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, index.h("gux-icon", { key: '75bc86ca67f992b7565244eaf7a718839351d49f', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '12a13f3b32aff9bf6bb4be7fff275870e8920843', id: this.panelId, class: {
+        return (index.h("div", { key: 'b0587b24052d3595e4c25c41ca5012cd45c55fce', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '4d9f6b7c349f37d8739bb95c780a17d504985e4f', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, index.h("gux-icon", { key: 'd90a8cdfcf891150aa6dd80ca895f216aec39529', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: 'b4d3f0bc555a3873a05fd08874a5dac24d8c3e09', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: 'fdc88097462e435562f42a71918b6aae2101d151', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: '5dded505c42133da324046e76d5abc823474ea86', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var usage = require('./usage-DMdlKJnN.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index = require('./index-BGHWOXcN.js');
+var usage = require('./usage-B01--2fH.js');
+var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const dismiss = "Dismiss";
@@ -23,10 +23,10 @@ const GuxDismissButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '17d54102c6cd3b5be24e494dbb0e89a2828765cc', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: '125498e0c49d34ba9b8b9f598a8319e494b60914', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: '7093ecf3f2e2ce68544f133aea9da1b22180d99e', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'ce3aff7c04e157f98f239a0701e0b0f506fad86b', class: "gux-icon-container" }, index.h("gux-icon", { key: 'ba4c84e62cee99acaa05c5ca50868111d9b8791a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, index.h("button", { key: 'fa8d34bf35d8ef3a9ab840c6c76e0d72e0ec9162', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'b45186b28668a5faae5610cc8c0a580a661c9244', class: "gux-icon-container" }, index.h("gux-icon", { key: '79b165f2b116d62507a2a5339532aebbfa72fdc5', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index = require('./index-BGHWOXcN.js');
+var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const clearSelection = "Clear {numberSelected} selected items";
@@ -48,7 +48,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'a114a67321b30ec5eb27cad0b4b583cbf6040aec', class: {
+        return (index.h("div", { key: 'c2d4a383312c47749356496d0cbdbcdf21cc44f8', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var onClickOutside = require('./on-click-outside-B_0pncNB.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index = require('./index-BGHWOXcN.js');
+var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
+var index$1 = require('./index-CIoLTj6_.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var usage = require('./usage-DMdlKJnN.js');
+var usage = require('./usage-B01--2fH.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
-var onMutation = require('./on-mutation-DFJMtCiW.js');
+var onMutation = require('./on-mutation-BxwPAn4k.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./get-text-content-from-nodes-oI5DVfp_.js');
 
@@ -427,7 +427,9 @@ const GuxDropdownMulti = class {
                 'gux-disabled': this.disabled
             }, slot: "target" }, this.renderFilterInputField(), index.h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: event => this.fieldButtonClick(event), onMouseDown: event => event.preventDefault(), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), index.h("gux-icon", { class: {
                 'gux-expand-icon': true
-            }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
+            }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: this.expanded
+                ? 'custom/chevron-up-small-regular'
+                : 'custom/chevron-down-small-regular' }))));
     }
     renderTargetContent() {
         if (!this.hasTextInput()) {
@@ -441,7 +443,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '1136e307bc0dc865c0806925b7f63ea486dab97e', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '583a762de92b93a1edd9c020c8f87088262d9540', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            index.h("div", { key: '9ade49ef7f4ceca5fd720ab7ca62b91201befc7b', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '13e4daeaf902b9e26c3f1ca030898d8ba6bd5589', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 var safeRegexpString = require('./safe-regexp-string-Bb3vDqCh.js');
 
 const guxDropdownOptionCss = "gux-dropdown-option{position:relative;display:flex;height:var(--option-height);padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-option div.gux-dropdown-option{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-option div.gux-dropdown-option .gux-ghost{position:absolute}gux-dropdown-option[filtered]{display:none}gux-dropdown-option[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-option[disabled=false]{pointer-events:auto;cursor:pointer;opacity:1}gux-dropdown-option:not(:disabled)[selected]{color:#2e394c;background:#deeaff}gux-dropdown-option:not(:disabled):hover,gux-dropdown-option:not(:disabled):focus-visible{color:#fdfdfd;background:#2a60c8}";
@@ -55,7 +55,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (index.h("div", { key: '5c0bd2d1a9438782b44b791c1c40c499d6e092c9', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: '9cae12ca11646ed77f626d461fdd87ccbd60e49b', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var onClickOutside = require('./on-click-outside-B_0pncNB.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index = require('./index-BGHWOXcN.js');
+var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
+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-DMdlKJnN.js');
-var onMutation = require('./on-mutation-DFJMtCiW.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');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
@@ -238,6 +238,9 @@ const GuxDropdown = class {
     filterInput(event) {
         event.stopPropagation();
         this.filter = this.filterElement.value;
+        if (!this.expanded) {
+            this.expanded = true;
+        }
     }
     shiftTabFromExpandedFilterInput(event) {
         return (event.shiftKey &&
@@ -372,7 +375,7 @@ const GuxDropdown = class {
                 : 'custom/chevron-down-small-regular' }))));
     }
     renderTargetContent() {
-        if (!(this.expanded && this.isFilterable())) {
+        if (!(this.expanded && this.isFilterable() && this.filter)) {
             return (index.h("div", { class: "gux-field-content" }, this.renderTargetDisplay()));
         }
     }
@@ -382,7 +385,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '3adac9cd14b03a5770ebdaf54dd80ce3da53ca1f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '25ed9294a5d59ec9873d170ec7016d2c26bb9abe', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -607,13 +610,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: '4e62af5e88e8a161bd21adbd7bfc0c3feb30ea7a', role: "option", class: {
+        return (index.h(index.Host, { key: 'ae4a28332162c5aaa44bb16b41475adaf7c568ef', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, index.h("div", { key: 'be7d5ab42155ebc2096c9c91d98f93271ac11738', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'd464d586da1888b1b7dcb73c062849301fea99bf', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'd323f844b46238ad580b537724c559e619d03fda' })), index.h("slot", { key: 'fac32caf4469f4c3c78a3a4310046ed9babd52cc', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, index.h("div", { key: '4441073ae07285034ee0533605505ab4b970e594', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'c4e8137feb530918b78105b660934aa98c1b81e0', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '722d9eb7756f9da578f8ed80c7f566bb86925a40' })), index.h("slot", { key: '26691728330fb396fc8e95d644a2db23de9e7b9c', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var index$1 = require('./index-DqhFjElJ.js');
-var usage = require('./usage-DMdlKJnN.js');
+var index = require('./index-BGHWOXcN.js');
+var index$1 = require('./index-CIoLTj6_.js');
+var usage = require('./usage-B01--2fH.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const removeFile = "Remove {filename} file";
@@ -29,11 +29,11 @@ const GuxFileListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '16017e4cd1c6503a395ce96597b4de4672a98e67', class: {
+        return (index.h("div", { key: '3354e8999ff69bc07932307b4a3bce99adf460a4', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '966a60f866527fcdb5e6359abb8eb661bf60cb2d', class: "gux-info" }, index.h("gux-truncate", { key: 'f3dd55d982d99d79d3db0f9f980ab1dc547169c4' }, index.h("span", { key: '9bce918502ba6b238bdd2844319860112fbfb396', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: '2cd9090ee92f1d74140c512eff86d6311a028c26', class: "gux-info" }, index.h("gux-truncate", { key: '9a2a47df828a82135355a822c5da2b38808c6a4d' }, index.h("span", { key: 'bff8158a3eeaf0f764b9f14583a4c8c97e4f10c0', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var usage = require('./usage-DMdlKJnN.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index = require('./index-BGHWOXcN.js');
+var usage = require('./usage-B01--2fH.js');
+var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const AD = "Andorra";

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-DMdlKJnN.js');
+var usage = require('./usage-B01--2fH.js');
 var guxMenu_common = require('./gux-menu.common-B8_9UAPe.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const onMenuFocus = "Use the right arrow to enter the submenu, and the left arrow to return to the previous menu";
@@ -190,10 +190,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a37f6dacc6970052940671fca0a2aedf5bdd3e0f', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: '5a2cef27ec878bdb149d8f4b40ffbe279acfcb38', ref: el => (this.announceElement = el) }), index.h("span", { key: '1eb4e10688b84214aa4ce10f86657b1e142cb410', ref: el => (this.targetElement = el) }, index.h("slot", { key: 'a09f6a9aa2104c69a0df9712ae61eb44d307f716', name: "target" })), index.h("div", { key: '9c8e722ffe745cf58b954fe2d45559952c644562', class: {
+        return (index.h(index.Host, { key: '4c5bd08f98a6f953784a8bac40c4a15b091cf6c0', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: 'af5e3568ce65c54fae539d1a29c2cfb3997553cf', ref: el => (this.announceElement = el) }), index.h("span", { key: 'bc006c834d105abc13a2b09190ea259b32b74a67', ref: el => (this.targetElement = el) }, index.h("slot", { key: '64507bda6b1e37a1148ee221b98eb8e18283b72a', name: "target" })), index.h("div", { key: '7962de3cf3ed6121c681144b910da1ec5fee9a84', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: 'a5b7247514dae94497b34ef9f35c8fef53255b45', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '808e13b6f0c7658fd28f8d2616a2b85c7cc8b122', class: "gux-arrow-caret" })), index.h("slot", { key: '64e65d7d0e722a6cc23146bdb8e3c4145e89530a', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '083b04c96a76fbb18c775fe2b6c26c65f28d81bf', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '10cfb43e34a1e49588ff0817e3fe668074a80ede', class: "gux-arrow-caret" })), index.h("slot", { key: 'f7e07e6fdd1b47e816a64d4bbcbf59b16e755c16', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 
 const GuxForm = class {
     constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 
 const guxFormDescriptionCss = "::slotted(*){margin:0 !important;font-family:var(--gse-semantic-body-sm-regular-fontFamily) !important;font-size:var(--gse-semantic-body-sm-regular-fontSize) !important;font-weight:var(--gse-semantic-body-sm-regular-fontWeight) !important;line-height:var(--gse-semantic-body-sm-regular-lineHeight) !important;color:var(--gse-semantic-foreground-container-midEmphasis) !important}";
 

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var onMutation = require('./on-mutation-DFJMtCiW.js');
+var index = require('./index-BGHWOXcN.js');
+var onMutation = require('./on-mutation-BxwPAn4k.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var logError = require('./log-error-nWO_o1C3.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index$1 = require('./index-CIoLTj6_.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-CfEHfKLw.js');
+var guxFormFieldError = require('./gux-form-field-error-BYZMjP5s.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Dt5fmqq7.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-DMdlKJnN.js');
+var usage = require('./usage-B01--2fH.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 function setAllCheckboxInputs(root, checked) {
@@ -194,8 +194,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '376d56782b8c65b32c42249dd7e87c9977532716', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '167b6eeb617d18ab73fe7f5a97b140486147cda8' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '6148da1835f189b1772ceaf1cbb1b14794d88f97', position: "above", required: this.required }, index.h("slot", { key: 'fb1a37443f79c3ea33f9498903c4e29b4496e241', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9488ddba97fa7df5361de5899b56b896c1c05281', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '009e45173af5c515533e8d44bdd758c4ebb53704', name: "group-label-info" })), index.h("slot", { key: 'e57b5006ea6e2b973d7847fbde518747738fb103', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'c878cb8d2bfcc0e38e9ba6f239e092e206459208', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd25ead4c5dac7a89e72d8fd3dac2d664f3983bc9', show: this.hasGroupError }, index.h("slot", { key: 'e62a2de36892eb1afd94d512e543bb9de1bac95e', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '70c096f7525d0364800cb531b40a6ad77bbcf671', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'f43c80c1605347afcb8b26d8becc7042c0618346', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '027270a1e4b7202bd9705cbe2bb35bc293d117e8', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '82aaedbada65763c5efca3f4fe8fadfc243351cf' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '568be7098136403e030d08a092393d3647115f08', position: "above", required: this.required }, index.h("slot", { key: '746171ced45e9a67c21827d4b3225abd73b5a6a3', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5921b30916e82655ad76f540175e8aaca5c37935', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '13e826514ec62ee08fdcccb5748a0bf60e61cb85', name: "group-label-info" })), index.h("slot", { key: 'b510cf46135b9d4ce3787e0c894054dca42534f8', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '95d6025a9f22b8076d04ba2bcde7e38e57b9be6c', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'da8c5fec11998a35bf47860d7e7c24210a4d7887', show: this.hasGroupError }, index.h("slot", { key: '07347c226d6f5c74316f544e9eb02fa2166de68e', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a7d009deeb18512cb0dfabf82cebfe7778df33fb', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '6b7671bb9d683d1d6860b4848557d448e256c962', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-DFJMtCiW.js');
+var onMutation = require('./on-mutation-BxwPAn4k.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
-var usage = require('./usage-DMdlKJnN.js');
-var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
+var guxFormFieldError = require('./gux-form-field-error-BYZMjP5s.js');
+var usage = require('./usage-B01--2fH.js');
+var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -49,10 +49,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1021a1ece03e541d6b28af8894ac804911a6c6cb', class: {
+        return (index.h(index.Host, { key: 'a1eab4b0363fa1a57368b8289dba98b0b3b4333c', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'ce974db61a1130db3c7bab023631811cb8be1ff5', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '84438da1640b1176c156cecda93b90bb392008da', class: "gux-input-label" }, index.h("div", { key: 'cea8de7b99dd9cd851666ba2cd37562948e34c1f', class: "gux-input" }, index.h("slot", { key: '5f8948c66bb64b595d0552b0983618550ef45960', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'c50f31d8ce9d5744667063ef705bca8f3e5b0082', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'a7eba4c6d1ef6bd53a5ea799099266d6856323f5', name: "label" }))), index.h("div", { key: 'b7af5149e9279e445fc2adde11c53f83871052e5', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'a69dd6e4686ae76e643acefa4d2fce463c210bd8', show: this.hasError }, index.h("slot", { key: '48d89602d92a31571991d0ba1850efbb948d556a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fc526239d31338491ad48aea16248d5f553e5d91', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2261bb17a34d3ec8539ff4601734a704895e191d', name: "help" }))))));
+            } }, index.h("div", { key: 'ca896d0f6ff0046447964effc2c0e90f3349e4ef', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '0a785d712e47d203baba0515ce9a7a98ec68fc46', class: "gux-input-label" }, index.h("div", { key: 'f7e7951a4e71e5d1e700a73239a984a1b95f20c5', class: "gux-input" }, index.h("slot", { key: '45a1c06c3e701939a14119aabc8cceb432ae1120', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '758853ce116b7250eb1f86a17a69bdccb0fcd1b5', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'e48ad9d8fe0b086fdb431981ba29028a505f938c', name: "label" }))), index.h("div", { key: '0accd007794b4e7c44d326d145af5029cc66b525', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '6a2dce1816569b85b3d67e1b89f0b1bb17fc7141', show: this.hasError }, index.h("slot", { key: '6ab779c55c8ba965a652f5dd7de1ca9e7d4415a5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '6e401e6185028c5f218c4fd868e4f002e5336e69', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6e4400674c74a4085a55be70d05664f20d02a8aa', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -1,20 +1,20 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-DFJMtCiW.js');
+var onMutation = require('./on-mutation-BxwPAn4k.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
-var guxFormFieldContainer = require('./gux-form-field-container-o_Eqp-08.js');
-var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-DMdlKJnN.js');
+var guxFormFieldError = require('./gux-form-field-error-BYZMjP5s.js');
+var guxFormFieldContainer = require('./gux-form-field-container-2_a3wSMK.js');
+var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
+var usage = require('./usage-B01--2fH.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
 
-const guxFormFieldColorCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-colorPicker-input-swatchSizing);min-inline-size:var(--gse-ui-colorPicker-input-swatchSizing);block-size:var(--gse-ui-colorPicker-input-swatchSizing);padding:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-align:end;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:var(--gse-ui-formControl-input-colorPicker-size);block-size:var(--gse-ui-formControl-input-colorPicker-size);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container:hover{cursor:pointer;border-color:var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
+const guxFormFieldColorCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-character-counter{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr}.gux-character-counter :nth-child(1){grid-row:1/2;grid-column:2/3}.gux-character-counter :nth-child(2){grid-row:1/2;grid-column:1/2}.gux-character-counter :nth-child(3){grid-row:2/3;grid-column:1/-1}.gux-character-counter :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-character-counter.gux-beside{grid-template-columns:min-content 1fr}.gux-character-counter.gux-beside :nth-child(1){grid-row:1/2;grid-column:1/-1}.gux-character-counter.gux-beside :nth-child(2){grid-row:2/3;grid-column:1/2}.gux-character-counter.gux-beside :nth-child(3){grid-row:2/3;grid-column:2/3}.gux-character-counter.gux-beside :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{display:flex;inline-size:50%;padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-colorPicker-input-swatchSizing);min-inline-size:var(--gse-ui-colorPicker-input-swatchSizing);block-size:var(--gse-ui-colorPicker-input-swatchSizing);padding:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-align:end;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:var(--gse-ui-formControl-input-colorPicker-size);block-size:var(--gse-ui-formControl-input-colorPicker-size);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container:hover{cursor:pointer;border-color:var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -90,13 +90,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '558a50fb328be6768c6dd9f612cc380c46338d73', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '906409b0d89e488b5c4cd96901d834ee8e077d30', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b51a9d98cab8b2404c72392bf8070c95512f7495', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ca4650c1b695f13529ea74de3933786ac8ffd8b1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0b54cfa8d6073c916406c103fe3859f647d772b5', name: "label-info" })), index.h("div", { key: '34b7b5d0188de7038992097af8707d45d3227b19', class: "gux-input-and-error-container" }, index.h("div", { key: 'f557b5a8e13a65eef2baacd49b7ade39d9726388', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'ae0af4483938196cd0b0c48cafe264f01907af94', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '8b6fabf4b50b68faa65489d920a7243adc3b7e5c', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '736c17968abefee2be00f8a2bc5431f36435a35e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'c0479ad7ffea3335a0f75e6cd08a3c1913e54dcd', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'e1bf4260e386fe30710cf7991b65e15357835b8e', name: "label-info" })), index.h("div", { key: 'b707ed26f604e670100d09b212f4d4a8e2f34ddf', class: "gux-input-and-error-container" }, index.h("div", { key: '105584a7f73912decab5b37c3682be00f78f0658', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'a6bf3f574491eedb5426dc8088c9b46dc0febdff', class: {
+            } }, index.h("div", { key: 'f86a4fe89da53cfb0b3ce3da3697ce2c156fb198', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'cc78ecd5557ff6f821cac2a0c47527a6db316817', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '766c8bc859daf887255583c3ea896bc4beba5bc4', show: this.hasError }, index.h("slot", { key: '1b457e4d708fbbe67016489531db6368af4152b7', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4440eed169e44cf81d762709895dff14c580e38d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6e7312afa51593253be4cef9a8134da874fafb49', name: "help" })))));
+            } }, index.h("slot", { key: 'f148b2edf963efffa49aa7ca4032a6094405fddf', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '58796f269b320d84e8d247118910059b19343657', show: this.hasError }, index.h("slot", { key: 'da78d8a65db6171d8853c519ec0984ff9d555d55', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd2e4615cb4de83c5e6f2f779547643096d7cfddb', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2d3faa3fe6d77aca9b2c1361f8ad10dcc24dd5cb', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/cjs/{gux-form-field-container-o_Eqp-08.js → gux-form-field-container-2_a3wSMK.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 
 const GuxFormFieldLabel = ({ position, required }, children) => {
     return (index.h("div", { class: {
@@ -10,10 +10,11 @@ const GuxFormFieldLabel = ({ position, required }, children) => {
         } }, children));
 };
 
-const GuxFormFieldContainer = ({ labelPosition }, children) => {
+const GuxFormFieldContainer = ({ labelPosition, characterLimit }, children) => {
     return (index.h("div", { class: {
             'gux-form-field-container': true,
-            [`gux-${labelPosition}`]: true
+            [`gux-${labelPosition}`]: true,
+            'gux-character-counter': characterLimit > 0
         } }, children));
 };