fix: text truncation

Author: saurabhdaware

packages/blade/src/components/Input/BaseInput/BaseInput.stories.tsx

@@ -397,10 +397,14 @@ const BaseInputControlledWithTagsTemplate: StoryFn<typeof BaseInputComponent> =
     <BaseInput
       id="base-input"
       label="First Name"
+      as="textarea"
+      maxTagRows="multiple"
       value={inputValue}
       autoCompleteSuggestionType="none"
       tags={getTags()}
       activeTagIndex={activeTagIndex}
+      showAllTags={true}
+      isDropdownTrigger={true}
       setActiveTagIndex={setActiveTagIndex}
       name="fullName"
       onChange={({ name, value }): void => {

packages/blade/src/components/Typography/BaseText/getBaseTextStyles.ts

@@ -41,6 +41,7 @@ const getBaseTextStyles = ({
         'line-clamp': `${numberOfLines}`,
         '-webkit-line-clamp': `${numberOfLines}`,
         '-webkit-box-orient': 'vertical',
+        overflowWrap: 'break-word',
       };
     }
   }