npm - genesys-spark-components - Versions diffs - 4.84.0 → 4.85.0 - Mend

genesys-spark-components 4.84.0 → 4.85.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 (447) hide show

package/dist/cjs/{usage-ef73a3b7.js → usage-237e79b9.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 const name = "genesys-spark-components";
-const version = "4.84.0";
+const version = "4.85.0";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";
@@ -82,7 +82,7 @@ const devDependencies = {
 	"@types/sortablejs": "^1.15.8",
 	"axe-core": "^4.10.0",
 	"axe-live": "^1.0.1",
-	eslint: "^9.10.0",
+	eslint: "^9.11.0",
 	"eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
 	"file-loader": "^6.2.0",
 	"genesys-spark-tokens": "file:../genesys-spark-tokens",
@@ -96,7 +96,7 @@ const devDependencies = {
 	"jest-environment-node": "^29.7.0",
 	"jest-junit": "^16.0.0",
 	"jest-silent-reporter": "^0.6.0",
-	jsdom: "^25.0.0",
+	jsdom: "^25.0.1",
 	"lint-staged": "^15.2.10",
 	marked: "^14.1.2",
 	"mutation-observer": "^1.0.3",
@@ -118,9 +118,9 @@ const devDependencies = {
 	stylelint: "^16.9.0",
 	"stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
 	"stylelint-config-html": "^1.1.0",
-	"stylelint-config-recess-order": "^5.1.0",
+	"stylelint-config-recess-order": "^5.1.1",
 	"stylelint-config-standard": "^36.0.1",
-	"stylelint-scss": "^6.6.0",
+	"stylelint-scss": "^6.7.0",
 	"stylelint-use-logical": "^2.1.2",
 	"stylelint-use-logical-spec": "^5.0.1",
 	svgo: "^3.3.2",

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) var(--gse-ui-calendarMenu-boxShadow-y) 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, --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);
 }
 .gux-month-calendar.gux-hidden {
   display: none;
@@ -38,7 +38,7 @@
 }
 .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);
+  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);
 }
 .gux-month-calendar .gux-year-header button.gux-year-change:disabled {
@@ -46,7 +46,7 @@
   opacity: var(--gse-ui-calendarMenu-disabled-opacity);
 }
 .gux-month-calendar .gux-year-header button gux-icon {
-  width: var(--gse-ui-icon-size-sm);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --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.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) var(--gse-ui-calendarMenu-boxShadow-y) 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, --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);
 }

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

@@ -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);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --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-segmented-control/gux-segmented-control-item/gux-segmented-control-item.css CHANGED Viewed

@@ -71,6 +71,6 @@ button {
   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);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --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);
-  height: var(--gse-ui-icon-size-md);
+  width: var(--gse-ui-icon-size-md, --gse-ui-icon-medium-size);
+  height: var(--gse-ui-icon-size-md, --gse-ui-icon-medium-size);
   color: var(--gse-ui-selectorCard-ilustrativeIcon-foregroundColor);
 }
@@ -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);
-  height: var(--gse-ui-icon-size-md);
+  width: var(--gse-ui-icon-size-md, --gse-ui-icon-medium-size);
+  height: var(--gse-ui-icon-size-md, --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);
-  height: var(--gse-ui-icon-size-lg);
+  width: var(--gse-ui-icon-size-lg, --gse-ui-icon-large-size);
+  height: var(--gse-ui-icon-size-lg, --gse-ui-icon-large-size);
   margin-bottom: var(--gse-ui-selectorCard-descriptive-gap);
 }
 .gux-selector-card.gux-disabled {

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) var(--gse-ui-tooltip-boxShadow-y) 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, --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);
   opacity: 0;
 }
@@ -36,9 +36,9 @@
 }
 .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);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  color: var(--gse-ui-tooltip-light-foregroundColor);
 }
 .gux-container ::slotted(*) {
   width: 100%;
@@ -52,8 +52,8 @@
 }
 .gux-container.gux-dark ::slotted(gux-icon) {
   align-self: center;
-  width: var(--gse-ui-icon-size-sm);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
   color: var(--gse-ui-tooltip-dark-iconColor);
 }

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

@@ -22,8 +22,8 @@
 @prop $gse-ui-modal-medium-width
 @prop $gse-ui-modal-large-width
 @prop $gse-ui-modal-buttonBar-gap
-@prop $gse-ui-modal-boxShadow-x
-@prop $gse-ui-modal-boxShadow-y
+@prop $gse-ui-modal-boxShadow-offsetX
+@prop $gse-ui-modal-boxShadow-offsetY
 @prop $gse-ui-modal-boxShadow-blur
 @prop $gse-ui-modal-boxShadow-spread
 @prop $gse-ui-modal-boxShadow-color
