genesys-spark-components 4.84.0 → 4.85.1

package/dist/cjs/gux-toast.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-ef73a3b7.js');
+const usage = require('./usage-b4320e34.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
-const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;width:var(--gse-ui-toast-wrappingWidth);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-y) 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;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{width:100%}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";
+const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;width:var(--gse-ui-toast-wrappingWidth);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, --gse-ui-toast-boxShadow-offsetX) var(--gse-ui-toast-boxShadow-y, --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;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{width:100%}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily, --gse-ui-links-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize, --gse-ui-links-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight, --gse-ui-links-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight, --gse-ui-links-inLine-medium-underlinedText-lineHeight)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";
 const GuxToastStyle0 = guxToastCss;
 
 const GuxToast = class {

package/dist/cjs/gux-toggle-slider.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 
-const guxToggleSliderCss = "gux-toggle-slider{display:flex;align-items:center;padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;width:var(--gse-ui-toggle-track-width);height:var(--gse-ui-toggle-track-height);cursor:pointer;border-radius:var(--gse-ui-toggle-track-borderRadius)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider{background-color:var(--gse-ui-toggle-track-error-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider .gux-switch{border:var(--gse-ui-toggle-handle-error-border-width) var(--gse-ui-toggle-handle-error-border-style) var(--gse-ui-toggle-handle-error-border-color)}gux-toggle-slider .gux-toggle-slider.gux-error.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-error-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;background-color:var(--gse-ui-toggle-track-disabled-off-backgroundColor);opacity:var(--gse-ui-toggle-disabled-opacity)}gux-toggle-slider .gux-toggle-slider:focus-visible{border-radius:var(--gse-ui-toggle-focus-borderRadius);outline:var(--gse-ui-toggle-focus-border-width) var(--gse-ui-toggle-focus-border-style) var(--gse-ui-toggle-focus-border-color);outline-offset:var(--gse-ui-toggle-focus-offset)}gux-toggle-slider .gux-toggle-slider .gux-slider{position:absolute;inset:0;background-color:var(--gse-ui-toggle-track-enabled-off-backgroundColor);border-radius:calc(var(--gse-ui-toggle-track-height) / 2);transition:background-color 0.2s ease}gux-toggle-slider .gux-toggle-slider .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch{position:absolute;bottom:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);left:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);width:calc(var(--gse-ui-toggle-handle-width) - 4px);height:calc(var(--gse-ui-toggle-handle-height) - 4px);color:var(--gse-ui-toggle-handle-foregroundColor);content:\"\";background-color:var(--gse-ui-toggle-handle-backgroundColor);border:var(--gse-ui-toggle-handle-enabled-border-width) var(--gse-ui-toggle-handle-enabled-border-style) var(--gse-ui-toggle-handle-enabled-border-color);border-radius:var(--gse-ui-toggle-handle-borderRadius);transition:0.2s}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon{position:absolute;inset:0;width:calc(var(--gse-ui-toggle-handle-width) - 6px);height:calc(var(--gse-ui-toggle-handle-width) - 6px);margin:auto;color:var(--gse-ui-toggle-handle-backgroundColor);transition:color 0.2s linear}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-enabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled{background-color:var(--gse-ui-toggle-track-disabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled .gux-switch{border:var(--gse-ui-toggle-handle-hover-disabled-border-width) var(--gse-ui-toggle-handle-hover-disabled-border-style) var(--gse-ui-toggle-handle-hover-disabled-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover .gux-switch{border:var(--gse-ui-toggle-handle-hover-border-width) var(--gse-ui-toggle-handle-hover-border-style) var(--gse-ui-toggle-handle-hover-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch{transform:translateX(calc(var(--gse-ui-toggle-track-width) - var(--gse-ui-toggle-track-height)))}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch gux-icon{color:var(--gse-ui-toggle-handle-foregroundColor);opacity:1;transition:opacity 0.1s linear;transition-delay:0.1s}";
+const guxToggleSliderCss = "gux-toggle-slider{display:flex;align-items:center;padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;width:var(--gse-ui-toggle-track-width);height:var(--gse-ui-toggle-track-height);cursor:pointer;border-radius:var(--gse-ui-toggle-track-borderRadius)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider{background-color:var(--gse-ui-toggle-track-error-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider .gux-switch{border:var(--gse-ui-toggle-handle-error-border-width) var(--gse-ui-toggle-handle-error-border-style) var(--gse-ui-toggle-handle-error-border-color)}gux-toggle-slider .gux-toggle-slider.gux-error.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-error-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;background-color:var(--gse-ui-toggle-track-disabled-off-backgroundColor);opacity:var(--gse-ui-toggle-disabled-opacity)}gux-toggle-slider .gux-toggle-slider:focus-visible{border-radius:var(--gse-ui-toggle-focus-borderRadius);outline:var(--gse-ui-toggle-focus-border-width) var(--gse-ui-toggle-focus-border-style) var(--gse-ui-toggle-focus-border-color);outline-offset:var(--gse-ui-toggle-focus-offset)}gux-toggle-slider .gux-toggle-slider .gux-slider{position:absolute;inset:0;background-color:var(--gse-ui-toggle-track-enabled-off-backgroundColor);border-radius:calc(var(--gse-ui-toggle-track-height) / 2);transition:background-color 0.2s ease}gux-toggle-slider .gux-toggle-slider .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch{position:absolute;bottom:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);left:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);width:calc(var(--gse-ui-toggle-handle-width) - 4px);height:calc(var(--gse-ui-toggle-handle-height) - 4px);color:var(--gse-ui-toggle-handle-foregroundColor);content:\"\";background-color:var(--gse-ui-toggle-handle-backgroundColor);border:var(--gse-ui-toggle-handle-enabled-border-width) var(--gse-ui-toggle-handle-enabled-border-style) var(--gse-ui-toggle-handle-enabled-border-color);border-radius:var(--gse-ui-toggle-handle-borderRadius);transition:0.2s}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon{position:absolute;inset:0;width:calc(var(--gse-ui-toggle-handle-width) - 6px);height:calc(var(--gse-ui-toggle-handle-width) - 6px);margin:auto;color:var(--gse-ui-toggle-handle-backgroundColor);transition:color 0.2s linear}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-enabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled{background-color:var(--gse-ui-toggle-track-disabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled .gux-switch{border:var(--gse-ui-toggle-handle-disabled-border-width) var(--gse-ui-toggle-handle-disabled-border-style) var(--gse-ui-toggle-handle-disabled-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover .gux-switch{border:var(--gse-ui-toggle-handle-hover-border-width) var(--gse-ui-toggle-handle-hover-border-style) var(--gse-ui-toggle-handle-hover-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch{transform:translateX(calc(var(--gse-ui-toggle-track-width) - var(--gse-ui-toggle-track-height)))}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch gux-icon{color:var(--gse-ui-toggle-handle-foregroundColor);opacity:1;transition:opacity 0.1s linear;transition-delay:0.1s}";
 const GuxToggleSliderStyle0 = guxToggleSliderCss;
 
 const GuxToggleSlider = class {

package/dist/cjs/gux-toggle.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-ef73a3b7.js');
+const usage = require('./usage-b4320e34.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-a4f54606.js');
+const index$1 = require('./index-3ea77bd5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const defaultAriaLabel = "Toggle Switch";

package/dist/cjs/gux-tooltip-base-beta.cjs.entry.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-0f6207f9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-ef73a3b7.js');
+const usage = require('./usage-b4320e34.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
-const guxTooltipBaseCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-light-iconColor)}.gux-container ::slotted(*){width:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";
+const guxTooltipBaseCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow-x, --gse-ui-tooltip-boxShadow-offsetX) var(--gse-ui-tooltip-boxShadow-y, --gse-ui-tooltip-boxShadow-offsetY) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);height:var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);color:var(--gse-ui-tooltip-light-foregroundColor)}.gux-container ::slotted(*){width:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);height:var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";
 const GuxTooltipBaseBetaStyle0 = guxTooltipBaseCss;
 
 const GuxTooltipBase = class {

package/dist/cjs/gux-tooltip.cjs.entry.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-0f6207f9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-ef73a3b7.js');
+const usage = require('./usage-b4320e34.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
-const guxTooltipCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-light-iconColor)}.gux-container ::slotted(*){width:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";
+const guxTooltipCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow-x, --gse-ui-tooltip-boxShadow-offsetX) var(--gse-ui-tooltip-boxShadow-y, --gse-ui-tooltip-boxShadow-offsetY) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);height:var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);color:var(--gse-ui-tooltip-light-foregroundColor)}.gux-container ::slotted(*){width:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);height:var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";
 const GuxTooltipStyle0 = guxTooltipCss;
 
 const GuxTooltip = class {

package/dist/cjs/{index-a4f54606.js → index-3ea77bd5.js}

@@ -4028,6 +4028,7 @@ const locales = [
 	"fr-ca",
 	"fr",
 	"he",
+	"hi",
 	"it",
 	"ja",
 	"ko",
@@ -4054,6 +4055,7 @@ const es = 1;
 const fi = 1;
 const fr = 1;
 const he = 0;
+const hi = 0;
 const it = 1;
 const ja = 0;
 const ko = 0;
@@ -4077,6 +4079,7 @@ const startOfWeekDataUntyped = {
 	"fr-ca": 0,
 	fr: fr,
 	he: he,
+	hi: hi,
 	it: it,
 	ja: ja,
 	ko: ko,

package/dist/cjs/{usage-ef73a3b7.js → usage-b4320e34.js}

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

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

@@ -135,9 +135,6 @@
 .gux-avatar.gux-ring.gux-busy, .gux-avatar.gux-ring.gux-meeting {
   background: var(--gse-ui-avatar-presenceRing-busy);
 }
-.gux-avatar.gux-ring.gux-notifications {
-  background: var(--gse-ui-avatar-presenceRing-notifications);
-}
 .gux-avatar.gux-ring.gux-offline {
   background: var(--gse-ui-avatar-presenceRing-offline);
 }
@@ -200,7 +197,7 @@
   color: var(--gse-ui-avatar-badge-available-color);
 }
 .gux-avatar-badge.gux-away, .gux-avatar-badge.gux-break, .gux-avatar-badge.gux-meal, .gux-avatar-badge.gux-training {
-  background-color: var(--gse-ui-avatar-badge-away);
+  background-color: var(--gse-ui-avatar-badge-away, --gse-ui-avatar-badge-away-color);
 }
 .gux-avatar-badge.gux-away gux-icon, .gux-avatar-badge.gux-break gux-icon, .gux-avatar-badge.gux-meal gux-icon, .gux-avatar-badge.gux-training gux-icon {
   margin: var(--gse-ui-avatar-badge-away-icon-margin);

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

@@ -30,7 +30,7 @@
 }
 .gux-calendar-beta .gux-header .gux-left,
 .gux-calendar-beta .gux-header .gux-right {
-  color: var(--gse-ui-calendarMenu-month-monthHeader-foregroundColor);
+  color: var(--gse-ui-calendarMenu-header-foregroundColor);
   cursor: pointer;
   background: none;
   border: none;
@@ -53,14 +53,13 @@
   font-family: var(--gse-ui-calendarMenu-day-headerText-fontFamily);
   font-size: var(--gse-ui-calendarMenu-day-headerText-fontSize);
   font-weight: var(--gse-ui-calendarMenu-day-headerText-fontWeight);
-  color: var(--gse-ui-calendarMenu-day-dayHeader-foregroundColor);
+  color: var(--gse-ui-calendarMenu-month-default-foregroundColor);
   text-align: center;
 }
 .gux-calendar-beta .gux-week-days .gux-week-day {
   display: inline-block;
   width: var(--gse-ui-calendarMenu-day-date-size);
   height: 16px;
-  font-weight: var(--gse-ui-calendarMenu-day-header-fontWeight);
 }
 .gux-calendar-beta .gux-content {
   padding: var(--gse-ui-calendarMenu-dateBody-padding);

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

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

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

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

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

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

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

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

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

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

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

@@ -60,8 +60,8 @@
   color: var(--gse-ui-monthPicker-calendarStates-disabledColor);
 }
 .gux-target .gux-popup-toggle gux-icon {
-  width: var(--gse-ui-icon-size-sm);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
 }
 .gux-target .gux-popup-toggle.gux-expanded {
   color: var(--gse-ui-monthPicker-calendarStates-activeColor);

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

@@ -71,6 +71,6 @@ button {
   outline-offset: var(--gse-ui-segmentedControl-focus-offset);
 }
 .gux-container .gux-segmented-control-item .gux-icon slot[name=icon]::slotted(gux-icon) {
-  width: var(--gse-ui-icon-size-sm);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
 }

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

@@ -3,8 +3,8 @@
 }
 
 ::slotted(gux-icon) {
-  width: var(--gse-ui-icon-size-md);
-  height: var(--gse-ui-icon-size-md);
+  width: var(--gse-ui-icon-size-md, --gse-ui-icon-medium-size);
+  height: var(--gse-ui-icon-size-md, --gse-ui-icon-medium-size);
   color: var(--gse-ui-selectorCard-ilustrativeIcon-foregroundColor);
 }
 
@@ -155,8 +155,8 @@
 .gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=checkbox])::before {
   inset-block-start: var(--gse-ui-selectorCard-descriptive-gap);
   inset-inline-end: var(--gse-ui-selectorCard-descriptive-gap);
-  width: var(--gse-ui-icon-size-md);
-  height: var(--gse-ui-icon-size-md);
+  width: var(--gse-ui-icon-size-md, --gse-ui-icon-medium-size);
+  height: var(--gse-ui-icon-size-md, --gse-ui-icon-medium-size);
 }
 .gux-selector-card.gux-descriptive .gux-content ::slotted(label) {
   display: block;
@@ -167,8 +167,8 @@
   line-height: var(--gse-ui-selectorCard-descriptive-label-lineHeight);
 }
 .gux-selector-card.gux-descriptive .gux-content ::slotted(gux-icon) {
-  width: var(--gse-ui-icon-size-lg);
-  height: var(--gse-ui-icon-size-lg);
+  width: var(--gse-ui-icon-size-lg, --gse-ui-icon-large-size);
+  height: var(--gse-ui-icon-size-lg, --gse-ui-icon-large-size);
   margin-bottom: var(--gse-ui-selectorCard-descriptive-gap);
 }
 .gux-selector-card.gux-disabled {

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

@@ -6,7 +6,7 @@
   max-width: 250px;
   pointer-events: none;
   border-radius: var(--gse-ui-tooltip-borderRadius);
-  box-shadow: var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);
+  box-shadow: var(--gse-ui-tooltip-boxShadow-x, --gse-ui-tooltip-boxShadow-offsetX) var(--gse-ui-tooltip-boxShadow-y, --gse-ui-tooltip-boxShadow-offsetY) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);
   opacity: 0;
 }
 
