Skip to content

Conversation

@Jialecl
Copy link
Collaborator

@Jialecl Jialecl commented Feb 7, 2025

Checklist
(Check off all the items before submitting)

  • Build process is done without errors. All tests pass in the /lib directory.
  • Self-reviewed the code before submitting.
  • Meets accessibility standards.
  • Added/updated documentation to /website as needed.
  • Added/updated tests as needed.

Description
Redesign of the fileInput component following the new design kit specifications, already using the new token architecture (CSS variables).

Additional context

@Mil4n0r Mil4n0r self-requested a review February 7, 2025 13:55
@Mil4n0r Mil4n0r self-assigned this Feb 7, 2025
@Jialecl Jialecl changed the title Jialecl file input tokens File Input redesign Feb 18, 2025
@Mil4n0r
Copy link
Collaborator

Mil4n0r commented Mar 25, 2025

Only missing doc.

Copy link
Collaborator

@Mil4n0r Mil4n0r left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job Jiale!

The only thing that I wanted to point out is that, now that we display the error message in one single line, it would be interesting to display a Tooltip if we hover a text with ellipsis, the same way that we do for other components such as Spinner, Select, etc.

image

This is easily achievable by using the TooltipWrapper with its condition prop (there are multiple examples in the code). Also, don't forget to add a storybook action to hover the text and display the tooltip.

@Mil4n0r Mil4n0r merged commit 8786a5a into master Apr 25, 2025
4 checks passed
@Mil4n0r Mil4n0r deleted the jialecl-fileInput-tokens branch April 25, 2025 10:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants