genesys-spark-components 4.0.0-beta.53 → 4.0.0-beta.54

package/dist/cjs/gux-text-highlight.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-cce79e1d.js');
+const usage = require('./usage-350f2a28.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-cce79e1d.js');
-const getValidTimezone = require('./get-valid-timezone-6bacb49d.js');
-const index$1 = require('./index-dee802be.js');
+const usage = require('./usage-350f2a28.js');
+const getValidTimezone = require('./get-valid-timezone-7bb7bdc6.js');
+const index$1 = require('./index-788d733b.js');
 require('./get-closest-element-26894e5a.js');
 
 const GuxTime = class {

package/dist/cjs/gux-time-picker.cjs.entry.js

@@ -6,8 +6,8 @@ const index$1 = require('./index-75c9f0d9.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
-const index = require('./index-dee802be.js');
-const usage = require('./usage-cce79e1d.js');
+const index = require('./index-788d733b.js');
+const usage = require('./usage-350f2a28.js');
 require('./get-closest-element-26894e5a.js');
 
 const am = "AM";
@@ -170,7 +170,7 @@ function getValidValueMinuteChange(value, change, selectionStart) {
   return `${hour}:${wanted}`;
 }
 
-const guxTimePickerCss = ".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{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;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);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);white-space:nowrap;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-time-picker .gux-input-time:focus-within{border:var(--gse-ui-timePicker-focusTime-border-width) var(--gse-ui-timePicker-focusTime-border-style) var(--gse-ui-timePicker-focusTime-border-color);border-radius:var(--gse-ui-timePicker-focusTime-borderRadius)}.gux-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{border:var(--gse-ui-timePicker-focusAmpm-border-width) var(--gse-ui-timePicker-focusAmpm-border-style) var(--gse-ui-timePicker-focusAmpm-border-color);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{grid-row:1/1;grid-column:1/1;visibility:hidden}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{visibility:visible}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus{outline:none}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{border:var(--gse-ui-timePicker-focusClock-border-width) var(--gse-ui-timePicker-focusClock-border-style) var(--gse-ui-timePicker-focusClock-border-color);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding:0 1ch}.gux-time-picker .gux-list-container{max-height:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";
+const guxTimePickerCss = ".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);align-content:stretch;align-items:center;justify-content:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);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);white-space:nowrap;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-time-picker .gux-input-time:focus-within{border:var(--gse-ui-timePicker-focusTime-border-width) var(--gse-ui-timePicker-focusTime-border-style) var(--gse-ui-timePicker-focusTime-border-color);border-radius:var(--gse-ui-timePicker-focusTime-borderRadius)}.gux-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{border:var(--gse-ui-timePicker-focusAmpm-border-width) var(--gse-ui-timePicker-focusAmpm-border-style) var(--gse-ui-timePicker-focusAmpm-border-color);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{grid-row:1/1;grid-column:1/1;visibility:hidden}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{visibility:visible}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus{outline:none}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{border:var(--gse-ui-timePicker-focusClock-border-width) var(--gse-ui-timePicker-focusClock-border-style) var(--gse-ui-timePicker-focusClock-border-color);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding:0 1ch}.gux-time-picker .gux-list-container{max-height:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-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;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-cce79e1d.js');
+const index$1 = require('./index-788d733b.js');
+const usage = require('./usage-350f2a28.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 require('./get-closest-element-26894e5a.js');
 
@@ -2535,7 +2535,7 @@ const rawTimeZones = [
 		],
 		continentCode: "EU",
 		continentName: "Europe",
-		countryName: "The Netherlands",
+		countryName: "Netherlands",
 		countryCode: "NL",
 		mainCities: [
 			"Amsterdam",

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-cce79e1d.js');
+const usage = require('./usage-350f2a28.js');
 const hasSlot = require('./has-slot-429f8b9e.js');
 
-const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;width:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-bottom:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-x) var(--gse-ui-toast-boxShadow-y) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-buttonBar-gap);justify-content:flex-start}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";
+const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);align-content:stretch;align-items:flex-start;justify-content:flex-start;width:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-bottom:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-x) var(--gse-ui-toast-boxShadow-y) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);align-content:stretch;align-items:flex-start;align-self:auto;justify-content:flex-start;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-buttonBar-gap);justify-content:flex-start}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";
 
 const GuxToast = class {
   constructor(hostRef) {

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-cce79e1d.js');
+const usage = require('./usage-350f2a28.js');
 const randomHtmlId = require('./random-html-id-32ef8847.js');
-const index$1 = require('./index-dee802be.js');
+const index$1 = require('./index-788d733b.js');
 require('./get-closest-element-26894e5a.js');
 
 const defaultAriaLabel = "Toggle Switch";
@@ -17,7 +17,7 @@ const translationResources = {
 	toggleIsFinishedLoading: toggleIsFinishedLoading
 };
 
-const guxToggleCss = ":host{display:block;margin:2px;color:#2e394c;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container{cursor:pointer}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:flex-start}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block;padding:0 4px;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight)}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:\"inner-div\";place-items:start;font-family:var(--gse-ui-toggle-label-fontWeight)}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;font-size:var(--gse-ui-toggle-label-fontSize);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin:0 4px;color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}";
+const guxToggleCss = ":host{display:block;margin:2px;color:#2e394c;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container{cursor:pointer}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);align-content:stretch;align-items:flex-start;justify-content:flex-start}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block;padding:0 4px;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight)}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:\"inner-div\";place-items:start;font-family:var(--gse-ui-toggle-label-fontWeight)}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:var(--gse-ui-toggle-label-fontSize);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin:0 4px;color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}";
 
 const GuxToggle = class {
   constructor(hostRef) {

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-cae393e0.js');
 const randomHtmlId = require('./random-html-id-32ef8847.js');
-const usage = require('./usage-cce79e1d.js');
+const usage = require('./usage-350f2a28.js');
 const findElementById = require('./find-element-by-id-9c3e0b1b.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
 
-const guxTooltipCss = ":host{position:fixed;z-index:var(--gux-zindex-tooltip, 1);display:none;width:max-content;max-width:250px;box-shadow:var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);pointer-events:none;background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container[data-placement=bottom] .gux-arrow,.gux-container[data-placement=bottom-start] .gux-arrow,.gux-container[data-placement=bottom-end] .gux-arrow{border-top:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-left:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container[data-placement=top] .gux-arrow,.gux-container[data-placement=top-start] .gux-arrow,.gux-container[data-placement=top-end] .gux-arrow{border-right:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-bottom:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container[data-placement=left] .gux-arrow,.gux-container[data-placement=left-start] .gux-arrow,.gux-container[data-placement=left-end] .gux-arrow{border-top:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-right:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container[data-placement=right] .gux-arrow,.gux-container[data-placement=right-start] .gux-arrow,.gux-container[data-placement=right-end] .gux-arrow{border-bottom:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-left:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container .gux-arrow{position:absolute;width:13px;height:13px;background:inherit;border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-light-iconColor)}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark[data-placement=bottom] .gux-arrow,.gux-container.gux-dark[data-placement=bottom-start] .gux-arrow,.gux-container.gux-dark[data-placement=bottom-end] .gux-arrow{border-top:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-left:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark[data-placement=top] .gux-arrow,.gux-container.gux-dark[data-placement=top-start] .gux-arrow,.gux-container.gux-dark[data-placement=top-end] .gux-arrow{border-right:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-bottom:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark[data-placement=left] .gux-arrow,.gux-container.gux-dark[data-placement=left-start] .gux-arrow,.gux-container.gux-dark[data-placement=left-end] .gux-arrow{border-top:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-right:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark[data-placement=right] .gux-arrow,.gux-container.gux-dark[data-placement=right-start] .gux-arrow,.gux-container.gux-dark[data-placement=right-end] .gux-arrow{border-bottom:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-left:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";
+const guxTooltipCss = ":host{position:fixed;z-index:var(--gux-zindex-tooltip, 1);display:none;width:max-content;max-width:250px;box-shadow:var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);align-content:center;justify-content:flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);pointer-events:none;background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container[data-placement=bottom] .gux-arrow,.gux-container[data-placement=bottom-start] .gux-arrow,.gux-container[data-placement=bottom-end] .gux-arrow{border-top:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-left:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container[data-placement=top] .gux-arrow,.gux-container[data-placement=top-start] .gux-arrow,.gux-container[data-placement=top-end] .gux-arrow{border-right:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-bottom:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container[data-placement=left] .gux-arrow,.gux-container[data-placement=left-start] .gux-arrow,.gux-container[data-placement=left-end] .gux-arrow{border-top:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-right:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container[data-placement=right] .gux-arrow,.gux-container[data-placement=right-start] .gux-arrow,.gux-container[data-placement=right-end] .gux-arrow{border-bottom:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-left:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container .gux-arrow{position:absolute;width:13px;height:13px;background:inherit;border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-light-iconColor)}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark[data-placement=bottom] .gux-arrow,.gux-container.gux-dark[data-placement=bottom-start] .gux-arrow,.gux-container.gux-dark[data-placement=bottom-end] .gux-arrow{border-top:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-left:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark[data-placement=top] .gux-arrow,.gux-container.gux-dark[data-placement=top-start] .gux-arrow,.gux-container.gux-dark[data-placement=top-end] .gux-arrow{border-right:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-bottom:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark[data-placement=left] .gux-arrow,.gux-container.gux-dark[data-placement=left-start] .gux-arrow,.gux-container.gux-dark[data-placement=left-end] .gux-arrow{border-top:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-right:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark[data-placement=right] .gux-arrow,.gux-container.gux-dark[data-placement=right-start] .gux-arrow,.gux-container.gux-dark[data-placement=right-end] .gux-arrow{border-bottom:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-left:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";
 
 const GuxTooltip = class {
   constructor(hostRef) {
@@ -53,7 +53,7 @@ const GuxTooltip = class {
     });
   }
   updatePosition() {
-    const middleware = [floatingUi_dom_esm.offset(16), floatingUi_dom_esm.flip(), floatingUi_dom_esm.shift()];
+    const middleware = [floatingUi_dom_esm.offset(16), floatingUi_dom_esm.flip(), floatingUi_dom_esm.shift(), floatingUi_dom_esm.hide()];
     if (this.anchor) {
       middleware.push(floatingUi_dom_esm.arrow({ element: this.arrowElement }));
     }
@@ -62,9 +62,11 @@ const GuxTooltip = class {
       strategy: 'fixed',
       middleware: middleware
     }).then(({ x, y, middlewareData, placement }) => {
+      var _a;
       Object.assign(this.root.style, {
         left: `${x}px`,
-        top: `${y}px`
+        top: `${y}px`,
+        visibility: ((_a = middlewareData.hide) === null || _a === void 0 ? void 0 : _a.referenceHidden) ? 'hidden' : 'visible'
       });
       //data-placement needed on the for e2e tests.
       this.root.setAttribute('data-placement', this.placement);

package/dist/cjs/{index-dee802be.js → index-788d733b.js}

@@ -761,10 +761,6 @@ var timeData = {
         "hb",
         "H"
     ],
-    "BI": [
-        "H",
-        "h"
-    ],
     "BJ": [
         "H",
         "hB"
@@ -814,10 +810,6 @@ var timeData = {
         "hb",
         "hB"
     ],
-    "BY": [
-        "H",
-        "h"
-    ],
     "BZ": [
         "H",
         "h",
@@ -906,10 +898,6 @@ var timeData = {
         "H",
         "hB"
     ],
-    "CW": [
-        "H",
-        "hB"
-    ],
     "CX": [
         "H",
         "h",
@@ -1025,10 +1013,6 @@ var timeData = {
         "H",
         "hB"
     ],
-    "FO": [
-        "H",
-        "h"
-    ],
     "FR": [
         "H",
         "hB"
@@ -1074,10 +1058,6 @@ var timeData = {
         "hb",
         "hB"
     ],
-    "GL": [
-        "H",
-        "h"
-    ],
     "GM": [
         "h",
         "hb",
@@ -1142,10 +1122,6 @@ var timeData = {
         "H",
         "hB"
     ],
-    "HU": [
-        "H",
-        "h"
-    ],
     "IC": [
         "H",
         "h",
@@ -1218,8 +1194,8 @@ var timeData = {
     ],
     "JP": [
         "H",
-        "K",
-        "h"
+        "h",
+        "K"
     ],
     "KE": [
         "hB",
@@ -1370,10 +1346,6 @@ var timeData = {
         "H",
         "hB"
     ],
-    "MG": [
-        "H",
-        "h"
-    ],
     "MH": [
         "h",
         "hb",
@@ -1429,18 +1401,6 @@ var timeData = {
         "hb",
         "hB"
     ],
-    "MT": [
-        "H",
-        "h"
-    ],
-    "MU": [
-        "H",
-        "h"
-    ],
-    "MV": [
-        "H",
-        "h"
-    ],
     "MW": [
         "h",
         "hb",
@@ -1498,10 +1458,6 @@ var timeData = {
         "H",
         "hB"
     ],
-    "NO": [
-        "H",
-        "h"
-    ],
     "NP": [
         "H",
         "h",
@@ -1563,10 +1519,6 @@ var timeData = {
         "hB",
         "H"
     ],
-    "PL": [
-        "H",
-        "h"
-    ],
     "PM": [
         "H",
         "hB"
@@ -1625,10 +1577,6 @@ var timeData = {
     "RU": [
         "H"
     ],
-    "RW": [
-        "H",
-        "h"
-    ],
     "SA": [
         "h",
         "hB",
@@ -1761,24 +1709,12 @@ var timeData = {
         "H",
         "hB"
     ],
-    "TH": [
-        "H",
-        "h"
-    ],
-    "TJ": [
-        "H",
-        "h"
-    ],
     "TL": [
         "H",
         "hB",
         "hb",
         "h"
     ],
-    "TM": [
-        "H",
-        "h"
-    ],
     "TN": [
         "h",
         "hB",
@@ -1874,10 +1810,6 @@ var timeData = {
         "H",
         "hB"
     ],
-    "VN": [
-        "H",
-        "h"
-    ],
     "VU": [
         "h",
         "H"
@@ -1917,10 +1849,6 @@ var timeData = {
         "H",
         "hB"
     ],
-    "ZW": [
-        "H",
-        "h"
-    ],
     "af-ZA": [
         "H",
         "h",

package/dist/cjs/{usage-cce79e1d.js → usage-350f2a28.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.0.0-beta.53";
+const version = "4.0.0-beta.54";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";

package/dist/collection/components/beta/gux-phone-input/gux-phone-input.css

@@ -22,8 +22,9 @@
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  place-content: stretch center;
+  align-content: stretch;
   align-items: center;
+  justify-content: center;
   width: 100%;
   height: 32px;
   padding: 4px 8px 4px 0;
@@ -54,8 +55,9 @@
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  place-content: stretch center;
+  align-content: stretch;
   align-items: center;
+  justify-content: center;
   width: 100%;
   height: 30px;
   padding: 6px 8px 6px 16px;
@@ -71,8 +73,9 @@
   flex: 1 1 0;
   flex-direction: column;
   flex-wrap: nowrap;
-  place-content: stretch flex-start;
+  align-content: stretch;
   align-items: flex-start;
+  justify-content: flex-start;
   min-width: 0;
   height: 100%;
 }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.css

@@ -49,8 +49,9 @@ button {
   flex-direction: row;
   flex-wrap: nowrap;
   gap: var(--gse-ui-segmentedControl-button-gap);
-  place-content: stretch flex-start;
+  align-content: stretch;
   align-items: center;
+  justify-content: flex-start;
   height: 100%;
   padding: var(--gse-ui-segmentedControl-button-padding);
   color: var(--gse-ui-segmentedControl-button-default-foregroundColor);

package/dist/collection/components/legacy/gux-action-toast-legacy/gux-action-toast.css

@@ -8,8 +8,9 @@
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
-  place-content: stretch flex-start;
+  align-content: stretch;
   align-items: stretch;
+  justify-content: flex-start;
   width: 270px;
   padding: 20px 24px;
   margin-bottom: 4px;
@@ -25,9 +26,10 @@
   flex: 0 1 auto;
   flex-direction: row;
   flex-wrap: nowrap;
-  place-content: stretch flex-start;
+  align-content: stretch;
   align-items: center;
   align-self: auto;
+  justify-content: flex-start;
   order: 0;
   font-family: var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
   font-size: var(--gse-core-typography-heading-lg-fontSize);
@@ -65,8 +67,9 @@
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  place-content: stretch flex-start;
+  align-content: stretch;
   align-items: flex-start;
+  justify-content: flex-start;
   margin: 0;
 }
 
@@ -75,9 +78,10 @@
   flex: 0 1 auto;
   flex-direction: row;
   flex-wrap: nowrap;
-  place-content: stretch space-between;
+  align-content: stretch;
   align-items: flex-start;
   align-self: auto;
+  justify-content: space-between;
   order: 0;
 }
 .gux-action-buttons .gux-negative-button {
@@ -96,9 +100,10 @@
   flex: 0 1 auto;
   flex-direction: row;
   flex-wrap: nowrap;
-  place-content: stretch space-between;
+  align-content: stretch;
   align-items: flex-start;
   align-self: auto;
+  justify-content: space-between;
   order: 0;
 }
 .gux-action-buttons .gux-negative-button {

package/dist/collection/components/legacy/gux-notification-toast-legacy/gux-notification-toast.css

@@ -9,8 +9,9 @@
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  place-content: stretch flex-start;
+  align-content: stretch;
   align-items: flex-start;
+  justify-content: flex-start;
   width: 294px;
   padding: 16px 8px 16px 16px;
   margin-bottom: 4px;
@@ -50,9 +51,10 @@
   flex: 1 1 auto;
   flex-direction: column;
   flex-wrap: nowrap;
-  place-content: stretch flex-start;
+  align-content: stretch;
   align-items: flex-start;
   align-self: auto;
+  justify-content: flex-start;
   order: 0;
   margin: 0 12px 0 8px;
   color: #2e394c;

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-buttons-legacy.css

@@ -3,8 +3,9 @@ gux-pagination-buttons-legacy .gux-pagination-buttons-container {
   flex-direction: row;
   flex-wrap: nowrap;
   gap: var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);
-  place-content: stretch flex-end;
+  align-content: stretch;
   align-items: center;
+  justify-content: flex-end;
   margin-left: var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);
 }
 gux-pagination-buttons-legacy .gux-pagination-buttons-container.gux-expanded {
@@ -23,8 +24,9 @@ gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-
   flex-direction: row;
   flex-wrap: nowrap;
   gap: var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);
-  place-content: stretch center;
+  align-content: stretch;
   align-items: center;
+  justify-content: center;
 }
 gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-input-container > div {
   flex: 0 1 auto;
@@ -44,8 +46,9 @@ gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-
   flex-direction: row;
   flex-wrap: nowrap;
   gap: var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);
-  place-content: stretch center;
+  align-content: stretch;
   align-items: center;
+  justify-content: center;
 }
 gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button {
   height: 32px;

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-items-per-page-legacy/gux-pagination-items-per-page-legacy.css

@@ -3,8 +3,9 @@ gux-pagination-items-per-page-legacy .gux-pagination-items-per-page-container {
   flex-direction: row;
   flex-wrap: nowrap;
   gap: var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);
-  place-content: stretch center;
+  align-content: stretch;
   align-items: center;
+  justify-content: center;
 }
 gux-pagination-items-per-page-legacy .gux-pagination-items-per-page-container > div {
   flex: 0 1 auto;

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-legacy.css

@@ -7,8 +7,9 @@
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  place-content: stretch space-between;
+  align-content: stretch;
   align-items: center;
+  justify-content: space-between;
   height: var(--gse-ui-dataTableItems-cell-tablePagination-height);
   padding: var(--gse-ui-dataTableItems-tablePagination-padding);
   background-color: var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor);
@@ -19,9 +20,10 @@
   flex-direction: row;
   flex-wrap: nowrap;
   gap: var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);
-  place-content: stretch flex-start;
+  align-content: stretch;
   align-items: center;
   align-self: auto;
+  justify-content: flex-start;
   order: 0;
 }
 .gux-pagination-container .gux-pagination-info > * {

package/dist/collection/components/legacy/gux-simple-toast-legacy/gux-simple-toast.css

@@ -3,8 +3,9 @@
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  place-content: stretch flex-start;
+  align-content: stretch;
   align-items: flex-start;
+  justify-content: flex-start;
   width: 286px;
   margin-bottom: 4px;
   color: #2e394c;

package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.css

@@ -20,8 +20,9 @@ section.gux-disabled > * {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  place-content: center flex-start;
+  align-content: center;
   align-items: center;
+  justify-content: flex-start;
   width: 100%;
   padding: var(--gse-ui-accordion-header-padding);
   margin: 0;

package/dist/collection/components/stable/gux-breadcrumbs/breadcrumb-item/gux-breadcrumb-item.css

@@ -40,8 +40,9 @@
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  place-content: flex-start flex-start;
+  align-content: flex-start;
   align-items: center;
+  justify-content: flex-start;
   min-height: var(--gse-ui-breadcrumbs-secondary-height);
 }
 .gux-breadcrumb-generation .gux-breadcrumb-content {

package/dist/collection/components/stable/gux-breadcrumbs/gux-breadcrumbs.css

@@ -2,8 +2,9 @@ ol {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  place-content: flex-start flex-start;
+  align-content: flex-start;
   align-items: center;
+  justify-content: flex-start;
   padding: 0;
   margin: 0;
   list-style: none;

package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.css

@@ -14,8 +14,9 @@
   flex-direction: row;
   flex-wrap: nowrap;
   gap: var(--gse-ui-dataTableItems-editColumn-editColumnItem-gap);
-  place-content: stretch flex-start;
+  align-content: stretch;
   align-items: center;
+  justify-content: flex-start;
   margin-bottom: -2px;
   border-top: 2px solid transparent;
   border-bottom: 2px solid transparent;

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

@@ -86,8 +86,9 @@
   flex-grow: 1;
   flex-shrink: 0;
   gap: var(--gse-ui-formControl-input-gap);
-  place-content: center flex-end;
+  align-content: center;
   align-items: center;
+  justify-content: flex-end;
   padding: 0;
 }
 .gux-content-search .gux-content-control-panel gux-icon {