@@ -36,9 +36,9 @@
 }
 .gux-container ::slotted(gux-icon) {
   align-self: center;
-  width: var(--gse-ui-icon-size-sm);
-  height: var(--gse-ui-icon-size-sm);
-  color: var(--gse-ui-tooltip-light-iconColor);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  color: var(--gse-ui-tooltip-light-foregroundColor);
 }
 .gux-container ::slotted(*) {
   width: 100%;
@@ -52,8 +52,8 @@
 }
 .gux-container.gux-dark ::slotted(gux-icon) {
   align-self: center;
-  width: var(--gse-ui-icon-size-sm);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
   color: var(--gse-ui-tooltip-dark-iconColor);
 }
 

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

@@ -22,8 +22,8 @@
 @prop $gse-ui-modal-medium-width
 @prop $gse-ui-modal-large-width
 @prop $gse-ui-modal-buttonBar-gap
-@prop $gse-ui-modal-boxShadow-x
-@prop $gse-ui-modal-boxShadow-y
+@prop $gse-ui-modal-boxShadow-offsetX
+@prop $gse-ui-modal-boxShadow-offsetY
 @prop $gse-ui-modal-boxShadow-blur
 @prop $gse-ui-modal-boxShadow-spread
 @prop $gse-ui-modal-boxShadow-color
