npm - genesys-spark-components - Versions diffs - 4.86.0 → 4.88.0 - Mend

genesys-spark-components 4.86.0 → 4.88.0

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

Files changed (517) hide show

package/dist/cjs/{usage-ca6a2ac1.js → usage-2a268e04.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 const name = "genesys-spark-components";
-const version = "4.86.0";
+const version = "4.88.0";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";
@@ -17,7 +17,7 @@ const scripts = {
 	"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 ",
+	predev: "npm run i18n && npm run build-themes && 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",
@@ -42,8 +42,8 @@ const scripts = {
 	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.ci.e2e": "TZ=UTC stencil test --e2e --max-workers=4",
+	"test.ci.spec": "TZ=UTC stencil test --spec --max-workers=4",
 	"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",

package/dist/collection/components/beta/gux-avatar/gux-avatar-change-photo/gux-avatar-change-photo.css CHANGED Viewed

@@ -37,6 +37,6 @@
   transition: background-color 0.5s ease;
 }
 .gux-change-photo:focus-visible {
-  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);
+  outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
+  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
 }

package/dist/collection/components/beta/gux-avatar/gux-avatar.css CHANGED Viewed

@@ -197,7 +197,7 @@
   color: var(--gse-ui-avatar-badge-available-color);
 }
 .gux-avatar-badge.gux-away, .gux-avatar-badge.gux-break, .gux-avatar-badge.gux-meal, .gux-avatar-badge.gux-training {
-  background-color: var(--gse-ui-avatar-badge-away, --gse-ui-avatar-badge-away-color);
+  background-color: var(--gse-ui-avatar-badge-away, var(--gse-ui-avatar-badge-away-color));
 }
 .gux-avatar-badge.gux-away gux-icon, .gux-avatar-badge.gux-break gux-icon, .gux-avatar-badge.gux-meal gux-icon, .gux-avatar-badge.gux-training gux-icon {
   margin: var(--gse-ui-avatar-badge-away-icon-margin);

package/dist/collection/components/beta/gux-calendar-beta/components/single/gux-calendar.css CHANGED Viewed

@@ -110,7 +110,7 @@
 }
 .gux-calendar-beta .gux-content-week .gux-content-date:focus-visible {
   border-radius: var(--gse-ui-calendarMenu-month-focusBorderRadius);
-  outline: var(--gse-semantic-focusRing-default-border-width) solid var(--gse-semantic-focusRing-default-border-color);
+  outline: var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth)) solid var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus));
 }
 .gux-calendar-beta .gux-content-week .gux-content-date .gux-sr-only:not(:focus):not(:active) {
   position: absolute;

package/dist/collection/components/beta/gux-form/gux-form-description/gux-form-description.css CHANGED Viewed

@@ -1,8 +1,8 @@
 ::slotted(*) {
   margin: 0 !important;
-  font-family: var(--gse-semantic-forms-paragraph-text-fontFamily) !important;
-  font-size: var(--gse-semantic-forms-paragraph-text-fontSize) !important;
-  font-weight: var(--gse-semantic-forms-paragraph-text-fontWeight) !important;
-  line-height: var(--gse-semantic-forms-paragraph-text-lineHeight) !important;
-  color: var(--gse-semantic-forms-paragraph-foregroundColor) !important;
+  font-family: var(--gse-semantic-forms-paragraph-text-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)) !important;
+  font-size: var(--gse-semantic-forms-paragraph-text-fontSize, var(--gse-semantic-body-sm-regular-fontSize)) !important;
+  font-weight: var(--gse-semantic-forms-paragraph-text-fontWeight, var(--gse-semantic-body-sm-regular-fontWeight)) !important;
+  line-height: var(--gse-semantic-forms-paragraph-text-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight)) !important;
+  color: var(--gse-semantic-forms-paragraph-foregroundColor, var(--gse-semantic-foreground-container-midEmphasis)) !important;
 }

package/dist/collection/components/beta/gux-form/gux-form-fieldset-heading/gux-form-fieldset-heading.css CHANGED Viewed

