M3 conversion

[arriolac]

Opening on behalf of @MagicalMeghan

[florina-muntenescu]

One comment otherwise lgtm but would like @JolandaVerhoef to review as well

[JolandaVerhoef]

The implementation looks good given you're trying to copy the Figma design. However, some of the changes mean that the codelab explanation will become more complex. For example, you're often overriding the default color or style of elements, where we weren't doing that before. That might make it hard to explain these additions in the codelab text.

You might want to check with our designer if they had a solid reason to override these values, or if this was an unintended side-effect of the migration of the design.

Also, adding the spacers instead of using the paddingFromBaseline might break some of our explanations. For example, at the top of https://developer.android.com/codelabs/jetpack-compose-layouts#8 you can see that we previously used a baseline-based spacing. In the new Figma file, it looks like this has been replaced with spacers between elements. That will make it much harder to update the codelab text, so you might want to consider double checking this with the designer.