diff --git a/src/designer/designer_packages/angular-workspace/projects/component-library/src/lib/stencil-generated/components.ts b/src/designer/designer_packages/angular-workspace/projects/component-library/src/lib/stencil-generated/components.ts
index 9b9bcbae4..5ee5bc5d3 100644
--- a/src/designer/designer_packages/angular-workspace/projects/component-library/src/lib/stencil-generated/components.ts
+++ b/src/designer/designer_packages/angular-workspace/projects/component-library/src/lib/stencil-generated/components.ts
@@ -120,28 +120,6 @@ export declare interface ElsaActivityPropertiesEditor extends Components.ElsaAct
 }
 
 
-@ProxyCmp({
-  inputs: ['notification', 'showDuration']
-})
-@Component({
-  selector: 'elsa-awhile-notifications',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['notification', 'showDuration'],
-})
-export class ElsaAwhileNotifications {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface ElsaAwhileNotifications extends Components.ElsaAwhileNotifications {}
-
-
 @ProxyCmp({
   inputs: ['buttons']
 })
@@ -1063,6 +1041,28 @@ export class ElsaToastManager {
 export declare interface ElsaToastManager extends Components.ElsaToastManager {}
 
 
+@ProxyCmp({
+  inputs: ['notification', 'showDuration']
+})
+@Component({
+  selector: 'elsa-toast-notification',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['notification', 'showDuration'],
+})
+export class ElsaToastNotification {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface ElsaToastNotification extends Components.ElsaToastNotification {}
+
+
 @ProxyCmp({
   inputs: ['tooltipContent', 'tooltipPosition']
 })
diff --git a/src/designer/designer_packages/angular-workspace/projects/component-library/src/lib/stencil-generated/index.ts b/src/designer/designer_packages/angular-workspace/projects/component-library/src/lib/stencil-generated/index.ts
index 47e41de80..850e47ab0 100644
--- a/src/designer/designer_packages/angular-workspace/projects/component-library/src/lib/stencil-generated/index.ts
+++ b/src/designer/designer_packages/angular-workspace/projects/component-library/src/lib/stencil-generated/index.ts
@@ -6,7 +6,6 @@ export const DIRECTIVES = [
   d.ElsaActivityOutputEditorDialogContent,
   d.ElsaActivityProperties,
   d.ElsaActivityPropertiesEditor,
-  d.ElsaAwhileNotifications,
   d.ElsaButtonGroup,
   d.ElsaCheckListInput,
   d.ElsaCheckboxInput,
@@ -44,6 +43,7 @@ export const DIRECTIVES = [
   d.ElsaStudio,
   d.ElsaSwitchEditor,
   d.ElsaToastManager,
+  d.ElsaToastNotification,
   d.ElsaTooltip,
   d.ElsaTypePickerInput,
   d.ElsaVariableEditorDialogContent,
diff --git a/src/designer/designer_packages/react-wrapper/lib/components/stencil-generated/index.ts b/src/designer/designer_packages/react-wrapper/lib/components/stencil-generated/index.ts
index 21bbfe342..bd8cae6fe 100644
--- a/src/designer/designer_packages/react-wrapper/lib/components/stencil-generated/index.ts
+++ b/src/designer/designer_packages/react-wrapper/lib/components/stencil-generated/index.ts
@@ -11,7 +11,6 @@ export const ElsaActivityInputEditorDialogContent = /*@__PURE__*/createReactComp
 export const ElsaActivityOutputEditorDialogContent = /*@__PURE__*/createReactComponent<JSX.ElsaActivityOutputEditorDialogContent, HTMLElsaActivityOutputEditorDialogContentElement>('elsa-activity-output-editor-dialog-content');
 export const ElsaActivityProperties = /*@__PURE__*/createReactComponent<JSX.ElsaActivityProperties, HTMLElsaActivityPropertiesElement>('elsa-activity-properties');
 export const ElsaActivityPropertiesEditor = /*@__PURE__*/createReactComponent<JSX.ElsaActivityPropertiesEditor, HTMLElsaActivityPropertiesEditorElement>('elsa-activity-properties-editor');
-export const ElsaAwhileNotifications = /*@__PURE__*/createReactComponent<JSX.ElsaAwhileNotifications, HTMLElsaAwhileNotificationsElement>('elsa-awhile-notifications');
 export const ElsaButtonGroup = /*@__PURE__*/createReactComponent<JSX.ElsaButtonGroup, HTMLElsaButtonGroupElement>('elsa-button-group');
 export const ElsaCheckListInput = /*@__PURE__*/createReactComponent<JSX.ElsaCheckListInput, HTMLElsaCheckListInputElement>('elsa-check-list-input');
 export const ElsaCheckboxInput = /*@__PURE__*/createReactComponent<JSX.ElsaCheckboxInput, HTMLElsaCheckboxInputElement>('elsa-checkbox-input');
@@ -49,6 +48,7 @@ export const ElsaSlideOverPanel = /*@__PURE__*/createReactComponent<JSX.ElsaSlid
 export const ElsaStudio = /*@__PURE__*/createReactComponent<JSX.ElsaStudio, HTMLElsaStudioElement>('elsa-studio');
 export const ElsaSwitchEditor = /*@__PURE__*/createReactComponent<JSX.ElsaSwitchEditor, HTMLElsaSwitchEditorElement>('elsa-switch-editor');
 export const ElsaToastManager = /*@__PURE__*/createReactComponent<JSX.ElsaToastManager, HTMLElsaToastManagerElement>('elsa-toast-manager');
+export const ElsaToastNotification = /*@__PURE__*/createReactComponent<JSX.ElsaToastNotification, HTMLElsaToastNotificationElement>('elsa-toast-notification');
 export const ElsaTooltip = /*@__PURE__*/createReactComponent<JSX.ElsaTooltip, HTMLElsaTooltipElement>('elsa-tooltip');
 export const ElsaTypePickerInput = /*@__PURE__*/createReactComponent<JSX.ElsaTypePickerInput, HTMLElsaTypePickerInputElement>('elsa-type-picker-input');
 export const ElsaVariableEditorDialogContent = /*@__PURE__*/createReactComponent<JSX.ElsaVariableEditorDialogContent, HTMLElsaVariableEditorDialogContentElement>('elsa-variable-editor-dialog-content');
diff --git a/src/designer/package-lock.json b/src/designer/package-lock.json
index d3454f76f..9a556d741 100644
--- a/src/designer/package-lock.json
+++ b/src/designer/package-lock.json
@@ -143,7 +143,7 @@
     },
     "designer_packages/react-workspace/react-wrapper": {
       "name": "@elsa-workflows/elsa-workflows-designer-react-wrapper",
-      "version": "0.0.1",
+      "version": "3.0.0",
       "license": "ISC",
       "dependencies": {
         "@elsa-workflows/elsa-workflows-designer": "*"