genesys-spark-components 4.105.4 → 4.106.0

package/dist/cjs/gux-rich-text-editor-beta.cjs.entry.js

@@ -35,10 +35,10 @@ const GuxRichTextEditor = class {
         return this.renderSlot('global-action', 'gux-global-action-container');
     }
     render() {
-        return (index.h("div", { key: '6fc5d8f521df5df2178ad338a8d91d339378c74c', class: {
+        return (index.h("div", { key: '1df220d4192bc1e04cd74c7283ee90421f0ce2e0', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'eb0173d434352148e9def109cab57539b5768543', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalAction()), index.h("slot", { key: '2337bf2949d055f3987ab5a8916df139102b7251', name: "editor" })));
+            } }, index.h("div", { key: '8cb67dbf9f8f8eba7f48a838ad88835681100d62', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalAction()), index.h("slot", { key: 'ef749f768106064cf77217139f0b191a3d07f35f', name: "editor" })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-79505d14.js');
+const usage = require('./usage-7cad50c2.js');
+const guxList_service = require('./gux-list.service-cf8447cb.js');
+
+const guxRichTextEditorListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
+const GuxRichTextEditorListStyle0 = guxRichTextEditorListCss;
+
+/**
+ * @slot - collection of gux-rich-style-list-item elements
+ */
+const validFocusableItems = ['gux-rich-style-list-item'];
+const GuxRichTextEditorList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.internallistitemsupdated = index.createEvent(this, "internallistitemsupdated", 7);
+        this.value = undefined;
+        this.listItems = [];
+    }
+    get listItemsSlot() {
+        return this.root.querySelector('slot');
+    }
+    get listItemElements() {
+        var _a;
+        const assignedElements = (_a = this.listItemsSlot) === null || _a === void 0 ? void 0 : _a.assignedElements();
+        if (assignedElements) {
+            return Array.from(assignedElements);
+        }
+        return [];
+    }
+    setListItems() {
+        this.listItems = this.listItemElements;
+        this.internallistitemsupdated.emit();
+    }
+    async componentWillLoad() {
+        usage.trackComponent(this.root);
+        this.setListItems();
+    }
+    onKeyDown(event) {
+        switch (event.key) {
+            case 'ArrowUp':
+                event.preventDefault();
+                guxList_service.previous(this.root, validFocusableItems);
+                break;
+            case 'Home':
+                event.preventDefault();
+                guxList_service.first(this.root, validFocusableItems);
+                break;
+            case 'ArrowDown':
+                event.preventDefault();
+                guxList_service.next(this.root, validFocusableItems);
+                break;
+            case 'End':
+                event.preventDefault();
+                guxList_service.last(this.root, validFocusableItems);
+                break;
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async guxFocusFirstItem() {
+        guxList_service.first(this.root, validFocusableItems);
+    }
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async guxFocusLastItem() {
+        guxList_service.last(this.root, validFocusableItems);
+    }
+    renderFocusTarget() {
+        return (index.h("span", { tabindex: "-1", "aria-hidden": "true" }));
+    }
+    render() {
+        return (index.h(index.Host, { key: '61bed89946e7b346628a8dd15ac69c81dd5461d3', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '8db5456231fa27cc4792c06ab644d0361af38f3e', onSlotchange: () => this.setListItems() })));
+    }
+    static get delegatesFocus() { return true; }
+    get root() { return index.getElement(this); }
+};
+GuxRichTextEditorList.style = GuxRichTextEditorListStyle0;
+
+exports.gux_rich_text_editor_list = GuxRichTextEditorList;

package/dist/cjs/gux-rich-text-editor.service-8a6cb26a.js

@@ -0,0 +1,70 @@
+'use strict';
+
+const getClosestElement = require('./get-closest-element-26170ce0.js');
+
+const bold = "Bold";
+const italic = "Italic";
+const underline = "Underline";
+const strike = "Strike";
+const codeblock = "Code Block";
+const blockQuote = "Block Quote";
+const orderedList = "Ordered List";
+const bulletList = "Bullet List";
+const clearFormatting = "Clear Formatting";
+const undo = "Undo";
+const redo = "Redo";
+const richStyleDropdown = "Rich Style Dropdown";
+const translationResources = {
+	bold: bold,
+	italic: italic,
+	underline: underline,
+	strike: strike,
+	codeblock: codeblock,
+	blockQuote: blockQuote,
+	orderedList: orderedList,
+	bulletList: bulletList,
+	clearFormatting: clearFormatting,
+	undo: undo,
+	redo: redo,
+	"delete": "Delete",
+	richStyleDropdown: richStyleDropdown
+};
+
+function hasDisabledParent(root) {
+    const getParent = getClosestElement.getClosestElement(root, 'gux-rich-text-editor-beta');
+    return getParent === null || getParent === void 0 ? void 0 : getParent.disabled;
+}
+function returnActionTypeIcon(action) {
+    switch (action) {
+        case 'bold':
+            return 'fa/bold-regular';
+        case 'italic':
+            return 'fa/italic-regular';
+        case 'underline':
+            return 'fa/underline-regular';
+        case 'strike':
+            return 'fa/strikethrough-regular';
+        case 'codeblock':
+            return 'fa/code-regular';
+        case 'blockQuote':
+            return 'fa/quote-right-regular';
+        case 'orderedList':
+            return 'fa/list-ol-regular';
+        case 'bulletList':
+            return 'fa/list-ul-regular';
+        case 'clearFormatting':
+            return 'fa/eraser-regular';
+        case 'undo':
+            return 'custom/undo-regular';
+        case 'redo':
+            return 'custom/redo-regular';
+        case 'delete':
+            return 'fa/trash-regular';
+        default:
+            return 'fa/bold-regular';
+    }
+}
+
+exports.hasDisabledParent = hasDisabledParent;
+exports.returnActionTypeIcon = returnActionTypeIcon;
+exports.translationResources = translationResources;

package/dist/cjs/gux-row-select.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -28,9 +28,9 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: '38c8474f7763fc8dbcc30dc588e72d7b32830cfd', "label-position": "screenreader" }, index.h("input", { key: 'c493923b686215553042a195dee749419adeb9cd', ref: el => (this.inputElement = el), class: this.selected
+        return (index.h("gux-form-field-checkbox", { key: 'e836557f8303129e6af297a2e4b598904ed65a0e', "label-position": "screenreader" }, index.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 }), index.h("label", { key: '074583a60849a9304cb846cde86dc60c167fe474', slot: "label", htmlFor: this.id }, "\u200B", index.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 }), index.h("label", { key: 'a79253c85bf20d6be1c89b1731a5a97b24b41b2e', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '6768940db155d7faa1e986a8184a0d6eeddd4d76' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-screen-reader-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 
 const guxScreenReaderCss = ".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;
@@ -16,7 +16,7 @@ const GuxScreenReader = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("span", { key: '99e4b6ac03358bf032ad441c05fae657e45ee221', class: "gux-sr-only" }, index.h("slot", { key: 'de31dc9f2ca539eff7d97714f6d32b803c664d85' })));
+        return (index.h("span", { key: 'ce8ede9051231911b586257f541ae6ae1f499b9c', class: "gux-sr-only" }, index.h("slot", { key: '33f9ba5bdd85f33e249ac48d4d6a7fe9d8d7e39b' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-segmented-control-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -37,7 +37,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'ce2a752e70599cae1a95d16712b28b1b067d07a4', role: "group" }, index.h("slot", { key: '783879e721aad7497229b07333bdeb12df7ea29b', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '607f885b5a78b63b8c8fda2c8d58bad988b792cc', role: "group" }, index.h("slot", { key: '23747d2307246856b1b85fad90b57b2876ccfb24', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-segmented-control-item.cjs.entry.js

@@ -7,7 +7,7 @@ const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
-const guxSegmentedControlItemCss = "button{all:unset}.gux-container{block-size:var(--gse-ui-segmentedControl-height);border-color:var(--gse-ui-segmentedControl-divider-color);border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-inline-end:none;border-radius:var(--gse-ui-segmentedControl-button-middle-borderRadius)}.gux-container.gux-start{border-inline-start-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-start-borderRadius)}.gux-container.gux-end{border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-inline-end-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-end-borderRadius)}.gux-container.gux-start.gux-end{border-radius:var(--gse-ui-segmentedControl-borderRadius)}.gux-container.gux-parent-disabled{pointer-events:none;user-select:none;border-color:color-mix(in srgb, var(--gse-ui-segmentedControl-divider-color) 50%, rgba(0, 0, 0, 0))}.gux-container .gux-segmented-control-item{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-segmentedControl-button-gap);place-content:stretch flex-start;align-items:center;block-size:100%;padding:var(--gse-ui-segmentedControl-button-padding);line-height:0;color:var(--gse-ui-segmentedControl-button-default-foregroundColor);cursor:pointer;background-color:var(--gse-ui-segmentedControl-button-default-backgroundColor)}.gux-container .gux-segmented-control-item.gux-icon-only{padding:var(--gse-ui-segmentedControl-iconOnly-padding)}.gux-container .gux-segmented-control-item.gux-icon-only .gux-text.gux-icon-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-container .gux-segmented-control-item:hover{color:var(--gse-ui-segmentedControl-button-hover-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-hover-backgroundColor)}.gux-container .gux-segmented-control-item[disabled]{color:var(--gse-ui-segmentedControl-button-disabled-foregroundColor);pointer-events:none;cursor:default;background-color:var(--gse-ui-segmentedControl-button-disabled-backgroundColor);opacity:var(--gse-ui-segmentedControl-button-disabled-opacity)}.gux-container .gux-segmented-control-item.gux-selected{color:var(--gse-ui-segmentedControl-button-active-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-active-backgroundColor)}.gux-container .gux-segmented-control-item:focus-visible{position:relative;z-index:var(--gse-semantic-zIndex-showFocus);border-radius:var(--gse-ui-segmentedControl-borderRadius);outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);outline-offset:var(--gse-ui-segmentedControl-focus-offset)}.gux-container .gux-segmented-control-item .gux-icon slot[name=icon]::slotted(gux-icon){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
+const guxSegmentedControlItemCss = "button{all:unset}.gux-container{block-size:var(--gse-ui-segmentedControl-height);border-color:var(--gse-ui-segmentedControl-divider-color);border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-inline-end:none;border-radius:var(--gse-ui-segmentedControl-button-middle-borderRadius)}.gux-container.gux-start{border-inline-start-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-start-borderRadius)}.gux-container.gux-end{border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-inline-end-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-end-borderRadius)}.gux-container.gux-start.gux-end{border-radius:var(--gse-ui-segmentedControl-borderRadius)}.gux-container.gux-parent-disabled{pointer-events:none;user-select:none;border-color:color-mix(in srgb, var(--gse-ui-segmentedControl-divider-color) 50%, rgba(0, 0, 0, 0))}.gux-container .gux-segmented-control-item{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-segmentedControl-button-gap);place-content:stretch flex-start;align-items:center;block-size:100%;padding:var(--gse-ui-segmentedControl-button-padding);line-height:0;color:var(--gse-ui-segmentedControl-button-default-foregroundColor);cursor:pointer;background-color:var(--gse-ui-segmentedControl-button-default-backgroundColor)}.gux-container .gux-segmented-control-item.gux-icon-only{padding:var(--gse-ui-segmentedControl-iconOnly-padding)}.gux-container .gux-segmented-control-item.gux-icon-only .gux-text.gux-icon-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-container .gux-segmented-control-item:hover{color:var(--gse-ui-segmentedControl-button-hover-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-hover-backgroundColor)}.gux-container .gux-segmented-control-item[disabled]{color:var(--gse-ui-segmentedControl-button-disabled-foregroundColor);pointer-events:none;cursor:default;background-color:var(--gse-ui-segmentedControl-button-disabled-backgroundColor);opacity:var(--gse-ui-segmentedControl-button-disabled-opacity)}.gux-container .gux-segmented-control-item.gux-selected{color:var(--gse-ui-segmentedControl-button-active-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-active-backgroundColor)}.gux-container .gux-segmented-control-item:focus-visible{position:relative;z-index:var(--gse-semantic-zIndex-showFocus);border-radius:var(--gse-ui-segmentedControl-borderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);outline-offset:var(--gse-ui-segmentedControl-focus-offset)}.gux-container .gux-segmented-control-item .gux-icon slot[name=icon]::slotted(gux-icon){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
 const GuxSegmentedControlItemStyle0 = guxSegmentedControlItemCss;
 
 const GuxSegmentedControlItem = class {
@@ -53,19 +53,19 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'aefda8d25da23ee129efbb54a49c058e0d5ec04e', class: {
+        return (index.h("div", { key: '2a9206eda1a4fbfc42ef3c81f126460092b67a56', class: {
                 'gux-container': true,
                 'gux-parent-disabled': this.hasDisabledParent(),
                 'gux-start': this.isInStartPosition(),
                 'gux-end': this.isInEndPosition()
-            } }, index.h("button", { key: '6f23fcc416eec9b564b646bb269c5f1524db2e10', class: {
+            } }, index.h("button", { key: 'b362ff0967b164a564fefeedb23886a76014b489', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), index.h("div", { key: 'b98be18ff7f99f52c1fb32890c24f87603c12f0c', class: {
+            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), index.h("div", { key: '7113f8d8a800330fc6cbc1d6173247f53dbdaddb', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: '641b8fb994d4238b5c32c29b5a10b8cdccf49991', name: "text" }))), this.renderTooltip()));
+            } }, index.h("slot", { key: 'a1c4f88098ef9611c9c36bcb0ccdc903222c7556', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-selector-card-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
@@ -12,7 +12,7 @@ require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
 require('./has-slot-3edae188.js');
 
-const guxSelectorCardCss = ":host{display:flex}::slotted(*){cursor:pointer}::slotted(gux-icon){inline-size:var(--gse-ui-icon-medium-size);block-size:var(--gse-ui-icon-medium-size);color:var(--gse-ui-selectorCard-ilustrativeIcon-foregroundColor)}::slotted(label){inline-size:100%;font-family:var(--gse-ui-selectorCard-simple-label-fontFamily);font-size:var(--gse-ui-selectorCard-simple-label-fontSize);font-weight:var(--gse-ui-selectorCard-simple-label-fontWeight);line-height:var(--gse-ui-selectorCard-simple-label-lineHeight);color:var(--gse-ui-selectorCard-text-foregroundColor)}::slotted(input[type=radio]),::slotted(input[type=checkbox]){position:absolute;inset-block-start:0;inline-size:100%;block-size:100%;margin:0;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);-webkit-appearance:none;appearance:none;border:var(--gse-ui-selectorCard-unselected-border-width) var(--gse-ui-selectorCard-unselected-border-style) var(--gse-ui-selectorCard-unselected-border-color);border-radius:var(--gse-ui-selectorCard-simple-borderRadius);outline:none}::slotted(input[type=radio])::before,::slotted(input[type=checkbox])::before{position:absolute;inset-block-start:var(--gse-ui-selectorCard-descriptive-text-gap);inset-inline-end:var(--gse-ui-selectorCard-descriptive-text-gap);display:inline-grid;grid-area:1/1;inline-size:var(--gse-ui-radioButton-icon-width);block-size:var(--gse-ui-radioButton-icon-height);color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);text-align:center;vertical-align:middle;content:\"\"}::slotted(input[type=radio])::before{border-radius:50%}::slotted(input[type=radio]:checked),::slotted(input[type=checkbox]:checked){border:var(--gse-ui-selectorCard-selected-border-width) var(--gse-ui-selectorCard-selected-border-style) var(--gse-ui-selectorCard-selected-border-color)}::slotted(input[type=radio]:checked)::before,::slotted(input[type=checkbox]:checked)::before{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor)}::slotted(input[type=radio]:not(:checked))::before,::slotted(input[type=checkbox]:not(:checked))::before{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor)}::slotted(input[type=radio]:disabled),::slotted(input[type=checkbox]:disabled){pointer-events:none;cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}::slotted(input[type=radio])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:checked)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}::slotted(input[type=checkbox])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E\")}::slotted(input[type=checkbox]:checked)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E\")}.gux-selector-card{display:flex;flex:1 0 auto;inline-size:fit-content}.gux-selector-card .gux-content{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--gse-ui-selectorCard-descriptive-text-gap);align-items:center;inline-size:var(--gse-ui-selectorCard-simple-minWidth);min-inline-size:var(--gse-ui-selectorCard-simple-minWidth);max-inline-size:var(--gse-ui-selectorCard-simple-maxWidth);min-block-size:var(--gse-ui-selectorCard-simple-minHeight);max-block-size:var(--gse-ui-selectorCard-simple-maxHeight);padding:var(--gse-ui-selectorCard-simple-padding);text-align:center;background-color:var(--gse-ui-selectorCard-default-backgroundColor);border-radius:var(--gse-ui-selectorCard-simple-borderRadius)}.gux-selector-card .gux-content .gux-label-container{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gux-selector-card .gux-content .gux-icon{line-height:0}.gux-selector-card .gux-content:focus-within{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-selector-card.gux-descriptive .gux-content{align-items:flex-start;inline-size:var(--gse-ui-selectorCard-descriptive-minWidth);min-inline-size:var(--gse-ui-selectorCard-descriptive-minWidth);max-inline-size:var(--gse-ui-selectorCard-descriptive-maxWidth);min-block-size:var(--gse-ui-selectorCard-descriptive-minHeight);max-block-size:var(--gse-ui-selectorCard-descriptive-maxHeight);padding:var(--gse-ui-selectorCard-descriptive-padding);text-align:start;white-space:normal;border-radius:var(--gse-ui-selectorCard-descriptive-borderRadius)}.gux-selector-card.gux-descriptive .gux-content .gux-description-container{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.gux-selector-card.gux-descriptive .gux-content ::slotted(gux-badge){margin-block-start:var(--gse-ui-selectorCard-descriptive-badge-marginTop)}.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=radio]),.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=checkbox]){inset-inline-start:0;border-radius:var(--gse-ui-selectorCard-descriptive-borderRadius)}.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=radio])::before,.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=checkbox])::before{inset-block-start:var(--gse-ui-selectorCard-descriptive-gap);inset-inline-end:var(--gse-ui-selectorCard-descriptive-padding);inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-selector-card.gux-descriptive .gux-content ::slotted(label){display:block;margin-block-end:var(--gse-ui-selectorCard-descriptive-text-gap);font-family:var(--gse-ui-selectorCard-descriptive-label-fontFamily);font-size:var(--gse-ui-selectorCard-descriptive-label-fontSize);font-weight:var(--gse-ui-selectorCard-descriptive-label-fontWeight);line-height:var(--gse-ui-selectorCard-descriptive-label-lineHeight)}.gux-selector-card.gux-descriptive .gux-content ::slotted(gux-icon){inline-size:var(--gse-ui-icon-large-size);block-size:var(--gse-ui-icon-large-size);margin-block-end:var(--gse-ui-selectorCard-descriptive-gap)}.gux-selector-card.gux-disabled{pointer-events:none;cursor:not-allowed}.gux-selector-card.gux-disabled .gux-content{pointer-events:none;-webkit-user-select:none;user-select:none;background-color:var(--gse-ui-selectorCard-disabled-backgroundColor);opacity:var(--gse-ui-selectorCard-disabled-opacity)}.gux-selector-card:hover:not(:disabled) .gux-content{cursor:pointer;background-color:var(--gse-ui-selectorCard-hover-backgroundColor)}.gux-selector-card:hover:not(:disabled) .gux-content ::slotted(input[type=radio])::before,.gux-selector-card:hover:not(:disabled) .gux-content ::slotted(input[type=checkbox])::before{background-color:var(--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor)}.gux-selector-card:active:not(:disabled) .gux-content{background-color:var(--gse-ui-selectorCard-active-backgroundColor)}.gux-selector-card:active:not(:disabled) .gux-content ::slotted(input[type=radio])::before,.gux-selector-card:active:not(:disabled) .gux-content ::slotted(input[type=checkbox])::before{background-color:var(--gse-ui-selectorCard-active-selectedIndicator-foregroundColor)}.gux-selector-card .gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
+const guxSelectorCardCss = ":host{display:flex}::slotted(*){cursor:pointer}::slotted(gux-icon){inline-size:var(--gse-ui-icon-medium-size);block-size:var(--gse-ui-icon-medium-size);color:var(--gse-ui-selectorCard-ilustrativeIcon-foregroundColor)}::slotted(label){inline-size:100%;font-family:var(--gse-ui-selectorCard-simple-label-fontFamily);font-size:var(--gse-ui-selectorCard-simple-label-fontSize);font-weight:var(--gse-ui-selectorCard-simple-label-fontWeight);line-height:var(--gse-ui-selectorCard-simple-label-lineHeight);color:var(--gse-ui-selectorCard-text-foregroundColor)}::slotted(input[type=radio]),::slotted(input[type=checkbox]){position:absolute;inset-block-start:0;inline-size:100%;block-size:100%;margin:0;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);-webkit-appearance:none;appearance:none;border:var(--gse-ui-selectorCard-unselected-border-width) var(--gse-ui-selectorCard-unselected-border-style) var(--gse-ui-selectorCard-unselected-border-color);border-radius:var(--gse-ui-selectorCard-simple-borderRadius);outline:none}::slotted(input[type=radio])::before,::slotted(input[type=checkbox])::before{position:absolute;inset-block-start:var(--gse-ui-selectorCard-descriptive-text-gap);inset-inline-end:var(--gse-ui-selectorCard-descriptive-text-gap);display:inline-grid;grid-area:1/1;inline-size:var(--gse-ui-radioButton-icon-width);block-size:var(--gse-ui-radioButton-icon-height);color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);text-align:center;vertical-align:middle;content:\"\"}::slotted(input[type=radio])::before{border-radius:50%}::slotted(input[type=radio]:checked),::slotted(input[type=checkbox]:checked){border:var(--gse-ui-selectorCard-selected-border-width) var(--gse-ui-selectorCard-selected-border-style) var(--gse-ui-selectorCard-selected-border-color)}::slotted(input[type=radio]:checked)::before,::slotted(input[type=checkbox]:checked)::before{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor)}::slotted(input[type=radio]:not(:checked))::before,::slotted(input[type=checkbox]:not(:checked))::before{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor)}::slotted(input[type=radio]:disabled),::slotted(input[type=checkbox]:disabled){pointer-events:none;cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}::slotted(input[type=radio])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:checked)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}::slotted(input[type=checkbox])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E\")}::slotted(input[type=checkbox]:checked)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E\")}.gux-selector-card{display:flex;flex:1 0 auto;inline-size:fit-content}.gux-selector-card .gux-content{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--gse-ui-selectorCard-descriptive-text-gap);align-items:center;inline-size:var(--gse-ui-selectorCard-simple-minWidth);min-inline-size:var(--gse-ui-selectorCard-simple-minWidth);max-inline-size:var(--gse-ui-selectorCard-simple-maxWidth);min-block-size:var(--gse-ui-selectorCard-simple-minHeight);max-block-size:var(--gse-ui-selectorCard-simple-maxHeight);padding:var(--gse-ui-selectorCard-simple-padding);text-align:center;background-color:var(--gse-ui-selectorCard-default-backgroundColor);border-radius:var(--gse-ui-selectorCard-simple-borderRadius)}.gux-selector-card .gux-content .gux-label-container{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gux-selector-card .gux-content .gux-icon{line-height:0}.gux-selector-card .gux-content:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-selector-card.gux-descriptive .gux-content{align-items:flex-start;inline-size:var(--gse-ui-selectorCard-descriptive-minWidth);min-inline-size:var(--gse-ui-selectorCard-descriptive-minWidth);max-inline-size:var(--gse-ui-selectorCard-descriptive-maxWidth);min-block-size:var(--gse-ui-selectorCard-descriptive-minHeight);max-block-size:var(--gse-ui-selectorCard-descriptive-maxHeight);padding:var(--gse-ui-selectorCard-descriptive-padding);text-align:start;white-space:normal;border-radius:var(--gse-ui-selectorCard-descriptive-borderRadius)}.gux-selector-card.gux-descriptive .gux-content .gux-description-container{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.gux-selector-card.gux-descriptive .gux-content ::slotted(gux-badge){margin-block-start:var(--gse-ui-selectorCard-descriptive-badge-marginTop)}.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=radio]),.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=checkbox]){inset-inline-start:0;border-radius:var(--gse-ui-selectorCard-descriptive-borderRadius)}.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=radio])::before,.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=checkbox])::before{inset-block-start:var(--gse-ui-selectorCard-descriptive-gap);inset-inline-end:var(--gse-ui-selectorCard-descriptive-padding);inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-selector-card.gux-descriptive .gux-content ::slotted(label){display:block;margin-block-end:var(--gse-ui-selectorCard-descriptive-text-gap);font-family:var(--gse-ui-selectorCard-descriptive-label-fontFamily);font-size:var(--gse-ui-selectorCard-descriptive-label-fontSize);font-weight:var(--gse-ui-selectorCard-descriptive-label-fontWeight);line-height:var(--gse-ui-selectorCard-descriptive-label-lineHeight)}.gux-selector-card.gux-descriptive .gux-content ::slotted(gux-icon){inline-size:var(--gse-ui-icon-large-size);block-size:var(--gse-ui-icon-large-size);margin-block-end:var(--gse-ui-selectorCard-descriptive-gap)}.gux-selector-card.gux-disabled{pointer-events:none;cursor:not-allowed}.gux-selector-card.gux-disabled .gux-content{pointer-events:none;-webkit-user-select:none;user-select:none;background-color:var(--gse-ui-selectorCard-disabled-backgroundColor);opacity:var(--gse-ui-selectorCard-disabled-opacity)}.gux-selector-card:hover:not(:disabled) .gux-content{cursor:pointer;background-color:var(--gse-ui-selectorCard-hover-backgroundColor)}.gux-selector-card:hover:not(:disabled) .gux-content ::slotted(input[type=radio])::before,.gux-selector-card:hover:not(:disabled) .gux-content ::slotted(input[type=checkbox])::before{background-color:var(--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor)}.gux-selector-card:active:not(:disabled) .gux-content{background-color:var(--gse-ui-selectorCard-active-backgroundColor)}.gux-selector-card:active:not(:disabled) .gux-content ::slotted(input[type=radio])::before,.gux-selector-card:active:not(:disabled) .gux-content ::slotted(input[type=checkbox])::before{background-color:var(--gse-ui-selectorCard-active-selectedIndicator-foregroundColor)}.gux-selector-card .gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
 const GuxSelectorCardBetaStyle0 = guxSelectorCardCss;
 
 const GuxSelectorCard = class {
@@ -54,11 +54,11 @@ const GuxSelectorCard = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'b91fc84d1ce6c64879e00b4a6c1403b44fa35ff4', class: {
+        return (index.h("div", { key: 'a8b8ef0346f5ce4da260b0c539fc4cb67b9e48df', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'd135d3f37784619d316aa0fa126528e670663051', class: "gux-content" }, index.h("div", { key: 'c42a0ce13b448436a368e3fbf116800e818e8c08', class: "gux-icon" }, index.h("slot", { key: 'd5c7485de055122b2899a3fbc45c48c9f35c9817', name: "icon" })), index.h("div", { key: '153e15767f8fe6887fb0c1917c7f87c1bc3787da', class: "gux-label-container" }, index.h("slot", { key: '452fdce6225a5e912b9bc42d47ddd2eb27a1e77b', name: "label" })), index.h("slot", { key: 'f46300c3bc21ac82c0f4076da7868aa4a3fd3784', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, index.h("div", { key: 'effffae5174fdaaa2a4e76fa5fb77d2c147ffad3', class: "gux-content" }, index.h("div", { key: '975b1baadd6fe6228ba043718ae849babe44af16', class: "gux-icon" }, index.h("slot", { key: '9067ce345a39dc8d7a98b80e173e535a1a75f224', name: "icon" })), index.h("div", { key: '5b75385861ce4aab688ce2a03d2ca7c583c4a2e2', class: "gux-label-container" }, index.h("slot", { key: '250af4340ac66396b5eb5e1e644971d368e8f936', name: "label" })), index.h("slot", { key: 'b48c03e8b28fdebc7edaa25f51a5544f75cca6c8', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-selector-cards-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;
@@ -16,7 +16,7 @@ const GuxSelectorCards = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: 'f03b6a29a045a76215af8578416743e0287ecd0f', class: "gux-selector-cards" }, index.h("slot", { key: 'd2f29e773aac82a43e511f7e67cbef0f7c20f262' })));
+        return (index.h("div", { key: '28d954d69949d8b6a5a0490d7aa2d46eeebd2cc6', class: "gux-selector-cards" }, index.h("slot", { key: '205af7961226792ac7ceecfcfa3101e02090b1c2' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-side-panel-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxSidePanelCss = ":host{display:block;inline-size:fit-content;block-size:100%}:host([size=large]){max-inline-size:50%}.gux-side-panel{position:relative;display:flex;flex-direction:column;inline-size:calc(100vw - var(--gse-ui-sidePanel-shoud-minWidth));block-size:inherit;background-color:var(--gse-ui-sidePanel-backgroundColor);box-shadow:var(--gse-ui-sidePanel-boxShadow-offsetX) var(--gse-ui-sidePanel-boxShadow-offsetY) var(--gse-ui-sidePanel-boxShadow-blur) var(--gse-ui-sidePanel-boxShadow-spread) var(--gse-ui-sidePanel-boxShadow-color)}.gux-side-panel.gux-side-panel-small{max-inline-size:var(--gse-ui-sidePanel-widthSize-sm)}.gux-side-panel.gux-side-panel-medium{max-inline-size:var(--gse-ui-sidePanel-widthSize-md)}.gux-side-panel.gux-side-panel-large{max-inline-size:var(--gse-ui-sidePanel-widthSize-lg)}.gux-side-panel>header{position:relative;padding:var(--gse-ui-sidePanel-header-padding);border-block-end:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel>header gux-dismiss-button{position:absolute;inset-block-start:calc(var(--gse-ui-sidePanel-header-dismiss-padding) - var(--gse-ui-modal-dismissButton-paddingTop));inset-inline-end:calc(var(--gse-ui-modal-dismissButton-paddingRight) - var(--gse-ui-sidePanel-header-dismiss-padding));display:block}.gux-side-panel .gux-side-panel-description{margin:var(--gse-ui-sidePanel-description-padding) !important}.gux-side-panel .gux-side-panel-content{display:flex;flex:1 1 100%;padding:var(--gse-ui-sidePanel-body-padding);overflow-y:auto;font-family:var(--gse-ui-sidePanel-description-text-fontFamily);font-size:var(--gse-ui-sidePanel-description-text-fontSize);font-weight:var(--gse-ui-sidePanel-description-text-fontWeight);line-height:var(--gse-ui-sidePanel-description-text-lineHeight);color:var(--gse-ui-sidePanel-descriptionColor)}.gux-side-panel>footer{flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel-description ::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
@@ -28,10 +28,10 @@ const GuxSidePanel = class {
         return null;
     }
     render() {
-        return (index.h("div", { key: '07e34d61e328ca7d29b2405edff8a51d4b91d62b', class: {
+        return (index.h("div", { key: 'ceca7e10b604a619bb385e0619913bf1fa7b3b24', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, index.h("header", { key: '61024628df2d0f2b89668e3abeeaa5047aa60164' }, index.h("gux-dismiss-button", { key: '25db410c7c7eb671c34b1a211cde19920ffb4dbf', position: "inherit", onClick: this.onDismissHandler.bind(this) }), index.h("slot", { key: '3c0b85f9d5cf9184ac99139dd649ae83c5599773', name: "heading" })), this.renderDescription(), index.h("div", { key: '9e70a18b4876be722d5e542b3db8052e1e47640d', class: "gux-side-panel-content" }, index.h("slot", { key: 'b59de7fa06f20042f5e6abfb1bd914fa5839cda5', name: "content" })), index.h("footer", { key: 'bb66cb613ed9d379290ce700ffcd9a044f1c44b6' }, index.h("slot", { key: 'e6b36a71976aab45d69ffc277a0fde4e1b41fae2', name: "footer" }))));
+            } }, index.h("header", { key: 'cb2c914299013c93bbada6751a39d1b6fdf9bf36' }, index.h("gux-dismiss-button", { key: '13615da20e162f08135cd13e71e9c5aadc9dd6ed', position: "inherit", onClick: this.onDismissHandler.bind(this) }), index.h("slot", { key: '8ea7cfe36f4e612754a1f5e7e788b4c15a64b3fa', name: "heading" })), this.renderDescription(), index.h("div", { key: '6d94ca8ba56886026e8e32ac2062063849e60875', class: "gux-side-panel-content" }, index.h("slot", { key: 'ee16b473aae7cc512934a238d4e9109ac5f35d31', name: "content" })), index.h("footer", { key: '11b8cbe1e90b8d24065f438021d6af1a09590a3e' }, index.h("slot", { key: 'ce5f280c7c98176df5b9ef0c3dbebdd718fafbbf', name: "footer" }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-side-panel-heading.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 
 const guxSidePanelHeadingCss = ":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;font-family:var(--gse-ui-sidePanel-heading-text-fontFamily);font-size:var(--gse-ui-sidePanel-heading-text-fontSize);font-weight:var(--gse-ui-sidePanel-heading-text-fontWeight);line-height:var(--gse-ui-sidePanel-heading-text-lineHeight);color:var(--gse-ui-sidePanel-headerColor)}";
 const GuxSidePanelHeadingStyle0 = guxSidePanelHeadingCss;
@@ -19,7 +19,7 @@ const GuxSidePanelHeading = class {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (index.h(this.headingTag, { key: '22b9bcffb02db315742634ad1e527de00b46d92e' }, this.iconName && (index.h("gux-icon", { key: 'ca114da4d13b3057686ce38231fa4b295b6fd5c1', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: '0f801e2c62860b332fd390ce41f8ec936b29383e' }, index.h("slot", { key: '9c093f438dcd26ba9faae83e0ea80ddeea8bb02a' }))));
+        return (index.h(this.headingTag, { key: 'ed1f9f21620f8b0c97db279e1761d85ac98131ba' }, this.iconName && (index.h("gux-icon", { key: 'f5dab3c3008a99d9f4c4420cabe4544c902125db', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: '959e8f86b385e067fb607b5b003fbc9c16a204fd' }, index.h("slot", { key: '3068e6c69dfb361b8d73f75ba65c1e73a1e65944' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;
@@ -18,7 +18,7 @@ const GuxSimpleToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'f8afded47dd5d8aa1e06d12fc5a8e132bef8c914' }, index.h("div", { key: 'ee392128cd1ce75f6dda9dec608ba2094e9984ad', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '9bff6a2b1bfce3baf96896408fa91e01abbecbe7', name: "icon" })), index.h("gux-truncate", { key: 'd1e617b3f2bceaa4ee8df7622b8e6f0e9f669cad', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '547784600e9746065fb781a47a8cec7ed7583ea4', name: "message" })), index.h("gux-dismiss-button", { key: 'b3cd1efe52992185bb10355012ddc7f681b2ed42', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '79e000bdc7f93c85b0efd8023dc666c62f76640f' }, index.h("div", { key: 'ae22030cf22f888a83f6037ff31a885f348d1dba', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'c558459e87e8e04cd42d75c7b4cf35b9e492dec2', name: "icon" })), index.h("gux-truncate", { key: 'e841e88fc4f3c3e2ea8d02517238a7aa46afc910', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'ef7c92db91c54b6c8d59b38a591780b720ac8b06', name: "message" })), index.h("gux-dismiss-button", { key: 'cc251bac923a15905fd9d347874db738d96c0488', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-skip-navigation-item.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 
-const guxSkipNavigationItemCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit}::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}";
+const guxSkipNavigationItemCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit}::slotted(a){padding:12px;font-size:2rem;background-color:var(--gse-semantic-background-container-elevated-default)}";
 const GuxSkipNavigationItemStyle0 = guxSkipNavigationItemCss;
 
 const GuxSkipNavigationItem = class {
@@ -12,7 +12,7 @@ const GuxSkipNavigationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'a8b0b7347eac62652b13c9338888aab1d7894252', role: "listitem" }, index.h("slot", { key: '3f62e9008a9a40e9a83c84c6ff950dcbc71e4d0e' })));
+        return (index.h(index.Host, { key: '4c569b814e1470c5a145fc2b9cca20eaf2c1c474', role: "listitem" }, index.h("slot", { key: '1b15955f2536eaa0f81cab121f9e8389e0fd5f76' })));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/gux-skip-navigation-list.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-2ca86a7f.js');
+const index$1 = require('./index-643c40f5.js');
+const usage = require('./usage-7cad50c2.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const navigationName = "Skip links navigation";
@@ -24,7 +24,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '4df452a56a43d87e1cf8838f45c48b270db5b9a1', class: "gux-container" }, index.h("nav", { key: 'fc919e9b56aa696dea3e788ecd0623cfe2281bb6', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '260e45a4936e39e5b5ad81f27fd66379f34e850f', role: "list" }, index.h("slot", { key: '8d8e2ccdd9dfd4e862a2ba2a71137add4bb903fe' })))));
+        return (index.h("div", { key: '31931a8040491d2c6f3c8acd48c7a7add61d857f', class: "gux-container" }, index.h("nav", { key: '44ce55d65c249095ce584f65e02d8326679f4914', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: 'fc59ff19be768f050705c3c075566b32b9cff739', role: "list" }, index.h("slot", { key: 'fd96890a121c2b4a794218f8c9611af8e8ae337c' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-sort-control.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-2ca86a7f.js');
+const index$1 = require('./index-643c40f5.js');
+const usage = require('./usage-7cad50c2.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');
@@ -108,13 +108,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'b5c31b76f0650c99660b82ba7e138c2ffe73d862', class: "gux-container" }, index.h("button", { key: 'ddc6555222b297512fa7fcbf56dd84ba3606b5e7', class: {
+        return (index.h("div", { key: '40e7c8d9a0d796d49f79e8dd7782f506a00e9e19', class: "gux-container" }, index.h("button", { key: '82380f87e757ffb8c92dabf3739fe672ab9e0e7a', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: 'de397bdbc0d505b29c5d4d2be63055230acb013e', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '11ed94c01a3550ce69702331176486410855afe7', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'ba4556d977a969d7b07e362373a020b8614b1bb8', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'cfee77d16c9deaf5bd9b355d4bb6605a9213eebd', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -146,13 +146,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'eab7a3616ec0b1f59b526674466eb1329aa163ee' }, index.h("button", { key: '941e9461e99b14a6cfe379049fdfcaea7db69ca0', type: "button", class: {
+        return (index.h(index.Host, { key: '1bb30d8045366579b327f32f954d64c3360efa11' }, index.h("button", { key: '250c1b657beb520885a0493710e8d95f77f5b665', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '726ed8a7db7dc1d1d993a42978017516b0b24fa7', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '6447bf5b5b941539ffc7fd2ede2c193ccc94c8a7', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: 'b5099f4dfd9462a93ef267788f9224fd9948bd2f', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: 'f90df17dd3319c396dfc2e8f534b593e705155ae', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '8f160feb2f71d3dc81d85fda8a69b0c96501919d', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '14ce7670127c3fedbd84495d2aa30b16a20ecee4', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: 'eaa64209b6c04de5cfd0983a805637c92f383346', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'f77cd8a4af7fc8e0050ce82ae083bae96320780b' })))));
+            } }, index.h("div", { key: 'a10887b4f33703674550e3c68a03e11492dd55cb', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'd4d85a52e5d24b1afc5a86de8a6f8044de2e63f0' })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-switch-item.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 
-const guxSwitchItemCss = "gux-switch-item>.gux-switch-item{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);font:unset;color:#2e394c;text-align:center;background:none;border:none;outline:none}gux-switch-item>.gux-switch-item>gux-icon svg{fill:#99a4b8}gux-switch-item[disabled]{pointer-events:none;opacity:0.5}gux-switch-item.gux-selected{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-bold-fontWeight)}gux-switch-legacy>gux-switch-item .gux-switch-item{padding:0 8px 4px;border-bottom:1px solid #e2e6ee}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible,gux-switch-legacy>gux-switch-item .gux-switch-item:hover{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible>gux-icon svg,gux-switch-legacy>gux-switch-item .gux-switch-item:hover>gux-icon svg{fill:#2e394c}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:2px}gux-switch-legacy>gux-switch-item .gux-switch-item>gux-icon{width:32px;height:32px}gux-switch-legacy>gux-switch-item.gux-selected .gux-switch-item{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch-legacy>gux-switch-item.gux-selected .gux-switch-item>gux-icon svg{fill:#2e394c}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item{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);padding:0 4px;border-bottom:1px solid #e2e6ee}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item:focus-visible,gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item:hover{border-bottom-color:#2e394c}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item>gux-icon{width:24px;height:24px}gux-switch-legacy.gux-small>gux-switch-item.gux-selected .gux-switch-item{border-bottom-color:#2e394c}";
+const guxSwitchItemCss = "gux-switch-item>.gux-switch-item{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);font:unset;color:#2e394c;text-align:center;background:none;border:none;outline:none}gux-switch-item>.gux-switch-item>gux-icon svg{fill:#99a4b8}gux-switch-item[disabled]{pointer-events:none;opacity:0.5}gux-switch-item.gux-selected{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-bold-fontWeight)}gux-switch-legacy>gux-switch-item .gux-switch-item{padding:0 8px 4px;border-bottom:1px solid #e2e6ee}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible,gux-switch-legacy>gux-switch-item .gux-switch-item:hover{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible>gux-icon svg,gux-switch-legacy>gux-switch-item .gux-switch-item:hover>gux-icon svg{fill:#2e394c}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:2px}gux-switch-legacy>gux-switch-item .gux-switch-item>gux-icon{width:32px;height:32px}gux-switch-legacy>gux-switch-item.gux-selected .gux-switch-item{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch-legacy>gux-switch-item.gux-selected .gux-switch-item>gux-icon svg{fill:#2e394c}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item{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);padding:0 4px;border-bottom:1px solid #e2e6ee}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item:focus-visible,gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item:hover{border-bottom-color:#2e394c}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item>gux-icon{width:24px;height:24px}gux-switch-legacy.gux-small>gux-switch-item.gux-selected .gux-switch-item{border-bottom-color:#2e394c}";
 const GuxSwitchItemStyle0 = guxSwitchItemCss;
 
 const GuxSwitchItem = class {
@@ -20,7 +20,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '133d94047c697ca14556e11b7fff787464f4a35f', class: { 'gux-selected': this.selected } }, index.h("button", { key: '765a3a84a4481fb8a0b13138248ef2c802c13307', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '1656c412e5a4ab60c0dd0375a539a8da63e68f2b' }))));
+        return (index.h(index.Host, { key: 'a370b8e9fd77aff200f82238359e6f94bc3afe65', class: { 'gux-selected': this.selected } }, index.h("button", { key: '3f8466bd5898cd5be1acce818c47473a25ef78c1', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '2a73895bb45d7b4e061105903151b8356faab372' }))));
     }
 };
 GuxSwitchItem.style = GuxSwitchItemStyle0;

package/dist/cjs/gux-switch-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;
@@ -37,7 +37,7 @@ const GuxSwitch = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'a6ffdebe3ee02f5020d9a8c8deeb6079b500ed52', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '0c648e6832cdb40a1328f4b3c745ce7b2cdfb60d', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '0d02d7d3e6ff12674619c15f3b8a3804ee51ef3f', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: 'ad81b29af5e086d3aae3ba97cdf350763703120f', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-tab-advanced-list.cjs.entry.js

@@ -6,7 +6,7 @@ const index$1 = require('./index-79505d14.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const eventIsFrom = require('./event-is-from-3ab90a6c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const index$2 = require('./index-16a4179e.js');
+const index$2 = require('./index-643c40f5.js');
 const en = require('./en-85604f0f.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -3076,7 +3076,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: '768310fac97f197a936f489d2cd7b70b10edb678', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '9bc1ae9487ffe2cdbcee09dd27ad2b4f53450c61', class: "gux-scrollable-section" }, index$1.h("div", { key: '6a10f29e06b948ad82b9644285d5e08a1d2af8c0', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '6fd99216f3cf4214fcbc919b408afda63b26ec64' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: '85fa55bdd0d2c662ff8d4e85c92a1559be1a69b5', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '7740951efbb43141d9c7e53861cd66762ccdaf47', class: "gux-scrollable-section" }, index$1.h("div", { key: '5d35759735399f84ab690675a82b3aa41e627b87', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'cc2962d4ccf765b80ef58ba3a23786dcfa944c2a' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {