Gestalt 2022 roadmap

Creation of a baseline component to support side navigation layout patterns.

Update Link component to support external indicator and more accessible styling.

Creation of a baseline set of illustrations that cover high-frequency product states (e.g., Error, Success, Empty).

Development of a mobile-specific treatment of the Modal component.

Develop functionality to unlock device-specific UI in Gestalt.

Develop functionality to allow for generic logic to be added on component interaction.

Update of the Gestalt docs site’s information architecture to support pattern guidelines and mobile component documentation.

Addition of best practices, accessibility, localization and related components to Button mobile documentation.

Addition of best practices, accessibility, localization and related components to IconButton mobile documentation.

Addition of best practices, accessibility, localization and related components to Modal/Sheet mobile documentation.

Addition of best practices, accessibility, localization and related components to Link web documentation.

Addition of best practices, accessibility, localization and related components to Tabs mobile documentation.

Addition of best practices, accessibility, localization and related components to Avatar mobile documentation.

Publish guidelines and best practices for typographic treatment within Gestalt.

Provide detailed info on the status and health of each component in the Gestalt docs.

Ship visual diff tests for all Gestalt components to guard against UI regressions.

Creation of a component to provide contextual information for elements within a layout.

Addition of a component to encapuslate and structure form elements in a layout.

Providing the ability in form components to add an InfoButton to provide contextual help.

Built-in animation capabilities within Gestalt to support high-frequency UI transitions within the product.

Pilot component for supporting selection of multiple items in a dropdown context.

Pilot component for paginating through content.

Development of a mobile-specific treatment of the Popover component.

Development of a mobile-specific treatment of the Dropdown component.

Visual updates to the Button component on the Web platform.

Development of the Button component for Android and iOS.

Development of the IconButton component for Android and iOS.

Development of the Icon component for Android.

Development of the Avatar component for Android.

Create new component to create accessible Radio button groups in forms, deprecate singular RadioButton.

Develop general technical improvements to Masonry.

Addition of tokens to support border radius and border color styling.

Addition of tokens to support opacity styling.

Addition of best practices, accessibility, localization and related components to Tag web documentation.

Addition of best practices, accessibility, localization and related components to Masonry web documentation.

Addition of best practices, accessibility, localization and related components to Heading web documentation.

Addition of best practices, accessibility, localization and related components to Text web documentation.

Addition of best practices, accessibility, localization and related components to Popover mobile documentation.

Addition of best practices, accessibility, localization and related components to Toast mobile documentation.

Addition of best practices, accessibility, localization and related components to Icon mobile documentation.

Addition of best practices, accessibility, localization and related components to Toast web documentation.

Addition of best practices, accessibility, localization and related components to RadioGroup web documentation.

Addition of best practices, accessibility, localization and related components to Switch web documentation.

Addition of best practices, accessibility, localization and related components to ButtonGroup web documentation.

Publish best practices for providing in-product contextual help and guidance using Gestalt.

Publish guidelines on appropriate usage of iconography with Gestalt.

Develop a lint rule to automatically convert <form>​ instances to our upcoming <Form>​ component

Develop a lint rule to automatically combine props on Box where possible.

Develop infrastructure to support Gestalt component integration testing in Cypress.

Expanding on Badge to include additional colors and states.

Adjustments to the existing PageHeader component to be more compatible with product needs.

Addition of tokens to support the styling of elevated elements within a layout.

Provide a visual component overview within the Gestalt docs to make finding components faster/easier.

Publish and maintain a public roadmap for Gestalt development.

Development of usage guidelines and best practices for usage of elevation within Gestalt.

Addition of best practices, accessibility, localization and related components to Status web documentation.

Addition of best practices, accessibility, localization and related components to Datapoint web documentation.

Addition of best practices, accessibility, localization and related components to Badge web documentation.

Publish guidelines and best practices for utilizing color within Gestalt.

Publish guidelines for designing for dark mode using Gestalt.

Addition of best practices, accessibility, localization and related components to Checkbox web documentation.

Addition of best practices, accessibility, localization and related components to TextArea web documentation.

Develop a generic codemod to automatically rename components of Gestalt component instances.

Develop a generic codemod to automatically change prop names of Gestalt component instances.

Develop a generic codemod to automatically change prop values of Gestalt component instances.

Develop a generic codemod to automatically detect specific Gestalt component instances for manual modification.