odaptos_design_system 2.0.63 → 2.0.65

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.63",
+  "version": "2.0.65",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/Atoms/Tag/Tag.tsx

@@ -24,6 +24,7 @@ interface TagProps extends HTMLAttributes<HTMLDivElement> {
   customColor?: string;
   className?: string;
   canBeRemoved?: boolean;
+  tooltipText?: string;
 }
 
 /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev  */
@@ -37,6 +38,7 @@ export const Tag = ({
   customColor,
   className,
   canBeRemoved = false,
+  tooltipText,
   ...props
 }: TagProps) => {
   const tagCustomColor = customColor ? colord(customColor) : undefined;
@@ -98,7 +100,11 @@ export const Tag = ({
   }, []);
 
   return (
-    <Tooltip tooltipDescription={text} arrow isTooltipActive={isEllipsisActive}>
+    <Tooltip
+      tooltipDescription={tooltipText ?? text}
+      arrow
+      isTooltipActive={isEllipsisActive}
+    >
       <div
         {...props}
         style={{ backgroundColor: customColor }}

package/src/Atoms/Typography/TextWithLink.modules.scss

@@ -11,7 +11,6 @@
   margin: unset;
   a {
     color: var(--color-primary-500, #07f);
-    margin-left: 0.5rem;
   }
 }
 

package/src/Atoms/Typography/TextWithLink.tsx

@@ -10,8 +10,6 @@ interface TextWithLinkProps extends HTMLAttributes<HTMLParagraphElement> {
   italic?: boolean;
   textDecoration?: 'underline' | 'line-through';
   className?: string;
-  textLink: string;
-  link: string;
   isExternalLink?: boolean;
 }
 
@@ -24,8 +22,6 @@ export const TextWithLink = ({
   italic = false,
   textDecoration,
   className,
-  textLink,
-  link,
   isExternalLink = true,
   ...props
 }: TextWithLinkProps) => {

package/src/Organisms/TextInput/TextInput.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { InputAdornment, TextField } from '@mui/material';
 import styles from './TextInput.modules.scss';
 import { styled } from '@mui/material/styles';
-import { Text, colors } from '../../';
+import { Text, TextWithLink, colors } from '../../';
 
 const CssTextField = styled(TextField)({
   '& .MuiInputBase-input': {
@@ -244,7 +244,11 @@ export const TextInput = (props: InputProps) => {
         />
       )}
       {helperText && (
-        <Text size="xs" text={helperText} className={styles.text_below} />
+        <TextWithLink
+          size="xs"
+          text={helperText}
+          className={styles.text_below}
+        />
       )}
     </div>
   );

package/src/Organisms/Textarea/Textarea.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { TextInput, Text } from '../../';
+import { TextInput, Text, TextWithLink } from '../../';
 
 import styles from './Textarea.module.scss';
 
@@ -91,7 +91,9 @@ export const Textarea = ({
         minRows={minRows}
       />
       <div className={styles.helperTexts}>
-        {helperText && <Text text={helperText} size="xs" weight="regular" />}
+        {helperText && (
+          <TextWithLink text={helperText} size="xs" weight="regular" />
+        )}
         {errorText && error && (
           <Text text={errorText} size="xs" weight="regular" color="#F54C4C" />
         )}