5398: Add class for truncating text

Author: yepzdk

src/stories/Library/typography/Typography.tsx

@@ -63,6 +63,11 @@ const typographyClasses = [
     className: "text-label text-label-semibold",
     title: "Desktop / Label semibold",
   },
+  {
+    className: "text-header-h2 text-truncate",
+    title:
+      "Truncated text at a 100% width - Here goes all the text nec varius nibh, eu iaculis purus. Aenean tellus nisi, posuere a elit a, finibus elementum lorem.",
+  },
 ];
 
 export const Typography = () => {

src/stories/Library/typography/typography.scss

@@ -335,3 +335,10 @@
 
   font-weight: 500;
 }
+
+.text-truncate {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}