@@ -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);
+  color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
   text-decoration: underline;
   background: none;
 }
@@ -61,11 +61,11 @@ slot[name=left-align-buttons]::slotted(:not(button, gux-button)) {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  padding: var(--gse-ui-modal-padding);
+  padding: var(--gse-ui-modal-padding) 0;
   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) var(--gse-ui-modal-boxShadow-y) 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, --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);
 }
 :host .gux-modal .gux-modal-container.gux-small {
   width: var(--gse-ui-modal-small-width);
@@ -87,6 +87,7 @@ slot[name=left-align-buttons]::slotted(:not(button, gux-button)) {
   max-height: none;
 }
 :host .gux-modal .gux-modal-container .gux-modal-header {
+  padding: 0 var(--gse-ui-modal-padding);
   margin: 0;
   font-family: var(--gse-ui-modal-heading-fontFamily);
   font-size: var(--gse-ui-modal-heading-fontSize);
@@ -101,6 +102,7 @@ slot[name=left-align-buttons]::slotted(:not(button, gux-button)) {
 }
 :host .gux-modal .gux-modal-container .gux-modal-content {
   max-height: 432px;
+  padding: 0 var(--gse-ui-modal-padding);
   margin-top: var(--gse-ui-modal-gap);
   margin-bottom: var(--gse-ui-modal-gap);
   overflow-y: auto;
@@ -111,6 +113,7 @@ slot[name=left-align-buttons]::slotted(:not(button, gux-button)) {
 :host .gux-modal .gux-modal-container .gux-button-footer {
   display: flex;
   justify-content: space-between;
+  padding: 0 var(--gse-ui-modal-padding);
 }
 @media (max-width: 416px) {
   :host .gux-modal .gux-modal-container.gux-small, :host .gux-modal .gux-modal-container.gux-medium, :host .gux-modal .gux-modal-container.gux-large {

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

@@ -59,7 +59,7 @@ gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-
 }
 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);
+  outline: var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus, --gse-ui-color-focus);
   outline-offset: var(--gse-semantic-focusRing-offset);
 }
 gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button.gux-current {

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

@@ -27,7 +27,7 @@ section.gux-disabled > * {
 .gux-header .gux-header-text {
   flex: 1 1 auto;
   align-self: auto;
-  font-weight: --gse-ui-accordion-header-label-defaulttext-fontweight;
+  font-weight: var(--gse-ui-accordion-header-label-defaultText-fontWeight);
   color: var(--gse-ui-accordion-header-default-foreground-labelColor);
   text-align: left;
 }
@@ -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);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --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) var(--gse-ui-menu-boxShadow-y) 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, --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);
 }

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

