From a659e019b091e83b85f71da28965db5c0acd6c6d Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Fri, 27 Dec 2024 11:58:32 +0600
Subject: [PATCH 1/2] Updated the table component design

---
 src/components/table/table.tsx | 10 +++++-----
 src/theme/default-config.js    |  3 +++
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index 130fae20..2ccbcd98 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -216,7 +216,7 @@ export const Table = ( {
 		<TableContext.Provider
 			value={ contextValue as TableContextType<unknown> }
 		>
-			<div className="flow-root divide-y divide-x-0 divide-solid divide-border-subtle">
+			<div className="flow-root border-0.5 border-solid border-border-subtle rounded-md divide-y-0.5 divide-x-0 divide-solid divide-border-subtle overflow-hidden">
 				<div className="overflow-x-auto w-full">
 					<div className="relative">
 						<table
@@ -258,7 +258,7 @@ export const TableHead: React.FC<TableHeadProps> = ( {
 	return (
 		<thead
 			className={ cn(
-				'bg-background-secondary [clip-path:inset(0_0_0_0_round_0.375rem)]',
+				'bg-background-secondary border-x-0 border-t-0 border-b-0.5 border-solid border-border-subtle',
 				className
 			) }
 			{ ...props }
@@ -317,7 +317,7 @@ export const TableBody: React.FC<TableBodyProps> = ( {
 	return (
 		<tbody
 			className={ cn(
-				'bg-background-primary divide-y divide-x-0 divide-solid divide-border-subtle',
+				'bg-background-primary divide-y-0.5 divide-x-0 divide-solid divide-border-subtle',
 				className
 			) }
 			{ ...props }
@@ -378,7 +378,7 @@ export const TableCell: React.FC<TableCellProps> = ( {
 	return (
 		<td
 			className={ cn(
-				'px-3 py-4.5 text-sm font-normal leading-5 text-text-secondary',
+				'px-3 py-3.5 text-sm font-normal leading-5 text-text-secondary',
 				className
 			) }
 			{ ...props }
@@ -398,7 +398,7 @@ export const TableFooter: React.FC<TableFooterProps> = ( {
 	return (
 		<div
 			className={ cn(
-				'px-3 pb-4.5 pt-5.5',
+				'px-3 py-3',
 				checkboxSelection && 'px-4',
 				className
 			) }
diff --git a/src/theme/default-config.js b/src/theme/default-config.js
index c797dba2..39d248f9 100644
--- a/src/theme/default-config.js
+++ b/src/theme/default-config.js
@@ -207,6 +207,9 @@ const defaultTheme = {
 			zIndex: {
 				999999: '999999',
 			},
+			borderWidth: {
+				0.5: '0.5px',
+			},
 		},
 	},
 	plugins: [],

From b417816e9964bf5aa3d042b133f1f8873735dc25 Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Fri, 27 Dec 2024 11:59:36 +0600
Subject: [PATCH 2/2] Update changelog.txt

---
 changelog.txt | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/changelog.txt b/changelog.txt
index 93e8f291..f2cabda8 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -1,6 +1,7 @@
-Version 1.3.4 - 26th December, 2024
+Version 1.3.4 - 27th December, 2024
 - Improvement - Enhanced the UI of the Table and Line chart component for responsive design.
 - Improvement - Added option group to the Select component.
+- Improvement - Updated the Table component design.
 
 Version 1.3.3 - 20th December, 2024
 - Fixed - React `Each child in a list should have a unique "key" prop` console warning.