npm - genesys-spark-components - Versions diffs - 4.111.4 → 4.111.6 - Mend

genesys-spark-components 4.111.4 → 4.111.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (410) hide show

package/dist/collection/components/stable/gux-content-search/gux-content-search.css CHANGED Viewed

@@ -79,8 +79,6 @@
   opacity: var(--gse-ui-formControl-input-disabled-opacity);
 }
 .gux-content-search .gux-search-icon gux-icon {
-  inline-size: var(--gse-ui-search-counter-icon-width);
-  block-size: var(--gse-ui-search-counter-icon-height);
   color: var(--gse-ui-formControl-input-inputIcon-defaultColor);
 }
 .gux-content-search .gux-content-control-panel {
@@ -93,10 +91,6 @@
   align-items: center;
   padding: 0;
 }
-.gux-content-search .gux-content-control-panel gux-icon {
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
-}
 .gux-content-search .gux-content-control-panel button {
   display: block;
   align-items: center;

package/dist/collection/components/stable/gux-content-search/gux-content-search.js CHANGED Viewed

@@ -49,7 +49,7 @@ export class GuxContentSearch {
         return (h("div", { key: 'f92c07b3fcc3fde5904db8874d3cd9f2a46cbcb3', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '339f115cecc425b8a09826acedc108c306fae865', class: "gux-search-icon" }, h("gux-icon", { key: '809dc13d39dcfde0b2f26e0a0317c7307f0c950d', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'd2b0566ab5910055da0ffda28fd890bf9290983c' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '339f115cecc425b8a09826acedc108c306fae865', class: "gux-search-icon" }, h("gux-icon", { key: '7a4a4352158877dcc16a9792c1d92360e2cf17cb', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '8e2d7791bd8a1cf5ef957258ab67005f5d72577a' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {
@@ -60,7 +60,7 @@ export class GuxContentSearch {
                 }, "aria-disabled": disableNavigationPanel.toString() }, h("span", { class: {
                     'gux-navigation-result': true,
                     'gux-navigation-result-disabled': disableNavigationPanel
-                } }, this.matchCountResult()), h("div", { class: "gux-navigation-buttons" }, h("button", { type: "button", class: "gux-previous-button", title: this.i18n('navigatePreviousBtn'), "aria-label": this.i18n('navigatePreviousBtn'), onClick: () => this.previousClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "fa/caret-up-solid" })), h("button", { type: "button", class: "gux-next-button", title: this.i18n('navigateNextBtn'), "aria-label": this.i18n('navigateNextBtn'), onClick: () => this.nextClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "fa/caret-down-solid" }))), h("div", { class: "gux-navigation-divider" })), h("button", { class: "gux-clear-button", tabIndex: -1, type: "button", title: this.i18n('clear'), onClick: () => void this.clear(), disabled: disableNavigationPanel }, h("gux-icon", { "icon-name": "fa/xmark-large-regular", decorative: true }))));
+                } }, this.matchCountResult()), h("div", { class: "gux-navigation-buttons" }, h("button", { type: "button", class: "gux-previous-button", title: this.i18n('navigatePreviousBtn'), "aria-label": this.i18n('navigatePreviousBtn'), onClick: () => this.previousClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "fa/caret-up-solid", size: "small" })), h("button", { type: "button", class: "gux-next-button", title: this.i18n('navigateNextBtn'), "aria-label": this.i18n('navigateNextBtn'), onClick: () => this.nextClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "fa/caret-down-solid", size: "small" }))), h("div", { class: "gux-navigation-divider" })), h("button", { class: "gux-clear-button", tabIndex: -1, type: "button", title: this.i18n('clear'), onClick: () => void this.clear(), disabled: disableNavigationPanel }, h("gux-icon", { "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }))));
         }
         return null;
     }

package/dist/collection/components/stable/gux-context-menu/gux-context-menu.css CHANGED Viewed

@@ -5,8 +5,6 @@
 }
 gux-icon {
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
   color: var(--gse-ui-button-ghost-default-foregroundColor);
 }

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

