Skip to content

material 3.0.3

Choose a tag to compare

@github-actions github-actions released this 05 Oct 04:35
· 236 commits to main since this release
17bd9b6

Fixed

  • A selected toggle icon button inside a toolbar keeps its round shape.
    A standalone toggle morphs round to square when selected (icon buttons specs),
    and toolbar items inherited that morph, so the selected Bold of a formatting
    toolbar turned a rounded square — a shape the toolbars specs warn against in
    the floating container. Selection inside a toolbar is shown by colour roles
    alone (the toolbar token set has no item shape tokens), so the round radius
    now stays in every state. Extending that to the pressed state — and to docked
    as well as floating toolbars — is this library's choice (round stays round),
    not something the specs ask for. The pin is each item's own resting radius,
    on the bar's direct items only, whatever the tag prefix the elements were
    registered under — the toolbar's sheet matches the marker attribute every
    icon-button host of this library carries. The radius is right at first
    paint on the paths the checks cover: elements created in the browser,
    renderElement() output, and the server render of the React, Vue, Svelte
    and Solid adapters, which all write the marker into their markup. Marker-less
    markup still pins under the default m- prefix, where the sheet can spell
    the tag. Standalone toggles, square buttons, the overflow menu's content and
    explicit --mtrl-button-shape-* overrides are unchanged.

  • An internal marker attribute, data-mtrl-icon-button, now appears on icon buttons; it carries no public API.


npm: material@3.0.3 · Docs: md3.io · Full history: CHANGELOG.md

The history before 3.0.0 was developed in floor/mtrl; #numbers in commit subjects before 3.0.0 refer to pull requests there.