Page Comparison

5 min

Design Tokens

Max Frank

• https://github.com/openedx/platform-roadmap/issues/360

  • underlying PRs and other requirements will be merged after Redwood

  • Plan is to have everything done by Sumac or Teak

  • See project plan + gantt chart timeline here: https://docs.google.com/spreadsheets/d/1rHLCv0Q3Ce7-f8QjDZC0bIrNYfY2qyzj3Sbk7snrsr8/edit#gid=332088520

  • [Adam] For MFEs specifically, we will need to have some coordination with 2U around releasing updates to @edx/brand-edx.org, @edx/frontend-component-header-edx, and @edx/frontend-component-footer-edx.

    • We don't have the remaining work for these shared libraries resources resourced at 2U...

    • These dependencies do not impact Storefront.

  • [Kaleb] Any downsides to pinning 2U Storefront to alpha version before things are merged upstream?

    • Yes, this should be OK.

  • [Max] For MFEs, can they also pin alpha?

    • Probably makes sense to wait for alpha to land on master.

Font Awesome

• https://openedx.atlassian.net/wiki/spaces/BPL/pages/3770744958/Migrating+MFEs+to+Paragon+design+tokens+and+CSS+variables#FontAwesome-removal-from-Paragon

• IconButton, Icon, SearchField components no longer support having FA icons passed in

• 
  

Inverted avatar icon color

• Avatar svg no inverted version

  • using hardcoded hex color at the moment, should move to use

    • rectangle hardcoded white background

  • would just using a paragon icon component solve everything?

    • what would the props API to support this look like?