npm - genesys-spark-components - Versions diffs - 4.87.0 → 4.88.1 - Mend

genesys-spark-components 4.87.0 → 4.88.1

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 (481) hide show

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

@@ -39,8 +39,8 @@
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
   order: 0;
-  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);
+  min-width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
   color: var(--gse-ui-formControl-helper-errorColor);
 }
 .gux-form-field-error .gux-message {
@@ -137,7 +137,7 @@
 ::slotted(input[type=radio]:focus-visible) {
   border-radius: var(--gse-ui-radioButton-focus-borderRadius);
   outline: var(--gse-ui-radioButton-focus-border-width) var(--gse-ui-radioButton-focus-border-style) var(--gse-ui-radioButton-focus-border-color);
-  outline-offset: var(--gse-semantic-focusRing-offset);
+  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
 }
 ::slotted(input[type=radio]:not(:checked))::before {

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

@@ -33,8 +33,8 @@
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
   order: 0;
-  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);
+  min-width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
   color: var(--gse-ui-formControl-helper-errorColor);
 }
 .gux-form-field-error .gux-message {
@@ -84,8 +84,8 @@
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
   order: 0;
-  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);
+  min-width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-height: var(--gse-ui-icon-size-sm, var(--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-range/gux-form-field-range.css CHANGED Viewed

@@ -50,8 +50,8 @@
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
   order: 0;
-  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);
+  min-width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-height: var(--gse-ui-icon-size-sm, var(--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-search/gux-form-field-search.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, --gse-ui-icon-small-size);
-  min-height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  min-width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
   color: var(--gse-ui-formControl-helper-errorColor);
 }
 .gux-form-field-error .gux-message {
@@ -165,7 +165,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-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.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, --gse-ui-icon-small-size);
-  min-height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  min-width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
   color: var(--gse-ui-formControl-helper-errorColor);
 }
 .gux-form-field-error .gux-message {
@@ -160,7 +160,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-input-and-error-container .gux-input.gux-input-error .gux-input-container {
   border-color: var(--gse-ui-formControl-input-error-border-color);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.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, --gse-ui-icon-small-size);
-  min-height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  min-width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
   color: var(--gse-ui-formControl-helper-errorColor);
 }
 .gux-form-field-error .gux-message {
@@ -160,7 +160,7 @@ slot[name=suffix] {
   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-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-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);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.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, --gse-ui-icon-small-size);
