[Toggletip] Update Usage and Style tab

[thyhmdo]

Closes #3713 #3714

Changelog

• States from inactive and active to open and closed
• Other changes are documented in the issues above
• Some outdated info like the size of the container in the Usage tab

[github-actions]

Deploy preview

✅ Successfully published at https://4468--carbondesignsystem.netlify.app with commit undefined

Logs

• Build and deploy log
• Netlify deploy details

[laurenmrice]

Usage tab

Related section

Can your remove this last sentence in the Disclosures paragraph?

---

Style tab

Interactive state color

In this image, I think the last label needs to say "Toggletip open (focus)"? I also now wonder if the image next to it is representing the hover, so it should be "Toggletip open (hover)" and have the hand cursor?

If that is true, I think that both the Closed and Open Hover/Focus states should be covered in the table, something like this.

Structure

• I don't think you need the Toggletip heading anymore here, and you can remove the part where it talks about "Types" and change the word "tooltips" to "toggletips".
• In the structure image I would say "concise" instead of "precise".

Feedback

Not sure if you can see this on your end in vscode and remove it, but there is a "Show less" text bug under the Feedback section.