genesys-spark-components 4.77.0 → 4.78.0

package/dist/cjs/gux-popover-list.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) 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}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";

package/dist/cjs/gux-radial-loading.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

package/dist/cjs/gux-radial-progress.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const clamp = require('./clamp-e86a226e.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}: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)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";

package/dist/cjs/gux-screen-reader-beta_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 

package/dist/cjs/gux-segmented-control-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;

package/dist/cjs/gux-selector-card-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');

package/dist/cjs/gux-selector-cards-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;

package/dist/cjs/gux-skip-navigation-list.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const navigationName = "Skip links navigation";

package/dist/cjs/gux-sort-control.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');

package/dist/cjs/gux-switch-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;

package/dist/cjs/gux-table-toolbar-action.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";

package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
 const index$1 = require('./index-a1a48d79.js');
 const afterNextRender = require('./after-next-render-162425fe.js');

package/dist/cjs/gux-table-toolbar.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const onResize = require('./on-resize-da1477df.js');
 const onMutation = require('./on-mutation-3d294d15.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 

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

@@ -6,7 +6,7 @@ const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-tabs-advanced.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";
 const GuxTabsStyle0 = guxTabsCss;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";

package/dist/cjs/gux-text-highlight.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

package/dist/cjs/gux-time-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 const index$1 = require('./index-a1a48d79.js');

package/dist/cjs/gux-time-picker.cjs.entry.js

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-6db914c3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-a1a48d79.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-time-zone-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const index$1 = require('./index-a1a48d79.js');
 const timeZone = require('./time-zone-72675c4e.js');
 require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
 const timeZone = require('./time-zone-72675c4e.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.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{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-buttonBar-gap);justify-content:flex-start}.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)}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.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}}";

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-bcf99cc4.js');
+const usage = require('./usage-9d1818f1.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 

package/dist/cjs/{usage-bcf99cc4.js → usage-9d1818f1.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.77.0";
+const version = "4.78.0";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";

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

@@ -62,7 +62,7 @@
   flex: 0 1 auto;
   align-self: auto;
   order: 0;
-  margin-right: var(--gse-ui-formControl-label-gap);
+  margin-right: var(--gse-ui-formControl-helper-gap);
   font-family: var(--gse-ui-formControl-label-textBold-fontFamily);
   font-size: var(--gse-ui-formControl-label-textBold-fontSize);
   font-weight: var(--gse-ui-formControl-label-textBold-fontWeight);

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

@@ -17,7 +17,6 @@
 }
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
-  align-self: start;
   order: 0;
   min-width: var(--gse-ui-icon-size-sm);
   min-height: var(--gse-ui-icon-size-sm);
@@ -36,7 +35,7 @@
   place-content: stretch flex-start;
   align-items: flex-start;
   justify-content: flex-start;
-  padding: var(--gse-ui-formControl-helper-paddingSmall);
+  padding-top: var(--gse-ui-formControl-formField-gap);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);
   line-height: var(--gse-ui-formControl-helper-helperText-lineHeight);

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

@@ -33,7 +33,6 @@
 }
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
-  align-self: start;
   order: 0;
   min-width: var(--gse-ui-icon-size-sm);
   min-height: var(--gse-ui-icon-size-sm);
@@ -52,7 +51,7 @@
   place-content: stretch flex-start;
   align-items: flex-start;
   justify-content: flex-start;
-  padding: var(--gse-ui-formControl-helper-paddingSmall);
+  padding-top: var(--gse-ui-formControl-formField-gap);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);
   line-height: var(--gse-ui-formControl-helper-helperText-lineHeight);
@@ -85,7 +84,6 @@
 }
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
-  align-self: start;
   order: 0;
   min-width: var(--gse-ui-icon-size-sm);
   min-height: var(--gse-ui-icon-size-sm);
@@ -104,7 +102,7 @@
   place-content: stretch flex-start;
   align-items: flex-start;
   justify-content: flex-start;
-  padding: var(--gse-ui-formControl-helper-paddingSmall);
+  padding-top: var(--gse-ui-formControl-formField-gap);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);
   line-height: var(--gse-ui-formControl-helper-helperText-lineHeight);
