Bridge homescreen UI refactor Got design sign off from Pat! ![Screenshot 2025-0 #456
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
Got design sign off from Pat!  Contributes to PX-128 GitOrigin-RevId: 1c2acc507deae3420a05f231f5ca32f20b9f5480
|
The following public packages have changed files:
There is 1 existing changeset for this branch. If additional changes have been made that require different versions for any package simply add another changeset. Any packages that depend on the planned releases will be updated and released automatically in a separate PR. Each changeset corresponds to an update in the CHANGELOG for the packages listed in the changeset. Therefore, you should add a changeset for each noteable package change that this PR contains. For example, if a PR adds two features - one feature for packages A and B and one feature for package C - you should add two changesets. One changeset for packages A and B and one changeset for package C, with a description of each feature. The feature description will end up being the CHANGELOG entry for the packages in the changeset. The following releases are planned based on the existing changesets:
Last updated by commit 963174d |
GitOrigin-RevId: cf1bf5e6c62134ba3a87d8178382cc839bb90b81
# add a front end for linking bank accounts, during onboarding flow closes PX-80 GitOrigin-RevId: 534270f6023eeb3cbc27e27bf674aa6a5f191b3e
GitOrigin-RevId: 675017a49cc8ed7997396289d71cd4298f18da2f
Adds blurring and opacity when scrolling. Removes the border once at the top. Also makes the UMA logo at the banner slightly larger per spec. Example:  GitOrigin-RevId: 7a482063a2ffe7e3cb5d03682fcccb122929a021
GitOrigin-RevId: 388a9e57ccdc5faac6dceec900da520225feaa59
**Note**: This change is purely cosmetic since first name and last name weren't being used to create the bridge user credentials anyway. Contributes to PX-122    GitOrigin-RevId: 5b46fd8e93c23e233ba0766ce98c2ec786800974
…ton border radius (#16425) These changes should make it easier to get the new screens looking closer to the designs - updates default card form border radius - updates default card form border color - removes card form shadow - updates default card form padding - removes paddingY in favor of paddingTop and paddingBottom in CardForm - adds temporary paddingTop to steps which look strange without the progress header (yet to be implemented) - updates default button radiuses to be fully round - adjusts text input paddings - adds padding to title and descriptions of cardforms - adjusts button paddings to account for border - makes CardForm skinnier old:  new:    GitOrigin-RevId: dad07d03ce168dbf8b78ab80309578bdbb4a52f6
…16503) - adds option to not have the Banner position: fixed - wraps BridgeCardForm's banner in position: fixed to accommodate adding another banner on top - shrinks size of uma icon if small screen - changes how minHeight works in Banner - adjusts banner styles - fixes border that should appear as you scroll underneath the banner - fixes TextInput, adds default border radius back - updates hamburger icon in mobile nav   GitOrigin-RevId: 8b7cfc046c38f0babc96ff0838dcc645f1cce296
 - fixes tight letter spacing for typography tokens (affects Display, Headline, Title) GitOrigin-RevId: 0c72959ba7c1b2cfe24fc78da73bdac6bdd7254a
Update next.js past the version with a critical vulnerability (that doesn't actually affect us). Also update the build image to allow it to build on GH workflows. GitOrigin-RevId: bdf8ce5f60df7edf9af12f5efae0fc20f7ccb326
 Contributes to PX-246 GitOrigin-RevId: 0ce0b70212bb8110bd577e3fcb3933d73569fc90
Added configuration to existing components to support new design for Verify Identity Page   GitOrigin-RevId: dd2c6a3504e0169e41ba0a1733b6f4fffe129c76
Created new UMA splash  GitOrigin-RevId: 62935d2ea044b3082c3a102f49064db71c667de4
# UMA Bridge: Enhanced Bank Connection UI This PR enhances the bank connection flow in the UMA Bridge application with several UI improvements: - Added a new RTP disclosure modal with scrollable content for better user experience - Updated the `BridgeModal` component to support scrollable content and custom positioning - Redesigned the Link Bank screen with clearer information architecture: - Added informative bullet points with icons highlighting key benefits - Improved layout with better spacing and alignment - Added RTP agreement footer with proper linking - Enhanced the `IconWithCircleBackground` component to support opaque icons - Updated the Modal and Drawer components to support custom top positioning - Added new language strings to support the updated UI - Fixed styling issues in various components for better mobile responsiveness These changes improve the user experience when connecting bank accounts while maintaining compliance with financial regulations. ****   ****   GitOrigin-RevId: ff2e37d3e439693bc274ef0d7cd46da92848b326
  GitOrigin-RevId: 9558bd24d62022f122292856d7ed78938648db2e
* WIP: Adding a banner notifying of the switch to uma.money. Mostly looks good. Still TODO: - Update to only show on one page load - Check on desktop styling with design - Check on underline not working * lint * Fix the underline and move x all the way right GitOrigin-RevId: e431cf3c55dac687102ad42e52d8b125ffb655c4
Contributes to PX-247. Got design sign off from Pat https://www.figma.com/design/p1r9oT0wU2NxDLfPPefRYV/US%3EMX-Grid-Switch?node-id=2417-23652&m=dev This PR: - Adds banner type to callout component - Adds new demo mode modal - Adds new send demo flow - Updates the back button per in the BridgeCardForm per spec - Adds subtitle to send flow   GitOrigin-RevId: ca992a573566de2b21e8ec20aaeaa32c34f323ca
# Adds a modal which shows completed steps shows all remaining onboarding tasks. completed tasks will replace their icon with a checkmark closes PX-259 | FIGMA| bridge | | -------- | ------- | |  |  | GitOrigin-RevId: a671d1d6fc8c0359f21a339aa0d18174df8a9754
GitOrigin-RevId: 6850d721419ec09c6cd8acc80aec22539767eb95
# remove border radius parameter from Modal GitOrigin-RevId: b073087678f0ef187bb5e79289f8fc010a4616c5
jklein24
approved these changes
Apr 4, 2025
JasonCWang
approved these changes
Apr 4, 2025
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
If this change should result in new package versions please add a changeset before merging. You can do so by clicking the link provided by changeset bot below.