genesys-spark-components 4.154.5 → 4.154.7

package/dist/cjs/{usage-4a70e9e3.js → usage-f2e0032a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.154.5";
+const version = "4.154.7";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";
@@ -41,19 +41,19 @@ const scripts = {
 	"stencil.dev": "stencil build --dev --watch --serve --no-open",
 	stylelint: "stylelint --fix \"**/*.{css,html,scss}\"",
 	svgo: "find ./src/components/stable/gux-icon/icons/**/*.svg -type f ! -path '*/legacy/*' ! -path '*/brand/*'  -exec svgo {} +",
-	test: "TZ=UTC stencil test --spec --e2e",
-	"test.ci": "TZ=UTC npm run test.ci.spec",
-	"test.ci.e2e": "TZ=UTC stencil test --e2e --maxWorkers=1 --workerIdleMemoryLimit=500MB",
-	"test.ci.spec": "TZ=UTC stencil test --spec --maxWorkers=1 --workerIdleMemoryLimit=500MB",
-	"test.e2e": "TZ=UTC stencil test --e2e",
-	"test.e2e.update-snapshot": "TZ=UTC stencil test --e2e --updateSnapshot",
+	test: "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --e2e",
+	"test.ci": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC npm run test.ci.spec",
+	"test.ci.e2e": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --e2e --maxWorkers=1",
+	"test.ci.spec": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --maxWorkers=1",
+	"test.e2e": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --e2e",
+	"test.e2e.update-snapshot": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --e2e --updateSnapshot",
 	"test.playwright": "playwright test",
 	"test.playwright.ui": "playwright test --ui",
-	"test.screenshot": "TZ=UTC stencil test --e2e --screenshot",
-	"test.unit": "TZ=UTC stencil build dev && stencil test --spec",
-	"test.unit.update-snapshot": "TZ=UTC stencil test --spec --updateSnapshot",
-	"test.update-snapshot": "TZ=UTC stencil test --spec --e2e --updateSnapshot; playwright test --update-snapshots",
-	"test.watch": "TZ=UTC stencil test --spec --e2e --watch",
+	"test.screenshot": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --e2e --screenshot",
+	"test.unit": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil build dev && stencil test --spec",
+	"test.unit.update-snapshot": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --updateSnapshot",
+	"test.update-snapshot": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --e2e --updateSnapshot; playwright test --update-snapshots",
+	"test.watch": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --e2e --watch",
 	"update-en-i18n": "./scripts/update-en-i18n.js",
 	"version-sync": "npm version --no-git-tag-version --allow-same-version"
 };
@@ -88,12 +88,12 @@ const devDependencies = {
 	"@types/sortablejs": "^1.15.8",
 	"axe-core": "^4.10.3",
 	"axe-live": "^1.0.1",
-	eslint: "^9.28.0",
+	eslint: "^9.29.0",
 	"eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
 	"eslint-plugin-playwright": "^2.2.0",
 	"file-loader": "^6.2.0",
 	"genesys-spark-tokens": "file:../genesys-spark-tokens",
-	glob: "^11.0.2",
+	glob: "^11.0.3",
 	globals: "^16.2.0",
 	handlebars: "^4.7.8",
 	inquirer: "^12.6.3",
@@ -108,6 +108,7 @@ const devDependencies = {
 	"mutation-observer": "^1.0.3",
 	"node-fetch": "^3.3.2",
 	"npm-run-all": "^4.1.5",
+	"playwright-core": "1.51.0",
 	"postcss-html": "^1.8.0",
 	"postcss-less": "^6.0.0",
 	"postcss-scss": "^4.0.9",
@@ -120,12 +121,12 @@ const devDependencies = {
 	smob: "^1.5.0",
 	"spritesheet-templates": "^10.5.2",
 	spritesmith: "^3.5.1",
-	stylelint: "^16.20.0",
+	stylelint: "^16.21.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-recess-order": "^6.1.0",
 	"stylelint-config-standard": "^38.0.0",
-	"stylelint-scss": "^6.12.0",
+	"stylelint-scss": "^6.12.1",
 	"stylelint-use-logical": "^2.1.2",
 	"stylelint-use-logical-spec": "^5.0.1",
 	svgo: "^3.3.2",
@@ -140,7 +141,7 @@ const publishConfig = {
 const collection = "dist/collection/collection-manifest.json";
 const prettier = "prettier-config-genesys-spark-components";
 const volta = {
-	node: "20.9.0"
+	node: "22.14.0"
 };
 const packageInfo = {
 	name: name,

package/dist/collection/components/beta/gux-avatar-group/gux-avatar-overflow/gux-avatar-overflow.js

@@ -83,6 +83,9 @@ export class GuxAvatarOverflow {
         this.hide();
     }
     runUpdatePosition() {
+        if (this.cleanupUpdatePosition) {
+            this.cleanupUpdatePosition();
+        }
         if (this.root.isConnected) {
             this.cleanupUpdatePosition = autoUpdate(this.overflowButtonElement, this.menuElement, () => this.updatePosition(), {
                 ancestorScroll: true,
@@ -151,10 +154,10 @@ export class GuxAvatarOverflow {
         void nextFocusableElement.focus();
     }
     render() {
-        return (h(Host, { key: '56dc6348cc414fa170fa0ee06fe064f3450882bc', role: "menuitem" }, h("button", { key: '5b73425d77f78fce9d87b33487cea1abef6cb0a3', class: "gux-avatar-overflow", ref: el => (this.overflowButtonElement = el), onClick: () => this.toggleOverflowMenu(), tabIndex: -1, "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("span", { key: 'a23023d03fb1b759e35f06dea6be0114ba5873db', class: "gux-avatar-overflow-wrapper" }, h("span", { key: 'ae083e3bbf584b59f5a00eac3585b79fa916a712', class: "gux-avatar-overflow-content" }, " +", this.getCount()))), h("div", { key: 'cab97c98d994f16c09b24f8545b8cd7200388892', class: {
+        return (h(Host, { key: '289b013c9d67271a08acc35a6f61cd90d2e733c5', role: "menuitem" }, h("button", { key: '48465ecf48d5f3a72924b6d4bb6d029550839367', class: "gux-avatar-overflow", ref: el => (this.overflowButtonElement = el), onClick: () => this.toggleOverflowMenu(), tabIndex: -1, "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("span", { key: '6743688d97606a5524c9746d2e808c2224106628', class: "gux-avatar-overflow-wrapper" }, h("span", { key: 'c8cf521169d3b6999d70d12bf95f902f7c2910a9', class: "gux-avatar-overflow-content" }, " +", this.getCount()))), h("div", { key: '6c9081633ec976b9fb380ee5c1fd77f2a71b424b', class: {
                 'gux-menu-wrapper': true,
                 'gux-shown': this.expanded
-            }, ref: el => (this.menuElement = el) }, h("div", { key: '715af9beb5866644e7524b641ce2206b6b1b86d3', role: "menu", class: "gux-menu-content" }, h("slot", { key: 'fd5723c2b0f9bb1039e043d505ff7dff3ba70a18' })))));
+            }, ref: el => (this.menuElement = el) }, h("div", { key: 'f99f53607731b8121276ca8f9b1469ef980f2601', role: "menu", class: "gux-menu-content" }, h("slot", { key: 'e82d2ac9cf9f02d0acdbebb29a5dfd8df31e4d72' })))));
     }
     static get is() { return "gux-avatar-overflow-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-form/tests/gux-form.common.js

@@ -0,0 +1,56 @@
+export const renderConfigs = [
+    {
+        description: 'should render as expected',
+        html: `
+        <gux-form-beta>
+    <form>
+        <header>
+        <gux-form-heading><h1>Form Heading</h1></gux-form-heading>
+        <gux-form-description
+            ><span>
+            This is a simple paragraph to accompany the form header.
+            </span></gux-form-description
+        >
+        </header>
+        <fieldset>
+        <legend>
+            <gux-form-fieldset-heading
+            ><h2>Form Fieldset Header</h2>
+            </gux-form-fieldset-heading>
+            <gux-form-description
+            ><span>
+                This is a simple paragraph to accompany the fieldset header.
+            </span></gux-form-description
+            >
+        </legend>
+        <gux-form-field-text-like label-position="above">
+            <input slot="input" type="text" name="lp-3" />
+            <label slot="label">Fieldset Form field label</label>
+        </gux-form-field-text-like>
+
+        <gux-form-field-phone label-position="above">
+            <gux-phone-input-beta></gux-phone-input-beta>
+            <label slot="label">Fieldset Form field label</label>
+        </gux-form-field-phone>
+
+        <gux-form-field-textarea label-position="above">
+            <textarea slot="input" name="textarea"></textarea>
+            <label slot="label">Fieldset Form field label</label>
+        </gux-form-field-textarea>
+        </fieldset>
+
+        <gux-form-field-text-like label-position="above">
+        <input slot="input" type="text" name="lp-3" />
+        <label slot="label">Fieldset Form field label</label>
+        </gux-form-field-text-like>
+
+        <gux-form-footer placement="page-desktop">
+        <footer>
+            <gux-button accent="primary">Primary</gux-button>
+            <gux-button accent="secondary">Secondary</gux-button>
+        </footer>
+        </gux-form-footer>
+    </form>
+    </gux-form-beta>`
+    }
+];