@@ -1,8 +1,8 @@
 ::slotted(*) {
   margin: 0;
-  font-family: var(--gse-semantic-forms-fieldset-header-text-fontFamily) !important;
-  font-size: var(--gse-semantic-forms-fieldset-header-text-fontSize) !important;
-  font-weight: var(--gse-semantic-forms-fieldset-header-text-fontWeight) !important;
-  line-height: var(--gse-semantic-forms-fieldset-header-text-lineHeight) !important;
-  color: var(--gse-semantic-forms-fieldset-header-foregroundColor) !important;
+  font-family: var(--gse-semantic-forms-fieldset-header-text-fontFamily, var(--gse-semantic-heading-md-bold-fontFamily)) !important;
+  font-size: var(--gse-semantic-forms-fieldset-header-text-fontSize, var(--gse-semantic-heading-md-bold-fontSize)) !important;
+  font-weight: var(--gse-semantic-forms-fieldset-header-text-fontWeight, var(--gse-semantic-heading-md-bold-fontWeight)) !important;
+  line-height: var(--gse-semantic-forms-fieldset-header-text-lineHeight, var(--gse-semantic-heading-md-bold-lineHeight)) !important;
+  color: var(--gse-semantic-forms-fieldset-header-foregroundColor, var(--gse-semantic-foreground-container-highEmphasis)) !important;
 }

package/dist/collection/components/beta/gux-form/gux-form-footer/gux-form-footer.css CHANGED Viewed

@@ -2,7 +2,7 @@
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  margin-top: var(--gse-semantic-forms-formBody-paddingBottom);
+  margin-top: var(--gse-semantic-forms-formBody-paddingBottom, var(--gse-semantic-formControl-formBody-paddingBottom));
   border-top: var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color);
 }

package/dist/collection/components/beta/gux-form/gux-form-heading/gux-form-heading.css CHANGED Viewed

@@ -1,8 +1,8 @@
 ::slotted(*) {
   margin: 0;
-  font-family: var(--gse-semantic-forms-formHeader-text-fontFamily) !important;
-  font-size: var(--gse-semantic-forms-formHeader-text-fontSize) !important;
-  font-weight: var(--gse-semantic-forms-formHeader-text-fontWeight) !important;
-  line-height: var(--gse-semantic-forms-formHeader-text-lineHeight) !important;
-  color: var(--gse-semantic-forms-formHeader-foregroundColor) !important;
+  font-family: var(--gse-semantic-forms-formHeader-text-fontFamily, var(--gse-semantic-body-lg-semiBold-fontFamily)) !important;
+  font-size: var(--gse-semantic-forms-formHeader-text-fontSize, var(--gse-semantic-body-lg-semiBold-fontSize)) !important;
+  font-weight: var(--gse-semantic-forms-formHeader-text-fontWeight, var(--gse-semantic-body-lg-semiBold-fontWeight)) !important;
+  line-height: var(--gse-semantic-forms-formHeader-text-lineHeight, var(--gse-semantic-body-lg-semiBold-lineHeight)) !important;
+  color: var(--gse-semantic-forms-formHeader-foregroundColor, var(--gse-semantic-foreground-container-highEmphasis)) !important;
 }

package/dist/collection/components/beta/gux-icon-tooltip/gux-icon-tooltip.css CHANGED Viewed

@@ -10,6 +10,6 @@
   padding-inline-start: 0;
 }
 .gux-icon-tooltip gux-icon {
-  color: var(--gse-ui-formControl-label-tooltipTrigger-optionalColor, --gse-ui-formControl-label-tooltipTrigger-color);
+  color: var(--gse-ui-formControl-label-tooltipTrigger-optionalColor, var(--gse-ui-formControl-label-tooltipTrigger-color));
   vertical-align: bottom;
 }

package/dist/collection/components/beta/gux-label-info/gux-label-info.css CHANGED Viewed

@@ -10,6 +10,6 @@
   padding-inline-start: 0;
 }
 .gux-label-info gux-icon {
-  color: var(--gse-ui-formControl-label-tooltipTrigger-optionalColor, --gse-ui-formControl-label-tooltipTrigger-color);
+  color: var(--gse-ui-formControl-label-tooltipTrigger-optionalColor, var(--gse-ui-formControl-label-tooltipTrigger-color));
   vertical-align: bottom;
 }

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.css CHANGED Viewed

