v5 component refactor: Tooltip (Conditional Display for truncated text)

[ksolanki7]

Abstract

As part of the v5 Elements release, each component will be reviewed and refactored to ensure best practice and design system alignment

Note:

• The initial tooltip component has been completed in v5 component refactor: Tooltip #235, and support for conditional display is remaining which needs to be completed in this ticket.
• Need to confirm with the DS team (Andrei) whether we need to add support for automated positioning of the tooltip, if the the tooltip runs over the viewport.

Specification

• Is new component or existing?
• Is the component being re-named?
• Is the component design signed off by product and design?
• Guide to component structure & documentation in storybook
• Link to DS in Figma
• Link to Elements
• Accessibility requirements

Developer Checklist

• Styles alignment between Design System and Elements
• Check design tokens in Figma and implement CSS variable tokens if available for relevant component
• Align with accessibility standards / spec as per above
• If relevant, break down component into Styles Only and React component structures
• Ensure all variants of components are documented as appropriate
• Ensure unit test coverage is adequate for component
• Update documentation in MDX file as per guidelines
• Changelog updated to reflect a single beta version per component ideally

Release Checklist

• Approved PR merged to main
• Design & product review and feedback addressed by developer
• Beta release by product / engineering lead to next beta version

Additional Context or Information