From d27927bb8d65262af4e09e0769e1767ed8c39eb3 Mon Sep 17 00:00:00 2001
From: Vladimir Potekhin <46284632+vladimirpotekhin@users.noreply.github.com>
Date: Wed, 18 Oct 2023 14:12:29 +0300
Subject: [PATCH] fix(experimental): rename `BadgeAlert` to `BadgeNotification`
 (#5652)

---
 projects/demo/src/modules/app/app.routes.ts   |  8 +++---
 projects/demo/src/modules/app/pages.ts        |  4 +--
 .../badge-alert/badge-alert.module.ts         | 27 -------------------
 .../badge-alert/examples/1/index.html         | 23 ----------------
 .../badge-alert/examples/1/index.less         |  3 ---
 .../badge-alert/examples/2/index.html         |  4 ---
 .../examples/import/insert-template.md        |  3 ---
 .../badge-notification.component.ts}          |  6 ++---
 .../badge-notification.module.ts              | 27 +++++++++++++++++++
 .../badge-notification.template.html}         |  8 +++---
 .../badge-notification/examples/1/index.html  | 23 ++++++++++++++++
 .../badge-notification/examples/1/index.less  |  3 +++
 .../examples/1/index.ts                       |  4 +--
 .../badge-notification/examples/2/index.html  |  4 +++
 .../examples/2/index.less                     |  2 +-
 .../examples/2/index.ts                       |  4 +--
 .../examples/import/import-module.md          |  4 +--
 .../examples/import/insert-template.md        |  3 +++
 .../badged-content.component.ts               |  2 +-
 .../badged-content/badged-content.module.ts   | 12 ++++-----
 .../badged-content.template.html              |  2 +-
 .../badged-content/examples/1/index.html      | 12 ++++-----
 .../badged-content/examples/2/index.html      |  8 +++---
 .../badged-content/examples/3/index.html      |  4 +--
 .../examples/import/insert-template.md        |  4 +--
 .../badge-alert/badge-alert.module.ts         |  9 -------
 .../components/badge-alert/index.ts           |  2 --
 .../badge-notification.component.ts}          |  6 ++---
 .../badge-notification.module.ts              |  9 +++++++
 .../badge-notification.style.less}            |  0
 .../components/badge-notification/index.ts    |  2 ++
 .../ng-package.json                           |  0
 .../badged-content.template.html              |  4 +--
 projects/experimental/components/index.ts     |  2 +-
 34 files changed, 119 insertions(+), 119 deletions(-)
 delete mode 100644 projects/demo/src/modules/experimental/badge-alert/badge-alert.module.ts
 delete mode 100644 projects/demo/src/modules/experimental/badge-alert/examples/1/index.html
 delete mode 100644 projects/demo/src/modules/experimental/badge-alert/examples/1/index.less
 delete mode 100644 projects/demo/src/modules/experimental/badge-alert/examples/2/index.html
 delete mode 100644 projects/demo/src/modules/experimental/badge-alert/examples/import/insert-template.md
 rename projects/demo/src/modules/experimental/{badge-alert/badge-alert.component.ts => badge-notification/badge-notification.component.ts} (85%)
 create mode 100644 projects/demo/src/modules/experimental/badge-notification/badge-notification.module.ts
 rename projects/demo/src/modules/experimental/{badge-alert/badge-alert.template.html => badge-notification/badge-notification.template.html} (88%)
 create mode 100644 projects/demo/src/modules/experimental/badge-notification/examples/1/index.html
 create mode 100644 projects/demo/src/modules/experimental/badge-notification/examples/1/index.less
 rename projects/demo/src/modules/experimental/{badge-alert => badge-notification}/examples/1/index.ts (75%)
 create mode 100644 projects/demo/src/modules/experimental/badge-notification/examples/2/index.html
 rename projects/demo/src/modules/experimental/{badge-alert => badge-notification}/examples/2/index.less (81%)
 rename projects/demo/src/modules/experimental/{badge-alert => badge-notification}/examples/2/index.ts (75%)
 rename projects/demo/src/modules/experimental/{badge-alert => badge-notification}/examples/import/import-module.md (56%)
 create mode 100644 projects/demo/src/modules/experimental/badge-notification/examples/import/insert-template.md
 delete mode 100644 projects/experimental/components/badge-alert/badge-alert.module.ts
 delete mode 100644 projects/experimental/components/badge-alert/index.ts
 rename projects/experimental/components/{badge-alert/badge-alert.component.ts => badge-notification/badge-notification.component.ts} (84%)
 create mode 100644 projects/experimental/components/badge-notification/badge-notification.module.ts
 rename projects/experimental/components/{badge-alert/badge-alert.style.less => badge-notification/badge-notification.style.less} (100%)
 create mode 100644 projects/experimental/components/badge-notification/index.ts
 rename projects/experimental/components/{badge-alert => badge-notification}/ng-package.json (100%)

