Eric:
Various teams have been asking for guidance in on-boarding experiences. It would be helpful to have a page under Patterns describing design approaches for this.

Reference grommet/grommet-docs#174

The 0.9.4 sticker sheets have a few key differences from the latest design pattern and implementation. Specifically:

• Checkbox style
• Radio buttons are close, but the selected circle is slightly smaller than implementation
• Form design (where errors are displayed)
• Tab styling (style of selected item's underline and underline on hover)

Tracy:
Add documentation in Grommet for apps adopting Hub and Spoke navigation in the context of tree/column navigation.
How to support navigating tree and catalog like experiences at the app level and at the sub-navigation level (optional).

Until documentation is complete, grommet/grommet#1104 for TreeView feature request response.

Reference grommet/grommet#1031

reference grommet/grommet#689

Refinements for the following below.

• Font style updates -e.g., Value and Unit
• Font size inconsistencies between vertical and normal views. E.g., for Bar Series, Stacked
• Element for alignment updates, i.e., Legend and Axis-Time to align on the edge of the 'Grid' element.
• Element with alignment issues. i.e., Vertical view for Chart, Threshold with value alignment issue.

Refinements
https://hp.invisionapp.com/d/main#/console/10436236/225027082/preview

Need to change 16x16 status icon colors to #333 to meet accessibility contrast standards.

@ericsoderberghp @L0ZZI @bryanjacquot
A solution for rearranging the cards on dashboard as per the user preference i.e. Drag and drop the cards as per user preference.

Also if user close/hide tile on dashboard then automatically all the other tile should automatically re-adjust themselves

@ericsoderberghp @L0ZZI @bryanjacquot
Requirement are as follows:

1. User should be able to zoom in/out in all grommet chart components
2. Zoom in/out functionality should can be done by user via mouse wheel, partial selection done on the graph, range selector controlling chart
3. User should be able to reset the graph any time

Below is the link for grommet chart
https://grommet.github.io/docs/chart/examples/#15

Current theme selector is only on the home page, and is buried in the footer. We need to add the ability to select the theme from any page and make it easier to access.

Revisit design execution Idean provided. Make it functional.

@ericsoderberghp @L0ZZI @bryanjacquot
Requirement is there are few pages wherein we have lots of items available in a form of list/tiles, in this case lazy loading is used, but user has no clue that how many items are still left on the page so for that we need some cue to show the total no. of items are still left to be viewed and no. of items loaded/viewed.

Eric:
Style – application uses just the CSS, keeping existing code and technology platforms
Component – leverage of the React components and CSS styling. This model is useful for:
A legacy application wanting to begin using React components as legacy portions of the UI are replaced (e.g. Flex or Java applets).
AngularJS applications wanting to leverage the React components.
A new application, or an application rebuilding the UI.
Application – React Components and a set of common backend services for things like search, associations, dashboard, etc. Can be acheived using one of two modes:
Reference API
Reference backend services

Lozzi:
Grommet Merit Badges!

Reference grommet/grommet-docs#179

Error message placement changes. Changes need to be applied to:

1. HPE - Sketch, Axure, AI, PDF
2. Grommet - Sketch

Linking with

• grommet/grommet#1209
• grommet/grommet#1183

Idea: Social Media Poll, Other product comparison

Work with Ken Meier, Guy Groix, and Goutam Adwant on revising their latest design sketches.

Link with grommet/grommet#249

There is a requirement for content heavy pages wherein user should have cues that there is more content below the fold.

Reference grommet/grommet-docs#71

Update to 1.0 charts/meters/visualizations.

@ericsoderberghp @L0ZZI @bryanjacquot

Need clear filter functionality in filter component
http://index.grommet.io/docs/grommet-index/filters

Ideas:

• Alan's Video: https://vimeo.com/129681048

• Waffle workflow: https://help.waffle.io/automatic-work-tracking/auto-work-tracking-basics/recommended-workflow-using-pull-requests-automatic-work-tracking

I get questions here and there about the recommendations on how to display time and date content in a variety of contexts. It would be good if grommet.io had a section on time and date format guidance.

The need for xsmall core icons issue is related to and can impact sorting on table headers.

Create PSD version of the sticker sheets that align with existing HPE and Grommet sticker sheets for designers who prefer to use PhotoShop.

Align Primary, Vibrant, and Neutral color types to work across themes.

Eric:
One area I get questions about frequently is how to do multi-select with Grommet. We should add a page under Patterns, or perhaps within a larger "Forms" pattern, detailing various options for this.

• for short lists, CheckBoxes in a FormField
• for longer lists, a Heading + List + AddIcon Button that brings up a Layer where the user can pick something to add. The List includes controls to Delete and, if necessary, re-order.

Reference grommet/grommet-docs#175

Remix timeline chapter markers with the update player controls.