From 6b8b3f854206bd0db0d54f9b9fa26dffeb7c63cd Mon Sep 17 00:00:00 2001
From: meenu-deriv <meenakshi@regentmarkets.com>
Date: Mon, 15 Apr 2024 16:00:22 +0400
Subject: [PATCH] fix: updated captiontext for numbers

---
 lib/components/Pagination/base/index.tsx            |  8 +++++++-
 lib/components/Pagination/base/pagination-base.scss | 12 ++++++++----
 lib/components/Typography/caption/index.tsx         |  2 +-
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/lib/components/Pagination/base/index.tsx b/lib/components/Pagination/base/index.tsx
index 98c071e3..e55789c7 100644
--- a/lib/components/Pagination/base/index.tsx
+++ b/lib/components/Pagination/base/index.tsx
@@ -5,6 +5,7 @@ import {
 import { DOTS } from "../../../hooks/usePaginationRange.tsx";
 import { PaginationProps } from "../types";
 import "./pagination-base.scss";
+import { CaptionText } from "../../Typography/caption";
 
 interface PaginationButtonProps extends Pick<PaginationProps, "variant"> {
     pageNumber: number | string;
@@ -58,7 +59,12 @@ const PaginationButton = ({
             onClick={(e) => handleOnClick(e.currentTarget.textContent)}
             className="variant__number"
         >
-            {pageNumber}
+            <CaptionText
+                className="number-text"
+                aria-current={currentPage === pageNumber}
+            >
+                {pageNumber}
+            </CaptionText>
         </button>
     );
 };
diff --git a/lib/components/Pagination/base/pagination-base.scss b/lib/components/Pagination/base/pagination-base.scss
index 2d11f2c5..4e9c05b6 100644
--- a/lib/components/Pagination/base/pagination-base.scss
+++ b/lib/components/Pagination/base/pagination-base.scss
@@ -26,10 +26,7 @@
                 background-color: var(--core-color-solid-slate-1400);
             }
         }
-        color: var(--semantic-color-typography-default);
-        &[aria-current=true] {
-            color: var(--core-color-solid-slate-50);
-        }
+    
     }
     &__bullet {
         
@@ -45,4 +42,11 @@
 }
 .hidden_pages {
     display: flex;
+}
+.number-text{
+    &[aria-current=true]{
+        font-weight: bold;
+        color: var(--core-color-solid-slate-50);
+    }
+    color: var(--semantic-color-typography-default);
 }
\ No newline at end of file
diff --git a/lib/components/Typography/caption/index.tsx b/lib/components/Typography/caption/index.tsx
index 15c1868e..5a6dec9b 100644
--- a/lib/components/Typography/caption/index.tsx
+++ b/lib/components/Typography/caption/index.tsx
@@ -13,7 +13,7 @@ export const CaptionText = ({
     as = "p",
     italic = false,
     underlined = false,
-    bold = true,
+    bold = false,
     ...rest
 }: TypographyProps) => {
     const decoration = getTextDecoration(italic, underlined);