Global Adress validation mockups

[lgalloherran]

Hi team, this are the highlights I wanted to go through on OH for the Global Address Validation project:
Disclosures: Is that the correct use?
Alert on ‘create and Address’: Is the a correct placement for the alert that appears when the users interacts with that disclosure?
Modal alignment: I tried to align content to the spacing established for the modal component, but I find it too wide/high (it says that is 50px, but if you measure the example it has a spacing of 17px).
‘Cancel’ button: When user press this button all information will not be saved. Should this button have a sort of alert?
Managing tooltip in a table's header: It is the right use for a tooltip?
Edit Address button: I want to know if this is the best option for this interaction or if I should consider adding it to the footer.

[SiTaggart]

Hi @lgalloherran

Thanks for posting these so early, it gives the team so much time to review before your Office hours session. 🙌

We'll review and post comments

[kate-porter]

Hey @lgalloherran - just wanted to followup on the question regarding modal alignment.

I think what you're referring to are the spacing helpers on the modal, which are labeled as space-50, like so:

What this is actually referring to is the name of the spacing token from Paste that we are using for the modal padding. The name of the token is space-50, but the value under the hood is 16px. Check out the spacing tokens listed here: https://paste.twilio.design/tokens/#spacings

Hopefully that helps. Let me know if you have any more questions.

[lgalloherran]

Thanks! @katieporter for clarifying this, I'll check the equivalence then.

[SiTaggart]

Link to the recording can be found here https://www.loom.com/share/8b6a519fd2a344dfb94dc966e59a18e6# (pw is in #help-design-system slack)

In the discussion we covered:

• That potentially the use of disclosures might make validating two distinct pieces of data on the same step tricky, and maybe explore the second disclosure being a sub-step so it's more focused
• That inputs can be placed in multi column grids
• Use of a success toast was perfect