Create a template for the Design Lead to create new component issues

[ExperimentsInHonesty]

Overview

We need to create a design issue template so that the design lead can create new components

Action Items

• copy current draft being used into a comment
• create a new draft for the template in a comment below
• finalize the draft
• create a new template in the Setting for this repo
• add the
  • Title
  • Description
  • Body (Overview, Action Items, Resources)
  • Add the Title that the issues created using the template will have
  • Add the labels
  • Add the milestones
  • Commit the changes that will save the template

Resources/Instructions

• New Template Created: Design: New Component

[ExperimentsInHonesty]

Draft of current template

Details

Overview

We need to create Pagination for the TWE design system for the future website development & handoff.

Details

This issue had been worked on before we decided to update with M3 and other requirements. You can see the prior work on resource 1.04.01 in the section called NEED TEMPLATE REVISION.

Action Items

• Research styling for Google's M3
• Create Building Blocks (if applicable)
• Research Googles M3 guidelines to see what style, state and/or configuration variants are needed
• Create Style variations
• Create State Variants (see resource 1.01 and M3 guidelines 1.03)
• Create Configuration Variants (see resource 1.02 and M3 guidelines 1.03)
• Weekly (or more often if needed) communicate changes in issues comments (below) and with design team
• Get sign-off from Design Lead
• Get sign-off from Product Manager (general and Dev)
• Update Figma page: Design System - WIP (resource 1.04)
  • Add all the details that canvas asks for (see resources 1.04.01 for example of what/where you are updating)
• Update Figma page: Microsite Ready for Dev
• Close Issue
• Update epic by checking box TWE Design System: Create Generic Design Components and Mockups #397
• leave a comment on Develop Design System Microsite based on Material for MKDocs #455 with the following text

  Issue #[REPLACE WITH YOUR ISSUE NUMBER] has been released by design
  

Resources/Instructions

• 1.01 State Variants

• 1.02 Configuration Variants
• 1.03 Material Design relevant URLs:
  • https://m3.material.io/components/tabs/overview
• 1.04 Figma File: Internships Figma, Design System - WIP

  • 1.04.01 Example Figma page: Design System - WIP, Profile Card

    Details

    

  • 1.04.02 Internship Figma File, Design System, Tabs -We're going to replace this

• Google Doc: HfLA Design System Guide for Designers (v2)

[ExperimentsInHonesty]

Template

Setting up this issue
Customize the following

• add the milestone 05.01.01 TWE Design System - Design

• 1.01 define which states you want used

• 1.02 define which configurations you want used

• 1.03 Go to link provided, find appropriate menu item and replace link

• 1.04.02 (GO TO FIGMA, NEED TEMPLATE/REVISION AND SEE IF THERE IS AN EXISTING COMPONENT TO REMOVE.
  IF YES, UPDATE 1.04.02 IN THE RESOURCES.
  IF NO, DELETE 1.04.02 FROM THE RESOURCES AND THE CHECKBOX IN THE ACTION ITEMS.

• Add labels

Overview

We need to create Pagination for the TWE design system for the future website development & handoff.

Details

This issue had been worked on before we decided to update with M3 and other requirements. You can see the prior work on resource 1.04.01 in the section called NEED TEMPLATE REVISION.

Action Items

• Research styling for Google's M3
• Create Building Blocks (if applicable)
• Research Googles M3 guidelines to see what style, state and/or configuration variants are needed
• Create Style variations
• Create State Variants (see resource 1.01 and M3 guidelines 1.03)
• Create Configuration Variants (see resource 1.02 and M3 guidelines 1.03)
• Weekly (or more often if needed) communicate changes in issues comments (below) and with design team
• Get sign-off from Design Lead
• Get sign-off from Product Manager (general and dev)
• Update Figma page: Design System - WIP (resource 1.04)
  • Add all the details that canvas asks for (see resources 1.04.01 for example of what/where you are updating)
  • If there is a link with a strike-through on 1.04.02, please go to the link, and remove that content from the NEED TEMPLATE/REVISION section.
• Update Figma page: Microsite Ready for Dev
• Close Issue
• Update epic by checking box TWE Design System: Create Generic Design Components and Mockups #397
• leave a comment on Develop Design System Microsite based on Material for MKDocs #455 with the following text

  Issue #[REPLACE WITH YOUR ISSUE NUMBER] has been released by design
  

Resources/Instructions

• 1.01 State Variants

• 1.02 Configuration Variants
• 1.03 Material Design relevant URLs:
  • https://m3.material.io/components/ - [Design Lead, will find exact URL and replace this link]
• 1.04 Figma File: Internships Figma, Design System - WIP

  • 1.04.01 Example Figma page: Design System - WIP, Profile Card

    Details

    

  • 1.04.02 [Internship Figma File, Design System, Need Template Revision,ADD NAME OF COMPONENT -We're going to replace this

• Google Doc: HfLA Design System Guide for Designers (v2)

[ExperimentsInHonesty]

@ExperimentsInHonesty will turn into a template
@mklmrgn will use the template above to update the design issues in the New issue approval column

[Rabia2219]

Notes

Template has been created

• Can be selected in the template list by clicking 'New issue'
• Title: Design: New Component
• URL: https://github.com/hackforla/internship/issues/new?template=design--new-component.md

[Rabia2219]

@mklmrgn
The template has been created and is available as a template under New issue or via the link above.