Bug/51376 - Support Primer::OpenProject::InputGroup caption

[akabiru]

What are you trying to accomplish?

https://community.openproject.org/wp/51376

Support first party caption on the Primer::OpenProject::InputGroup component- providing the caption via the text_input breaks the traling_action layout, hence the system argument is also denied.

Should resolve FIXME: https://github.com/opf/openproject/blob/dev/modules/storages/app/components/storages/admin/forms/redirect_uri_form_component.html.erb#L29-L34

Screenshots

before

After

Integration

Yes

List the issues that this change affects.

https://community.openproject.org/wp/51376

Risk Assessment

• Low risk the change is small, highly observable, and easily rolled back.
• Medium risk changes that are isolated, reduced in scope or could impact few users. The change will not impact library availability.
• High risk changes are those that could impact customers and SLOs, low or no test coverage, low observability, or slow to rollback.

What approach did you choose and why?

Split out the caption into it's own flex container so it's isolated from the text input + trailing input action

[changeset-bot]

🦋 Changeset detected

Latest commit: 566408a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@openproject/primer-view-components	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[akabiru]

Stale- will re-open when working on it

[github-actions]

Uh oh! @akabiru, the image you shared is missing helpful alt text. Check your pull request body.

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

🤖 Beep boop! This comment was added automatically by github/accessibility-alt-text-bot.

[HDinger]

Works very well! Thanks @akabiru 🥳 I have one minor remark. Further, could you please add the caption to the "playground" preview as well?

[HDinger]

Awesome, thanks @akabiru 🙇 👍