diff --git a/docs/roadmap.md b/docs/roadmap.md index 714df503a..d432414ec 100644 --- a/docs/roadmap.md +++ b/docs/roadmap.md @@ -10,75 +10,117 @@ order: 3 -This roadmap outlines the current and future goals for Material Web Components. +This roadmap describes current, future, and past goals for Material Web +Components. -* 💤 Not started -* 🟡 In progress -* ✅ Complete +## Current -## Cards and more | Q4 2023 +### Build new components -_What that the team is currently working on._ +*Planned for 2024* -* Components - * 🟡 Card - * 💤 Segmented button -* Features - * 💤 Support more screen readers - * 💤 Prevent event default behavior - * 🟡 Size tracking - * 💤 Performance improvements - * 🟡 Docs and examples +One of our core goals is to provide Material Design components for the web. +These are the components we are currently working on. -## Planned +* Card +* Navigation drawer +* Snackbar -_What that the team is planning to work on after the current goal._ +### Expand Material Design tokens -* Components - * 💤 Navigation drawer - * 💤 Snackbar - * 💤 Tooltip -* Features - * 💤 Catalog - * 💤 Spacing tokens - * 💤 Density - * 💤 SSR +*Planned for Q1 2024* + +We are adding shape and motion system tokens to support building expressive +Material experiences. + +We also want to make it easier to use Material Design tokens, such as applying +Material typescale, shape, and color to your own components. + +### Create TSX components + +*Planned for Q1 2024* + +[TSX](https://www.typescriptlang.org/docs/handbook/jsx.html) is a popular +language extension for frameworks like [React](https://reactjs.org/). We want to +make it easier and more seamless to use Material Web Components in TSX. + +### Follow accessibility best practices + +*Planned for Q2 2024* + +Everyone should be able to access and enjoy the web. We want our components to +help others build accessible experiences. + +We are working on supporting all of the following screen readers: + +* VoiceOver +* Talkback +* ChromeVox +* JAWS +* NVDA + +### Explore Material Design layouts + +*Planned for Q4 2024* + +Components are only part of the story to build fully expressive Material Design +applications. We want to explore ways to support building applications that +follow +[Material's layout patterns](https://m3.material.io/foundations/layout/understanding-layout/overview). ## Future -_What is not yet organized into a planned goal._ +### Planned new components + +These are components we want to build next. + +* Autocomplete +* Badge +* Banner +* Bottom app bar +* Bottom sheet +* Data table +* Date picker +* Navigation bar +* Navigation rail +* Search +* Segmented button +* Time picker +* Top app bar +* Tooltip + +### Density and spacing tokens + +Density allows components to take up less vertical space for larger displays. +While we have some spacing tokens already, we need a comprehensive spacing +system to fully support density across components. + +## Past + +### Cards and more + +*Completed in Q4 2023* * Components - * 💤 Autocomplete - * 💤 Badge - * 💤 Banner - * 💤 Bottom app bar - * 💤 Bottom sheet - * 💤 Data table - * 💤 Date picker - * 💤 Navigation bar - * 💤 Navigation rail - * 💤 Search - * 💤 Time picker - * 💤 Top app bar + * ✅ + [Card preview](https://github.com/material-components/material-web/tree/c9360e2310dee2896592649f8a8f9b03e2737bf2/labs/card) * Features - * 💤 Motion theming - * 💤 Shape theming - * 💤 Typescript-based theming - * 💤 Side-effect free imports + * 🟡 Prevent event default behavior + * *We fixed lots of bugs, but there's still ways we can improve.* + * ✅ + [Size tracking](https://github.com/material-components/material-web/blob/c9360e2310dee2896592649f8a8f9b03e2737bf2/docs/size.md) + * ✅ [Docs and examples](https://material-web.dev/) -## Complete +### Material 1.0 -_Completed goals and releases._ - -### Material 1.0 | Sep 2023 +*Completed in Q3 2023* * Features * ✅ Color theming