feat(SourcesCard): Add expanded view

[rebeccaalpert]

Allow for cards with more source info.

Docs: https://chatbot-pr-chatbot-501.surge.sh/patternfly-ai/chatbot/messages#messages-with-sources

[patternfly-build]

Preview: https://chatbot-pr-chatbot-501.surge.sh

A11y report: https://chatbot-pr-chatbot-501-a11y.surge.sh

[kaylachumley]

left a comment! looking really good

[edonehoo]

we currently say in the md "The title is limited to 1 line and the body is limited to 2 lines.", which this is an exception to.

Should we just rephrase that to be "For the best clarity and readability, we strongly recommend limiting the title to 1 line and the body to 2 lines.

Q: Is there a max length we want to advise

[edonehoo]

Suggested change

	body: 'Red Hat OpenShift on IBM Cloud is a managed offering to create your own cluster of compute hosts where you can deploy and manage containerized apps on IBM Cloud ...',
	body: 'Red Hat OpenShift on IBM Cloud is a managed offering to create your own cluster of compute hosts where you can deploy and manage containerized apps on IBM Cloud ...',

I can't remember if we explicitly decided last week -- do we want to take the ellipses off of these examples?

[rebeccaalpert]

I removed the ellipses on the "show more" example, but left the others alone. The ellipsis in the text don't actually get shown in the other examples. It's a matter of taste whether we remove them or not. This is just a test fwiw.

[edonehoo]

Could you update the md docs to change:

"The title is limited to 1 line and the body is limited to 2 lines."
to
"For the best clarity and readability, we strongly recommend limiting the title to 1 line and the body to 2 lines. If the body description is more than 2 lines, use the "long sources" or "very long sources" variant."

[rebeccaalpert]

Docs change all set!

[kaylachumley]

i didn't get requested for a second review but it looks good! @rebeccaalpert

[kmcfaul]

lgtm but have a general question about the message sources examples.

It doesn't seem like there's a large difference between the "Example with sources" and "Example with very long sources". And so with the new "Example with long sources" the very-long-sources example now looks a little off, since I would expect a similar show more/less or other feature. Should we maybe combine or remove one of these?

Edit: or if the very-long-sources is actually showcasing the title truncation + tooltip, that makes sense, but it's a little unclear based on the wording

[rebeccaalpert]

@kmcfaul - Erin just pushed some changes - hopefully a little bit more clear now.

[github-actions]

🎉 This PR is included in version 2.2.0-prerelease.45 🎉

The release is available on:

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

Your semantic-release bot 📦🚀