Skip to content

Conversation

@zamoore
Copy link
Contributor

@zamoore zamoore commented Jul 24, 2024

πŸ“Œ Summary

If merged, this PR updates the design and functionality of the ApplicationState component.

πŸ› οΈ Detailed description

  • Adds a yielded Media child component that takes no arguments. Yields to any content.
  • Moves the error code above the title/icon line
  • Changes the vertical spacing between the footer and body components
  • Adds a new align (left or center) argument that changes the orientation of content
  • Sets a max width of content inside the component (other than the Media block) of 480px.
  • Automatically orients the direct children of the footer element as follows
    • The first two children will display on the left side of the footer automatically.
    • Any other children will be displayed on the right.
  • Removes the visual separator above the footer
  • The footer now yields Dropdown and Button as actions

πŸ“Έ Screenshots

New default layout for existing ApplicationState implementations without media
Screenshot 2024-07-24 at 1 14 04β€―PM

ApplicationState without media, new alignment options
Screenshot 2024-07-24 at 1 14 42β€―PM

ApplicationState with media, new alignment options
Screenshot 2024-07-24 at 1 15 01β€―PM

ApplicationState with extra-wide media, new alignment options
Screenshot 2024-07-24 at 1 15 17β€―PM

πŸ”— External links

Jira ticket: HDS-3542
Figma file: Figma


πŸ‘€ Component checklist

πŸ’¬ Please consider using conventional comments when reviewing this PR.

@vercel
Copy link

vercel bot commented Jul 24, 2024

The latest updates on your projects. Learn more about Vercel for Git β†—οΈŽ

Name Status Preview Updated (UTC)
hds-showcase βœ… Ready (Inspect) Visit Preview Aug 1, 2024 5:48pm
hds-website βœ… Ready (Inspect) Visit Preview Aug 1, 2024 5:48pm

Copy link
Contributor

@didoo didoo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@zamoore I did a first pass, there are things that need to be fixed.

I haven't reviewed yet the actions alignments (there's something not working for me, not sure if it's at design level /cc @majedelass) and the vertical spacing, I'll do it in the second pass.

Copy link
Contributor

@didoo didoo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left a couple of easy suggestions.

βœ… Approved!

Co-authored-by: Cristiano Rastelli <[email protected]>
Co-authored-by: Zack Moore <[email protected]>
Co-authored-by: Kristin Bradley <[email protected]>
Co-authored-by: Jory Tindall <[email protected]>
Co-authored-by: Cristiano Rastelli <[email protected]>
Co-authored-by: Cristiano Rastelli <[email protected]>
@hashibot-hds hashibot-hds added the docs-website Content updates to the documentation website label Aug 1, 2024
@zamoore zamoore merged commit 92c35b4 into main Aug 1, 2024
@zamoore zamoore deleted the FEATURE-HDS-3542-ApplicationState-Code branch August 1, 2024 18:31
@hashibot-hds hashibot-hds mentioned this pull request Aug 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

docs-website Content updates to the documentation website packages/components showcase

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants