npm - genesys-spark-components - Versions diffs - 4.91.1 → 4.93.0 - Mend

genesys-spark-components 4.91.1 → 4.93.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 (509) hide show

package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.css CHANGED Viewed

@@ -47,7 +47,7 @@
 }
 :host(.gux-active) {
-  border-radius: var(--gse-semantic-focusRing-cornerRadius, var(--gse-semantic-focusOutline-sm-borderRadius));
+  border-radius: var(--gse-semantic-focusOutline-sm-borderRadius);
   outline: var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);
   outline-offset: -2px;
 }

package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.css CHANGED Viewed

@@ -21,7 +21,7 @@
   opacity: var(--gse-ui-menu-option-disabled-opacity);
 }
 :host:host(.gux-active) {
-  border-radius: var(--gse-semantic-focusRing-cornerRadius, var(--gse-semantic-focusOutline-sm-borderRadius));
+  border-radius: var(--gse-semantic-focusOutline-sm-borderRadius);
   outline: var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);
   outline-offset: -2px;
 }

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

@@ -9,7 +9,7 @@
   border: var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);
   border-radius: var(--gse-ui-menu-borderRadius);
   outline: none;
-  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);
+  box-shadow: var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);
 }
 .gux-message-container {

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

@@ -52,7 +52,7 @@
   fill: var(--gse-ui-menu-option-checkbox-checked-default-foregroundColor);
 }
 :host:host(.gux-active) {
-  border-radius: var(--gse-semantic-focusRing-cornerRadius, var(--gse-semantic-focusOutline-sm-borderRadius));
+  border-radius: var(--gse-semantic-focusOutline-sm-borderRadius);
   outline: var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);
   outline-offset: -2px;
 }

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

@@ -5,7 +5,7 @@
 /* Body Copy */
 /* Anchor */
 ::slotted(button:active:enabled) {
-  color: var(--gse-ui-link-active-foregroundColor, var(--gse-ui-links-active-foregroundColor));
+  color: var(--gse-ui-links-active-foregroundColor);
   text-decoration: underline;
   background: none;
 }
@@ -25,7 +25,7 @@ slot[name=start-align-buttons]::slotted(:not(button, gux-button-slot)) {
   overflow: hidden;
   border: none;
   border-radius: var(--gse-ui-modal-borderRadius);
-  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);
+  box-shadow: var(--gse-ui-modal-boxShadow-offsetX) 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 dialog::backdrop {
   background: rgba(77, 97, 130, 0.8);

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

@@ -1,6 +1,6 @@
 gux-button gux-icon {
-  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));
+  width: var(--gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-small-size);
   padding-top: 4px;
 }

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

@@ -8,7 +8,7 @@
   padding: var(--gse-ui-popover-gap);
   background-color: var(--gse-ui-popover-backgroundColor);
   border-radius: var(--gse-ui-popover-borderRadius);
