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-content-search/gux-content-search.css CHANGED Viewed

@@ -64,7 +64,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, var(--gse-semantic-focusOutline-offset));
+  outline-offset: var(--gse-semantic-focusOutline-offset);
 }
 .gux-content-search:not(:disabled):not(.gux-disabled):hover {
   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);
@@ -95,8 +95,8 @@
   padding: 0;
 }
 .gux-content-search .gux-content-control-panel 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-content-search .gux-content-control-panel button {
   display: block;
@@ -120,16 +120,16 @@
   color: var(--gse-ui-search-counter-hover-foregroundColor);
 }
 .gux-content-search .gux-content-control-panel button:not(.gux-clear-button):focus-visible:enabled {
-  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-content-search .gux-content-control-panel button.gux-clear-button {
   flex-shrink: 0;
   align-items: center;
 }
 .gux-content-search .gux-content-control-panel button.gux-clear-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-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, 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-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-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-datepicker/gux-datepicker.css CHANGED Viewed

@@ -95,13 +95,13 @@
   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: 2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);
-  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
+  outline-offset: var(--gse-semantic-focusOutline-offset);
 }
 .gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active {
   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: 2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);
-  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
+  outline-offset: var(--gse-semantic-focusOutline-offset);
 }
 .gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input {
   box-sizing: border-box;
@@ -114,7 +114,7 @@
   flex: 1 1 auto;
   align-self: auto;
   order: 0;
-  width: calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-size-sm));
+  width: calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-small-size));
   padding: 0;
   overflow: hidden;
   font-family: var(--gse-ui-formControl-input-contentText-fontFamily);
@@ -150,7 +150,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: 2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);
-  outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
+  outline-offset: var(--gse-semantic-focusOutline-offset);
   border: none;
   border-radius: var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);
   outline-offset: var(--gse-ui-datePicker-focusCalendar-gap);
@@ -160,8 +160,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, 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-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar {
   position: fixed;

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

@@ -108,11 +108,11 @@
 }
 .gux-target-container-expanded:focus-visible {
   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, var(--gse-semantic-focusOutline-offset));
+  outline-offset: var(--gse-semantic-focusOutline-offset);
 }
 .gux-target-container-expanded:focus-within:has(:focus-visible) {
   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, var(--gse-semantic-focusOutline-offset));
+  outline-offset: var(--gse-semantic-focusOutline-offset);
 }
 .gux-target-container-expanded .gux-filter-input {
   background-color: inherit;
@@ -141,16 +141,16 @@
 }
 .gux-target-container-collapsed .gux-field-button:focus-visible {
   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, var(--gse-semantic-focusOutline-offset));
+  outline-offset: var(--gse-semantic-focusOutline-offset);
 }
 .gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible) {
   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, var(--gse-semantic-focusOutline-offset));
+  outline-offset: var(--gse-semantic-focusOutline-offset);
 }
 ::slotted(gux-listbox) {
   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-selected-icon {

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

@@ -41,7 +41,7 @@
   height: var(--gse-ui-tag-button-size);
 }
 .gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon {
-  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);
 }
 .gux-tag.gux-disabled {
   opacity: var(--gse-ui-tag-disabled-opacity);

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

@@ -122,12 +122,12 @@
   border-radius: var(--gse-ui-formControl-input-borderRadius);
 }
 .gux-target-container-expanded: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);
 }
 .gux-target-container-expanded:focus-within:has(: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);
 }
 .gux-target-container-expanded .gux-filter-input {
   background-color: inherit;
@@ -155,12 +155,12 @@
   border-radius: var(--gse-ui-formControl-input-borderRadius);
 }
 .gux-target-container-collapsed .gux-field-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);
 }
 .gux-target-container-collapsed .gux-field-button:focus-within:has(: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);
 }
 .gux-listbox-container {

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

@@ -9,8 +9,8 @@
 }
 :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);
 }
 .gux-flyout-menu-content {
@@ -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-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-flyout-menu/gux-menu/gux-menu-option/gux-menu-option.css CHANGED Viewed

@@ -5,6 +5,7 @@
 }
 :host .gux-menu-option-button {
   all: unset;
+  box-sizing: border-box;
   width: var(--gse-ui-flyoutMenu-width);
   height: var(--gse-ui-menu-option-height);
   padding: var(--gse-ui-menu-option-padding);

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-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-flyout-menu/gux-menu/gux-submenu/gux-submenu.css CHANGED Viewed

@@ -5,6 +5,7 @@
 }
 :host .gux-submenu-button {
   all: unset;
+  box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -52,7 +53,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-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);
 }
 :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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: 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-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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: var(--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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: 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-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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: var(--gse-ui-icon-small-size);
   color: var(--gse-ui-formControl-helper-errorColor);
 }
 .gux-form-field-error .gux-message {
@@ -156,7 +156,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, var(--gse-semantic-focusOutline-offset));
+  outline-offset: var(--gse-semantic-focusOutline-offset);
 }
 .gux-input-and-error-container .gux-input .gux-input-container:hover {
   cursor: pointer;

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: 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-file/gux-form-field-file.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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: 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-number/gux-form-field-number.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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: var(--gse-ui-icon-small-size);
   color: var(--gse-ui-formControl-helper-errorColor);
 }
 .gux-form-field-error .gux-message {
@@ -158,7 +158,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, var(--gse-semantic-focusOutline-offset));
+  outline-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-phone/gux-form-field-phone.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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: 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-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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: 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, var(--gse-semantic-focusOutline-offset));
+  outline-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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: 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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: 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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: 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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: 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, var(--gse-semantic-focusOutline-offset));
+  outline-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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: 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, var(--gse-semantic-focusOutline-offset));
+  outline-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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: 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, var(--gse-semantic-focusOutline-offset));
+  outline-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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: 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, var(--gse-semantic-focusOutline-offset));
+  outline-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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: 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, var(--gse-ui-icon-small-size));
-  min-height: var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));
+  min-width: var(--gse-ui-icon-small-size);
+  min-height: 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, 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);
   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, 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);
 }
 :host([size=medium]) {
-  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));
+  width: var(--gse-ui-icon-medium-size);
+  height: var(--gse-ui-icon-medium-size);
 }
 :host([size=large]) {
-  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));
+  width: var(--gse-ui-icon-large-size);
+  height: 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, 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-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, 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);
 }
 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, 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));
+  outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);
+  outline-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-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));
+  font-family: var(--gse-semantic-heading-overline-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;
+  font-size: var(--gse-semantic-heading-overline-fontSize);
+  line-height: var(--gse-semantic-heading-overline-lineHeight);
+  text-transform: var(--gse-semantic-heading-overline-textCase);
+  letter-spacing: var(--gse-semantic-heading-overline-letterSpacing);
+  font-weight: 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, 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;
 }