@@ -124,10 +122,7 @@
   flex: 1 0 auto;
 }
 .gux-form-field-visual-label ::slotted(gux-label-info-beta) {
-  padding-inline-start: var(--gse-ui-formControl-label-gap);
-}
-.gux-form-field-visual-label.gux-required gux-form-field-label-indicator {
-  padding-inline-start: var(--gse-ui-formControl-label-gap);
+  padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }
 .gux-form-field-visual-label.gux-beside {
   position: relative;
@@ -138,7 +133,7 @@
   margin-right: var(--gse-ui-formControl-group-gapItems);
 }
 .gux-form-field-visual-label.gux-above {
-  padding: var(--gse-ui-formControl-label-padding);
+  padding-bottom: var(--gse-ui-formControl-formField-gap);
 }
 .gux-form-field-visual-label.gux-screenreader {
   display: none;

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

@@ -24,7 +24,6 @@
 }
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
-  align-self: start;
   order: 0;
   min-width: var(--gse-ui-icon-size-sm);
   min-height: var(--gse-ui-icon-size-sm);
@@ -41,10 +40,7 @@
   flex: 1 0 auto;
 }
 .gux-form-field-label ::slotted(gux-label-info-beta) {
-  padding-inline-start: var(--gse-ui-formControl-label-gap);
-}
-.gux-form-field-label.gux-required gux-form-field-label-indicator {
-  padding-inline-start: var(--gse-ui-formControl-label-gap);
+  padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }
 .gux-form-field-label.gux-beside {
   position: relative;
@@ -55,7 +51,7 @@
   margin-right: var(--gse-ui-formControl-group-gapItems);
 }
 .gux-form-field-label.gux-above {
-  padding: var(--gse-ui-formControl-label-padding);
+  padding-bottom: var(--gse-ui-formControl-formField-gap);
 }
 .gux-form-field-label.gux-screenreader {
   position: absolute;
@@ -73,7 +69,7 @@
   place-content: stretch flex-start;
   align-items: flex-start;
   justify-content: flex-start;
-  padding: var(--gse-ui-formControl-helper-paddingSmall);
+  padding-top: var(--gse-ui-formControl-formField-gap);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);
   line-height: var(--gse-ui-formControl-helper-helperText-lineHeight);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.css

@@ -33,7 +33,6 @@
 }
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
-  align-self: start;
   order: 0;
   min-width: var(--gse-ui-icon-size-sm);
   min-height: var(--gse-ui-icon-size-sm);
@@ -52,7 +51,7 @@
   place-content: stretch flex-start;
   align-items: flex-start;
   justify-content: flex-start;
-  padding: var(--gse-ui-formControl-helper-paddingSmall);
+  padding-top: var(--gse-ui-formControl-formField-gap);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);
   line-height: var(--gse-ui-formControl-helper-helperText-lineHeight);
@@ -72,10 +71,7 @@
   flex: 1 0 auto;
 }
 .gux-form-field-visual-label ::slotted(gux-label-info-beta) {
-  padding-inline-start: var(--gse-ui-formControl-label-gap);
-}
-.gux-form-field-visual-label.gux-required gux-form-field-label-indicator {
-  padding-inline-start: var(--gse-ui-formControl-label-gap);
+  padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }
 .gux-form-field-visual-label.gux-beside {
   position: relative;
@@ -86,7 +82,7 @@
   margin-right: var(--gse-ui-formControl-group-gapItems);
 }
 .gux-form-field-visual-label.gux-above {
-  padding: var(--gse-ui-formControl-label-padding);
+  padding-bottom: var(--gse-ui-formControl-formField-gap);
 }
 .gux-form-field-visual-label.gux-screenreader {
   display: none;

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file/gux-form-field-file.css

@@ -24,7 +24,6 @@
 }
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
-  align-self: start;
   order: 0;
   min-width: var(--gse-ui-icon-size-sm);
   min-height: var(--gse-ui-icon-size-sm);
