Overview
The WIP Tooltip component (directive) from T366104 requires more work and testing before it can come out of WIP and is published as a public component.
Reference:
Feature updates
- If the cursor moves to the tooltip, the tooltip will still be shown.
- The tooltip should appear after transition-duration-medium (250ms)
- Tooltip should animate in using opacity and scale
- Opacity starts at 0 (opacity-transparent) and ends at 1 (opacity-base)
- Scale starts at 75% and ends at 100%
- Origin of the scale should be the center of the trigger (not the center of the tooltip) so it looks like it’s coming from it and not from itself.
- The animation of the tooltip appearing should be transition-duration-base (100ms)
- The max width a tooltip should be is size-1600
Design updates
- None
Documentation updates
- Component guidelines T366129
- Demos have accompanying text explaining the code example.
- The select control type is added to the configurable demo. T366326
Testing
- Snapshot tests.
- Pixel tests capture the hover/focus behavior on desktop and mobile.
Acceptance Criteria
- Move the component out of WIP and export to the library by exporting the component in lib.ts instead of components-wip/index.ts.