Skip to content

Releases: material-components/material-web

v1.1.0

13 Dec 22:12
Compare
Choose a tag to compare

1.1.0 (2023-12-12)

Features

  • chips: add filter chip selected-icon slot to customize checkmark (89b4c2e)
  • chips: add tokens to customize padding (c9e8de0)
  • chip: trailing remove icon can now be customized (b44b90c)
  • chip: trailing remove icon can now be customized (49a6be1)
  • chip: trailing remove icon can now be customized (76883cd)
  • menu,select: allow menu and select typeahead to read default slot text content (af49b64)
  • menu: add document-level positioning (2b591ca), closes #5120
  • menu: add popover functionality (7859b39), closes #2023 #5120
  • radio: add required constraint validation (b5686ea), closes #4316
  • select: match menu width to select and introduce clamp-menu-width (a5a40b6)
  • switch: add slot icons (9255be1)

Bug Fixes

  • 5182: dialog icon padding error (257e9c6)
  • add @material/web@nightly publishes (91c1221)
  • behaviors: add focusable behavior to labs (d1ef1fe)
  • behaviors: validation not reporting when form tries to submit (c53a419)
  • button: allow overriding cursor using CSS (798f5ae)
  • button: allow overriding min-width and user-select (1852238)
  • button: allow overriding padding and gap (5bb4a42)
  • button: don't show overflowing labels (8dcb3f6)
  • button: height increases when label wraps (7cd657b)
  • button: labels not truncating, add support for multiline with text-wrap: wrap (5d964ad)
  • button: sometimes submits form even when click listener prevents default (9e3f080), closes #5032
  • checkbox: checked and indeterminate not updated during input event (e78a52f)
  • chip: disabled attribute prevents click event. (2dba006)
  • chip: disabled attribute prevents click event. (d501ddd)
  • chip: make tap highlight transparent (c3bfbaa)
  • Circular progress isn't circular in flex column display (075119c)
  • docs: prepare docs generator for mixin version of lit analyzer (5e0000a)
  • fab: make tap highlight transparent (4e8053d)
  • filter-chip: reflect correct value on click event (0b4d4c2)
  • list-item: hide headline overflow and fix width. (4697407)
  • list-item: make tap highlight transparent (cca0789)
  • menu: declare popover API types (bf8d3f6)
  • menu: declare popover property type on HTMLElement (3d8c7ac)
  • menu: escape not closing menus with submenus (bd88880)
  • menu: shift tab into anchor closes menu (c4cbd36)
  • progress: allow linear progress to fill flex containers (a450e42), closes #5042
  • segmented-button: make tap highlight transparent (e4728bd)
  • select,textfield: native form validation shows error state (6b5ab21)
  • select: focus() delegates properly, focus on reporting validity (897d977)
  • select: form failure no longer throws non-focusable error (a5a6974), closes #5078
  • select: select menu render is over most stacking contexts with popover (a2b3204)
  • tabs: allow changing tab padding (dd005df)
  • tabs: fields intended to be accessed from templates must be exported (b7be1cb)
  • text-field: wrap text in textarea (4fce487)

v1.0.1

19 Oct 22:34
Compare
Choose a tag to compare

1.0.1 (2023-10-18)

Bug Fixes

  • catalog: align one liners to center (fbc1fa6)
  • catalog: center items in blockquotes (5235b3e)
  • checkbox: cursor should be pointer when not disabled (18fe451), closes #5079
  • fab: cursor should be pointer (5280c6e), closes #5017
  • list: list items will not escape their parent when parent width is restricted (4b00a95)
  • list: show pointer cursor for button list items (16480d0), closes #5045
  • md-item: exclude start slot from hidden overflow (5607059)
  • md-item: exclude start slot from hidden overflow (e087141)
  • menu,select: enter clicks href items (8ae8c02)
  • menu: fix menu item fade in order animation (73eb15e), closes #5014
  • menu: fix menu OOB from resizing window (863109e), closes #5063
  • menu: fix menu tapping behaviors on iOS and do not close on anchor click (8bbb4b4)
  • menu: fix submenu SSR left keyboard close navigation (d6f7220)
  • radio: cursor should be pointer except when disabled (7779987)
  • select: cursor on select options should be pointer (ff250dc), closes #5066
  • slider: slider knob has size to drag on ios safari (6298cd2), closes #5016
  • switch: cursor should be pointer except when disabled (9a3ff28), closes #5075
  • tabs: revert isTab check so it is possible to create your own tab (db3c865)
  • tabs: revert isTab check so it is possible to create your own tab (e10186e)
  • tabs: use md-tab attribute to brand individual tab children (8ec0813)
  • textfield: calling focus on textfield with a leading icon focuses the input (8f999d4)
  • textfield: forward the multiple field to the native input (03e5a7e), closes #5064
  • textfield: missing focused left border for textarea in HCM (9194cc9)
  • tabs: use md-tab attribute to brand individual tab children

