From 7888358f5bb5cc7637c3aee8d5dd4a9fcd9d63ef Mon Sep 17 00:00:00 2001
From: vladimirpotekhin <vladimir.potekh@gmail.com>
Date: Fri, 2 Feb 2024 14:40:04 +0300
Subject: [PATCH 1/3] chore(demo): fix `SwipeActions` examples

---
 projects/core/styles/mixins/mixins.scss       |  4 +-
 .../swipe-action/examples/1/index.html        | 66 ++++++++++---------
 .../swipe-action/examples/2/index.less        |  1 +
 .../swipe-action/examples/3/index.html        | 44 +++++++------
 .../swipe-action/examples/4/index.html        | 22 ++++---
 .../swipe-action/examples/5/index.html        | 22 ++++---
 .../swipe-action/swipe-actions.module.ts      |  2 +
 .../components/carousel/carousel.style.less   |  2 -
 8 files changed, 88 insertions(+), 75 deletions(-)

diff --git a/projects/core/styles/mixins/mixins.scss b/projects/core/styles/mixins/mixins.scss
index d95ee8a37913..ad388b617589 100644
--- a/projects/core/styles/mixins/mixins.scss
+++ b/projects/core/styles/mixins/mixins.scss
@@ -392,9 +392,7 @@
 
     &::-webkit-scrollbar,
     &::-webkit-scrollbar-thumb {
-        background: transparent;
-        width: 0;
-        height: 0;
+        display: none;
     }
 }
 
diff --git a/projects/demo/src/modules/experimental/swipe-action/examples/1/index.html b/projects/demo/src/modules/experimental/swipe-action/examples/1/index.html
index b341e9552110..6ab22138837c 100644
--- a/projects/demo/src/modules/experimental/swipe-action/examples/1/index.html
+++ b/projects/demo/src/modules/experimental/swipe-action/examples/1/index.html
@@ -1,14 +1,16 @@
 <tui-swipe-actions>
-    <div tuiSurface="elevated">
-        <div tuiCell>
-            <tui-avatar
-                appearance="primary"
-                src="tuiIconDollarSignLarge"
-            ></tui-avatar>
-            <div tuiTitle>
-                <strong>{{ 10000 | tuiAmount: 'USD' | async }}</strong>
-                <div tuiSubtitle>Dollar account</div>
-            </div>
+    <div
+        tuiCardLarge
+        tuiCell
+        tuiSurface="elevated"
+    >
+        <tui-avatar
+            appearance="primary"
+            src="tuiIconDollarSignLarge"
+        ></tui-avatar>
+        <div tuiTitle>
+            <strong>{{ 10000 | tuiAmount: 'USD' | async }}</strong>
+            <div tuiSubtitle>Dollar account</div>
         </div>
     </div>
 
@@ -34,16 +36,18 @@
 </tui-swipe-actions>
 
 <tui-swipe-actions>
-    <div tuiSurface="elevated">
-        <div tuiCell>
-            <tui-avatar
-                appearance="primary"
-                src="tuiIconGift"
-            ></tui-avatar>
-            <div tuiTitle>
-                <strong>{{ 23000 | tuiAmount: 'EUR' | async }}</strong>
-                <div tuiSubtitle>Goal</div>
-            </div>
+    <div
+        tuiCardLarge
+        tuiCell
+        tuiSurface="elevated"
+    >
+        <tui-avatar
+            appearance="primary"
+            src="tuiIconGift"
+        ></tui-avatar>
+        <div tuiTitle>
+            <strong>{{ 23000 | tuiAmount: 'EUR' | async }}</strong>
+            <div tuiSubtitle>Goal</div>
         </div>
     </div>
 
@@ -59,16 +63,18 @@
     [style.--tui-action-gap]="16"
     [style.--tui-item-size]="32"
 >
-    <div tuiSurface="elevated">
-        <div tuiCell>
-            <tui-avatar
-                appearance="primary"
-                src="tuiIconBriefcase"
-            ></tui-avatar>
-            <div tuiTitle>
-                <strong>{{ 5000 | tuiAmount: 'EUR' | async }}</strong>
-                <div tuiSubtitle>Vacations</div>
-            </div>
+    <div
+        tuiCardLarge
+        tuiCell
+        tuiSurface="elevated"
+    >
+        <tui-avatar
+            appearance="primary"
+            src="tuiIconBriefcase"
+        ></tui-avatar>
+        <div tuiTitle>
+            <strong>{{ 5000 | tuiAmount: 'EUR' | async }}</strong>
+            <div tuiSubtitle>Vacations</div>
         </div>
     </div>
 
