chore(demo): replaced global b-demo-steps class with `tui-list_orde…

…red` (#7366)
taiga-family · May 16, 2024 · e3d6f46 · e3d6f46
1 parent 54036bd
commit e3d6f46
Show file tree

Hide file tree

Showing 53 changed files with 177 additions and 187 deletions.
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
@@ -102,8 +102,8 @@
     </ng-template>
 
     <ng-template pageTab>
-        <ol class="b-demo-steps">
-            <li>
+        <ol class="tui-list tui-list_ordered">
+            <li class="tui-list__item">
                 <p>
                     Import
                     <code>TuiInputCopyModule</code>
@@ -116,7 +116,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Declare a form (
                     <code>FormGroup</code>
@@ -131,7 +131,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>Add to the template:</p>
 
                 <tui-doc-code

diff --git a/projects/demo/src/modules/components/input-date-multi/input-date-multi.template.html b/projects/demo/src/modules/components/input-date-multi/input-date-multi.template.html
@@ -118,8 +118,8 @@
             to the providers
         </p>
 
-        <ol class="b-demo-steps">
-            <li>
+        <ol class="tui-list tui-list_ordered">
+            <li class="tui-list__item">
                 <p>
                     Import an Angular module for forms and
                     <code>TuiInputDateMultiModule</code>
@@ -132,7 +132,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Declare a form (
                     <code>FormGroup</code>
@@ -147,7 +147,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 Use
                 <code>tui-input-date[multiple]</code>
                 in template:

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
@@ -266,8 +266,8 @@ <h3>DI-tokens for input-configurations:</h3>
             to the providers
         </p>
 
-        <ol class="b-demo-steps">
-            <li>
+        <ol class="tui-list tui-list_ordered">
+            <li class="tui-list__item">
                 <p>
                     Import an Angular module for forms and
                     <code>TuiInputDateRangeModule</code>
@@ -280,7 +280,7 @@ <h3>DI-tokens for input-configurations:</h3>
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Declare a form (
                     <code>FormGroup</code>
@@ -295,7 +295,7 @@ <h3>DI-tokens for input-configurations:</h3>
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 Use
                 <code>TuiInputDateRange</code>
                 in template:

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
@@ -207,8 +207,8 @@ <h3>DI-tokens for input-configurations:</h3>
     </ng-template>
 
     <ng-template pageTab>
-        <ol class="b-demo-steps">
-            <li>
+        <ol class="tui-list tui-list_ordered">
+            <li class="tui-list__item">
                 <p>
                     Import an Angular module for forms and
                     <code>TuiInputDateTimeModule</code>
@@ -221,7 +221,7 @@ <h3>DI-tokens for input-configurations:</h3>
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Declare a form (
                     <code>FormGroup</code>
@@ -236,7 +236,7 @@ <h3>DI-tokens for input-configurations:</h3>
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 Use in template:
 
                 <tui-doc-code

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
@@ -120,8 +120,8 @@
     </ng-template>
 
     <ng-template pageTab>
-        <ol class="b-demo-steps">
-            <li>
+        <ol class="tui-list tui-list_ordered">
+            <li class="tui-list__item">
                 <p>
                     Import an Angular module for forms and
                     <code>TuiInputMonthRangeModule</code>
@@ -134,7 +134,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Declare a form (
                     <code>FormGroup</code>
@@ -149,7 +149,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 Use
                 <code>TuiInputMonthComponent</code>
                 in template:

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
@@ -117,8 +117,8 @@
     </ng-template>
 
     <ng-template pageTab>
-        <ol class="b-demo-steps">
-            <li>
+        <ol class="tui-list tui-list_ordered">
+            <li class="tui-list__item">
                 <p>
                     Import
                     <code>InputMonthModule</code>
@@ -131,7 +131,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Declare a form (
                     <code>FormGroup</code>
@@ -146,7 +146,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Insert a
                     <code>TuiInoutMonthComponent</code>

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
@@ -244,8 +244,8 @@ <h3>There are also other components to input numbers:</h3>
     </ng-template>
 
     <ng-template pageTab>
-        <ol class="b-demo-steps">
-            <li>
+        <ol class="tui-list tui-list_ordered">
+            <li class="tui-list__item">
                 <p>
                     Import an Angular module for forms and
                     <code>TuiInputNumberModule</code>
@@ -258,7 +258,7 @@ <h3>There are also other components to input numbers:</h3>
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Declare a form (
                     <code>FormGroup</code>
@@ -273,7 +273,7 @@ <h3>There are also other components to input numbers:</h3>
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>Add to the template:</p>
 
                 <tui-doc-code

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
@@ -76,8 +76,8 @@
     </ng-template>
 
     <ng-template pageTab>
-        <ol class="b-demo-steps">
-            <li>
+        <ol class="tui-list tui-list_ordered">
+            <li class="tui-list__item">
                 <p>
                     Import an Angular module for forms and
                     <code>TuiInputPasswordModule</code>
@@ -90,7 +90,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Declare a form (
                     <code>FormGroup</code>
@@ -105,7 +105,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>Add to the template:</p>
 
                 <tui-doc-code
@@ -114,7 +114,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Optionally use the
                     <code>TUI_INPUT_PASSWORD_OPTIONS</code>

diff --git a/.../src/modules/components/input-phone-international/input-phone-international.template.html b/.../src/modules/components/input-phone-international/input-phone-international.template.html
@@ -93,8 +93,8 @@
     </ng-template>
 
     <ng-template pageTab>
-        <ol class="b-demo-steps">
-            <li>
+        <ol class="tui-list tui-list_ordered">
+            <li class="tui-list__item">
                 <p>
                     Import an Angular module for forms and
                     <code>TuiInputPhoneInternationalModule</code>
@@ -107,7 +107,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Declare a form (
                     <code>FormGroup</code>
@@ -122,7 +122,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>Add to the template:</p>
 
                 <tui-doc-code

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
@@ -134,8 +134,8 @@
     </ng-template>
 
     <ng-template pageTab>
-        <ol class="b-demo-steps">
-            <li>
+        <ol class="tui-list tui-list_ordered">
+            <li class="tui-list__item">
                 <p>
                     Import an Angular module for forms and
                     <code>TuiInputPhoneModule</code>
@@ -148,7 +148,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Declare a form (
                     <code>FormGroup</code>
@@ -163,7 +163,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>Add to the template:</p>
 
                 <tui-doc-code

diff --git a/projects/demo/src/modules/components/input-time/input-time.template.html b/projects/demo/src/modules/components/input-time/input-time.template.html
@@ -169,8 +169,8 @@
     </ng-template>
 
     <ng-template pageTab>
-        <ol class="b-demo-steps">
-            <li>
+        <ol class="tui-list tui-list_ordered">
+            <li class="tui-list__item">
                 <p>
                     Import an Angular module for forms and
                     <code>TuiInputTimeModule</code>
@@ -183,7 +183,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Declare a form (
                     <code>FormGroup</code>
@@ -198,7 +198,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>Add to the template:</p>
 
                 <tui-doc-code
@@ -207,7 +207,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Optionally use the
                     <code>TUI_INPUT_TIME_OPTIONS</code>

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
@@ -112,8 +112,8 @@
     </ng-template>
 
     <ng-template pageTab>
-        <ol class="b-demo-steps">
-            <li>
+        <ol class="tui-list tui-list_ordered">
+            <li class="tui-list__item">
                 <p>
                     Import
                     <code>TuiInputYearModule</code>
@@ -126,7 +126,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Declare a form (
                     <code>FormGroup</code>
@@ -141,7 +141,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>Add to the template:</p>
 
                 <tui-doc-code

diff --git a/projects/demo/src/modules/components/input/input.template.html b/projects/demo/src/modules/components/input/input.template.html
@@ -310,8 +310,8 @@
     </ng-template>
 
     <ng-template pageTab>
-        <ol class="b-demo-steps">
-            <li>
+        <ol class="tui-list tui-list_ordered">
+            <li class="tui-list__item">
                 <p>
                     Import an Angular module for forms and
                     <code>TuiInputModule</code>
@@ -324,7 +324,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>
                     Declare a form (
                     <code>FormGroup</code>
@@ -339,7 +339,7 @@
                 />
             </li>
 
-            <li>
+            <li class="tui-list__item">
                 <p>Add to the template:</p>
 
                 <tui-doc-code