diff --git a/.changeset/curly-roses-peel.md b/.changeset/curly-roses-peel.md new file mode 100644 index 00000000000..3e340b74178 --- /dev/null +++ b/.changeset/curly-roses-peel.md @@ -0,0 +1,5 @@ +--- +"@razorpay/blade": patch +--- + +fix: table footer background color diff --git a/packages/blade/src/components/Table/TablePagination.web.tsx b/packages/blade/src/components/Table/TablePagination.web.tsx index 007a595e93a..43a880fa76e 100644 --- a/packages/blade/src/components/Table/TablePagination.web.tsx +++ b/packages/blade/src/components/Table/TablePagination.web.tsx @@ -155,6 +155,7 @@ const _TablePagination = ({ totalItems, setPaginationRowSize, setPaginationType, + backgroundColor, } = useTableContext(); const [currentPageSize, setCurrentPageSize] = React.useState(defaultPageSize); const [currentPage, setCurrentPage] = React.useState( @@ -242,7 +243,7 @@ const _TablePagination = ({ display="flex" flexDirection="row" padding={tablePagination.padding} - backgroundColor={tablePagination.backgroundColor} + backgroundColor={backgroundColor} > {showLabel && !onMobile && ( diff --git a/packages/blade/src/components/Table/tokens.ts b/packages/blade/src/components/Table/tokens.ts index d696703843b..d43815e662f 100644 --- a/packages/blade/src/components/Table/tokens.ts +++ b/packages/blade/src/components/Table/tokens.ts @@ -99,7 +99,6 @@ const tableToolbar = { } as const; const tablePagination = { - backgroundColor: 'transparent', padding: 'spacing.4', pageSelectionButton: { backgroundColor: 'transparent',