genesys-spark-components 4.156.7 → 4.157.0

package/dist/cjs/{index-BTCF6ixv.js → index-D-imLRhv.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-vq75NpY4.js');
+var index = require('./index-BQrPK8Sl.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 
 /******************************************************************************

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-vq75NpY4.js');
+var index = require('./index-BQrPK8Sl.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/{on-click-outside-DHQC8rbc.js → on-click-outside-BzCp8ZxJ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-vq75NpY4.js');
+var index = require('./index-BQrPK8Sl.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{on-mutation-halXcemC.js → on-mutation-Cd2RsGV3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-vq75NpY4.js');
+var index = require('./index-BQrPK8Sl.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{on-resize-CXFCVGWF.js → on-resize-QXco5eCB.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-vq75NpY4.js');
+var index = require('./index-BQrPK8Sl.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{time-zone-B9cqwBjE.js → time-zone-Jr2qXWjO.js}

@@ -310,6 +310,7 @@ var translationResources = {
 	"America/Coral_Harbour": "America/Coral_Harbour",
 	"America/Cordoba": "America/Cordoba",
 	"America/Costa_Rica": "America/Costa_Rica",
+	"America/Coyhaique": "America/Coyhaique",
 	"America/Creston": "America/Creston",
 	"America/Cuiaba": "America/Cuiaba",
 	"America/Curacao": "America/Curacao",

package/dist/cjs/{usage-5ewaFHag.js → usage-DrxzyppV.js}

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

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

@@ -45,11 +45,11 @@ export class GuxAvatarGroupItem {
         }
     }
     render() {
-        return (h(Host, { key: 'cf25df58536d49968c106c3fe2e6e4d21f3fe370', role: "menuitem" }, h("button", { key: '504a212c665a293077800e0041fa2573f68e2e04', type: "button", "aria-label": this.name, tabIndex: -1, class: {
+        return (h(Host, { key: '16b06052216c2bd34a5b468e8f0d1b43ca5e14d6', role: "menuitem" }, h("button", { key: 'e84a7bb648979e04adcd2610f7eb40405c9e1d9a', type: "button", "aria-label": this.name, tabIndex: -1, class: {
                 'gux-avatar': true,
                 [getAvatarAccentClass(this.accent, this.name)]: true,
                 'gux-last-item': this.isLastItemInGroup()
-            } }, h("slot", { key: '0349e238b0662b93322fcbaa27854eb091b18ed9', name: "image" }, h("span", { key: '15751a75f778d2454c5b15b10db3ca62b82134eb', class: "gux-avatar-initials", "aria-hidden": "true" }, generateInitials(this.name))), h("gux-tooltip-beta", { key: '1ba8508d77ec25a50ec091f24ae380ae4bda9c4f', "aria-hidden": "true", "visual-only": true, placement: "top", ref: el => (this.tooltip = el) }, h("div", { key: '7d0d6ad2237d95bc4be7482420d0f1169e4d0314', slot: "content" }, this.name)))));
+            } }, h("slot", { key: '0f00f3593e9e2f888e208430261832d2c72fe7d3', name: "image" }, h("span", { key: '1a901e537a5347b121492d3dc60a9710ce98943c', class: "gux-avatar-initials", "aria-hidden": "true" }, generateInitials(this.name))), h("gux-tooltip-beta", { key: 'd25dcc843ef37b8b32d4f3f598dc9cf3ea60c6ff', "aria-hidden": "true", "visual-only": true, placement: "top", ref: el => (this.tooltip = el) }, h("div", { key: '934cf7c0cf8640032ff5d970b075d6bfc78be695', slot: "content" }, this.name)))));
     }
     static get is() { return "gux-avatar-group-item-beta"; }
     static get encapsulation() { return "shadow"; }
@@ -75,7 +75,7 @@ export class GuxAvatarGroupItem {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

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

@@ -77,7 +77,8 @@ export class GuxAvatarGroup {
         }
         const validTagNames = [
             'GUX-AVATAR-GROUP-ITEM-BETA',
-            'GUX-AVATAR-GROUP-ADD-ITEM-BETA'
+            'GUX-AVATAR-GROUP-ADD-ITEM-BETA',
+            'GUX-AVATAR-OVERFLOW-BETA'
         ];
         const invalidElements = childElements.some(el => !validTagNames.includes(el.tagName));
         if (invalidElements) {
@@ -107,7 +108,7 @@ export class GuxAvatarGroup {
         }
     }
     render() {
-        return (h(Host, { key: '4fb2cc50bd34d1c068ee37e93ebb623b353c095d', role: "menu", onClick: this.handleClick.bind(this) }, h("slot", { key: 'a2b3fa35f568e7c3f72c76484dfcd0bcdad9b225' }), this.renderOverflowMenu(), this.renderAddToGroup()));
+        return (h(Host, { key: 'caff2d754008cd36ad51558e76d5230b9cfd4168', role: "menu", onClick: this.handleClick.bind(this) }, h("slot", { key: 'a9a03fb8a3eb866785c032c0ca2037f1cc8a0833' }), this.renderOverflowMenu(), this.renderAddToGroup()));
     }
     static get is() { return "gux-avatar-group-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,9 +46,9 @@ export class GuxRichTextEditor {
     async componentWillLoad() {
         trackComponent(this.root);
         this.i18n = await buildI18nForComponent(this.root, translationResources);
+        this.hasToolbar = this.hasToolbarChildren();
     }
     componentDidLoad() {
-        this.hasToolbar = this.hasToolbarChildren();
         // This timeout is required to calculate the correct size of the containers when the component loads. By including a timeout of 1 second the containers calculate correctly.
         afterNextRenderTimeout(() => {
             this.checkResponsiveLayout();

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

@@ -32,7 +32,9 @@ export class GuxRichTextEditorList {
                 .find(el => el.tagName.toLowerCase() === 'gux-rich-highlight-list-item');
             if (firstHighlightItem) {
                 const buttonElement = firstHighlightItem.shadowRoot.querySelector('button');
-                buttonElement.tabIndex = 0;
+                if (buttonElement) {
+                    buttonElement.tabIndex = 0;
+                }
             }
         }
     }
@@ -77,7 +79,7 @@ export class GuxRichTextEditorList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: 'dcaebbf922cf039c160624d3302df8072c263886', role: "list" }, h("slot", { key: '54d82523fe3ac04394f7d2a7718015acec745c4c', onSlotchange: () => this.setListItems() })));
+        return (h(Host, { key: '6fdcb0ec440c4df7c43cd121eef4e1980d8a61fd', role: "list" }, h("slot", { key: '52e975452d0955e53c1476e826a2da43b70ffd2a', onSlotchange: () => this.setListItems() })));
     }
     static get is() { return "gux-rich-text-editor-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,18 @@
+export const renderConfig = {
+    html: `
+      <gux-skip-navigation-list>
+        <gux-skip-navigation-item>
+          <a href="#" onclick="notify(event)">Navigation Link 1</a>
+        </gux-skip-navigation-item>
+        <gux-skip-navigation-item>
+          <a href="#" onclick="notify(event)">Navigation Link 2 that is long</a>
+        </gux-skip-navigation-item>
+        <gux-skip-navigation-item>
+          <a href="#" onclick="notify(event)">Navigation Link 3</a>
+        </gux-skip-navigation-item>
+        <gux-skip-navigation-item>
+          <a href="#" onclick="notify(event)">Link 4</a>
+        </gux-skip-navigation-item>
+      </gux-skip-navigation-list>
+    `
+};

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

@@ -15,6 +15,7 @@ import { trackComponent } from "../../../utils/tracking/usage";
 import { setAccent, setActionsIconOnlyProp } from "./gux-table-toolbar.service";
 import { getSlot } from "../../../utils/dom/get-slot";
 import { afterNextRenderTimeout } from "../../../utils/dom/after-next-render";
+import { logWarn } from "../../../utils/error/log-error";
 /**
  * @slot search-and-filter - Slot for search and filter.
  * @slot contextual-actions - Slot for contextual actions.
@@ -68,7 +69,8 @@ export class GuxTableToolbar {
         // If permanent actions are not located at the root, then they are assumed to be located within the menu actions.
         // Permanent actions will be located in the menu actions if the previous display layout was condensed.
         return (getSlot(this.root, 'permanent-actions') ||
-            getSlot(this.menuActionSlot, 'permanent-actions'));
+            (this.menuActionSlot &&
+                getSlot(this.menuActionSlot, 'permanent-actions')));
     }
     get contextualSlot() {
         return getSlot(this.root, 'contextual-actions');
@@ -152,10 +154,19 @@ export class GuxTableToolbar {
         setActionsIconOnlyProp(false, this.primaryAction);
         setAccent(this.menuActionsItems, 'ghost');
     }
+    validateSlot(slotName) {
+        const slottedElement = this.root.querySelector(`[slot=${slotName}]`);
+        if (!slottedElement) {
+            logWarn(this.root, `gux-table-toolbar requires a ${slotName} slot`);
+        }
+    }
     componentWillRender() {
         trackComponent(this.root);
         this.hasContextDivider = this.needsContextDivider();
     }
+    componentWillLoad() {
+        this.validateSlot('menu-actions');
+    }
     componentDidLoad() {
         // This timeout is required to calculate the correct size of the containers when the component loads. By including a timeout of 1 second the containers calculate correctly.
         afterNextRenderTimeout(() => {
@@ -198,9 +209,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '471d6d31eae27b80afed8e6846a49fe75538a168', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'c751a7c677c79b1c850c9ab77f70c0d1e1c8d43e', class: "search-filter-container" }, h("slot", { key: '51b3cc5143e505275887088260866a026b262e2f', name: "search-and-filter" })), h("div", { key: 'e9a395f40a63f2ac424ca33c6abb1fa1b20d7831', class: "section-spacing" }), h("div", { key: 'eede64181488b62225df19d7d9fb14848ef999a3', class: "gux-contextual-permanent-primary" }, h("div", { key: 'f17b77eb2f6a4cb2ef2242208fc39f0e4af5936e', class: {
+        return (h(Host, { key: '4ed2037a624e8d5d56a399e5caad63315c4d429a', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'c9dcd06c9e1a78b5c2d9649ca6bde777f344bff2', class: "search-filter-container" }, h("slot", { key: '458fd3c17caabc1c6c8d6cf315b5da470a22d771', name: "search-and-filter" })), h("div", { key: 'e9e6277c71164fe0df01f01662b5d11385de3544', class: "section-spacing" }), h("div", { key: 'e4d49247c8f0c3d8c2066351fbe4a37163b438eb', class: "gux-contextual-permanent-primary" }, h("div", { key: 'fc79d838983e1df921d6cdf6887a5f07709dada8', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'd71831933a6a1814c3a60b4d7177088562aa601b', name: "contextual-actions" })), h("div", { key: '1c14c12834419b7b9813ca06b601f1a0a03067ed', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '99388b024dbc31203b4a156a7e79a5d7720357c8', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '9a4084fdb35b5bae952134f7c8eecc9a77de32f3', "show-menu": this.renderMenu() }, h("slot", { key: 'df823a8496e4608426abb807d8deaf80fa561cb0', name: "menu-actions" })), h("slot", { key: 'fa81088e82c220b2d824a41119e4adc23f10caf5', name: "primary-action" })))));
+            } }, h("slot", { key: 'd8d2adf470663eb92068f082e19016ff3cde75ee', name: "contextual-actions" })), h("div", { key: '9cadc86d7ac5ea7ce117866d118329f83c387fe8', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '1ed399ff7f44199f8476cd6468974b687621cc34', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '53000637631548cfa376472fd7d278fe2c7550f1', "show-menu": this.renderMenu() }, h("slot", { key: '1a86b75ddbb2d5ba7ccb51322481d81ca4014817', name: "menu-actions" })), h("slot", { key: '97c618b50caf926421f12ac98d4defbe78205603', name: "primary-action" })))));
     }
     static get is() { return "gux-table-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -67,7 +67,8 @@
   border: none;
 }
 .gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible {
-  outline: var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);
+  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-timePicker-focusAmpm-borderRadius);
 }
 .gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem {
@@ -96,7 +97,8 @@
   cursor: pointer;
 }
 .gux-time-picker .gux-input-time .gux-clock-button:focus-visible {
-  outline: var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);
+  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-timePicker-focusClock-borderRadius);
 }
 .gux-time-picker .gux-input-time .gux-clock-button gux-icon {

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

@@ -91,8 +91,24 @@
   color: var(--gse-ui-toast-info-foregroundColor);
 }
 .gux-toast.gux-toast-action {
+  display: grid;
+  grid-template-rows: 1fr;
+  grid-template-columns: var(--gse-ui-icon-medium-size) 1fr var(--gse-ui-button-dismiss-medium-width);
   background-color: var(--gse-ui-toast-action-backgroundColor);
 }
+.gux-toast.gux-toast-action .gux-content {
+  grid-row: 1/2;
+  grid-column: 2/4;
+}
+.gux-toast.gux-toast-action .gux-icon {
+  grid-row: 1/2;
+  grid-column: 1/2;
+}
+.gux-toast.gux-toast-action gux-dismiss-button {
+  grid-row: 1/2;
+  grid-column: 3/4;
+}
 .gux-toast.gux-toast-action .gux-message {
+  inline-size: var(--gse-ui-toast-messageWidth);
   color: var(--gse-ui-toast-action-foregroundColor);
 }

package/dist/collection/test/playwrightTestUtils.js

@@ -48,6 +48,9 @@ async function setupPage(page) {
         page.addStyleTag({
             url: 'https://apps.inindca.com/webfonts/noto-sans.css'
         }),
+        page.addStyleTag({
+            url: 'https://apps.inindca.com/webfonts/noto-sans-mono.css'
+        }),
         page.addStyleTag({
             path: 'public/build/genesys-webcomponents.css'
         }),

package/dist/esm/{en-CHN0tqYN.js → en-DN3YAdAX.js}

@@ -18,14 +18,18 @@ const linkAddress = "Link Address";
 const textToDisplay = "Text to display";
 const textHighlight = "Text Highlight";
 const noHighlight = "No Highlight";
-const orange = "Orange";
+const blue = "Azure Blue";
+const blueberry = "Blueberry";
 const coral = "Coral";
-const pear = "Pear";
+const inherit = "inherit";
+const island = "Island";
+const islandaqua = "Islandaqua";
 const mango = "Mango";
-const raspberry = "Raspberry";
-const blue = "Azure Blue";
 const mineral = "Mineral";
-const island = "Island";
+const orange = "Orange";
+const pear = "Pear";
+const raspberry = "Raspberry";
+const tomato = "Tomato";
 const additionalActions = "Additional Actions";
 var translationResources = {
 	bold: bold,
@@ -49,14 +53,18 @@ var translationResources = {
 	textToDisplay: textToDisplay,
 	textHighlight: textHighlight,
 	noHighlight: noHighlight,
-	orange: orange,
+	blue: blue,
+	blueberry: blueberry,
 	coral: coral,
-	pear: pear,
+	inherit: inherit,
+	island: island,
+	islandaqua: islandaqua,
 	mango: mango,
-	raspberry: raspberry,
-	blue: blue,
 	mineral: mineral,
-	island: island,
+	orange: orange,
+	pear: pear,
+	raspberry: raspberry,
+	tomato: tomato,
 	additionalActions: additionalActions
 };
 

package/dist/esm/genesys-webcomponents.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-CDGFJQpM.js';
-export { s as setNonce } from './index-CDGFJQpM.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-DwD9dO7z.js';
+export { s as setNonce } from './index-DwD9dO7z.js';
 
 /*
  Stencil Client Patch Browser v4.35.3 | MIT Licensed | https://stenciljs.com

package/dist/esm/{get-valid-timezone-DgIEFAD6.js → get-valid-timezone-B9tiABRl.js}

@@ -1,4 +1,4 @@
-import { l as locales } from './index-DCXp2a_G.js';
+import { l as locales } from './index-CrNuRzs_.js';
 
 /**
  * @class A class that implements the method needed to format dates and times depending on locales

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CDGFJQpM.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DwD9dO7z.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { a as logError } from './log-error-DxtJDeL9.js';
 

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

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

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CDGFJQpM.js';
-import { O as OnClickOutside } from './on-click-outside-CzK51wYP.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DwD9dO7z.js';
+import { O as OnClickOutside } from './on-click-outside-DcC8PnV_.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-Ba0j3Lwh.js';
-import { b as buildI18nForComponent } from './index-DCXp2a_G.js';
+import { t as trackComponent } from './usage-DZBoT03M.js';
+import { b as buildI18nForComponent } from './index-CrNuRzs_.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const moreOptions = "More options";

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

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

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CDGFJQpM.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DwD9dO7z.js';
 import { o as onMutation } from './on-mutation-CF55kYjc.js';
-import { O as OnClickOutside } from './on-click-outside-CzK51wYP.js';
+import { O as OnClickOutside } from './on-click-outside-DcC8PnV_.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-Ba0j3Lwh.js';
-import { b as buildI18nForComponent } from './index-DCXp2a_G.js';
+import { t as trackComponent } from './usage-DZBoT03M.js';
+import { b as buildI18nForComponent } from './index-CrNuRzs_.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const searchAria = "Search";

package/dist/esm/gux-all-row-select.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CDGFJQpM.js';
-import { b as buildI18nForComponent } from './index-DCXp2a_G.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DwD9dO7z.js';
+import { b as buildI18nForComponent } from './index-CrNuRzs_.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { t as tableResources } from './en-BIx814vt.js';
 import './get-closest-element-Cd4R0amv.js';

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

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

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

@@ -1,7 +1,7 @@
-import { h, r as registerInstance, a as getElement } from './index-CDGFJQpM.js';
-import { t as trackComponent } from './usage-Ba0j3Lwh.js';
+import { h, r as registerInstance, a as getElement } from './index-DwD9dO7z.js';
+import { t as trackComponent } from './usage-DZBoT03M.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
-import { b as buildI18nForComponent } from './index-DCXp2a_G.js';
+import { b as buildI18nForComponent } from './index-CrNuRzs_.js';
 import { a as generateInitials, g as getAvatarAccentClass } from './gux-avatar.service-BV03_Ljp.js';
 import './get-closest-element-Cd4R0amv.js';
 

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CDGFJQpM.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DwD9dO7z.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
-import { b as buildI18nForComponent } from './index-DCXp2a_G.js';
-import { t as trackComponent } from './usage-Ba0j3Lwh.js';
+import { b as buildI18nForComponent } from './index-CrNuRzs_.js';
+import { t as trackComponent } from './usage-DZBoT03M.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const changePhoto = "Change profile photo";

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CDGFJQpM.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DwD9dO7z.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 
 const GuxAvatarFocusable = class {

package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CDGFJQpM.js';
-import { t as trackComponent } from './usage-Ba0j3Lwh.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DwD9dO7z.js';
+import { t as trackComponent } from './usage-DZBoT03M.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-DMpkGO63.js';
-import { b as buildI18nForComponent } from './index-DCXp2a_G.js';
+import { b as buildI18nForComponent } from './index-CrNuRzs_.js';
 import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom-C_pVuars.js';
-import { O as OnClickOutside } from './on-click-outside-CzK51wYP.js';
+import { O as OnClickOutside } from './on-click-outside-DcC8PnV_.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
 import { g as getAvatarAccentClass, a as generateInitials } from './gux-avatar.service-BV03_Ljp.js';

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CDGFJQpM.js';
-import { t as trackComponent } from './usage-Ba0j3Lwh.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DwD9dO7z.js';
+import { t as trackComponent } from './usage-DZBoT03M.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { s as setFocusTarget, r as resetFocusableSibling } from './gux-avatar-group.service-DMpkGO63.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -79,7 +79,8 @@ const GuxAvatarGroup = class {
         }
         const validTagNames = [
             'GUX-AVATAR-GROUP-ITEM-BETA',
-            'GUX-AVATAR-GROUP-ADD-ITEM-BETA'
+            'GUX-AVATAR-GROUP-ADD-ITEM-BETA',
+            'GUX-AVATAR-OVERFLOW-BETA'
         ];
         const invalidElements = childElements.some(el => !validTagNames.includes(el.tagName));
         if (invalidElements) {
@@ -109,7 +110,7 @@ const GuxAvatarGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '4fb2cc50bd34d1c068ee37e93ebb623b353c095d', role: "menu", onClick: this.handleClick.bind(this) }, h("slot", { key: 'a2b3fa35f568e7c3f72c76484dfcd0bcdad9b225' }), this.renderOverflowMenu(), this.renderAddToGroup()));
+        return (h(Host, { key: 'caff2d754008cd36ad51558e76d5230b9cfd4168', role: "menu", onClick: this.handleClick.bind(this) }, h("slot", { key: 'a9a03fb8a3eb866785c032c0ca2037f1cc8a0833' }), this.renderOverflowMenu(), this.renderAddToGroup()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CDGFJQpM.js';
-import { t as trackComponent } from './usage-Ba0j3Lwh.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DwD9dO7z.js';
+import { t as trackComponent } from './usage-DZBoT03M.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-DMpkGO63.js';
 import { g as getAvatarAccentClass, a as generateInitials } from './gux-avatar.service-BV03_Ljp.js';
@@ -46,11 +46,11 @@ const GuxAvatarGroupItem = class {
         }
     }
     render() {
-        return (h(Host, { key: 'cf25df58536d49968c106c3fe2e6e4d21f3fe370', role: "menuitem" }, h("button", { key: '504a212c665a293077800e0041fa2573f68e2e04', type: "button", "aria-label": this.name, tabIndex: -1, class: {
+        return (h(Host, { key: '16b06052216c2bd34a5b468e8f0d1b43ca5e14d6', role: "menuitem" }, h("button", { key: 'e84a7bb648979e04adcd2610f7eb40405c9e1d9a', type: "button", "aria-label": this.name, tabIndex: -1, class: {
                 'gux-avatar': true,
                 [getAvatarAccentClass(this.accent, this.name)]: true,
                 'gux-last-item': this.isLastItemInGroup()
-            } }, h("slot", { key: '0349e238b0662b93322fcbaa27854eb091b18ed9', name: "image" }, h("span", { key: '15751a75f778d2454c5b15b10db3ca62b82134eb', class: "gux-avatar-initials", "aria-hidden": "true" }, generateInitials(this.name))), h("gux-tooltip-beta", { key: '1ba8508d77ec25a50ec091f24ae380ae4bda9c4f', "aria-hidden": "true", "visual-only": true, placement: "top", ref: el => (this.tooltip = el) }, h("div", { key: '7d0d6ad2237d95bc4be7482420d0f1169e4d0314', slot: "content" }, this.name)))));
+            } }, h("slot", { key: '0f00f3593e9e2f888e208430261832d2c72fe7d3', name: "image" }, h("span", { key: '1a901e537a5347b121492d3dc60a9710ce98943c', class: "gux-avatar-initials", "aria-hidden": "true" }, generateInitials(this.name))), h("gux-tooltip-beta", { key: 'd25dcc843ef37b8b32d4f3f598dc9cf3ea60c6ff', "aria-hidden": "true", "visual-only": true, placement: "top", ref: el => (this.tooltip = el) }, h("div", { key: '934cf7c0cf8640032ff5d970b075d6bfc78be695', slot: "content" }, this.name)))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, a as getElement } from './index-CDGFJQpM.js';
-import { t as trackComponent } from './usage-Ba0j3Lwh.js';
-import { b as buildI18nForComponent } from './index-DCXp2a_G.js';
-import { O as OnMutation } from './on-mutation-DmasgohS.js';
+import { r as registerInstance, h, a as getElement } from './index-DwD9dO7z.js';
+import { t as trackComponent } from './usage-DZBoT03M.js';
+import { b as buildI18nForComponent } from './index-CrNuRzs_.js';
+import { O as OnMutation } from './on-mutation-D-XLVWbC.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const info = "badge with label: {label}, accent: info";

package/dist/esm/gux-blank-state.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, a as getElement } from './index-CDGFJQpM.js';
-import { t as trackComponent } from './usage-Ba0j3Lwh.js';
-import { O as OnMutation } from './on-mutation-DmasgohS.js';
+import { r as registerInstance, h, a as getElement } from './index-DwD9dO7z.js';
+import { t as trackComponent } from './usage-DZBoT03M.js';
+import { O as OnMutation } from './on-mutation-D-XLVWbC.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 
 const guxBlankStateCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gse-ui-blankState-padding);\n  color: var(--gse-ui-blankState-foregroundColor);\n}\n.gux-container .gux-image {\n  padding-block-end: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-block-end: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-block-end: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  inline-size: var(--gse-ui-blankState-icon-size-lg);\n  block-size: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n\n@container (width < 570px) {\n  .gux-container ::slotted(gux-icon) {\n    inline-size: var(--gse-ui-blankState-icon-size-sm);\n    block-size: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";

package/dist/esm/gux-breadcrumb-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CDGFJQpM.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DwD9dO7z.js';
 import { a as logError } from './log-error-DxtJDeL9.js';
 
 const guxBreadcrumbItemCss = ".gux-breadcrumb-generation{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;min-block-size:var(--gse-ui-breadcrumbs-secondary-height)}.gux-breadcrumb-generation .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-small-text-fontFamily);font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight);text-decoration:none;color:var(--gse-ui-links-default-foregroundColor);pointer-events:none}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-active{color:var(--gse-ui-links-active-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-secondary-separator-padding);font-family:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-secondary-separator-typography-lineHeight);color:var(--gse-ui-breadcrumbs-separator-color)}.gux-breadcrumb-generation.gux-primary{min-block-size:var(--gse-ui-breadcrumbs-primary-height)}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-medium-text-fontFamily);font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);text-decoration:none}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-primary-separator-padding);font-family:var(--gse-ui-breadcrumbs-primary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-primary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-primary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-primary-separator-typography-lineHeight)}";

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-CDGFJQpM.js';
-import { b as buildI18nForComponent } from './index-DCXp2a_G.js';
-import { t as trackComponent } from './usage-Ba0j3Lwh.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-DwD9dO7z.js';
+import { b as buildI18nForComponent } from './index-CrNuRzs_.js';
+import { t as trackComponent } from './usage-DZBoT03M.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const breadcrumbs = "Breadcrumbs";

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CDGFJQpM.js';
-import { O as OnClickOutside } from './on-click-outside-CzK51wYP.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DwD9dO7z.js';
+import { O as OnClickOutside } from './on-click-outside-DcC8PnV_.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-Ba0j3Lwh.js';
+import { t as trackComponent } from './usage-DZBoT03M.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CDGFJQpM.js';
-import { t as trackComponent } from './usage-Ba0j3Lwh.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DwD9dO7z.js';
+import { t as trackComponent } from './usage-DZBoT03M.js';
 import { a as logError } from './log-error-DxtJDeL9.js';
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";