(Hint): Consume Penta tokens

[tlabaj]

Follow up to core: patternfly/patternfly#5997

[thatblindgeye]

Doesn't seem like any updates would be needed in React. Am noticing, between the React component and what's on the v6 staging for Core, there are some slight differences:

• slightly more space around the hint border and content in React (possibly due to the icon in React being svg) EDIT: Confirmed that this may be due to core using the deprecated Dropdown in the example
• the font in React doesn't match Core for the hint title and body (redhatdisplayvf / redhattextvf in Core, redhatdisplay /. redhattext in React) EDIT: Confirmed that this is no longer an issue with thelatest Core alphas pulled in

Will mention during one of the Penta happy hours this week for confirmation about the font family

[tlabaj]

@mcoker @andrew-ronaldson can you please verify that the Hint component looks good on staging so we can close this issue.

[mcoker]

LGTM! FYI I just:

• reviewed the core PR (https://github.com/patternfly/patternfly/pull/6030/files) to make sure there were no HTML or other changes that would need to be updated in the react PR
• reviewed the react hint component files to make sure it doesn't reference any CSS vars or anything that may have changed

Visually the spacing between core and react looks a little different, but I believe that is just due to the presence and size of the hint actions - having an action in the layout causes the spacing to change a bit. I created an issue for that patternfly/patternfly#6116

[lboehling]

this looks good to me! The styling of the menu icon seems off, but that's probably because menus haven't been fully penta-fied in core yet. thanks!

[thatblindgeye]

Closing per comments above