-  box-shadow: var(--gse-ui-popover-boxShadow-x, var(--gse-ui-popover-boxShadow-offsetX)) var(--gse-ui-popover-boxShadow-y, var(--gse-ui-popover-boxShadow-offsetY)) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);
+  box-shadow: var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);
 }
 .gux-popover-wrapper.gux-hidden {
   display: none;
@@ -24,7 +24,7 @@
 .gux-popover-wrapper .gux-arrow-caret {
   width: 0;
   height: 0;
-  filter: drop-shadow(var(--gse-ui-popover-boxShadow-x, var(--gse-ui-popover-boxShadow-offsetX)) var(--gse-ui-popover-boxShadow-y, var(--gse-ui-popover-boxShadow-offsetY)) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));
+  filter: drop-shadow(var(--gse-ui-popover-boxShadow-offsetX) var(--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-popover-list/gux-popover-list.css CHANGED Viewed

@@ -7,7 +7,7 @@
   padding: 8px 0;
   background-color: var(--gse-ui-popover-backgroundColor);
   border-radius: var(--gse-ui-popover-borderRadius);
-  box-shadow: var(--gse-ui-popover-boxShadow-x, var(--gse-ui-popover-boxShadow-offsetX)) var(--gse-ui-popover-boxShadow-y, var(--gse-ui-popover-boxShadow-offsetY)) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);
+  box-shadow: var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);
 }
 .gux-popover-wrapper.gux-hidden {
   display: none;

package/dist/collection/components/stable/gux-popup/gux-popup.js CHANGED Viewed

@@ -52,10 +52,16 @@ export class GuxPopup {
                 ]
             }).then(({ x, y, middlewareData }) => {
                 const { referenceHidden } = middlewareData.hide;
-                Object.assign(this.popupElementContainer.style, {
-                    left: `${x}px`,
-                    top: `${y}px`
-                });
+                if (!isNaN(x)) {
+                    Object.assign(this.popupElementContainer.style, {
+                        left: `${x}px`
+                    });
+                }
+                if (!isNaN(y)) {
+                    Object.assign(this.popupElementContainer.style, {
+                        top: `${y}px`
+                    });
+                }
                 if (referenceHidden) {
                     this.popupElementContainer.classList.add('gux-sr-only-clip');
                 }
@@ -73,8 +79,15 @@ export class GuxPopup {
             this.internalcollapsed.emit();
         }
     }
+    // update position once on load to fix overflow in containers: COMUI-2883
+    // do not runUpdatePosition on load unless expanded to avoid performance issues: COMUI-3140
     componentDidLoad() {
-        this.runUpdatePosition();
+        if (this.expanded) {
+            this.runUpdatePosition();
+        }
+        else {
+            this.updatePosition();
+        }
     }
     componentDidUpdate() {
         if (this.expanded) {
@@ -90,13 +103,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: 'c30aa8c47a37f2f526d9849770f557a411235295', class: {
+        return (h("div", { key: 'a0e2b284784bfd90b838a3accc6c72361dbe33b8', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1a766a7d3d83520eb01343bf32c5501ce53865c3', name: "target" }), h("div", { key: '74592d9a227e71da3f5368fca02aabda71f5557b', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'ae7d793274277fea2bd90f7e6ffc1110144b33e3', name: "target" }), h("div", { key: '1386da5a940c1010ae04c8d9fa139268f91bd9ad', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '32f147115740e271fdfe988e7911a7cb2fc1c4db', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '8cfbf33173aebcf3b0758042afe6832a2cf07c99', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,9 +5,9 @@
 }
 :host(:host:focus-visible) {
-  outline: var(--gse-semantic-focusRing-small-border-color, var(--gse-semantic-border-focus)) var(--gse-semantic-focusRing-small-border-style, solid) var(--gse-semantic-focusRing-small-border-width, var(--gse-semantic-focusOutline-sm-borderWidth));
-  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
-  box-shadow: 0 0 0 1px var(--gse-semantic-focusRing-small-border-color);
+  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-sm-borderWidth);
+  outline-offset: var(--gse-semantic-focusOutline-offset);
+  box-shadow: 0 0 0 1px var(--gse-semantic-border-focus);
 }
 .gux-rating-star-container {

package/dist/collection/components/stable/gux-table/gux-sort-control/gux-sort-control.css CHANGED Viewed

@@ -21,8 +21,8 @@
 }
 .gux-container .gux-sort-button .gux-sort-icon {
   float: right;
-  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));
+  width: var(--gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-small-size);
   margin: 0 var(--gse-ui-dataTableItems-header-gap);
   color: var(--gse-ui-dataTableItems-header-sort-foregroundColor);
 }

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

@@ -14,11 +14,11 @@ gux-table-select-menu .gux-select-menu-button {
   outline: none;
 }
 gux-table-select-menu .gux-select-menu-button:focus-visible {
-  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: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
+  outline-offset: var(--gse-semantic-focusOutline-offset);
   border-radius: 4px;
 }
 gux-table-select-menu .gux-select-menu-button gux-icon {
-  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));
+  width: var(--gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-small-size);
 }

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

@@ -29,8 +29,8 @@
   height: calc(100% - var(--gse-ui-dataTableItems-header-default-height));
   color: #596373;
   background: #fdfdfd;
-  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));
+  font-family: var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;
+  font-size: var(--gse-semantic-heading-lg-bold-fontSize);
+  line-height: var(--gse-semantic-heading-lg-bold-lineHeight);
+  font-weight: var(--gse-semantic-heading-lg-bold-fontWeight);
 }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-custom-action/gux-table-toolbar-custom-action.css CHANGED Viewed

@@ -24,6 +24,6 @@ button[disabled] {
   align-items: center;
 }
 .gux-action-title slot[name=icon]::slotted(gux-icon) {
-  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));
+  width: var(--gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-small-size);
 }

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

@@ -15,8 +15,8 @@
   border: none;
 }
 .gux-menu-button button gux-icon {
-  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));
+  width: var(--gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-small-size);
 }
 .gux-list-container {
@@ -28,5 +28,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-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);
+  box-shadow: var(--gse-ui-menu-boxShadow-offsetX) var(--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-tabs/gux-tab-panel/gux-tab-panel.css CHANGED Viewed

@@ -12,6 +12,6 @@
 }
 :host(:focus-visible) {
-  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: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
+  outline-offset: var(--gse-semantic-focusOutline-offset);
 }

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced/gux-tab-advanced.css CHANGED Viewed

