genesys-spark-components 4.111.5 → 4.111.6

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.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');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.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}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.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;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.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;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const navigationName = "Skip links navigation";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;

package/dist/cjs/gux-table-toolbar-action.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 const index$1 = require('./index-d7208697.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const getClosestElement = require('./get-closest-element-26170ce0.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.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}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";

package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
 const index$1 = require('./index-d7208697.js');
 const afterNextRender = require('./after-next-render-162425fe.js');

package/dist/cjs/gux-table-toolbar.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2dd05ef3.js');
 const onResize = require('./on-resize-62f7838d.js');
 const onMutation = require('./on-mutation-c0879d47.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 

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

@@ -6,7 +6,7 @@ const index = require('./index-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";
 const GuxTabsStyle0 = guxTabsCss;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 const getValidTimezone = require('./get-valid-timezone-221a0856.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-d7208697.js');

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

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-bb55ad5e.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-d7208697.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./get-closest-element-26170ce0.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 const index$1 = require('./index-d7208697.js');
 const timeZone = require('./time-zone-7ad4a25c.js');
 require('./get-closest-element-9e41d6b9.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
 const timeZone = require('./time-zone-7ad4a25c.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;inline-size:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-block-end:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-offsetX) var(--gse-ui-toast-boxShadow-offsetY) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{inline-size:100%}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-d7208697.js');
 require('./get-closest-element-9e41d6b9.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2dd05ef3.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2dd05ef3.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-3519371c.js');
+const usage = require('./usage-8b693ae3.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');

package/dist/cjs/{usage-3519371c.js → usage-8b693ae3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.111.5";
+const version = "4.111.6";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.css

@@ -46,7 +46,5 @@
   opacity: var(--gse-ui-calendarMenu-disabled-opacity);
 }
 .gux-month-calendar .gux-year-header button gux-icon {
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
   pointer-events: none;
 }

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.js

@@ -153,10 +153,10 @@ export class GuxMonthCalendar {
         return (h("div", { class: "gux-year-header" }, h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(-1), disabled: this.isPreviousYearLessThanMinYear(this.year, this.min), ref: (el) => (this.previousYearElement = el) }, h("gux-icon", { "icon-name": "custom/chevron-left-small-regular", "screenreader-text": this.i18n('changeYear', {
                 currentYear: parseInt(this.year),
                 changeYear: parseInt(this.year) - 1
-            }) })), h("div", null, this.getYearLabel(this.year)), h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(1), disabled: this.isNextYearGreaterThanMaxYear(this.year, this.max), ref: (el) => (this.nextYearElement = el), onBlur: this.nextYearElementOnBlur.bind(this) }, h("gux-icon", { "icon-name": "custom/chevron-right-small-regular", "screenreader-text": this.i18n('changeYear', {
+            }), size: "small" })), h("div", null, this.getYearLabel(this.year)), h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(1), disabled: this.isNextYearGreaterThanMaxYear(this.year, this.max), ref: (el) => (this.nextYearElement = el), onBlur: this.nextYearElementOnBlur.bind(this) }, h("gux-icon", { "icon-name": "custom/chevron-right-small-regular", "screenreader-text": this.i18n('changeYear', {
                 currentYear: parseInt(this.year),
                 changeYear: parseInt(this.year) + 1
-            }) }))));
+            }), size: "small" }))));
     }
     renderMonths() {
         const monthButtons = Array.from(new Array(12), (_, i) => String(i + 1).padStart(2, '0')).map(month => {
@@ -166,7 +166,7 @@ export class GuxMonthCalendar {
         return (h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (h("div", { key: '483d249a808cbd5d6e073ba12f0650cb5597f734', class: {
+        return (h("div", { key: '1424303403cccce25ae58839ffde139435cd7a12', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

package/dist/collection/components/beta/gux-month-picker/gux-month-picker.css

@@ -59,10 +59,6 @@
 .gux-target .gux-popup-toggle:disabled {
   color: var(--gse-ui-monthPicker-calendarStates-disabledColor);
 }
-.gux-target .gux-popup-toggle gux-icon {
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
-}
 .gux-target .gux-popup-toggle.gux-expanded {
   color: var(--gse-ui-monthPicker-calendarStates-activeColor);
 }

package/dist/collection/components/beta/gux-month-picker/gux-month-picker.js

@@ -191,7 +191,7 @@ export class GuxMonthPicker {
         return (h("button", { class: {
                 'gux-popup-toggle': true,
                 'gux-expanded': this.expanded
-            }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled }, h("gux-icon", { "icon-name": "fa/calendar-regular", "screenreader-text": this.i18n('toggleCalendar') })));
+            }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled }, h("gux-icon", { "icon-name": "fa/calendar-regular", "screenreader-text": this.i18n('toggleCalendar'), size: "small" })));
     }
     renderTarget() {
         return (h("div", { class: "gux-target", slot: "target" }, this.renderSpinnerButtons(), this.renderCalendarToggleButton()));
@@ -200,7 +200,7 @@ export class GuxMonthPicker {
         return (h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (h("gux-popup", { key: '974641d1f4e0867788a64f41fc72a76688260f37', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'df84d6a853f2820d190b7a43721018e820b584bd', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-month-picker-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-phone-input/gux-phone-input.css

@@ -100,8 +100,6 @@
   flex: 0 0 auto;
   align-self: auto;
   order: 0;
-  inline-size: var(--gse-ui-phoneInput-dropdown-icon-width);
-  block-size: var(--gse-ui-phoneInput-dropdown-icon-height);
   color: var(--gse-ui-phoneInput-dropdown-foregroundColor);
 }
 
@@ -141,8 +139,6 @@
 .gux-option-content gux-icon {
   position: relative;
   inset-inline-start: 4px;
-  inline-size: var(--gse-ui-phoneInput-dropdown-icon-width);
-  block-size: var(--gse-ui-phoneInput-dropdown-icon-height);
   color: var(--gse-ui-formControl-input-inputIcon-defaultColor);
 }
 

package/dist/collection/components/beta/gux-phone-input/gux-phone-input.js

@@ -329,7 +329,7 @@ export class GuxPhoneInput {
     }
     renderExpandIcon() {
         if (!this.disabled) {
-            return (h("gux-icon", { class: "gux-expand-icon", iconName: "custom/chevron-down-small-regular", decorative: true }));
+            return (h("gux-icon", { class: "gux-expand-icon", size: "small", iconName: "custom/chevron-down-small-regular", decorative: true }));
         }
     }
     renderCountryButton() {
@@ -341,7 +341,7 @@ export class GuxPhoneInput {
     }
     renderButtonDisplay() {
         var _a, _b;
-        return (h("div", { class: "gux-selected-option" }, this.region ? (h("gux-flag-icon-beta", { flag: (_a = this.region) === null || _a === void 0 ? void 0 : _a.alpha2Code, "screenreader-text": this.i18n((_b = this.region) === null || _b === void 0 ? void 0 : _b.alpha2Code) })) : (h("gux-icon", { "icon-name": "fa/earth-africa-regular", "screenreader-text": this.i18n('unknownRegion') }))));
+        return (h("div", { class: "gux-selected-option" }, this.region ? (h("gux-flag-icon-beta", { flag: (_a = this.region) === null || _a === void 0 ? void 0 : _a.alpha2Code, "screenreader-text": this.i18n((_b = this.region) === null || _b === void 0 ? void 0 : _b.alpha2Code) })) : (h("gux-icon", { size: "small", "icon-name": "fa/earth-africa-regular", "screenreader-text": this.i18n('unknownRegion') }))));
     }
     renderInput() {
         return (h("div", { class: "gux-input", onClick: () => focusInputElement(this.inputElement) }, h("input", { id: 'tel-input', class: {
@@ -357,14 +357,14 @@ export class GuxPhoneInput {
     }
     getRegionOptions() {
         return [
-            (h("gux-option", { value: "" }, h("span", { class: "gux-option-content" }, h("gux-icon", { "icon-name": "fa/earth-africa-regular", decorative: true }), h("span", null, this.i18n('unknownRegion'), ' ', h("span", { class: "gux-country-code" }, "(+)")))))
+            (h("gux-option", { value: "" }, h("span", { class: "gux-option-content" }, h("gux-icon", { "icon-name": "fa/earth-africa-regular", decorative: true, size: "small" }), h("span", null, this.i18n('unknownRegion'), ' ', h("span", { class: "gux-country-code" }, "(+)")))))
         ].concat(this.regionObjects.map(region => (h("gux-option", { value: region.alpha2Code }, h("span", { class: "gux-option-content" }, h("gux-flag-icon-beta", { flag: region.alpha2Code }), h("span", null, region.name, ' ', h("span", { class: "gux-country-code" }, "(", region.dialCode, ")")))))));
     }
     renderPopup() {
         return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (h("gux-popup", { key: '9486015223b4b9033b10c67fce3f2178c9041912', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '1328101d17ba82ed15277fa2d8a56c2dff011614', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-phone-input-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,8 +9,4 @@ gux-button-slot {
 gux-button-slot button.gux-is-pressed {
   color: var(--gse-ui-button-ghost-active-foregroundColor);
   background-color: var(--gse-ui-button-ghost-active-backgroundColor);
-}
-gux-button-slot gux-icon {
-  inline-size: var(--gse-ui-button-icon-size);
-  block-size: var(--gse-ui-button-icon-size);
 }

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

@@ -19,7 +19,7 @@ export class GuxRichTextEditorAction {
         }
     }
     renderActionButton() {
-        return (h("gux-button-slot", { accent: "ghost", "icon-only": true }, h("button", { type: "button", disabled: this.disabled || hasDisabledParent(this.root), class: { 'gux-is-pressed': this.isActive }, "aria-pressed": this.isActive.toString() }, h("gux-icon", { "icon-name": returnActionTypeIcon(this.action), "screenreader-text": this.i18n(this.action) })), this.renderTooltip()));
+        return (h("gux-button-slot", { accent: "ghost", "icon-only": true }, h("button", { type: "button", disabled: this.disabled || hasDisabledParent(this.root), class: { 'gux-is-pressed': this.isActive }, "aria-pressed": this.isActive.toString() }, h("gux-icon", { "icon-name": returnActionTypeIcon(this.action), "screenreader-text": this.i18n(this.action), size: "small" })), this.renderTooltip()));
     }
     render() {
         return this.renderActionButton();

package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.css

@@ -79,10 +79,6 @@ section.gux-disabled > * {
   transition: transform 0.5s ease;
   transform-origin: center;
 }
-.gux-header .gux-header-icon gux-icon {
-  inline-size: var(--gse-ui-accordion-header-chevronIcon);
-  block-size: var(--gse-ui-accordion-header-chevronIcon);
-}
 .gux-header .gux-header-icon.gux-arrow-position-start {
   order: -1;
   margin-inline-end: var(--gse-ui-accordion-header-gap);

package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.js

@@ -53,11 +53,11 @@ export class GuxAccordionSection {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '2f9e7ffc3c7e8e7795ed657ce5f9f4d2fb078fac', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '406f671e27bc979369ce9d1d6ff8f9e17c68c64f', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '472ae3b19fe6426d3759b40d7f5a30a034ec9526', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '9148d1249f8003d6eac0b157d2d06fff38610ec2', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: 'bebe2c5d0cb3a1d85d7801956b9e151d880a7cac', name: "content" }))));
+            } }, h("slot", { key: '573310bda4fde101f7777b80bd4fd1235817794e', name: "content" }))));
     }
     static get is() { return "gux-accordion-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-action-button/gux-action-button.css

@@ -30,10 +30,6 @@
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
-.gux-action-button-container .gux-dropdown-button button gux-icon {
-  inline-size: var(--gse-ui-button-icon-size);
-  block-size: var(--gse-ui-button-icon-size);
-}
 .gux-action-button-container .gux-list-container {
   max-inline-size: 220px;
   max-block-size: var(--gse-ui-menu-maxHeight);

package/dist/collection/components/stable/gux-action-button/gux-action-button.js

@@ -117,7 +117,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '88ce9d80a1419711e5ce9275eae436d667dd3da9', class: "gux-action-button-container" }, h("gux-popup", { key: 'ee7c3d53d74929be37d6d46f1d7dd646201c6e21', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'b316451cf695d9df6b7b0f22e33a7d42a5b815ab', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '2cf4ab77e5b6ebc1d6a1497c93cf4d3f37a905a5', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '4aaa914bcad1a69311cc9fffbfc6223271d952cb', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '215abbf9563ed38b34865286d9da3a25a6fb25b9', name: "title" }))), h("gux-button-slot", { key: '9af9d7f65973b3f22c35fd39c0ce048b859890ea', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'ac90a2a82484c33185beba650dee2359086801f2', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '3528f2a14a38e01e0cbeffc5a59e52c328a7e966', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '49484768f95f095dac25fb017fa16a224fd15dbb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a3a65a94f2d26048119b9ac992597dde5b10b57f', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '794ccff88f0f744fff1bd231cd42d10c683191ff' }))))));
+        return (h("div", { key: '88ce9d80a1419711e5ce9275eae436d667dd3da9', class: "gux-action-button-container" }, h("gux-popup", { key: 'ee7c3d53d74929be37d6d46f1d7dd646201c6e21', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'b316451cf695d9df6b7b0f22e33a7d42a5b815ab', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '2cf4ab77e5b6ebc1d6a1497c93cf4d3f37a905a5', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '4aaa914bcad1a69311cc9fffbfc6223271d952cb', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '215abbf9563ed38b34865286d9da3a25a6fb25b9', name: "title" }))), h("gux-button-slot", { key: '9af9d7f65973b3f22c35fd39c0ce048b859890ea', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'ac90a2a82484c33185beba650dee2359086801f2', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '8f1e58ab99fb43087dbe7607bba021daa6b4cf6f', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'a7559a6fe83382e19b0abc833921e78c2bc8c7f3', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a7f46daf8b8cb67d43110631832a4c33e00ded16', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'b84cfe2bfb437694aa37a36d79c7353e4e37bd64' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-button-multi/gux-button-multi.css

@@ -9,8 +9,6 @@
   align-items: center;
 }
 .gux-button-multi-container .gux-dropdown-button button gux-icon {
-  inline-size: var(--gse-ui-button-icon-size);
-  block-size: var(--gse-ui-button-icon-size);
   margin-inline-start: var(--gse-ui-button-gap);
 }
 

package/dist/collection/components/stable/gux-button-multi/gux-button-multi.js

@@ -104,7 +104,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '10d1528af7efd00e7c4415726bc57c352ef5284b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'c7de7004a3f4aa2d9659bbc022173da8ec10c97e', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'de8a229b7291253e8cfb2534228ee4bcf60d326c', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '90afedc920703e2f9e63f50548d22d993ddf9ecc', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '0f6cd99b832d3bc9550a6615133b6662dd931170', name: "title" }), h("gux-icon", { key: 'd398494d0407efc12ff34df6cc18b6f3d65cf9ff', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '5fc305712b22a4b0bad98fb834f99fe1c8cc3a1e', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f552de451f28c23ef13c24697033655acb70c474', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '3406e7b6dee062b03fa8f089e4c8434d2fe9631e' })))));
+        return (h("gux-popup", { key: '10d1528af7efd00e7c4415726bc57c352ef5284b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'c7de7004a3f4aa2d9659bbc022173da8ec10c97e', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'de8a229b7291253e8cfb2534228ee4bcf60d326c', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '90afedc920703e2f9e63f50548d22d993ddf9ecc', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '0f6cd99b832d3bc9550a6615133b6662dd931170', name: "title" }), h("gux-icon", { key: '950eaf6afd882dd38acaf6d4b609731384cdb6bd', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '2609713522b28c3a69bb4718f543adce3afad2cf', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd9514712693d016ed0f11bbdbcd8d438401e8a28', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '006fa1bf3cf0e1635d20343eb4b187a5b40f8680' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,8 +38,6 @@
   inset-inline-end: 18px;
 }
 .gux-calendar .gux-header button gux-icon {
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
   pointer-events: none;
 }
 .gux-calendar .gux-header .gux-month-list {

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

@@ -322,7 +322,7 @@ export class GuxCalendar {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '9bbc75e2c3765e37a075ce0d2b85dfcc66de6766', class: "gux-calendar" }, h("div", { key: '8a23859bd12b81147a126f662b5d7d5c79c0b6a7', class: "gux-header" }, h("button", { key: '1a4969d0fa5df455a5a589365e32dc474279ac47', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'b81a50a65e47739143c12cbc2bb726f15c9b32eb', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '60cafb513fb1954760894aa377ea5ac71b1d14df', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '34bce7f7c4a4cf407e59ca6f3dfce3856769ee16', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '7a3751a545428f2192391f88deb943941f4b822f', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '9bbc75e2c3765e37a075ce0d2b85dfcc66de6766', class: "gux-calendar" }, h("div", { key: '8a23859bd12b81147a126f662b5d7d5c79c0b6a7', class: "gux-header" }, h("button", { key: '1a4969d0fa5df455a5a589365e32dc474279ac47', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '4cf69dac10bb9696cb2f2d99f2a9c071a0509550', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '3397936d9e5e0c907e689dddb7d4edee45f6bab2', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '11758779c91528272790e8963b7788e499c25e5d', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'cd1acead3b41837e70f0aec2a1f7092905864206', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     static get is() { return "gux-calendar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-content-search/gux-content-search.css

@@ -79,8 +79,6 @@
   opacity: var(--gse-ui-formControl-input-disabled-opacity);
 }
 .gux-content-search .gux-search-icon gux-icon {
-  inline-size: var(--gse-ui-search-counter-icon-width);
-  block-size: var(--gse-ui-search-counter-icon-height);
   color: var(--gse-ui-formControl-input-inputIcon-defaultColor);
 }
 .gux-content-search .gux-content-control-panel {
@@ -93,10 +91,6 @@
   align-items: center;
   padding: 0;
 }
-.gux-content-search .gux-content-control-panel gux-icon {
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
-}
 .gux-content-search .gux-content-control-panel button {
   display: block;
   align-items: center;

package/dist/collection/components/stable/gux-content-search/gux-content-search.js

@@ -49,7 +49,7 @@ export class GuxContentSearch {
         return (h("div", { key: 'f92c07b3fcc3fde5904db8874d3cd9f2a46cbcb3', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '339f115cecc425b8a09826acedc108c306fae865', class: "gux-search-icon" }, h("gux-icon", { key: '809dc13d39dcfde0b2f26e0a0317c7307f0c950d', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'd2b0566ab5910055da0ffda28fd890bf9290983c' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '339f115cecc425b8a09826acedc108c306fae865', class: "gux-search-icon" }, h("gux-icon", { key: '7a4a4352158877dcc16a9792c1d92360e2cf17cb', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '8e2d7791bd8a1cf5ef957258ab67005f5d72577a' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {
@@ -60,7 +60,7 @@ export class GuxContentSearch {
                 }, "aria-disabled": disableNavigationPanel.toString() }, h("span", { class: {
                     'gux-navigation-result': true,
                     'gux-navigation-result-disabled': disableNavigationPanel
-                } }, this.matchCountResult()), h("div", { class: "gux-navigation-buttons" }, h("button", { type: "button", class: "gux-previous-button", title: this.i18n('navigatePreviousBtn'), "aria-label": this.i18n('navigatePreviousBtn'), onClick: () => this.previousClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "fa/caret-up-solid" })), h("button", { type: "button", class: "gux-next-button", title: this.i18n('navigateNextBtn'), "aria-label": this.i18n('navigateNextBtn'), onClick: () => this.nextClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "fa/caret-down-solid" }))), h("div", { class: "gux-navigation-divider" })), h("button", { class: "gux-clear-button", tabIndex: -1, type: "button", title: this.i18n('clear'), onClick: () => void this.clear(), disabled: disableNavigationPanel }, h("gux-icon", { "icon-name": "fa/xmark-large-regular", decorative: true }))));
+                } }, this.matchCountResult()), h("div", { class: "gux-navigation-buttons" }, h("button", { type: "button", class: "gux-previous-button", title: this.i18n('navigatePreviousBtn'), "aria-label": this.i18n('navigatePreviousBtn'), onClick: () => this.previousClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "fa/caret-up-solid", size: "small" })), h("button", { type: "button", class: "gux-next-button", title: this.i18n('navigateNextBtn'), "aria-label": this.i18n('navigateNextBtn'), onClick: () => this.nextClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "fa/caret-down-solid", size: "small" }))), h("div", { class: "gux-navigation-divider" })), h("button", { class: "gux-clear-button", tabIndex: -1, type: "button", title: this.i18n('clear'), onClick: () => void this.clear(), disabled: disableNavigationPanel }, h("gux-icon", { "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }))));
         }
         return null;
     }

package/dist/collection/components/stable/gux-context-menu/gux-context-menu.css

@@ -5,8 +5,6 @@
 }
 
 gux-icon {
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
   color: var(--gse-ui-button-ghost-default-foregroundColor);
 }