genesys-spark-components 4.21.0 → 4.21.1

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-cae393e0.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 const findElementById = require('./find-element-by-id-9c3e0b1b.js');
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 require('./get-closest-element-26894e5a.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

package/dist/cjs/gux-radial-progress.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 const logError = require('./log-error-8a92241e.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 const clamp = require('./clamp-a9926a57.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 const logError = require('./log-error-8a92241e.js');
 
 const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";

package/dist/cjs/gux-screen-reader-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 
 const guxScreenReaderCss = ".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}";
 

package/dist/cjs/gux-segmented-control-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 require('./get-closest-element-26894e5a.js');
 
 const navigationName = "Skip links navigation";

package/dist/cjs/gux-sort-control.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 const getClosestElement = require('./get-closest-element-26894e5a.js');
 const onMutation = require('./on-mutation-ef917473.js');
 const en = require('./en-807a354e.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 

package/dist/cjs/gux-table-toolbar-action.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-251c82ed.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');
 

package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 const getSlotTextContent = require('./get-slot-text-content-c4306c7a.js');
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.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-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";

package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
 const index$1 = require('./index-dee802be.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');

package/dist/cjs/gux-table-toolbar.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const onResize = require('./on-resize-a136fc7f.js');
 const onMutation = require('./on-mutation-ec5d23bd.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 const getSlot = require('./get-slot-395a67ef.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
 

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

@@ -6,7 +6,7 @@ const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
 const whenEventIsFrom = require('./when-event-is-from-20e89254.js');
 const randomHtmlId = require('./random-html-id-32ef8847.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-26894e5a.js');
 

package/dist/cjs/gux-tabs-advanced.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 
 const GuxTabsAdvanced = class {
   constructor(hostRef) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 require('./get-closest-element-26894e5a.js');
 
 const tag = "tag with label: {label}";

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-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-03c66c70.js');
-const getValidTimezone = require('./get-valid-timezone-7b76b3df.js');
+const usage = require('./usage-774666e2.js');
+const getValidTimezone = require('./get-valid-timezone-6bacb49d.js');
+const checkRegionalDatesCookie = require('./check-regional-dates-cookie-4bd0f650.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');
 
@@ -18,7 +19,7 @@ const GuxTime = class {
   }
   componentWillLoad() {
     usage.trackComponent(this.root);
-    if (getValidTimezone.readRegionalDatesCookie()) {
+    if (checkRegionalDatesCookie.readRegionalDatesCookie()) {
       this.hasRegionalDatesCookie = true;
     }
     else {
@@ -27,7 +28,7 @@ const GuxTime = class {
   }
   renderTime() {
     if (this.hasRegionalDatesCookie) {
-      return getValidTimezone.dateTimeFormat(getValidTimezone.determineDisplayLocale(this.root), {
+      return checkRegionalDatesCookie.dateTimeFormat(checkRegionalDatesCookie.determineDisplayLocale(this.root), {
         timeStyle: this.format,
         timeZone: getValidTimezone.getValidTimezone(this.timeZone)
       })

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

@@ -7,7 +7,8 @@ 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-03c66c70.js');
+const usage = require('./usage-774666e2.js');
+const checkRegionalDatesCookie = require('./check-regional-dates-cookie-4bd0f650.js');
 require('./get-closest-element-26894e5a.js');
 
 const am = "AM";
@@ -40,7 +41,13 @@ function getTimeDisplayValues(minuteInterval, clockType) {
   }, []);
 }
 function getLocaleClockType(root) {
-  const locale = index.getDesiredLocale(root).toLowerCase();
+  let locale;
+  if (checkRegionalDatesCookie.readRegionalDatesCookie()) {
+    locale = checkRegionalDatesCookie.determineDisplayLocale(root).toLowerCase();
+  }
+  else {
+    locale = index.getDesiredLocale(root).toLowerCase();
+  }
   const date = new Date('January 19, 1975 15:00:00 UTC+00:00');
   const time = new Intl.DateTimeFormat(locale, {
     timeStyle: 'short',
@@ -171,7 +178,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{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.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{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);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;outline: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-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);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);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{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.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{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.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;outline: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-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 require('./get-closest-element-26894e5a.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.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)}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 const randomHtmlId = require('./random-html-id-32ef8847.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');

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

@@ -5,7 +5,7 @@ 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-03c66c70.js');
+const usage = require('./usage-774666e2.js');
 const findElementById = require('./find-element-by-id-9c3e0b1b.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
 

package/dist/cjs/{usage-03c66c70.js → usage-774666e2.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.21.0";
+const version = "4.21.1";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";
@@ -80,13 +80,13 @@ const devDependencies = {
 	"@types/puppeteer": "^5.4.7",
 	"@types/resize-observer-browser": "^0.1.9",
 	"@types/sortablejs": "^1.15.4",
-	"@typescript-eslint/eslint-plugin": "^6.9.1",
-	"@typescript-eslint/parser": "^6.9.1",
+	"@typescript-eslint/eslint-plugin": "^6.21.0",
+	"@typescript-eslint/parser": "^6.21.0",
 	"axe-core": "^4.8.2",
 	"axe-live": "^1.0.1",
-	eslint: "^8.52.0",
+	eslint: "^8.56.0",
 	"eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
-	"eslint-config-prettier": "^8.10.0",
+	"eslint-config-prettier": "^9.1.0",
 	"file-loader": "^6.2.0",
 	"genesys-spark-tokens": "file:../genesys-spark-tokens",
 	glob: "^10.3.0",
@@ -99,7 +99,7 @@ const devDependencies = {
 	"jest-junit": "^13.2.0",
 	"jest-silent-reporter": "^0.5.0",
 	jsdom: "^22.1.0",
-	"lint-staged": "^13.3.0",
+	"lint-staged": "^15.2.2",
 	marked: "^4.3.0",
 	"mutation-observer": "^1.0.3",
 	"node-fetch": "^3.3.2",
@@ -107,7 +107,7 @@ const devDependencies = {
 	"postcss-html": "^1.5.0",
 	"postcss-less": "^6.0.0",
 	"postcss-scss": "^4.0.9",
-	prettier: "^3.0.3",
+	prettier: "^3.2.5",
 	"prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
 	"prettier-package-json": "^2.8.0",
 	puppeteer: "^14.4.1",
@@ -116,12 +116,12 @@ const devDependencies = {
 	"semver-sort": "^1.0.0",
 	"spritesheet-templates": "^10.5.2",
 	spritesmith: "^3.4.1",
-	stylelint: "^15.11.0",
+	stylelint: "^16.2.1",
 	"stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
 	"stylelint-config-html": "^1.1.0",
-	"stylelint-config-recess-order": "^4.3.0",
-	"stylelint-config-standard": "^34.0.0",
-	"stylelint-scss": "^5.3.0",
+	"stylelint-config-recess-order": "^4.6.0",
+	"stylelint-config-standard": "^36.0.0",
+	"stylelint-scss": "^6.1.0",
 	"stylelint-use-logical": "^2.1.0",
 	"stylelint-use-logical-spec": "^5.0.1",
 	svgo: "^3.0.2",

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.css

@@ -70,12 +70,12 @@
   border-radius: var(--gse-ui-timePicker-focusAmpm-borderRadius);
 }
 .gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem {
+  display: none;
   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;
+  display: inline-block;
 }
 .gux-time-picker .gux-input-time .gux-clock-button {
   display: flex;

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.service.js

@@ -1,4 +1,6 @@
 import { getDesiredLocale } from "../../../i18n";
+import * as sparkIntl from "../../../genesys-spark-utils/intl";
+import { readRegionalDatesCookie } from "../../../i18n/check-regional-dates-cookie";
 export function getTimeDisplayValues(minuteInterval, clockType) {
   const minuteOptions = [0, 15, 30, 45]
     .filter(option => Number.isInteger(option / minuteInterval))
@@ -11,7 +13,13 @@ export function getTimeDisplayValues(minuteInterval, clockType) {
   }, []);
 }
 export function getLocaleClockType(root) {
-  const locale = getDesiredLocale(root).toLowerCase();
+  let locale;
+  if (readRegionalDatesCookie()) {
+    locale = sparkIntl.determineDisplayLocale(root).toLowerCase();
+  }
+  else {
+    locale = getDesiredLocale(root).toLowerCase();
+  }
   const date = new Date('January 19, 1975 15:00:00 UTC+00:00');
   const time = new Intl.DateTimeFormat(locale, {
     timeStyle: 'short',

package/dist/deploy-info.json

@@ -1,9 +1,9 @@
 {
   "name": "spark-components",
-  "version": "4.21.0",
+  "version": "4.21.1",
   "ecosystem": "pc",
   "team": "Core UI",
   "indexFiles": [],
-  "build": "109",
-  "buildDate": "2024-02-21T05:13:54.681789Z"
+  "build": "110",
+  "buildDate": "2024-02-22T02:39:52.872096Z"
 }

package/dist/esm/check-regional-dates-cookie-681b4814.js

@@ -0,0 +1,63 @@
+/**
+ * Provides an [Intl.DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat)
+ * object for formatting dates and times. Unlike the native version, `locale` is
+ * an optional argument. If not provided, the function will try to determine the
+ * locale from the DOM, where it should be set for a11y reasons.
+ * @param locale optional locale to use for formatting
+ * @param options options to pass to the Intl.DateTimeFormat constructor
+ * @returns a new DateTimeFormat
+ */
+function dateTimeFormat(localeOrOptions, options) {
+  let locale = undefined;
+  if (typeof localeOrOptions === 'string') {
+    locale = localeOrOptions;
+  }
+  else {
+    options = localeOrOptions;
+  }
+  if (locale != undefined) {
+    return new Intl.DateTimeFormat(locale, options);
+  }
+  else {
+    const userLocale = determineDisplayLocale();
+    return new Intl.DateTimeFormat(userLocale, options);
+  }
+}
+/**
+ * Makes a best effort to return the locale that should be used for a given element
+ * by checking language tags on ancestors. If no element is provided, it will
+ * start with the document's <body> tag. If no locale can be found, it will use
+ * the browser's locale preference. It will also try to add a region to regionless
+ * locales when there is a partial match with the browser's locale.
+ * @returns a locale string (e.g. 'en-US', 'en', 'de-DE', etc)
+ */
+function determineDisplayLocale(element = document.body) {
+  var _a;
+  const domLocale = (_a = element.closest('[lang]')) === null || _a === void 0 ? void 0 : _a.lang;
+  if (!domLocale || browserHasRegionData(domLocale)) {
+    // If we can't find a locale in the DOM, or we find a locale without a region that matches the
+    // users's browser locale, use the browser locale.
+    return navigator.language;
+  }
+  else {
+    return domLocale;
+  }
+}
+/**
+ * Returns true if the provided locale only has a language, but the user's
+ * browser settings have the same language with a locale.
+ * @param localeString The locale to check
+ * @returns true if the region can be guessed from the browser settings.
+ */
+function browserHasRegionData(localeString) {
+  return (localeString.length == 2 &&
+    navigator.language.startsWith(`${localeString}-`));
+}
+
+const readRegionalDatesCookie = () => {
+  return !!document.cookie
+    .split('; ')
+    .find(cookie => cookie.startsWith('spark-enable-regional-dates'));
+};
+
+export { determineDisplayLocale as a, dateTimeFormat as d, readRegionalDatesCookie as r };

package/dist/esm/{get-valid-timezone-eb98c51d.js → get-valid-timezone-b9060a4c.js}

@@ -46,68 +46,6 @@ class DateTimeFormatter {
   }
 }
 
-/**
- * Provides an [Intl.DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat)
- * object for formatting dates and times. Unlike the native version, `locale` is
- * an optional argument. If not provided, the function will try to determine the
- * locale from the DOM, where it should be set for a11y reasons.
- * @param locale optional locale to use for formatting
- * @param options options to pass to the Intl.DateTimeFormat constructor
- * @returns a new DateTimeFormat
- */
-function dateTimeFormat(localeOrOptions, options) {
-  let locale = undefined;
-  if (typeof localeOrOptions === 'string') {
-    locale = localeOrOptions;
-  }
-  else {
-    options = localeOrOptions;
-  }
-  if (locale != undefined) {
-    return new Intl.DateTimeFormat(locale, options);
-  }
-  else {
-    const userLocale = determineDisplayLocale();
-    return new Intl.DateTimeFormat(userLocale, options);
-  }
-}
-/**
- * Makes a best effort to return the locale that should be used for a given element
- * by checking language tags on ancestors. If no element is provided, it will
- * start with the document's <body> tag. If no locale can be found, it will use
- * the browser's locale preference. It will also try to add a region to regionless
- * locales when there is a partial match with the browser's locale.
- * @returns a locale string (e.g. 'en-US', 'en', 'de-DE', etc)
- */
-function determineDisplayLocale(element = document.body) {
-  var _a;
-  const domLocale = (_a = element.closest('[lang]')) === null || _a === void 0 ? void 0 : _a.lang;
-  if (!domLocale || browserHasRegionData(domLocale)) {
-    // If we can't find a locale in the DOM, or we find a locale without a region that matches the
-    // users's browser locale, use the browser locale.
-    return navigator.language;
-  }
-  else {
-    return domLocale;
-  }
-}
-/**
- * Returns true if the provided locale only has a language, but the user's
- * browser settings have the same language with a locale.
- * @param localeString The locale to check
- * @returns true if the region can be guessed from the browser settings.
- */
-function browserHasRegionData(localeString) {
-  return (localeString.length == 2 &&
-    navigator.language.startsWith(`${localeString}-`));
-}
-
-const readRegionalDatesCookie = () => {
-  return !!document.cookie
-    .split('; ')
-    .find(cookie => cookie.startsWith('spark-enable-regional-dates'));
-};
-
 const timeZoneIdentifiers = [
   'Africa/Abidjan',
   'Africa/Accra',
@@ -576,4 +514,4 @@ function getValidTimezone(input, fallback) {
   return fallback;
 }
 
-export { DateTimeFormatter as D, determineDisplayLocale as a, dateTimeFormat as d, getValidTimezone as g, readRegionalDatesCookie as r };
+export { DateTimeFormatter as D, getValidTimezone as g };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-4f584569.js';
+import { t as trackComponent } from './usage-6a2c2074.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-f15c5ac7.js';
 import { w as whenEventIsFrom } from './when-event-is-from-6154bd60.js';
 import { a as afterNextRenderTimeout } from './after-next-render-84ec18ad.js';
-import { t as trackComponent } from './usage-4f584569.js';
+import { t as trackComponent } from './usage-6a2c2074.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import './get-closest-element-66f63212.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-4f584569.js';
+import { t as trackComponent } from './usage-6a2c2074.js';
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-lg-fontSize);line-height:var(--gse-core-typography-heading-lg-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-typography-body-sm-fontSize);line-height:var(--gse-core-typography-body-sm-lineHeight);font-weight:var(--gse-core-fontWeight-regular)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { o as onMutation } from './on-mutation-a2b7cdad.js';
 import { O as OnClickOutside } from './on-click-outside-f15c5ac7.js';
 import { a as afterNextRenderTimeout } from './after-next-render-84ec18ad.js';
-import { t as trackComponent } from './usage-4f584569.js';
+import { t as trackComponent } from './usage-6a2c2074.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import './get-closest-element-66f63212.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-4f584569.js';
+import { t as trackComponent } from './usage-6a2c2074.js';
 import { b as afterNextRender } from './after-next-render-84ec18ad.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";