From 0a05b920a3122f6c65f89807d98c0b925b6a8583 Mon Sep 17 00:00:00 2001
From: douara <abderrahmandouara@gmail.com>
Date: Thu, 17 Oct 2024 23:18:30 +0800
Subject: [PATCH] Fix: modal advanced variant scroll

---
 .../_modal/_elements/_modal-body.scss         |  2 +-
 .../assets/css/src/scss/_utils/_tokens.scss   | 51 ++++++-------------
 2 files changed, 17 insertions(+), 36 deletions(-)

diff --git a/packages/assets/css/src/scss/_components/_modal/_elements/_modal-body.scss b/packages/assets/css/src/scss/_components/_modal/_elements/_modal-body.scss
index fe29a0ea7..05e8daf1a 100644
--- a/packages/assets/css/src/scss/_components/_modal/_elements/_modal-body.scss
+++ b/packages/assets/css/src/scss/_components/_modal/_elements/_modal-body.scss
@@ -23,7 +23,7 @@
 
 			@include modifier(advanced) {
 				@include modifies-element(body) {
-					overflow-y: scroll;
+					overflow-y: auto;
 				}
 			}
 		}
diff --git a/packages/assets/css/src/scss/_utils/_tokens.scss b/packages/assets/css/src/scss/_utils/_tokens.scss
index 0cf39dd4b..30e3aeca8 100644
--- a/packages/assets/css/src/scss/_utils/_tokens.scss
+++ b/packages/assets/css/src/scss/_utils/_tokens.scss
@@ -1,13 +1,9 @@
+
 // Do not edit directly
-// Generated on Tue, 15 Oct 2024 03:22:11 GMT
+// Generated on Thu, 17 Oct 2024 15:09:03 GMT
 
 $accordion-border-radius-sm: 10px;
-$advanced-banner-background: linear-gradient(
-	90deg,
-	#222 0%,
-	#383323 48.96%,
-	#514524 100%
-);
+$advanced-banner-background: linear-gradient(90deg, #222 0%, #383323 48.96%, #514524 100%);
 $advanced-banner-size-width: 260px;
 $avatar-container-size-sm: 24px;
 $avatar-container-size-md: 32px;
@@ -303,10 +299,10 @@ $border-width-md: 2px;
 $border-width-xl: 4px;
 $border-radius-xs: 3px;
 $border-radius-sm: 4px;
-$border-radius-md: 4px * 2;
-$border-radius-lg: 4px * 3;
-$border-radius-xl: 4px * 4;
-$border-radius-2xl: 4px * 5;
+$border-radius-md: 4px*2;
+$border-radius-lg: 4px*3;
+$border-radius-xl: 4px*4;
+$border-radius-2xl: 4px*5;
 $border-radius-default: 6px;
 $font-weight-sm: 400;
 $font-weight-md: 500;
@@ -332,8 +328,7 @@ $font-spacing-md: 0.2px;
 $font-spacing-lg: 0.5px;
 $font-spacing-2xl: 1px;
 $font-spacing-default: 0px;
-$font-family-default: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI",
-	Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+$font-family-default: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
 $font-family-code: "Roboto Mono", monospace;
 $dashboard-size-width-lg: 440px;
 $datepicker-font-size: 14px-1px;
@@ -390,7 +385,7 @@ $input-font-height-sm: 16px;
 $input-font-height-md: 24px;
 $input-spacing-padding-vertical-sm: 8px;
 $input-spacing-padding-vertical-md: 8px;
-$input-spacing-padding-horizontal-sm: 4px * 3;
+$input-spacing-padding-horizontal-sm: 4px*3;
 $input-spacing-padding-horizontal-md: 16px;
 $input-spacing-lg: 44px;
 $input-border-width-sm: 1px;
@@ -409,9 +404,9 @@ $integration-disabled-opacity: 0.5;
 $layout-content-width: 1600px;
 $layout-spacing-main-sm: -20px;
 $layout-spacing-main-md: -10px;
-$layout-spacing-content-sm: 8px * 2;
-$layout-spacing-content-md: 8px * 3;
-$layout-spacing-content-lg: 8px * 4;
+$layout-spacing-content-sm: 8px*2;
+$layout-spacing-content-md: 8px*3;
+$layout-spacing-content-lg: 8px*4;
 $menu-spacing-horizontal: 24px;
 $modal-spacing-lg: 40px;
 $modal-border-radius: 24px;
@@ -511,11 +506,7 @@ $selector-size-width-md: 130px;
 $selector-size-width-lg: 208px;
 $sidebar-spacing-md: 12px;
 $sidebar-size-width-md: 260px;
-$skeleton-background: linear-gradient(
-	93.77deg,
-	$color-extended-neutral-80 -10.31%,
-	#f5f5f5 -4.92%
-);
+$skeleton-background: linear-gradient(93.77deg, $color-extended-neutral-80 -10.31%, #f5f5f5 -4.92%);
 $skeleton-height: 18px;
 $skeleton-animation: skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 $spinner-size-height-lg: 36px;
@@ -554,7 +545,7 @@ $tabs-navitem-spacing-vertical: 26px;
 $tabs-navitem-spacing-horizontal: 16px;
 $tabs-navitem-gap: 4px;
 $tabs-navitem-border-width: 4px;
-$tabs-panel-spacing: 16px * 2;
+$tabs-panel-spacing: 16px*2;
 $tabs-color-active: #0059ff;
 $tabs-color-hover: #0059ff;
 $tabs-color-focus-border-color: #0059ff;
@@ -566,18 +557,8 @@ $tabs-arrow-size-height: 100%;
 $tabs-arrow-color: #aaaaaa;
 $tabs-arrow-hover-color: #1a1a1a;
 $tabs-arrow-hover-background: #ffffff;
-$tabs-arrow-left-background: linear-gradient(
-	90deg,
-	#fff 0%,
-	#fff 71.63%,
-	rgba(248, 248, 248, 0) 100%
-);
-$tabs-arrow-right-background: linear-gradient(
-	270deg,
-	#fff 0%,
-	#fff 71.63%,
-	rgba(248, 248, 248, 0) 100%
-);
+$tabs-arrow-left-background: linear-gradient(90deg, #FFF 0%, #FFF 71.63%, rgba(248, 248, 248, 0.00) 100%);
+$tabs-arrow-right-background: linear-gradient(270deg, #FFF 0%, #FFF 71.63%, rgba(248, 248, 248, 0.00) 100%);
 $tag-font-size-sm: 10px;
 $tag-font-size-md: 12px;
 $tag-font-spacing-sm: -0.1px;