From 5c005656e1aad7e68acaba8dc55e7511c19f046b Mon Sep 17 00:00:00 2001
From: Foxhoundn <filip.witosz+textace@gmail.com>
Date: Thu, 18 Jul 2024 09:43:39 +0200
Subject: [PATCH] Table stories fix

---
 src/components/Paragraph/index.tsx  | 17 +++++++++++++++--
 src/stories/Table/Table.stories.tsx |  6 +++++-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/components/Paragraph/index.tsx b/src/components/Paragraph/index.tsx
index e8d9f725..27cce7fb 100644
--- a/src/components/Paragraph/index.tsx
+++ b/src/components/Paragraph/index.tsx
@@ -12,6 +12,8 @@ export interface IReqoreParagraphProps
     IWithReqoreEffect,
     IReqoreIntent {
   size?: TSizes | string;
+  block?: boolean;
+  inline?: boolean;
 }
 
 export const StyledParagraph = styled(StyledTextEffect)`
@@ -24,7 +26,18 @@ export const StyledParagraph = styled(StyledTextEffect)`
 
 export const ReqoreP = memo(
   forwardRef(
-    ({ size, children, customTheme, intent, className, ...props }: IReqoreParagraphProps, ref) => {
+    (
+      {
+        size,
+        children,
+        customTheme,
+        intent,
+        className,
+        block = true,
+        ...props
+      }: IReqoreParagraphProps,
+      ref
+    ) => {
       const theme = useReqoreTheme('main', customTheme, intent);
 
       return (
@@ -34,7 +47,7 @@ export const ReqoreP = memo(
           theme={theme}
           color={theme.text.color}
           intent={intent}
-          block
+          block={block}
           {...props}
           _size={size}
           className={`${className || ''} reqore-paragraph`}
diff --git a/src/stories/Table/Table.stories.tsx b/src/stories/Table/Table.stories.tsx
index 61666768..0086db7d 100644
--- a/src/stories/Table/Table.stories.tsx
+++ b/src/stories/Table/Table.stories.tsx
@@ -555,7 +555,11 @@ const CustomHeaderCell = (props: IReqoreCustomHeaderCellProps) => {
 };
 
 const CustomCell = (props: IReqoreCustomTableBodyCellProps) => {
-  return <ReqoreP style={{ width: props.width, flexGrow: props.grow }}>{props.children}</ReqoreP>;
+  return (
+    <ReqoreP style={{ width: props.width, flexGrow: props.grow }} block={false}>
+      {props.children}
+    </ReqoreP>
+  );
 };
 
 const CustomRow = (props: IReqoreCustomTableRowProps) => {