@@ -7,34 +7,34 @@
   min-height: var(--gse-ui-breadcrumbs-secondary-height);
 }
 .gux-breadcrumb-generation .gux-breadcrumb-content {
-  font-family: var(--gse-ui-link-inLine-small-text-fontFamily);
-  font-size: var(--gse-ui-link-inLine-small-text-fontSize);
-  font-weight: var(--gse-ui-link-inLine-small-text-fontWeight);
-  line-height: var(--gse-ui-link-inLine-small-text-lineHeight);
+  font-family: var(--gse-ui-link-inLine-small-text-fontFamily, --gse-ui-links-inLine-small-text-fontFamily);
+  font-size: var(--gse-ui-link-inLine-small-text-fontSize, --gse-ui-links-inLine-small-text-fontSize);
+  font-weight: var(--gse-ui-link-inLine-small-text-fontWeight, --gse-ui-links-inLine-small-text-fontWeight);
+  line-height: var(--gse-ui-link-inLine-small-text-lineHeight, --gse-ui-links-inLine-small-text-lineHeight);
   text-decoration: none;
-  color: var(--gse-ui-link-default-foregroundColor);
+  color: var(--gse-ui-link-default-foregroundColor, --gse-ui-links-default-foregroundColor);
   pointer-events: none;
 }
 .gux-breadcrumb-generation .gux-breadcrumb-content.gux-active {
-  color: var(--gse-ui-link-active-foregroundColor);
+  color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
 }
 .gux-breadcrumb-generation .gux-breadcrumb-content.gux-link {
-  color: var(--gse-ui-link-default-foregroundColor);
+  color: var(--gse-ui-link-default-foregroundColor, --gse-ui-links-default-foregroundColor);
   pointer-events: initial;
 }
 .gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:visited {
-  color: var(--gse-ui-link-visited-foregroundColor);
+  color: var(--gse-ui-link-visited-foregroundColor, --gse-ui-links-visited-foregroundColor);
 }
 .gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:hover {
-  font-family: var(--gse-ui-link-inLine-small-underlinedText-fontFamily);
-  font-size: var(--gse-ui-link-inLine-small-underlinedText-fontSize);
-  font-weight: var(--gse-ui-link-inLine-small-underlinedText-fontWeight);
-  line-height: var(--gse-ui-link-inLine-small-underlinedText-lineHeight);
-  text-decoration: var(--gse-ui-link-inLine-small-underlinedText-textDecoration);
-  color: var(--gse-ui-link-hover-foregroundColor);
+  font-family: var(--gse-ui-link-inLine-small-underlinedText-fontFamily, --gse-ui-links-inLine-small-underlinedText-fontFamily);
+  font-size: var(--gse-ui-link-inLine-small-underlinedText-fontSize, --gse-ui-links-inLine-small-underlinedText-fontSize);
+  font-weight: var(--gse-ui-link-inLine-small-underlinedText-fontWeight, --gse-ui-links-inLine-small-underlinedText-fontWeight);
+  line-height: var(--gse-ui-link-inLine-small-underlinedText-lineHeight, --gse-ui-links-inLine-small-underlinedText-lineHeight);
+  text-decoration: var(--gse-ui-link-inLine-small-underlinedText-textDecoration, --gse-ui-links-inLine-small-underlinedText-textDecoration);
+  color: var(--gse-ui-link-hover-foregroundColor, --gse-ui-links-hover-foregroundColor);
 }
 .gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:active {
-  color: var(--gse-ui-link-active-foregroundColor);
+  color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
 }
 .gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:focus-visible {
   outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
@@ -53,17 +53,17 @@
   min-height: var(--gse-ui-breadcrumbs-primary-height);
 }
 .gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content {
-  font-family: var(--gse-ui-link-inLine-medium-text-fontFamily);
-  font-size: var(--gse-ui-link-inLine-medium-text-fontSize);
-  font-weight: var(--gse-ui-link-inLine-medium-text-fontWeight);
-  line-height: var(--gse-ui-link-inLine-medium-text-lineHeight);
+  font-family: var(--gse-ui-link-inLine-medium-text-fontFamily, --gse-ui-links-inLine-medium-text-fontFamily);
+  font-size: var(--gse-ui-link-inLine-medium-text-fontSize, --gse-ui-links-inLine-medium-text-fontSize);
+  font-weight: var(--gse-ui-link-inLine-medium-text-fontWeight, --gse-ui-links-inLine-medium-text-fontWeight);
+  line-height: var(--gse-ui-link-inLine-medium-text-lineHeight, --gse-ui-links-inLine-medium-text-lineHeight);
   text-decoration: none;
 }
 .gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content.gux-link:hover {
-  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);
+  font-family: var(--gse-ui-link-inLine-medium-underlinedText-fontFamily, --gse-ui-links-inLine-medium-underlinedText-fontFamily);
+  font-size: var(--gse-ui-link-inLine-medium-underlinedText-fontSize, --gse-ui-links-inLine-medium-underlinedText-fontSize);
+  font-weight: var(--gse-ui-link-inLine-medium-underlinedText-fontWeight, --gse-ui-links-inLine-medium-underlinedText-fontWeight);
+  line-height: var(--gse-ui-link-inLine-medium-underlinedText-lineHeight, --gse-ui-links-inLine-medium-underlinedText-lineHeight);
   text-decoration: var(--gse-ui-link-inLine-medium-underlinedText-textDecoration);
 }
 .gux-breadcrumb-generation.gux-primary .gux-breadcrumb-separator {

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

@@ -124,21 +124,21 @@ button.gux-inline {
   min-inline-size: initial;
   block-size: initial;
   padding: 0;
-  color: var(--gse-ui-link-default-foregroundColor);
+  color: var(--gse-ui-link-default-foregroundColor, --gse-ui-links-default-foregroundColor);
   background: none;
   border: none;
   border-radius: 0;
 }
 button.gux-inline[disabled] {
-  color: var(--gse-ui-link-disabled-foregroundColor);
+  color: var(--gse-ui-link-disabled-foregroundColor, --gse-ui-links-disabled-foregroundColor);
 }
 button.gux-inline:hover:enabled {
-  color: var(--gse-ui-link-hover-foregroundColor);
+  color: var(--gse-ui-link-hover-foregroundColor, --gse-ui-links-hover-foregroundColor);
   text-decoration: underline;
   background: none;
 }
 button.gux-inline:active:enabled {
-  color: var(--gse-ui-link-active-foregroundColor);
+  color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
   text-decoration: underline;
   background: none;
 }

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

@@ -23,5 +23,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) var(--gse-ui-menu-boxShadow-y) 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, --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);
 }

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

@@ -152,26 +152,26 @@
 :host([accent=inline]) ::slotted(button) {
   block-size: initial;
   padding: 0;
-  color: var(--gse-ui-link-default-foregroundColor);
+  color: var(--gse-ui-link-default-foregroundColor, --gse-ui-links-default-foregroundColor);
   background: none;
   border: none;
 }
 :host([accent=inline]) ::slotted(input[type=button][disabled]),
 :host([accent=inline]) ::slotted(input[type=submit][disabled]),
 :host([accent=inline]) ::slotted(button[disabled]) {
-  color: var(--gse-ui-link-disabled-foregroundColor);
+  color: var(--gse-ui-link-disabled-foregroundColor, --gse-ui-links-disabled-foregroundColor);
 }
 :host([accent=inline]) ::slotted(input[type=button]:hover:enabled),
 :host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),
 :host([accent=inline]) ::slotted(button:hover:enabled) {
-  color: var(--gse-ui-link-hover-foregroundColor);
+  color: var(--gse-ui-link-hover-foregroundColor, --gse-ui-links-hover-foregroundColor);
   text-decoration: underline;
   background: none;
 }
 :host([accent=inline]) ::slotted(input[type=button]:active:enabled),
 :host([accent=inline]) ::slotted(input[type=submit]:active:enabled),
 :host([accent=inline]) ::slotted(button:active:enabled) {
-  color: var(--gse-ui-link-active-foregroundColor);
+  color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
   text-decoration: underline;
   background: none;
 }

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

@@ -34,8 +34,8 @@
 @prop gse-ui-calendarMenu-disabled-opacity
 @prop gse-ui-calendarMenu-boxShadow-color
 @prop gse-ui-calendarMenu-boxShadow-type
-@prop gse-ui-calendarMenu-boxShadow-x
-@prop gse-ui-calendarMenu-boxShadow-y
+@prop gse-ui-calendarMenu-boxShadow-offsetX
+@prop gse-ui-calendarMenu-boxShadow-offsetY
 @prop gse-ui-calendarMenu-boxShadow-blur
 @prop gse-ui-calendarMenu-boxShadow-spread
 @prop gse-ui-calendarMenu-day-range-height - Not used since this value is already calculated from using other tokens
@@ -48,7 +48,7 @@
 .gux-calendar {
   margin-top: 2px;
   border-radius: var(--gse-ui-calendarMenu-single-body-borderRadius);
-  box-shadow: var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) 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, --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);
 }
 .gux-calendar .gux-header {
   position: relative;
@@ -81,8 +81,8 @@
   right: 18px;
 }
 .gux-calendar .gux-header button gux-icon {
-  width: var(--gse-ui-icon-size-sm);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
   pointer-events: none;
 }
 .gux-calendar .gux-header .gux-month-list {

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

@@ -15,7 +15,7 @@
 }
 .gux-card.gux-raised {
   border: var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);
-  box-shadow: var(--gse-ui-card-raised-boxShadow-x) var(--gse-ui-card-raised-boxShadow-y) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color);
+  box-shadow: var(--gse-ui-card-raised-boxShadow-x, --gse-ui-card-raised-boxShadow-offsetX) var(--gse-ui-card-raised-boxShadow-y, --gse-ui-card-raised-boxShadow-offsetY) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color);
 }
 .gux-card.gux-borderless {
   border: var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color);

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

@@ -39,8 +39,8 @@
   border-radius: 4px;
 }
 .gux-container .gux-reorder gux-icon {
-  width: var(--gse-ui-icon-size-sm);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
 }
 .gux-container .gux-reorder.gux-reordering:focus-visible gux-icon {
   color: #2a60c8;
@@ -64,7 +64,7 @@
 .gux-container .gux-select gux-text-highlight {
   position: absolute;
   top: 1px;
-  left: calc(var(--gse-ui-icon-size-sm) + var(--gse-ui-checkbox-gap));
+  left: calc(var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size) + var(--gse-ui-checkbox-gap));
   color: transparent;
   pointer-events: none;
 }

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

@@ -10,8 +10,8 @@
 ::slotted(input) {
   box-sizing: border-box;
-  flex-basis: 100%;
   flex-shrink: 1;
+  flex-basis: 100%;
   width: 100%;
   min-width: 20px;
   overflow: hidden;
@@ -94,8 +94,8 @@
   padding: 0;
 }
 .gux-content-search .gux-content-control-panel gux-icon {
-  width: var(--gse-ui-icon-size-sm);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
 }
 .gux-content-search .gux-content-control-panel button {
   display: block;
@@ -127,8 +127,8 @@
   align-items: center;
 }
 .gux-content-search .gux-content-control-panel button.gux-clear-button gux-icon {
-  width: var(--gse-ui-icon-size-sm);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
 }
 .gux-content-search .gux-content-control-panel .gux-navigation-disabled {
   pointer-events: auto;

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

@@ -5,8 +5,8 @@
 }
 gux-icon {
-  width: var(--gse-ui-icon-size-sm);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
   color: var(--gse-ui-button-ghost-default-foregroundColor);
 }
@@ -49,5 +49,5 @@ button[disabled] {
   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);
+  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);
 }

package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.css CHANGED Viewed

@@ -32,8 +32,8 @@ button {
 }
 .gux-copy-to-clipboard-wrapper .gux-copy-content gux-icon[icon-name="fa/copy-regular"] {
   flex-shrink: 0;
-  width: var(--gse-ui-icon-size-sm);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
   padding: var(--gse-ui-copyToClipboard-iconContainer-padding);
   visibility: hidden;
   background-color: var(--gse-ui-copyToClipboard-label-active-backgroundColor);
@@ -56,8 +56,8 @@ button {
   vertical-align: middle;
 }
 .gux-copy-to-clipboard-wrapper gux-tooltip gux-icon {
-  width: var(--gse-ui-icon-size-sm);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
   padding: var(--gse-ui-copyToClipboard-iconContainer-padding);
 }
 .gux-copy-to-clipboard-wrapper gux-tooltip gux-icon[icon-name="fa/circle-check-solid"] {

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

@@ -158,8 +158,8 @@
   cursor: pointer;
 }
 .gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon {
-  width: var(--gse-ui-icon-size-sm);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
 }
 .gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar {
   position: fixed;

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

@@ -150,7 +150,7 @@
 ::slotted(gux-listbox) {
   outline: none;
-  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);
+  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);
 }
 .gux-selected-icon {

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

@@ -33,7 +33,7 @@
 .gux-flyout-menu-content .gux-arrow-caret {
   width: 0;
   height: 0;
-  filter: drop-shadow(var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));
+  filter: drop-shadow(var(--gse-ui-popover-boxShadow-x, --gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-y, --gse-ui-popover-boxShadow-offsetY) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));
   border-top: calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);
   border-right: calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;
   border-left: calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;

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

@@ -5,5 +5,5 @@
   background-color: var(--gse-ui-flyoutMenu-backgroundColor);
   border: none;
   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);
+  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);
 }

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

@@ -52,7 +52,7 @@
   background-color: var(--gse-ui-menu-backgroundColor);
   border: none;
   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);
+  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);
 }
 :host .gux-submenu-wrapper.gux-shown {
   visibility: visible;

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

@@ -18,8 +18,8 @@
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
   order: 0;
-  min-width: var(--gse-ui-icon-size-sm);
-  min-height: var(--gse-ui-icon-size-sm);
+  min-width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  min-height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
   color: var(--gse-ui-formControl-helper-errorColor);
 }
 .gux-form-field-error .gux-message {

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

@@ -34,8 +34,8 @@
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
   order: 0;
-  min-width: var(--gse-ui-icon-size-sm);
-  min-height: var(--gse-ui-icon-size-sm);
+  min-width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  min-height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
   color: var(--gse-ui-formControl-helper-errorColor);
 }
 .gux-form-field-error .gux-message {
@@ -85,8 +85,8 @@
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
   order: 0;
-  min-width: var(--gse-ui-icon-size-sm);
-  min-height: var(--gse-ui-icon-size-sm);
+  min-width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  min-height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
   color: var(--gse-ui-formControl-helper-errorColor);
 }
 .gux-form-field-error .gux-message {

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

@@ -25,8 +25,8 @@
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
   order: 0;
-  min-width: var(--gse-ui-icon-size-sm);
-  min-height: var(--gse-ui-icon-size-sm);
+  min-width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  min-height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
   color: var(--gse-ui-formControl-helper-errorColor);
 }
 .gux-form-field-error .gux-message {