-  min-height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  min-width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
   color: var(--gse-ui-formControl-helper-errorColor);
 }
 .gux-form-field-error .gux-message {
@@ -137,7 +137,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-input-and-error-container .gux-input:hover:not(.gux-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);

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

@@ -33,8 +33,8 @@
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
   order: 0;
-  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);
+  min-width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-height: var(--gse-ui-icon-size-sm, var(--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-time-zone-picker/gux-form-field-time-zone-picker.css CHANGED Viewed

@@ -33,8 +33,8 @@
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
   order: 0;
-  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);
+  min-width: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-height: var(--gse-ui-icon-size-sm, var(--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/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.css CHANGED Viewed

@@ -11,8 +11,8 @@ button:not(:disabled):focus-visible, button:not(:disabled):hover {
   cursor: pointer;
 }
 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));
   border-radius: var(--gse-ui-formControl-input-borderRadius);
 }
 button:focus {

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

@@ -5,18 +5,18 @@
 }
 :host([size=small]) {
-  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));
 }
 :host([size=medium]) {
-  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));
 }
 :host([size=large]) {
-  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));
 }
 .gux-icon-container {

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

@@ -17,8 +17,8 @@
 .gux-inline-alert gux-icon {
   flex-shrink: 0;
   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-top: 1px;
 }
 .gux-inline-alert gux-tooltip-title {

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

@@ -38,7 +38,7 @@ button {
   outline-offset: calc(var(--gse-ui-menu-option-focus-border-width) * -1);
 }
 button:focus-visible:not(:disabled) {
-  border-radius: var(--gse-semantic-focusRing-cornerRadius);
+  border-radius: var(--gse-semantic-focusRing-cornerRadius, 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);
 }
 button:hover:not(:disabled) {

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

@@ -12,8 +12,8 @@
 }
 :host(:focus-visible) {
-  outline: var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus, --gse-ui-color-focus);
-  outline-offset: var(--gse-semantic-focusRing-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-message-container {

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

@@ -13,12 +13,12 @@
   display: block;
   padding: var(--gse-ui-menu-groupedMenu-title-padding);
   color: var(--gse-ui-menu-groupedMenu-title-foregroundColor);
-  font-family: var(--gse-core-typography-heading-overline-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
-  font-size: var(--gse-core-typography-heading-overline-fontSize);
-  line-height: var(--gse-core-typography-heading-overline-lineHeight);
-  text-transform: var(--gse-core-typography-heading-overline-textCase);
-  letter-spacing: var(--gse-core-typography-heading-overline-letterSpacing);
-  font-weight: var(--gse-core-fontWeight-regular);
+  font-family: var(--gse-core-typography-heading-overline-fontFamily, var(--gse-semantic-heading-overline-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
+  font-size: var(--gse-core-typography-heading-overline-fontSize, var(--gse-semantic-heading-overline-fontSize));
+  line-height: var(--gse-core-typography-heading-overline-lineHeight, var(--gse-semantic-heading-overline-lineHeight));
+  text-transform: var(--gse-core-typography-heading-overline-textCase, var(--gse-semantic-heading-overline-textCase));
+  letter-spacing: var(--gse-core-typography-heading-overline-letterSpacing, var(--gse-semantic-heading-overline-letterSpacing));
+  font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-heading-overline-fontWeight));
 }
 :host(.gux-filtered) {

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

@@ -47,7 +47,7 @@
 }
 :host(.gux-active) {
-  border-radius: var(--gse-semantic-focusRing-cornerRadius);
+  border-radius: var(--gse-semantic-focusRing-cornerRadius, 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/options/gux-option-icon/gux-option-icon.css CHANGED Viewed

@@ -47,7 +47,7 @@
 }
 :host(.gux-active) {
-  border-radius: var(--gse-semantic-focusRing-cornerRadius);
+  border-radius: var(--gse-semantic-focusRing-cornerRadius, 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);
+  border-radius: var(--gse-semantic-focusRing-cornerRadius, 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, --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);
 }
 .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);
+  border-radius: var(--gse-semantic-focusRing-cornerRadius, 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, --gse-ui-links-active-foregroundColor);
+  color: var(--gse-ui-link-active-foregroundColor, 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, --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 dialog::backdrop {
   background: rgba(77, 97, 130, 0.8);
@@ -39,11 +39,11 @@ slot[name=start-align-buttons]::slotted(:not(button, gux-button-slot)) {
   max-height: min(368px, 100vh - 2 * 24px);
 }
 :host dialog .gux-modal-container.gux-medium {
-  width: var(--gse-ui-modal-medium-width);
+  width: min(var(--gse-ui-modal-medium-width), 100vw - 48px);
   max-height: min(640px, 100vh - 2 * 24px);
 }
 :host dialog .gux-modal-container.gux-large {
-  width: var(--gse-ui-modal-large-width);
+  width: min(var(--gse-ui-modal-large-width), 100vw - 48px);
   max-height: min(640px, 100vh - 2 * 24px);
 }
 :host dialog .gux-modal-container.gux-dynamic {

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, --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));
   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, --gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-y, --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-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);
 }
 .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, --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));
+  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));
   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, --gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-y, --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-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);
 }
 .gux-popover-wrapper.gux-hidden {
   display: none;

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

@@ -136,8 +136,8 @@
 div[role=progressbar] .gux-svg-container {
   display: block;
-  width: calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px);
-  height: calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px);
+  width: var(--gse-ui-progressAndLoading-spinner-large);
+  height: var(--gse-ui-progressAndLoading-spinner-large);
 }
 div[role=progressbar] .gux-svg-container .gux-dynamic-circle,
 div[role=progressbar] .gux-svg-container .gux-dynamic-circle-mask {
@@ -167,8 +167,8 @@ div[role=progressbar].gux-full-page .gux-svg-container .gux-static-circle {
   display: none;
 }
 div[role=progressbar].gux-input .gux-svg-container {
-  width: calc(var(--gse-ui-progressAndLoading-spinner-small) * 1px);
-  height: calc(var(--gse-ui-progressAndLoading-spinner-small) * 1px);
+  width: var(--gse-ui-progressAndLoading-spinner-small);
+  height: var(--gse-ui-progressAndLoading-spinner-small);
 }
 div[role=progressbar].gux-input .gux-svg-container .gux-dynamic-circle {
   fill: none;

package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.service.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
 export const largeBorder = 4; // Linked to --gse-ui-progressAndLoading-largeBorder
-export const smallSpinner = 16; // Linked to --gse-ui-progressAndLoading-spinner-large
-export const smallBorder = 2; // Linked to --gse-ui-progressAndLoading-largeBorder
+export const smallSpinner = 16; // Linked to --gse-ui-progressAndLoading-spinner-small
+export const smallBorder = 2; // Linked to --gse-ui-progressAndLoading-smallBorder

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

@@ -4,8 +4,8 @@
 div[role=progressbar] .gux-svg-container {
   display: block;
-  width: calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px);
-  height: calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px);
+  width: var(--gse-ui-progressAndLoading-spinner-large);
+  height: var(--gse-ui-progressAndLoading-spinner-large);
 }
 div[role=progressbar] .gux-svg-container .gux-dynamic-circle {
   fill: none;

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-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);
-  outline-offset: var(--gse-semantic-focusRing-offset);
-  box-shadow: 0 0 0 1px var(--gse-semantic-focusRing-small-border-style);
+  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);
 }
 .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, --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: 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-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: 4px;
 }
 gux-table-select-menu .gux-select-menu-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));
 }

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-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));
 }

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

