Roadmap

Roadmap planning topics

Topics to be planned for design and development.

Standardize component states for design

• Empty
• Loading

Adjust components to reflect decisions of floorplans workstream

• Change button order in action bar and modals
• Add bottom action bar component

Implement loading states based on feel workstream

• Shimmer
• Templates

Standardize and document component data model

• Properties
• Modifiers, contexts, classes
• States, aria

Implement opt-in contexts for components

• RTL
• Spacing, compact

CSS Variables

• SASS for authoring, CSS for styling

Improves responsiveness for small screens

• Spacing and gutters
• Built-in component behaviors

Modularize component groups

• Core
• Layout
• Shell
• Floorplans
• Components
• Helpers
• Icons

Organizes inputs

• Date picker
• Time picker
• Multi-tab editor
• Multi-input
• Search #457

Testing guidelines

• Browser support, IE11?
• Definition of Done

Enable theming

• Generate default and dark theme
• Allow for run-time switching

Additional component modifications and states

• Table sorting
• Gray badges
• Collapsible panels
• Product tile indicator/action
• Loading states

Addt'l layouts and floorplans

• Three column
• Wizard
• Overview

Starter pages

• Object

UX tools

• Axure
• Sketch

Training

Angular and React sample, demonstrate navigation and responsive behaviors

• Overview
• Landing list
• List
• Object