npm - genesys-spark-components - Versions diffs - 4.182.3 → 4.184.0 - Mend

genesys-spark-components 4.182.3 → 4.184.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 (416) hide show

package/dist/cjs/gux-step-title.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 const guxStepTitleCss = "button{all:unset;font-family:var(--gse-ui-stepper-default-text-fontFamily);font-size:var(--gse-ui-stepper-default-text-fontSize);font-weight:var(--gse-ui-stepper-default-text-fontWeight);line-height:var(--gse-ui-stepper-default-text-lineHeight);color:var(--gse-ui-stepper-title-default);cursor:pointer}button[disabled]{pointer-events:none;user-select:none}button:hover:not([disabled]){font-family:var(--gse-ui-stepper-hover-text-fontFamily);font-size:var(--gse-ui-stepper-hover-text-fontSize);font-weight:var(--gse-ui-stepper-hover-text-fontWeight);line-height:var(--gse-ui-stepper-hover-text-lineHeight);color:var(--gse-ui-stepper-title-hover);text-decoration:var(--gse-ui-stepper-hover-text-textDecoration)}button:focus-visible{outline:var(--gse-ui-stepper-step-focus-border-width) var(--gse-ui-stepper-step-focus-border-style) var(--gse-ui-stepper-step-focus-border-color);outline-offset:var(--gse-ui-stepper-focus-offset);border-radius:var(--gse-ui-stepper-step-focus-borderRadius)}";

package/dist/cjs/gux-step.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 const guxStepCss = ":host{inline-size:100%;max-inline-size:100%}.gux-stepper{display:flex;flex-direction:row;gap:var(--step-gap);align-items:flex-start;justify-content:flex-start;min-inline-size:var(--stepper-min-inline-size, 0);min-block-size:var(--stepper-min-block-size, 0);padding-block:var(--stepper-padding-block, 0);padding-inline:var(--stepper-padding-inline, 0);background-color:transparent;border:none}.gux-stepper gux-icon{flex-shrink:0;align-self:flex-start;margin-block-start:var(--stepper-step-body-margin, 0)}.gux-stepper.gux-step-incomplete{color:var(--gse-ui-stepper-icon-incompleted-foregroundColor);border-block-start:var(--stepper-border-block-start-incomplete, none);border-inline-start:var(--stepper-border-inline-start-incomplete)}.gux-stepper.gux-step-completed{color:var(--gse-ui-stepper-icon-completed-selectedForegroundColor);border-block-start:var(--stepper-border-block-start-completed, none);border-inline-start:var(--stepper-border-inline-start-completed, none)}.gux-stepper.gux-step-error{color:var(--gse-ui-stepper-icon-error-foregroundColor);border-block-start:var(--stepper-border-block-start-error, none);border-inline-start:var(--stepper-border-inline-start-error, none)}.gux-stepper.gux-active{color:var(--gse-ui-stepper-icon-active-foregroundColor);border-block-start:var(--stepper-border-block-start-active, none);border-inline-start:var(--stepper-border-inline-start-active, none)}.gux-stepper>.gux-step-information{margin-block-start:var(--stepper-step-body-margin, 0)}.gux-step-information{display:flex;flex:1 0 0;flex-direction:column;gap:var(--gse-ui-stepper-step-text-gap);align-items:flex-start;justify-content:flex-start;margin-inline-end:var(--gse-ui-stepper-step-horizontal-body-marginRight)}.gux-step-information slot[name=helper]{font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);font-weight:var(--gse-ui-formControl-helper-helperText-fontWeight);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-disabled{pointer-events:none;cursor:default;user-select:none}.gux-disabled>*{opacity:var(--gse-ui-stepper-step-disabled-opacity)}gux-truncate{text-align:start}";

package/dist/cjs/gux-stepper-beta.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 const guxStepperCss = ":host{display:flex;flex-direction:column}:host .gux-stepper{display:flex;block-size:100%}:host .gux-stepper.gux-stepper-horizontal{flex-direction:row;--stepper-min-inline-size:var(--gse-ui-stepper-step-horizontal-minWidth);--stepper-min-block-size:var(--gse-ui-stepper-step-horizontal-minHeight);--step-gap:var(--gse-ui-stepper-step-gap);--stepper-padding-block:var(--gse-ui-stepper-step-horizontal-gap) 0;--stepper-border-block-start-incomplete:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-incompleted-foregroundColor) solid;--stepper-border-block-start-completed:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-icon-completed-selectedForegroundColor) solid;--stepper-border-block-start-error:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-error-foregroundColor) solid;--stepper-border-block-start-active:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-active-foregroundColor) solid}:host .gux-stepper.gux-stepper-vertical{flex-direction:column;--step-gap:var(--gse-ui-stepper-step-vertical-gap);--stepper-min-block-size:var(--gse-ui-stepper-step-vertical-minHeight);--stepper-min-inline-size:var(--gse-ui-stepper-step-vertical-minWidth);--stepper-padding-inline:var(--gse-ui-stepper-step-vertical-gap) 0;--stepper-border-inline-start-incomplete:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-incompleted-foregroundColor) solid;--stepper-border-inline-start-completed:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-icon-completed-selectedForegroundColor) solid;--stepper-border-inline-start-error:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-error-foregroundColor) solid;--stepper-border-inline-start-active:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-active-foregroundColor) solid;--stepper-step-body-margin:var(\n    --gse-ui-stepper-step-vertical-body-marginTop\n  )}";

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

