From d8efde03ee072afce235afee87043b1bf35a40e9 Mon Sep 17 00:00:00 2001
From: Aleksandar Grbic <hi@aleksandar.xyz>
Date: Thu, 18 Apr 2024 22:02:45 +0200
Subject: [PATCH] Update typography and Tiptap classes, fix styling and break
 word issue

---
 package.json                                                    | 2 +-
 .../AuthorCard/__snapshots__/AuthorCard.test.tsx.snap           | 2 +-
 src/Components/CTA/__snapshots__/CTA.test.tsx.snap              | 2 +-
 src/Components/Card/index.tsx                                   | 2 +-
 src/Components/Inputs/Tiptap/constants.ts                       | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 4154a6d..d066628 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@programmer_network/yail",
-  "version": "1.0.156",
+  "version": "1.0.157",
   "description": "Programmer Network's official UI library for React",
   "author": "Aleksandar Grbic - (https://programmer.network)",
   "publishConfig": {
diff --git a/src/Components/AuthorCard/__snapshots__/AuthorCard.test.tsx.snap b/src/Components/AuthorCard/__snapshots__/AuthorCard.test.tsx.snap
index 5368563..9465091 100644
--- a/src/Components/AuthorCard/__snapshots__/AuthorCard.test.tsx.snap
+++ b/src/Components/AuthorCard/__snapshots__/AuthorCard.test.tsx.snap
@@ -30,7 +30,7 @@ exports[`AuthorCard component > renders correctly 1`] = `
           John Doe
         </h2>
         <p
-          class="my-4 text-primary-text-color !my-0"
+          class="my-4 text-primary-text-color break-words overflow-hidden !my-0"
         >
           An expert in the field.
         </p>
diff --git a/src/Components/CTA/__snapshots__/CTA.test.tsx.snap b/src/Components/CTA/__snapshots__/CTA.test.tsx.snap
index be0f008..ac7ca9a 100644
--- a/src/Components/CTA/__snapshots__/CTA.test.tsx.snap
+++ b/src/Components/CTA/__snapshots__/CTA.test.tsx.snap
@@ -20,7 +20,7 @@ exports[`CTA component > renders correctly - snapshot test 1`] = `
             Test Title
           </h2>
           <p
-            class="my-4 text-primary-text-color mx-auto max-w-md text-primary-text-color text-center !my-0"
+            class="my-4 text-primary-text-color break-words overflow-hidden mx-auto max-w-md text-primary-text-color text-center !my-0"
           >
             Test Subtitle
           </p>
diff --git a/src/Components/Card/index.tsx b/src/Components/Card/index.tsx
index 2a2819a..46366c7 100644
--- a/src/Components/Card/index.tsx
+++ b/src/Components/Card/index.tsx
@@ -46,7 +46,7 @@ const Card: FC<ICard> = ({ data, className, NavLink }) => {
           <H3 margin='none'>{title}</H3>
         </NavLink>
       )}
-      <Paragraph>{description}</Paragraph>
+      <Paragraph margin='none'>{description}</Paragraph>
       {tags && tags.length > 0 && (
         <div className='mt-2 flex items-center gap-2'>
           {tags.map((tag, index) => (
diff --git a/src/Components/Inputs/Tiptap/constants.ts b/src/Components/Inputs/Tiptap/constants.ts
index b980132..5abf144 100644
--- a/src/Components/Inputs/Tiptap/constants.ts
+++ b/src/Components/Inputs/Tiptap/constants.ts
@@ -75,7 +75,7 @@ export const toolbarItemToClassName = {
   },
   [TIPTAP_TOOLBAR_ITEMS.PARAGRAPH]: {
     tagName: "p",
-    classes: "my-4 text-primary-text-color"
+    classes: "my-4 text-primary-text-color break-words overflow-hidden"
   },
   [TIPTAP_TOOLBAR_ITEMS.LINK]: {
     tagName: "a",