Publish to Auro Design System

[blackfalcon]

Publish Component

Specific steps required to publish this component.

All of the steps outlined below must be completed.

Design & Planning

• Reviewed AuroLabs documentation
• Reviewed Auro's Contributing Guidelines
• Reviewed Auro's CSS conventions and how to apply CSS to custom elements
• Design team engaged in designing the new component
• Design work integrated in the Auro Design System UI Kit

Development

• Complete code and API review by dev team lead #52
• Review all JSDoc api information  #48
• Component built using the latest version of WC-Generator
• Addresses all design and UX as proposed in the design comp #54
• A11y review of the final WC #55 (issue left open, will be addressed with v3.1 release)

Documentation

• Update markdown demo #40
• Examples and use case info
• Bundled version info
• README doc completed with all relative information
• API documentation created

Testing

• Browser compatibility - desktop and mobile versions
  • Chrome
  • Firefox
  • Edge (79 +)
  • Safari
• Accessibility - One or more of the following
  • Axe / Google Lighthouse (baseline standard)
  • Screenreader (determine usability of experience via screenreader)
  • Keyboard use (a user must be able to navigate to key parts via a keyboard)
  • Accessibility should be verified against all browsers
• Bundled versions tested

Review

Up until the review phase ensuring compliance with the above checklist is the responsibility of the component contributor. Once Design & Planning, Development, Documentation and Testing have been completed you will need a final review phase completed, particularly the Auro Design System team. The final review will verify that all requirements above have indeed been achieved.

When the component is ready for a final review with your designer and the Auro Design System team it is the responsibility of the contributor to coordinate the following reviews:

• Review demo with the designer
• Review demo with Auro Team
• All work is reviewed by Auro team

[blackfalcon]

This isn't necessarily blocked or waiting on feedback, but more so this will be ongoing for a bit while we evaluate the code and plan appropriate refactoring in preparation for official release.

[blackfalcon]

@leeejune can you do a design review of https://alaskaairlines-auro-menu-pr-73.surge.sh/

[leeejune]

• Icon color should be "auro-color-icon-primary-on-light"
• There should be 12px padding on the left of the icon
• Divider should be "auro-color-border-divider-on-light"

Question:

Should this pre selected option be in the same blue selected state?

[blackfalcon]

@leeejune demo URL updated

[leeejune]

@blackfalcon Looks good! Design review done.