Move Tippy CSS to our bundle 🧵

[0ubbe]

Summary

We were importing Tippy CSS through a CSS import on <GlobalStyles />.

@moshie and @endymion1818 fairly pointed out that it increased a bit the HTTP handshake on the consumers not using tooltips.

The main issue though is that styled-components@5 does not support anymore CSS @import.

There's work planned on moving to just PopperJS.

Related

#165
#234

styled-components/styled-components#2995

[codecov]

Codecov Report

Merging #246 into master will decrease coverage by 0.28%.
The diff coverage is 100%.

@@            Coverage Diff             @@
##           master     #246      +/-   ##
==========================================
- Coverage      93%   92.71%   -0.29%     
==========================================
  Files          69       70       +1     
  Lines         643      645       +2     
  Branches      124      180      +56     
==========================================
  Hits          598      598              
- Misses         45       47       +2

Impacted Files	Coverage Δ
src/components/styles/GlobalStyles.tsx	100% <ø> (ø)	⬆️
.../molecules/Tooltip/TooltipStyles/TooltipStyles.tsx	100% <100%> (ø)
src/components/molecules/Tooltip/Tooltip.tsx	100% <100%> (ø)	⬆️
src/components/styles/Fonts.tsx	0% <0%> (-100%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update fdafe3b...213325b. Read the comment docs.

[0ubbe]

I'm thinking to base this against master instead given it could go out now 🤔

[0ubbe]

I'm going to change a bit the approach on this PR 💭

I think I'll follow the same API as with <Modal.Styles /> and force clients to declare explicitly <Tooltip.Styles /> on their top-level component.

[poteirard]

🎉 This PR is included in version 2.12.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