@@ -32,7 +32,7 @@
 @prop $gse-ui-modal-opacity - Skipped (this is incoporated into the gse-ui-modal-shroudColor token and is no longer needed. Thinking about asking design team to remove this token to avoid confusion)
 */
 ::slotted(button:active:enabled) {
-  color: var(--gse-ui-link-active-foregroundColor);
+  color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
   text-decoration: underline;
   background: none;
 }
@@ -61,11 +61,11 @@ slot[name=left-align-buttons]::slotted(:not(button, gux-button)) {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  padding: var(--gse-ui-modal-padding);
+  padding: var(--gse-ui-modal-padding) 0;
   background: var(--gse-ui-modal-backgroundColor);
   border: 1px solid #b4bccb;
   border-radius: var(--gse-ui-modal-borderRadius);
-  box-shadow: var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color);
+  box-shadow: var(--gse-ui-modal-boxShadow-x, --gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-y, --gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color);
 }
 :host .gux-modal .gux-modal-container.gux-small {
   width: var(--gse-ui-modal-small-width);
@@ -87,13 +87,13 @@ slot[name=left-align-buttons]::slotted(:not(button, gux-button)) {
   max-height: none;
 }
 :host .gux-modal .gux-modal-container .gux-modal-header {
+  padding: 0 var(--gse-ui-modal-padding);
   margin: 0;
   font-family: var(--gse-ui-modal-heading-fontFamily);
   font-size: var(--gse-ui-modal-heading-fontSize);
   font-weight: var(--gse-ui-modal-heading-fontWeight);
   line-height: var(--gse-ui-modal-heading-fontFamily);
   color: var(--gse-ui-modal-headerColor);
-  letter-spacing: var(--gse-ui-modal-heading-letterSpacing);
   font-family: var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
   font-size: var(--gse-core-typography-heading-xl-fontSize);
   line-height: var(--gse-core-typography-heading-xl-lineHeight);
@@ -101,6 +101,7 @@ slot[name=left-align-buttons]::slotted(:not(button, gux-button)) {
 }
 :host .gux-modal .gux-modal-container .gux-modal-content {
   max-height: 432px;
+  padding: 0 var(--gse-ui-modal-padding);
   margin-top: var(--gse-ui-modal-gap);
   margin-bottom: var(--gse-ui-modal-gap);
   overflow-y: auto;
@@ -111,6 +112,7 @@ slot[name=left-align-buttons]::slotted(:not(button, gux-button)) {
 :host .gux-modal .gux-modal-container .gux-button-footer {
   display: flex;
   justify-content: space-between;
+  padding: 0 var(--gse-ui-modal-padding);
 }
 @media (max-width: 416px) {
   :host .gux-modal .gux-modal-container.gux-small, :host .gux-modal .gux-modal-container.gux-medium, :host .gux-modal .gux-modal-container.gux-large {

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

@@ -59,7 +59,7 @@ gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-
 }
 gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button:focus-visible {
   border-radius: calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));
-  outline: var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);
+  outline: var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus, --gse-ui-color-focus);
   outline-offset: var(--gse-semantic-focusRing-offset);
 }
 gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button.gux-current {

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

@@ -27,7 +27,7 @@ section.gux-disabled > * {
 .gux-header .gux-header-text {
   flex: 1 1 auto;
   align-self: auto;
-  font-weight: --gse-ui-accordion-header-label-defaulttext-fontweight;
+  font-weight: var(--gse-ui-accordion-header-label-defaultText-fontWeight);
   color: var(--gse-ui-accordion-header-default-foreground-labelColor);
   text-align: left;
 }
@@ -59,8 +59,8 @@ section.gux-disabled > * {
 .gux-header ::slotted([slot=icon]) {
   flex: 0 0 auto;
   align-self: flex-start;
-  width: var(--gse-ui-icon-size-sm);
-  height: var(--gse-ui-icon-size-sm);
+  width: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
+  height: var(--gse-ui-icon-size-sm, --gse-ui-icon-small-size);
   margin-right: var(--gse-ui-accordion-header-gap);
   color: var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed);
 }
@@ -72,6 +72,7 @@ section.gux-disabled > * {
   align-items: center;
   align-self: auto;
   margin-left: var(--gse-ui-accordion-header-gap);
+  line-height: 0;
   color: var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed);
   transition: transform 0.5s ease;
   transform-origin: center;

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

@@ -44,5 +44,5 @@
   border-style: var(--gse-ui-menu-border-style);
   border-width: var(--gse-ui-menu-border-width);
   border-radius: var(--gse-ui-menu-borderRadius);
-  box-shadow: var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);
+  box-shadow: var(--gse-ui-menu-boxShadow-x, --gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-y, --gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);
 }

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

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

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

@@ -32,7 +32,7 @@ button {
   font-weight: var(--gse-ui-button-text-fontWeight);
   line-height: var(--gse-ui-button-text-lineHeight);
   inline-size: 100%;
-  min-inline-size: var(--gse-ui-button-icon-only-width);
+  min-inline-size: var(--gse-ui-button-iconOnly-width);
   block-size: var(--gse-ui-button-default-height);
   padding: var(--gse-ui-button-default-padding);
   overflow: hidden;
@@ -124,21 +124,21 @@ button.gux-inline {
   min-inline-size: initial;
   block-size: initial;
   padding: 0;
-  color: var(--gse-ui-link-default-foregroundColor);
+  color: var(--gse-ui-link-default-foregroundColor, --gse-ui-links-default-foregroundColor);
   background: none;
   border: none;
   border-radius: 0;
 }
 button.gux-inline[disabled] {
-  color: var(--gse-ui-link-disabled-foregroundColor);
+  color: var(--gse-ui-link-disabled-foregroundColor, --gse-ui-links-disabled-foregroundColor);
 }
 button.gux-inline:hover:enabled {
-  color: var(--gse-ui-link-hover-foregroundColor);
+  color: var(--gse-ui-link-hover-foregroundColor, --gse-ui-links-hover-foregroundColor);
   text-decoration: underline;
   background: none;
 }
 button.gux-inline:active:enabled {
-  color: var(--gse-ui-link-active-foregroundColor);
+  color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
   text-decoration: underline;
   background: none;
 }

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

@@ -23,5 +23,5 @@
   border-style: var(--gse-ui-menu-border-style);
   border-width: var(--gse-ui-menu-border-width);
   border-radius: var(--gse-ui-menu-borderRadius);
-  box-shadow: var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);
+  box-shadow: var(--gse-ui-menu-boxShadow-x, --gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-y, --gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);
 }