@eui/components 17.0.0-next.21 → 17.0.0-next.23

package/fesm2022/eui-components-pipes.mjs

@@ -16,21 +16,21 @@ class EuiTruncatePipe {
         }
         return;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiTruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiTruncatePipe, name: "euiTruncate" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiTruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiTruncatePipe, name: "euiTruncate" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiTruncatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiTruncatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'euiTruncate',
                 }]
         }] });
 class EuiTruncatePipeModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiTruncatePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiTruncatePipeModule, declarations: [EuiTruncatePipe], imports: [CommonModule], exports: [EuiTruncatePipe] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiTruncatePipeModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiTruncatePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiTruncatePipeModule, declarations: [EuiTruncatePipe], imports: [CommonModule], exports: [EuiTruncatePipe] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiTruncatePipeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiTruncatePipeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiTruncatePipeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -43,10 +43,10 @@ class EuiCoerceBooleanPipe {
     transform(value) {
         return coerceBooleanProperty(value);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiCoerceBooleanPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiCoerceBooleanPipe, name: "coerceBool" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiCoerceBooleanPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiCoerceBooleanPipe, name: "coerceBool" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiCoerceBooleanPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiCoerceBooleanPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'coerceBool',
@@ -54,11 +54,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
                 }]
         }] });
 class EuiCoerceBooleanPipeModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiCoerceBooleanPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiCoerceBooleanPipeModule, declarations: [EuiCoerceBooleanPipe], imports: [CommonModule], exports: [EuiCoerceBooleanPipe] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiCoerceBooleanPipeModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiCoerceBooleanPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiCoerceBooleanPipeModule, declarations: [EuiCoerceBooleanPipe], imports: [CommonModule], exports: [EuiCoerceBooleanPipe] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiCoerceBooleanPipeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiCoerceBooleanPipeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiCoerceBooleanPipeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/fesm2022/eui-components-shared-base.mjs

