v0.4.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 a
scrollableBodyprop toCard, and fix selectors that never matched.- New prop:
scrollableBodykeeps the header fixed and scrolls only the body when the card has a bounded height. - Modal and Drawer now use
scrollableBodyinstead of styling Card's internal classes. - Fix: Card's
paddingprop and its interactive-body styles now apply. Their selectors were missing theBHT__prefix and matched nothing. - Fix: Modal bodies now scroll.
- Fix: Drawer's left/right and top/bottom panel sizing now applies.
If your app patched these bugs itself (for example with
.BHT__Card--padding-md .BHT__Card__body-paddingoverrides), those patches are no longer needed after upgrading. - New prop: