Code <-> Figma sync

[JulesKhong]

Depends on #78

Design reviewing Dev

• Review the base build style guide and site on a multidev to confirm base system is correct. /style-guide @julie-lesseg
• QA base components
• Assign priority QA items back to Jules

Dev reviewing Design

• Review Figma atomic design structure, give feedback to make sure it matches code approach @JulesKhong
• Ensure figma file is updated with final token values, and naming conventions for typography styles, spacers, grids, and block names. @julie-lesseg @JulesKhong

Design

• Align on plan for re-org of base build starter file in figma @julie-lesseg
• Consult design team on proposed changes @julie-lesseg
• Explore workflow for using base starter file as library or if it's duped for new projects - How are changes captured and documented? @julie-lesseg

[julie-lesseg]

@JulesKhong I'm going to use this ticket to track the changes I've made to the figma file that may need to be updated in the code.

So far:

• Changed text-high-contrast, text-md-contrast, text-low-contrast to text-primary, text-secondary, text-tertiary further separating it from its potential visual display

• Added two additional large spacer sizes: 7xl and 8xl and wired up this table here to automatically reflect the what's been changed in the variables panel vs what comes standard in base ✨

• I updated all the color HEX values so might be best to do a pass across all those values 😄

[julie-lesseg]

UPDATE: Done a full pass over of all the blocks to make sure they are using the dynamic variables that will change on different colorways.