@@ -107,8 +107,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'ffc6e8ca1e45223814cb5e7ff3d53cabd860cdeb' }, h("gux-popup", { key: '91439f5aebbcb2c2509b7120633ad79c6e9a9ba0', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '02afa66639be9de0b32b487c4ad542b337386db4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '4f756627c056ef4423d2354aeb0e1cd794b2f092', accent: "ghost" }, h("button", { key: 'c83f00e7819228da19e6a3801e2ae0788e45af31', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: 'fbc97061fa98ab2eab9169efb0493760e477d7cd', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '12fc7618ce8a6c5658fc6564c8d52ddd97877839', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'd08420eb4b2e4ad22068a699a8a1ccf97d05e028', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '819b32c1b10b27fd6e898c7b9c99485ea3f320d1' }))))));
+        return (h(Host, { key: 'ffc6e8ca1e45223814cb5e7ff3d53cabd860cdeb' }, h("gux-popup", { key: '91439f5aebbcb2c2509b7120633ad79c6e9a9ba0', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '02afa66639be9de0b32b487c4ad542b337386db4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '4f756627c056ef4423d2354aeb0e1cd794b2f092', accent: "ghost" }, h("button", { key: 'c83f00e7819228da19e6a3801e2ae0788e45af31', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '8d01243662612d31d93690d1c4d17b3b2e822d84', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '410c1d472fe6b61d18242ffd0c16455c8f282b32', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'b83a409aea7d7152f4610bc26668cd8a179fca1b', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fa9e6a729be8824bf97246a0e26f38900a3e92e9' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-datepicker/gux-datepicker.css CHANGED Viewed

@@ -134,10 +134,6 @@
   color: var(--gse-ui-datePicker-iconHover);
   cursor: pointer;
 }
-.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon {
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
-}
 .gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar {
   position: fixed;
   z-index: var(--gse-semantic-zIndex-popup);

package/dist/collection/components/stable/gux-datepicker/gux-datepicker.js CHANGED Viewed

@@ -486,7 +486,7 @@ export class GuxDatepicker {
         }
     }
     renderCalendarToggleButton() {
-        return (h("button", { class: "gux-calendar-toggle-button", type: "button", onClick: () => this.toggleCalendar(), "aria-expanded": this.active.toString(), "aria-label": this.i18n('toggleCalendar'), disabled: this.disabled }, h("gux-icon", { decorative: true, "icon-name": "fa/calendar-regular" })));
+        return (h("button", { class: "gux-calendar-toggle-button", type: "button", onClick: () => this.toggleCalendar(), "aria-expanded": this.active.toString(), "aria-label": this.i18n('toggleCalendar'), disabled: this.disabled }, h("gux-icon", { decorative: true, "icon-name": "fa/calendar-regular", size: "small" })));
     }
     renderCalendar() {
         return (h("gux-calendar", { tabIndex: -1, ref: (el) => (this.calendarElement = el), value: this.value, mode: this.mode, onCalendarSelect: (event) => this.onCalendarSelect(event), minDate: this.minDate, maxDate: this.maxDate, numberOfMonths: this.numberOfMonths, startDayOfWeek: this.startDayOfWeek }));
@@ -510,7 +510,7 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: '6d4ebf976b21e17ff568bd205bd77f7bc35250cf', class: {
+        return (h("div", { key: '5a7275f7e66e78ac2af5af3838bf0e72637604f8', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/collection/components/stable/gux-dismiss-button/gux-dismiss-button.css CHANGED Viewed

@@ -35,7 +35,5 @@ gux-button-slot .gux-icon-container gux-icon {
   flex: 0 0 auto;
   align-self: auto;
   order: 0;
-  inline-size: 16px;
-  block-size: 16px;
   color: var(--gse-ui-dismissButton-foregroundColor);
 }

package/dist/collection/components/stable/gux-dismiss-button/gux-dismiss-button.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class GuxDismissButton {
         return (h("gux-button-slot", { key: 'a54d9fe7d1873b24d2b99899ba228440cb223c09', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '6fb35f13046effebabe116064b07583ec31ada44', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a8f8ce5b1964f7d9388eb74cb8054a16a72d53b9', class: "gux-icon-container" }, h("gux-icon", { key: 'df3c509cd84781826587b712d25fba8d0356af4d', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, h("button", { key: '6fb35f13046effebabe116064b07583ec31ada44', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a8f8ce5b1964f7d9388eb74cb8054a16a72d53b9', class: "gux-icon-container" }, h("gux-icon", { key: 'f446db743bbd8e2bfe8cae64be982fabb40fcf7f', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-dropdown/gux-dropdown.css CHANGED Viewed

@@ -96,8 +96,6 @@
   flex: 0 0 auto;
   align-self: auto;
   order: 0;
-  inline-size: var(--gse-ui-formControl-input-inputIcon-size);
-  block-size: var(--gse-ui-formControl-input-inputIcon-size);
   padding-inline-start: var(--gse-ui-dropdown-gap);
   color: var(--gse-ui-formControl-input-inputIcon-iconEndColor);
 }
@@ -162,7 +160,5 @@
   flex-direction: row-reverse;
 }
 .gux-selected-icon gux-icon {
-  inline-size: var(--gse-ui-formControl-input-inputIcon-size);
-  block-size: var(--gse-ui-formControl-input-inputIcon-size);
   padding-inline-end: var(--gse-ui-dropdown-gap);
 }

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

@@ -316,7 +316,7 @@ export class GuxDropdown {
         return (h("span", { class: {
                 'gux-selected-icon': true,
                 'gux-icon-position-end': iconOption.iconPosition === 'end'
-            } }, h("gux-icon", { "icon-name": iconOption.iconName, style: iconStyle, decorative: true }), h("gux-truncate", { ref: el => (this.truncateElement = el) }, iconOption.textContent)));
+            } }, h("gux-icon", { "icon-name": iconOption.iconName, style: iconStyle, decorative: true, size: "small" }), h("gux-truncate", { ref: el => (this.truncateElement = el) }, iconOption.textContent)));
     }
     renderFilterInputField() {
         if (this.expanded && this.isFilterable()) {
@@ -334,7 +334,7 @@ export class GuxDropdown {
                 'gux-disabled': this.disabled
             }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: calculateInputDisabledState(this.root), onClick: this.fieldButtonClick.bind(this), onFocusin: this.showTooltip.bind(this), onFocusout: this.hideTooltip.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
-            }, "screenreader-text": this.i18n('dropdown'), iconName: this.expanded
+            }, "screenreader-text": this.i18n('dropdown'), size: "small", iconName: this.expanded
                 ? 'custom/chevron-up-small-regular'
                 : 'custom/chevron-down-small-regular' }))));
     }
@@ -349,7 +349,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '8435baa8a31d934303386e198443e832f2734cb6', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '63653fbb52b7249c6a2267f8f12a9c54a6483e26', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.css CHANGED Viewed

@@ -37,10 +37,6 @@
 .gux-tag .gux-tag-remove-button:not(:disabled):hover {
   cursor: pointer;
 }
-.gux-tag .gux-tag-remove-button .gux-tag-remove-icon {
-  inline-size: var(--gse-ui-tag-button-size);
-  block-size: var(--gse-ui-tag-button-size);
-}
 .gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon {
   outline: var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);
 }

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

@@ -22,7 +22,7 @@ export class GuxDropdownMultiTag {
         this.internalclearselected.emit();
     }
     renderRemoveButton() {
-        return (h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "fa/xmark-large-regular", "screenreader-text": this.i18n('clearSelection', {
+        return (h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, h("gux-icon", { class: "gux-tag-remove-icon", size: "small", "icon-name": "fa/xmark-large-regular", "screenreader-text": this.i18n('clearSelection', {
                 numberSelected: this.numberSelected.toString()
             }) })));
     }
@@ -30,7 +30,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '03eb4b5b125e59ff73526d0d12f50b10c2e09937', class: {
+        return (h("div", { key: '4a6d9b72248b78bbdf6980173abfb0d63649fd7a', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.css CHANGED Viewed

@@ -111,8 +111,6 @@
   flex: 0 0 auto;
   align-self: auto;
   order: 0;
-  inline-size: var(--gse-ui-formControl-input-inputIcon-size);
-  block-size: var(--gse-ui-formControl-input-inputIcon-size);
   padding-inline-start: var(--gse-ui-dropdown-gap);
   color: var(--gse-ui-formControl-input-inputIcon-iconEndColor);
 }

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

@@ -360,7 +360,7 @@ export class GuxDropdownMulti {
                 'gux-disabled': this.disabled
             }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
-            }, "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
+            }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
     }
     renderTargetContent() {
         if (!(this.expanded && this.hasTextInput())) {
@@ -374,7 +374,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: 'fa62f2b9076bdc86b557cee8d78b5aaed87e35b4', class: "gux-dropdown-container" }, h("gux-popup", { key: '97e2a04ccddd0c7164e918cd57ec230e12ef5385', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '43bef4525072d2990327e96ff0e4843540aec084', class: "gux-dropdown-container" }, h("gux-popup", { key: 'aa0523da31cb267d9a387cfdbe2726496f2baf7f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.css CHANGED Viewed

@@ -5,7 +5,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox-group/gux-form-field-checkbox-group.css CHANGED Viewed

@@ -21,7 +21,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);
@@ -72,7 +71,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.css CHANGED Viewed

@@ -12,7 +12,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.css CHANGED Viewed

@@ -21,7 +21,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file/gux-form-field-file.css CHANGED Viewed

@@ -12,7 +12,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.css CHANGED Viewed

@@ -12,7 +12,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.css CHANGED Viewed

@@ -20,7 +20,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/gux-form-field-radio.css CHANGED Viewed

@@ -26,7 +26,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio-group/gux-form-field-radio-group.css CHANGED Viewed

@@ -20,7 +20,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);
@@ -71,7 +70,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.css CHANGED Viewed

@@ -37,7 +37,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);
@@ -124,10 +123,9 @@
 ::slotted(input[type=range]) {
   position: absolute;
   inline-size: 100%;
-  inline-size: 100%;
   block-size: var(--gse-ui-rangeSlider-bar-height);
-  margin-block: calc(var(--gse-ui-rangeSlider-handle-width) / 2);
-  margin-block-start: calc(-1 * (var(--gse-ui-rangeSlider-handle-width) / 2 + var(--gse-ui-rangeSlider-bar-height)));
+  margin-block: calc(var(--gse-ui-rangeSlider-handle-height) / 2);
+  margin-block-start: calc(-1 * (var(--gse-ui-rangeSlider-handle-height) / 2 + var(--gse-ui-rangeSlider-bar-height)));
   margin-inline: 0;
   -webkit-appearance: none;
   background: transparent;
@@ -146,7 +144,7 @@
   gap: var(--gse-ui-rangeSlider-gap);
   place-content: stretch flex-start;
   align-items: center;
-  block-size: 32px;
+  block-size: var(--gse-ui-rangeSlider-set-height);
   font-size: var(--gse-ui-rangeSlider-label-text-fontSize);
 }
 .gux-input-and-error-container .gux-range-input-container.gux-disabled {
@@ -188,4 +186,8 @@
 }
 .gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden {
   display: none;
+}
+.gux-form-field-label.gux-beside {
+  inset-block-start: 0;
 }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.css CHANGED Viewed

@@ -12,7 +12,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.css CHANGED Viewed

@@ -12,7 +12,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.css CHANGED Viewed

@@ -12,7 +12,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.css CHANGED Viewed

@@ -12,7 +12,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.css CHANGED Viewed

@@ -20,7 +20,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.css CHANGED Viewed

@@ -20,7 +20,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   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);

package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.css CHANGED Viewed

@@ -35,15 +35,6 @@
 .gux-inline-alert .gux-content {
   flex: 1 1 auto;
 }
-.gux-inline-alert .gux-sr-only:not(:focus):not(:active) {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  white-space: nowrap;
-}
 .gux-inline-alert.gux-info {
   color: var(--gse-ui-alert-info-foregroundColor);
   background-color: var(--gse-ui-alert-info-backgroundColor);

package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js CHANGED Viewed

@@ -31,7 +31,7 @@ export class GuxAlert {
         return (h("div", { key: '2c8abf29af3da009e6d4f197df4e49a47587cbda', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '7b8745a5ec0d98ecbe417dd065431f5df6efdbf3', class: "gux-message-wrapper" }, h("gux-icon", { key: 'cc643d5c1dbfa85e331eee8c052671ca622bdc40', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '990d518937ccdcff25147324bb0d41e036ec9f8b', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '610c209aa4422cd2cd0731a278645a178e409626', class: "gux-content" }, h("slot", { key: 'c2d61448fabe49c14b93d6908627e31ab733ae14', name: "content" }, h("slot", { key: 'df5ac77931846370b968d5df4aa2213ad8427ae1' }))))));
+            } }, h("div", { key: '7b8745a5ec0d98ecbe417dd065431f5df6efdbf3', class: "gux-message-wrapper" }, h("gux-icon", { key: 'cc643d5c1dbfa85e331eee8c052671ca622bdc40', "icon-name": this.getIcon(this.accent), decorative: true }), h("gux-screen-reader-beta", { key: '48401042e5ef698dd0f2810c1b2c4f4e02364983' }, this.i18n(this.accent)), h("div", { key: '7bc3e3ef08e5fc9b51af0bb16cda0f737d3ed14c', class: "gux-content" }, h("slot", { key: 'feaebd15f9ca0e266d3e1d15229fadfaf2bcb66e', name: "content" }, h("slot", { key: '5e667e10f98eef645544a5d3e5c62038a9a1c80d' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }