fix: add layout props to TableHeaderCell and TableCell (#185)

freenowtech · Oct 26, 2021 · 0915c58 · 0915c58
1 parent 3f561d0
commit 0915c58
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/components/Table/components/TableCell.tsx b/src/components/Table/components/TableCell.tsx
@@ -1,10 +1,13 @@
 import React, { ComponentPropsWithoutRef, FC, useContext } from 'react';
 import styled from 'styled-components';
-import { compose, textAlign, TextAlignProps } from 'styled-system';
+import { compose, LayoutProps, textAlign, TextAlignProps } from 'styled-system';
 import { TableContext } from '../context/TableContext';
 import { TableProps } from './Table';
 
-type TableCellProps = Pick<TableProps, 'rowSize' | 'columnSpace'> & ComponentPropsWithoutRef<'td'> & TextAlignProps;
+type TableCellProps = Pick<TableProps, 'rowSize' | 'columnSpace'> &
+    ComponentPropsWithoutRef<'td'> &
+    TextAlignProps &
+    LayoutProps;
 
 const TableCellElement = styled.td<TableCellProps>`
     height: ${p => p.rowSize};

diff --git a/src/components/Table/components/TableHeaderCell.tsx b/src/components/Table/components/TableHeaderCell.tsx
@@ -1,6 +1,6 @@
 import React, { ComponentPropsWithoutRef, FC, useContext } from 'react';
 import styled from 'styled-components';
-import { compose, textAlign, TextAlignProps } from 'styled-system';
+import { compose, LayoutProps, textAlign, TextAlignProps } from 'styled-system';
 import { Colors } from '../../../essentials';
 import { theme } from '../../../essentials/theme';
 import { get } from '../../../utils/themeGet';
@@ -9,7 +9,8 @@ import { TableProps } from './Table';
 
 type TableHeaderCellProps = Pick<TableProps, 'rowSize' | 'columnSpace'> &
     ComponentPropsWithoutRef<'th'> &
-    TextAlignProps;
+    TextAlignProps &
+    LayoutProps;
 
 const TableHeaderCellElement = styled.th.attrs({ theme })<TableHeaderCellProps>`
     border-bottom: 0.0625rem solid ${Colors.AUTHENTIC_BLUE_550} !important;