@@ -1,7 +1,7 @@
 .gux-month-calendar {
   flex-wrap: wrap;
   width: var(--gse-ui-calendarMenu-width);
-  box-shadow: var(--gse-ui-calendarMenu-boxShadow-x, --gse-ui-calendarMenu-boxShadow-offsetX) var(--gse-ui-calendarMenu-boxShadow-y, --gse-ui-calendarMenu-boxShadow-offsetY) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color);
+  box-shadow: var(--gse-ui-calendarMenu-boxShadow-x, var(--gse-ui-calendarMenu-boxShadow-offsetX)) var(--gse-ui-calendarMenu-boxShadow-y, var(--gse-ui-calendarMenu-boxShadow-offsetY)) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color);
 }
 .gux-month-calendar.gux-hidden {
   display: none;
@@ -37,16 +37,16 @@
   outline: none;
 }
 .gux-month-calendar .gux-year-header button:focus-visible {
-  border-radius: calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));
-  outline: var(--gse-semantic-focusRing-width) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-color-focus, --gse-ui-color-focus);
-  outline-offset: var(--gse-semantic-focusRing-offset);
+  border-radius: calc(var(--gse-semantic-focusRing-cornerRadius, var(--gse-semantic-focusOutline-sm-borderRadius)) - var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset)));
+  outline: var(--gse-semantic-focusRing-width, var(--gse-semantic-focusOutline-md-borderWidth)) solid var(--gse-semantic-color-focus, var(--gse-ui-color-focus));
+  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
 }
 .gux-month-calendar .gux-year-header button.gux-year-change:disabled {
   cursor: default;
   opacity: var(--gse-ui-calendarMenu-disabled-opacity);
 }
 .gux-month-calendar .gux-year-header button gux-icon {
-  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
   pointer-events: none;
 }

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-list/gux-month-list-item/gux-month-list-item.css CHANGED Viewed

@@ -31,7 +31,7 @@
 .gux-container button:focus-visible:not(:disabled) {
   border-radius: var(--gse-ui-calendarMenu-month-focusBorderRadius);
   outline: var(--gse-ui-monthPicker-calendarStates-focus-border-width) var(--gse-ui-monthPicker-calendarStates-focus-border-style) var(--gse-ui-monthPicker-calendarStates-focus-border-color);
-  outline-offset: var(--gse-semantic-focusRing-offset);
+  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
 }
 .gux-container button:hover:not(:disabled) {
   color: var(--gse-ui-calendarMenu-month-default-foregroundColor);

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-list/gux-month-list.css CHANGED Viewed

@@ -5,5 +5,5 @@
   padding: var(--gse-ui-calendarMenu-monthBody-padding);
   background-color: var(--gse-ui-calendarMenu-backgroundColor);
   border-radius: var(--gse-ui-calendarMenu-single-body-borderRadius);
-  box-shadow: var(--gse-ui-calendarMenu-boxShadow-x, --gse-ui-calendarMenu-boxShadow-offsetX) var(--gse-ui-calendarMenu-boxShadow-y, --gse-ui-calendarMenu-boxShadow-offsetY) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color);
+  box-shadow: var(--gse-ui-calendarMenu-boxShadow-x, var(--gse-ui-calendarMenu-boxShadow-offsetX)) var(--gse-ui-calendarMenu-boxShadow-y, var(--gse-ui-calendarMenu-boxShadow-offsetY)) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color);
 }

package/dist/collection/components/beta/gux-month-picker/gux-month-picker.css CHANGED Viewed

@@ -15,7 +15,7 @@
   border: var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);
   border-radius: var(--gse-ui-formControl-focusRing-borderRadius);
   outline: var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);
-  outline-offset: var(--gse-semantic-focusRing-offset);
+  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
 }
 .gux-target .gux-display {
   display: inline-flex;
@@ -46,7 +46,7 @@
 .gux-target .gux-popup-toggle:focus-visible {
   border-radius: var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);
   outline: var(--gse-ui-monthPicker-calendarStates-focus-border-width) var(--gse-ui-monthPicker-calendarStates-focus-border-style) var(--gse-ui-monthPicker-calendarStates-focus-border-color);
-  outline-offset: var(--gse-semantic-focusRing-offset);
+  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
 }
 .gux-target .gux-popup-toggle:not(:disabled):hover {
   color: var(--gse-ui-monthPicker-calendarStates-hoverColor);
@@ -60,8 +60,8 @@
   color: var(--gse-ui-monthPicker-calendarStates-disabledColor);
 }
 .gux-target .gux-popup-toggle gux-icon {
-  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
 }
 .gux-target .gux-popup-toggle.gux-expanded {
   color: var(--gse-ui-monthPicker-calendarStates-activeColor);

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

@@ -51,8 +51,8 @@
   border: var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color);
 }
 .target-container: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);
+  outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
+  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
 }
 .gux-field {
@@ -150,6 +150,6 @@
   border-radius: var(--gse-ui-formControl-input-borderRadius);
 }
 .gux-region-select: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);
+  outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
+  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
 }

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

@@ -66,11 +66,11 @@ button {
   position: relative;
   z-index: var(--gse-semantic-zIndex-showFocus);
   border-radius: var(--gse-ui-segmentedControl-borderRadius);
-  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);
+  outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
+  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
   outline-offset: var(--gse-ui-segmentedControl-focus-offset);
 }
 .gux-container .gux-segmented-control-item .gux-icon slot[name=icon]::slotted(gux-icon) {
-  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
 }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.css CHANGED Viewed

@@ -3,8 +3,8 @@
 }
 ::slotted(gux-icon) {
-  width: var(--gse-ui-icon-size-md, --gse-ui-icon-medium-size);
-  height: var(--gse-ui-icon-size-md, --gse-ui-icon-medium-size);
+  width: var(--gse-ui-icon-size-md, var(--gse-ui-icon-medium-size));
+  height: var(--gse-ui-icon-size-md, var(--gse-ui-icon-medium-size));
   color: var(--gse-ui-selectorCard-ilustrativeIcon-foregroundColor);
 }
@@ -122,8 +122,8 @@
   line-height: 0;
 }
 .gux-selector-card .gux-content: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);
+  outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
+  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
 }
 .gux-selector-card.gux-descriptive .gux-content {
   align-items: flex-start;
@@ -155,8 +155,8 @@
 .gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=checkbox])::before {
   inset-block-start: var(--gse-ui-selectorCard-descriptive-gap);
   inset-inline-end: var(--gse-ui-selectorCard-descriptive-gap);
-  width: var(--gse-ui-icon-size-md, --gse-ui-icon-medium-size);
-  height: var(--gse-ui-icon-size-md, --gse-ui-icon-medium-size);
+  width: var(--gse-ui-icon-size-md, var(--gse-ui-icon-medium-size));
+  height: var(--gse-ui-icon-size-md, var(--gse-ui-icon-medium-size));
 }
 .gux-selector-card.gux-descriptive .gux-content ::slotted(label) {
   display: block;
@@ -167,8 +167,8 @@
   line-height: var(--gse-ui-selectorCard-descriptive-label-lineHeight);
 }
 .gux-selector-card.gux-descriptive .gux-content ::slotted(gux-icon) {
-  width: var(--gse-ui-icon-size-lg, --gse-ui-icon-large-size);
-  height: var(--gse-ui-icon-size-lg, --gse-ui-icon-large-size);
+  width: var(--gse-ui-icon-size-lg, var(--gse-ui-icon-large-size));
+  height: var(--gse-ui-icon-size-lg, var(--gse-ui-icon-large-size));
   margin-bottom: var(--gse-ui-selectorCard-descriptive-gap);
 }
 .gux-selector-card.gux-disabled {

package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.js CHANGED Viewed

@@ -51,7 +51,9 @@ export class GuxTimeZonePickerBeta {
     }
     getTimeZoneOption(timeZone) {
         const localizedGroupName = this.i18n(timeZone.name);
-        const localizedCountryName = this.i18n(timeZone.countryName);
+        const localizedCountryName = timeZone.countryName
+            ? this.i18n(timeZone.countryName)
+            : undefined;
         if (!localizedGroupName) {
             return;
         }
@@ -149,11 +151,11 @@ export class GuxTimeZonePickerBeta {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: '3f252d6f5deaf0500a222d1da276d5b790e0fa60', class: {
+        return (h("gux-dropdown", { key: '329f597fa27462c237c04356a4cab166ca5ed2f2', class: {
                 'has-defaults': !!this.workspaceDefault ||
                     !!this.localDefault ||
                     !!this.customDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '015400262b25cedbb94e7af9488203edad772c7a', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '21bf432b08378ac607f4184dfa9f4c85a03185f2', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     static get is() { return "gux-time-zone-picker-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.css CHANGED Viewed

@@ -6,7 +6,7 @@
   max-width: 250px;
   pointer-events: none;
   border-radius: var(--gse-ui-tooltip-borderRadius);
-  box-shadow: var(--gse-ui-tooltip-boxShadow-x, --gse-ui-tooltip-boxShadow-offsetX) var(--gse-ui-tooltip-boxShadow-y, --gse-ui-tooltip-boxShadow-offsetY) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);
+  box-shadow: var(--gse-ui-tooltip-boxShadow-x, var(--gse-ui-tooltip-boxShadow-offsetX)) var(--gse-ui-tooltip-boxShadow-y, var(--gse-ui-tooltip-boxShadow-offsetY)) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);
   opacity: 0;
 }
@@ -14,7 +14,7 @@
   display: block;
   animation-name: fade-in;
   animation-duration: 250ms;
-  animation-delay: 1s;
+  animation-delay: 350ms;
   animation-fill-mode: forwards;
 }
@@ -36,8 +36,8 @@
 }
 .gux-container ::slotted(gux-icon) {
   align-self: center;
-  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
   color: var(--gse-ui-tooltip-light-foregroundColor);
 }
 .gux-container ::slotted(*) {
@@ -52,8 +52,8 @@
 }
 .gux-container.gux-dark ::slotted(gux-icon) {
   align-self: center;
-  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
   color: var(--gse-ui-tooltip-dark-iconColor);
 }

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

@@ -29,10 +29,10 @@
   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);
+  font-family: var(--gse-core-typography-heading-lg-fontFamily, var(--gse-semantic-heading-lg-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
+  font-size: var(--gse-core-typography-heading-lg-fontSize, var(--gse-semantic-heading-lg-bold-fontSize));
+  line-height: var(--gse-core-typography-heading-lg-lineHeight, var(--gse-semantic-heading-lg-bold-lineHeight));
+  font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-lg-bold-fontWeight));
 }
 .gux-header .gux-icon {
   flex: 0 1 auto;
@@ -56,10 +56,10 @@
   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);
+  font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
+  font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
+  line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
+  font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-body-sm-regular-fontWeight));
 }
 .gux-message ::slotted(dl) {
   display: flex;

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

@@ -35,8 +35,8 @@ gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder {
   color: #596373;
 }
 gux-popup .gux-select-field a.gux-select-input:focus-visible {
-  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);
+  outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
+  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
 }
 gux-popup .gux-select-field .gux-icon-wrapper {
   position: absolute;

package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.css CHANGED Viewed

@@ -25,8 +25,8 @@
   height: 12px;
 }
 .gux-disclosure-button-container .gux-disclosure-button:focus-visible {
-  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);
+  outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
+  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
 }
 .gux-disclosure-button-container .gux-disclosure-panel {
   display: none;

package/dist/collection/components/legacy/gux-modal-legacy/gux-modal-legacy.css CHANGED Viewed

@@ -32,7 +32,7 @@
 @prop $gse-ui-modal-opacity - Skipped (this is incoporated into the gse-ui-modal-shroudColor token and is no longer needed. Thinking about asking design team to remove this token to avoid confusion)
 */
 ::slotted(button:active:enabled) {
-  color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
+  color: var(--gse-ui-link-active-foregroundColor, var(--gse-ui-links-active-foregroundColor));
   text-decoration: underline;
   background: none;
 }
@@ -65,7 +65,7 @@ slot[name=left-align-buttons]::slotted(:not(button, gux-button)) {
   background: var(--gse-ui-modal-backgroundColor);
   border: 1px solid #b4bccb;
   border-radius: var(--gse-ui-modal-borderRadius);
-  box-shadow: var(--gse-ui-modal-boxShadow-x, --gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-y, --gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color);
+  box-shadow: var(--gse-ui-modal-boxShadow-x, var(--gse-ui-modal-boxShadow-offsetX)) var(--gse-ui-modal-boxShadow-y, var(--gse-ui-modal-boxShadow-offsetY)) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color);
 }
 :host .gux-modal .gux-modal-container.gux-small {
   width: var(--gse-ui-modal-small-width);
@@ -94,10 +94,10 @@ slot[name=left-align-buttons]::slotted(:not(button, gux-button)) {
   font-weight: var(--gse-ui-modal-heading-fontWeight);
   line-height: var(--gse-ui-modal-heading-fontFamily);
   color: var(--gse-ui-modal-headerColor);
-  font-family: var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
-  font-size: var(--gse-core-typography-heading-xl-fontSize);
-  line-height: var(--gse-core-typography-heading-xl-lineHeight);
-  font-weight: var(--gse-core-fontWeight-bold);
+  font-family: var(--gse-core-typography-heading-xl-fontFamily, var(--gse-semantic-heading-xl-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
+  font-size: var(--gse-core-typography-heading-xl-fontSize, var(--gse-semantic-heading-xl-bold-fontSize));
+  line-height: var(--gse-core-typography-heading-xl-lineHeight, var(--gse-semantic-heading-xl-bold-lineHeight));
+  font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-xl-bold-fontWeight));
 }
 :host .gux-modal .gux-modal-container .gux-modal-content {
   max-height: 432px;

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

@@ -64,8 +64,8 @@
   order: 0;
 }
 .gux-content .gux-title {
-  font-family: var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
-  font-size: var(--gse-core-typography-heading-sm-fontSize);
-  line-height: var(--gse-core-typography-heading-sm-lineHeight);
-  font-weight: var(--gse-core-fontWeight-bold);
+  font-family: var(--gse-core-typography-heading-sm-fontFamily, var(--gse-semantic-heading-sm-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
+  font-size: var(--gse-core-typography-heading-sm-fontSize, var(--gse-semantic-heading-sm-bold-fontSize));
+  line-height: var(--gse-core-typography-heading-sm-lineHeight, var(--gse-semantic-heading-sm-bold-lineHeight));
+  font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-sm-bold-fontWeight));
 }

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

@@ -58,9 +58,9 @@ gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-
   border: none;
 }
 gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button:focus-visible {
-  border-radius: calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));
-  outline: var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus, --gse-ui-color-focus);
-  outline-offset: var(--gse-semantic-focusRing-offset);
+  border-radius: calc(var(--gse-semantic-focusRing-cornerRadius, var(--gse-semantic-focusOutline-sm-borderRadius)) - var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset)));
+  outline: var(--gse-semantic-focusRing-width, var(--gse-semantic-focusOutline-md-borderWidth)) solid var(--gse-semantic-color-focus, var(--gse-ui-color-focus));
+  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
 }
 gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button.gux-current {
   padding-right: var(--gse-ui-dataTableItems-tablePagination-padding);

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch-item/gux-switch-item.css CHANGED Viewed

@@ -5,10 +5,10 @@
 /* Body Copy */
 /* Anchor */
 gux-switch-item > .gux-switch-item {
-  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);
+  font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
+  font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
+  line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
+  font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-body-sm-regular-fontWeight));
   font: unset;
   color: #2e394c;
   text-align: center;