diff --git a/projects/demo/src/modules/app/app.routes.ts b/projects/demo/src/modules/app/app.routes.ts
index 2ba19d2f6ebd..6e84a0841f93 100644
--- a/projects/demo/src/modules/app/app.routes.ts
+++ b/projects/demo/src/modules/app/app.routes.ts
@@ -215,12 +215,12 @@ export const ROUTES: Routes = [
         },
     },
     {
-        path: `experimental/badge-alert`,
+        path: `experimental/badge-notification`,
         loadChildren: async () =>
-            (await import(`../experimental/badge-alert/badge-alert.module`))
-                .ExampleTuiBadgeAlertModule,
+            (await import(`../experimental/badge-notification/badge-notification.module`))
+                .ExampleTuiBadgeNotificationModule,
         data: {
-            title: `BadgeAlert`,
+            title: `BadgeNotification`,
         },
     },
     {
diff --git a/projects/demo/src/modules/app/pages.ts b/projects/demo/src/modules/app/pages.ts
index ff91c97f9fd8..1c6917b950b2 100644
--- a/projects/demo/src/modules/app/pages.ts
+++ b/projects/demo/src/modules/app/pages.ts
@@ -835,9 +835,9 @@ export const pages: TuiDocPages = [
             },
             {
                 section: `Experimental`,
-                title: `BadgeAlert`,
+                title: `BadgeNotification`,
                 keywords: `бэдж, бейдж, circle, круг, badge, alert, нотификация`,
-                route: `/experimental/badge-alert`,
+                route: `/experimental/badge-notification`,
             },
             {
                 section: `Experimental`,
diff --git a/projects/demo/src/modules/experimental/badge-alert/badge-alert.module.ts b/projects/demo/src/modules/experimental/badge-alert/badge-alert.module.ts
deleted file mode 100644
index d7d83f2a58af..000000000000
--- a/projects/demo/src/modules/experimental/badge-alert/badge-alert.module.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import {CommonModule} from '@angular/common';
-import {NgModule} from '@angular/core';
-import {tuiGetDocModules} from '@taiga-ui/addon-doc';
-import {TuiPlatformModule} from '@taiga-ui/cdk';
-import {TuiNotificationModule} from '@taiga-ui/core';
-import {TuiBadgeAlertModule} from '@taiga-ui/experimental';
-
-import {ExampleTuiBadgeAlertComponent} from './badge-alert.component';
-import {TuiBadgeAlertExample1} from './examples/1';
-import {TuiBadgeAlertExample2} from './examples/2';
-
-@NgModule({
-    imports: [
-        CommonModule,
-        TuiBadgeAlertModule,
-        TuiNotificationModule,
-        TuiPlatformModule,
-        tuiGetDocModules(ExampleTuiBadgeAlertComponent),
-    ],
-    declarations: [
-        ExampleTuiBadgeAlertComponent,
-        TuiBadgeAlertExample1,
-        TuiBadgeAlertExample2,
-    ],
-    exports: [ExampleTuiBadgeAlertComponent],
-})
-export class ExampleTuiBadgeAlertModule {}
diff --git a/projects/demo/src/modules/experimental/badge-alert/examples/1/index.html b/projects/demo/src/modules/experimental/badge-alert/examples/1/index.html
deleted file mode 100644
index c7823ec302d9..000000000000
--- a/projects/demo/src/modules/experimental/badge-alert/examples/1/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<h4>Desktop</h4>
-<p tuiPlatform="web">
-    <tui-badge-alert>9</tui-badge-alert>
-    <tui-badge-alert size="m">9</tui-badge-alert>
-    <tui-badge-alert size="s">9</tui-badge-alert>
-    <tui-badge-alert size="xs">9</tui-badge-alert>
-</p>
-
-<h4>Android</h4>
-<p tuiPlatform="android">
-    <tui-badge-alert>9</tui-badge-alert>
-    <tui-badge-alert size="m">9</tui-badge-alert>
-    <tui-badge-alert size="s">9</tui-badge-alert>
-    <tui-badge-alert size="xs">9</tui-badge-alert>
-</p>
-
-<h4>IOS</h4>
-<p tuiPlatform="ios">
-    <tui-badge-alert>9</tui-badge-alert>
-    <tui-badge-alert size="m">9</tui-badge-alert>
-    <tui-badge-alert size="s">9</tui-badge-alert>
-    <tui-badge-alert size="xs">9</tui-badge-alert>
-</p>
diff --git a/projects/demo/src/modules/experimental/badge-alert/examples/1/index.less b/projects/demo/src/modules/experimental/badge-alert/examples/1/index.less
deleted file mode 100644
index 038f13f6af63..000000000000
--- a/projects/demo/src/modules/experimental/badge-alert/examples/1/index.less
+++ /dev/null
@@ -1,3 +0,0 @@
-tui-badge-alert {
-    margin: 0.2rem;
-}
diff --git a/projects/demo/src/modules/experimental/badge-alert/examples/2/index.html b/projects/demo/src/modules/experimental/badge-alert/examples/2/index.html
deleted file mode 100644
index d6ed5f6ef67c..000000000000
--- a/projects/demo/src/modules/experimental/badge-alert/examples/2/index.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<tui-badge-alert>10</tui-badge-alert>
-<tui-badge-alert size="m">11</tui-badge-alert>
-<tui-badge-alert size="s">12</tui-badge-alert>
-<tui-badge-alert size="xs"></tui-badge-alert>
diff --git a/projects/demo/src/modules/experimental/badge-alert/examples/import/insert-template.md b/projects/demo/src/modules/experimental/badge-alert/examples/import/insert-template.md
deleted file mode 100644
index 72e2d33850bd..000000000000
--- a/projects/demo/src/modules/experimental/badge-alert/examples/import/insert-template.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```html
-<tui-badge-alert>10</tui-badge-alert>
-```
diff --git a/projects/demo/src/modules/experimental/badge-alert/badge-alert.component.ts b/projects/demo/src/modules/experimental/badge-notification/badge-notification.component.ts
similarity index 85%
rename from projects/demo/src/modules/experimental/badge-alert/badge-alert.component.ts
rename to projects/demo/src/modules/experimental/badge-notification/badge-notification.component.ts
index 9edf1f470271..8601ba957ead 100644
--- a/projects/demo/src/modules/experimental/badge-alert/badge-alert.component.ts
+++ b/projects/demo/src/modules/experimental/badge-notification/badge-notification.component.ts
@@ -4,11 +4,11 @@ import {TuiDocExample, TuiRawLoaderContent} from '@taiga-ui/addon-doc';
 import {TuiSizeL, TuiSizeXS} from '@taiga-ui/core';
 
 @Component({
-    selector: 'example-badge-alert',
-    templateUrl: './badge-alert.template.html',
+    selector: 'example-badge-notification',
+    templateUrl: './badge-notification.template.html',
     changeDetection,
 })
-export class ExampleTuiBadgeAlertComponent {
+export class ExampleTuiBadgeNotificationComponent {
     readonly exampleModule: TuiRawLoaderContent = import(
         './examples/import/import-module.md?raw'
     );
diff --git a/projects/demo/src/modules/experimental/badge-notification/badge-notification.module.ts b/projects/demo/src/modules/experimental/badge-notification/badge-notification.module.ts
new file mode 100644
index 000000000000..945a8162ed59
--- /dev/null
+++ b/projects/demo/src/modules/experimental/badge-notification/badge-notification.module.ts
@@ -0,0 +1,27 @@
+import {CommonModule} from '@angular/common';
+import {NgModule} from '@angular/core';
+import {tuiGetDocModules} from '@taiga-ui/addon-doc';
+import {TuiPlatformModule} from '@taiga-ui/cdk';
+import {TuiNotificationModule} from '@taiga-ui/core';
+import {TuiBadgeNotificationModule} from '@taiga-ui/experimental';
+
+import {ExampleTuiBadgeNotificationComponent} from './badge-notification.component';
+import {TuiBadgeNotificationExample1} from './examples/1';
+import {TuiBadgeNotificationExample2} from './examples/2';
+
+@NgModule({
+    imports: [
+        CommonModule,
+        TuiBadgeNotificationModule,
+        TuiNotificationModule,
+        TuiPlatformModule,
+        tuiGetDocModules(ExampleTuiBadgeNotificationComponent),
+    ],
+    declarations: [
+        ExampleTuiBadgeNotificationComponent,
+        TuiBadgeNotificationExample1,
+        TuiBadgeNotificationExample2,
+    ],
+    exports: [ExampleTuiBadgeNotificationComponent],
+})
+export class ExampleTuiBadgeNotificationModule {}
diff --git a/projects/demo/src/modules/experimental/badge-alert/badge-alert.template.html b/projects/demo/src/modules/experimental/badge-notification/badge-notification.template.html
similarity index 88%
rename from projects/demo/src/modules/experimental/badge-alert/badge-alert.template.html
rename to projects/demo/src/modules/experimental/badge-notification/badge-notification.template.html
index bcaacc531bdd..0732d659fbb4 100644
--- a/projects/demo/src/modules/experimental/badge-alert/badge-alert.template.html
+++ b/projects/demo/src/modules/experimental/badge-notification/badge-notification.template.html
@@ -1,5 +1,5 @@
 <tui-doc-page
-    header="BadgeAlert"
+    header="BadgeNotification"
     package="EXPERIMENTAL"
     type="components"
 >
@@ -20,7 +20,7 @@
             heading="Basic"
             [content]="example1"
         >
-            <tui-badge-alert-example-1></tui-badge-alert-example-1>
+            <tui-badge-notification-example-1></tui-badge-notification-example-1>
         </tui-doc-example>
 
         <tui-doc-example
@@ -28,13 +28,13 @@
             heading="Custom color"
             [content]="example2"
         >
-            <tui-badge-alert-example-2></tui-badge-alert-example-2>
+            <tui-badge-notification-example-2></tui-badge-notification-example-2>
         </tui-doc-example>
     </ng-template>
 
     <ng-template pageTab>
         <tui-doc-demo>
-            <tui-badge-alert [size]="size">11</tui-badge-alert>
+            <tui-badge-notification [size]="size">11</tui-badge-notification>
         </tui-doc-demo>
         <label
             tuiLabel="Content type"
diff --git a/projects/demo/src/modules/experimental/badge-notification/examples/1/index.html b/projects/demo/src/modules/experimental/badge-notification/examples/1/index.html
new file mode 100644
index 000000000000..ae0065a9b78b
--- /dev/null
+++ b/projects/demo/src/modules/experimental/badge-notification/examples/1/index.html
@@ -0,0 +1,23 @@
+<h4>Desktop</h4>
+<p tuiPlatform="web">
+    <tui-badge-notification>9</tui-badge-notification>
+    <tui-badge-notification size="m">9</tui-badge-notification>
+    <tui-badge-notification size="s">9</tui-badge-notification>
+    <tui-badge-notification size="xs">9</tui-badge-notification>
+</p>
+
+<h4>Android</h4>
+<p tuiPlatform="android">
+    <tui-badge-notification>9</tui-badge-notification>
+    <tui-badge-notification size="m">9</tui-badge-notification>
+    <tui-badge-notification size="s">9</tui-badge-notification>
+    <tui-badge-notification size="xs">9</tui-badge-notification>
+</p>
+
+<h4>IOS</h4>
+<p tuiPlatform="ios">
+    <tui-badge-notification>9</tui-badge-notification>
+    <tui-badge-notification size="m">9</tui-badge-notification>
+    <tui-badge-notification size="s">9</tui-badge-notification>
+    <tui-badge-notification size="xs">9</tui-badge-notification>
+</p>
diff --git a/projects/demo/src/modules/experimental/badge-notification/examples/1/index.less b/projects/demo/src/modules/experimental/badge-notification/examples/1/index.less
new file mode 100644
index 000000000000..d0054d6cc420
--- /dev/null
+++ b/projects/demo/src/modules/experimental/badge-notification/examples/1/index.less
@@ -0,0 +1,3 @@
+tui-badge-notification {
+    margin: 0.2rem;
+}
diff --git a/projects/demo/src/modules/experimental/badge-alert/examples/1/index.ts b/projects/demo/src/modules/experimental/badge-notification/examples/1/index.ts
similarity index 75%
rename from projects/demo/src/modules/experimental/badge-alert/examples/1/index.ts
rename to projects/demo/src/modules/experimental/badge-notification/examples/1/index.ts
index d5f10fe68b59..246a655eab18 100644
--- a/projects/demo/src/modules/experimental/badge-alert/examples/1/index.ts
+++ b/projects/demo/src/modules/experimental/badge-notification/examples/1/index.ts
@@ -3,10 +3,10 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 
 @Component({
-    selector: 'tui-badge-alert-example-1',
+    selector: 'tui-badge-notification-example-1',
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     changeDetection,
     encapsulation,
 })
-export class TuiBadgeAlertExample1 {}
+export class TuiBadgeNotificationExample1 {}
diff --git a/projects/demo/src/modules/experimental/badge-notification/examples/2/index.html b/projects/demo/src/modules/experimental/badge-notification/examples/2/index.html
new file mode 100644
index 000000000000..d5dd692804b4
--- /dev/null
+++ b/projects/demo/src/modules/experimental/badge-notification/examples/2/index.html
@@ -0,0 +1,4 @@
+<tui-badge-notification>10</tui-badge-notification>
+<tui-badge-notification size="m">11</tui-badge-notification>
+<tui-badge-notification size="s">12</tui-badge-notification>
+<tui-badge-notification size="xs"></tui-badge-notification>
diff --git a/projects/demo/src/modules/experimental/badge-alert/examples/2/index.less b/projects/demo/src/modules/experimental/badge-notification/examples/2/index.less
similarity index 81%
rename from projects/demo/src/modules/experimental/badge-alert/examples/2/index.less
rename to projects/demo/src/modules/experimental/badge-notification/examples/2/index.less
index b4048938ba7e..b8afdcd52c78 100644
--- a/projects/demo/src/modules/experimental/badge-alert/examples/2/index.less
+++ b/projects/demo/src/modules/experimental/badge-notification/examples/2/index.less
@@ -1,6 +1,6 @@
 @import '@taiga-ui/core/styles/taiga-ui-local.less';
 
-tui-badge-alert {
+tui-badge-notification {
     margin: 0.2rem;
     .gradient(#c86dd7, #3023ae);
 }
diff --git a/projects/demo/src/modules/experimental/badge-alert/examples/2/index.ts b/projects/demo/src/modules/experimental/badge-notification/examples/2/index.ts
similarity index 75%
rename from projects/demo/src/modules/experimental/badge-alert/examples/2/index.ts
rename to projects/demo/src/modules/experimental/badge-notification/examples/2/index.ts
index 7630bd76856f..804d64ca4335 100644
--- a/projects/demo/src/modules/experimental/badge-alert/examples/2/index.ts
+++ b/projects/demo/src/modules/experimental/badge-notification/examples/2/index.ts
@@ -3,10 +3,10 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 
 @Component({
-    selector: 'tui-badge-alert-example-2',
+    selector: 'tui-badge-notification-example-2',
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     changeDetection,
     encapsulation,
 })
-export class TuiBadgeAlertExample2 {}
+export class TuiBadgeNotificationExample2 {}
diff --git a/projects/demo/src/modules/experimental/badge-alert/examples/import/import-module.md b/projects/demo/src/modules/experimental/badge-notification/examples/import/import-module.md
similarity index 56%
rename from projects/demo/src/modules/experimental/badge-alert/examples/import/import-module.md
rename to projects/demo/src/modules/experimental/badge-notification/examples/import/import-module.md
index 021c508a400c..26f4976e4691 100644
--- a/projects/demo/src/modules/experimental/badge-alert/examples/import/import-module.md
+++ b/projects/demo/src/modules/experimental/badge-notification/examples/import/import-module.md
@@ -1,12 +1,12 @@
 ```ts
 import {NgModule} from '@angular/core';
-import {TuiBadgeAlertModule} from '@taiga-ui/experimental';
+import {TuiBadgeNotificationModule} from '@taiga-ui/experimental';
 // ...
 
 @NgModule({
   imports: [
     // ...
-    TuiBadgeAlertModule,
+    TuiBadgeNotificationModule,
   ],
 })
 export class MyModule {}
diff --git a/projects/demo/src/modules/experimental/badge-notification/examples/import/insert-template.md b/projects/demo/src/modules/experimental/badge-notification/examples/import/insert-template.md
new file mode 100644
index 000000000000..74cddb9c2a21
--- /dev/null
+++ b/projects/demo/src/modules/experimental/badge-notification/examples/import/insert-template.md
@@ -0,0 +1,3 @@
+```html
+<tui-badge-notification>10</tui-badge-notification>
+```
diff --git a/projects/demo/src/modules/experimental/badged-content/badged-content.component.ts b/projects/demo/src/modules/experimental/badged-content/badged-content.component.ts
index da2a1e9a2298..fea7cedfb7d2 100644
--- a/projects/demo/src/modules/experimental/badged-content/badged-content.component.ts
+++ b/projects/demo/src/modules/experimental/badged-content/badged-content.component.ts
@@ -7,7 +7,7 @@ import {TuiDocExample, TuiRawLoaderContent} from '@taiga-ui/addon-doc';
     templateUrl: './badged-content.template.html',
     changeDetection,
 })
-export class ExampleTuiBadgeAlertComponent {
+export class ExampleTuiBadgedContentComponent {
     readonly exampleModule: TuiRawLoaderContent = import(
         './examples/import/import-module.md?raw'
     );
diff --git a/projects/demo/src/modules/experimental/badged-content/badged-content.module.ts b/projects/demo/src/modules/experimental/badged-content/badged-content.module.ts
index 8b958d4ac044..da1762722f72 100644
--- a/projects/demo/src/modules/experimental/badged-content/badged-content.module.ts
+++ b/projects/demo/src/modules/experimental/badged-content/badged-content.module.ts
@@ -6,15 +6,15 @@ import {TuiPlatformModule} from '@taiga-ui/cdk';
 import {TuiNotificationModule, TuiSvgModule} from '@taiga-ui/core';
 import {
     TuiAvatarModule,
-    TuiBadgeAlertModule,
     TuiBadgedContentModule,
     TuiBadgeModule,
+    TuiBadgeNotificationModule,
     TuiButtonModule,
     TuiFallbackSrcModule,
 } from '@taiga-ui/experimental';
 import {TuiInputModule} from '@taiga-ui/kit';
 
-import {ExampleTuiBadgeAlertComponent} from './badged-content.component';
+import {ExampleTuiBadgedContentComponent} from './badged-content.component';
 import {TuiBadgedContentExample1} from './examples/1';
 import {TuiBadgedContentExample2} from './examples/2';
 import {TuiBadgedContentExample3} from './examples/3';
@@ -22,7 +22,7 @@ import {TuiBadgedContentExample3} from './examples/3';
 @NgModule({
     imports: [
         CommonModule,
-        TuiBadgeAlertModule,
+        TuiBadgeNotificationModule,
         TuiSvgModule,
         TuiBadgeModule,
         TuiBadgedContentModule,
@@ -32,15 +32,15 @@ import {TuiBadgedContentExample3} from './examples/3';
         TuiButtonModule,
         TuiAddonDocModule,
         TuiNotificationModule,
-        RouterModule.forChild(tuiGenerateRoutes(ExampleTuiBadgeAlertComponent)),
+        RouterModule.forChild(tuiGenerateRoutes(ExampleTuiBadgedContentComponent)),
         TuiPlatformModule,
     ],
     declarations: [
-        ExampleTuiBadgeAlertComponent,
+        ExampleTuiBadgedContentComponent,
         TuiBadgedContentExample1,
         TuiBadgedContentExample2,
         TuiBadgedContentExample3,
     ],
-    exports: [ExampleTuiBadgeAlertComponent],
+    exports: [ExampleTuiBadgedContentComponent],
 })
 export class ExampleTuiBadgedContentModule {}
diff --git a/projects/demo/src/modules/experimental/badged-content/badged-content.template.html b/projects/demo/src/modules/experimental/badged-content/badged-content.template.html
index 887d7fd516d2..b50ad506f838 100644
--- a/projects/demo/src/modules/experimental/badged-content/badged-content.template.html
+++ b/projects/demo/src/modules/experimental/badged-content/badged-content.template.html
@@ -48,7 +48,7 @@
     <ng-template pageTab>
         <tui-doc-demo>
             <tui-badged-content [style.--tui-radius]="radius">
-                <tui-badge-alert tuiSlot="top">1</tui-badge-alert>
+                <tui-badge-notification tuiSlot="top">1</tui-badge-notification>
                 <tui-avatar
                     size="l"
                     [round]="radius === '50%'"
diff --git a/projects/demo/src/modules/experimental/badged-content/examples/1/index.html b/projects/demo/src/modules/experimental/badged-content/examples/1/index.html
index 22fe381286e0..e77fff4ec5e4 100644
--- a/projects/demo/src/modules/experimental/badged-content/examples/1/index.html
+++ b/projects/demo/src/modules/experimental/badged-content/examples/1/index.html
@@ -1,10 +1,10 @@
 <tui-badged-content>
-    <tui-badge-alert
+    <tui-badge-notification
         size="s"
         tuiSlot="top"
     >
         99
-    </tui-badge-alert>
+    </tui-badge-notification>
     <tui-avatar
         size="s"
         src="tuiIconUserLarge"
@@ -18,12 +18,12 @@
         src="tuiIconUserLarge"
         [round]="false"
     ></tui-avatar>
-    <tui-badge-alert
+    <tui-badge-notification
         size="m"
         tuiSlot="bottom"
     >
         120
-    </tui-badge-alert>
+    </tui-badge-notification>
 </tui-badged-content>
 
 <tui-badged-content>
@@ -42,12 +42,12 @@
 </tui-badged-content>
 
 <tui-badged-content>
-    <tui-badge-alert
+    <tui-badge-notification
         size="l"
         tuiSlot="top"
     >
         99
-    </tui-badge-alert>
+    </tui-badge-notification>
     <tui-avatar
         size="xl"
         src="tuiIconUserLarge"
diff --git a/projects/demo/src/modules/experimental/badged-content/examples/2/index.html b/projects/demo/src/modules/experimental/badged-content/examples/2/index.html
index b85d73ab2e96..f6e8a249648c 100644
--- a/projects/demo/src/modules/experimental/badged-content/examples/2/index.html
+++ b/projects/demo/src/modules/experimental/badged-content/examples/2/index.html
@@ -1,10 +1,10 @@
 <tui-badged-content [style.--tui-radius.%]="50">
-    <tui-badge-alert
+    <tui-badge-notification
         size="s"
         tuiSlot="top"
     >
         8
-    </tui-badge-alert>
+    </tui-badge-notification>
     <tui-avatar
         size="s"
         src="tuiIconUserLarge"
@@ -43,12 +43,12 @@
 </tui-badged-content>
 
 <tui-badged-content [style.--tui-radius.%]="50">
-    <tui-badge-alert
+    <tui-badge-notification
         size="l"
         tuiSlot="top"
     >
         99
-    </tui-badge-alert>
+    </tui-badge-notification>
     <tui-avatar
         size="xl"
         src="tuiIconUserLarge"
diff --git a/projects/demo/src/modules/experimental/badged-content/examples/3/index.html b/projects/demo/src/modules/experimental/badged-content/examples/3/index.html
index 0d8ec7dd9774..2567f54d2439 100644
--- a/projects/demo/src/modules/experimental/badged-content/examples/3/index.html
+++ b/projects/demo/src/modules/experimental/badged-content/examples/3/index.html
@@ -1,9 +1,9 @@
 <tui-badged-content>
-    <tui-badge-alert
+    <tui-badge-notification
         appearance="success"
         size="xs"
         tuiSlot="top"
-    ></tui-badge-alert>
+    ></tui-badge-notification>
     <tui-input class="input">Input text</tui-input>
 </tui-badged-content>
 
diff --git a/projects/demo/src/modules/experimental/badged-content/examples/import/insert-template.md b/projects/demo/src/modules/experimental/badged-content/examples/import/insert-template.md
index 6bbf682f3dc1..aca871b3df9d 100644
--- a/projects/demo/src/modules/experimental/badged-content/examples/import/insert-template.md
+++ b/projects/demo/src/modules/experimental/badged-content/examples/import/insert-template.md
@@ -1,7 +1,7 @@
 ```html
 <tui-badged-content>
-  <tui-badge-alert tuiSlot="top">1</tui-badge-alert>
+  <tui-badge-notification tuiSlot="top">1</tui-badge-notification>
   <tui-avatar src="tuiIconUserLarge"></tui-avatar>
-  <tui-badge-alert tuiSlot="bottom">1</tui-badge-alert>
+  <tui-badge-notification tuiSlot="bottom">1</tui-badge-notification>
 </tui-badged-content>
 ```
diff --git a/projects/experimental/components/badge-alert/badge-alert.module.ts b/projects/experimental/components/badge-alert/badge-alert.module.ts
deleted file mode 100644
index 06c5145908e5..000000000000
--- a/projects/experimental/components/badge-alert/badge-alert.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import {NgModule} from '@angular/core';
-
-import {TuiBadgeAlertComponent} from './badge-alert.component';
-
-@NgModule({
-    declarations: [TuiBadgeAlertComponent],
-    exports: [TuiBadgeAlertComponent],
-})
-export class TuiBadgeAlertModule {}
diff --git a/projects/experimental/components/badge-alert/index.ts b/projects/experimental/components/badge-alert/index.ts
deleted file mode 100644
index c573ef987888..000000000000
--- a/projects/experimental/components/badge-alert/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './badge-alert.component';
-export * from './badge-alert.module';
diff --git a/projects/experimental/components/badge-alert/badge-alert.component.ts b/projects/experimental/components/badge-notification/badge-notification.component.ts
similarity index 84%
rename from projects/experimental/components/badge-alert/badge-alert.component.ts
rename to projects/experimental/components/badge-notification/badge-notification.component.ts
index ad20b8cc2c01..6edb874f17c6 100644
--- a/projects/experimental/components/badge-alert/badge-alert.component.ts
+++ b/projects/experimental/components/badge-notification/badge-notification.component.ts
@@ -9,10 +9,10 @@ import {
 } from '@taiga-ui/core';
 
 @Component({
-    selector: 'tui-badge-alert',
+    selector: 'tui-badge-notification',
     changeDetection: ChangeDetectionStrategy.OnPush,
     template: '<ng-content></ng-content>',
-    styleUrls: ['./badge-alert.style.less'],
+    styleUrls: ['./badge-notification.style.less'],
     animations: [tuiPop],
     host: {
         '[attr.data-platform]': 'platform',
@@ -20,7 +20,7 @@ import {
         '[@tuiPop]': 'animation',
     },
 })
-export class TuiBadgeAlertComponent {
+export class TuiBadgeNotificationComponent {
     @Input()
     size: TuiSizeL | TuiSizeXS = 'l';
 
diff --git a/projects/experimental/components/badge-notification/badge-notification.module.ts b/projects/experimental/components/badge-notification/badge-notification.module.ts
new file mode 100644
index 000000000000..86fe683b031d
--- /dev/null
+++ b/projects/experimental/components/badge-notification/badge-notification.module.ts
@@ -0,0 +1,9 @@
+import {NgModule} from '@angular/core';
+
+import {TuiBadgeNotificationComponent} from './badge-notification.component';
+
+@NgModule({
+    declarations: [TuiBadgeNotificationComponent],
+    exports: [TuiBadgeNotificationComponent],
+})
+export class TuiBadgeNotificationModule {}
diff --git a/projects/experimental/components/badge-alert/badge-alert.style.less b/projects/experimental/components/badge-notification/badge-notification.style.less
similarity index 100%
rename from projects/experimental/components/badge-alert/badge-alert.style.less
rename to projects/experimental/components/badge-notification/badge-notification.style.less
diff --git a/projects/experimental/components/badge-notification/index.ts b/projects/experimental/components/badge-notification/index.ts
new file mode 100644
index 000000000000..c37d31422b74
--- /dev/null
+++ b/projects/experimental/components/badge-notification/index.ts
@@ -0,0 +1,2 @@
+export * from './badge-notification.component';
+export * from './badge-notification.module';
diff --git a/projects/experimental/components/badge-alert/ng-package.json b/projects/experimental/components/badge-notification/ng-package.json
similarity index 100%
rename from projects/experimental/components/badge-alert/ng-package.json
rename to projects/experimental/components/badge-notification/ng-package.json
diff --git a/projects/experimental/components/badged-content/badged-content.template.html b/projects/experimental/components/badged-content/badged-content.template.html
index eb99e26d27e9..f38f29508f49 100644
--- a/projects/experimental/components/badged-content/badged-content.template.html
+++ b/projects/experimental/components/badged-content/badged-content.template.html
@@ -6,7 +6,7 @@
     [style.--t-badge-height.px]="badgeTop.offsetHeight"
     (tuiResize)="(0)"
 >
-    <ng-content select="tui-badge-alert[tuiSlot='top']"></ng-content>
+    <ng-content select="tui-badge-notification[tuiSlot='top']"></ng-content>
     <div class="t-border">
         <ng-content select="[tuiSlot='top']"></ng-content>
     </div>
@@ -18,7 +18,7 @@
     [style.--t-badge-height.px]="badgeBottom.offsetHeight"
     (tuiResize)="(0)"
 >
-    <ng-content select="tui-badge-alert[tuiSlot='bottom']"></ng-content>
+    <ng-content select="tui-badge-notification[tuiSlot='bottom']"></ng-content>
     <div class="t-border">
         <ng-content select="[tuiSlot='bottom']"></ng-content>
     </div>
diff --git a/projects/experimental/components/index.ts b/projects/experimental/components/index.ts
index 994a33dd4917..3acf7da15bb4 100644
--- a/projects/experimental/components/index.ts
+++ b/projects/experimental/components/index.ts
@@ -1,7 +1,7 @@
 export * from '@taiga-ui/experimental/components/avatar';
 export * from '@taiga-ui/experimental/components/avatar-stack';
 export * from '@taiga-ui/experimental/components/badge';
-export * from '@taiga-ui/experimental/components/badge-alert';
+export * from '@taiga-ui/experimental/components/badge-notification';
 export * from '@taiga-ui/experimental/components/badged-content';
 export * from '@taiga-ui/experimental/components/button';
 export * from '@taiga-ui/experimental/components/compass';