chore: update style type , added isDisbaled and fix double background…

… color in hover actions
razorpay · Jan 28, 2025 · e80de07 · e80de07
1 parent cec9480
commit e80de07
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 8 deletions.
diff --git a/packages/blade/src/components/Table/TableBody.web.tsx b/packages/blade/src/components/Table/TableBody.web.tsx
@@ -222,13 +222,13 @@ const StyledRow = styled(Row)<{
             borderRightColor: getIn(theme.colors, tableRow.borderColor),
           }
         : undefined,
-      [`& td:last-child .cell-wrapper`]: {
+      '& td:last-child .cell-wrapper': {
         borderRight: 'none',
       },
       ...(hasHoverActions
         ? {
             [`@media ${getMediaQuery({ min: theme.breakpoints.m })}`]: {
-              [`& td:last-child`]: {
+              '& td:last-child': {
                 opacity: 0,
                 position: 'sticky',
                 zIndex: 2,
@@ -238,7 +238,7 @@ const StyledRow = styled(Row)<{
                   overflow: 'visible',
                 },
               },
-              [`& td:last-child:focus-within`]: {
+              '& td:last-child:focus-within': {
                 opacity: 1,
                 ...getTableActionsHoverStyles({
                   theme,
@@ -277,11 +277,6 @@ const StyledRow = styled(Row)<{
           transition: rowBackgroundTransition,
           backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorActive),
           cursor: 'pointer',
-          ...getTableActionsHoverStyles({
-            hoverColor: tableRow.nonStripe.backgroundColorActive,
-            backgroundGradientColor: tableRow.nonStripe.backgroundColorHover,
-            theme,
-          }),
         },
       }),
       '&:focus': getFocusRingStyles({ theme, negativeOffset: true }),

diff --git a/packages/blade/src/components/Table/docs/APIStories/TableHoverActions.stories.tsx b/packages/blade/src/components/Table/docs/APIStories/TableHoverActions.stories.tsx
@@ -102,6 +102,7 @@ const TableTemplate: StoryFn<typeof TableComponent> = ({ ...args }) => {
                 <TableRow
                   key={index}
                   item={tableItem}
+                  isDisabled={index === 3}
                   hoverActions={
                     <>
                       <IconButton

diff --git a/packages/blade/src/components/Table/docs/APIStories/VirtualizedTableHoverActions.stories.tsx b/packages/blade/src/components/Table/docs/APIStories/VirtualizedTableHoverActions.stories.tsx
@@ -134,6 +134,7 @@ const TableTemplate: StoryFn<typeof TableComponent> = ({ ...args }) => {
                 <TableRow
                   key={index}
                   item={tableItem}
+                  isDisabled={index === 3}
                   hoverActions={
                     <>
                       <IconButton