Reverts

  • fix(tabs)!: use md-tab attribute to brand individual tab children (d1f3887)
  • pardon the mess, "use md-tab attribute to brand individual tab children" is not a breaking change (43af3ba)

v1.0.0

26 Sep 21:57
Compare
Choose a tag to compare

1.0.0 (2023-09-26)

⚠ BREAKING CHANGES

  • list: the new ListController behavior no longer waits for event.preventDefault asynchronously because it was causing keyboard navigations to scroll the page.
  • list: <md-list-item> now uses slots instead of properties and has removed many prescriptive items (such as avatar, image, and video items). The default slot can be used for any custom content. html <md-list-item> <div slot="overline">OVERLINE</div> <div slot="headline">First line</div> <div slot="supporting-text">Second+ lines</div> <div slot="trailing-supporting-text">Trailing</div> <md-icon slot="start">star</md-icon> <md-icon slot="end">star</md-icon> </md-list-item> Add type="button" or type="link" for interactive list items.
  • menu: Several enums in menu had their values changed from SCREAM_CASE to kebab-case to follow style guide. They are NAVIGABLE_KEYS -> NavigableKey, SELECTION_KEY -> SelectionKey, CLOSE_REASON -> CloseReason, KEYDOWN_CLOSE_KEY -> KeydownCloseKey
  • menu,select: refactor fixed property to positioning="fixed" in Menu and menuFixed to menuPositioning="fixed"
  • menu: This change refactors menu-item to no longer subclass or import from list-item. It also refactors it to use md-item directly which means that the API of menu item has moved from properties to slots. start-* and end-* slots are now just start and end, many tokens are now gone in favor of slotting. headline property is now a slot="headline" slot. Typeahead search text can now be set via typeaheadText which defaults to the slotted headline textContent. select-option now has the displayText which is used to display text in the md-select when the option is selected; defaults to the slotted headline textContent.
  • menu: We have deleted md-sub-menu-item. Instead it is recommended to use md-sub-menu which can have md-menu-item[slot=item] and md-menu[slot=menu] slotted into it. This makes sub-menu-item accessible for screen readers using linear navigation
  • menu: Menu no longer uses md-list internally which means the list-related properties such as list-tabindex and type should now be on the host of md-menu. The new attributes should be tabindex and role respectively.
  • iconbutton: Replace container-size tokens with container-width and container-height.
  • list: the noninteractive property has been replaced by the interactive property, and by default, a list-item will no longer show a ripple or focus ring. What to change:
    • To preserve prior default behavior, add the interactive attribute explicitly.
    • Any setting of a truthy noninteractive attribute or property can be removed as it's the new default behavior.
  • menu: rename corner and focus state values lowercase with dashes
  • chips: chips now follow the aria toolbar pattern. Chip sets are toolbars and chips are buttons or links. Filter chips are toggle buttons. What to change:
    • Remove type attribute from <md-chip-set> (you can mix and match chip types!)
    • Remove single-select from <md-chip-set>. Use JS to control filter chips if single selection is required. Radio filter chips will come in a future update.
    • Disabled chips CAN be focused with the keyboard if always-focusable is set.
    • Filter chips no longer dispatch a "selected" event. Listen to "click" and use event.target.selected instead.
    • ArrowUp and ArrowDown no longer navigate between chips. These are reserved for chip actions, like dropdown menu chips.
  • list,menu,select: the data-variant=".." selectors in list-item and all variants have been removed in favor of their respective slots. e.g. a slotted icon of the form md-icon[slot=end][data-variant=icon] should now be md-icon[slot=end-icon].
  • menu: menu selected container color changed to secondary-container
  • list:
  • list: Aria and roles on List have been moved to the host element. list-tabindex attribute should be migrated to tabindex attribute. type attribute should be migrated to role attribute.
  • list,menu,select: removed active from list-item, menu-item, and select-option. Instead, List uses tabindex to track whether something is focusable.
  • select: option.selected no longer reflects. Set the attribute instead if relying on the attribute for styles/queries.
  • dialog: if overriding margin on a dialog's content, swap it to padding. If a dialog's slotted first or last child has built-in margin (such as <h3> or <p>), remove the top/bottom margin as needed (since margin swapped to padding, there's no more margin collapsing).
  • tabs: Rename the selected index property on md-tabs to activeTabIndex (active-tab-index attribute). Rename select-on-focus to auto-activate
  • typography: composite -type tokens are no longer supported. Use discrete -font, -size, -line-height, and -weight tokens instead.
  • tabs: replace label-text-type tokens with -font, -size, -line-height, and -weight
  • tabs: rename selected to active for primary and secondary tabs.
  • textfield: replace slot names leadingicon and trailingicon with leading-icon and trailing-icon
  • select: replace leadingicon and trailingicon slot names with leading-icon and trailing-icon
  • navigationtab: change slot names activeIcon and inactiveIcon to active-icon and inactive-icon

Features

  • chips: swap to toolbar a11y pattern (16bfac1)
  • iconbutton: update tokens to v0.192 (e8b5b29)
  • item: add &lt;md-item&gt; layout component (ffe4f79)
  • items: add &lt;md-item&gt; to @material/web/labs (b35212a)
  • list,menu,select: add slots for specific slotted variants (ed68995)
  • menu: create a Menu interface for easier md-menu wrapping (5fad4f0)
  • menu: do not close menu if anchor is clicked (c7c276f)
  • menu: implement md-sub-menu (54fbb2e)
  • menu: menus will resize and flip corners to stay in viewport (235a203)
  • menu: update tokens to v0.192 (94b5c81)
  • select: add required and form association (4ad2336), closes #4903
  • tabs: add tabs property to retrieve tab elements (bf48fc3)
  • typography: add typography Sass APIs (8e480de)

Bug Fixes

  • aria polyfill overrides user values and user values override internals values (8aa4faf)
  • catalog: remove TODO from home page (af27ff8)
  • dialog: change content margin to padding (8613fe6)
  • dialog: not delegating focus in closure (375b766)
  • iconbutton: allow prevent default click for toggles (ed539c6), closes #4857
  • iconbutton: fix HCM disabled opacity and outlined (1163315)
  • linearprogress: linear progress buffer dots now visible in HCM (70bfea8)
  • list,menu: clicking items in a list followed by keyboard nav functions as expected (af171df)
  • list,menu: list items left right keyboard navigation (fad6104)
  • list: list items are now noninteractive by default (3b5cbc4)
  • list: text items are no longer tabbable, links cannot be disabled (54c4ddb)
  • list: update tokens to 0.192 ([58539b1](58539b1...
Read more

v1.0.0-pre.17

06 Sep 20:34
Compare
Choose a tag to compare

1.0.0-pre.17 (2023-09-06)

⚠ BREAKING CHANGES

  • slider: replace label-text-type tokens with -font, -size, -line-height, and -weight. Additionally, rename label-label-* tokens to a single label-*
  • list: replace *-type font tokens with -font, -size, -line-height, and -weight
  • chips: replace label-text-type tokens with label-text-font, -size, -line-height, and -weight
  • text-field,select: replace *-type font tokens with -font, -size, -line-height, and -weight
  • fab: replace label-text-type tokens with -font, -size, -line-height, and -weight
  • dialogs: replace headline-text-type and supporting-text-type tokens with -font, -size, -line-height, and -weight
  • button: replace label-text-type tokens with label-text-font, -size, -line-height, and -weight
  • circularprogress: make default width 4px
  • textfield: The field component must add the resizable attribute rather than using CSS. CSS resize can still customize the direction (defaults to both).
  • list,menu,select: menu harnesses will not automatically open menus in quick mode anymore and interactions in menu and list harnesses will not automatically go to the first item but rather the menu roots.
  • iconbutton: change slot="selectedIcon" to slot="selected" for toggle icon buttons.
  • tabs: secondary tabs always have inline icons
  • tabs: remove variant attributes and change md-tab to md-primary-tab, or md-secondary-tab if using `variant="secondary"
  • menu: allow anchoring with idref string and set element ref on anchorElement
  • tokens: Change "radio-button" and "progress-indicator" Sass token APIs to "radio" and "progress". This matches the tag names of their components.
  • tabs: Remove --md-*tab-divider tokens and use md-tabs::part(divider) and --md-divider-* tokens
  • tabs: tabs cannot be disabled per spec. If disabled tabs are required, use pointer-events: none and CSS to style them.
  • iconbutton: change visibility of willUpdate to protected

Features

  • color: add color folder for md-sys-color theming APIs (cdd9b26)
  • color: add color folder for md-sys-color theming APIs (87af9aa)
  • focus,ripple: allow setting element.control = elementRef (1e7aff5)
  • menu: allow anchoring with idref string and set element ref on anchorElement (5ba348d)
  • select: dispatch select-(open|close)(ing|ed) events (1a1fb93), closes #4798
  • switch: add required and form validity (9694191)

Bug Fixes

  • add aria-hidden="true" to ripple, focus ring, and elevation (2295f12)
  • badge: center align value text (cc195a9)
  • button: remove font shorthand tokens (8894c20)
  • button: update demos to fix a11y (4b61e8d)
  • chips: apply cursor styling (9389e26)
  • chips: linear navigation not working in VoiceOver (dfc87f3)
  • chips: remove font shorthand tokens (87ad1da)
  • circularprogress: make default width 4px (c864d3b)
  • dialog, select: allow fixed selects to render correctly in dialogs (d6aa6b2)
  • dialog: content not displaying on Safari (9b7647b), closes #4728
  • dialog: not showing if opened before connected (d25c5e9), closes #4728
  • dialogs: remove font shorthand tokens (81e11e0)
  • fab: remove font shorthand tokens (f77ee36)
  • iconbutton: change visibility of willUpdate to protected (dffff2d)
  • iconbutton: rename selectedIcon slot to selected (9647f5e)
  • iconbutton: update demos to fix a11y (a9091fe)
  • labs: remove font shorthand tokens (acd40a2)
  • list,menu: restrict type to only supported aria roles (32a8c44)
  • list: remove font shorthand tokens (ca2cd56)
  • list: remove internal md3-* class prefix (641142d)
  • menu,list,select: do not stopPropagation on native events when handled only prevent default (b85b57f)
  • radio: make host radio role to fix a11y (0711f8c)
  • ripple and focus ring not centered in Safari (0e8afc0)
  • select, menu: allow item selection while animation is running in non-overflow contexts (b905807)
  • select: announce typeahead selection when select is closed (2c892c4)
  • slider: display tick marks when forced-colors is active (2f9cc20)
  • slider: remove font shorthand tokens (6988a49)
  • tabs: add nocollapse so isTab doesn't get minified (17ddcd3)
  • tabs: incorrect layout and primary indicator width (0467c48)
  • tabs: make indicator animation faster (b542d2a)
  • tabs: remove disabled tabs (d18db2a)
  • tabs: remove divider tokens in favor of md-divider (13690a3)
  • tabs: secondary tabs always have inline icons (6b2955b)
  • tabs: split md-tab into md-primary-tab and md-secondary-tab (5b13b5c)
  • tabs: use instanceof to check for a Tab (58497f1)
  • testing: harness not applying :active to parents (327eeaf)
  • testing: remove font shorthand tokens (01a99a5)
  • text-field,select: remove font shorthand tokens (0c5a2a2)
  • textfield: don't transition colors when disabling (11cc472)
  • textfield: line br...
Read more

v1.0.0-pre.16

22 Aug 00:00
Compare
Choose a tag to compare

1.0.0-pre.16 (2023-08-21)

⚠ BREAKING CHANGES

  • list-item: remove duplicate list-item menu-item from custom prop names

Features

  • fab: do not require has-icon (156ca3c)
  • iconbutton: add touch target configs (0862c58)
  • list: change default host display to flex so max-width can be set without user setting display (aa3fe3d)
  • switch: add touch target configs (8bad07b)
  • tab: add logical container shape tokens (dbed51c)
  • textfield: support inputmode attribute (5d0cbf5)

Bug Fixes

  • button: href and target default value is now an empty string (d665864)
  • button: add value to form when submitting (f23fac1), closes #4526
  • button: incorrect HCM colors (b144227)
  • checkbox: not working after formAssociated changes (33803ab), closes #4747
  • chips: avatar input chips are rounded by default (b7671fb)
  • chips: make forced-color border color explicit (cd8f2fc)
  • chips: per spec, trailing focus rings are always circles (fc9b945)
  • elevation: don't transition border-radius (7d616fa)
  • iconbutton: make target type stricter (c874cd5)
  • iconbutton: rename selectedAriaLabel to ariaLabelSelected along with attribute (2bbab09)
  • icon: don't allow user text selection by default (53aab28)
  • list: use margin over padding on slotted content and fix extraneous spacing (1530aca)
  • menu: make overriding default styles less likely (626b4ef)
  • progress: incorrect HCM colors (f39da54)
  • slider: fix accessibility issues (e836dc3)
  • slider: focus ring too small (8942568)
  • switch: unselected handle too big with selected icon only (ecf83a0)
  • textfield: add form validity support (a167cab), closes #4435
  • textfield: focus indicator and outline are 3px (bbb7840)

Miscellaneous Chores

Code Refactoring

  • list-item: remove duplicate list-item menu-item from custom prop names (2d9352e)

v1.0.0-pre.15

10 Aug 23:55
Compare
Choose a tag to compare

1.0.0-pre.15 (2023-08-10)

⚠ BREAKING CHANGES

  • dialog: See https://github.com/material-components/material-web/discussions/4675 for more details.
  • fab: Replace reduced-touch-target with touch-target="none"
  • checkbox: Checkbox's size is now smaller by default. Add margin or touch-target="wrapper" to increase it to the previous size.
  • radio: Radio's size is now smaller by default. Add margin or touch-target="wrapper" to increase it to the previous size.
  • dialog: Fullscreen dialogs weren't matching spec, so we're removing them for now to avoid future breaking changes. They will be re-added later.
  • list,menu: list-item-link and menu-item-link have been removed and their functionality has been added to menu-item and list-item respectively.
  • dialog: use autofocus attribute instead of dialog-focus
  • dialog: Use dialog.open, dialog.show(), and dialog.close() instead.
  • dialog: dialog actions can set their own layout with a container element.
  • dialog: Material dialogs are always modal.
  • select: select will now show an arrow indicator and will apply default styles to slotted icons
  • icon: Remove css custom properties from icon and prefer applying normal css properties on host except for font-family.
  • menu: subclassing events is not supported in ES5 so all menu-related events now use CustomEvent rather than subclassing Event
  • button: Buttons submit forms by default, like <button>. Add type="button" to not submit forms.
  • checkbox: Design is still exploring error-state checkboxes. If needed, theme with an error color and set aria-invalid.
  • iconbutton: Remove "unselected" from --md-*-icon-button-* custom properties.
  • button: Rename "md-tonal-button" elements, imports, and tokens to "md-filled-tonal-button"
  • iconbutton: rename to
  • dialog: remove transitions
  • dialog: remove content and divider tokens
  • dialog: remove transition and scrim tokens
  • switch: Rename --md-switch-unselected-<token> to --md-switch-<token>
  • button: Rename --md-<button>-spacing-<token> to --md-<button>-<token>-space. Rename --md-<button>-with-icon-* to --md-<button>-with-leading-icon-*.
  • dialog: remove draggable
  • dialog: remove fullscreen tokens
  • radio: Rename --md-radio-unselected-<token> to --md-radio-<token>

Features

  • button: add touch target configs (1f46179)
  • checkbox: add required and form validity (5606eef)
  • checkbox: add touch target configurations (f574b00)
  • chips: add touch target configs (2300eb6)
  • fab: add touch target configurations (8588a3f)
  • icon: add aria-hidden true by default (08d50e2)
  • iconbutton: add form submission (c0da72b)
  • list,menu: add css shadow parts to sub components (65d04a3)
  • radio: add touch target configurations (7c461ca)

Bug Fixes

  • button: rename &lt;md-tonal-button&gt; to <md-filled-tonal-button> (cc26ef6)
  • button: rename spacing tokens (2329d2b)
  • button: type is submit by default (97f5b61)
  • checkbox: remove error property (ce248dc)
  • dialog: misspelled transition (fa103cb), closes #4638
  • dialog: remove content and divider tokens (5adbf73)
  • dialog: remove draggable (2568d4f)
  • dialog: remove fullscreen temporarily (39ae5a6)
  • dialog: remove fullscreen tokens (8b896e0)
  • dialog: remove modeless (d8ac9ce)
  • dialog: remove stacked (500472b)
  • dialog: remove toggleShow() (b992b15)
  • dialog: remove transition and scrim tokens (e581142)
  • dialog: remove transitions (2d1c580)
  • dialog: use autofocus attribute instead of dialog-focus (50fd2f3)
  • filter-chip: make click event preventDefault proof (041cb21)
  • filter-chip: move click event to inner button (22b5b21)
  • focus: allow --md-focus-ring-* cascading again (1fa5cf3)
  • icon-button: delegates focus (db2010d)
  • iconbutton: remove unselected token prefix (0a63c26)
  • iconbutton: rename <md-standard-icon-button> to (a117b06)
  • radio: remove "unselected" prefix from tokens (fb1c603)
  • segmentedbutton: add back container height token (db8be0a)
  • segmentedbutton: add back shape token (c148bf6)
  • select: add trailing icon indicator and fix icon token application (4ab2e39)
  • switch: remove unselected token prefix (3681b58)

Miscellaneous Chores

Code Refactoring

  • dialog: match native &lt;dialog&gt; and fix spacing (2996a8b)
  • icon: remove css custom props from icon and apply values directly on host (ff60a88)
  • list,menu: add href to (list|menu)-item and remove (menu|list)-item-link (09cb6da)
  • menu: events no longer subclass Event but rather use CustomEvent (043d548)

v1.0.0-pre.14

24 Jul 21:19
Compare
Choose a tag to compare

1.0.0-pre.14 (2023-07-24)

⚠ BREAKING CHANGES

  • Rename @material/web/<component>/lib to @material/web/<component>/internal. Prefer not using internal files.
  • focus: Change @material/web/focus/focus-ring.js to @material/web/focus/md-focus-ring.js.
  • menu: Rename @material/web/menu/lib to @material/web/menu/internal. Prefer not using internal files.
  • list: Rename @material/web/list/lib to @material/web/list/internal. Prefer not using internal files.
  • focus: Rename @material/web/focus/lib to @material/web/focus/internal. Prefer not using internal files.
  • icon: Rename @material/web/icon/lib to @material/web/icon/internal. Prefer not using internal files.
  • iconbutton: Rename @material/web/iconbutton/lib to @material/web/iconbutton/internal. Prefer not using internal files.
  • field: Rename @material/web/field/lib to @material/web/field/internal. Prefer not using internal files.
  • divider: Rename @material/web/divider/lib to @material/web/divider/internal. Prefer not using internal files.
  • chips: Rename @material/web/chips/lib to @material/web/chips/internal. Prefer not using internal files.
  • elevation: Rename @material/web/elevation/lib to @material/web/elevation/internal. Prefer not using internal files.
  • fab: Rename @material/web/fab/lib to @material/web/fab/internal. Prefer not using internal files.
  • dialog: Rename @material/web/dialog/lib to @material/web/dialog/internal. Prefer not using internal files.
  • checkbox: Rename @material/web/checkbox/lib to @material/web/checkbox/internal. Prefer not using internal files.
  • button: Rename @material/web/button/lib to @material/web/button/internal. Prefer not using internal files.
  • checkbox: Rename --md-checkbox-unselected-<token> to --md-checkbox-<token>
  • progress: rename progress property to value
  • progress: remove circular progress slots
  • focus: Set --md-focus-ring-* tokens directly on <md-focus-ring> elements. Focus rings are exposed with ::part(focus-ring).
  • linearprogress: remove linearprogress directory
  • circularprogress: remove circularprogress directory
  • field: remove resizable, use css resize: both
  • textfield: Rename --md-*-field-container-padding-vertical to --md-*-field-top-space and --md-*-field-bottom-space. Rename --md-filled-*-field-with-label-container-padding-vertical to --md-filled-*-field-with-label-top-space and --md-filled-*-field-with-label-bottom-space
  • textfield: Rename --md-*-field-container-padding-horizontal to --md-*-field-leading-space and --md-*-field-trailing-space
  • textfield: Rename --md-*-field-supporting-text-padding to --md-*-field-supporting-text-leading-space and --md-*-field-supporting-text-trailing-space. Rename --md-*-field-supporting-text-padding-top to --md-*-field-supporting-text-top-space
  • textfield: Rename --md-*-text-field-input-text-prefix-padding and --md-*-text-field-input-text-suffix-padding to --md-*-text-field-input-text-prefix-trailing-space and --md-*-text-field-input-text-suffix-leading-space

Features

  • add component convenience bundles (ae407b0)
  • all: expose focus-ring parts (243e231)
  • checkbox: dispatch input event (154861c)
  • progress: add max property (02a509b)
  • select: expose menu and field CSS shadow parts (c512808), closes #4291
  • textfield: add textarea type (ff2e089)

Bug Fixes

  • button: remove md3-* class prefixes (2dabbdc)
  • button: rename "lib" directory to "internal" (601ebb6)
  • checkbox: add a11y to demos (89b99a7)
  • checkbox: do not announce icon for screen readers (921f185)
  • checkbox: fix broken "lib" to "internal" sass import (2147af7)
  • checkbox: reduce forced-colors size (b5712f3)
  • checkbox: remove "unselected" prefix from tokens (66d7b8b)
  • checkbox: rename "lib" directory to "internal" (c4ac9f7)
  • checkbox: screen readers announce errors as invalid (ec02fe4)
  • chips: rename "lib" directory to "internal" (a8880f7)
  • circularprogress: remove circularprogress directory (48edec0)
  • dialog: rename "lib" directory to "internal" (aaa672b)
  • divider: rename "lib" directory to "internal" (7fc17c9)
  • elevation: rename "lib" directory to "internal" (0432e6d)
  • fab: rename "lib" directory to "internal" (5618b5e)
  • field: keep label in same spot when resizing (e1f8819)
  • field: move padding to slotted content (0ab5fd5)
  • field: remove resizable, use css resize: both (6734344)
  • field: rename "lib" directory to "internal" (dac3639)
  • field: use margin for textarea content (7fdd0c4)
  • focus: move --md-focus-ring tokens to host (f7eff48)
  • focus: rename "lib" directory to "internal" (77110d7)
  • focus: rename import to md-focus-ring.ts (d49f9b8)
  • iconbutton: rename "lib" directory to "internal" (38b1b69)
  • icon: rename "lib" directory to "internal" (21b7bec)
  • linearprogress: remove linearprogress directory (bac10a6)
  • list,menu,select: update layout tokens to latest values and fix targets (e9ef7ec)
  • list: rename "lib" directory to "internal" (c6e6f65)
  • menu: rename "lib" directory to "internal" (a8c2fa9)
  • progress: add shared class (75058ca)
  • progress: remove circular progress slots (aea4d5e)
  • progress: remove circular progress will-change CSS (0f7e881)
  • progress: rename progress property to value (a2b4f61)
  • progress: squash linearprogress and circular progress into progress (15df1d5)
  • progress: update circular demos ([c1aac11](https://github.com/material-components/material-web/c...
Read more

v1.0.0-pre.13

10 Jul 21:28
Compare
Choose a tag to compare

1.0.0-pre.13 (2023-07-10)

⚠ BREAKING CHANGES

  • segmentedbutton: remove with-* token prefixes
  • button: remove with-* prefix from tokens
  • dialog: remove with-icon prefix from with-icon-icon-color and with-icon-icon-size
  • textfield: remove autocomplete-specific features for now

Features

  • field: add supporting/error text logic (b4b3e67)

Bug Fixes

  • button: remove with-* prefix from tokens (25be982)
  • dialog: fire a change event when using arrow keys. (65d31a6)
  • dialog: fix two close icons in demo (dc0ac97)
  • dialog: remove with-icon prefix from with-icon-icon-color and with-icon-icon-size (1893e08)
  • dialog: use dialog-action and dialog-focus in demo (332836c)
  • segmentedbutton: remove with-* token prefixes (cc786d1)
  • supported tokens were not being verified (2922914)
  • tab: add closure conformance types (d80b7b5)
  • textfield: make label strict string type (6762b00)
  • textfield: remove autocomplete-specific features for now (8fee0a7)

Miscellaneous Chores

v1.0.0-pre.12

28 Jun 22:49
Compare
Choose a tag to compare

1.0.0-pre.12 (2023-06-28)

⚠ BREAKING CHANGES

  • button: remove unnecessary property preventClickDefault
  • slider: change compound attribute names to kebab-case
  • iconbutton: rename attribute flipiconinrtl to flip-icon-in-rtl
  • menu: rename typeaheadBufferDelay and list-tab-index for consistency
  • select: change compound attribute names to kebab-case
  • dialog: change compound attribute names to kebab-case
  • list: change compound attribute names to kebab-case
  • field: change compound attribute names to kebab-case
  • button: normalize compound properties to have kebab-cased attributes
  • textfield: compound properties should have kebab-case attributes
  • tabs: change compound attribute names to kebab case
  • switch: change showonlyselectedicon to show-only-selected-icon

Features

  • chips: add high contrast support (950cd4f)
  • dialog: redispatch the native cancel event (826262f), closes #1583
  • fab: add label only mode (0fd4f45)
  • fab: set aria hidden on the icon slot if element has aria-label or label (fb4d9c8)
  • list,menu: expose activate next and prev items (30937ac)

Bug Fixes

  • button: normalize compound properties to have kebab-cased attributes (1a6fc29)
  • button: remove unnecessary property preventClickDefault (9244524)
  • chips: incorrect input leading icon color (b13271b)
  • chips: incorrect rtl up/down behavior and add unit tests (2cd235d)
  • dialog: change compound attribute names to kebab-case (82d17ca)
  • dialog: focus before animation to fix a11y (61e5e87)
  • field: change compound attribute names to kebab-case (2937aef)
  • iconbutton: rename attribute flipiconinrtl to flip-icon-in-rtl (a5e4354)
  • labs: compound properties should have kebab-case attributes (28f897b)
  • list: change compound attribute names to kebab-case (0e3fe72)
  • menu: close menu when escape is pressed on list root (d5035db)
  • menu: rename typeaheadBufferDelay and list-tab-index for consistency (3f22ed0)
  • repo: remove "." from workspace config (d436c8f)
  • select: change compound attribute names to kebab-case (224a73b)
  • select: fixed menu select not 100% window width (a968759)
  • slider: change compound attribute names to kebab-case (83d9ede)
  • switch: change showonlyselectedicon to show-only-selected-icon (a8e489e)
  • tabs: change compound attribute names to kebab case (a9d030a)
  • textfield: compound properties should have kebab-case attributes (34dfcb4)
  • wireit sass watch memory leak (8b1507e)

Miscellaneous Chores

v1.0.0-pre.11

20 Jun 16:30
Compare
Choose a tag to compare

1.0.0-pre.11 (2023-06-16)

Features

  • chips: add basic chip set component (919a9d3)
  • chips: add multi-action chip navigation (2444734)
  • chips: add scrolling chip set example (938bf38)
  • chips: add single select filter chip set (f8bb2f1)
  • list: expose list item role (2be1b78)

Bug Fixes

  • chips: add aria grid/listbox models to chip set (fcdb126)
  • chips: misaligned trailing action ripple (9c0336a)
  • chips: remove selected event from input chips (a33fcbb)
  • slider: default values to between min and max to better match native input (2ef3606)
  • slider: fix slider focus ring inheritance weakness (e44c903)
  • testing: use sys-color-* theming for dark mode tests (b1172d8)

Miscellaneous Chores