@@ -24,10 +24,10 @@ gux-switch-item[disabled] {
   opacity: 0.5;
 }
 gux-switch-item.gux-selected {
-  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-bold);
+  font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
+  font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
+  line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
+  font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-body-sm-bold-fontWeight));
 }
 gux-switch-legacy > gux-switch-item .gux-switch-item {
@@ -42,8 +42,8 @@ gux-switch-legacy > gux-switch-item .gux-switch-item:focus-visible > gux-icon sv
   fill: #2e394c;
 }
 gux-switch-legacy > gux-switch-item .gux-switch-item:focus-visible {
-  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);
+  outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
+  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
   border-radius: 2px;
 }
 gux-switch-legacy > gux-switch-item .gux-switch-item > gux-icon {
@@ -58,10 +58,10 @@ gux-switch-legacy > gux-switch-item.gux-selected .gux-switch-item > gux-icon svg
   fill: #2e394c;
 }
 gux-switch-legacy.gux-small > gux-switch-item .gux-switch-item {
-  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);
+  font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
+  font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
+  line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
+  font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-body-sm-regular-fontWeight));
   padding: 0 4px;
   border-bottom: 1px solid #e2e6ee;
 }

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

@@ -39,7 +39,7 @@ section.gux-disabled > * {
   padding: 0;
   margin: 0;
   font-family: var(--gse-ui-accordion-header-label-defaultText-fontFamily) !important;
-  font-size: var(--gse-ui-accordion-header-label-defaultText-fontFamily) !important;
+  font-size: var(--gse-ui-accordion-header-label-defaultText-fontSize) !important;
   font-weight: var(--gse-ui-accordion-header-label-defaultText-fontWeight) !important;
   line-height: var(--gse-ui-accordion-header-label-defaultText-lineHeight) !important;
   color: var(--gse-ui-accordion-header-default-foreground-labelColor);
@@ -59,8 +59,8 @@ section.gux-disabled > * {
 .gux-header ::slotted([slot=icon]) {
   flex: 0 0 auto;
   align-self: flex-start;
-  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
   margin-right: var(--gse-ui-accordion-header-gap);
   color: var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed);
 }

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

@@ -44,5 +44,5 @@
   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, --gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-y, --gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);
+  box-shadow: var(--gse-ui-menu-boxShadow-x, var(--gse-ui-menu-boxShadow-offsetX)) var(--gse-ui-menu-boxShadow-y, var(--gse-ui-menu-boxShadow-offsetY)) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);
 }