From e2020d608565ef3cb2f5ad993231adb6b4df8f04 Mon Sep 17 00:00:00 2001
From: Nikita Barsukov <nikita.s.barsukov@gmail.com>
Date: Thu, 7 Mar 2024 15:12:20 +0300
Subject: [PATCH] chore(demo): remove `b-form` global class (#6915)

(cherry picked from commit 63ed8a318337b17c4280f53465a488d33b9b938f)
---
 .../src/modules/charts/arc-chart/examples/1/index.html   | 3 ++-
 .../src/modules/charts/arc-chart/examples/1/index.less   | 4 ++++
 .../src/modules/charts/bar-chart/examples/2/index.html   | 2 +-
 .../src/modules/charts/bar-chart/examples/2/index.less   | 4 ++++
 .../modules/charts/line-days-chart/examples/1/index.html | 2 +-
 .../modules/charts/line-days-chart/examples/2/index.html | 3 +--
 .../modules/charts/line-days-chart/examples/2/index.less | 2 +-
 .../src/modules/components/block/examples/3/index.html   | 5 +----
 .../modules/components/breadcrumbs/examples/2/index.html | 1 -
 .../modules/components/combo-box/combo-box.template.html | 4 ++--
 .../modules/components/combo-box/examples/1/index.html   | 1 -
 .../modules/components/combo-box/examples/2/index.html   | 1 -
 .../modules/components/combo-box/examples/3/index.html   | 5 +----
 .../modules/components/combo-box/examples/4/index.html   | 1 -
 .../modules/components/combo-box/examples/5/index.html   | 5 +----
 .../modules/components/combo-box/examples/6/index.html   | 2 +-
 .../components/elastic-container/examples/4/index.html   | 2 +-
 .../modules/components/input-copy/examples/1/index.html  | 5 +----
 .../components/input-copy/input-copy.template.html       | 2 +-
 .../components/input-date-range/examples/1/index.html    | 5 +----
 .../components/input-date-range/examples/2/index.html    | 7 +------
 .../components/input-date-range/examples/3/index.html    | 7 +------
 .../components/input-date-range/examples/4/index.html    | 7 +------
 .../components/input-date-range/examples/5/index.html    | 1 -
 .../input-date-range/input-date-range.template.html      | 2 +-
 .../components/input-date-time/examples/1/index.html     | 5 +----
 .../components/input-date-time/examples/2/index.html     | 5 +----
 .../components/input-date-time/examples/3/index.html     | 7 +------
 .../components/input-date-time/examples/4/index.html     | 7 +------
 .../components/input-date-time/examples/5/index.html     | 5 +----
 .../input-date-time/input-date-time.template.html        | 2 +-
 .../modules/components/input-date/examples/1/index.html  | 1 -
 .../modules/components/input-date/examples/2/index.html  | 5 +----
 .../modules/components/input-date/examples/3/index.html  | 4 ++--
 .../modules/components/input-date/examples/4/index.html  | 7 ++-----
 .../modules/components/input-date/examples/5/index.html  | 8 +-------
 .../modules/components/input-date/examples/6/index.html  | 1 -
 .../components/input-month-range/examples/1/index.html   | 1 -
 .../components/input-month-range/examples/2/index.html   | 5 +----
 .../components/input-month-range/examples/3/index.html   | 5 +----
 .../input-month-range/input-month-range.template.html    | 2 +-
 .../modules/components/input-month/examples/1/index.html | 1 -
 .../modules/components/input-month/examples/2/index.html | 5 +----
 .../modules/components/input-month/examples/3/index.html | 1 -
 .../components/input-month/input-month.template.html     | 2 +-
 .../components/input-number/examples/2/index.html        | 5 +----
 .../components/input-number/examples/3/index.html        | 5 +----
 .../components/input-number/examples/5/index.html        | 1 -
 .../components/input-number/examples/6/index.html        | 7 +------
 .../components/input-number/input-number.template.html   | 2 +-
 .../components/input-password/examples/1/index.html      | 5 +----
 .../components/input-password/examples/2/index.html      | 5 +----
 .../input-password/input-password.template.html          | 2 +-
 .../modules/components/input-phone/examples/1/index.html | 5 +----
 .../modules/components/input-phone/examples/2/index.html | 7 +------
 .../modules/components/input-phone/examples/3/index.html | 1 -
 .../components/input-phone/input-phone.template.html     | 2 +-
 .../modules/components/input-tag/examples/1/index.html   | 2 +-
 .../modules/components/input-tag/examples/2/index.html   | 1 -
 .../modules/components/input-tag/examples/3/index.html   | 5 +----
 .../modules/components/input-tag/examples/4/index.html   | 1 -
 .../modules/components/input-tag/examples/7/index.html   | 1 -
 .../modules/components/input-time/examples/1/index.html  | 5 +----
 .../modules/components/input-time/examples/2/index.html  | 5 +----
 .../modules/components/input-time/examples/3/index.html  | 5 +----
 .../modules/components/input-time/examples/4/index.html  | 1 -
 .../modules/components/input-time/examples/5/index.html  | 5 +----
 .../modules/components/input-time/examples/6/index.html  | 5 +----
 .../modules/components/input-year/examples/1/index.html  | 1 -
 .../modules/components/input-year/examples/2/index.html  | 5 +----
 .../components/input-year/input-year.template.html       | 2 +-
 .../src/modules/components/input/examples/1/index.html   | 5 +----
 .../src/modules/components/input/examples/2/index.html   | 5 +----
 .../src/modules/components/input/examples/3/index.html   | 5 +----
 .../src/modules/components/input/examples/5/index.html   | 5 +----
 .../src/modules/components/input/examples/7/index.html   | 1 -
 .../src/modules/components/input/examples/8/index.html   | 1 -
 .../src/modules/components/input/input.template.html     | 4 ++--
 .../src/modules/components/label/examples/1/index.html   | 5 +----
 .../src/modules/components/label/examples/2/index.html   | 5 +----
 .../components/multi-select/examples/1/index.html        | 1 -
 .../components/multi-select/examples/10/index.html       | 8 ++++----
 .../components/multi-select/examples/2/index.html        | 1 -
 .../components/multi-select/examples/2/index.less        | 4 ++++
 .../components/multi-select/examples/3/index.html        | 2 +-
 .../components/multi-select/examples/4/index.html        | 1 -
 .../components/multi-select/examples/5/index.html        | 5 ++---
 .../components/multi-select/examples/7/index.html        | 1 -
 .../components/multi-select/examples/8/index.html        | 2 +-
 .../components/multi-select/examples/9/index.html        | 1 -
 .../components/primitive-textfield/examples/2/index.html | 1 -
 .../primitive-textfield.template.html                    | 9 +++------
 .../src/modules/components/select/examples/1/index.html  | 2 +-
 .../src/modules/components/select/examples/10/index.html | 2 +-
 .../src/modules/components/select/examples/11/index.html | 2 +-
 .../src/modules/components/select/examples/4/index.html  | 1 -
 .../src/modules/components/select/examples/5/index.html  | 1 -
 .../src/modules/components/select/examples/6/index.html  | 1 -
 .../src/modules/components/select/examples/7/index.html  | 1 -
 .../src/modules/components/select/examples/8/index.html  | 5 +----
 .../src/modules/components/select/select.template.html   | 4 ++--
 .../modules/components/textarea/examples/5/index.html    | 5 +----
 .../modules/components/textarea/textarea.template.html   | 4 ++--
 .../modules/customization/wrapper/examples/1/index.html  | 1 -
 .../directives/hint-describe/examples/1/index.html       | 1 -
 .../modules/directives/validator/examples/1/index.html   | 5 +----
 .../directives/value-changes/examples/1/index.html       | 5 +----
 .../directives/value-changes/examples/2/index.html       | 1 -
 .../src/modules/markup/skeleton/examples/1/index.html    | 2 +-
 .../src/modules/pipes/field-error/examples/1/index.html  | 5 +----
 .../src/modules/pipes/field-error/examples/2/index.html  | 5 +----
 .../src/modules/pipes/field-error/examples/3/index.html  | 1 -
 .../modules/pipes/filter-by-input/examples/1/index.html  | 5 +----
 .../modules/pipes/filter-by-input/examples/2/index.html  | 5 +----
 .../modules/pipes/filter-by-input/examples/3/index.html  | 1 -
 .../pipes/stringify-content/examples/1/index.html        | 1 -
 .../stringify-content/stringify-content.template.html    | 2 +-
 .../src/modules/pipes/stringify/examples/1/index.html    | 1 -
 .../modules/utils/miscellaneous/examples/6/index.html    | 5 +----
 projects/demo/src/styles.less                            | 5 -----
 120 files changed, 105 insertions(+), 299 deletions(-)

diff --git a/projects/demo/src/modules/charts/arc-chart/examples/1/index.html b/projects/demo/src/modules/charts/arc-chart/examples/1/index.html
index 2e821df01223..564a2c960691 100644
--- a/projects/demo/src/modules/charts/arc-chart/examples/1/index.html
+++ b/projects/demo/src/modules/charts/arc-chart/examples/1/index.html
@@ -1,11 +1,12 @@
 <tui-input-number
     decimal="never"
-    class="b-form"
+    class="index-controller"
     [step]="1"
     [(ngModel)]="activeItemIndex"
 >
     activeItemIndex
 </tui-input-number>
+
 <div class="wrapper">
     <tui-arc-chart
         size="m"
diff --git a/projects/demo/src/modules/charts/arc-chart/examples/1/index.less b/projects/demo/src/modules/charts/arc-chart/examples/1/index.less
index 66c1d5163f55..0800825f7c8a 100644
--- a/projects/demo/src/modules/charts/arc-chart/examples/1/index.less
+++ b/projects/demo/src/modules/charts/arc-chart/examples/1/index.less
@@ -8,3 +8,7 @@
     --tui-chart-2: var(--tui-support-03);
     --tui-chart-3: var(--tui-support-09);
 }
+
+.index-controller {
+    max-width: 20rem;
+}
diff --git a/projects/demo/src/modules/charts/bar-chart/examples/2/index.html b/projects/demo/src/modules/charts/bar-chart/examples/2/index.html
index 079b89e500d2..1e2e455e02a1 100644
--- a/projects/demo/src/modules/charts/bar-chart/examples/2/index.html
+++ b/projects/demo/src/modules/charts/bar-chart/examples/2/index.html
@@ -28,7 +28,7 @@
 </div>
 
 <tui-select
-    class="b-form"
+    class="select"
     [(ngModel)]="appearance"
 >
     Hint appearance
diff --git a/projects/demo/src/modules/charts/bar-chart/examples/2/index.less b/projects/demo/src/modules/charts/bar-chart/examples/2/index.less
index cb6a3e196006..43cc9bad0bc7 100644
--- a/projects/demo/src/modules/charts/bar-chart/examples/2/index.less
+++ b/projects/demo/src/modules/charts/bar-chart/examples/2/index.less
@@ -17,3 +17,7 @@
     display: flex;
     min-width: 31.25rem;
 }
+
+.select {
+    max-width: 20rem;
+}
diff --git a/projects/demo/src/modules/charts/line-days-chart/examples/1/index.html b/projects/demo/src/modules/charts/line-days-chart/examples/1/index.html
index d97a3d144808..988fb7d674fd 100644
--- a/projects/demo/src/modules/charts/line-days-chart/examples/1/index.html
+++ b/projects/demo/src/modules/charts/line-days-chart/examples/1/index.html
@@ -1,4 +1,4 @@
-<p class="b-form">
+<p>
     <tui-input-date-range
         [maxLength]="maxLength"
         [(ngModel)]="range"
diff --git a/projects/demo/src/modules/charts/line-days-chart/examples/2/index.html b/projects/demo/src/modules/charts/line-days-chart/examples/2/index.html
index c9d523e61e4d..882deb7a58b1 100644
--- a/projects/demo/src/modules/charts/line-days-chart/examples/2/index.html
+++ b/projects/demo/src/modules/charts/line-days-chart/examples/2/index.html
@@ -4,7 +4,6 @@
 </tui-notification>
 <p class="controls">
     <tui-input-date-range
-        class="b-form"
         [maxLength]="maxLength"
         [(ngModel)]="data"
         (ngModelChange)="onDataChange($event)"
@@ -12,7 +11,7 @@
         Data
     </tui-input-date-range>
     <tui-input-date-range
-        class="b-form tui-space_left-4"
+        class="tui-space_left-4"
         [maxLength]="maxLength"
         [(ngModel)]="show"
     >
