genesys-spark-components 4.105.5 → 4.107.0

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

@@ -127,10 +127,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '1b02a01f621c02ead2e7e7f50f7dc8ff4075da8c', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '4365357f070d653d27906fd322bb10613f5eda61', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'b7e1b6a96eab5bdf499f09f5bba7a2b879755eaa', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'c6b2b9666fa5bb0960a8deec40d9ad3a23d449ae', onClick: this.dismiss.bind(this) })), h("div", { key: '4ec65a1e7c0e8eaa149abaeb6e9afae5e3306337', class: "gux-popover-content" }, h("slot", { key: '430a10c1a7007e442f854dbcfbce8160046c0bd0' }))));
+            }, "data-placement": true }, h("div", { key: 'a52166eb4517ce70b4b58a2bbf4eeec549a1b5a2', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '6989f4b125db15a9fed242a3e5cd17ecbceaf6dd', onClick: this.dismiss.bind(this) })), h("div", { key: 'a27b7bc15dffeff356853d8d167b737133c289e8', class: "gux-popover-content" }, h("slot", { key: 'bfc8cfc0f9f8555c8383ba64f149e67006f7843b' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -103,13 +103,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '0f088e297f3f94a7391aad49bdd07f6aec47dade', class: {
+        return (h("div", { key: 'e65eba8bf2ea21b2c75e5d7219e8d4ce847f14cf', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'dae472fe22e9774dd5e6c859fbe20388340ca935', name: "target" }), h("div", { key: '301bf56aef78a42ef8edb98696b03facf445fb5b', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '10a5ee61912e0f0155e566fa0d8a71b8dc673958', name: "target" }), h("div", { key: 'f45ed6fe78f16164e6141fedd8b0dd59878cf3fa', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'b369d17d7fc08f60c4452812cfb3959a91c6ccaf', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '04965afccbb522397d745370c3c83fa3b20c8e9b', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js

@@ -13,7 +13,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: 'a717d08f30176cd1face7f2a96a8bc82d3e7b2f8', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '16fb3b949cb308eb7f78ec2cfeccb490af187593', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-rating/gux-rating.css

@@ -5,7 +5,7 @@
 }
 
 :host(:host:focus-visible) {
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-sm-borderWidth);
+  outline: var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
   box-shadow: 0 0 0 1px var(--gse-semantic-border-focus);
 }

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

@@ -46,10 +46,12 @@ export class GuxRating {
         const increment = this.increment === 'half' ? 0.5 : 1;
         switch (event.key) {
             case 'ArrowUp':
+            case 'ArrowRight':
                 event.preventDefault();
                 this.updateRatingValue(this.value + increment);
                 break;
             case 'ArrowDown':
+            case 'ArrowLeft':
                 event.preventDefault();
                 this.updateRatingValue(this.value - increment);
                 break;
@@ -99,7 +101,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: '45411c1655a6a9732c340ac435bd006971b21445', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '0bc889c9cfd3275304c20f296925f147074e05c4', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '7a1f7dd943fd797480d21133fe1ee6237dfc257e', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'fe8a2ceb34c2d514f7ecffd0e1d3c8675aee515d', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.css

@@ -19,6 +19,5 @@
 ::slotted(a) {
   padding: 12px;
   font-size: 2rem;
-  background-color: #fdfdfd;
-  box-shadow: 0 8px 24px rgba(32, 41, 55, 0.4), 0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff !important;
+  background-color: var(--gse-semantic-background-container-elevated-default);
 }

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: 'a8b0b7347eac62652b13c9338888aab1d7894252', role: "listitem" }, h("slot", { key: '3f62e9008a9a40e9a83c84c6ff950dcbc71e4d0e' })));
+        return (h(Host, { key: '4c569b814e1470c5a145fc2b9cca20eaf2c1c474', role: "listitem" }, h("slot", { key: '1b15955f2536eaa0f81cab121f9e8389e0fd5f76' })));
     }
     static get is() { return "gux-skip-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js

@@ -11,7 +11,7 @@ export class GuxSkipNavigationList {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '4df452a56a43d87e1cf8838f45c48b270db5b9a1', class: "gux-container" }, h("nav", { key: 'fc919e9b56aa696dea3e788ecd0623cfe2281bb6', "aria-label": this.i18n('navigationName') }, h("ul", { key: '260e45a4936e39e5b5ad81f27fd66379f34e850f', role: "list" }, h("slot", { key: '8d8e2ccdd9dfd4e862a2ba2a71137add4bb903fe' })))));
+        return (h("div", { key: '31931a8040491d2c6f3c8acd48c7a7add61d857f', class: "gux-container" }, h("nav", { key: '44ce55d65c249095ce584f65e02d8326679f4914', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'fc59ff19be768f050705c3c075566b32b9cff739', role: "list" }, h("slot", { key: 'fd96890a121c2b4a794218f8c9611af8e8ae337c' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js

@@ -21,7 +21,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'c4e269cd3579565284459c8b82e9793df82ae29d', "label-position": "screenreader" }, h("input", { key: '51d8425d13e2a1ef32b54b176289f2a4810068ad', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '239ef098196ee3dd913cf7646d8e7e861e3850cd', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'ac742186ebb01ac26aa96ab223a1ad4d05da5339' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '9527ac12fa56ef035090780da02a95b6b8d995af', "label-position": "screenreader" }, h("input", { key: 'd1579fadeafb91de20cc85ab8e5528e1ed3ce76f', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '6ea24ec3968512f8567496263601aef0878e0472', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'fe64f6961a3389ae6bd373675d7c46df047f5bb6' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js

@@ -17,9 +17,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '38c8474f7763fc8dbcc30dc588e72d7b32830cfd', "label-position": "screenreader" }, h("input", { key: 'c493923b686215553042a195dee749419adeb9cd', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: 'e836557f8303129e6af297a2e4b598904ed65a0e', "label-position": "screenreader" }, h("input", { key: '5ff939cbc67dbe20fccda16fea8f365fffa8db97', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '074583a60849a9304cb846cde86dc60c167fe474', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '6cb20a25161faac32069f88b4548b97d9fb5152e' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'a79253c85bf20d6be1c89b1731a5a97b24b41b2e', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '6768940db155d7faa1e986a8184a0d6eeddd4d76' }, this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-sort-control/gux-sort-control.js

@@ -98,13 +98,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: 'b5c31b76f0650c99660b82ba7e138c2ffe73d862', class: "gux-container" }, h("button", { key: 'ddc6555222b297512fa7fcbf56dd84ba3606b5e7', class: {
+        return (h("div", { key: '40e7c8d9a0d796d49f79e8dd7782f506a00e9e19', class: "gux-container" }, h("button", { key: '82380f87e757ffb8c92dabf3739fe672ab9e0e7a', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'de397bdbc0d505b29c5d4d2be63055230acb013e', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '11ed94c01a3550ce69702331176486410855afe7', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'ba4556d977a969d7b07e362373a020b8614b1bb8', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'cfee77d16c9deaf5bd9b355d4bb6605a9213eebd', class: "gux-resize-spacer" })));
     }
     static get is() { return "gux-sort-control"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.css

@@ -14,7 +14,7 @@ gux-table-select-menu .gux-select-menu-button {
   outline: none;
 }
 gux-table-select-menu .gux-select-menu-button:focus-visible {
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
+  outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
   border-radius: 4px;
 }

package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.js

@@ -71,7 +71,7 @@ export class GuxTableSelectMenu {
         }
     }
     render() {
-        return (h(Host, { key: '3f4d7e868f6a8c79db8a9baddd072b0424663356' }, h("slot", { key: 'd6ef0b0c3d0eb34dfb8af308d4623d327a202415' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '36e45655124ad5181deebfe2d69f2bd45893fed5' }, h("slot", { key: '2a789499b35d98ac6cabf4903a122438ac3317c8' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -272,7 +272,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: 'eb7fe9521f9e980139a44a3e1f8ebb4b9d554cc2', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '3678531ddfd123bf13c2284f7aaa3948338950ee', class: "gux-table" }, h("div", { key: '38d498934df223a47a9d980da668ecbfd10ea24a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'a4fdb9e26639db15ceb437fb9d8194d678cad5e0', name: "data" })), this.isTableEmpty && (h("div", { key: '96e8c611234824b2a71fbaa930ac79de3d70e1ff', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '35ec04bb5f0ed99b242f84ddf520a418697b3ad8', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '5762b1aec939992952238cdc844845810db3f1ae', class: "gux-table" }, h("div", { key: '95e5ecc4c0a6b4b7daf32d9ebefe26e71a5b43b4', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '8e1a9195c504376ff72ecc24f715aa2c9dc97b9c', name: "data" })), this.isTableEmpty && (h("div", { key: '8e8f61a16477b4435435f24f334a2bc383aae678', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-action/gux-table-toolbar-action.js

@@ -42,7 +42,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '6830802bdfce126b57a25648e880538ca05e7996', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '2b5c2092114ae9961fd2830475b589b6487c300d', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'c673ad3b9d26f558d449e77041b414fecdeefc5f', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '68ec869bd5e0bb808aa673b8c25f06f3f050ae9c', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '2885c17ccaa33b83c2d22f0a36e121301d53d5d8', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'd1b739e412e328287fae60906c687d08018e304e', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     static get is() { return "gux-table-toolbar-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-custom-action/gux-table-toolbar-custom-action.js

@@ -32,7 +32,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: '947b0bf7004cda17bf7fc166c0e4d7e18ab1bc73', accent: this.accent }, h("button", { key: 'f758053d0b61f7504363d801926b1d377ca310a5', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '3d534a9bbe7153ae555354bcbea827c252c93d62', name: "icon" }), h("span", { key: 'eb4e7bc37979b1274ad8c2e4ad481bc95b825d0f', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '23b4480765d22ceddbe30c56d4ff388f56108265', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '8842302d3fca3bb95d920b4dbeb63baf67bdf831', accent: this.accent }, h("button", { key: '01c43eca69bfaf3c1fd255259ef4dfc6c3ef1289', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '11d6ad2e9dada313f4b8965c700f5edad71f9c33', name: "icon" }), h("span", { key: '761958415c4fc7faab7717a8cd202789f7ff1c32', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'a9b2577294a63c65fbc05f36c3b63fb625e4c983', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-table-toolbar-custom-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.js

@@ -84,7 +84,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'e984a1b9744d3a16e1a9ed107ffdfeaee98f657c', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '5c15d6c2d50bb79a24e674ffb313bcdf3e878d50', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '483109bdfbe2c9a640b1854c416a696eb1e570be', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '4069777ed1d76c712af2561473cfbc121ddd9ebd', accent: "secondary" }, h("button", { key: '3c5d473f1bbbf77dd44ff19b61260a195fc9dc91', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: 'c74a764ea5f8adc9419e7d2472ef4a3690100a9f', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '293d55465c6d86655e07fc6dde74ab28485471ab', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f51e2b795f2af232e5881cdeb1eef639fefd258b', ref: el => (this.listElement = el) }, h("slot", { key: 'e18707fe8fe972247441eda1e665f84812eec6ef' }))))));
+        return (h(Host, { key: 'd44f35a8061400c7421f7014d426487b9e4e3fd8', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '48df5f61abcd383d93c3383b7bd3058308d36b11', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '201adf26646243e1165e416a71a2a6c49f6fec41', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '9d2dec965f058c92b2402491feacf014a3b257fe', accent: "secondary" }, h("button", { key: '76d4778662f599c1eaca6a41fe589a3b117d65c9', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: 'f782db31fe4cb4c5597e4006b632928516be10a9', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '314b9664aa90b37f4f920cd87b849c2f635ae81a', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '23624778ef6cc94a83c9022d48930411f42ff940', ref: el => (this.listElement = el) }, h("slot", { key: '6912ab26092ecbad8ed3090f95f91934d46b7775' }))))));
     }
     static get is() { return "gux-table-toolbar-menu-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar.js

@@ -195,9 +195,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'cdf6cdb9559028d68287d2e4be1a6d0012763b14', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '913ae1732e646235b24e815b5a509652f0cc3d9a', class: "search-filter-container" }, h("slot", { key: 'b70a609b3ae29e261376cbbdda679b8988c9cf26', name: "search-and-filter" })), h("div", { key: '73f5d14e816c9b280ac6c82c24999cb0a27c87cd', class: "section-spacing" }), h("div", { key: 'cd352d748597f1a912ade7e599e489652c8223d4', class: "gux-contextual-permanent-primary" }, h("div", { key: 'c28bf3b3f6e5a0d2a54b38771e79884e6f221f86', class: {
+        return (h(Host, { key: '90e6b05bd2fc44dd175abf44ee1594299f643e6b', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'a1b3097240efe4bf8a585f663c23bb708d9eba5e', class: "search-filter-container" }, h("slot", { key: '26122433319c76e58c6b3a067d740f42864f52db', name: "search-and-filter" })), h("div", { key: '011a0848bb53b01ebca18b04617abe157a250225', class: "section-spacing" }), h("div", { key: 'd7246e4623ad9b6d85b93b7d775ad21212bbd57f', class: "gux-contextual-permanent-primary" }, h("div", { key: 'ffaa4b9bf551bb97f96b42860a64abf77f45039a', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'ab3ca29628288d1247a28d54304e8ac8d15063de', name: "contextual-actions" })), h("div", { key: '422a9ca52fe3d0376e6518e27c3d1935395cf703', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '8447689c63d4af97f5f1785ce94f29e2a52c1541', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '601dfa4acfcaa684dae9d5ab90a7f69bf2670109', "show-menu": this.renderMenu() }, h("slot", { key: 'e5306eaf197d86e15f42c833e44026cd0fa55689', name: "menu-actions" })), h("slot", { key: '9c3d1e013e775b7f8e224a7529630d1779e2c899', name: "primary-action" })))));
+            } }, h("slot", { key: 'ba833b4d9c6e9c8f99b2ad04d8e757189f82ab7b', name: "contextual-actions" })), h("div", { key: '7deb6e6eafed9cd247eb067a2d2b90ddeb5995e3', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '080735f6e0183ecffac462bf3180b07880f708fb', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'd9f58e1da5ba2d70575483bbf5df383e5dfcdc5b', "show-menu": this.renderMenu() }, h("slot", { key: '30872beb8a0ba25597e753a1419417a5baa36086', name: "menu-actions" })), h("slot", { key: '1b32d6d6cd11e80d59fab44d7c7bb27b2284a7a1', name: "primary-action" })))));
     }
     static get is() { return "gux-table-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tabs/gux-tab/gux-tab.js

@@ -34,11 +34,11 @@ export class GuxTab {
         return this.active;
     }
     render() {
-        return (h("button", { key: '5e43ebbc5a71624336d5a794982f26bcb51e2af2', class: {
+        return (h("button", { key: 'aa3bcc806dfa47bf474cee961b5f2277951807c4', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '305915143f8e6be69dbb0268deeaccc8026101f2', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '8f7aa3b5a1345a470c935b25b6881355d18c47fb' }, h("slot", { key: 'b30fe19758c40a8be168f239a78d36b72ffe6999' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'c3d599184164cdf77815073d05c92b5604368dc9', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '6a31596ec74a12ed9a8caa1d1067baa2323110fb' }, h("slot", { key: '5732f8fd528af4ab78a91d6c2adec0a36b89dd45' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.css

@@ -53,32 +53,18 @@ gux-tabs .gux-scrollable-section::-webkit-scrollbar {
   block-size: 0;
 }
 gux-tabs .gux-scroll-button-container {
-  display: flex;
-  border-radius: 4px;
-}
-gux-tabs .gux-scroll-button-container .gux-scroll-button {
   display: flex;
   align-items: center;
   justify-content: center;
-  inline-size: 28px;
-  block-size: 40px;
-  color: #202937;
-  cursor: pointer;
-  background-color: #e2e6ee;
-  border: none;
-  border-radius: 4px;
-}
-gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon {
-  inline-size: 16px;
-  block-size: 16px;
-}
-gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled) {
-  background-color: #d7dce5;
+  block-size: 100%;
+  background-color: var(--gse-ui-advancedTabs-set-backgroundColor);
+  border-radius: var(--gse-ui-button-borderRadius);
 }
-gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled) {
-  background-color: #d2d8e5;
+gux-tabs .gux-scroll-button-container gux-button-slot {
+  block-size: 100%;
 }
-gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled {
-  cursor: default;
-  opacity: 0.5;
+gux-tabs .gux-scroll-button-container button {
+  display: flex;
+  align-items: center;
+  block-size: 100%;
 }

package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.js

@@ -263,14 +263,14 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: 'cf5c63030572f78864494854583ee9bd19f0a870', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '953964238ed13c0293b02c88941c2a5e7e78b747', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '5c574060a3edb332b9ffa3a7113f539432e2fa95', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'f9a2be9ad993fbc8715700a5171e11329616fb29' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '68a4036f630f927d034e713232637135376a0abf', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'ce98ee72a659cd2fef333c0d23c3b33c02270509' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }
     renderScrollButton(direction) {
-        return (h("div", { class: "gux-scroll-button-container" }, this.hasHorizontalScrollbar || this.hasVerticalScrollbar ? (h("button", { disabled: this.getButtonDisabled(direction), tabindex: "-1", title: this.i18n(direction), "aria-label": this.i18n(direction), class: "gux-scroll-button", onClick: () => this.getScrollDirection(direction) }, h("gux-icon", { "icon-name": this.getChevronIconName(direction), decorative: true }))) : null));
+        return (h("div", { class: "gux-scroll-button-container" }, this.hasHorizontalScrollbar || this.hasVerticalScrollbar ? (h("gux-button-slot", { accent: "ghost", "icon-only": true }, h("button", { class: "gux-scroll-button", disabled: this.getButtonDisabled(direction), tabindex: "-1", title: this.i18n(direction), "aria-label": this.i18n(direction), onClick: () => this.getScrollDirection(direction) }, h("gux-icon", { "icon-name": this.getChevronIconName(direction), decorative: true, size: "small" })))) : null));
     }
     getButtonDisabled(direction) {
         switch (direction) {

package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.css

@@ -11,6 +11,6 @@
 }
 
 :host(:focus-visible) {
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
+  outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }

package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.js

@@ -17,7 +17,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: 'cdefa69dbe35c2153d09dbb5271032f1a1b89144', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '5f3eef976ce660910e09cc8830afef18345e7bec' })));
+        return (h(Host, { key: '72fce9122c2e3193c039fd3285b866b2094c8fda', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '1da2e1c1701bba8e787fb03555c2be62dba480e1' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '8c7764cf7749e407c905684fab751f728d824af2' }, h("div", { key: '468012a6b290efb6c5019a7a65d4f633d17c5fb9', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '7e758ef8aed9fb617e66d3d15aeebe0dcad6d79f', name: "tab-list" }), h("div", { key: '1e9ec38f8547d5fe0dcbdf6852baeaf4035ae06a', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '92647aa7631aa42fbe9e4b5db632ef55fcabf878', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: 'e3c9253e4bdca6a7da95a8d58d61c146122e96cb' }, h("div", { key: '60a257e714c5a70f87bfa8bc4c6993ed87872e25', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '55b69debad17a969c5b09fee55e05eaa79b2bec0', name: "tab-list" }), h("div", { key: '05ab057d70188511a0213d16e205f69c079a2c07', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '192f35b83f6afb00d9c637cdd7cdd2da510b063e', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     static get is() { return "gux-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced/gux-tab-advanced.css

@@ -22,7 +22,7 @@ gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button {
   padding: var(--gse-ui-advancedTabs-item-padding);
 }
 gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button:focus-visible {
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
+  outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
   border-radius: var(--gse-ui-advancedTabs-item-focus-borderRadius);
   outline-offset: calc(-1 * var(--gse-semantic-focusOutline-md-borderWidth));

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced/gux-tab-advanced.js

@@ -152,12 +152,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: '0cd834e55915955c37413d580f453db7db786b98', class: {
+            h("div", { key: 'c6cbf59b60814f0c870518a6ad2458722da72ecb', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'c44e08fe5b29f2721db1a50cd732201d4698e121', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '5da8e563bf45405cf0735629474ef3345ce35e01', class: "gux-divider" }))
+                } }, h("div", { key: '6e8c619352d7b0a9523c0dccc7b437c65fa94ec7', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '3f57085651a17804ad3534569649a0bddf27a78d', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.js

@@ -415,7 +415,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '768310fac97f197a936f489d2cd7b70b10edb678', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '9bc1ae9487ffe2cdbcee09dd27ad2b4f53450c61', class: "gux-scrollable-section" }, h("div", { key: '6a10f29e06b948ad82b9644285d5e08a1d2af8c0', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '6fd99216f3cf4214fcbc919b408afda63b26ec64' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: '85fa55bdd0d2c662ff8d4e85c92a1559be1a69b5', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '7740951efbb43141d9c7e53861cd66762ccdaf47', class: "gux-scrollable-section" }, h("div", { key: '5d35759735399f84ab690675a82b3aa41e627b87', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'cc2962d4ccf765b80ef58ba3a23786dcfa944c2a' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {
@@ -431,7 +431,7 @@ export class GuxTabAdvancedList {
                     : this.i18n('createNewTab') }))))) : null));
     }
     renderScrollButton(direction) {
-        return (h("div", null, this.hasScrollbar ? (h("gux-button-slot", { class: "gux-scroll-button", accent: "ghost" }, h("button", { tabindex: "-1", onDragOver: () => this.getScrollDirection(direction), onClick: () => this.getScrollDirection(direction) }, h("gux-icon", { "icon-name": this.getChevronIconName(direction), "screenreader-text": this.i18n(direction) })))) : null));
+        return (h("div", null, this.hasScrollbar ? (h("gux-button-slot", { class: "gux-scroll-button", accent: "ghost", "icon-only": true }, h("button", { tabindex: "-1", onDragOver: () => this.getScrollDirection(direction), onClick: () => this.getScrollDirection(direction) }, h("gux-icon", { "icon-name": this.getChevronIconName(direction), "screenreader-text": this.i18n(direction) })))) : null));
     }
     getScrollDirection(direction) {
         switch (direction) {

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.css

@@ -2,6 +2,6 @@ gux-tab-advanced-panel .gux-tabpanel:focus {
   outline: none;
 }
 gux-tab-advanced-panel .gux-tabpanel:focus-visible {
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
+  outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.js

@@ -17,7 +17,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: '2b72fd9865bf11a5a685f25ff2e6f55d23a80809', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: 'b37c5485ff2db950a49bfc2a8809ddf960d2fe95' })));
+        return (h("div", { key: '96062a242436b0a7abf2ecf45659c8f003817585', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: '369048ef2d4b849aa556415a3e705d7b43a7c1d7' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-tabs-advanced/gux-tabs-advanced.js

@@ -46,7 +46,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '6443625a55fbd1351809a2dd398cc03e4db167a9' }, h("slot", { key: 'bcd5a1a2e6b4a957192b7c03e2f8d6ddf5d3834c', name: "tab-list" }), h("slot", { key: 'c33661650600a13d1809b1f2451318dd5f87fd27', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: 'c1e6ee19ac93a85162e9acad397c8869ba5ebca1' }, h("slot", { key: 'e901abaf94cd806d792ac76a5952a1a0731c880f', name: "tab-list" }), h("slot", { key: '53eab40093c953f8b4642495c6cd5c50fbc030d6', onSlotchange: this.onSlotchange.bind(this) })));
     }
     static get is() { return "gux-tabs-advanced"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tag/gux-tag.css

@@ -29,13 +29,7 @@
 }
 .gux-tag.gux-disabled {
   position: relative;
-}
-.gux-tag.gux-disabled::before {
-  position: absolute;
-  inset: 0;
-  content: "";
-  background-color: #fff;
-  border-radius: var(--gse-ui-tag-borderRadius);
+  user-select: none;
   opacity: var(--gse-ui-tag-disabled-opacity);
 }
 .gux-tag gux-tooltip-title {

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

@@ -55,7 +55,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '78b1241f7578ed21f1ef24f0e668e86bad449fff', class: {
+        return (h("div", { key: 'eb8246953acb14c7ea8e35aff090a268c86ea6b5', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.css

@@ -27,7 +27,7 @@
   border-radius: var(--gse-ui-formControl-input-borderRadius);
 }
 .gux-time-picker .gux-input-time:focus-within {
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);
+  outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }
 .gux-time-picker .gux-input-time:hover:not(:disabled) {
@@ -40,6 +40,7 @@
   inline-size: 2ch;
   padding: 0;
   font-size: var(--gse-ui-formControl-label-text-fontSize);
+  color: var(--gse-ui-formControl-input-populatedColor);
   background-color: var(--gse-ui-formControl-input-backgroundColor);
   border: none;
   outline: none;
@@ -66,7 +67,7 @@
   outline: none;
 }
 .gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible {
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-sm-borderWidth);
+  outline: var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);
   border-radius: var(--gse-ui-timePicker-focusAmpm-borderRadius);
 }
 .gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem {
@@ -95,7 +96,7 @@
   cursor: pointer;
 }
 .gux-time-picker .gux-input-time .gux-clock-button:focus-visible {
-  outline: var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-sm-borderWidth);
+  outline: var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);
   border-radius: var(--gse-ui-timePicker-focusClock-borderRadius);
 }
 .gux-time-picker .gux-input-time .gux-clock-button gux-icon {

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js

@@ -215,7 +215,7 @@ export class GuxTimePicker {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: 'ba2438cd62eb971b9de79cdd9ace873707ec0930', class: {
+        return (h("gux-popup", { key: '6fd3adb8b8bc68c75b87900193c755ca2f7471af', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/collection/components/stable/gux-toast/gux-toast.css

@@ -65,12 +65,6 @@
 .gux-toast .gux-content .gux-buttons-bar {
   inline-size: 100%;
 }
-.gux-toast .gux-content .gux-buttons-bar ::slotted(a) {
-  font-family: var(--gse-ui-links-inLine-medium-underlinedText-fontFamily);
-  font-size: var(--gse-ui-links-inLine-medium-underlinedText-fontSize);
-  font-weight: var(--gse-ui-links-inLine-medium-underlinedText-fontWeight);
-  line-height: var(--gse-ui-links-inLine-medium-underlinedText-lineHeight);
-}
 .gux-toast.gux-toast-success {
   background-color: var(--gse-ui-toast-success-backgroundColor);
 }

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

@@ -37,15 +37,15 @@ export class GuxToast {
         }
     }
     renderLink() {
-        return (h("div", { class: "gux-buttons-bar" }, h("slot", { name: "link" })));
+        return (h("div", { class: "gux-buttons-bar" }, h("gux-link-beta", { standalone: true }, h("slot", { name: "link" }))));
     }
     renderActions() {
         return (h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (h("gux-button-slot", { slot: "secondary" }, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { slot: "primary" }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: '409e68e7880374608d5407293530c995b7cd94d4', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '6ecb7c64960e956a5405203eaddc95d91cce2811', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '146a0119d2f24e309b7a522d5e4dee78e4baef97', class: "gux-content" }, h("div", { key: '0395f0fdf48bce8e249bcef69878541f23e25cff', class: "gux-message" }, h("gux-truncate", { key: '538011a7529ba9f30267cfb31bd61087445da61c', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '8311add0b3d23daba64718c16e2cc8cae3e5e05b', name: "title" })), h("gux-truncate", { key: 'bc34032739cdd11d44ffeeb2a1aa4432a3ee3696', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '0549f85b46baccb009250413498e200dd167994a', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '4cbb638be86490a8cae7af44fc8003c8084d6586', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '11a15038f211253e92a091f0249bdbf88e32e23a', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '133af9c29aeaed36b3674b249a6d09f6b9b79f5f', class: "gux-content" }, h("div", { key: '9dfbf64582510b6fc749be442a05c26555c4b23a', class: "gux-message" }, h("gux-truncate", { key: '3573af7ae9df31dcdcef51b9d597003f705c6421', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '76b2c0c35f31c7cb60c20eb456b41d8e767459aa', name: "title" })), h("gux-truncate", { key: '984adc68998feddf8b40e724de20a8d1c34fb046', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '50f77c36bd246412048dd4c4c257548608d1d3bd', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '7a59ba537d6c4f65a6e1d3c7625bfd6e592ae821', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '9b926d6daa95f540350e0b8d6babc2d8fda9356b', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js

@@ -16,12 +16,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '234078e98c0188699f82726d04da50b91a05fdfe', class: {
+        return (h("div", { key: '447f953b906cae93cd75d67c2d4d2e1b74a33748', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '2c49c8e20fed2cb15384859f1d40f9a056010724', class: "gux-slider" }, h("div", { key: 'f54421068d2cbcd1d888aee191f65b6c027de8ab', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'db0ae5cc7c371b8584c3cc13578863daeba78637', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '930f2baeef615b5f6f865c07a8d0f59df6089bb6', class: "gux-slider" }, h("div", { key: '2771e5bdfbd6dde44e5c73c968b4b375e4932f98', class: "gux-switch" }, !isError && (h("gux-icon", { key: '074ce48b3b3d8d76bcbe43623756a13225a861ac', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {

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

@@ -67,11 +67,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: '4953db5fe9ecdda2e6282a891b5aec779d259fa9', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '719a7cd5d750106fb219626e1eb7abee3146940a', class: {
+        return (h(Host, { key: '31fa2f48555858bd2ff7135ad6f2b7e7479f7e3f', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'aa0cfa775d5f59a3ba22d4236a69d5ec5b7304d3', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '0e7a20416ba97d8be078af0444265e114ff24ec3', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '081069e6bdebf0ab1b9be30145103b4804b0e804', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '9ea345482efafcbd9c9470a4b94ca2fce17186a6', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: 'f322f48abb93099855447b57a88c2e8a1bc6a10b', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '5a4ac57a0c9bf57080cc6c89b49da0f79f190c94', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '3f86b90b815f507cda9862828afb7ade78fa4cdc', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }