v4 beta checklist

[J-Sek]

Checklist for the core team.

• Check out the fixed issue
• Add new if needed
• Prefer discussion on Discord

CSS Reset

• headings needs my-0 or mt-0 in 33 files in docs/examples - lookup by regex <h\d
• .blockquote gets duplicated indent from native element - see content.md
• <figure> in Figure.vue

Layers

• material and theme colors cannot override styles generated for color="#26c6da" (see misc-twitter-card.vue)
  • fix(theme): override automatic text color with classes #22475
  • text-white is redundant in this example anyway, color="#26c6da" already has white text in v3
• .border-sm overrides color from .border-success (see border/card.vue)
  • fix(theme): override automatic text color with classes #22475
• .v-theme--light overrides variable from .border-opacity-100 (see border/card.vue)
  • Do we want theme to override helpers or not?? Does theme.base actually need to be in another layer below utilities.helpers?
  • 2690877

Elevation

• align FABs elevation with MD3 spec
• elevation-overlay class (for dark mode)

Typography

• needs agreement: CSS-in-JS over Sass
  • alternative PR keeping Sass
• needs redone migration
• (docs) text-and-typography.md » breakpoints and usage examples need to be reworked
• (docs) layers.md should include typography
• MD1 and MD2 blueprints need uppercase for buttons

Bugs

• minor bug in v-number-input/prop-hide-input.vue
• (docs) components/bottom-navigation » usage demo does not show up
• (docs) Flex align content (examples need to be combined into one)

Docs

• (sidebar) we should probably drop most of the "new" indicators (green dots)
• Upgrade guide
  • needs minor editorial tweaks
  • breakpoints are not mentioned
  • extended section about CSS reset
• point to v4 in (Contributing » Choosing a base branch)
• docs: create new homepage #22225