diff --git a/projects/demo/src/modules/charts/line-days-chart/examples/2/index.less b/projects/demo/src/modules/charts/line-days-chart/examples/2/index.less
index 5087d48a2099..c5fb5c3e4e90 100644
--- a/projects/demo/src/modules/charts/line-days-chart/examples/2/index.less
+++ b/projects/demo/src/modules/charts/line-days-chart/examples/2/index.less
@@ -19,7 +19,7 @@
 .controls {
     display: flex;
 
-    .b-form {
+    tui-input-date-range {
         flex: 1;
     }
 }
diff --git a/projects/demo/src/modules/components/block/examples/3/index.html b/projects/demo/src/modules/components/block/examples/3/index.html
index 5298584211d8..86e178bb008e 100644
--- a/projects/demo/src/modules/components/block/examples/3/index.html
+++ b/projects/demo/src/modules/components/block/examples/3/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <label tuiBlock>
         <tui-avatar src="https://avatars.githubusercontent.com/u/11832552"></tui-avatar>
         Heading
diff --git a/projects/demo/src/modules/components/breadcrumbs/examples/2/index.html b/projects/demo/src/modules/components/breadcrumbs/examples/2/index.html
index 585099e20b21..2e40052270d2 100644
--- a/projects/demo/src/modules/components/breadcrumbs/examples/2/index.html
+++ b/projects/demo/src/modules/components/breadcrumbs/examples/2/index.html
@@ -34,7 +34,6 @@
 </tui-breadcrumbs>
 <p>
     <tui-input-number
-        class="b-form"
         [max]="4"
         [min]="2"
         [step]="1"
diff --git a/projects/demo/src/modules/components/combo-box/combo-box.template.html b/projects/demo/src/modules/components/combo-box/combo-box.template.html
index dc960b06e6f9..3b43e95780b6 100644
--- a/projects/demo/src/modules/components/combo-box/combo-box.template.html
+++ b/projects/demo/src/modules/components/combo-box/combo-box.template.html
@@ -15,7 +15,7 @@
             heading="Async data loading"
             [content]="example1"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 If you need to set some attributes or listen to events on native
                 <code>input</code>
                 , you can put it inside with
@@ -38,7 +38,7 @@
             heading="ID only"
             [content]="example8"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 If you receive your id to text mapping from the server, you would need to recreate
                 <code>items</code>
                 and
diff --git a/projects/demo/src/modules/components/combo-box/examples/1/index.html b/projects/demo/src/modules/components/combo-box/examples/1/index.html
index 02cced6fe46c..f6b5f87acf6f 100644
--- a/projects/demo/src/modules/components/combo-box/examples/1/index.html
+++ b/projects/demo/src/modules/components/combo-box/examples/1/index.html
@@ -1,6 +1,5 @@
 <form
     *tuiLet="items$ | async as items"
-    class="b-form"
     [tuiTextfieldCleaner]="true"
 >
     <tui-combo-box
diff --git a/projects/demo/src/modules/components/combo-box/examples/2/index.html b/projects/demo/src/modules/components/combo-box/examples/2/index.html
index 6c2d4382f12e..634e920bd382 100644
--- a/projects/demo/src/modules/components/combo-box/examples/2/index.html
+++ b/projects/demo/src/modules/components/combo-box/examples/2/index.html
@@ -3,7 +3,6 @@
 
     <tui-combo-box
         *tuiLet="service.request(search) | async as filtered"
-        class="b-form"
         [formControl]="control"
         [tuiTextfieldLabelOutside]="true"
         [valueContent]="value"
diff --git a/projects/demo/src/modules/components/combo-box/examples/3/index.html b/projects/demo/src/modules/components/combo-box/examples/3/index.html
index eac0cf0bd0c1..e2721c38d495 100644
--- a/projects/demo/src/modules/components/combo-box/examples/3/index.html
+++ b/projects/demo/src/modules/components/combo-box/examples/3/index.html
@@ -1,7 +1,4 @@
-<tui-combo-box
-    class="b-form"
-    [(ngModel)]="value"
->
+<tui-combo-box [(ngModel)]="value">
     Find the best employees
     <input
         placeholder="Type a name"
diff --git a/projects/demo/src/modules/components/combo-box/examples/4/index.html b/projects/demo/src/modules/components/combo-box/examples/4/index.html
index 276d74fdbbf8..59f81f699c48 100644
--- a/projects/demo/src/modules/components/combo-box/examples/4/index.html
+++ b/projects/demo/src/modules/components/combo-box/examples/4/index.html
@@ -1,5 +1,4 @@
 <tui-combo-box
-    class="b-form"
     [stringify]="stringify"
     [(ngModel)]="value"
 >
diff --git a/projects/demo/src/modules/components/combo-box/examples/5/index.html b/projects/demo/src/modules/components/combo-box/examples/5/index.html
index 46c0e097c902..efe0627fe5f4 100644
--- a/projects/demo/src/modules/components/combo-box/examples/5/index.html
+++ b/projects/demo/src/modules/components/combo-box/examples/5/index.html
@@ -1,7 +1,4 @@
-<tui-combo-box
-    class="b-form"
-    [(ngModel)]="value"
->
+<tui-combo-box [(ngModel)]="value">
     Country
     <ng-container *tuiDataList>
         <cdk-virtual-scroll-viewport
diff --git a/projects/demo/src/modules/components/combo-box/examples/6/index.html b/projects/demo/src/modules/components/combo-box/examples/6/index.html
index a863b5a892fa..25dec2d6be6e 100644
--- a/projects/demo/src/modules/components/combo-box/examples/6/index.html
+++ b/projects/demo/src/modules/components/combo-box/examples/6/index.html
@@ -1,4 +1,4 @@
-<form class="b-form">
+<form>
     <tui-combo-box
         tuiTextfieldSize="m"
         [formControl]="testValue"
diff --git a/projects/demo/src/modules/components/elastic-container/examples/4/index.html b/projects/demo/src/modules/components/elastic-container/examples/4/index.html
index c266eb8aed02..7c6c243f9c7d 100644
--- a/projects/demo/src/modules/components/elastic-container/examples/4/index.html
+++ b/projects/demo/src/modules/components/elastic-container/examples/4/index.html
@@ -5,7 +5,7 @@
 >
     Add item
 </button>
-<tui-elastic-container class="b-form tui-space_top-4">
+<tui-elastic-container class="tui-space_top-4">
     <div
         *ngFor="let item of items; let index = index"
         class="wrapper"
diff --git a/projects/demo/src/modules/components/input-copy/examples/1/index.html b/projects/demo/src/modules/components/input-copy/examples/1/index.html
index 95aca426b38d..09b163b48de6 100644
--- a/projects/demo/src/modules/components/input-copy/examples/1/index.html
+++ b/projects/demo/src/modules/components/input-copy/examples/1/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-copy
         formControlName="testValue"
         tuiTextfieldSize="s"
diff --git a/projects/demo/src/modules/components/input-copy/input-copy.template.html b/projects/demo/src/modules/components/input-copy/input-copy.template.html
index 9a7614f92b16..bbf1dc5c3eae 100644
--- a/projects/demo/src/modules/components/input-copy/input-copy.template.html
+++ b/projects/demo/src/modules/components/input-copy/input-copy.template.html
@@ -11,7 +11,7 @@
             heading="sizes"
             [content]="example1"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 If you need to set some attributes or listen to events on native
                 <code>input</code>
                 , you can put it inside with
diff --git a/projects/demo/src/modules/components/input-date-range/examples/1/index.html b/projects/demo/src/modules/components/input-date-range/examples/1/index.html
index b82506e8a645..7116ee049080 100644
--- a/projects/demo/src/modules/components/input-date-range/examples/1/index.html
+++ b/projects/demo/src/modules/components/input-date-range/examples/1/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <p>
         If a field is optional, but unfinished field should be marked as invalid, use
         <code>tuiUnfinishedValidator</code>
diff --git a/projects/demo/src/modules/components/input-date-range/examples/2/index.html b/projects/demo/src/modules/components/input-date-range/examples/2/index.html
index 5b91278e57d5..951b5346d51c 100644
--- a/projects/demo/src/modules/components/input-date-range/examples/2/index.html
+++ b/projects/demo/src/modules/components/input-date-range/examples/2/index.html
@@ -1,6 +1 @@
-<tui-input-date-range
-    class="b-form"
-    [formControl]="control"
->
-    Choose dates
-</tui-input-date-range>
+<tui-input-date-range [formControl]="control">Choose dates</tui-input-date-range>
diff --git a/projects/demo/src/modules/components/input-date-range/examples/3/index.html b/projects/demo/src/modules/components/input-date-range/examples/3/index.html
index 5b91278e57d5..951b5346d51c 100644
--- a/projects/demo/src/modules/components/input-date-range/examples/3/index.html
+++ b/projects/demo/src/modules/components/input-date-range/examples/3/index.html
@@ -1,6 +1 @@
-<tui-input-date-range
-    class="b-form"
-    [formControl]="control"
->
-    Choose dates
-</tui-input-date-range>
+<tui-input-date-range [formControl]="control">Choose dates</tui-input-date-range>
diff --git a/projects/demo/src/modules/components/input-date-range/examples/4/index.html b/projects/demo/src/modules/components/input-date-range/examples/4/index.html
index d6a0d21dd2f8..eb27629697aa 100644
--- a/projects/demo/src/modules/components/input-date-range/examples/4/index.html
+++ b/projects/demo/src/modules/components/input-date-range/examples/4/index.html
@@ -1,9 +1,4 @@
-<tui-input-date-range
-    class="b-form"
-    [formControl]="control"
->
-    Choose dates
-</tui-input-date-range>
+<tui-input-date-range [formControl]="control">Choose dates</tui-input-date-range>
 
 <p>Stringified control value:</p>
 <p>
diff --git a/projects/demo/src/modules/components/input-date-range/examples/5/index.html b/projects/demo/src/modules/components/input-date-range/examples/5/index.html
index 0f80d6ee9ffe..eb0d1ecd0d84 100644
--- a/projects/demo/src/modules/components/input-date-range/examples/5/index.html
+++ b/projects/demo/src/modules/components/input-date-range/examples/5/index.html
@@ -1,5 +1,4 @@
 <tui-input-date-range
-    class="b-form"
     [formControl]="control"
     [items]="items"
 >
diff --git a/projects/demo/src/modules/components/input-date-range/input-date-range.template.html b/projects/demo/src/modules/components/input-date-range/input-date-range.template.html
index 2ce353f6786b..de390562b7b4 100644
--- a/projects/demo/src/modules/components/input-date-range/input-date-range.template.html
+++ b/projects/demo/src/modules/components/input-date-range/input-date-range.template.html
@@ -82,7 +82,7 @@ <h3>DI-tokens for input-configurations:</h3>
             heading="Basic"
             [content]="example1"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 If you need to set some attributes or listen to events on native
                 <code>input</code>
                 , you can put it inside with
diff --git a/projects/demo/src/modules/components/input-date-time/examples/1/index.html b/projects/demo/src/modules/components/input-date-time/examples/1/index.html
index 0df0f64820ec..aee48ca4d8ce 100644
--- a/projects/demo/src/modules/components/input-date-time/examples/1/index.html
+++ b/projects/demo/src/modules/components/input-date-time/examples/1/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-date-time formControlName="testValue">
         Choose date and time
         <input
diff --git a/projects/demo/src/modules/components/input-date-time/examples/2/index.html b/projects/demo/src/modules/components/input-date-time/examples/2/index.html
index 2d65756a354b..e256aa4a35b1 100644
--- a/projects/demo/src/modules/components/input-date-time/examples/2/index.html
+++ b/projects/demo/src/modules/components/input-date-time/examples/2/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <p>Default:</p>
 
     <tui-input-date-time
diff --git a/projects/demo/src/modules/components/input-date-time/examples/3/index.html b/projects/demo/src/modules/components/input-date-time/examples/3/index.html
index ed7eddf67684..3ce54df4e221 100644
--- a/projects/demo/src/modules/components/input-date-time/examples/3/index.html
+++ b/projects/demo/src/modules/components/input-date-time/examples/3/index.html
@@ -1,6 +1 @@
-<tui-input-date-time
-    class="b-form"
-    [formControl]="control"
->
-    Choose date and time
-</tui-input-date-time>
+<tui-input-date-time [formControl]="control">Choose date and time</tui-input-date-time>
diff --git a/projects/demo/src/modules/components/input-date-time/examples/4/index.html b/projects/demo/src/modules/components/input-date-time/examples/4/index.html
index 165bdc14cf55..36a6ff7b7aa9 100644
--- a/projects/demo/src/modules/components/input-date-time/examples/4/index.html
+++ b/projects/demo/src/modules/components/input-date-time/examples/4/index.html
@@ -1,9 +1,4 @@
-<tui-input-date-time
-    class="b-form"
-    [formControl]="control"
->
-    Choose date and time
-</tui-input-date-time>
+<tui-input-date-time [formControl]="control">Choose date and time</tui-input-date-time>
 
 <p>Stringified control value:</p>
 <p>
diff --git a/projects/demo/src/modules/components/input-date-time/examples/5/index.html b/projects/demo/src/modules/components/input-date-time/examples/5/index.html
index fb940d613224..dccf1cd3fc92 100644
--- a/projects/demo/src/modules/components/input-date-time/examples/5/index.html
+++ b/projects/demo/src/modules/components/input-date-time/examples/5/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-date-time
         formControlName="testValue"
         [tuiTextfieldCleaner]="true"
diff --git a/projects/demo/src/modules/components/input-date-time/input-date-time.template.html b/projects/demo/src/modules/components/input-date-time/input-date-time.template.html
index bb2093ec1599..28fb70453aee 100644
--- a/projects/demo/src/modules/components/input-date-time/input-date-time.template.html
+++ b/projects/demo/src/modules/components/input-date-time/input-date-time.template.html
@@ -62,7 +62,7 @@ <h3>DI-tokens for input-configurations:</h3>
             heading="Basic"
             [content]="example1"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 If you need to set some attributes or listen to events on native
                 <code>input</code>
                 , you can put it inside with
diff --git a/projects/demo/src/modules/components/input-date/examples/1/index.html b/projects/demo/src/modules/components/input-date/examples/1/index.html
index 052273c3b8e1..c69387b872d4 100644
--- a/projects/demo/src/modules/components/input-date/examples/1/index.html
+++ b/projects/demo/src/modules/components/input-date/examples/1/index.html
@@ -1,5 +1,4 @@
 <form
-    class="b-form"
     [formGroup]="testForm"
     [tuiTextfieldCleaner]="true"
 >
diff --git a/projects/demo/src/modules/components/input-date/examples/2/index.html b/projects/demo/src/modules/components/input-date/examples/2/index.html
index a4b0c8c88411..218d36817a00 100644
--- a/projects/demo/src/modules/components/input-date/examples/2/index.html
+++ b/projects/demo/src/modules/components/input-date/examples/2/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-date
         formControlName="testValue"
         tuiTextfieldSize="s"
diff --git a/projects/demo/src/modules/components/input-date/examples/3/index.html b/projects/demo/src/modules/components/input-date/examples/3/index.html
index 0b5ac43fdf11..73c0797f8886 100644
--- a/projects/demo/src/modules/components/input-date/examples/3/index.html
+++ b/projects/demo/src/modules/components/input-date/examples/3/index.html
@@ -1,5 +1,5 @@
 <h2 class="tui-text_h4">Taiga UI usage experience</h2>
-<p class="b-form">
+<p>
     <tui-input-date
         [max]="max"
         [min]="min"
@@ -8,7 +8,7 @@ <h2 class="tui-text_h4">Taiga UI usage experience</h2>
         Start
     </tui-input-date>
 </p>
-<p class="b-form">
+<p>
     <tui-input-date
         [items]="items"
         [min]="from || min"
diff --git a/projects/demo/src/modules/components/input-date/examples/4/index.html b/projects/demo/src/modules/components/input-date/examples/4/index.html
index f409623fccdf..5d189b697fc9 100644
--- a/projects/demo/src/modules/components/input-date/examples/4/index.html
+++ b/projects/demo/src/modules/components/input-date/examples/4/index.html
@@ -1,14 +1,11 @@
-<tui-notification class="tui-space_bottom-4 b-form">
+<tui-notification class="tui-space_bottom-4">
     If you need to set some attributes or listen to events on native
     <code>input</code>
     , you can put it inside with
     <code>Textfield</code>
     directive as shown below
 </tui-notification>
-<tui-input-date
-    class="b-form"
-    [formControl]="control"
->
+<tui-input-date [formControl]="control">
     Choose a date
     <input
         autocomplete="bday"
diff --git a/projects/demo/src/modules/components/input-date/examples/5/index.html b/projects/demo/src/modules/components/input-date/examples/5/index.html
index 4c49412b15c1..eb410d18f632 100644
--- a/projects/demo/src/modules/components/input-date/examples/5/index.html
+++ b/projects/demo/src/modules/components/input-date/examples/5/index.html
@@ -1,10 +1,5 @@
 <h3>Control's output as TuiDay (default)</h3>
-<tui-input-date
-    class="b-form"
-    [formControl]="defaultControl"
->
-    Choose a date
-</tui-input-date>
+<tui-input-date [formControl]="defaultControl">Choose a date</tui-input-date>
 <p>Stringified control value:</p>
 <p>
     <code>{{ defaultControl.value }}</code>
@@ -20,7 +15,6 @@ <h3>Control's output as native Date</h3>
 </p>
 <tui-input-date
     toNativeDate
-    class="b-form"
     [formControl]="nativeDateControl"
 >
     Choose a date
diff --git a/projects/demo/src/modules/components/input-date/examples/6/index.html b/projects/demo/src/modules/components/input-date/examples/6/index.html
index 69768b3d2615..f4884e3e4403 100644
--- a/projects/demo/src/modules/components/input-date/examples/6/index.html
+++ b/projects/demo/src/modules/components/input-date/examples/6/index.html
@@ -1,5 +1,4 @@
 <form
-    class="b-form"
     [formGroup]="testForm"
     [tuiTextfieldCleaner]="true"
 >
diff --git a/projects/demo/src/modules/components/input-month-range/examples/1/index.html b/projects/demo/src/modules/components/input-month-range/examples/1/index.html
index 9c70ba7cdfca..5402adf81647 100644
--- a/projects/demo/src/modules/components/input-month-range/examples/1/index.html
+++ b/projects/demo/src/modules/components/input-month-range/examples/1/index.html
@@ -1,5 +1,4 @@
 <tui-input-month-range
-    class="b-form"
     [formControl]="control"
     [tuiTextfieldCleaner]="true"
 >
diff --git a/projects/demo/src/modules/components/input-month-range/examples/2/index.html b/projects/demo/src/modules/components/input-month-range/examples/2/index.html
index 8e1a49a38eff..6ad6af2b3157 100644
--- a/projects/demo/src/modules/components/input-month-range/examples/2/index.html
+++ b/projects/demo/src/modules/components/input-month-range/examples/2/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-month-range
         formControlName="testValue"
         tuiTextfieldSize="s"
diff --git a/projects/demo/src/modules/components/input-month-range/examples/3/index.html b/projects/demo/src/modules/components/input-month-range/examples/3/index.html
index 2127f6d0e5cf..ed560bacda64 100644
--- a/projects/demo/src/modules/components/input-month-range/examples/3/index.html
+++ b/projects/demo/src/modules/components/input-month-range/examples/3/index.html
@@ -4,10 +4,7 @@
     when selecting a left value of range changes available right value: a range no more than one month
 </p>
 
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-month-range
         formControlName="testValue"
         class="tui-space_bottom-2"
diff --git a/projects/demo/src/modules/components/input-month-range/input-month-range.template.html b/projects/demo/src/modules/components/input-month-range/input-month-range.template.html
index 11b8609357aa..5db32cd634c1 100644
--- a/projects/demo/src/modules/components/input-month-range/input-month-range.template.html
+++ b/projects/demo/src/modules/components/input-month-range/input-month-range.template.html
@@ -11,7 +11,7 @@
             heading="Basic"
             [content]="example1"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 If you need to set some attributes or listen to events on native
                 <code>input</code>
                 , you can put it inside with
diff --git a/projects/demo/src/modules/components/input-month/examples/1/index.html b/projects/demo/src/modules/components/input-month/examples/1/index.html
index 33c4d0293016..1cab7e0a873e 100644
--- a/projects/demo/src/modules/components/input-month/examples/1/index.html
+++ b/projects/demo/src/modules/components/input-month/examples/1/index.html
@@ -1,5 +1,4 @@
 <tui-input-month
-    class="b-form"
     [formControl]="control"
     [tuiTextfieldCleaner]="true"
 >
diff --git a/projects/demo/src/modules/components/input-month/examples/2/index.html b/projects/demo/src/modules/components/input-month/examples/2/index.html
index e53e12686868..10b4d592114d 100644
--- a/projects/demo/src/modules/components/input-month/examples/2/index.html
+++ b/projects/demo/src/modules/components/input-month/examples/2/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-month
         formControlName="testValue"
         tuiTextfieldSize="s"
diff --git a/projects/demo/src/modules/components/input-month/examples/3/index.html b/projects/demo/src/modules/components/input-month/examples/3/index.html
index 4fff181b6bb4..18d9f030816b 100644
--- a/projects/demo/src/modules/components/input-month/examples/3/index.html
+++ b/projects/demo/src/modules/components/input-month/examples/3/index.html
@@ -1,5 +1,4 @@
 <tui-input-month
-    class="b-form"
     [formControl]="control"
     [max]="max"
     [min]="min"
diff --git a/projects/demo/src/modules/components/input-month/input-month.template.html b/projects/demo/src/modules/components/input-month/input-month.template.html
index 04d448d4bf29..99eab54b0a28 100644
--- a/projects/demo/src/modules/components/input-month/input-month.template.html
+++ b/projects/demo/src/modules/components/input-month/input-month.template.html
@@ -11,7 +11,7 @@
             heading="Basic"
             [content]="example1"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 If you need to set some attributes or listen to events on native
                 <code>input</code>
                 , you can put it inside with
diff --git a/projects/demo/src/modules/components/input-number/examples/2/index.html b/projects/demo/src/modules/components/input-number/examples/2/index.html
index 0f2e465a22fd..a3a3269a01c7 100644
--- a/projects/demo/src/modules/components/input-number/examples/2/index.html
+++ b/projects/demo/src/modules/components/input-number/examples/2/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-number
         formControlName="testValue"
         tuiTextfieldPostfix="kg"
diff --git a/projects/demo/src/modules/components/input-number/examples/3/index.html b/projects/demo/src/modules/components/input-number/examples/3/index.html
index 4b6533defc2e..b4f3e412c66b 100644
--- a/projects/demo/src/modules/components/input-number/examples/3/index.html
+++ b/projects/demo/src/modules/components/input-number/examples/3/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-number
         decimal="not-zero"
         formControlName="testValue"
diff --git a/projects/demo/src/modules/components/input-number/examples/5/index.html b/projects/demo/src/modules/components/input-number/examples/5/index.html
index f7e561c332ca..84086ea50029 100644
--- a/projects/demo/src/modules/components/input-number/examples/5/index.html
+++ b/projects/demo/src/modules/components/input-number/examples/5/index.html
@@ -2,7 +2,6 @@
     decimal="never"
     tuiTextfieldPostfix=",00"
     tuiTextfieldPrefix="¥ "
-    class="b-form"
     [(ngModel)]="value"
 >
     Type a sum
diff --git a/projects/demo/src/modules/components/input-number/examples/6/index.html b/projects/demo/src/modules/components/input-number/examples/6/index.html
index 21191996f042..d1e5dc6d3a43 100644
--- a/projects/demo/src/modules/components/input-number/examples/6/index.html
+++ b/projects/demo/src/modules/components/input-number/examples/6/index.html
@@ -1,6 +1 @@
-<tui-input-number
-    class="b-form"
-    [(ngModel)]="value"
->
-    Only integers
-</tui-input-number>
+<tui-input-number [(ngModel)]="value">Only integers</tui-input-number>
diff --git a/projects/demo/src/modules/components/input-number/input-number.template.html b/projects/demo/src/modules/components/input-number/input-number.template.html
index e2a30d243210..82341b9c1648 100644
--- a/projects/demo/src/modules/components/input-number/input-number.template.html
+++ b/projects/demo/src/modules/components/input-number/input-number.template.html
@@ -96,7 +96,7 @@ <h3>There are also other components to input numbers:</h3>
                 .
             </ng-template>
 
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 If you need to set some attributes or listen to events on native
                 <code>input</code>
                 , you can put it inside with
diff --git a/projects/demo/src/modules/components/input-password/examples/1/index.html b/projects/demo/src/modules/components/input-password/examples/1/index.html
index 97c91247f7ef..49d73a5b7278 100644
--- a/projects/demo/src/modules/components/input-password/examples/1/index.html
+++ b/projects/demo/src/modules/components/input-password/examples/1/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-password
         formControlName="testValue"
         tuiTextfieldSize="s"
diff --git a/projects/demo/src/modules/components/input-password/examples/2/index.html b/projects/demo/src/modules/components/input-password/examples/2/index.html
index 115ff534a3ab..ec90aa77738e 100644
--- a/projects/demo/src/modules/components/input-password/examples/2/index.html
+++ b/projects/demo/src/modules/components/input-password/examples/2/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-password
         formControlName="testValue"
         tuiHintAppearance="onDark"
diff --git a/projects/demo/src/modules/components/input-password/input-password.template.html b/projects/demo/src/modules/components/input-password/input-password.template.html
index 4f7f7dfef3b3..4df33232dacc 100644
--- a/projects/demo/src/modules/components/input-password/input-password.template.html
+++ b/projects/demo/src/modules/components/input-password/input-password.template.html
@@ -9,7 +9,7 @@
             heading="sizes"
             [content]="example1"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 If you need to set some attributes or listen to events on native
                 <code>input</code>
                 , you can put it inside with
diff --git a/projects/demo/src/modules/components/input-phone/examples/1/index.html b/projects/demo/src/modules/components/input-phone/examples/1/index.html
index 3c302acdd365..12c790766062 100644
--- a/projects/demo/src/modules/components/input-phone/examples/1/index.html
+++ b/projects/demo/src/modules/components/input-phone/examples/1/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-phone formControlName="testValue">
         Type a phone number
         <input
diff --git a/projects/demo/src/modules/components/input-phone/examples/2/index.html b/projects/demo/src/modules/components/input-phone/examples/2/index.html
index 361577a12236..db447e6e8a8a 100644
--- a/projects/demo/src/modules/components/input-phone/examples/2/index.html
+++ b/projects/demo/src/modules/components/input-phone/examples/2/index.html
@@ -1,7 +1,2 @@
-<tui-input-phone
-    class="b-form"
-    [formControl]="control"
->
-    Type phone number
-</tui-input-phone>
+<tui-input-phone [formControl]="control">Type phone number</tui-input-phone>
 <pre>Form value: {{ control.value | json }}</pre>
diff --git a/projects/demo/src/modules/components/input-phone/examples/3/index.html b/projects/demo/src/modules/components/input-phone/examples/3/index.html
index a7cbe74cf4e3..44d00434f04b 100644
--- a/projects/demo/src/modules/components/input-phone/examples/3/index.html
+++ b/projects/demo/src/modules/components/input-phone/examples/3/index.html
@@ -1,6 +1,5 @@
 <tui-input-phone
     *tuiLet="items$ | async as items"
-    class="b-form"
     [allowText]="true"
     [tuiTextfieldCustomContent]="avatar"
     [(ngModel)]="value"
diff --git a/projects/demo/src/modules/components/input-phone/input-phone.template.html b/projects/demo/src/modules/components/input-phone/input-phone.template.html
index f019c99859cf..1bd138a7a606 100644
--- a/projects/demo/src/modules/components/input-phone/input-phone.template.html
+++ b/projects/demo/src/modules/components/input-phone/input-phone.template.html
@@ -14,7 +14,7 @@
             heading="Basic"
             [content]="example1"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 If you need to set some attributes or listen to events on native
                 <code>input</code>
                 , you can put it inside with
diff --git a/projects/demo/src/modules/components/input-tag/examples/1/index.html b/projects/demo/src/modules/components/input-tag/examples/1/index.html
index ff5d2ac0d6a5..4897edc94c82 100644
--- a/projects/demo/src/modules/components/input-tag/examples/1/index.html
+++ b/projects/demo/src/modules/components/input-tag/examples/1/index.html
@@ -1,6 +1,6 @@
 <tui-input-tag
-    class="b-form"
     [formControl]="control"
+    [style.max-width.rem]="20"
     [tuiTextfieldLabelOutside]="true"
 >
     I'm a
diff --git a/projects/demo/src/modules/components/input-tag/examples/2/index.html b/projects/demo/src/modules/components/input-tag/examples/2/index.html
index 9fab4a5fdc8f..8fa4b4eaf67c 100644
--- a/projects/demo/src/modules/components/input-tag/examples/2/index.html
+++ b/projects/demo/src/modules/components/input-tag/examples/2/index.html
@@ -1,5 +1,4 @@
 <tui-input-tag
-    class="b-form"
     [tuiTextfieldLabelOutside]="true"
     [(ngModel)]="value"
     (searchChange)="onSearchChange($event)"
diff --git a/projects/demo/src/modules/components/input-tag/examples/3/index.html b/projects/demo/src/modules/components/input-tag/examples/3/index.html
index 47a3f261a715..af7db62942af 100644
--- a/projects/demo/src/modules/components/input-tag/examples/3/index.html
+++ b/projects/demo/src/modules/components/input-tag/examples/3/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-tag
         formControlName="testValue"
         tuiTextfieldSize="s"
diff --git a/projects/demo/src/modules/components/input-tag/examples/4/index.html b/projects/demo/src/modules/components/input-tag/examples/4/index.html
index 4b884b2ecc2f..66a3238bf154 100644
--- a/projects/demo/src/modules/components/input-tag/examples/4/index.html
+++ b/projects/demo/src/modules/components/input-tag/examples/4/index.html
@@ -1,7 +1,6 @@
 <p>In this sample, tags with digits are invalid</p>
 
 <tui-input-tag
-    class="b-form"
     [formControl]="control"
     [tagValidator]="tagValidator"
     [tuiTextfieldLabelOutside]="true"
diff --git a/projects/demo/src/modules/components/input-tag/examples/7/index.html b/projects/demo/src/modules/components/input-tag/examples/7/index.html
index 954ed6f2d2b8..3a5993f0d2bb 100644
--- a/projects/demo/src/modules/components/input-tag/examples/7/index.html
+++ b/projects/demo/src/modules/components/input-tag/examples/7/index.html
@@ -1,5 +1,4 @@
 <tui-input-tag
-    class="b-form"
     [separator]="customSeparator"
     [tuiTextfieldLabelOutside]="true"
     [(ngModel)]="value"
diff --git a/projects/demo/src/modules/components/input-time/examples/1/index.html b/projects/demo/src/modules/components/input-time/examples/1/index.html
index ddd1522d4230..664955a1b0fd 100644
--- a/projects/demo/src/modules/components/input-time/examples/1/index.html
+++ b/projects/demo/src/modules/components/input-time/examples/1/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-time
         formControlName="testValue"
         tuiTextfieldSize="s"
diff --git a/projects/demo/src/modules/components/input-time/examples/2/index.html b/projects/demo/src/modules/components/input-time/examples/2/index.html
index 970655c68a87..0bf4c32f171e 100644
--- a/projects/demo/src/modules/components/input-time/examples/2/index.html
+++ b/projects/demo/src/modules/components/input-time/examples/2/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-time
         formControlName="testValue"
         [items]="items1"
diff --git a/projects/demo/src/modules/components/input-time/examples/3/index.html b/projects/demo/src/modules/components/input-time/examples/3/index.html
index 7be8fe16b5ff..665d1f745eb7 100644
--- a/projects/demo/src/modules/components/input-time/examples/3/index.html
+++ b/projects/demo/src/modules/components/input-time/examples/3/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-time
         formControlName="testValue"
         [items]="items1"
diff --git a/projects/demo/src/modules/components/input-time/examples/4/index.html b/projects/demo/src/modules/components/input-time/examples/4/index.html
index 60ceb1f84bf9..6dd242447635 100644
--- a/projects/demo/src/modules/components/input-time/examples/4/index.html
+++ b/projects/demo/src/modules/components/input-time/examples/4/index.html
@@ -1,6 +1,5 @@
 <form
     tuiTextfieldPostfix="left"
-    class="b-form"
     [formGroup]="testForm"
 >
     <tui-input-time formControlName="testValue">Max: 47h 59m</tui-input-time>
diff --git a/projects/demo/src/modules/components/input-time/examples/5/index.html b/projects/demo/src/modules/components/input-time/examples/5/index.html
index 00a0a8aee4f6..cc7f5674b63e 100644
--- a/projects/demo/src/modules/components/input-time/examples/5/index.html
+++ b/projects/demo/src/modules/components/input-time/examples/5/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-time
         formControlName="testValue"
         class="tui-space_bottom-2"
diff --git a/projects/demo/src/modules/components/input-time/examples/6/index.html b/projects/demo/src/modules/components/input-time/examples/6/index.html
index 50c9a8681edb..5c1f60a49315 100644
--- a/projects/demo/src/modules/components/input-time/examples/6/index.html
+++ b/projects/demo/src/modules/components/input-time/examples/6/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-time
         formControlName="testValue"
         class="tui-space_bottom-3"
diff --git a/projects/demo/src/modules/components/input-year/examples/1/index.html b/projects/demo/src/modules/components/input-year/examples/1/index.html
index de2b38a38897..375341b32140 100644
--- a/projects/demo/src/modules/components/input-year/examples/1/index.html
+++ b/projects/demo/src/modules/components/input-year/examples/1/index.html
@@ -1,5 +1,4 @@
 <tui-input-year
-    class="b-form"
     [formControl]="control"
     [tuiTextfieldCleaner]="true"
 >
diff --git a/projects/demo/src/modules/components/input-year/examples/2/index.html b/projects/demo/src/modules/components/input-year/examples/2/index.html
index 4bc7bdd89bc8..ee493fcf5a57 100644
--- a/projects/demo/src/modules/components/input-year/examples/2/index.html
+++ b/projects/demo/src/modules/components/input-year/examples/2/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input-year
         formControlName="testValue"
         tuiTextfieldSize="s"
diff --git a/projects/demo/src/modules/components/input-year/input-year.template.html b/projects/demo/src/modules/components/input-year/input-year.template.html
index 4d5e7e9a1800..1a1471d50154 100644
--- a/projects/demo/src/modules/components/input-year/input-year.template.html
+++ b/projects/demo/src/modules/components/input-year/input-year.template.html
@@ -11,7 +11,7 @@
             heading="Basic"
             [content]="example1"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 If you need to set some attributes or listen to events on native
                 <code>input</code>
                 , you can put it inside with
diff --git a/projects/demo/src/modules/components/input/examples/1/index.html b/projects/demo/src/modules/components/input/examples/1/index.html
index 734bebe9190b..d26cadca8981 100644
--- a/projects/demo/src/modules/components/input/examples/1/index.html
+++ b/projects/demo/src/modules/components/input/examples/1/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-input formControlName="testValue">
         Type an email
         <input
diff --git a/projects/demo/src/modules/components/input/examples/2/index.html b/projects/demo/src/modules/components/input/examples/2/index.html
index 8b9fdb544a44..fd9ec64cea66 100644
--- a/projects/demo/src/modules/components/input/examples/2/index.html
+++ b/projects/demo/src/modules/components/input/examples/2/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <p>
         <tui-input
             formControlName="testValue"
diff --git a/projects/demo/src/modules/components/input/examples/3/index.html b/projects/demo/src/modules/components/input/examples/3/index.html
index 1967092350a3..541ffa2bedbf 100644
--- a/projects/demo/src/modules/components/input/examples/3/index.html
+++ b/projects/demo/src/modules/components/input/examples/3/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <p>
         <tui-input
             formControlName="testValue1"
diff --git a/projects/demo/src/modules/components/input/examples/5/index.html b/projects/demo/src/modules/components/input/examples/5/index.html
index e412b9072e66..b62bbdb43869 100644
--- a/projects/demo/src/modules/components/input/examples/5/index.html
+++ b/projects/demo/src/modules/components/input/examples/5/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <tui-notification>
         Custom mode is set with
         <a
diff --git a/projects/demo/src/modules/components/input/examples/7/index.html b/projects/demo/src/modules/components/input/examples/7/index.html
index 6643d85a19c9..e4f9bfa89889 100644
--- a/projects/demo/src/modules/components/input/examples/7/index.html
+++ b/projects/demo/src/modules/components/input/examples/7/index.html
@@ -1,6 +1,5 @@
 <tui-input
     tuiHintContent="Type 5 letters or more"
-    class="b-form"
     [formControl]="control"
     [tuiTextfieldCleaner]="true"
     [tuiTextfieldCustomContent]="control.valid ? success : ''"
diff --git a/projects/demo/src/modules/components/input/examples/8/index.html b/projects/demo/src/modules/components/input/examples/8/index.html
index 857cf8a789e9..af8a4f085ccf 100644
--- a/projects/demo/src/modules/components/input/examples/8/index.html
+++ b/projects/demo/src/modules/components/input/examples/8/index.html
@@ -1,6 +1,5 @@
 <tui-input
     *tuiLet="items$ | async as items"
-    class="b-form"
     [formControl]="control"
 >
     Enter your name
diff --git a/projects/demo/src/modules/components/input/input.template.html b/projects/demo/src/modules/components/input/input.template.html
index 349d84a3ec0e..61fc68790a9e 100644
--- a/projects/demo/src/modules/components/input/input.template.html
+++ b/projects/demo/src/modules/components/input/input.template.html
@@ -116,7 +116,7 @@
             heading="Basic"
             [content]="example1"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 If you need to set some attributes or listen to events on native
                 <code>input</code>
                 , you can put it inside with
@@ -139,7 +139,7 @@
             heading="Mask"
             [content]="example3"
         >
-            <tui-notification class="b-form">
+            <tui-notification>
                 Taiga UI input is compatible with
                 <a
                     href="https://maskito.dev"
diff --git a/projects/demo/src/modules/components/label/examples/1/index.html b/projects/demo/src/modules/components/label/examples/1/index.html
index e4579b9d015e..9d26df9a10a8 100644
--- a/projects/demo/src/modules/components/label/examples/1/index.html
+++ b/projects/demo/src/modules/components/label/examples/1/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <label [tuiLabel]="label">
         <tui-input
             formControlName="testValue"
diff --git a/projects/demo/src/modules/components/label/examples/2/index.html b/projects/demo/src/modules/components/label/examples/2/index.html
index 319f4ff3a3db..a17c52e4d40b 100644
--- a/projects/demo/src/modules/components/label/examples/2/index.html
+++ b/projects/demo/src/modules/components/label/examples/2/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <label
         tuiLabel="Some long content about money and incoice sums to make a multiline label and to show how it works with line breaks"
     >
diff --git a/projects/demo/src/modules/components/multi-select/examples/1/index.html b/projects/demo/src/modules/components/multi-select/examples/1/index.html
index 14287d37534f..bf8090b4910a 100644
--- a/projects/demo/src/modules/components/multi-select/examples/1/index.html
+++ b/projects/demo/src/modules/components/multi-select/examples/1/index.html
@@ -1,6 +1,5 @@
 <tui-multi-select
     placeholder="Ignored text"
-    class="b-form"
     [editable]="false"
     [formControl]="control"
     [tagValidator]="tagValidator"
diff --git a/projects/demo/src/modules/components/multi-select/examples/10/index.html b/projects/demo/src/modules/components/multi-select/examples/10/index.html
index 423ad7da664f..bdfafb41d6d6 100644
--- a/projects/demo/src/modules/components/multi-select/examples/10/index.html
+++ b/projects/demo/src/modules/components/multi-select/examples/10/index.html
@@ -1,7 +1,7 @@
 <span class="tui-text_body-l">Strings:</span>
 
 <tui-multi-select
-    class="b-form tui-space_top-5"
+    class="tui-space_top-5"
     [editable]="false"
     [formControl]="itemStringControl"
     [tuiHintContent]="'hint'"
@@ -18,7 +18,7 @@
 </tui-multi-select>
 
 <tui-multi-select
-    class="b-form tui-space_vertical-5"
+    class="tui-space_vertical-5"
     [disabledItemHandler]="disableHandler"
     [editable]="false"
     [formControl]="itemStringGroupControl"
@@ -36,7 +36,7 @@
 
 <span class="tui-text_body-l">Objects (stringify):</span>
 <tui-multi-select
-    class="b-form tui-space_top-5"
+    class="tui-space_top-5"
     [editable]="false"
     [formControl]="itemControl"
     [stringify]="stringify"
@@ -54,7 +54,7 @@
 </tui-multi-select>
 
 <tui-multi-select
-    class="b-form tui-space_top-5"
+    class="tui-space_top-5"
     [disabledItemHandler]="disableItemHandler"
     [editable]="false"
     [formControl]="itemGroupControl"
diff --git a/projects/demo/src/modules/components/multi-select/examples/2/index.html b/projects/demo/src/modules/components/multi-select/examples/2/index.html
index 07c214f0e878..e36e8d01fe1b 100644
--- a/projects/demo/src/modules/components/multi-select/examples/2/index.html
+++ b/projects/demo/src/modules/components/multi-select/examples/2/index.html
@@ -3,7 +3,6 @@
     <tui-multi-select
         *tuiLet="items$ | async as items"
         placeholder="Find by ..."
-        class="b-form"
         [formControl]="testValue"
         [rows]="1"
         [tuiTextfieldLabelOutside]="true"
diff --git a/projects/demo/src/modules/components/multi-select/examples/2/index.less b/projects/demo/src/modules/components/multi-select/examples/2/index.less
index 160dec87a593..8eb1f9de5090 100644
--- a/projects/demo/src/modules/components/multi-select/examples/2/index.less
+++ b/projects/demo/src/modules/components/multi-select/examples/2/index.less
@@ -6,3 +6,7 @@
 .avatar {
     margin: 0 0.5rem 0 -0.25rem;
 }
+
+tui-multi-select {
+    max-width: 20rem;
+}
diff --git a/projects/demo/src/modules/components/multi-select/examples/3/index.html b/projects/demo/src/modules/components/multi-select/examples/3/index.html
index c795902a85a0..2b9dac3c93b1 100644
--- a/projects/demo/src/modules/components/multi-select/examples/3/index.html
+++ b/projects/demo/src/modules/components/multi-select/examples/3/index.html
@@ -1,4 +1,4 @@
-<form class="b-form">
+<form>
     <tui-multi-select
         tuiTextfieldSize="s"
         [formControl]="control"
diff --git a/projects/demo/src/modules/components/multi-select/examples/4/index.html b/projects/demo/src/modules/components/multi-select/examples/4/index.html
index 6b1bd3ceadde..331267f792c7 100644
--- a/projects/demo/src/modules/components/multi-select/examples/4/index.html
+++ b/projects/demo/src/modules/components/multi-select/examples/4/index.html
@@ -1,6 +1,5 @@
 <tui-multi-select
     *tuiLet="items$ | async as items"
-    class="b-form"
     [formControl]="control"
     [stringify]="(stringify$ | async)!"
     [tuiTextfieldLabelOutside]="true"
diff --git a/projects/demo/src/modules/components/multi-select/examples/5/index.html b/projects/demo/src/modules/components/multi-select/examples/5/index.html
index ae7e11e3968f..d2088e6f4480 100644
--- a/projects/demo/src/modules/components/multi-select/examples/5/index.html
+++ b/projects/demo/src/modules/components/multi-select/examples/5/index.html
@@ -1,6 +1,5 @@
 <tui-multi-select
     #component
-    class="b-form"
     [editable]="false"
     [rows]="1"
     [tuiTextfieldLabelOutside]="true"
@@ -32,7 +31,7 @@
 </tui-multi-select>
 
 <tui-multi-select
-    class="b-form tui-space_top-5"
+    class="tui-space_top-5"
     [editable]="false"
     [rows]="1"
     [tuiTextfieldLabelOutside]="true"
@@ -64,7 +63,7 @@
 </tui-multi-select>
 
 <tui-multi-select
-    class="b-form tui-space_top-5"
+    class="tui-space_top-5"
     [editable]="false"
     [rows]="1"
     [tuiTextfieldLabelOutside]="true"
diff --git a/projects/demo/src/modules/components/multi-select/examples/7/index.html b/projects/demo/src/modules/components/multi-select/examples/7/index.html
index 06171d8dab8e..3fac4b0d91bd 100644
--- a/projects/demo/src/modules/components/multi-select/examples/7/index.html
+++ b/projects/demo/src/modules/components/multi-select/examples/7/index.html
@@ -1,5 +1,4 @@
 <tui-multi-select
-    class="b-form"
     [editable]="false"
     [valueContent]="content"
     [(ngModel)]="value"
diff --git a/projects/demo/src/modules/components/multi-select/examples/8/index.html b/projects/demo/src/modules/components/multi-select/examples/8/index.html
index dbb48f26f5eb..247df818c7ba 100644
--- a/projects/demo/src/modules/components/multi-select/examples/8/index.html
+++ b/projects/demo/src/modules/components/multi-select/examples/8/index.html
@@ -1,4 +1,4 @@
-<form class="b-form">
+<form>
     <tui-multi-select
         tuiTextfieldSize="m"
         [editable]="false"
diff --git a/projects/demo/src/modules/components/multi-select/examples/9/index.html b/projects/demo/src/modules/components/multi-select/examples/9/index.html
index 3119a6d19041..764d8d1dd5bf 100644
--- a/projects/demo/src/modules/components/multi-select/examples/9/index.html
+++ b/projects/demo/src/modules/components/multi-select/examples/9/index.html
@@ -40,7 +40,6 @@
                 class="tui-col_md-12"
             >
                 <tui-multi-select
-                    class="b-form"
                     [formControl]="testValue"
                     [rows]="1"
                     [tuiTextfieldCleaner]="true"
diff --git a/projects/demo/src/modules/components/primitive-textfield/examples/2/index.html b/projects/demo/src/modules/components/primitive-textfield/examples/2/index.html
index 5c1724000f46..aeb101832b3b 100644
--- a/projects/demo/src/modules/components/primitive-textfield/examples/2/index.html
+++ b/projects/demo/src/modules/components/primitive-textfield/examples/2/index.html
@@ -1,6 +1,5 @@
 <form
     tuiTextfieldSize="m"
-    class="b-form"
     [tuiTextfieldCleaner]="true"
     [tuiTextfieldLabelOutside]="true"
 >
diff --git a/projects/demo/src/modules/components/primitive-textfield/primitive-textfield.template.html b/projects/demo/src/modules/components/primitive-textfield/primitive-textfield.template.html
index 3c076d8c5981..be3981f1f4b2 100644
--- a/projects/demo/src/modules/components/primitive-textfield/primitive-textfield.template.html
+++ b/projects/demo/src/modules/components/primitive-textfield/primitive-textfield.template.html
@@ -16,7 +16,7 @@
             heading="sizes"
             [content]="example1"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 Simplified version of
                 <a
                     routerLink="/components/input-password"
@@ -25,10 +25,7 @@
                     <code>InputPassword</code>
                 </a>
             </tui-notification>
-            <tui-primitive-textfield-example-1
-                class="b-form"
-                [(ngModel)]="password"
-            >
+            <tui-primitive-textfield-example-1 [(ngModel)]="password">
                 Type a password
             </tui-primitive-textfield-example-1>
         </tui-doc-example>
@@ -38,7 +35,7 @@
             heading="Options"
             [content]="example2"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 If you need to set some attributes or listen to events on native
                 <code>input</code>
                 , you can put it inside with
diff --git a/projects/demo/src/modules/components/select/examples/1/index.html b/projects/demo/src/modules/components/select/examples/1/index.html
index 8c2adf29f4ac..14f875555590 100644
--- a/projects/demo/src/modules/components/select/examples/1/index.html
+++ b/projects/demo/src/modules/components/select/examples/1/index.html
@@ -1,4 +1,4 @@
-<form class="b-form">
+<form>
     <tui-select
         tuiTextfieldSize="s"
         [formControl]="testValue"
diff --git a/projects/demo/src/modules/components/select/examples/10/index.html b/projects/demo/src/modules/components/select/examples/10/index.html
index b0088bc3911f..48a2e9588838 100644
--- a/projects/demo/src/modules/components/select/examples/10/index.html
+++ b/projects/demo/src/modules/components/select/examples/10/index.html
@@ -1,4 +1,4 @@
-<form class="b-form">
+<form>
     <tui-select
         tuiTextfieldSize="m"
         [formControl]="testValue"
diff --git a/projects/demo/src/modules/components/select/examples/11/index.html b/projects/demo/src/modules/components/select/examples/11/index.html
index 34db16ccfd1f..5aff7f8c643e 100644
--- a/projects/demo/src/modules/components/select/examples/11/index.html
+++ b/projects/demo/src/modules/components/select/examples/11/index.html
@@ -1,4 +1,4 @@
-<form class="b-form">
+<form>
     <tui-select [formControl]="itemStringControl">
         Character
         <select
diff --git a/projects/demo/src/modules/components/select/examples/4/index.html b/projects/demo/src/modules/components/select/examples/4/index.html
index 3c417e41cddf..72a1975afcf1 100644
--- a/projects/demo/src/modules/components/select/examples/4/index.html
+++ b/projects/demo/src/modules/components/select/examples/4/index.html
@@ -1,6 +1,5 @@
 <tui-select
     #select
-    class="b-form"
     [(ngModel)]="value"
 >
     Select user
diff --git a/projects/demo/src/modules/components/select/examples/5/index.html b/projects/demo/src/modules/components/select/examples/5/index.html
index efeea8d18197..86a8903acbf1 100644
--- a/projects/demo/src/modules/components/select/examples/5/index.html
+++ b/projects/demo/src/modules/components/select/examples/5/index.html
@@ -1,6 +1,5 @@
 <tui-select
     *tuiLet="items$ | async as items"
-    class="b-form"
     [tuiTextfieldLabelOutside]="true"
     [valueContent]="items ? stringify(items) : loading"
     [(ngModel)]="value"
diff --git a/projects/demo/src/modules/components/select/examples/6/index.html b/projects/demo/src/modules/components/select/examples/6/index.html
index cd1833f756da..dacd50b0c7d9 100644
--- a/projects/demo/src/modules/components/select/examples/6/index.html
+++ b/projects/demo/src/modules/components/select/examples/6/index.html
@@ -1,6 +1,5 @@
 <tui-select
     *tuiLet="items$ | async as items"
-    class="b-form"
     [(ngModel)]="value"
 >
     Select user
diff --git a/projects/demo/src/modules/components/select/examples/7/index.html b/projects/demo/src/modules/components/select/examples/7/index.html
index 25b80bbe06d6..3c28a997609f 100644
--- a/projects/demo/src/modules/components/select/examples/7/index.html
+++ b/projects/demo/src/modules/components/select/examples/7/index.html
@@ -1,5 +1,4 @@
 <tui-select
-    class="b-form"
     [valueContent]="content"
     [(ngModel)]="value"
 >
diff --git a/projects/demo/src/modules/components/select/examples/8/index.html b/projects/demo/src/modules/components/select/examples/8/index.html
index 2b5a1a9ab551..30e1ff0eefcd 100644
--- a/projects/demo/src/modules/components/select/examples/8/index.html
+++ b/projects/demo/src/modules/components/select/examples/8/index.html
@@ -1,7 +1,4 @@
-<tui-select
-    class="b-form"
-    [(ngModel)]="value"
->
+<tui-select [(ngModel)]="value">
     Country
     <cdk-virtual-scroll-viewport
         *tuiDataList
diff --git a/projects/demo/src/modules/components/select/select.template.html b/projects/demo/src/modules/components/select/select.template.html
index d1311379d838..e787456e650d 100644
--- a/projects/demo/src/modules/components/select/select.template.html
+++ b/projects/demo/src/modules/components/select/select.template.html
@@ -14,7 +14,7 @@
             heading="String array"
             [content]="example1"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 If you need to set some attributes or listen to events on native
                 <code>input</code>
                 , you can put it inside with
@@ -118,7 +118,7 @@
             heading="Native select"
             [content]="example11"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 You can enable native select on mobile devices by putting
                 <code>select</code>
                 inside with
diff --git a/projects/demo/src/modules/components/textarea/examples/5/index.html b/projects/demo/src/modules/components/textarea/examples/5/index.html
index 1dbbf6e63d0f..89cc993e275a 100644
--- a/projects/demo/src/modules/components/textarea/examples/5/index.html
+++ b/projects/demo/src/modules/components/textarea/examples/5/index.html
@@ -1,7 +1,4 @@
-<tui-textarea
-    class="b-form"
-    [(ngModel)]="value"
->
+<tui-textarea [(ngModel)]="value">
     Bio
     <textarea
         maxlength="97"
diff --git a/projects/demo/src/modules/components/textarea/textarea.template.html b/projects/demo/src/modules/components/textarea/textarea.template.html
index d0f4f730b0d0..a172801d6191 100644
--- a/projects/demo/src/modules/components/textarea/textarea.template.html
+++ b/projects/demo/src/modules/components/textarea/textarea.template.html
@@ -43,7 +43,7 @@
             heading="Native attributes"
             [content]="example5"
         >
-            <tui-notification class="tui-space_bottom-4 b-form">
+            <tui-notification class="tui-space_bottom-4">
                 If you need to set some attributes or listen to events on native
                 <code>textarea</code>
                 , you can put it inside with
@@ -65,7 +65,6 @@
     <ng-template pageTab>
         <tui-doc-demo>
             <tui-textarea
-                class="b-form"
                 [expandable]="expandable"
                 [focusable]="focusable"
                 [formControl]="control"
@@ -75,6 +74,7 @@
                 [pseudoInvalid]="pseudoInvalid"
                 [readOnly]="readOnly"
                 [rows]="rows"
+                [style.max-width.rem]="20"
                 [tuiHintAppearance]="hintAppearance"
                 [tuiHintContent]="hintContent"
                 [tuiHintDirection]="hintDirection"
diff --git a/projects/demo/src/modules/customization/wrapper/examples/1/index.html b/projects/demo/src/modules/customization/wrapper/examples/1/index.html
index 990a5a0c5b31..e45fbfa9a88b 100644
--- a/projects/demo/src/modules/customization/wrapper/examples/1/index.html
+++ b/projects/demo/src/modules/customization/wrapper/examples/1/index.html
@@ -1,6 +1,5 @@
 <tui-input
     minlength="5"
-    class="b-form"
     [(ngModel)]="value"
 >
     Input example
diff --git a/projects/demo/src/modules/directives/hint-describe/examples/1/index.html b/projects/demo/src/modules/directives/hint-describe/examples/1/index.html
index 49cb80cd46b2..c0e52141c4d5 100644
--- a/projects/demo/src/modules/directives/hint-describe/examples/1/index.html
+++ b/projects/demo/src/modules/directives/hint-describe/examples/1/index.html
@@ -28,7 +28,6 @@
 </p>
 <tui-input
     tuiHintContent="This is built-in with controls"
-    class="b-form"
     [(ngModel)]="value"
 >
     Input with accessible hint
diff --git a/projects/demo/src/modules/directives/validator/examples/1/index.html b/projects/demo/src/modules/directives/validator/examples/1/index.html
index ebecbd3b0926..737ecf7e175f 100644
--- a/projects/demo/src/modules/directives/validator/examples/1/index.html
+++ b/projects/demo/src/modules/directives/validator/examples/1/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="group"
->
+<form [formGroup]="group">
     <tui-input formControlName="name">Name</tui-input>
     <tui-select
         class="tui-space_vertical-3"
diff --git a/projects/demo/src/modules/directives/value-changes/examples/1/index.html b/projects/demo/src/modules/directives/value-changes/examples/1/index.html
index 598a5015c999..6034730612e4 100644
--- a/projects/demo/src/modules/directives/value-changes/examples/1/index.html
+++ b/projects/demo/src/modules/directives/value-changes/examples/1/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="form"
->
+<form [formGroup]="form">
     <tui-input
         formControlName="control"
         (tuiValueChanges)="onChanges($event)"
diff --git a/projects/demo/src/modules/directives/value-changes/examples/2/index.html b/projects/demo/src/modules/directives/value-changes/examples/2/index.html
index d239b42c0e03..6f2a93c00f4d 100644
--- a/projects/demo/src/modules/directives/value-changes/examples/2/index.html
+++ b/projects/demo/src/modules/directives/value-changes/examples/2/index.html
@@ -1,5 +1,4 @@
 <form
-    class="b-form"
     [formGroup]="form"
     (tuiValueChanges)="onChanges($event)"
 >
diff --git a/projects/demo/src/modules/markup/skeleton/examples/1/index.html b/projects/demo/src/modules/markup/skeleton/examples/1/index.html
index 6628c4eae14b..13d14d697031 100644
--- a/projects/demo/src/modules/markup/skeleton/examples/1/index.html
+++ b/projects/demo/src/modules/markup/skeleton/examples/1/index.html
@@ -18,7 +18,7 @@
         Light mode
     </button>
 
-    <div class="skeleton-options b-form">
+    <div class="skeleton-options">
         --tui-skeleton-radius:
 
         <tui-input
diff --git a/projects/demo/src/modules/pipes/field-error/examples/1/index.html b/projects/demo/src/modules/pipes/field-error/examples/1/index.html
index 8115e6b3b271..8ab8463d9a71 100644
--- a/projects/demo/src/modules/pipes/field-error/examples/1/index.html
+++ b/projects/demo/src/modules/pipes/field-error/examples/1/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <label
         tuiLabel="Type the ultimate answer"
         class="tui-space_bottom-4"
diff --git a/projects/demo/src/modules/pipes/field-error/examples/2/index.html b/projects/demo/src/modules/pipes/field-error/examples/2/index.html
index 042dcaaa3fe3..3426ce1cb15f 100644
--- a/projects/demo/src/modules/pipes/field-error/examples/2/index.html
+++ b/projects/demo/src/modules/pipes/field-error/examples/2/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
+<form [formGroup]="testForm">
     <label
         tuiLabel="Enter an email"
         class="tui-space_bottom-4"
diff --git a/projects/demo/src/modules/pipes/field-error/examples/3/index.html b/projects/demo/src/modules/pipes/field-error/examples/3/index.html
index b14101d874f4..3ac4e4d1a053 100644
--- a/projects/demo/src/modules/pipes/field-error/examples/3/index.html
+++ b/projects/demo/src/modules/pipes/field-error/examples/3/index.html
@@ -1,5 +1,4 @@
 <form
-    class="b-form"
     [formGroup]="testForm"
     (submit)="onSubmit()"
 >
diff --git a/projects/demo/src/modules/pipes/filter-by-input/examples/1/index.html b/projects/demo/src/modules/pipes/filter-by-input/examples/1/index.html
index 7225abd20561..822257f15dde 100644
--- a/projects/demo/src/modules/pipes/filter-by-input/examples/1/index.html
+++ b/projects/demo/src/modules/pipes/filter-by-input/examples/1/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="form"
->
+<form [formGroup]="form">
     <tui-input formControlName="user">
         User
         <tui-data-list-wrapper
diff --git a/projects/demo/src/modules/pipes/filter-by-input/examples/2/index.html b/projects/demo/src/modules/pipes/filter-by-input/examples/2/index.html
index ed375d603f2a..87ee89bec9c3 100644
--- a/projects/demo/src/modules/pipes/filter-by-input/examples/2/index.html
+++ b/projects/demo/src/modules/pipes/filter-by-input/examples/2/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="form"
->
+<form [formGroup]="form">
     <tui-combo-box formControlName="user">
         Search by last name
         <tui-data-list-wrapper
diff --git a/projects/demo/src/modules/pipes/filter-by-input/examples/3/index.html b/projects/demo/src/modules/pipes/filter-by-input/examples/3/index.html
index 821e0ec999f5..7abda9654d67 100644
--- a/projects/demo/src/modules/pipes/filter-by-input/examples/3/index.html
+++ b/projects/demo/src/modules/pipes/filter-by-input/examples/3/index.html
@@ -1,6 +1,5 @@
 <tui-multi-select
     placeholder="Ignored text"
-    class="b-form"
     [formControl]="control"
     [tuiTextfieldLabelOutside]="true"
 >
diff --git a/projects/demo/src/modules/pipes/stringify-content/examples/1/index.html b/projects/demo/src/modules/pipes/stringify-content/examples/1/index.html
index 1bb33e8639b5..bf618dc8626b 100644
--- a/projects/demo/src/modules/pipes/stringify-content/examples/1/index.html
+++ b/projects/demo/src/modules/pipes/stringify-content/examples/1/index.html
@@ -1,5 +1,4 @@
 <tui-combo-box
-    class="b-form"
     [stringify]="stringify"
     [(ngModel)]="value"
 >
diff --git a/projects/demo/src/modules/pipes/stringify-content/stringify-content.template.html b/projects/demo/src/modules/pipes/stringify-content/stringify-content.template.html
index d046950cfc98..03bc7c29075e 100644
--- a/projects/demo/src/modules/pipes/stringify-content/stringify-content.template.html
+++ b/projects/demo/src/modules/pipes/stringify-content/stringify-content.template.html
@@ -16,7 +16,7 @@
             [content]="example1"
         >
             <tui-stringify-content-example1></tui-stringify-content-example1>
-            <tui-notification class="b-form tui-space_top-4">
+            <tui-notification class="tui-space_top-4">
                 With
                 <a
                     routerLink="/pipes/filter-by-input"
diff --git a/projects/demo/src/modules/pipes/stringify/examples/1/index.html b/projects/demo/src/modules/pipes/stringify/examples/1/index.html
index de09b28f3f35..b7fa4f4100d0 100644
--- a/projects/demo/src/modules/pipes/stringify/examples/1/index.html
+++ b/projects/demo/src/modules/pipes/stringify/examples/1/index.html
@@ -1,5 +1,4 @@
 <tui-combo-box
-    class="b-form"
     [stringify]="'name' | tuiStringify"
     [(ngModel)]="value"
 >
diff --git a/projects/demo/src/modules/utils/miscellaneous/examples/6/index.html b/projects/demo/src/modules/utils/miscellaneous/examples/6/index.html
index effc8657de79..4919e631500b 100644
--- a/projects/demo/src/modules/utils/miscellaneous/examples/6/index.html
+++ b/projects/demo/src/modules/utils/miscellaneous/examples/6/index.html
@@ -1,7 +1,4 @@
-<form
-    class="b-form"
-    [formGroup]="userDetailsForm"
->
+<form [formGroup]="userDetailsForm">
     <p>
         <tui-input formControlName="name">Name</tui-input>
 
diff --git a/projects/demo/src/styles.less b/projects/demo/src/styles.less
index 334a70295e13..248ae3844fd9 100644
--- a/projects/demo/src/styles.less
+++ b/projects/demo/src/styles.less
@@ -24,11 +24,6 @@ body {
     }
 }
 
-.b-form {
-    display: block;
-    max-width: 20rem;
-}
-
 .b-full-width {
     width: 100%;
 }