@@ -30,7 +30,9 @@ export class GuxTable {
             this.prepareResizableColumns();
         }
         this.prepareSelectableRows();
-        this.checkVerticalScroll();
+        readTask(() => {
+            this.checkVerticalScroll();
+        });
         if (!this.resizeObserver && window.ResizeObserver) {
             this.resizeObserver = new ResizeObserver(() => {
                 readTask(() => {
@@ -269,7 +271,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '92766bcc0d454655a0fe1381dd7e1b14863e4010', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '835d1f245abd92f74fb1769668d86eeafa67a152', class: "gux-table" }, h("div", { key: 'a1a1231bb441722ab2ba37cd62f06ff3f212044a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '71773d7eb6f159b869a5c519fc894ba42ad47958', name: "data" })), this.isTableEmpty && (h("div", { key: 'c9a571930a9a6253bfd03b13e949a49e805df874', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '1a382634e39d08bdcae4026098caca66bc96b20e', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '20a7716c81e398c02fbcd2eab7821121ac87d29d', class: "gux-table" }, h("div", { key: 'a84d98f532d1ff1df31429bbd51d14c88368c85b', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '6f01f726e2ce29d7b029297ef1eacd20db4e9e92', name: "data" })), this.isTableEmpty && (h("div", { key: '587c9f932c8db2f195d0170bfa0b4c249848cb64', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }

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, --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/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, --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-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, --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);
 }

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-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/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-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: var(--gse-ui-advancedTabs-item-focus-borderRadius);
-  outline-offset: calc(-1 * var(--gse-semantic-focusRing-default-border-width));
+  outline-offset: calc(-1 * var(--gse-semantic-focusRing-default-border-width, 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, --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-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-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/stable/gux-tag/gux-tag.css CHANGED Viewed

@@ -14,7 +14,7 @@
   padding: var(--gse-ui-tag-padding);
   font-family: var(--gse-ui-tag-text-fontFamily);
   font-size: var(--gse-ui-tag-text-fontSize);
-  font-weight: var(--gse-ui-tag-text-fontWeight, 600);
+  font-weight: var(--gse-ui-tag-text-fontWeight);
   line-height: var(--gse-ui-tag-text-lineHeight);
   color: var(--gse-ui-tag-default-foregroundColor);
   background-color: var(--gse-ui-tag-default-backgroundColor);
@@ -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);
-  outline: var(--gse-semantic-focusRing-small-border-width) solid var(--gse-semantic-color-focus, --gse-ui-color-focus);
+  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));
 }
 .gux-tag.gux-accent-default {
   color: var(--gse-ui-tag-default-bold-foregroundColor);