@@ -1013,10 +1013,10 @@ class BaseDirective {
             .join(' ')
             .trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: BaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: BaseDirective, selector: "[euiBase]", inputs: { e2eAttr: "e2eAttr", styleClass: "styleClass", euiPrimary: "euiPrimary", euiSecondary: "euiSecondary", euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", euiAccent: "euiAccent", euiVariant: "euiVariant", euiSize2XS: "euiSize2XS", euiSizeXS: "euiSizeXS", euiSizeS: "euiSizeS", euiSizeM: "euiSizeM", euiSizeL: "euiSizeL", euiSizeXL: "euiSizeXL", euiSize2XL: "euiSize2XL", euiSize3XL: "euiSize3XL", euiSize4XL: "euiSize4XL", euiSize5XL: "euiSize5XL", euiSizeVariant: "euiSizeVariant", euiRounded: "euiRounded", euiOutline: "euiOutline", euiCompact: "euiCompact", euiDisabled: "euiDisabled", euiResponsive: "euiResponsive", euiHighlighted: "euiHighlighted", euiClearable: "euiClearable", euiLoading: "euiLoading" }, host: { properties: { "attr.aria-disabled": "this._euiDisabled.toString()", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: BaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: BaseDirective, selector: "[euiBase]", inputs: { e2eAttr: "e2eAttr", styleClass: "styleClass", euiPrimary: "euiPrimary", euiSecondary: "euiSecondary", euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", euiAccent: "euiAccent", euiVariant: "euiVariant", euiSize2XS: "euiSize2XS", euiSizeXS: "euiSizeXS", euiSizeS: "euiSizeS", euiSizeM: "euiSizeM", euiSizeL: "euiSizeL", euiSizeXL: "euiSizeXL", euiSize2XL: "euiSize2XL", euiSize3XL: "euiSize3XL", euiSize4XL: "euiSize4XL", euiSize5XL: "euiSize5XL", euiSizeVariant: "euiSizeVariant", euiRounded: "euiRounded", euiOutline: "euiOutline", euiCompact: "euiCompact", euiDisabled: "euiDisabled", euiResponsive: "euiResponsive", euiHighlighted: "euiHighlighted", euiClearable: "euiClearable", euiLoading: "euiLoading" }, host: { properties: { "attr.aria-disabled": "this._euiDisabled.toString()", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: BaseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: BaseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euiBase]',
@@ -1304,8 +1304,8 @@ class BaseStatesDirective {
             .join(' ')
             .trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: BaseStatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: BaseStatesDirective, isStandalone: true, selector: "[euiBase]", inputs: { euiPrimary: "euiPrimary", euiSecondary: "euiSecondary", euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", euiAccent: "euiAccent", euiVariant: "euiVariant", euiSize2XS: "euiSize2XS", euiSizeXS: "euiSizeXS", euiSizeS: "euiSizeS", euiSizeM: "euiSizeM", euiSizeL: "euiSizeL", euiSizeXL: "euiSizeXL", euiSize2XL: "euiSize2XL", euiSize3XL: "euiSize3XL", euiSize4XL: "euiSize4XL", euiSize5XL: "euiSize5XL", euiSizeVariant: "euiSizeVariant", euiRounded: "euiRounded", euiOutline: "euiOutline", euiCompact: "euiCompact", euiDisabled: "euiDisabled", euiResponsive: "euiResponsive", euiHighlighted: "euiHighlighted", euiClearable: "euiClearable", euiLoading: "euiLoading", euiInverted: "euiInverted" }, host: { properties: { "attr.aria-disabled": "this.euiDisabled.toString()" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: BaseStatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: BaseStatesDirective, isStandalone: true, selector: "[euiBase]", inputs: { euiPrimary: "euiPrimary", euiSecondary: "euiSecondary", euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", euiAccent: "euiAccent", euiVariant: "euiVariant", euiSize2XS: "euiSize2XS", euiSizeXS: "euiSizeXS", euiSizeS: "euiSizeS", euiSizeM: "euiSizeM", euiSizeL: "euiSizeL", euiSizeXL: "euiSizeXL", euiSize2XL: "euiSize2XL", euiSize3XL: "euiSize3XL", euiSize4XL: "euiSize4XL", euiSize5XL: "euiSize5XL", euiSizeVariant: "euiSizeVariant", euiRounded: "euiRounded", euiOutline: "euiOutline", euiCompact: "euiCompact", euiDisabled: "euiDisabled", euiResponsive: "euiResponsive", euiHighlighted: "euiHighlighted", euiClearable: "euiClearable", euiLoading: "euiLoading", euiInverted: "euiInverted" }, host: { properties: { "attr.aria-disabled": "this.euiDisabled.toString()" } }, ngImport: i0 }); }
 }
 __decorate([
     coerceBoolean
@@ -1334,7 +1334,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], BaseStatesDirective.prototype, "euiInverted", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: BaseStatesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: BaseStatesDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/fesm2022/eui-components-shared.mjs

@@ -10,7 +10,7 @@ import { EuiTooltipDirectiveModule } from '@eui/components/directives';
 import { __decorate } from 'tslib';
 import { coerceBoolean } from '@eui/base';
 import { NgControl, FormControlName, FormGroupDirective, FormControlDirective } from '@angular/forms';
-import { mixinEuiDisabled, mixinEuiDanger } from '@eui/components/shared/base';
+import { mixinEuiDanger, mixinEuiDisabled } from '@eui/components/shared/base';
 export * from '@eui/components/shared/base';
 
 class EuiExpandContentComponent {
@@ -33,10 +33,10 @@ class EuiExpandContentComponent {
         this.isCollapsed = !this.isCollapsed;
         this.collapsed.emit(this.isCollapsed);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiExpandContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiExpandContentComponent, selector: "eui-expand-content", inputs: { isCollapsed: "isCollapsed", expandLabel: "expandLabel", collapseLabel: "collapseLabel" }, outputs: { collapsed: "collapsed" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<div *ngIf=\"!isCollapsed\" class=\"eui-expand-content__body\">\n    <ng-content></ng-content>\n</div>\n<div\n    class=\"eui-button__expand-trigger\"\n    [class.eui-button__expand-trigger--collapsed]=\"isCollapsed\"\n    role=\"document\"\n    (click)=\"onToggle()\"\n    aria-label=\"Expand / Collapse trigger\">\n    <button type=\"button\" *ngIf=\"isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Expand\">\n        <span *ngIf=\"expandLabel\" class=\"eui-label eui-u-color-grey-dark eui-u-mr-xs\">{{ expandLabel }}</span>\n        <eui-icon-svg icon=\"eui-chevron-down\"></eui-icon-svg>\n    </button>\n    <button type=\"button\" *ngIf=\"!isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Collapse\">\n        <span *ngIf=\"collapseLabel\" class=\"eui-label eui-u-color-grey-dark eui-u-mr-xs\">{{ collapseLabel }}</span>\n        <eui-icon-svg icon=\"eui-chevron-up\"></eui-icon-svg>\n    </button>\n</div>\n", styles: [".eui-expand-content{display:flex;flex-direction:column;position:relative;width:100%}.eui-expand-content__body{display:flex;padding-top:var(--eui-base-spacing-m);width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiExpandContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiExpandContentComponent, selector: "eui-expand-content", inputs: { isCollapsed: "isCollapsed", expandLabel: "expandLabel", collapseLabel: "collapseLabel" }, outputs: { collapsed: "collapsed" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<div *ngIf=\"!isCollapsed\" class=\"eui-expand-content__body\">\n    <ng-content></ng-content>\n</div>\n<div\n    class=\"eui-button__expand-trigger\"\n    [class.eui-button__expand-trigger--collapsed]=\"isCollapsed\"\n    role=\"document\"\n    (click)=\"onToggle()\"\n    aria-label=\"Expand / Collapse trigger\">\n    <button type=\"button\" *ngIf=\"isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Expand\">\n        <span *ngIf=\"expandLabel\" class=\"eui-label eui-u-color-grey-dark eui-u-mr-xs\">{{ expandLabel }}</span>\n        <eui-icon-svg icon=\"eui-chevron-down\"></eui-icon-svg>\n    </button>\n    <button type=\"button\" *ngIf=\"!isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Collapse\">\n        <span *ngIf=\"collapseLabel\" class=\"eui-label eui-u-color-grey-dark eui-u-mr-xs\">{{ collapseLabel }}</span>\n        <eui-icon-svg icon=\"eui-chevron-up\"></eui-icon-svg>\n    </button>\n</div>\n", styles: [".eui-expand-content{display:flex;flex-direction:column;position:relative;width:100%}.eui-expand-content__body{display:flex;padding-top:var(--eui-base-spacing-m);width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiExpandContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiExpandContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-expand-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"!isCollapsed\" class=\"eui-expand-content__body\">\n    <ng-content></ng-content>\n</div>\n<div\n    class=\"eui-button__expand-trigger\"\n    [class.eui-button__expand-trigger--collapsed]=\"isCollapsed\"\n    role=\"document\"\n    (click)=\"onToggle()\"\n    aria-label=\"Expand / Collapse trigger\">\n    <button type=\"button\" *ngIf=\"isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Expand\">\n        <span *ngIf=\"expandLabel\" class=\"eui-label eui-u-color-grey-dark eui-u-mr-xs\">{{ expandLabel }}</span>\n        <eui-icon-svg icon=\"eui-chevron-down\"></eui-icon-svg>\n    </button>\n    <button type=\"button\" *ngIf=\"!isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Collapse\">\n        <span *ngIf=\"collapseLabel\" class=\"eui-label eui-u-color-grey-dark eui-u-mr-xs\">{{ collapseLabel }}</span>\n        <eui-icon-svg icon=\"eui-chevron-up\"></eui-icon-svg>\n    </button>\n</div>\n", styles: [".eui-expand-content{display:flex;flex-direction:column;position:relative;width:100%}.eui-expand-content__body{display:flex;padding-top:var(--eui-base-spacing-m);width:100%}\n"] }]
         }], propDecorators: { cssClasses: [{
@@ -52,11 +52,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
                 type: Output
             }] } });
 class EuiExpandContentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiExpandContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiExpandContentModule, declarations: [EuiExpandContentComponent], imports: [CommonModule, EuiIconModule], exports: [EuiExpandContentComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiExpandContentModule, imports: [CommonModule, EuiIconModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiExpandContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiExpandContentModule, declarations: [EuiExpandContentComponent], imports: [CommonModule, EuiIconModule], exports: [EuiExpandContentComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiExpandContentModule, imports: [CommonModule, EuiIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiExpandContentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiExpandContentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiIconModule],
@@ -85,10 +85,10 @@ class EuiCommonHeaderComponent {
     set isCollapsed(value) {
         this._isCollapsed = coerceBooleanProperty(value);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiCommonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiCommonHeaderComponent, selector: "eui-common-header", inputs: { label: "label", subLabel: "subLabel", labelTooltip: "labelTooltip", subLabelTooltip: "subLabelTooltip", isHighlighted: "isHighlighted", isCollapsed: "isCollapsed" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<div class=\"eui-common-header__label\">\n    <div class=\"eui-common-header__label-text\" role=\"heading\" aria-level=\"1\" attr.aria-label=\"{{ label }}\" [euiTooltip]=\"labelTooltip ? labelTooltip : null\">{{ label }}</div>\n    <div class=\"eui-common-header__actions\">\n        <ng-content></ng-content>\n    </div>\n</div>\n<div\n    *ngIf=\"subLabel\"\n    class=\"eui-common-header__sub-label\"\n    role=\"heading\"\n    aria-level=\"2\"\n    [class.eui-common-header__sub-label--collapsed]=\"isCollapsed\"\n    attr.aria-label=\"{{ subLabel }}\"\n    [euiTooltip]=\"subLabelTooltip ? subLabelTooltip : null\">\n    <div class=\"eui-common-header__sub-label-text\">{{ subLabel }}</div>\n</div>\n", styles: [".eui-common-header{display:flex;flex-direction:column;width:100%}.eui-common-header__label{align-items:center;display:flex;font-size:var(--eui-base-font-size-3xl);justify-content:space-between;width:100%}.eui-common-header__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__sub-label{align-items:center;color:var(--eui-base-color-grey-90);display:flex;justify-content:space-between;padding-top:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-common-header__sub-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__actions{display:flex;flex:1 0 auto;justify-content:flex-end;margin-left:var(--eui-base-spacing-s)}.eui-common-header__body{display:flex;padding:var(--eui-base-spacing-m);transition:all .5s;width:100%}.eui-common-header__expand-trigger{bottom:calc(-1 * var(--eui-base-spacing-xs));left:0;position:absolute;text-align:center;width:100%}.eui-common-header__expand-trigger-toggle{background:var(--eui-base-color-white);border-bottom:2px solid #9a9a9a;border-radius:50%;cursor:pointer;font-size:1.25rem;padding:.125rem .5rem}.eui-common-header__expand-trigger-toggle:hover,.eui-common-header__expand-trigger-toggle:focus{color:var(--eui-base-color-primary-100);box-shadow:var(--eui-base-shadow-2)}@media screen and (max-width: 767px){.eui-common-header__label-text,.eui-common-header__sub-label-text{white-space:normal!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-common-header__label-text,.eui-common-header__sub-label-text{white-space:normal!important}}.eui-common-header--collapsed .eui-common-header__body{transition:all .5s}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiCommonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiCommonHeaderComponent, selector: "eui-common-header", inputs: { label: "label", subLabel: "subLabel", labelTooltip: "labelTooltip", subLabelTooltip: "subLabelTooltip", isHighlighted: "isHighlighted", isCollapsed: "isCollapsed" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<div class=\"eui-common-header__label\">\n    <div class=\"eui-common-header__label-text\" role=\"heading\" aria-level=\"1\" attr.aria-label=\"{{ label }}\" [euiTooltip]=\"labelTooltip ? labelTooltip : null\">{{ label }}</div>\n    <div class=\"eui-common-header__actions\">\n        <ng-content></ng-content>\n    </div>\n</div>\n<div\n    *ngIf=\"subLabel\"\n    class=\"eui-common-header__sub-label\"\n    role=\"heading\"\n    aria-level=\"2\"\n    [class.eui-common-header__sub-label--collapsed]=\"isCollapsed\"\n    attr.aria-label=\"{{ subLabel }}\"\n    [euiTooltip]=\"subLabelTooltip ? subLabelTooltip : null\">\n    <div class=\"eui-common-header__sub-label-text\">{{ subLabel }}</div>\n</div>\n", styles: [".eui-common-header{display:flex;flex-direction:column;width:100%}.eui-common-header__label{align-items:center;display:flex;font-size:var(--eui-base-font-size-3xl);justify-content:space-between;width:100%}.eui-common-header__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__sub-label{align-items:center;color:var(--eui-base-color-grey-90);display:flex;justify-content:space-between;padding-top:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-common-header__sub-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__actions{display:flex;flex:1 0 auto;justify-content:flex-end;margin-left:var(--eui-base-spacing-s)}.eui-common-header__body{display:flex;padding:var(--eui-base-spacing-m);transition:all .5s;width:100%}.eui-common-header__expand-trigger{bottom:calc(-1 * var(--eui-base-spacing-xs));left:0;position:absolute;text-align:center;width:100%}.eui-common-header__expand-trigger-toggle{background:var(--eui-base-color-white);border-bottom:2px solid #9a9a9a;border-radius:50%;cursor:pointer;font-size:1.25rem;padding:.125rem .5rem}.eui-common-header__expand-trigger-toggle:hover,.eui-common-header__expand-trigger-toggle:focus{color:var(--eui-base-color-primary-100);box-shadow:var(--eui-base-shadow-2)}@media screen and (max-width: 767px){.eui-common-header__label-text,.eui-common-header__sub-label-text{white-space:normal!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-common-header__label-text,.eui-common-header__sub-label-text{white-space:normal!important}}.eui-common-header--collapsed .eui-common-header__body{transition:all .5s}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiCommonHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiCommonHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-common-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-common-header__label\">\n    <div class=\"eui-common-header__label-text\" role=\"heading\" aria-level=\"1\" attr.aria-label=\"{{ label }}\" [euiTooltip]=\"labelTooltip ? labelTooltip : null\">{{ label }}</div>\n    <div class=\"eui-common-header__actions\">\n        <ng-content></ng-content>\n    </div>\n</div>\n<div\n    *ngIf=\"subLabel\"\n    class=\"eui-common-header__sub-label\"\n    role=\"heading\"\n    aria-level=\"2\"\n    [class.eui-common-header__sub-label--collapsed]=\"isCollapsed\"\n    attr.aria-label=\"{{ subLabel }}\"\n    [euiTooltip]=\"subLabelTooltip ? subLabelTooltip : null\">\n    <div class=\"eui-common-header__sub-label-text\">{{ subLabel }}</div>\n</div>\n", styles: [".eui-common-header{display:flex;flex-direction:column;width:100%}.eui-common-header__label{align-items:center;display:flex;font-size:var(--eui-base-font-size-3xl);justify-content:space-between;width:100%}.eui-common-header__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__sub-label{align-items:center;color:var(--eui-base-color-grey-90);display:flex;justify-content:space-between;padding-top:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-common-header__sub-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-common-header__actions{display:flex;flex:1 0 auto;justify-content:flex-end;margin-left:var(--eui-base-spacing-s)}.eui-common-header__body{display:flex;padding:var(--eui-base-spacing-m);transition:all .5s;width:100%}.eui-common-header__expand-trigger{bottom:calc(-1 * var(--eui-base-spacing-xs));left:0;position:absolute;text-align:center;width:100%}.eui-common-header__expand-trigger-toggle{background:var(--eui-base-color-white);border-bottom:2px solid #9a9a9a;border-radius:50%;cursor:pointer;font-size:1.25rem;padding:.125rem .5rem}.eui-common-header__expand-trigger-toggle:hover,.eui-common-header__expand-trigger-toggle:focus{color:var(--eui-base-color-primary-100);box-shadow:var(--eui-base-shadow-2)}@media screen and (max-width: 767px){.eui-common-header__label-text,.eui-common-header__sub-label-text{white-space:normal!important}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-common-header__label-text,.eui-common-header__sub-label-text{white-space:normal!important}}.eui-common-header--collapsed .eui-common-header__body{transition:all .5s}\n"] }]
         }], propDecorators: { cssClasses: [{
@@ -111,11 +111,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
 /* MODULE EXPORT */
 /* ***************************************** */
 class EuiCommonHeaderModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiCommonHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiCommonHeaderModule, declarations: [EuiCommonHeaderComponent], imports: [CommonModule, EuiTooltipDirectiveModule], exports: [EuiCommonHeaderComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiCommonHeaderModule, imports: [CommonModule, EuiTooltipDirectiveModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiCommonHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiCommonHeaderModule, declarations: [EuiCommonHeaderComponent], imports: [CommonModule, EuiTooltipDirectiveModule], exports: [EuiCommonHeaderComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiCommonHeaderModule, imports: [CommonModule, EuiTooltipDirectiveModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiCommonHeaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiCommonHeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiTooltipDirectiveModule],
@@ -143,8 +143,8 @@ class EuiAccessibleButtonIconComponent {
     onClick(event) {
         this.buttonClick.emit(event);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAccessibleButtonIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiAccessibleButtonIconComponent, selector: "eui-accessible-button-icon", inputs: { iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", iconSvgSize: "iconSvgSize", ariaLabel: "ariaLabel", hasFocusBorder: "hasFocusBorder", hasNoPadding: "hasNoPadding" }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<button class=\"eui-accessible-button-icon__button\"\n        (keydown.enter)=\"onClick($event)\"\n        (keydown.backspace)=\"onClick($event)\"\n        (click)=\"onClick($event)\"\n        [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\" class=\"eui-accessible-button-icon__button-icon\"></eui-icon-svg>\n</button>\n", styles: [".eui-accessible-button-icon{display:inline-flex}.eui-accessible-button-icon__button{background-color:transparent;border:none;cursor:pointer;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}.eui-accessible-button-icon__button-icon{opacity:.9}.eui-accessible-button-icon__button:hover .eui-accessible-button-icon__button-icon,.eui-accessible-button-icon__button:focus .eui-accessible-button-icon__button-icon{opacity:1}.eui-accessible-button-icon--has-focus .eui-accessible-button-icon__button:active:not([readonly]),.eui-accessible-button-icon--has-focus .eui-accessible-button-icon__button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-accessible-button-icon--has-focus .eui-accessible-button-icon__button [tabindex=\"0\"]:active:not([readonly]),.eui-accessible-button-icon--has-focus .eui-accessible-button-icon__button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-accessible-button-icon--has-no-padding .eui-accessible-button-icon__button{padding:0}\n"], dependencies: [{ kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAccessibleButtonIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAccessibleButtonIconComponent, selector: "eui-accessible-button-icon", inputs: { iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", iconSvgSize: "iconSvgSize", ariaLabel: "ariaLabel", hasFocusBorder: "hasFocusBorder", hasNoPadding: "hasNoPadding" }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<button class=\"eui-accessible-button-icon__button\"\n        (keydown.enter)=\"onClick($event)\"\n        (keydown.backspace)=\"onClick($event)\"\n        (click)=\"onClick($event)\"\n        [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\" class=\"eui-accessible-button-icon__button-icon\"></eui-icon-svg>\n</button>\n", styles: [".eui-accessible-button-icon{display:inline-flex}.eui-accessible-button-icon__button{background-color:transparent;border:none;cursor:pointer;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}.eui-accessible-button-icon__button-icon{opacity:.9}.eui-accessible-button-icon__button:hover .eui-accessible-button-icon__button-icon,.eui-accessible-button-icon__button:focus .eui-accessible-button-icon__button-icon{opacity:1}.eui-accessible-button-icon--has-focus .eui-accessible-button-icon__button:active:not([readonly]),.eui-accessible-button-icon--has-focus .eui-accessible-button-icon__button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-accessible-button-icon--has-focus .eui-accessible-button-icon__button [tabindex=\"0\"]:active:not([readonly]),.eui-accessible-button-icon--has-focus .eui-accessible-button-icon__button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-accessible-button-icon--has-no-padding .eui-accessible-button-icon__button{padding:0}\n"], dependencies: [{ kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
@@ -152,7 +152,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EuiAccessibleButtonIconComponent.prototype, "hasNoPadding", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAccessibleButtonIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAccessibleButtonIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-accessible-button-icon', encapsulation: ViewEncapsulation.None, template: "<button class=\"eui-accessible-button-icon__button\"\n        (keydown.enter)=\"onClick($event)\"\n        (keydown.backspace)=\"onClick($event)\"\n        (click)=\"onClick($event)\"\n        [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\" class=\"eui-accessible-button-icon__button-icon\"></eui-icon-svg>\n</button>\n", styles: [".eui-accessible-button-icon{display:inline-flex}.eui-accessible-button-icon__button{background-color:transparent;border:none;cursor:pointer;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}.eui-accessible-button-icon__button-icon{opacity:.9}.eui-accessible-button-icon__button:hover .eui-accessible-button-icon__button-icon,.eui-accessible-button-icon__button:focus .eui-accessible-button-icon__button-icon{opacity:1}.eui-accessible-button-icon--has-focus .eui-accessible-button-icon__button:active:not([readonly]),.eui-accessible-button-icon--has-focus .eui-accessible-button-icon__button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-accessible-button-icon--has-focus .eui-accessible-button-icon__button [tabindex=\"0\"]:active:not([readonly]),.eui-accessible-button-icon--has-focus .eui-accessible-button-icon__button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-accessible-button-icon--has-no-padding .eui-accessible-button-icon__button{padding:0}\n"] }]
         }], propDecorators: { cssClasses: [{
@@ -174,11 +174,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
                 type: Output
             }] } });
 class EuiAccessibleButtonIconModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAccessibleButtonIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAccessibleButtonIconModule, declarations: [EuiAccessibleButtonIconComponent], imports: [CommonModule, EuiIconModule], exports: [EuiAccessibleButtonIconComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAccessibleButtonIconModule, imports: [CommonModule, EuiIconModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAccessibleButtonIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAccessibleButtonIconModule, declarations: [EuiAccessibleButtonIconComponent], imports: [CommonModule, EuiIconModule], exports: [EuiAccessibleButtonIconComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAccessibleButtonIconModule, imports: [CommonModule, EuiIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAccessibleButtonIconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAccessibleButtonIconModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiIconModule],
@@ -276,10 +276,10 @@ class InputDirective extends BaseComponentMixinBase {
     setIdAttribute(value = null) {
         this._id = value ? value : `${this._elementRef.nativeElement.type}_${Math.floor(Math.random() * 1000000)}`;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: InputDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: InputDirective, selector: "input[euiInput]", inputs: { styleClass: "styleClass", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", id: "id" }, host: { properties: { "attr.disabled": "this.disabled", "attr.readonly": "this.readonly", "attr.placeholder": "this.placeholder", "attr.id": "this.id" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: InputDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: InputDirective, selector: "input[euiInput]", inputs: { styleClass: "styleClass", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", id: "id" }, host: { properties: { "attr.disabled": "this.disabled", "attr.readonly": "this.readonly", "attr.placeholder": "this.placeholder", "attr.id": "this.id" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: InputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: InputDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@eui/components",
-    "version": "17.0.0-next.21",
+    "version": "17.0.0-next.23",
     "tag": "next",
     "description": "eUI components package - next components prior to version 9",
     "homepage": "https://eui.ecdevops.eu",
@@ -10,7 +10,7 @@
         "url": "https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/eui"
     },
     "engines": {
-        "node": "^18.13.0 || >=20.0.0",
+        "node": "^18.13.0 || >=20.9.0",
         "yarn": ">=1.22.4 <2",
         "npm": "Please use yarn instead of NPM to install dependencies"
     },
@@ -33,18 +33,18 @@
             "esm": "./esm2022/directives/eui-components-directives.mjs",
             "default": "./fesm2022/eui-components-directives.mjs"
         },
-        "./eui-all": {
-            "types": "./eui-all/index.d.ts",
-            "esm2022": "./esm2022/eui-all/eui-components-eui-all.mjs",
-            "esm": "./esm2022/eui-all/eui-components-eui-all.mjs",
-            "default": "./fesm2022/eui-components-eui-all.mjs"
-        },
         "./eui-alert": {
             "types": "./eui-alert/index.d.ts",
             "esm2022": "./esm2022/eui-alert/eui-components-eui-alert.mjs",
             "esm": "./esm2022/eui-alert/eui-components-eui-alert.mjs",
             "default": "./fesm2022/eui-components-eui-alert.mjs"
         },
+        "./eui-all": {
+            "types": "./eui-all/index.d.ts",
+            "esm2022": "./esm2022/eui-all/eui-components-eui-all.mjs",
+            "esm": "./esm2022/eui-all/eui-components-eui-all.mjs",
+            "default": "./fesm2022/eui-components-eui-all.mjs"
+        },
         "./eui-autocomplete": {
             "types": "./eui-autocomplete/index.d.ts",
             "esm2022": "./esm2022/eui-autocomplete/eui-components-eui-autocomplete.mjs",