genesys-spark-components 4.36.0 → 4.38.0

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const onResize = require('./on-resize-da1477df.js');
 const onMutation = require('./on-mutation-3d294d15.js');
-const usage = require('./usage-9998f11d.js');
+const usage = require('./usage-0cce8167.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 

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

@@ -6,7 +6,7 @@ const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-9998f11d.js');
+const usage = require('./usage-0cce8167.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-9998f11d.js');
+const usage = require('./usage-0cce8167.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-7fb02c8c.js');
-const usage = require('./usage-9998f11d.js');
+const usage = require('./usage-0cce8167.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}";
 const GuxTabsStyle0 = guxTabsCss;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-9998f11d.js');
+const usage = require('./usage-0cce8167.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";
@@ -55,7 +55,7 @@ const GuxTag = class {
     }
     renderRemoveButton() {
         if (this.removable) {
-            return (index.h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, index.h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "close", "screenreader-text": this.i18n('remove-tag', { label: this.label }) })));
+            return (index.h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, index.h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "fa/xmark-large-regular", "screenreader-text": this.i18n('remove-tag', { label: this.label }) })));
         }
     }
     componentWillLoad() {
@@ -67,7 +67,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: '9f2706b4b36a4e5fcb954f3a18600f8669c27713', class: {
+        return (index.h("div", { key: 'b8ba3e0d87e756670883f8c9b927615c9cb0494e', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-9998f11d.js');
+const usage = require('./usage-0cce8167.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-7fb02c8c.js');
-const usage = require('./usage-9998f11d.js');
+const usage = require('./usage-0cce8167.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
-const checkRegionalDatesCookie = require('./check-regional-dates-cookie-406e21e2.js');
+const useRegionalDates = require('./use-regional-dates-7be0e7b5.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -19,7 +19,7 @@ const GuxTime = class {
     }
     componentWillLoad() {
         usage.trackComponent(this.root);
-        if (checkRegionalDatesCookie.readRegionalDatesCookie()) {
+        if (useRegionalDates.useRegionalDates()) {
             this.hasRegionalDatesCookie = true;
         }
         else {
@@ -28,7 +28,7 @@ const GuxTime = class {
     }
     renderTime() {
         if (this.hasRegionalDatesCookie) {
-            return checkRegionalDatesCookie.dateTimeFormat(checkRegionalDatesCookie.determineDisplayLocale(this.root), {
+            return useRegionalDates.dateTimeFormat(useRegionalDates.determineDisplayLocale(this.root), {
                 timeStyle: this.format,
                 timeZone: getValidTimezone.getValidTimezone(this.timeZone)
             })
@@ -41,7 +41,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '62fa9fab592fd5184965dff3fefe25cecaa3aeaa' }, this.renderTime()));
+        return (index.h(index.Host, { key: '594fa8c0284945f1d4050147ad6ea01a007bd711' }, this.renderTime()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -7,8 +7,8 @@ const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-a1a48d79.js');
-const usage = require('./usage-9998f11d.js');
-const checkRegionalDatesCookie = require('./check-regional-dates-cookie-406e21e2.js');
+const usage = require('./usage-0cce8167.js');
+const useRegionalDates = require('./use-regional-dates-7be0e7b5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const am = "AM";
@@ -42,8 +42,8 @@ function getTimeDisplayValues(minuteInterval, clockType) {
 }
 function getLocaleClockType(root) {
     let locale;
-    if (checkRegionalDatesCookie.readRegionalDatesCookie()) {
-        locale = checkRegionalDatesCookie.determineDisplayLocale(root).toLowerCase();
+    if (useRegionalDates.useRegionalDates()) {
+        locale = useRegionalDates.determineDisplayLocale(root).toLowerCase();
     }
     else {
         locale = index.getDesiredLocale(root).toLowerCase();
@@ -371,7 +371,7 @@ const GuxTimePicker = class {
         return (index$1.h("button", { class: {
                 'gux-clock-button': true,
                 'gux-active': this.expanded
-            }, type: "button", disabled: this.disabled, "aria-label": this.i18n('clockButton'), "aria-expanded": this.expanded.toString(), onClick: this.toggleDropdown.bind(this), ref: el => (this.clockButton = el) }, index$1.h("gux-icon", { decorative: true, "icon-name": "clock-outline" })));
+            }, type: "button", disabled: this.disabled, "aria-label": this.i18n('clockButton'), "aria-expanded": this.expanded.toString(), onClick: this.toggleDropdown.bind(this), ref: el => (this.clockButton = el) }, index$1.h("gux-icon", { decorative: true, "icon-name": "fa/clock-regular" })));
     }
     renderTimeListItems() {
         return getTimeDisplayValues(this.interval, this.clockType).map(displayValue => {
@@ -386,7 +386,7 @@ const GuxTimePicker = class {
         return (index$1.h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, index$1.h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (index$1.h("gux-popup", { key: '2e7e4719965e766a5bac19a380c0a920e4eb9870', class: {
+        return (index$1.h("gux-popup", { key: 'a1a6bd6c210932d788ba2c078a8cd1e979b40e75', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

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-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-9998f11d.js');
+const usage = require('./usage-0cce8167.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-9998f11d.js');
+const usage = require('./usage-0cce8167.js');
 const hasSlot = require('./has-slot-3edae188.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-7fb02c8c.js');
-const usage = require('./usage-9998f11d.js');
+const usage = require('./usage-0cce8167.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -81,15 +81,15 @@ const GuxToggle = class {
     }
     renderError() {
         if (this.errorMessage) {
-            return (index.h("div", { id: this.errorId, class: "gux-toggle-error" }, index.h("div", { class: "gux-toggle-error-container" }, index.h("gux-icon", { "icon-name": "alert-warning-octogon", decorative: true }), index.h("div", { class: "gux-toggle-error-message" }, this.errorMessage))));
+            return (index.h("div", { id: this.errorId, class: "gux-toggle-error" }, index.h("div", { class: "gux-toggle-error-container" }, index.h("gux-icon", { "icon-name": "fa/hexagon-exclamation-regular", decorative: true }), index.h("div", { class: "gux-toggle-error-message" }, this.errorMessage))));
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9e7ed9c1d7b1267d3391188d07adbe06ec08a986', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '519925520abbef460f6195457fd66289f20eced4', class: {
+        return (index.h(index.Host, { key: '6b5c0fea373ef70ce15e5c6ae6eb64f676533572', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: 'ca5167424abf398cd1ec64bbb0e8f927e3f99acc', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: '68853486e54a6de0a1a9c27ea21242dc807da72c', class: "gux-toggle-input" }, index.h("gux-toggle-slider", { key: '6e646780e6b52901302c8cbb1a610788197faafe', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), onClick: this.toggle.bind(this), onKeyDown: this.onKeydown.bind(this), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: '584554bc125498dc32a2e100658cc75ce4869547', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '37eafa57faef46b371a072b2f2f46d933d106313', class: "gux-toggle-input" }, index.h("gux-toggle-slider", { key: 'd251ba3072d54748a996450bb8c0140d5e557040', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), onClick: this.toggle.bind(this), onKeyDown: this.onKeydown.bind(this), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: 'febf4e67be0cacd199170a6fec1942a000e9079b', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-9998f11d.js');
+const usage = require('./usage-0cce8167.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
 const guxTooltipBaseCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;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);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 ::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 ::slotted(*){width:100%;overflow-wrap:break-word;white-space:normal}.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 ::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}}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-9998f11d.js');
+const usage = require('./usage-0cce8167.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-9998f11d.js');
+const usage = require('./usage-0cce8167.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 

package/dist/cjs/usage-0cce8167.js

@@ -0,0 +1,229 @@
+'use strict';
+
+const name = "genesys-spark-components";
+const version = "4.38.0";
+const description = "Common webcomponents";
+const license = "MIT";
+const main = "dist/stencil-wrapper.js";
+const files = [
+	"dist/"
+];
+const scripts = {
+	build: "npm run clean && npm run i18n && npm run generate-gux-icon-types-file && npm run copy-genesys-spark-utils && npm run stencil && npm run build-wrapper",
+	"build-i18n": "./scripts/build-i18n.js",
+	"build-wrapper": "./scripts/wrap-stencil.js",
+	"check-a11y": "node ./scripts/check-a11y.mjs",
+	"check-readmes": "./scripts/check-readmes.sh",
+	clean: "rm -r ./dist ./build || true",
+	"copy-genesys-spark-utils": "node ./scripts/copy-genesys-spark-utils.mjs",
+	predev: "npm run i18n && npm run generate-gux-icon-types-file ",
+	dev: "npm run stencil.dev",
+	eslint: "eslint --fix .",
+	"generate-flags-sprite-file": "./scripts/generate-flags-sprite-file.js",
+	"generate-gux-icon-types-file": "./scripts/generate-gux-icon-types-file.js",
+	"generate-start-of-week-file": "./scripts/generate-start-of-week-file.js",
+	"generate-versions-file": "./scripts/generate-versions-file.mjs",
+	i18n: "npm run update-en-i18n && npm run build-i18n && npm run generate-start-of-week-file",
+	"lint-all": "npm-run-all \"stylelint\" \"eslint\" \"prettier\" \"prettier-package-json\" \"svgo\"",
+	"lint-staged": "lint-staged --concurrent false",
+	"list-checked-a11y-components": "node scripts/list-checked-a11y-components.js",
+	"list-component-tracking": "./scripts/list-component-tracking.js",
+	"list-i18n-files": "./scripts/list-i18n-files.js",
+	"list-light-dom-components": "./scripts/list-light-dom-components.js",
+	"list-shadow-explicitly-set": "./scripts/list-shadow-explicitly-set.js",
+	"predev.public": "npm run predev",
+	prepare: "npm run i18n",
+	prettier: "prettier --log-level silent --ignore-unknown --write .",
+	"prettier-package-json": "prettier-package-json --write ./package.json",
+	stencil: "stencil build --prod",
+	"stencil.dev": "stencil build --dev --watch --serve --no-open",
+	stylelint: "stylelint --fix \"**/*.{css,html,scss}\"",
+	svgo: "find ./src/components/stable/gux-icon/icons/**/*.svg -type f ! -path '*/legacy/*' -exec svgo {} +",
+	test: "TZ=UTC stencil test --spec --e2e",
+	"test.ci": "TZ=UTC npm run test.ci.spec",
+	"test.ci.e2e": "TZ=UTC stencil test --e2e --max-workers=1",
+	"test.ci.spec": "TZ=UTC stencil test --spec --max-workers=1",
+	"test.e2e": "TZ=UTC stencil test --e2e",
+	"test.e2e.update-snapshot": "TZ=UTC stencil test --e2e --updateSnapshot",
+	"test.screenshot": "TZ=UTC stencil test --e2e --screenshot",
+	"test.unit": "TZ=UTC stencil build dev && stencil test --spec",
+	"test.unit.update-snapshot": "TZ=UTC stencil test --spec --updateSnapshot",
+	"test.update-snapshot": "TZ=UTC stencil test --spec --e2e --updateSnapshot",
+	"test.watch": "TZ=UTC stencil test --spec --e2e --watch",
+	"update-en-i18n": "./scripts/update-en-i18n.js",
+	"version-sync": "npm version --no-git-tag-version --allow-same-version"
+};
+const config = {
+	commitizen: {
+		path: "git-cz"
+	}
+};
+const types = "dist/types/index.d.ts";
+const dependencies = {
+	"@floating-ui/dom": "^1.6.3",
+	"@vvo/tzdb": "^6.125.0",
+	"google-libphonenumber": "^3.2.34",
+	"intl-messageformat": "^10.5.4",
+	"requestanimationframe-timer": "^3.0.3",
+	sortablejs: "^1.15.2"
+};
+const devDependencies = {
+	"@babel/core": "^7.24.0",
+	"@babel/preset-env": "^7.24.0",
+	"@stencil/core": "^4.12.6",
+	"@stencil/react-output-target": "^0.5.3",
+	"@stencil/sass": "^3.0.10",
+	"@types/google-libphonenumber": "^7.4.30",
+	"@types/jest": "^29.5.12",
+	"@types/new-relic-browser": "^0.1118.2",
+	"@types/puppeteer": "^5.4.7",
+	"@types/resize-observer-browser": "^0.1.9",
+	"@types/sortablejs": "^1.15.8",
+	"@typescript-eslint/eslint-plugin": "^7.1.1",
+	"@typescript-eslint/parser": "^7.1.1",
+	"axe-core": "^4.8.4",
+	"axe-live": "^1.0.1",
+	eslint: "^8.57.0",
+	"eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
+	"eslint-config-prettier": "^9.1.0",
+	"file-loader": "^6.2.0",
+	"genesys-spark-tokens": "file:../genesys-spark-tokens",
+	glob: "^10.3.0",
+	handlebars: "^4.7.8",
+	inquirer: "^9.2.15",
+	jest: "^29.7.0",
+	"jest-cli": "^29.7.0",
+	"jest-config": "^29.7.0",
+	"jest-environment-node": "^29.7.0",
+	"jest-junit": "^16.0.0",
+	"jest-silent-reporter": "^0.5.0",
+	jsdom: "^22.1.0",
+	"lint-staged": "^15.2.2",
+	marked: "^12.0.1",
+	"mutation-observer": "^1.0.3",
+	"node-fetch": "^3.3.2",
+	"npm-run-all": "^4.1.5",
+	"postcss-html": "^1.6.0",
+	"postcss-less": "^6.0.0",
+	"postcss-scss": "^4.0.9",
+	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",
+	"resize-observer-polyfill": "^1.5.1",
+	"rollup-plugin-copy": "^3.5.0",
+	"semver-sort": "^1.0.0",
+	"spritesheet-templates": "^10.5.2",
+	spritesmith: "^3.4.1",
+	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": "^5.0.0",
+	"stylelint-config-standard": "^36.0.0",
+	"stylelint-scss": "^6.2.1",
+	"stylelint-use-logical": "^2.1.2",
+	"stylelint-use-logical-spec": "^5.0.1",
+	svgo: "^3.2.0",
+	"ts-loader": "^9.5.1",
+	typescript: "^4.9.5",
+	weekstart: "^2.0.0",
+	xmldom: "^0.6.0"
+};
+const publishConfig = {
+	registry: "https://registry.npmjs.org/"
+};
+const collection = "dist/collection/collection-manifest.json";
+const prettier = "prettier-config-genesys-spark-components";
+const volta = {
+	node: "18.16.1"
+};
+const packageInfo = {
+	name: name,
+	version: version,
+	description: description,
+	license: license,
+	main: main,
+	files: files,
+	scripts: scripts,
+	config: config,
+	types: types,
+	dependencies: dependencies,
+	devDependencies: devDependencies,
+	publishConfig: publishConfig,
+	collection: collection,
+	prettier: prettier,
+	volta: volta
+};
+
+// The number of actions to process every interval
+const ACTION_BATCH_SIZE = 20;
+const NR_LIMIT_INTERVAL = 30000; // 30s
+/**
+ * A queue of events that should be tracked by NewRelic.
+ * We initialize it with the library version to make sure that's always reported.
+ */
+const actionQueue = [
+    getVersionEvent(packageInfo.version)
+];
+/**
+ * Process the next batch items in the queue, set a timeout to recur.
+ * We use a recurring timeout instead of an interval because it guarantees
+ * a minimum of NR_LMIT_INTERVAL between batches, even if the browser is
+ * held up by processing elsewhere.
+ */
+function processActionQueue() {
+    const newrelic = window.newrelic;
+    if (!newrelic) {
+        return;
+    }
+    for (let i = 0; i < ACTION_BATCH_SIZE; i++) {
+        if (actionQueue.length == 0) {
+            setTimeout(processActionQueue, NR_LIMIT_INTERVAL);
+            return;
+        }
+        const action = actionQueue.shift();
+        newrelic.addPageAction(action.name, Object.assign(Object.assign({}, action.metadata), { queueDepth: actionQueue.length }));
+    }
+    setTimeout(processActionQueue, NR_LIMIT_INTERVAL);
+}
+let trackingStarted = false;
+/**
+ * Begin action processing loop if it hasn't started.
+ */
+function ensureTracking() {
+    if (!trackingStarted) {
+        trackingStarted = true;
+        processActionQueue();
+    }
+}
+/**
+ * Submits a component for tracking by NewRelic.
+ */
+function trackComponent(element, metadata) {
+    if (!window.newrelic) {
+        return;
+    }
+    ensureTracking();
+    // Ignore components in the shadow DOM of another component
+    // e.g. Only track components used directly by the app
+    if (!document.contains(element)) {
+        return;
+    }
+    actionQueue.push({
+        name: 'spark-component',
+        metadata: Object.assign(Object.assign({}, metadata), { component: element.tagName.toLowerCase(), version: packageInfo.version })
+    });
+}
+function getVersionEvent(packageInfoVersion) {
+    const [major, minor, ...patch] = packageInfoVersion.split('.');
+    return {
+        name: 'spark-library',
+        metadata: {
+            fullVersion: `${major}.${minor}.${patch.join('.')}`,
+            majorVersion: major,
+            minorVersion: `${major}.${minor}`
+        }
+    };
+}
+
+exports.trackComponent = trackComponent;

package/dist/cjs/use-regional-dates-7be0e7b5.js

@@ -0,0 +1,125 @@
+'use strict';
+
+//https://inindca.atlassian.net/browse/COMUI-2673
+// utility to get the closest element passing shadow dom boundaries
+function getClosestElement(node, selector) {
+    if (!node) {
+        return null;
+    }
+    if (node instanceof ShadowRoot) {
+        return getClosestElement(node.host, selector);
+    }
+    if (node instanceof HTMLElement) {
+        if (node.matches(selector)) {
+            return node;
+        }
+        else {
+            return getClosestElement(node.parentNode, selector);
+        }
+    }
+    return getClosestElement(node.parentNode, selector);
+}
+
+/**
+ * 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 = getClosestElement(element, '*[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}-`));
+}
+function getFormat(locale) {
+    const date = new Date('July 5, 2000 15:00:00 UTC+00:00');
+    const options = {
+        year: 'numeric',
+        month: 'numeric',
+        day: 'numeric'
+    };
+    const dateTimeFormat = new Intl.DateTimeFormat(locale, options);
+    const parts = dateTimeFormat.formatToParts(date);
+    const dateString = parts
+        .map(({ type, value }) => {
+        switch (type) {
+            case 'day':
+                return `dd`;
+            case 'month':
+                return `mm`;
+            case 'year':
+                return `yyyy`;
+            default:
+                return value;
+        }
+    })
+        .join('');
+    // review locales with two character date delimiters https://inindca.atlassian.net/browse/COMUI-2679
+    return dateString.replace(/\s/g, '').replace(/‏/g, '');
+}
+
+// Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
+const readRegionalDatesCookie = () => {
+    return !!document.cookie
+        .split('; ')
+        .find(cookie => cookie.startsWith('spark-enable-regional-dates'));
+};
+
+// Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
+const readRegionalDatesVar = () => {
+    return !!window['GUX_OPTIONS_enableRegionalDates'];
+};
+
+// Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
+const useRegionalDates = () => {
+    return readRegionalDatesCookie() || readRegionalDatesVar();
+};
+
+exports.dateTimeFormat = dateTimeFormat;
+exports.determineDisplayLocale = determineDisplayLocale;
+exports.getFormat = getFormat;
+exports.useRegionalDates = useRegionalDates;

package/dist/collection/components/beta/gux-calendar-beta/components/single/gux-calendar.js

@@ -176,9 +176,9 @@ export class GuxCalendar {
     renderHeader() {
         return (h("div", { class: "gux-header" }, h("button", { type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth', {
                 localizedPreviousMonthAndYear: getDateAsMonthYear(this.changeMonth(-1), this.locale)
-            }), onClick: () => this.setNewFocusedMonth(-1) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-left" })), h("span", { class: "gux-header-month-and-year" }, getDateAsMonthYear(this.getFocusedValue(), this.locale)), h("button", { type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth', {
+            }), onClick: () => this.setNewFocusedMonth(-1) }, h("gux-icon", { decorative: true, "icon-name": "custom/chevron-left-small-regular" })), h("span", { class: "gux-header-month-and-year" }, getDateAsMonthYear(this.getFocusedValue(), this.locale)), h("button", { type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth', {
                 localizedNextMonthAndYear: getDateAsMonthYear(this.changeMonth(1), this.locale)
-            }), onClick: () => this.setNewFocusedMonth(1) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-right" }))));
+            }), onClick: () => this.setNewFocusedMonth(1) }, h("gux-icon", { decorative: true, "icon-name": "custom/chevron-right-small-regular" }))));
     }
     renderContent() {
         return (h("div", null, h("div", { class: "gux-week-days" }, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("div", { class: "gux-week-day" }, day)))), h("div", { class: "gux-content" }, this.getMonthDays().map(week => (h("div", { class: "gux-content-week" }, week.dates.map(day => (h("div", { "data-date": day.date.getTime(), onClick: () => this.onDateClick(day.date), role: "button", "aria-current": day.selected ? 'true' : 'false', tabindex: day.selected || day.focused ? '0' : '-1', onKeyDown: e => void this.onKeyDown(e), "aria-disabled": day.disabled ? 'true' : 'false', class: {
@@ -190,7 +190,7 @@ export class GuxCalendar {
             } }, h("span", { class: "gux-non-sr", "aria-hidden": "true" }, day.date.getDate()), h("span", { class: "gux-sr-only" }, h("gux-date-beta", { datetime: day.date.toISOString(), format: "long" })))))))))));
     }
     render() {
-        return (h("div", { key: '21bec94aa840d48119fa33756a944e85b97d73f3', class: "gux-calendar-beta" }, h("slot", { key: '570f0c89199732101f40dfe270460d65b231114b' }), this.renderHeader(), this.renderContent()));
+        return (h("div", { key: '496a34685205e1f6963cd73cdd992e710a9c716f', class: "gux-calendar-beta" }, h("slot", { key: '31c7dbe3170a4a28680dcf57b80b07485baf0bc5' }), this.renderHeader(), this.renderContent()));
     }
     static get is() { return "gux-calendar-beta"; }
     static get encapsulation() { return "shadow"; }