v0.3.0
Minor Changes
-
a7bf591: Restyle to Material Design 3. Colors, type, shape, elevation and motion now come from
--md-sys-*tokens, and each one falls back to the pre-MD3--color-*name. Hardcoded brand colors andfilter: brightness()are gone, so components follow the theme in both light and dark.Interaction
- Hover, focus and press show a translucent layer of the content color.
- Interactive controls get a
:focus-visiblering. - Small controls get a 48px touch target without changing their drawn size.
Props and component sizes are unchanged.
Visible changes
- Buttons are pill-shaped.
- Text fields are outlined with a transparent fill.
- FormField labels use body-small type.
- Tooltips and toasts use the inverse surface.
- Modal has no outline and 28px corners.
- The hero headline is display-medium at regular weight.
- Sidebar and NavItem no longer read cms-admin's
--admin-sidebar-*variables.
Fixes: these never matched and now work:
- The NavItem active state.
- Spinner sizes.
- Button icon-only widths.
- Table row dividers.
Specificity: modifier styles now use
.BHT__X--mod.BHT__X(0-2-0). A single-classclassNameoverride of a modifier-controlled property needs matching specificity to win. -
a7bf591: Add an
xl(2.5rem) size toIcon.Breaking for EmptyState icons:
EmptyStateno longer resizes the SVG you pass asicon. Pass<Icon size="xl" />to keep the previous 2.5rem size.