@@ -41,10 +40,7 @@
   flex: 1 0 auto;
 }
 .gux-form-field-label ::slotted(gux-label-info-beta) {
-  padding-inline-start: var(--gse-ui-formControl-label-gap);
-}
-.gux-form-field-label.gux-required gux-form-field-label-indicator {
-  padding-inline-start: var(--gse-ui-formControl-label-gap);
+  padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }
 .gux-form-field-label.gux-beside {
   position: relative;
@@ -55,7 +51,7 @@
   margin-right: var(--gse-ui-formControl-group-gapItems);
 }
 .gux-form-field-label.gux-above {
-  padding: var(--gse-ui-formControl-label-padding);
+  padding-bottom: var(--gse-ui-formControl-formField-gap);
 }
 .gux-form-field-label.gux-screenreader {
   position: absolute;
@@ -73,7 +69,7 @@
   place-content: stretch flex-start;
   align-items: flex-start;
   justify-content: flex-start;
-  padding: var(--gse-ui-formControl-helper-paddingSmall);
+  padding-top: var(--gse-ui-formControl-formField-gap);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);
   line-height: var(--gse-ui-formControl-helper-helperText-lineHeight);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.css

@@ -24,7 +24,6 @@
 }
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
-  align-self: start;
   order: 0;
   min-width: var(--gse-ui-icon-size-sm);
   min-height: var(--gse-ui-icon-size-sm);
@@ -41,10 +40,7 @@
   flex: 1 0 auto;
 }
 .gux-form-field-label ::slotted(gux-label-info-beta) {
-  padding-inline-start: var(--gse-ui-formControl-label-gap);
-}
-.gux-form-field-label.gux-required gux-form-field-label-indicator {
-  padding-inline-start: var(--gse-ui-formControl-label-gap);
+  padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }
 .gux-form-field-label.gux-beside {
   position: relative;
@@ -55,7 +51,7 @@
   margin-right: var(--gse-ui-formControl-group-gapItems);
 }
 .gux-form-field-label.gux-above {
-  padding: var(--gse-ui-formControl-label-padding);
+  padding-bottom: var(--gse-ui-formControl-formField-gap);
 }
 .gux-form-field-label.gux-screenreader {
   position: absolute;
@@ -73,7 +69,7 @@
   place-content: stretch flex-start;
   align-items: flex-start;
   justify-content: flex-start;
-  padding: var(--gse-ui-formControl-helper-paddingSmall);
+  padding-top: var(--gse-ui-formControl-formField-gap);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);
   line-height: var(--gse-ui-formControl-helper-helperText-lineHeight);

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.css

@@ -32,7 +32,6 @@
 }
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
-  align-self: start;
   order: 0;
   min-width: var(--gse-ui-icon-size-sm);
   min-height: var(--gse-ui-icon-size-sm);
@@ -51,7 +50,7 @@
   place-content: stretch flex-start;
   align-items: flex-start;
   justify-content: flex-start;
-  padding: var(--gse-ui-formControl-helper-paddingSmall);
+  padding-top: var(--gse-ui-formControl-formField-gap);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);
   line-height: var(--gse-ui-formControl-helper-helperText-lineHeight);
@@ -71,10 +70,7 @@
   flex: 1 0 auto;
 }
 .gux-form-field-visual-label ::slotted(gux-label-info-beta) {
-  padding-inline-start: var(--gse-ui-formControl-label-gap);
-}
-.gux-form-field-visual-label.gux-required gux-form-field-label-indicator {
-  padding-inline-start: var(--gse-ui-formControl-label-gap);
+  padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }
 .gux-form-field-visual-label.gux-beside {
   position: relative;
@@ -85,7 +81,7 @@
   margin-right: var(--gse-ui-formControl-group-gapItems);
 }
 .gux-form-field-visual-label.gux-above {
-  padding: var(--gse-ui-formControl-label-padding);
+  padding-bottom: var(--gse-ui-formControl-formField-gap);
 }
 .gux-form-field-visual-label.gux-screenreader {
   display: none;

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

@@ -38,7 +38,6 @@
 }
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
-  align-self: start;
   order: 0;
   min-width: var(--gse-ui-icon-size-sm);
   min-height: var(--gse-ui-icon-size-sm);
@@ -57,7 +56,7 @@
   place-content: stretch flex-start;
   align-items: flex-start;
   justify-content: flex-start;
-  padding: var(--gse-ui-formControl-helper-paddingSmall);
+  padding-top: var(--gse-ui-formControl-formField-gap);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);
   line-height: var(--gse-ui-formControl-helper-helperText-lineHeight);