@@ -2,7 +2,7 @@
 var index = require('./index-Vzha_UYA.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";

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

@@ -2,7 +2,7 @@
 var index = require('./index-Vzha_UYA.js');
 var capitalizeFirstLetter = require('./capitalize-first-letter-mZPrUEI2.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 var index$1 = require('./index-B_c_3UUK.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -2,7 +2,7 @@
 var index = require('./index-Vzha_UYA.js');
 var getClosestElement = require('./get-closest-element-BiXbQTqL.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.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;white-space:nowrap;clip-path:inset(50%)}gux-button-slot{inline-size:100%}.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){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";

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

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 var onClickOutside = require('./on-click-outside-4xyUl9_5.js');
 var index$1 = require('./index-B_c_3UUK.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');

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

@@ -3,7 +3,7 @@
 var index = require('./index-Vzha_UYA.js');
 var onResize = require('./on-resize-DCaM-9aE.js');
 var onMutation = require('./on-mutation-_rJ4v6zD.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 var getSlot = require('./get-slot-EZYuUuno.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var logError = require('./log-error-nWO_o1C3.js');

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

@@ -4,7 +4,7 @@ var index = require('./index-Vzha_UYA.js');
 var index$1 = require('./index-B_c_3UUK.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 var en = require('./en-BCiQgP2I.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 const GuxTabsAdvanced = class {
     constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 const guxTabsCss = ":host(.gux-tabs-vertical){block-size:100%}:host(.gux-tabs-horizontal) .gux-tabs{flex-direction:column}:host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";

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

@@ -2,7 +2,7 @@
 var index = require('./index-Vzha_UYA.js');
 var index$1 = require('./index-B_c_3UUK.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 var onMutation = require('./on-mutation-_rJ4v6zD.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 var getValidTimezone = require('./get-valid-timezone-wxrDYMmV.js');
 var sparkIntl = require('./spark-intl-V9HYNeeC.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');

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

@@ -5,7 +5,7 @@ var onClickOutside = require('./on-click-outside-4xyUl9_5.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var index = require('./index-B_c_3UUK.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var sparkIntl = require('./spark-intl-V9HYNeeC.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 var index$1 = require('./index-B_c_3UUK.js');
 var timeZone = require('./time-zone-CHRu6N2v.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -3,7 +3,7 @@
 var index = require('./index-Vzha_UYA.js');
 var index$1 = require('./index-B_c_3UUK.js');
 var timeZone = require('./time-zone-CHRu6N2v.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var logError = require('./log-error-nWO_o1C3.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var index$1 = require('./index-B_c_3UUK.js');
 require('./get-closest-element-CfyZl7i7.js');

package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var index = require('./index-Vzha_UYA.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var overflowDetection = require('./overflow-detection-CvGWQ4Dn.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');

package/dist/cjs/gux-tooltip-pointer-beta.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');

package/dist/cjs/gux-tooltip_2.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var index = require('./index-Vzha_UYA.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-E_Gasq8E.js');
+var usage = require('./usage-JaZutXyQ.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var overflowDetection = require('./overflow-detection-CvGWQ4Dn.js');

package/dist/cjs/{usage-E_Gasq8E.js → usage-JaZutXyQ.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-const version = "4.182.3";
+const version = "4.184.0";
 var packageInfo = {
 	version: version};

package/dist/collection/components/beta/gux-blank-state-beta/gux-blank-state.css CHANGED Viewed

@@ -29,6 +29,9 @@
 .gux-container .gux-message {
   padding-block-end: var(--gse-ui-blankState-gapMessage);
 }
+.gux-container .gux-guidance {
+  text-align: center;
+}
 .gux-container ::slotted(gux-icon) {
   inline-size: var(--gse-ui-blankState-icon-size-lg);
   block-size: var(--gse-ui-blankState-icon-size-lg);
@@ -57,6 +60,9 @@
 .gux-container.gux-alignment-left slot[name=additional-guidance] {
   text-align: start;
 }
+.gux-container.gux-alignment-left .gux-guidance {
+  text-align: start;
+}
 @container (width < 570px) {
   .gux-container ::slotted(gux-icon) {

package/dist/collection/components/beta/gux-blank-state-beta/tests/gux-blank-state.common.js CHANGED Viewed

@@ -54,9 +54,34 @@ const attributeRenderConfigs = [
     `
     }
 ];
+const multilineGuidanceRenderConfigs = [
+    {
+        description: 'should render component with multiline additional guidance (center aligned)',
+        html: `
+      <gux-blank-state-beta style="width: 200px;">
+        <gux-icon slot="image" icon-name="bot" decorative="true"></gux-icon>
+        <div slot="primary-message">Customer profile required</div>
+        <div slot="additional-guidance">This is a very long additional guidance text that should wrap to multiple lines and maintain proper center alignment.</div>
+        <button slot="call-to-action" type="button">Call to action</button>
+      </gux-blank-state-beta>
+    `
+    },
+    {
+        description: 'should render component with multiline additional guidance (left aligned)',
+        html: `
+      <gux-blank-state-beta alignment="left" style="width: 200px;">
+        <gux-icon slot="image" icon-name="bot" decorative="true"></gux-icon>
+        <div slot="primary-message">Customer profile required</div>
+        <div slot="additional-guidance">This is a very long additional guidance text that should wrap to multiple lines and maintain proper left alignment.</div>
+        <button slot="call-to-action" type="button">Call to action</button>
+      </gux-blank-state-beta>
+    `
+    }
+];
 export const renderConfigs = [
     ...basicRenderConfig,
     ...optionalSlotRenderConfigs,
     ...alignmentRenderConfigs,
-    ...attributeRenderConfigs
+    ...attributeRenderConfigs,
+    ...multilineGuidanceRenderConfigs
 ];