@@ -10,75 +10,117 @@ order: 3
1010
1111<!-- *
1212# Document freshness: For more information, see go/fresh-source.
13- freshness: { owner: 'lizmitchell' reviewed: '2023-09-11 ' }
13+ freshness: { owner: 'lizmitchell' reviewed: '2024-01-19 ' }
1414*-->
1515
1616<!-- [TOC] -->
1717
18- This roadmap outlines the current and future goals for Material Web Components.
18+ This roadmap describes current, future, and past goals for Material Web
19+ Components.
1920
2021<!-- #include file="../googlers/roadmap.md" -->
2122
22- * π€ Not started
23- * π‘ In progress
24- * β
Complete
23+ ## Current
2524
26- ## Cards and more | Q4 2023
25+ ### Build new components
2726
28- _ What that the team is currently working on. _
27+ * Planned for 2024 *
2928
30- * Components
31- * π‘ Card
32- * π€ Segmented button
33- * Features
34- * π€ Support more screen readers
35- * π€ Prevent event default behavior
36- * π‘ Size tracking
37- * π€ Performance improvements
38- * π‘ Docs and examples
29+ One of our core goals is to provide Material Design components for the web.
30+ These are the components we are currently working on.
3931
40- ## Planned
32+ * Card
33+ * Navigation drawer
34+ * Snackbar
4135
42- _ What that the team is planning to work on after the current goal. _
36+ ### Expand Material Design tokens
4337
44- * Components
45- * π€ Navigation drawer
46- * π€ Snackbar
47- * π€ Tooltip
48- * Features
49- * π€ Catalog
50- * π€ Spacing tokens
51- * π€ Density
52- * π€ SSR
38+ * Planned for Q1 2024*
39+
40+ We are adding shape and motion system tokens to support building expressive
41+ Material experiences.
42+
43+ We also want to make it easier to use Material Design tokens, such as applying
44+ Material typescale, shape, and color to your own components.
45+
46+ ### Create TSX components
47+
48+ * Planned for Q1 2024*
49+
50+ [ TSX] ( https://www.typescriptlang.org/docs/handbook/jsx.html ) is a popular
51+ language extension for frameworks like [ React] ( https://reactjs.org/ ) . We want to
52+ make it easier and more seamless to use Material Web Components in TSX.
53+
54+ ### Follow accessibility best practices
55+
56+ * Planned for Q2 2024*
57+
58+ Everyone should be able to access and enjoy the web. We want our components to
59+ help others build accessible experiences.
60+
61+ We are working on supporting all of the following screen readers:
62+
63+ * VoiceOver
64+ * Talkback
65+ * ChromeVox
66+ * JAWS
67+ * NVDA
68+
69+ ### Explore Material Design layouts
70+
71+ * Planned for Q4 2024*
72+
73+ Components are only part of the story to build fully expressive Material Design
74+ applications. We want to explore ways to support building applications that
75+ follow
76+ [ Material's layout patterns] ( https://m3.material.io/foundations/layout/understanding-layout/overview ) .
5377
5478## Future
5579
56- _ What is not yet organized into a planned goal._
80+ ### Planned new components
81+
82+ These are components we want to build next.
83+
84+ * Autocomplete
85+ * Badge
86+ * Banner
87+ * Bottom app bar
88+ * Bottom sheet
89+ * Data table
90+ * Date picker
91+ * Navigation bar
92+ * Navigation rail
93+ * Search
94+ * Segmented button
95+ * Time picker
96+ * Top app bar
97+ * Tooltip
98+
99+ ### Density and spacing tokens
100+
101+ Density allows components to take up less vertical space for larger displays.
102+ While we have some spacing tokens already, we need a comprehensive spacing
103+ system to fully support density across components.
104+
105+ ## Past
106+
107+ ### Cards and more
108+
109+ * Completed in Q4 2023*
57110
58111* Components
59- * π€ Autocomplete
60- * π€ Badge
61- * π€ Banner
62- * π€ Bottom app bar
63- * π€ Bottom sheet
64- * π€ Data table
65- * π€ Date picker
66- * π€ Navigation bar
67- * π€ Navigation rail
68- * π€ Search
69- * π€ Time picker
70- * π€ Top app bar
112+ * β
113+ [ Card preview] ( https://github.com/material-components/material-web/tree/c9360e2310dee2896592649f8a8f9b03e2737bf2/labs/card )
71114* Features
72- * π€ Motion theming
73- * π€ Shape theming
74- * π€ Typescript-based theming
75- * π€ Side-effect free imports
76-
77- ## Complete
115+ * π‘ Prevent event default behavior
116+ * * We fixed lots of bugs, but there's still ways we can improve.*
117+ * β
118+ [ Size tracking] ( https://github.com/material-components/material-web/blob/c9360e2310dee2896592649f8a8f9b03e2737bf2/docs/size.md )
119+ * β
[ Docs and examples] ( https://material-web.dev/ )
78120
79- _ Completed goals and releases. _
121+ ### Material 1.0
80122
81- ### Material 1.0 | Sep 2023
123+ * Completed in Q3 2023*
82124
83125* Features
84126 * β
Color theming
0 commit comments