genesys-spark-components 4.158.0 → 4.159.0

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

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

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BLhHoh_r.js');
-var usage = require('./usage-CrKt9p5p.js');
+var usage = require('./usage-v50bi18B.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}: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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BLhHoh_r.js');
 var index$1 = require('./index-QInGO-Pu.js');
-var usage = require('./usage-CrKt9p5p.js');
+var usage = require('./usage-v50bi18B.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const tag = "tag with label: {label}";

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

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

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BLhHoh_r.js');
-var usage = require('./usage-CrKt9p5p.js');
+var usage = require('./usage-v50bi18B.js');
 var getValidTimezone = require('./get-valid-timezone-BsXNFmOL.js');
 var intl = require('./intl-CN825h6c.js');
 var useRegionalDates = require('./use-regional-dates-qjhuD9Ak.js');

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

@@ -5,7 +5,7 @@ var onClickOutside = require('./on-click-outside-CrJioxOT.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var index = require('./index-QInGO-Pu.js');
-var usage = require('./usage-CrKt9p5p.js');
+var usage = require('./usage-v50bi18B.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var intl = require('./intl-CN825h6c.js');
 var useRegionalDates = require('./use-regional-dates-qjhuD9Ak.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BLhHoh_r.js');
-var usage = require('./usage-CrKt9p5p.js');
+var usage = require('./usage-v50bi18B.js');
 var index$1 = require('./index-QInGO-Pu.js');
 var timeZone = require('./time-zone-D9oxRpEx.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -3,7 +3,7 @@
 var index = require('./index-BLhHoh_r.js');
 var index$1 = require('./index-QInGO-Pu.js');
 var timeZone = require('./time-zone-D9oxRpEx.js');
-var usage = require('./usage-CrKt9p5p.js');
+var usage = require('./usage-v50bi18B.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BLhHoh_r.js');
-var usage = require('./usage-CrKt9p5p.js');
+var usage = require('./usage-v50bi18B.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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BLhHoh_r.js');
-var usage = require('./usage-CrKt9p5p.js');
+var usage = require('./usage-v50bi18B.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var index$1 = require('./index-QInGO-Pu.js');
 require('./get-closest-element-CfyZl7i7.js');

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

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

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BLhHoh_r.js');
-var usage = require('./usage-CrKt9p5p.js');
+var usage = require('./usage-v50bi18B.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

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

package/dist/cjs/{usage-CrKt9p5p.js → usage-v50bi18B.js}

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

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

@@ -0,0 +1,14 @@
+export const renderConfig = {
+    description: 'should render component as expected',
+    html: `
+      <gux-avatar-group-beta>
+        <gux-avatar-group-item-beta name="Valerie Wall"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Xavier Yarrow"></gux-avatar-group-item-beta>
+        <gux-avatar-overflow-beta>
+          <gux-avatar-overflow-item-beta name="John Smith"></gux-avatar-overflow-item-beta>
+          <gux-avatar-overflow-item-beta name="Tom Smith"></gux-avatar-overflow-item-beta>
+          <gux-avatar-overflow-item-beta name="Mary Smith"></gux-avatar-overflow-item-beta>
+        </gux-avatar-overflow-beta>
+      <gux-avatar-group-beta>
+      `
+};

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

@@ -0,0 +1,41 @@
+export const renderConfigs = [
+    {
+        description: 'renders avatar group',
+        html: `
+      <gux-avatar-group-beta>
+        <gux-avatar-group-item-beta name="Conor Darcy"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Elliot Fitzgerald"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Greg Hayes"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Iseult Jones"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="John King"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Larissa Mendez"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Nancy Omaha"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Paul Quinn"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Roisin Smyth"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Thomas U."></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Valerie Wall"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Xavier Yarrow"></gux-avatar-group-item-beta>
+      </gux-avatar-group-beta>
+    `
+    },
+    {
+        description: 'renders avatar group with add item',
+        html: `
+      <gux-avatar-group-beta>
+        <gux-avatar-group-item-beta name="Conor Darcy"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Elliot Fitzgerald"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Greg Hayes"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Iseult Jones"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="John King"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Larissa Mendez"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Nancy Omaha"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Paul Quinn"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Roisin Smyth"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Thomas U."></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Valerie Wall"></gux-avatar-group-item-beta>
+        <gux-avatar-group-item-beta name="Xavier Yarrow"></gux-avatar-group-item-beta>
+        <gux-avatar-group-add-item-beta></gux-avatar-group-add-item-beta>
+      </gux-avatar-group-beta>
+    `
+    }
+];

package/dist/collection/components/beta/gux-side-panel/components/gux-modal-side-panel/gux-modal-side-panel.css

@@ -5,6 +5,11 @@ dialog {
   padding: 0;
   margin: unset;
   border: none;
+  transform: translateX(100%);
+  transition: transform 0.2s ease-in-out;
+}
+dialog.gux-open {
+  transform: translateX(0%);
 }
 
 dialog::backdrop {

package/dist/collection/components/beta/gux-side-panel/components/gux-modal-side-panel/gux-modal-side-panel.js

@@ -52,7 +52,7 @@ export class GuxModalSidePanel {
     }
     render() {
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'ecf03e299a46bc5fe8c69c3a45c4ee082678ca54', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: '80fd9bc4c0b2a0ff8a5329eb5b882e0c3b7598ef', size: this.size }, h("div", { key: 'f8c7caadaeb21468617dd03dd4892f4e3efb83c3', slot: "heading", id: titleID }, h("slot", { key: 'aca70b21b54b4cfcf9db2ce7f6b67db5321ee753', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: 'c9bc9620a4374a3b5d1c3d25ef85d378fdcbf305', slot: "description" }, h("slot", { key: 'e50e0d1e6e8571108c6ca564c50a1e7c5e0a7a68', name: "description" }))), h("div", { key: 'bad2c534e47b59dfe0f1c83047eba1395a1c2ff9', slot: "content" }, h("slot", { key: '1d3d8a04686e7c18a1dedbf064b889eab7c96615', name: "content" })), h("div", { key: 'c8ecb56faec61bda9d39e3f25358968221740721', slot: "footer" }, h("slot", { key: '45c9673d168477550f2055115620c112dcc6620f', name: "footer" })))));
+        return (h("dialog", { key: 'a0762489e7f0b45cbc00eaef77141f174cf89860', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, h("gux-side-panel-beta", { key: 'e07a6eab666d7fa67bf932a42589edb7cc51541f', size: this.size }, h("div", { key: '5b9b231d4cb29f3707f8c77fd4e4f465ab3b3b53', slot: "heading", id: titleID }, h("slot", { key: '9d312a6c106e5c3a276b77350b30f83377b5299d', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: 'c987c918bffd3a8fb8671d9cec836cc580fcc5f2', slot: "description" }, h("slot", { key: 'ac61b86567c6e9387cafa128b1fe6b36a9dfd40f', name: "description" }))), h("div", { key: 'bd9907df3b52f4214992970b47d2aa81f8b80da3', slot: "content" }, h("slot", { key: 'cd3e07787a0527d2f11b9cd8f2a8cc553e7f22a7', name: "content" })), h("div", { key: 'b9ad7f08ead8a67a61f29d826fc51df710ed68c7', slot: "footer" }, h("slot", { key: '8b237d105399c02ace67b9eebdf185db2f1c8f7f', name: "footer" })))));
     }
     static get is() { return "gux-modal-side-panel-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,75 @@
+export const renderConfigs = [
+    {
+        description: 'Should render basic side panel',
+        html: `<gux-side-panel-beta>
+      <gux-side-panel-heading slot="heading">Panel Title</gux-side-panel-heading>
+      <div slot="content">Panel content goes here</div>
+    </gux-side-panel-beta>`
+    },
+    {
+        description: 'Should render small size side panel',
+        html: `<gux-side-panel-beta size="small">
+      <gux-side-panel-heading slot="heading">Small Panel</gux-side-panel-heading>
+      <div slot="content">Small panel content</div>
+    </gux-side-panel-beta>`
+    },
+    {
+        description: 'Should render medium size side panel',
+        html: `<gux-side-panel-beta size="medium">
+      <gux-side-panel-heading slot="heading">Medium Panel</gux-side-panel-heading>
+      <div slot="content">Medium panel content</div>
+    </gux-side-panel-beta>`
+    },
+    {
+        description: 'Should render large size side panel',
+        html: `<gux-side-panel-beta size="large">
+      <gux-side-panel-heading slot="heading">Large Panel</gux-side-panel-heading>
+      <div slot="content">Large panel content</div>
+    </gux-side-panel-beta>`
+    },
+    {
+        description: 'Should render with description',
+        html: `<gux-side-panel-beta>
+      <gux-side-panel-heading slot="heading">Panel with Description</gux-side-panel-heading>
+      <div slot="description">This is a description of the panel content</div>
+      <div slot="content">Panel content goes here</div>
+    </gux-side-panel-beta>`
+    },
+    {
+        description: 'Should render with footer',
+        html: `<gux-side-panel-beta>
+      <gux-side-panel-heading slot="heading">Panel with Footer</gux-side-panel-heading>
+      <div slot="content">Panel content goes here</div>
+      <div slot="footer">
+        <gux-button accent="primary">Save</gux-button>
+        <gux-button accent="secondary">Cancel</gux-button>
+      </div>
+    </gux-side-panel-beta>`
+    },
+    {
+        description: 'Should render with heading icon',
+        html: `<gux-side-panel-beta>
+      <gux-side-panel-heading slot="heading" icon-name="settings">Settings Panel</gux-side-panel-heading>
+      <div slot="content">Settings content goes here</div>
+    </gux-side-panel-beta>`
+    },
+    {
+        description: 'Should render with all slots',
+        html: `<gux-side-panel-beta size="medium">
+      <gux-side-panel-heading slot="heading" icon-name="info" level="2">Complete Panel</gux-side-panel-heading>
+      <div slot="description">This panel demonstrates all available slots and features</div>
+      <div slot="content">
+        <p>Main content area with multiple elements</p>
+        <ul>
+          <li>Item 1</li>
+          <li>Item 2</li>
+          <li>Item 3</li>
+        </ul>
+      </div>
+      <div slot="footer">
+        <gux-button accent="primary">Apply</gux-button>
+        <gux-button accent="secondary">Reset</gux-button>
+      </div>
+    </gux-side-panel-beta>`
+    }
+];

package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.js

@@ -100,8 +100,8 @@ export class GuxFlyoutMenu {
         }
     }
     updatePosition() {
-        // This is 13 because this makes the arrow look aligned
-        const arrowLen = 13;
+        // This is 12 because this makes the arrow look aligned
+        const arrowLen = 12;
         if (this.root) {
             void computePosition(this.targetElement, this.menuContentElement, {
                 placement: 'bottom-start',

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

@@ -50,7 +50,7 @@ export class GuxFormFieldCheckbox {
         return (h(Host, { key: '9b37ae14b5aa5d2904c22ffcf8393a2d845dc4d4', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '2e17696291cdc811675563fbd99096784c0d8d13', class: "gux-form-field-container" }, h("div", { key: '9437488b97202380453b4ce4599262ee55eb1848', class: "gux-input-label" }, h("div", { key: 'f5f4cfbc9add601c6cd3a668468deebf22c79032', class: "gux-input" }, h("slot", { key: '7d2563cfe7d5fb645f6200da43528743c6d18f66', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '91047391d4a93e0101c23348738166b9a879891a', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '6b6288cd053446a5500fd259028f8f357bd9cb95', name: "label" }))), h("div", { key: '7ca2cd22c659755cf46cb72ed8925ff4e23105f9', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '53bc3cd91b30776ca37071a1591d75adef860b1a', show: this.hasError }, h("slot", { key: '6f5b4a935ad5f4149f3608bd8b90fd1f568baf35', name: "error" })), h(GuxFormFieldHelp, { key: 'c1fcbeb423ee9e8c902933bca6a09358b7498071', show: !this.hasError && this.hasHelp }, h("slot", { key: '0200774d9d227bf123e68c9cda5277b1d3284171', name: "help" }))))));
+            } }, h("div", { key: '88dcd1250fae77eb5dce53948b529bdbf7d2a305', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'f1286e98b0c3e00b42c97f171f9e0050d5b13ee4', class: "gux-input-label" }, h("div", { key: '1884ee7889b14035720aee337ddf9de0d9d1d1b4', class: "gux-input" }, h("slot", { key: 'cc7e9eb9a01cb65e48b93d1acd53f0aeba2b3d4d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '8427792713aa87fd81f71ec3d206cb1723083f77', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '378f25400af0eb3243918c677435746e41035576', name: "label" }))), h("div", { key: '5af392b1b7a9f2340deda557b9b4c8cb44c80623', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2f04e17d935c9368401fc6bb6521a070b646910b', show: this.hasError }, h("slot", { key: 'cc324117414007141e0205fad334897811c5f80b', name: "error" })), h(GuxFormFieldHelp, { key: '4f918830189307a41cbfa00893015102ca5136f4', show: !this.hasError && this.hasHelp }, h("slot", { key: '1b464e2b2ea883e46cf2ff7b4d12baef04f2d444', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/tests/gux-form-field-checkbox.common.js

@@ -0,0 +1,34 @@
+export const renderConfigs = [
+    `
+  <gux-form-field-checkbox>
+    <input slot="input" type="checkbox" name="food-1[]" value="pizza"/>
+    <label slot="label">Pizza</label>
+  </gux-form-field-checkbox>
+`,
+    `
+  <gux-form-field-checkbox>
+    <input slot="input" type="checkbox" name="food-1[]" value="pizza" disabled/>
+    <label slot="label">Pizza</label>
+  </gux-form-field-checkbox>
+`,
+    `
+  <gux-form-field-checkbox>
+    <input slot="input" type="checkbox" name="food-1[]" value="pizza"/>
+    <label slot="label">Pizza</label>
+    <span slot="error">This is an error message</span>
+  </gux-form-field-checkbox>
+`,
+    `
+  <gux-form-field-checkbox>
+    <input slot="input" type="checkbox" name="food-1[]" value="pizza" checked/>
+    <label slot="label">Pizza</label>
+  </gux-form-field-checkbox>
+`,
+    `
+  <gux-form-field-checkbox>
+    <input slot="input" type="checkbox" name="food-1[]" value="pizza"/>
+    <label slot="label">Pizza</label>
+    <span slot="help">This is a help message</span>
+  </gux-form-field-checkbox>
+`
+].map(html => ({ html }));

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox-group/tests/gux-form-field-checkbox-group.common.js

@@ -0,0 +1,123 @@
+export const renderConfigs = [
+    `
+  <gux-form-field-checkbox-group-beta>
+    <label slot="group-label">Food</label>
+    <gux-form-field-checkbox>
+      <input slot="input" type="checkbox" name="food-1" value="pizza"/>
+      <label slot="label">Pizza</label>
+    </gux-form-field-checkbox>
+  </gux-form-field-checkbox-group-beta>
+  `,
+    `
+  <gux-form-field-checkbox-group-beta>
+  <label slot="group-label">Food</label>
+
+  <gux-form-field-checkbox>
+    <input slot="input" type="checkbox" name="food-1" value="pizza" />
+    <label slot="label">Pizza</label>
+  </gux-form-field-checkbox>
+
+  <gux-form-field-checkbox>
+    <input
+      slot="input"
+      type="checkbox"
+      name="food-1"
+      value="sandwich"
+      disabled
+    />
+    <label slot="label">Sandwich</label>
+  </gux-form-field-checkbox>
+
+  <gux-form-field-checkbox>
+    <input slot="input" type="checkbox" name="food-1" value="spaghetti" />
+    <label slot="label">Spaghetti</label>
+    <span slot="help">This is a help message</span>
+  </gux-form-field-checkbox>
+  <span slot="group-error">Subject to availibility</span>
+</gux-form-field-checkbox-group-beta>
+  `,
+    `<gux-form-field-checkbox-group-beta>
+  <label slot="group-label">Food</label>
+
+  <gux-form-field-checkbox>
+    <input slot="input" type="checkbox" name="food-1" value="pizza" />
+    <label slot="label">Pizza</label>
+  </gux-form-field-checkbox>
+
+  <gux-form-field-checkbox>
+    <input
+      slot="input"
+      type="checkbox"
+      name="food-1"
+      value="sandwich"
+      disabled
+    />
+    <label slot="label">Sandwich</label>
+  </gux-form-field-checkbox>
+
+  <gux-form-field-checkbox>
+    <input slot="input" type="checkbox" name="food-1" value="sushi" />
+    <label slot="label">Sushi</label>
+    <span slot="error">Subject to availibility</span>
+  </gux-form-field-checkbox>
+
+  <gux-form-field-checkbox>
+    <input slot="input" type="checkbox" name="food-1" value="spaghetti" />
+    <label slot="label">Spaghetti</label>
+    <span slot="help">This is a help message</span>
+  </gux-form-field-checkbox>
+  <span slot="group-help">This is a group help message</span>
+</gux-form-field-checkbox-group-beta>
+`,
+    `
+  <gux-form-field-checkbox-group-beta disabled>
+    <label slot="group-label">Food</label>
+
+    <gux-form-field-checkbox>
+      <input slot="input" type="checkbox" name="food-1" value="pizza" />
+      <label slot="label">Pizza</label>
+    </gux-form-field-checkbox>
+
+    <gux-form-field-checkbox>
+      <input
+        slot="input"
+        type="checkbox"
+        name="food-1"
+        value="sandwich"
+        disabled
+      />
+      <label slot="label">Sandwich</label>
+    </gux-form-field-checkbox>
+
+    <gux-form-field-checkbox>
+      <input slot="input" type="checkbox" name="food-1" value="sushi" />
+      <label slot="label">Sushi</label>
+      <span slot="error">Subject to availibility</span>
+    </gux-form-field-checkbox>
+
+    <gux-form-field-checkbox>
+      <input slot="input" type="checkbox" name="food-1" value="spaghetti" />
+      <label slot="label">Spaghetti</label>
+      <span slot="help">This is a help message</span>
+    </gux-form-field-checkbox>
+  </gux-form-field-checkbox-group-beta>
+  `,
+    `
+  <gux-form-field-checkbox-group-beta required>
+    <label slot="group-label">Food</label>
+    <gux-form-field-checkbox>
+      <input slot="input" type="checkbox" name="food-1" value="pizza"/>
+      <label slot="label">Pizza</label>
+    </gux-form-field-checkbox>
+  </gux-form-field-checkbox-group-beta>
+  `,
+    `
+  <gux-form-field-checkbox-group-beta indicator-mark="optional">
+    <label slot="group-label">Food</label>
+    <gux-form-field-checkbox>
+      <input slot="input" type="checkbox" name="food-1" value="pizza"/>
+      <label slot="label">Pizza</label>
+    </gux-form-field-checkbox>
+  </gux-form-field-checkbox-group-beta>
+  `
+].map(html => ({ html }));

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/tests/gux-form-field-color.common.js

@@ -0,0 +1,52 @@
+const labelPositionRenderConfigs = ['above', 'beside', 'screenreader'].map(labelPosition => ({
+    description: `should render component as expected when label-position is ${labelPosition}`,
+    html: `
+    <gux-form-field-color label-position="${labelPosition}">
+      <input slot="input" type="color" value="#cc3ebe"/>
+      <label slot="label">Label</label>
+    </gux-form-field-color>
+  `
+}));
+const inputAttributeRenderConfigs = ['disabled', 'required'].map(inputAttribute => ({
+    description: `should render component as expected when input attribute is "${inputAttribute}"`,
+    html: `
+    <gux-form-field-color>
+      <input slot="input" type="color" value="#cc3ebe" ${inputAttribute}/>
+      <label slot="label">Label</label>
+    </gux-form-field-color>
+  `
+}));
+const indicatorMarkRenderConfigs = ['optional', 'required'].map(indicatorMark => ({
+    description: `should render component as expected when indicator-mark is "${indicatorMark}"`,
+    html: `
+    <gux-form-field-color indicator-mark="${indicatorMark}">
+      <input slot="input" type="color" value="#cc3ebe"/>
+      <label slot="label">Label</label>
+    </gux-form-field-color>
+  `
+}));
+const optionalSlotRenderConfigs = [
+    { name: 'help', html: `<span slot="help">This is a help message</span>` },
+    { name: 'error', html: `<span slot="error">This is an error message</span>` },
+    {
+        name: 'label-info',
+        html: `<gux-label-info-beta slot="label-info">
+      <span slot="content">This is some tooltip text</span>
+    </gux-label-info-beta>`
+    }
+].map(({ name, html }) => ({
+    description: `should render component as expected when an optional "${name}" slot is provided`,
+    html: `
+    <gux-form-field-color>
+      <input slot="input" type="color" value="#cc3ebe"/>
+      <label slot="label">Label</label>
+      ${html}
+    </gux-form-field-color>
+  `
+}));
+export const renderConfigs = [
+    ...labelPositionRenderConfigs,
+    ...inputAttributeRenderConfigs,
+    ...indicatorMarkRenderConfigs,
+    ...optionalSlotRenderConfigs
+];

package/dist/collection/components/stable/gux-popover/gux-popover.js

@@ -115,9 +115,9 @@ export class GuxPopover {
                     bottom: 180,
                     left: -90
                 }[side];
-                // This is 13 because this makes the arrow look aligned when horizontal
+                // This is 12 because this makes the arrow look aligned when horizontal
                 // or 15 if vertical due to extra padding needed to show the shadow.
-                const arrowLen = side === 'left' || side === 'right' ? 15 : 13;
+                const arrowLen = side === 'left' || side === 'right' ? 15 : 12;
                 if (middlewareData.arrow) {
                     let x = middlewareData.arrow.x;
                     const y = middlewareData.arrow.y;

package/dist/collection/test/expectToHaveNoViolations.js

@@ -3,7 +3,8 @@ export function toHaveNoViolations(axeViolations, axeScanDetails) {
         violation.nodes = violation.nodes.reduce((nodesAcc, node) => {
             const excluded = axeScanDetails.axeExclusions.some(exclusion => {
                 return (exclusion.issueId === violation.id &&
-                    (!exclusion.target || exclusion.target === node.target[0].toString()));
+                    (!exclusion.target ||
+                        node.target[0].toString().startsWith(exclusion.target)));
             });
             return excluded ? nodesAcc : nodesAcc.concat(node);
         }, []);

package/dist/collection/test/playwrightTestUtils.js

@@ -8,7 +8,7 @@ async function setMode(page, mode) {
     const html = page.locator('html');
     await html.evaluate((element, mode) => element.setAttribute('flare-mode', mode), mode);
 }
-async function runAxe(page) {
+export async function runAxe(page) {
     return new AxeBuilder({ page })
         .withTags([
         'wcag2a',

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-xFL2agjT.js';
-import { t as trackComponent } from './usage-rsnL2YCR.js';
+import { t as trackComponent } from './usage-D2Q7fj4V.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 

package/dist/esm/gux-action-button.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-VvhFhgll.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-rsnL2YCR.js';
+import { t as trackComponent } from './usage-D2Q7fj4V.js';
 import { b as buildI18nForComponent } from './index-Dac2qHbK.js';
 import './get-closest-element-Cd4R0amv.js';
 

package/dist/esm/gux-action-toast-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-xFL2agjT.js';
-import { t as trackComponent } from './usage-rsnL2YCR.js';
+import { t as trackComponent } from './usage-D2Q7fj4V.js';
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:var(--gse-core-colorLegacy-secondary-aquaGreen)}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 

package/dist/esm/gux-advanced-dropdown-legacy.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { o as onMutation } from './on-mutation-CF55kYjc.js';
 import { O as OnClickOutside } from './on-click-outside-VvhFhgll.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-rsnL2YCR.js';
+import { t as trackComponent } from './usage-D2Q7fj4V.js';
 import { b as buildI18nForComponent } from './index-Dac2qHbK.js';
 import './get-closest-element-Cd4R0amv.js';
 

package/dist/esm/gux-announce-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-xFL2agjT.js';
-import { t as trackComponent } from './usage-rsnL2YCR.js';
+import { t as trackComponent } from './usage-D2Q7fj4V.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

package/dist/esm/gux-avatar-beta.entry.js

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, a as getElement } from './index-xFL2agjT.js';
-import { t as trackComponent } from './usage-rsnL2YCR.js';
+import { t as trackComponent } from './usage-D2Q7fj4V.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { b as buildI18nForComponent } from './index-Dac2qHbK.js';
 import { a as generateInitials, g as getAvatarAccentClass } from './gux-avatar.service-BV03_Ljp.js';