genesys-spark-components 4.127.0 → 4.129.0

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import './get-closest-element-728b9f18.js';
@@ -13,7 +13,7 @@ const translationResources = {
 	toggleIsFinishedLoading: toggleIsFinishedLoading
 };
 
-const guxToggleCss = ":host{display:block;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:inline-end}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:center;inline-size:fit-content;cursor:pointer}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:\"inner-div\";place-items:center start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-label-labelColor);word-wrap:break-word}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-size:var(--gse-ui-toggle-label-fontSize);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;align-self:auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}";
+const guxToggleCss = ":host{display:block;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:inline-end}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:center;inline-size:fit-content;cursor:pointer}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:\"inner-div\";place-items:center start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-label-labelColor);word-wrap:break-word}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}";
 const GuxToggleStyle0 = guxToggleCss;
 
 const GuxToggle = class {
@@ -83,15 +83,15 @@ const GuxToggle = class {
     }
     renderError() {
         if (this.errorMessage) {
-            return (h("div", { id: this.errorId, class: "gux-toggle-error" }, h("div", { class: "gux-toggle-error-container" }, h("gux-icon", { "icon-name": "fa/hexagon-exclamation-regular", decorative: true, size: "small" }), h("div", { class: "gux-toggle-error-message" }, this.errorMessage))));
+            return (h("div", { id: this.errorId, class: "gux-toggle-error" }, h("div", { class: "gux-toggle-error-container" }, h("gux-icon", { "icon-name": "fa/hexagon-exclamation-solid", decorative: true, size: "small" }), h("div", { class: "gux-toggle-error-message" }, this.errorMessage))));
         }
     }
     render() {
-        return (h(Host, { key: '59c1cbb11301b4a828513313a56e37f6b313a053', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '8eb338cc9c1891e14de3dbf69d0281ad493b3bd4', class: {
+        return (h(Host, { key: 'eea0594beabacfe51dea7eeb697104958abdcfcb', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '1312f6913c077cd3710c1cd65a55299d8536cd3e', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '06b06201601dc294b8caba8066946c87ec311eee', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'b55c3165cb0c75654ba095a055d6ee95b489ae17', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'f1026f9abb417dc04ef031c2c25ce80ff91fe9be', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: 'b6eb3d2acd40d3595dfe03403ab30506a4580117', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '014a91ef070681ba7ef148a29532cbad7affac2c', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '668729c0739347245d055fc91e6a15c2a1873431', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-tooltip-base-beta_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
 import { a as autoUpdate, o as offset, f as flip, s as shift, h as hide, c as computePosition } from './floating-ui.dom.esm-17bec7ce.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as overflowDetection } from './overflow-detection-7e4fbf13.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
@@ -135,10 +135,10 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '61c4c339a02246e8a604c37d5bb5ccf59187508d', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: '3a059ec92add601e4bb3365c468609fb58b3f649', class: {
+        return (h(Host, { key: '95b90bf66bb77f9cbd9a462484e22ef9f7a2cdb7', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: 'cbc7feb51247b018568779e05997ebea04cf83a7', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '54646e5957736cb35af2f04bbb8cbc96261f6f91', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: 'ea6c7be9038bce011e726991186aecc8b836ea89', name: "content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {
@@ -217,7 +217,7 @@ const GuxTooltip = class {
         }
     }
     render() {
-        return (h(Host, { key: '05160c3272ef3dae358c673c1813ca5d9542fbd3', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'f41a41784644909ec5f34ff85b5352fd9cb8a692', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '24a1051e75cab234935c3dfb2ee9efdda48d8a1d', slot: "content" }, h("slot", { key: 'f3fc6fcd014435e9c7908bb2706b170398ea54da', name: "content" }, h("slot", { key: 'c8a7eb5c586e81e1b1c13dd62b76356e0c579009' }))))));
+        return (h(Host, { key: '3494b9bec9083c7193b329f6adda9ff29621d563', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '88db2c80af5f51c06e7db2909e2ec0bf7c134be1', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '5ee244741dd181396c5badede863fab95dbe0fa8', slot: "content" }, h("slot", { key: '12826faaa1d80ec616642de64bde8fc7a88200c8', name: "content" }, h("slot", { key: 'b5b557552622e8b0488fd8195b2ad7ec46636650' }))))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-tooltip-title.entry.js

@@ -125,10 +125,10 @@ const GuxTooltipTitle = class {
     }
     render() {
         return [
-            h("span", { key: '91dc324f5f793aa2ac1ef618c8d0ec0dc7b6aa72', class: {
+            h("span", { key: 'f72e446c8bc77626f953b624ba18514e72b020da', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '780978cc951ace4e9ff8ea80906f00013e40f953' })),
+                } }, h("slot", { key: '0dc85daa2c00d591085838dc9889a7aed927511b' })),
             this.renderTooltip()
         ];
     }

package/dist/esm/gux-tooltip_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement, f as forceUpdate } from './index-21889d5d.js';
 import { a as autoUpdate, o as offset, f as flip, s as shift, h as hide, c as computePosition } from './floating-ui.dom.esm-17bec7ce.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as overflowDetection } from './overflow-detection-7e4fbf13.js';
@@ -147,10 +147,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'a6427e7be7b769afe4924745bfe06e7c59518a72', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'bc2e234754c28b4856470a3b752f7492aa741b7b', class: {
+        return (h(Host, { key: '04a3d0e77731166a8af670fb883866719d375c3b', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'da7d047292ad63a023014be99c58ca6082b73bc1', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '927a8c25ac7c299f92cec7d5c8bbca3575746fc5', name: "content" }, h("slot", { key: '8785e8b670146ae383de40326a928d2524858b3f' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'fa7d1794cde83d266851e8342eec4d2186813cef', name: "content" }, h("slot", { key: '4f3ada5741f7e946db1d247e02d71b2e122469e5' })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {
@@ -220,12 +220,12 @@ const GuxTruncate = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '9c362e7a4a93bddfef009e847312109b3e4692a9', class: {
+        return (h("div", { key: '0dca2c40ddc3d395335974a04999ac0a675a5834', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '72b9752ed440f83583c97863f9211a7b231b862b', class: {
+            } }, h("span", { key: '04381fb28f65143eb98fde91c5b2f06e646e791e', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '0b6c71d887af2396928c609c0627369a8056c089' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '077f91482bfa44c515fee450317723d70f5d5f16' })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/{usage-fabe3b03.js → usage-fe738ef4.js}

@@ -1,5 +1,5 @@
 const name = "genesys-spark-components";
-const version = "4.127.0";
+const version = "4.129.0";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";
@@ -79,14 +79,14 @@ const devDependencies = {
 	"@types/sortablejs": "^1.15.8",
 	"axe-core": "^4.10.2",
 	"axe-live": "^1.0.1",
-	eslint: "^9.20.1",
+	eslint: "^9.21.0",
 	"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",
 	glob: "^11.0.1",
-	globals: "^15.15.0",
+	globals: "^16.0.0",
 	handlebars: "^4.7.8",
-	inquirer: "^12.4.1",
+	inquirer: "^12.4.2",
 	jest: "^29.7.0",
 	"jest-cli": "^29.7.0",
 	"jest-config": "^29.7.0",
@@ -101,7 +101,7 @@ const devDependencies = {
 	"postcss-html": "^1.8.0",
 	"postcss-less": "^6.0.0",
 	"postcss-scss": "^4.0.9",
-	prettier: "^3.5.1",
+	prettier: "^3.5.3",
 	"prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
 	"prettier-package-json": "^2.8.0",
 	puppeteer: "^14.4.1",
@@ -110,12 +110,12 @@ const devDependencies = {
 	smob: "^1.5.0",
 	"spritesheet-templates": "^10.5.2",
 	spritesmith: "^3.5.1",
-	stylelint: "^16.14.1",
+	stylelint: "^16.15.0",
 	"stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
 	"stylelint-config-html": "^1.1.0",
 	"stylelint-config-recess-order": "^6.0.0",
 	"stylelint-config-standard": "^36.0.1",
-	"stylelint-scss": "^6.11.0",
+	"stylelint-scss": "^6.11.1",
 	"stylelint-use-logical": "^2.1.2",
 	"stylelint-use-logical-spec": "^5.0.1",
 	svgo: "^3.3.2",