Gestalt 2022 roadmap
The following reflects all public-facing work the Gestalt team plans to ship in 2022. For more details on our latest updates, visit the What's New page.
In progress
Gestalt illustration library (Android/iOS/Web)
Creation of a baseline set of illustrations that cover high-frequency product states (e.g., Error, Success, Empty).
Scheduled for Quarter 3, 2022
Popover component design guidelines (Android/iOS)
Addition of best practices, accessibility, localization and related components to Popover mobile documentation.
Scheduled for Quarter 3, 2022
Toast component design guidelines (Web)
Addition of best practices, accessibility, localization and related components to Toast web documentation.
Scheduled for Quarter 3, 2022
Visual diff testing (Web)
Ship visual diff tests for all Gestalt components to guard against UI regressions.
Upcoming
Dropdown component (Mobile web)
Development of a mobile-specific treatment of the Dropdown component.
Scheduled for Quarter 4, 2022
Complete
Badge component improvements (Web)
Expanding on Badge to include additional colors and states.
Scheduled for Quarter 1, 2022
PageHeader component (Web)
Adjustments to the existing PageHeader component to be more compatible with product needs.
Scheduled for Quarter 1, 2022
Creation of a baseline component to support side navigation layout patterns.
Scheduled for Quarter 2, 2022
Link component improvements (Web)
Update Link component to support external indicator and more accessible styling.
Scheduled for Quarter 2, 2022
Avatar component (Android)
Development of the Avatar component for Android.
RadioGroup component (Web)
Create new component to create accessible Radio button groups in forms, deprecate singular RadioButton.
Device type hooks (Web)
Develop functionality to unlock device-specific UI in Gestalt.
Color opacity design tokens (Web)
Addition of tokens to support opacity styling.
Elevation design tokens (Web)
Addition of tokens to support the styling of elevated elements within a layout.
Gestalt docs IA update
Update of the Gestalt docs site’s information architecture to support pattern guidelines and mobile component documentation.
Visual component overview
Provide a visual component overview within the Gestalt docs to make finding components faster/easier.
Scheduled for Quarter 1, 2022
Public roadmap in Gestalt site
Publish and maintain a public roadmap for Gestalt development.
Scheduled for Quarter 1, 2022
Elevation visual guidelines
Development of usage guidelines and best practices for usage of elevation within Gestalt.
Scheduled for Quarter 1, 2022
Status component design guidelines (Web)
Addition of best practices, accessibility, localization and related components to Status web documentation.
Scheduled for Quarter 1, 2022
Datapoint component design guidelines (Web)
Addition of best practices, accessibility, localization and related components to Datapoint web documentation.
Scheduled for Quarter 1, 2022
Badge component design guidelines (Web)
Addition of best practices, accessibility, localization and related components to Badge web documentation.
Scheduled for Quarter 1, 2022
Button component design guidelines (Android/iOS)
Addition of best practices, accessibility, localization and related components to Button mobile documentation.
Scheduled for Quarter 1, 2022
IconButton component design guidelines (Android/iOS)
Addition of best practices, accessibility, localization and related components to IconButton mobile documentation.
Scheduled for Quarter 1, 2022
Modal/Sheet component design guidelines (Android/iOS)
Addition of best practices, accessibility, localization and related components to Modal/Sheet mobile documentation.
Scheduled for Quarter 1, 2022
Link component design guidelines (Web)
Addition of best practices, accessibility, localization and related components to Link web documentation.
Scheduled for Quarter 2, 2022
Heading component design guidelines (Web)
Addition of best practices, accessibility, localization and related components to Heading web documentation.
Scheduled for Quarter 2, 2022
Text component design guidelines (Web)
Addition of best practices, accessibility, localization and related components to Text web documentation.
Scheduled for Quarter 2, 2022
Tabs component design guidelines (Android/iOS)
Addition of best practices, accessibility, localization and related components to Tabs mobile documentation.
Scheduled for Quarter 2, 2022
Avatar component design guidelines (Android/iOS)
Addition of best practices, accessibility, localization and related components to Avatar mobile documentation.
Scheduled for Quarter 2, 2022
Product color visual guidelines
Publish guidelines and best practices for utilizing color within Gestalt.
Scheduled for Quarter 2, 2022
Typographic visual guidelines
Publish guidelines and best practices for typographic treatment within Gestalt.
Scheduled for Quarter 2, 2022
Component scorecard
Provide detailed info on the status and health of each component in the Gestalt docs.
Scheduled for Quarter 2, 2022
Dark mode visual guidelines
Publish guidelines for designing for dark mode using Gestalt.
Scheduled for Quarter 2, 2022
Toast component design guidelines (Android/iOS)
Addition of best practices, accessibility, localization and related components to Toast mobile documentation.
Scheduled for Quarter 3, 2022
Icon component design guidelines (Android/iOS)
Addition of best practices, accessibility, localization and related components to Icon mobile documentation.
Scheduled for Quarter 3, 2022
Checkbox component design guidelines (Web)
Addition of best practices, accessibility, localization and related components to Checkbox web documentation.
Scheduled for Quarter 3, 2022
RadioGroup component design guidelines (Web)
Addition of best practices, accessibility, localization and related components to RadioGroup web documentation.
Scheduled for Quarter 3, 2022
Switch component design guidelines (Web)
Addition of best practices, accessibility, localization and related components to Switch web documentation.
Scheduled for Quarter 3, 2022
TextArea component design guidelines (Web)
Addition of best practices, accessibility, localization and related components to TextArea web documentation.
Scheduled for Quarter 4, 2022
Iconography pattern guidelines
Publish guidelines on appropriate usage of iconography with Gestalt.
Scheduled for Quarter 4, 2022
Generalized component name codemod (Web)
Develop a generic codemod to automatically rename components of Gestalt component instances.
Generalized prop naming codemod (Web)
Develop a generic codemod to automatically change prop names of Gestalt component instances.
Generalized prop value change codemod (Web)
Develop a generic codemod to automatically change prop values of Gestalt component instances.
Generalized prop value detection codemod (Web)
Develop a generic codemod to automatically detect specific Gestalt component instances for manual modification.
Abandoned
InfoButton component (Web)
Creation of a component to provide contextual information for elements within a layout.
Form component (Web)
Addition of a component to encapsulate and structure form elements in a layout.
InfoButton integration in input components (Web)
Providing the ability in form components to add an InfoButton to provide contextual help.
Gestalt animation support (Web)
Built-in animation capabilities within Gestalt to support high-frequency UI transitions within the product.
Multi-select component (Web)
Pilot component for supporting selection of multiple items in a dropdown context.
Pagination component (Web)
Pilot component for paginating through content.
Modal/Sheet component (Mobile web)
Development of a mobile-specific treatment of the Modal component.
Popover component (Mobile web)
Development of a mobile-specific treatment of the Popover component.
Button component update (Web)
Visual updates to the Button component on the Web platform.
Button component (Android/iOS)
Development of the Button component for Android and iOS.
IconButton component (Android/iOS)
Development of the IconButton component for Android and iOS.
Icon component (Android)
Development of the Icon component for Android.
Masonry component enhancements (Web)
Develop general technical improvements to Masonry.
Context logging hooks (Web)
Develop functionality to allow for generic logic to be added on component interaction.
Border color and radius design tokens (Web)
Addition of tokens to support border radius and border color styling.
Tag component design guidelines (Web)
Addition of best practices, accessibility, localization and related components to Tag web documentation.
Masonry component design guidelines (Web)
Addition of best practices, accessibility, localization and related components to Masonry web documentation.
ButtonGroup component design guidelines (Web)
Addition of best practices, accessibility, localization and related components to ButtonGroup web documentation.
Help/guidance pattern guidelines
Publish best practices for providing in-product contextual help and guidance using Gestalt.
Form autofix (Web)
Develop a lint rule to automatically convert <form> instances to our upcoming <Form> component
Box duplicate props autofix (Web)
Develop a lint rule to automatically combine props on Box where possible.
Testing helpers library (Web)
Develop infrastructure to support Gestalt component integration testing in Cypress.