genesys-spark-components 4.199.0 → 4.199.2

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action-group/gux-rich-text-editor-action-group.js

@@ -12,7 +12,7 @@ export class GuxRichTextEditorActionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '94b90bb7639ce5c72490bc270808a8d0c089544b' }, h("div", { key: 'c5d37f590bccafb658ac6541a87f9891a729db9b', class: "gux-action-group-container" }, h("slot", { key: '1dd24bf9b800ecae8d2fb27701e263dd09029d0a' })), this.renderActionGroupDivider()));
+        return (h(Host, { key: '1f3f1bd9e18fe770c6881762aee4483410bf2044' }, h("div", { key: '015b8cf6ff30f865cd88059217255d4013517d0b', class: "gux-action-group-container" }, h("slot", { key: '6b65fc8093cd93084d3139152f5ef3c9e837318d' })), this.renderActionGroupDivider()));
     }
     static get is() { return "gux-rich-text-editor-action-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-beta.js

@@ -194,11 +194,11 @@ export class GuxRichTextEditor {
         ].some(child => child !== null && child !== undefined);
     }
     render() {
-        return (h("div", { key: '606724eedd80c175116b7cf561c0d98893bb9ad1', class: {
+        return (h("div", { key: 'a7a8ac57fa9c7734a2a594bc3aa1f64de71249f4', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled,
                 'gux-toolbar-hidden': !this.hasToolbar
-            } }, h("div", { key: 'ba9849a51f50edf1a20975862870ce5c3969f65a', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderTextEditorMenu(), this.renderGlobalAction()), h("slot", { key: '817513b0971641d9f69b914cc5e66f61f8d51ae9', name: "editor" })));
+            } }, h("div", { key: 'cdbee2a0c3cc49a0c510788ff3f34a947ac3e490', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderTextEditorMenu(), this.renderGlobalAction()), h("slot", { key: '41458f4fd8f61e0170bbdcfa0f8d7e0bf3f040aa', name: "editor" })));
     }
     static get is() { return "gux-rich-text-editor-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-highlight-list-item/gux-rich-highlight-list-item.js

@@ -33,10 +33,10 @@ export class GuxRichHighlightListItem {
         }
     }
     render() {
-        return (h("div", { key: '28038f92807fe05aaedcbbaf97cdf1f07e3ee60d', class: {
+        return (h("div", { key: '5a2344074e7200e3be3eeca0249788982cc96f40', class: {
                 'gux-highlight': true,
                 [`gux-${this.highlight}`]: true
-            }, role: "listitem" }, h("button", { key: 'eaac52a94be5e9ae04d8cde585cbcc310451560c', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
+            }, role: "listitem" }, h("button", { key: 'b120c1fc0146eaf762c030efe81b29fffcc8beb6', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
     }
     static get is() { return "gux-rich-highlight-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-style-list-item/gux-rich-style-list-item.js

@@ -27,7 +27,7 @@ export class GuxRichStyleListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'ed7e939227e6d523f0c77ec774be4da03d8a551b', role: "listitem" }, h("button", { key: '0218f3fa3a3e210051d69d64165b879216c34ee9', type: "button", tabIndex: -1, disabled: this.disabled }, h("gux-truncate", { key: '88237d6a215b62293d5e65625c7c433c466b12e1', "max-lines": 1 }, h("slot", { key: '64b5177805552c12113e6427aa649443542d08d1' })))));
+        return (h(Host, { key: '073f1a713eedbf0f79cecf846519eba9d63be891', role: "listitem" }, h("button", { key: '5fe1ac4ac3af43bc9dd865b1d827b59d7b091658', type: "button", tabIndex: -1, disabled: this.disabled }, h("gux-truncate", { key: 'c7260c88cc074fc28d18f3856294a7c42740a0ac', "max-lines": 1 }, h("slot", { key: '760a19e1dfbfc42103792acdfbaa180e0bda8b79' })))));
     }
     static get is() { return "gux-rich-style-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-text-editor-list.js

@@ -93,7 +93,7 @@ export class GuxRichTextEditorList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '06c7c903c915793f1f1325c1c7b9c9eab427781d', role: "list" }, h("slot", { key: 'a38ca3baa80908a3b150b934f10501e0abe83cfe', onSlotchange: () => this.setListItems() })));
+        return (h(Host, { key: 'cf5b21e168eb2eba17b43a504ba4dd6ac1a491dc', role: "list" }, h("slot", { key: 'fd1297d32092894c3d5efbfa98d06589ae982dd2', onSlotchange: () => this.setListItems() })));
     }
     static get is() { return "gux-rich-text-editor-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-text-editor-sub-list/gux-rich-text-editor-sub-list.js

@@ -128,13 +128,13 @@ export class GuxRichTextEditorSubList {
         }
     }
     render() {
-        return (h(Host, { key: '7449f599aadcbc229548e575719dbf87a5e568cf' }, h("button", { key: '2468e67a12859babdb092a13ba692f833ed2edd4', type: "button", class: {
+        return (h(Host, { key: '5b586b5e562cdda041c95d898d78056f74543640' }, h("button", { key: '354bef3327359c376c0510a017fcdd9e6bc6f2bf', type: "button", class: {
                 'gux-sub-list-button': true,
                 'gux-sub-list-button-active': this.isShown
-            }, tabIndex: -1, role: "listitem", ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '6abb192338d66462a17fb2f464faae8aa5329f1e', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: '7b7ccb4a468aa13edbdf74706cbdb1734cb660cd', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'c24f53aad84b06b48646f7220944f5c2996fde6b', ref: el => (this.subListElement = el), class: {
+            }, tabIndex: -1, role: "listitem", ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: 'd6f1324df45316a4cdea9f482d33a442849503d2', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: '4e7c5055b1d0641e6675203cbd98a771303ca066', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '637714ebb439287c1adcc7d5d031327b48a8303b', ref: el => (this.subListElement = el), class: {
                 'gux-sub-list-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '5d13b7aacdbb8a564042b99c46565bfac5a8783f', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: '816f8a512f18df9a3e31e32cdf36400dd8a571f7' })))));
+            } }, h("div", { key: 'e0dfd8fdd245c984aa4c226df59f9d46b7cacbfd', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: 'c6dac3bed04e0188c43cc63101cf929e0d1db973' })))));
     }
     static get is() { return "gux-rich-text-editor-sub-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-menu/gux-rich-text-editor-menu.js

@@ -100,7 +100,7 @@ export class GuxRichTextEditorMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '931c06236be6c62f16fcb479793d88c46f724906' }, h("gux-popup", { key: '673280be38a4e4ad880e831857c986da0b12a4aa', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'b9244a4c242ca3fed7fa4ff70bc06487997b15ba', slot: "target" }, h("gux-button-slot", { key: 'eeba8f0363e7619ba447b342f0fe630f50663b47', accent: "ghost" }, h("button", { key: '80897716f4bacb32123169b8dd8e70af6be502c2', type: "button", onClick: () => this.onActionClick(), ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: hasDisabledParent(this.root) }, h("gux-icon", { key: '04096d2a1ce552ad58ef1d454529135ecc9c34df', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'dbd034fbfb21b2208e44001bc47579c07b24c90d' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'b4082375a53b1a47c0d479a5af1db5069b4f4a52', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: '725885bd8afe363b0fd42a287173112f4c72c0e2', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '069475951cb39d3c7f1394eb9bfdee2a1c066616' }))))));
+        return (h(Host, { key: 'e34009a4385a0446bf095a7559edff1247763bc9' }, h("gux-popup", { key: 'bfbc010f300df505a02db08ebad1fde49991ee82', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '1a47ca9444eb4407c049527675ef91cc7b3ace84', slot: "target" }, h("gux-button-slot", { key: '4b64cc11d3bdda7771ab2c578f375b811f2f4e3d', accent: "ghost" }, h("button", { key: '21603eaed0080a53fc8f43dd1624bdc5e4802322', type: "button", onClick: () => this.onActionClick(), ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: hasDisabledParent(this.root) }, h("gux-icon", { key: 'a5699eeb6a64dbc6582e9b9e0be7ff0cb515ee64', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '1b799758016c5ba5fbef790d34d1505042dd5583' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '225280addd952e07dd3abac2224f43e0fbbf0032', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: '817c09c76acb404f9ba8a20d583b60656299811d', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'cfd985a0537fa83d48419ec090b97ab9b910fabf' }))))));
     }
     static get is() { return "gux-rich-text-editor-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-screen-reader/gux-screen-reader.js

@@ -15,7 +15,7 @@ export class GuxScreenReader {
     }
     render() {
         const ElementType = this.blockLevel ? 'div' : 'span';
-        return (h(ElementType, { key: '5092df6d043b37b40dedd4af8a004e70bc852cf1', class: "gux-sr-only" }, h("slot", { key: '3a99381717d8d81c935f3c35c3eaf82891655a27' })));
+        return (h(ElementType, { key: '0ce3290f4535c5d7a72d81faef43993922ddba07', class: "gux-sr-only" }, h("slot", { key: '41754facbb2d6cc61e960556d4e6d5a0919f73d6' })));
     }
     static get is() { return "gux-screen-reader-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-divider/gux-segmented-control-divider.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class GuxSegmentedControlDivider {
     render() {
-        return (h(Host, { key: '059f025cb5a20894dc41af72cb3694762650c0af', role: "presentation" }, h("div", { key: '7abfc4e26b8b6a5c0fe433821d42308b326ed053', class: "gux-segmented-control-divider" })));
+        return (h(Host, { key: '7a1564369ac2198a7a3201cd6b85fd4370170e7b', role: "presentation" }, h("div", { key: '05171e5c67063e95f29605d9a89dc92b968f47eb', class: "gux-segmented-control-divider" })));
     }
     static get is() { return "gux-segmented-control-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.js

@@ -38,17 +38,17 @@ export class GuxSegmentedControlItem {
     }
     render() {
         return [
-            h("button", { key: '250afde4aab1ea245b8a0605c448ab48ff9b4a0d', class: {
+            h("button", { key: '180d260f9a82e9c0db63426c3135934dcb1221a0', class: {
                     'gux-segmented-control-item': true,
                     'gux-icon-only': this.iconOnly,
                     'gux-selected': this.selected,
                     'gux-parent-disabled': this.hasDisabledParent()
-                }, type: "button", id: this.id, "aria-current": this.selected ? 'true' : 'false', disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("span", { key: 'ac1092faaf8647343e9dfcb2fd8389c5f7d95a9e', class: {
+                }, type: "button", id: this.id, "aria-current": this.selected ? 'true' : 'false', disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("span", { key: 'e9512fe3cf090caf7d7e9a4fbea87f5a98699460', class: {
                     'gux-text': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '2e3dc0a90baa1716a830de3905d33ff140727c6d', name: "text" }))),
+                } }, h("slot", { key: '68164abd9268ed5ae4b503f5e3ca89f5a8db1ce1', name: "text" }))),
             this.renderTooltip(),
-            h("gux-segmented-control-divider", { key: 'ee6a5d355f02ddc89fdf5745b04ade9123fa7629' })
+            h("gux-segmented-control-divider", { key: '413a2aeee44a82ca5148b9fb1406466c9d4dd66a' })
         ];
     }
     static get is() { return "gux-segmented-control-item"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control.js

@@ -35,7 +35,7 @@ export class GuxSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: 'd6150b1f86127c2aa2025e7bca927675c799c801', role: "group" }, h("slot", { key: 'ed002c44bab5a77d70bb30f64146b2accf30f478', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '8ea8809e4a53ec87c8aa91be3156df962528b77d', role: "group" }, h("slot", { key: '2b9e71e2d44d39d726c684a2cf7fcce19c4b5eab', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-segmented-control-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.js

@@ -49,11 +49,11 @@ export class GuxSelectorCard {
         }
     }
     render() {
-        return (h("div", { key: '98927cdbc513b4c18115fcd3a3bd2f3f71ed5e5e', class: {
+        return (h("div", { key: '9b529b85d07f3b6e0ab6f7e705c59630bb6c9eda', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '4181789425b6a56f9952179685c27598b3491e49', class: "gux-content" }, h("div", { key: 'f55e71e0f941867722104cbb444a96bfdfcb77c4', class: "gux-icon" }, h("slot", { key: '6645bf65e949550a113353d9f4620287119725c2', name: "icon" })), h("div", { key: '6a5cbc47e253d34cc4d0b8c8475a3170f4135be0', class: "gux-label-container" }, h("slot", { key: 'fa8c673278c198346f2f78cd4fb77f7e7ed1bc32', name: "label" })), h("slot", { key: '4f09ac0138dfbb346ee7712103fa53666d989e33', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: '26abc6abdb436855c1ef1fedd27104e4ae2a38b9', class: "gux-content" }, h("div", { key: '15c8de3bb255cdfa935c90c9be58ca9156a7ba05', class: "gux-icon" }, h("slot", { key: '4dfd58d61e0f061e1f557012dddb44ec3e436b5d', name: "icon" })), h("div", { key: '22f04b2ea584a4ccf2535b63e143c37448e472ee', class: "gux-label-container" }, h("slot", { key: 'f6113c885d1b391f2663a31592722c0dfabde3d4', name: "label" })), h("slot", { key: '182ea2d5ca9cc442c2585bc5af40a536ef3879ad', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     static get is() { return "gux-selector-card-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-cards.js

@@ -8,7 +8,7 @@ export class GuxSelectorCards {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'a020181a79f0c0df2f7f831f015f987782111add', class: "gux-selector-cards" }, h("slot", { key: '9230b5334b53cda6c9572a0ad6517fe4bcd434b0' })));
+        return (h("div", { key: '18cdbf7284a12425c8d3c2a34492084dbd5aee6c', class: "gux-selector-cards" }, h("slot", { key: '4ba7aaf21f47b8fda0eb2c565f5bf41345db3dab' })));
     }
     static get is() { return "gux-selector-cards-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class GuxModalSidePanel {
     }
     render() {
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'a185ae72b67c11de918f15c8ff8ae1de5b877ec3', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, h("gux-side-panel-beta", { key: '3f489191bfb83f39c0f71c35994794ef67c564c0', size: this.size }, h("div", { key: '0501662d0f0c0ab1fd0e143c71677692df0c8cd2', slot: "header", id: titleID }, h("slot", { key: '4686a4d333c8294381b691acdd1ad5ed195d0d5b', name: "header" })), h("div", { key: '9c83f8705f7643601030b53c3799f87cc12257f6', slot: "content" }, h("slot", { key: '4503066b6f5d2cb9b4a411247f9215e51ac24048', name: "content" })), h("div", { key: 'c9b46d6d54e4a7701041e3b85e4a0a62d1e8d469', slot: "footer" }, h("slot", { key: '3d5985b48e0c8673026734dad6c2a54ce36df786', name: "footer" })))));
+        return (h("dialog", { key: '57cc83f3848a6e4c39ecd51e6c01c13ab2dbbc9d', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, h("gux-side-panel-beta", { key: '606aed643766f785fb181bba862f4902e936a723', size: this.size }, h("div", { key: 'beb1d8e4ff525d28a993cb47b5ae1e789bc7f1f9', slot: "header", id: titleID }, h("slot", { key: 'e0f87b54fbc8f67fd6ec3c3f4188f4e85a8d067a', name: "header" })), h("div", { key: '833feb634c55d4c1f5862d550a282859c757d963', slot: "content" }, h("slot", { key: '1e862485e636b95b6d73f69cab032158b156eb83', name: "content" })), h("div", { key: 'f08a36512129f1d3b66c56c854eed63a0e306c1d', slot: "footer" }, h("slot", { key: '891543a1ed24610b5687bfe27923b342e995806a', name: "footer" })))));
     }
     static get is() { return "gux-modal-side-panel-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class GuxSidePanelHeader {
         this.internals.role = 'banner';
     }
     render() {
-        return (h("div", { key: 'edf65fadb4d920f798d6075e678b3771d198307a', class: "title-block" }, this.renderSlot('icon'), this.renderTitleDesc(), this.renderSlot('badge')));
+        return (h("div", { key: 'dd93abc51ad278fcab5fdf7e8d7d225ff3e4aa21', class: "title-block" }, this.renderSlot('icon'), this.renderTitleDesc(), this.renderSlot('badge')));
     }
     static get is() { return "gux-side-panel-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,7 +16,7 @@ export class GuxSidePanelHeading {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (h(this.headingTag, { key: '53791b7cda49d0cb91c15e212b52424d906f9c78', class: this.size }, h("gux-truncate", { key: 'fced4d9d8798bffc27fec94881b17c3a5c8dd5d4' }, h("slot", { key: '2cc441705aab618455181ff1395ac2affb2a090d' }))));
+        return (h(this.headingTag, { key: '681947842dcf50cf892ef72fb7140e6c904ef0ff', class: this.size }, h("gux-truncate", { key: 'fec1c42605b050bcbc3e322973f8166dc4c2ae94' }, h("slot", { key: 'a5a76b508e8e9edd4baafea7ffd162a9d835d246' }))));
     }
     static get is() { return "gux-side-panel-heading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -55,10 +55,10 @@ export class GuxSidePanel {
         return null;
     }
     render() {
-        return (h("section", { key: 'a3b4d01df73e3ac68deb5f2a58aeb1846b490c1b', class: {
+        return (h("section", { key: 'aabbea7a2a767c881102dcda1072226726836de7', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, this.renderHeader(), h("gux-dismiss-button", { key: 'c4dad43eebf7cafb469184654cd2d631fba69449', onClick: this.onDismissHandler.bind(this) }), h("div", { key: 'daac37395dc8310a970f1e51d035fea7e74c958c', class: "gux-side-panel-content-wrapper" }, this.renderTabs(), this.renderContent()), this.renderFooter()));
+            } }, this.renderHeader(), h("gux-dismiss-button", { key: '9f65de1efed1db9fd4930837e6b7fc397c804e79', onClick: this.onDismissHandler.bind(this) }), h("div", { key: '3b95f89f0c6f8e2e73236125c0d653918b0c9481', class: "gux-side-panel-content-wrapper" }, this.renderTabs(), this.renderContent()), this.renderFooter()));
     }
     static get is() { return "gux-side-panel-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-status-indicator/gux-status-indicator.js

@@ -27,7 +27,7 @@ export class GuxStatusIndicator {
         }
     }
     render() {
-        return (h("div", { key: 'b0c60761ab75b6a444ee033320d919e473461156', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, h("span", { key: '3d695098ab31ed0ccc29944eb4ca9208e81ccdb2', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: '305b4568aea1e292313aacc806a1690a6bbd97a4', class: "gux-status-indicator-text" }, h("slot", { key: 'ef6b511933fba5a3399b606bc5087505250c4b72' })), this.renderTooltip()));
+        return (h("div", { key: '283a812ffdf81c4a9806c3f60f8772364161e927', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, h("span", { key: '95661ead93523e79457fd6731334314808acc5f3', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: '828f0988c7d1237c47e952514b3ca9b93f20dba4', class: "gux-status-indicator-text" }, h("slot", { key: 'b3bea0e0fa5e3f4818b7035c22a80194a6d75233' })), this.renderTooltip()));
     }
     static get is() { return "gux-status-indicator-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-stepper/gux-step/gux-step-title/gux-step-title.js

@@ -18,7 +18,7 @@ export class GuxStepTitle {
         trackComponent(this.root);
     }
     render() {
-        return (h("button", { key: 'b3ab083181f384a52d2f0c4b5eb385928318a3b2', type: "button", disabled: this.stepDisabledState }, h("gux-truncate", { key: 'b341195b325aeb3014c99066a294956230bfee4b', maxLines: 2 }, h("slot", { key: '70f22ed2633f4cc1fb9d776d51ec85d126b559d1' }))));
+        return (h("button", { key: 'a84cf6c11d7915efa958f287d1d93fc73d5ed80a', type: "button", disabled: this.stepDisabledState }, h("gux-truncate", { key: 'd501d8b7d2a939567a80fcad1dae0c1ea7cd4808', maxLines: 2 }, h("slot", { key: '057ab658c73e909325d9e5414aabab69a2ea8211' }))));
     }
     static get is() { return "gux-step-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-stepper/gux-step/gux-step.js

@@ -34,14 +34,14 @@ export class GuxStep {
         }
     }
     render() {
-        return (h("div", { key: '9749a5f398e7540be3d3b3d497a41c8657d75dd8', class: {
+        return (h("div", { key: 'a9229179993fade1e98427e8d515f3cffdda86cc', class: {
                 'gux-stepper': true,
                 [`gux-step-${this.status}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-active': this.active
-            }, "aria-current": this.active.toString(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '326fd4476d315143bbce6336036be184a5160f74', size: "small", "icon-name": this.active
+            }, "aria-current": this.active.toString(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'cac3bc7efae3a589cae7ba1f21131f373be9b06b', size: "small", "icon-name": this.active
                 ? 'fa/circle-half-stroke-regular'
-                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: '1aec12133ddcbcb8fabf9dd2501016e52e363708', class: "gux-step-information" }, h("slot", { key: '00f298effa507bfc54de57cd529989ca0affc319', name: "title" }), h("gux-truncate", { key: '5e9a956fc2465fe2d69e3131b439c136fb06c0ab', maxLines: 2 }, h("slot", { key: '6c71402e09440b63cda28b6390a6c62ea100bf4e', name: "helper" })))));
+                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: '1836723af03fbe517fd3d8cc8d238bb2d10c6e2c', class: "gux-step-information" }, h("slot", { key: '0178971b104639eda9b038eff3de75a4708bf0de', name: "title" }), h("gux-truncate", { key: 'c032f85559d627e860725f246ef60820fa2184bb', maxLines: 2 }, h("slot", { key: 'fcc6fbe9bfbd286420db9c5664dd6ab76df9947e', name: "helper" })))));
     }
     static get is() { return "gux-step"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-stepper/gux-stepper.js

@@ -41,10 +41,10 @@ export class GuxStepper {
         this.stepList = slot.assignedElements();
     }
     render() {
-        return (h("div", { key: 'd21025d4542467c4081b3fd8840cbbfae9a7388a', class: {
+        return (h("div", { key: '2a938e5178a3222ad9c8634e48ba3144f3cc0b7f', class: {
                 'gux-stepper': true,
                 [`gux-stepper-${this.orientation}`]: true
-            } }, h("slot", { key: '1ca491c49db937ce7304aa356ce9a87f4e991d05', onSlotchange: this.onSlotChange.bind(this) })));
+            } }, h("slot", { key: '75176e0940873da6a3e2ccbf9707fc558922c7c4', onSlotchange: this.onSlotChange.bind(this) })));
     }
     static get is() { return "gux-stepper-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time/gux-time.js

@@ -43,7 +43,7 @@ export class GuxTime {
         }
     }
     render() {
-        return (h(Host, { key: '9b54baeed4a771a9d7087bfb706df021b678fd91' }, this.renderTime()));
+        return (h(Host, { key: '681106a09fd6512233558bd2dd30c117918e7cd2' }, this.renderTime()));
     }
     static get is() { return "gux-time-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time-zone/gux-time-zone.js

@@ -25,7 +25,7 @@ export class GuxTimeZoneBeta {
         this.i18n = await buildI18nForComponent(this.root, translationResources, 'gux-time-zone-picker');
     }
     render() {
-        return (h(Host, { key: '66ab6ba4e408e40e6ba45e81cd28dabde18553fc' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '28aa7c35bafb94c6d267e0ca091f5066886216b1' }, this.renderZoneDisplay()));
     }
     static get is() { return "gux-time-zone-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.js

@@ -143,11 +143,11 @@ export class GuxTimeZonePickerBeta {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: 'ac35b4682f2da8bed8597989ba3457f7e140996a', class: {
+        return (h("gux-dropdown", { key: '25dcfeaeb71fcc329edd22da36b60d28a088cba7', class: {
                 'has-defaults': !!this.workspaceDefault ||
                     !!this.localDefault ||
                     !!this.customDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '4d1f86e01df42cd76d2daada38c020cde66a1c42', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '94f57f8a9e68a47e20ecff90dd5464aed492bf71', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     static get is() { return "gux-time-zone-picker-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.js

@@ -172,10 +172,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '88054f3630017f554bf5e489e53d05e327fcb3a9', 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: 'b2e00161678393d29975763fc0ab1bdcd0b04603', class: {
+        return (h(Host, { key: '4d5a22501cdb392cbc7c00107d3ebf819db9ce7e', 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: '1db1bbe0552126167b41a413c6ff338e0b2ca816', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '472d4a4206212bbe4c7fc9257c5844a292fc8103', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: '7fd177dc5b4b77b357829d5a53ea00d119fb6f18', name: "content" }))));
     }
     static get is() { return "gux-tooltip-base-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-beta/gux-tooltip.js

@@ -76,7 +76,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: 'e4ab684c5f46d7267478fc50cc8c8bb94a066aa5', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '8e7031e5c5eb82f2f7eff45305d6a8d51f3f10f0', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '7aa5a7dba44a31b5685838b464ec04095bd74242', slot: "content" }, h("slot", { key: '7288d74066e38f4ce1cc0a67bc1e0838b734bdb0', name: "content" }, h("slot", { key: 'e3c5677d3264e6304871de3061f18f12b399a305' }))))));
+        return (h(Host, { key: '32b27013fb92eca798d34c559fe3f24497688951', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'bc04ba2304375035917acf590c36b577289d6e9e', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '3e4114f18b8613852e050e04ab9639e904e378be', slot: "content" }, h("slot", { key: '3f240f92a138ecf0b6cf1ad5f2f1a16873d83a20', name: "content" }, h("slot", { key: '1908dcd7709f0757bbd3c9ce58cecf736e8ce412' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-pointer-beta/gux-tooltip-pointer.js

@@ -73,7 +73,7 @@ export class GuxTooltipPointer {
         }
     }
     render() {
-        return (h(Host, { key: '41ef842585315b652ac58737455b390d80694d55', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '2cae5050ccdc4cf555ca26d5a2cb988b1f62d315', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, h("span", { key: '05df1465c8bb9361faac8c17794a41b0f798f6d5', slot: "content" }, h("slot", { key: '6698c7caf4f5b15be0e1376e77b3e1eb8de13aa0', name: "content" }, h("slot", { key: '3a9c1ca21ec6bec362e48b16ee2c0cada6cd1d81' }))))));
+        return (h(Host, { key: '83d7e0b59f1d5006fccf1c90b08e2b6432197d87', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'c156d70e5e185b6261e09dac89ffbda0dd306e22', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, h("span", { key: '9058bde6230a2c203af02c68ccff93c5759e8a3e', slot: "content" }, h("slot", { key: '65f5b4f80bb09fda3e39cea68a7c6dfc6c83ca13', name: "content" }, h("slot", { key: 'e69909e58855efe46d322b00146ae813d3bebf5f' }))))));
     }
     static get is() { return "gux-tooltip-pointer-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree/gux-branch/gux-branch.js

@@ -47,7 +47,7 @@ export class GuxBranch {
         }
     }
     render() {
-        return (h("div", { key: 'c5838efca970c8f8613fcaed609437208f8cb0b0', class: {
+        return (h("div", { key: '8495b8d18c01964daf9de438e98e1eba5fbefb66', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
@@ -55,7 +55,7 @@ export class GuxBranch {
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected,
                 'gux-child-selected': hasChildSelected(this.root)
-            } }, h("div", { key: '34d0870f04e51b6e2a8bb7bd5a04d1baceff1c8a', class: "gux-node" }, h("div", { key: '837bee78cf54a3cd0108ffcaa2d04db37e39d93e', class: "gux-selected-bookmark" }), h("div", { key: 'a0e69ccda33062fa73d36d07269b7b36aae3ed51', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: '4d5c2f15a6b34b073cd6a23eae347a89675273dd', class: "gux-selection-target" }, h("div", { key: '8566f133b89a7ab52283864d19fcaa852d4b004b', class: "gux-icon" }, h("slot", { key: 'ae9109a5497c3f0c1671a731872c5f4a3c90db4b', name: "icon" })), h("div", { key: '18dd6f151e987c70acdd20126491d62454cdf79c', class: "gux-label" }, h("slot", { key: '1ff002684e4a14e0b640f853b7dd5d87f2a887df', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: 'a9a7136a3e5c8880cf76400903c25f8557263836', role: "group", class: "gux-treeitems" }, h("slot", { key: '801166439cf9d421012b84c87cf7070b00353bca' }))));
+            } }, h("div", { key: '0e6ac1dd3332a7cc327543f23579870bc75bee7b', class: "gux-node" }, h("div", { key: 'a7b50e461b22193b4933a8a17b2c6184205ea32a', class: "gux-selected-bookmark" }), h("div", { key: '762c52f64a879099eda9336a2b9677c68ee9dd55', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: '9f6b28c4a69df4eb335cd3422eba469e2d480505', class: "gux-selection-target" }, h("div", { key: '6331ff2f4699847f2daddd28a2fe708316675807', class: "gux-icon" }, h("slot", { key: '9f4a41c2c7265445ee2442f46861adca21cff4ac', name: "icon" })), h("div", { key: 'f9f48c129242357a9370e5302d3e1a5978b0a1c5', class: "gux-label" }, h("slot", { key: '93f630e670acc6ca7a65e813c7dbf5dc237a7698', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: '3dd29b585c3bf410f0cd6d6fa12734582518a6f4', role: "group", class: "gux-treeitems" }, h("slot", { key: '228ac26233bf12de6bce13fc3526ea0035b3f945' }))));
     }
     static get is() { return "gux-branch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree/gux-leaf/gux-leaf.js

@@ -39,13 +39,13 @@ export class GuxLeaf {
         this.root.setAttribute('aria-selected', String(this.selected));
     }
     render() {
-        return (h("div", { key: 'd5f449dcbdcaf63021a12ac16cd8fc5532210379', class: {
+        return (h("div", { key: 'a73a484e7901bb328d18e42a346a0d8818f35fc5', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected
-            } }, h("div", { key: 'b1f5498554c9e4cfcd8c814068b95de0fd84785d', class: "gux-node" }, h("div", { key: 'f54aa0dfb4fb6feaf4f99027348945f5d62f4c7b', class: "gux-selected-bookmark" }), h("div", { key: 'cebfc31aefdc24c1eb89509f0a90dc5cd08e39f4', class: "gux-tree-item" }, h("div", { key: '082377a0e61ed4f041efc506d4b5c4e421af5c16', class: "gux-selection-target" }, h("div", { key: 'dc429709631382f8a3cb5e89e5d7ada02042cd24', class: "gux-icon" }, h("slot", { key: '0704ae2ba0cb555e8ba4eda53f67dfeee4e63001', name: "icon" })), h("div", { key: '4a9f347b8002366cdc5aced5b0f1f364fc953e1c', class: "gux-label" }, h("slot", { key: '7fe216a987d45a70284ecb3633f7e24e5759f3e8', name: "label" })))))));
+            } }, h("div", { key: '709ba4dd13021b36ee827acab28dbee3e2de6cae', class: "gux-node" }, h("div", { key: '065a31a83d934136e08273941a303ba7f9500122', class: "gux-selected-bookmark" }), h("div", { key: 'ae1ca5a63c30b910dbd89bb9f03d8098f2aa0834', class: "gux-tree-item" }, h("div", { key: 'e09d95a96c38ab161469f000255f398770afd5c3', class: "gux-selection-target" }, h("div", { key: '6c4d0788e2bdb1738ad28898d34bd1dbc94bdf4a', class: "gux-icon" }, h("slot", { key: 'c94921c25491c46c1733c5be746393cbcf9fb350', name: "icon" })), h("div", { key: 'bdea7f384594f7455903a7a0c1db5e32a892a58d', class: "gux-label" }, h("slot", { key: 'dd6c54e0a6692930322963546866dfca37466440', name: "label" })))))));
     }
     static get is() { return "gux-leaf"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree/gux-tree.js

@@ -155,10 +155,10 @@ export class GuxTree {
         forceUpdate(this.root);
     }
     render() {
-        return (h(Host, { key: 'f79f2012fe59d1385d3c95aa4090f7eba25b54db', class: {
+        return (h(Host, { key: 'ef1538aea6e89b3fccef44b03a9f56d59ea0a02e', class: {
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end'
-            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'bc69fb39076041238ecbcdebf08bb05c5097c55e', onSlotchange: () => this.onDefaultSlotchange() })));
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '5aee7518c13aac001b1ff5db910167327779cdf3', onSlotchange: () => this.onDefaultSlotchange() })));
     }
     static get is() { return "gux-tree-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree-multi/gux-branch-multi/gux-branch-multi.css

@@ -59,6 +59,62 @@
   display: flex;
   align-items: center;
 }
+.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox] {
+  display: inline-grid;
+  inline-size: var(--gse-ui-checkbox-icon-width);
+  block-size: var(--gse-ui-checkbox-icon-height);
+  margin: 0;
+  vertical-align: middle;
+  text-align: center;
+  -webkit-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  outline: none;
+  border: 0;
+}
+.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]::before {
+  grid-area: 1/1;
+  content: "";
+  border-radius: 15%;
+}
+.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:focus-visible {
+  outline: var(--gse-ui-checkbox-focus-border-width) var(--gse-ui-checkbox-focus-border-style) var(--gse-ui-checkbox-focus-border-color);
+  outline-offset: var(--gse-ui-checkbox-focus-offset);
+  border-radius: var(--gse-ui-checkbox-focus-borderRadiusSmall);
+}
+.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:not(:checked)::before {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E");
+  background: var(--gse-ui-checkbox-icon-default-unselectedForegroundColor);
+}
+.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:not(:checked):not(:disabled):not(:indeterminate):hover::before {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E");
+  background: var(--gse-ui-checkbox-icon-hover-foregroundColor);
+}
+.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:checked::before {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E");
+  background: var(--gse-ui-checkbox-icon-default-selectedForegroundColor);
+}
+.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:checked:not(:disabled):hover::before {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E");
+  background: var(--gse-ui-checkbox-icon-hover-foregroundColor);
+}
+.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:indeterminate::before {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z'/%3E%3C/svg%3E");
+  background: var(--gse-ui-checkbox-icon-default-selectedForegroundColor);
+}
+.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:not(:disabled):indeterminate:hover::before {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z' /%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z' /%3E%3C/svg%3E");
+  background: var(--gse-ui-checkbox-icon-hover-foregroundColor);
+}
+.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:disabled::before {
+  cursor: not-allowed;
+}
 .gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-icon {
   display: flex;
   align-items: center;

package/dist/collection/components/beta/gux-tree-multi/gux-branch-multi/gux-branch-multi.js

@@ -50,7 +50,7 @@ export class GuxBranchMulti {
         }
     }
     render() {
-        return (h("div", { key: '6c0d16b38f373008ef2abde1227a05652699563e', class: {
+        return (h("div", { key: '2e62493a9728204109478bdf821f5ed08bfa7cc9', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
@@ -58,11 +58,11 @@ export class GuxBranchMulti {
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected,
                 'gux-child-selected': hasChildSelected(this.root)
-            } }, h("div", { key: '87af2ae4151173c205651a99e1d27ec0095b2960', class: "gux-node" }, h("div", { key: '17b5f2a29502b5292ddbe5430333455262f74a15', class: "gux-selected-bookmark" }), h("div", { key: '9a307a118759b4e9d8b97f202946511d6312c7d2', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: '0b78228a429bc27e12934f359c757b934d605b88', class: "gux-selection-target" }, h("div", { key: '6fc05218bf182f36f84a87b1dd6c429937c33e18', class: "gux-checkbox-container" }, h("input", { key: '0f556ec82353e71db1f455c89867eba3312c6f15', type: "checkbox", tabIndex: -1, checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId, ref: el => {
+            } }, h("div", { key: 'fd6bc1e4ecdf817fa09c4e80f9585fda45e5cbb4', class: "gux-node" }, h("div", { key: '3ffca9659ffff1d5bae2ea226f35728fe6ae9ff6', class: "gux-selected-bookmark" }), h("div", { key: '310f73e2390e77d738e3329ff084bdd86969dd9e', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: 'eefc2630f141932e8c2edd16e02fa4256570b35e', class: "gux-selection-target" }, h("div", { key: 'e6af0d7570d7688f0fa6d8458e244e8ba34b3e93', class: "gux-checkbox-container" }, h("input", { key: 'ef3665b4d564e3e0fd5d0354f1f6ead5fa6f89a9', type: "checkbox", tabIndex: -1, checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId, ref: el => {
                 if (el) {
                     el.indeterminate = this.indeterminate;
                 }
-            } })), h("div", { key: '2a0d97829643e3202f8e8d529c704f54e7a3129d', class: "gux-icon" }, h("slot", { key: '470206dbcf877b14a9ca2ef3d314b8072e696959', name: "icon" })), h("div", { key: '00b3e2d1f7da5d2e34a9686dd86a76188237d673', class: "gux-label", id: this.labelId }, h("slot", { key: '7d1807eda734df8a29890453480c13a1c5a08fd2', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: '6d7154075aecb2f45a6547a5850c447781de10eb', role: "group", class: "gux-treeitems" }, h("slot", { key: 'b2689dcb341ff2353968b1a7bc4b1a63a0d54da6' }))));
+            } })), h("div", { key: '8716a9571318513cec35b4cd11980b22b06b0323', class: "gux-icon" }, h("slot", { key: '5553a9105c107201d9ab371c66ff0b946d35efa4', name: "icon" })), h("div", { key: '817a981e28c088a5244896bcbc3b93950e911e28', class: "gux-label", id: this.labelId }, h("slot", { key: 'e98db4e9eb00e2904011f3fb7f31ef7cb4d7bbb6', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: '1b6ae64ed88fb5aed740b947936680155b986ede', role: "group", class: "gux-treeitems" }, h("slot", { key: '086f39bd3ebfa8e396540b8570f3729072a5eddd' }))));
     }
     static get is() { return "gux-branch-multi"; }
     static get encapsulation() { return "shadow"; }