@@ -22,10 +22,10 @@ gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button {
   padding: var(--gse-ui-advancedTabs-item-padding);
 }
 gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button:focus-visible {
-  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: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
+  outline-offset: var(--gse-semantic-focusOutline-offset);
   border-radius: var(--gse-ui-advancedTabs-item-focus-borderRadius);
-  outline-offset: calc(-1 * var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth)));
+  outline-offset: calc(-1 * var(--gse-semantic-focusOutline-md-borderWidth));
 }
 gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button .gux-tab-button-text {
   font-family: var(--gse-ui-advancedTabs-item-itemText-fontFamily);
@@ -36,8 +36,8 @@ gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button .gux-tab-button-text {
   white-space: nowrap;
 }
 gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-trigger gux-icon {
-  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));
+  width: var(--gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-small-size);
 }
 gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-container {
   --no-op: none;

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.css CHANGED Viewed

@@ -2,6 +2,6 @@ gux-tab-advanced-panel .gux-tabpanel:focus {
   outline: none;
 }
 gux-tab-advanced-panel .gux-tabpanel:focus-visible {
-  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: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
+  outline-offset: var(--gse-semantic-focusOutline-offset);
 }

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

@@ -68,8 +68,8 @@
   margin-right: -4px;
 }
 .gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon {
-  border-radius: var(--gse-semantic-focusRing-cornerRadius, var(--gse-semantic-focusOutline-sm-borderRadius));
-  outline: var(--gse-semantic-focusRing-small-border-width, var(--gse-semantic-focusOutline-sm-borderWidth)) solid var(--gse-semantic-color-focus, var(--gse-ui-color-focus));
+  border-radius: var(--gse-semantic-focusOutline-sm-borderRadius);
+  outline: var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-ui-color-focus);
 }
 .gux-tag.gux-accent-default {
   color: var(--gse-ui-tag-default-bold-foregroundColor);

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

@@ -27,8 +27,8 @@
   border-radius: var(--gse-ui-formControl-input-borderRadius);
 }
 .gux-time-picker .gux-input-time:focus-within {
-  outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-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: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
+  outline-offset: var(--gse-semantic-focusOutline-offset);
 }
 .gux-time-picker .gux-input-time:hover:not(:disabled) {
   border: var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color);
@@ -66,7 +66,7 @@
   outline: none;
 }
 .gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible {
-  outline: var(--gse-semantic-focusRing-small-border-color, var(--gse-semantic-border-focus)) var(--gse-semantic-focusRing-small-border-style, solid) var(--gse-semantic-focusRing-small-border-width, var(--gse-semantic-focusOutline-sm-borderWidth));
+  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-sm-borderWidth);
   border-radius: var(--gse-ui-timePicker-focusAmpm-borderRadius);
 }
 .gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem {
@@ -95,12 +95,12 @@
   cursor: pointer;
 }
 .gux-time-picker .gux-input-time .gux-clock-button:focus-visible {
-  outline: var(--gse-semantic-focusRing-small-border-color, var(--gse-semantic-border-focus)) var(--gse-semantic-focusRing-small-border-style, solid) var(--gse-semantic-focusRing-small-border-width, var(--gse-semantic-focusOutline-sm-borderWidth));
+  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-sm-borderWidth);
   border-radius: var(--gse-ui-timePicker-focusClock-borderRadius);
 }
 .gux-time-picker .gux-input-time .gux-clock-button gux-icon {
-  width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
-  height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  width: var(--gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-small-size);
   padding: var(--gse-ui-timePicker-clock-padding);
 }
 .gux-time-picker .gux-time-separator {
@@ -115,5 +115,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-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);
+  box-shadow: var(--gse-ui-menu-boxShadow-offsetX) var(--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-toast/gux-toast.css CHANGED Viewed

@@ -10,7 +10,7 @@
   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-offsetX)) var(--gse-ui-toast-boxShadow-y, var(--gse-ui-toast-boxShadow-offsetY)) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color);
+  box-shadow: var(--gse-ui-toast-boxShadow-offsetX) var(--gse-ui-toast-boxShadow-offsetY) 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;
@@ -66,10 +66,10 @@
   width: 100%;
 }
 .gux-toast .gux-content .gux-buttons-bar ::slotted(a) {
-  font-family: var(--gse-ui-link-inLine-medium-underlinedText-fontFamily, var(--gse-ui-links-inLine-medium-underlinedText-fontFamily));
-  font-size: var(--gse-ui-link-inLine-medium-underlinedText-fontSize, var(--gse-ui-links-inLine-medium-underlinedText-fontSize));
-  font-weight: var(--gse-ui-link-inLine-medium-underlinedText-fontWeight, var(--gse-ui-links-inLine-medium-underlinedText-fontWeight));
-  line-height: var(--gse-ui-link-inLine-medium-underlinedText-lineHeight, var(--gse-ui-links-inLine-medium-underlinedText-lineHeight));
+  font-family: var(--gse-ui-links-inLine-medium-underlinedText-fontFamily);
+  font-size: var(--gse-ui-links-inLine-medium-underlinedText-fontSize);
+  font-weight: var(--gse-ui-links-inLine-medium-underlinedText-fontWeight);
+  line-height: var(--gse-ui-links-inLine-medium-underlinedText-lineHeight);
 }
 .gux-toast.gux-toast-success {
   background-color: var(--gse-ui-toast-success-backgroundColor);

package/dist/collection/components/stable/gux-tooltip/gux-tooltip.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-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);
+  box-shadow: var(--gse-ui-tooltip-boxShadow-offsetX) 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;
 }
@@ -36,8 +36,8 @@
 }
 .gux-container ::slotted(gux-icon) {
   align-self: center;
-  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));
+  width: var(--gse-ui-icon-small-size);
+  height: 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, var(--gse-ui-icon-small-size));
-  height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  width: var(--gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-small-size);
   color: var(--gse-ui-tooltip-dark-iconColor);
 }