diff --git a/projects/demo/src/modules/experimental/swipe-action/examples/2/index.less b/projects/demo/src/modules/experimental/swipe-action/examples/2/index.less
index b5b68bd9fdd1..d603559f0c9e 100644
--- a/projects/demo/src/modules/experimental/swipe-action/examples/2/index.less
+++ b/projects/demo/src/modules/experimental/swipe-action/examples/2/index.less
@@ -5,6 +5,7 @@
 .blur {
     background-image: url('/assets/images/restaurant-2.jpg');
     border-radius: 1rem;
+    padding: 1rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
diff --git a/projects/demo/src/modules/experimental/swipe-action/examples/3/index.html b/projects/demo/src/modules/experimental/swipe-action/examples/3/index.html
index 5f8d88dbe27f..d071dd8015dc 100644
--- a/projects/demo/src/modules/experimental/swipe-action/examples/3/index.html
+++ b/projects/demo/src/modules/experimental/swipe-action/examples/3/index.html
@@ -1,14 +1,16 @@
 <tui-swipe-actions [autoClose]="true">
-    <div tuiSurface="elevated">
-        <div tuiCell>
-            <tui-avatar
-                appearance="primary"
-                src="tuiIconDollarSignLarge"
-            ></tui-avatar>
-            <div tuiTitle>
-                <strong>{{ 10000 | tuiAmount: 'USD' | async }}</strong>
-                <div tuiSubtitle>Dollar account</div>
-            </div>
+    <div
+        tuiCardLarge
+        tuiCell
+        tuiSurface="elevated"
+    >
+        <tui-avatar
+            appearance="primary"
+            src="tuiIconDollarSignLarge"
+        ></tui-avatar>
+        <div tuiTitle>
+            <strong>{{ 10000 | tuiAmount: 'USD' | async }}</strong>
+            <div tuiSubtitle>Dollar account</div>
         </div>
     </div>
 
@@ -34,16 +36,18 @@
 </tui-swipe-actions>
 
 <tui-swipe-actions [autoClose]="true">
-    <div tuiSurface="elevated">
-        <div tuiCell>
-            <tui-avatar
-                appearance="primary"
-                src="tuiIconGift"
-            ></tui-avatar>
-            <div tuiTitle>
-                <strong>{{ 23000 | tuiAmount: 'EUR' | async }}</strong>
-                <div tuiSubtitle>Goal</div>
-            </div>
+    <div
+        tuiCardLarge
+        tuiCell
+        tuiSurface="elevated"
+    >
+        <tui-avatar
+            appearance="primary"
+            src="tuiIconGift"
+        ></tui-avatar>
+        <div tuiTitle>
+            <strong>{{ 23000 | tuiAmount: 'EUR' | async }}</strong>
+            <div tuiSubtitle>Goal</div>
         </div>
     </div>
 
diff --git a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.html b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.html
index 4e6bb225366c..241f943e4493 100644
--- a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.html
+++ b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.html
@@ -1,14 +1,16 @@
 <tui-swipe-actions>
-    <div tuiSurface="elevated">
-        <div tuiCell>
-            <tui-avatar
-                appearance="primary"
-                src="tuiIconDollarSignLarge"
-            ></tui-avatar>
-            <div tuiTitle>
-                <strong>{{ 10000 | tuiAmount: 'USD' | async }}</strong>
-                <div tuiSubtitle>Dollar account</div>
-            </div>
+    <div
+        tuiCardLarge
+        tuiCell
+        tuiSurface="elevated"
+    >
+        <tui-avatar
+            appearance="primary"
+            src="tuiIconDollarSignLarge"
+        ></tui-avatar>
+        <div tuiTitle>
+            <strong>{{ 10000 | tuiAmount: 'USD' | async }}</strong>
+            <div tuiSubtitle>Dollar account</div>
         </div>
     </div>
 
diff --git a/projects/demo/src/modules/experimental/swipe-action/examples/5/index.html b/projects/demo/src/modules/experimental/swipe-action/examples/5/index.html
index 903eea8b150f..0efb199c8608 100644
--- a/projects/demo/src/modules/experimental/swipe-action/examples/5/index.html
+++ b/projects/demo/src/modules/experimental/swipe-action/examples/5/index.html
@@ -1,14 +1,16 @@
 <tui-swipe-actions>
-    <div tuiSurface="elevated">
-        <div tuiCell>
-            <tui-avatar
-                appearance="primary"
-                src="tuiIconDollarSignLarge"
-            ></tui-avatar>
-            <div tuiTitle>
-                <strong>{{ 10000 | tuiAmount: 'USD' | async }}</strong>
-                <div tuiSubtitle>Dollar account</div>
-            </div>
+    <div
+        tuiCardLarge
+        tuiCell
+        tuiSurface="elevated"
+    >
+        <tui-avatar
+            appearance="primary"
+            src="tuiIconDollarSignLarge"
+        ></tui-avatar>
+        <div tuiTitle>
+            <strong>{{ 10000 | tuiAmount: 'USD' | async }}</strong>
+            <div tuiSubtitle>Dollar account</div>
         </div>
     </div>
 
diff --git a/projects/demo/src/modules/experimental/swipe-action/swipe-actions.module.ts b/projects/demo/src/modules/experimental/swipe-action/swipe-actions.module.ts
index a2f8d2ce0810..327c0183b71d 100644
--- a/projects/demo/src/modules/experimental/swipe-action/swipe-actions.module.ts
+++ b/projects/demo/src/modules/experimental/swipe-action/swipe-actions.module.ts
@@ -14,6 +14,7 @@ import {
     TuiBadgedContentModule,
     TuiBadgeModule,
     TuiButtonModule,
+    TuiCardModule,
     TuiCellModule,
     TuiCheckboxModule,
     TuiIconModule,
@@ -36,6 +37,7 @@ import {ExampleTuiSwipeActionsComponent} from './swipe-actions.component';
         TuiAddonDocModule,
         TuiAvatarModule,
         TuiCellModule,
+        TuiCardModule,
         TuiSurfaceModule,
         TuiSwipeActionsModule,
         TuiAmountPipeModule,
diff --git a/projects/kit/components/carousel/carousel.style.less b/projects/kit/components/carousel/carousel.style.less
index 8e9f2ce12343..b5479110c776 100644
--- a/projects/kit/components/carousel/carousel.style.less
+++ b/projects/kit/components/carousel/carousel.style.less
@@ -52,8 +52,6 @@
     display: flex;
     overflow: auto;
     overscroll-behavior-x: none;
-    padding-bottom: 2rem;
-    margin-bottom: -2rem;
 
     &:before,
     &:after {

From 7d15ae3dd13e1ed51c861a2508b8a0e47accde07 Mon Sep 17 00:00:00 2001
From: vladimirpotekhin <vladimir.potekh@gmail.com>
Date: Mon, 5 Feb 2024 11:19:04 +0300
Subject: [PATCH 2/3] chore: fix surface example

---
 .../demo/src/modules/experimental/surface/examples/7/index.html | 1 +
 .../demo/src/modules/experimental/surface/surface.module.ts     | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/projects/demo/src/modules/experimental/surface/examples/7/index.html b/projects/demo/src/modules/experimental/surface/examples/7/index.html
index f0d233fcc869..c02f85e0567e 100644
--- a/projects/demo/src/modules/experimental/surface/examples/7/index.html
+++ b/projects/demo/src/modules/experimental/surface/examples/7/index.html
@@ -88,6 +88,7 @@ <h3 class="heading">Gas</h3>
 </div>
 
 <div
+    tuiCardLarge="compact"
     tuiSurface="elevated"
     class="reviews"
 >
diff --git a/projects/demo/src/modules/experimental/surface/surface.module.ts b/projects/demo/src/modules/experimental/surface/surface.module.ts
index e7a7cf28cba3..c8c58b193a64 100644
--- a/projects/demo/src/modules/experimental/surface/surface.module.ts
+++ b/projects/demo/src/modules/experimental/surface/surface.module.ts
@@ -17,6 +17,7 @@ import {
     TuiAvatarModule,
     TuiBadgeModule,
     TuiButtonModule,
+    TuiCardModule,
     TuiSurfaceModule,
 } from '@taiga-ui/experimental';
 
@@ -41,6 +42,7 @@ import {ExampleTuiSurfaceComponent} from './surface.component';
         TuiScrollbarModule,
         TuiButtonModule,
         TuiLinkModule,
+        TuiCardModule,
         TuiAvatarModule,
         TuiLabelModule,
         TuiModeModule,

From 8e3fe28d1fa23d546970fb744be8c3bf65460240 Mon Sep 17 00:00:00 2001
From: taiga-family-bot <taiga-family-bot@users.noreply.github.com>
Date: Mon, 5 Feb 2024 08:25:19 +0000
Subject: [PATCH 3/3] chore: apply changes after linting [bot]

---
 projects/demo/src/modules/app/app.routes.ts                    | 3 ++-
 .../src/modules/experimental/surface/examples/7/surface.less   | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/projects/demo/src/modules/app/app.routes.ts b/projects/demo/src/modules/app/app.routes.ts
index f0fd2853d8df..446059c07389 100644
--- a/projects/demo/src/modules/app/app.routes.ts
+++ b/projects/demo/src/modules/app/app.routes.ts
@@ -294,7 +294,8 @@ export const ROUTES: Routes = [
     {
         path: 'experimental/card-medium',
         loadChildren: async () =>
-            (await import('../experimental/card-medium/card-medium.module')).ExampleTuiCardModule,
+            (await import('../experimental/card-medium/card-medium.module'))
+                .ExampleTuiCardModule,
         data: {
             title: 'CardMedium',
         },
diff --git a/projects/demo/src/modules/experimental/surface/examples/7/surface.less b/projects/demo/src/modules/experimental/surface/examples/7/surface.less
index 70077cede296..1eb6f6971a37 100644
--- a/projects/demo/src/modules/experimental/surface/examples/7/surface.less
+++ b/projects/demo/src/modules/experimental/surface/examples/7/surface.less
@@ -28,6 +28,7 @@
 .blur {
     background-image: url(/assets/images/restaurant-2.jpg);
     border-radius: 0;
+    padding: 1.25rem;
     clip-path: inset(0 round 5rem); // for crisp edges of blurred background
 
     &:before {