@material/form-field - npm Package Versions

4.0.0 (2019-11-02)

Bug Fixes

• button: Add overflow: visible to button. (#4973) (905e84e)
• button: Adjust touch target size when density is applied (#5112) (e2506f4)
• checkbox: Change minimum ripple size of checkbox & switch 24px => 28px (#5140) (3eae309)
• checkbox: Fix checkbox terminology in sass mixins (#5014) (2161c02)
• checkbox: Remove RTL styles from checkbox ripple (#5134) (a646516)
• chips: Ignore selection events in chip set (#4878) (94c6a00)
• chips: Remove keyCode check (#4966) (e6304c4)
• chips: Reset touch target when chip density mixin is applied. (#5116) (d3b515e)
• chips: Stack trailing/leading icons above touch target el (#5040) (048d4b7)
• chips: Stop emitting events in handlers (#4969) (cfd81dc)
• data-table: Minor fixes for data table layout (#5037) (37b1f93)
• fab: Add overflow: hidden; to ripple target to fix bounded ripple. (#5214) (97cbbdc)
• fab: Use FAB ripple target selector (#5146) (9d91acc)
• form-field: Fix radio RTL alignment bug. (#5064) (ef99808)
• linear-progress: Fix indeterminate animation bug (#5180) (062ade5)
• linear-progress: Prefix animation keyframes to prevent clashing (#5155) (fc0e474)
• linear-progress: Restore buffer after determinate is toggl… (#5156) (09b1598)
• linear-progress: Support high contrast mode (#5190) (d4141c9)
• list: Add #adapter.listItemAtIndexHasClass to prevent user state change to disabled items (#4922) (b6d213c)
• menu: Vertically center the group icon (#4862) (c5738ed)
• menu-surface: remove duplicate export from menu-surface (#5200) (0b120ae)
• radio: Fix touch target margins: 0px => 4px. (#5096) (a48d06e)
• ripple: Add overflow: hidden; to the bounded ripple mixin (#5173) (996b091)
• ripple: Always set even num when initial ripple size is ca… (#5141) (b26ad23)
• ripple: Remove unnecessary overflow: hidden. (#5191) (5916d18)
• tabs: Fix tab img icon styling. (#5041) (d0e6cd1)
• text-field: Do not trigger shake animation when text field is empty (#5097) (4913db9)
• text-field: Fixes input text alignment on IE11 for densed text field (#5136) (892dd4e)
• text-field: Fixes input text alignment on IE11 for densed… (#5147) (c8f7693)
• text-field: Updated shape mixins to set density scale (#5207) (719b57e)
• touch-target: Add class to touch target wrapper. (#5174) (e7799b8)
• touch-target: Add missing dependency - touch target to com… (#5098) (9306bd0)

Code Refactoring

• button: Add ripple target as an inner element. (#4890) (dffefe6)
• mdc-fab: Move Ripple to inner Element. (#4997) (85b33b5)
• select: Refactor select (#5113) (db7560e)
• slider: Functional slider tick visuals with css background (#4756) (8f851d9)

Features

• button: Add support for increased touch target to button. (#4948) (1d7a2e6)
• checkbox: Add disabled state color mixins (#5167) (01628ef)
• checkbox: Add support for 48px touch target (#5025) (b5685a8)
• checkbox: Move ripple to child node (#4981) (9712b24)
• chip: Add density mixin to chip. (#5109) (bdf3430)
• chips: Add keyboard navigation (#4844) (42065fe), closes #2259
• chips: Add setSelectedFromChipset method (#4872) (283bd55)
• chips: Add support for increased touch target to chips. (#4970) (6aa109d)
• chips: Use index for all chip operations (#4869) (07078bb)
• density: Add density subsystem to components (#5059) (73a5e4c)
• dialog: Add dialog mixin for dialogs with increased touch target buttons. (#5024) (2ef1ddd)
• icon-button: Add density mixin to icon button (#5122) (37d6458)
• list: Add density mixin to list (#5069) (5132f89)
• list: Add mixin for disabled text opacity (#4861) (d68f8a7)
• radio: Add density mixin to radio (#5118) (199534d)
• radio: Add disabled state color mixins (#5168) (b5c6d66)
• radio: Add support for 48px touch target (#5032) (87b0a4c)
• radio: Move ripple to child element (#4983) (100ab37)
• ripple: Add support for ripple target to mixins. (#4880) (08dbe69)
• snackbar: Add option for indefinite timeout (#4998) (4f11851)
• switch: Add density support for switch component. (#5124) (2c793b4), closes #5104
• switch: add ripple opacity customization mixins (#5126) (8c0273f)
• tab: Add text transform mixin (#5144) (22d7ad2)
• tab-bar: Add a mixin to set scroller animation (#5172) (d7c938a)
• tab-bar: Add density mixin to tab-bar (#5070) (45dc002)
• tab-scroller: Add incrementScrollImmediate to bypass animation (#5184) (2b878b3), closes #5123
• tab-scroller: Mixin for scroll transition (#5154) (efda83d)
• text-field: Add density mixin to text field variants (#5066) (a12101d)
• text-field: Center align inner elements for dynamic height (#4990) (4d94b22)
• touch-target: Add touch target mixins. (#4940) (b2e0fea)

BREAKING CHANGES

• checkbox: mdc-checkbox-ink-color mixin now only applies to enabled checkboxes

• chips: Chips markup, adapters, foundations, and events have changed.

• select: In MDCMenu and MDCMenuSurface, hoistMenuToBody adapter method removed. In MDCSelect, HTML structure changed: the select anchor is now wrapped in a parent element, and the anchor's sibling is the select menu. Support for native select removed. Support added for select with no label. MDCSelectAdapter methods removed: getValue, setValue, isMenuOpen, setSelectedIndex, checkValidity, setValid, toggleClassAtIndex. MDCSelectAdapter methods added: hasLabel, getSelectedMenuItem, setSelectedText, isSelectedTextFocused, get/setSelectedTextAttr, getAnchorElement, setMenuAnchorElement, setMenuAnchorCorner, setMenuWrapFocus, set/removeAttributeAtIndex, focusMenuItemAtIndex, getMenuItemValues, getMenuItemCount, getMenuItemCount, getMenuItemAttr, getMenuItemTextAtIndex, add/removeClassAtIndex. MDCSelectFoundation setValue method removed; getDisabled, handleMenuItemAction, getSelectedIndex, get/setRequired, init added.

• radio: In Checkbox, Renamed sass variables $mdc-radio-touch-area => $mdc-radio-ripple-size & $mdc-radio-ui-size => $mdc-radio-icon-size to be consistent with checkbox. Also, removed $mdc-radio-ui-pct sass variable.

• switch: Renames switch variables $mdc-switch-tap-target-size => $mdc-switch-ripple-size, removes $mdc-switch-tap-target-initial-position and $mdc-switch-native-control-width.

• list: New adapter method listItemAtIndexHasClass

• list: Renamed mixin mdc-list-item-shape-radius() => mdc-list-single-line-shape-radius()

• linear-progress: MDCLinearProgressAdapter adapter has new forceLayout method

• text-field: Removed sass variable in notched outline - $mdc-notched-outline-transition-duration.

• mdc-fab: This changes the structure of the FAB element by moving the ripple from the outer element to an inner mdc-fab__ripple element.

  OLD

  <button class="mdc-fab" aria-label="Favorite">
    <span class="mdc-fab__icon material-icons">favorite</span>
  </button>
  

  NEW

  <button class="mdc-fab" aria-label="Favorite">
    <div class="mdc-fab__ripple"></div>
    <span class="mdc-fab__icon material-icons">favorite</span>
  </button>
  

• radio: Ripple has been moved to a child element. See readme for updates.

• slider: remove adapter methods appendTrackMarkers, removeTrackMarkers , setLastTrackMarkersStyleProperty , and add adapter method setTrackMarkers.

• button: This changes the structure of the button element by moving the ripple from the outer <button> element to an inner mdc-button__ripple element.

  OLD

  <button class="mdc-button">
    <span class="mdc-button__label">Hello World</span>
  </button>
  

  NEW

  <button class="mdc-button">
    <div class="mdc-button__ripple"></div>
    <span class="mdc-button__label">Hello World</span>
  </button>
  

• chips: MDCChipSetAdapter#removeChip has been replaced with MDCChipSetAdapter#removeChipAtIndex. MDCChipSetAdapter#setSelected has been replaced with MDCChipSetAdapter#selectChipAtIndex

• density: Renamed sass mixins & variables in MDC Data Table - mdc-data-table-header-row-height => mdc-data-table-header-cell-height & mdc-data-table-row-height => mdc-data-table-cell-height. Also removed mdc-button--dense variant, use button's density mixin instead.

Note: For older changes, see the changelog archive.

14.0.0 (2022-04-27)

Bug Fixes

• button: update HCM shim to use the existing focus-ring (a657abb)
• checkbox: Add explicit system color for checkmark in HCM. (8c4da22)
• checkbox: move forced-colors theme out of static styles (bbd1126)
• checkbox: Update checkbox theme styles mixin to accept css vars (c14e977)
• chips: Fix typography selector in GMDC-Wiz chips theming (43c7d87)
• datatable: Adjust data table last row border-radius to support setting row background-color. (ba78e87)
• dialog: Render dividers in Firefox 94 on Windows HCM (fae6c65)
• dialog: Set default z-index for close button in FloatingSheet dialog. (3366a71)
• fab: Add focus ring in HCM. (d57ec74)
• focus-ring: add 2d padding customizability, RTL bugfix (f81fb1d)
• focus-ring: box-sizing bugfix to content-box. If box-sizing border-box is inherited the ring spacing will collapse. (e58552c)
• focus-ring: ignore pointer events (3ef470e)
• focus-ring: RTL bugfix (e00181e)
• iconbutton: Fixed max width and height for high contrast mode focus ring on icon buttons. Display only in forced colors mode. (cf42927)
• iconbutton: Set icon button ripple z-index to -1. (586e740)
• list: Improve a11y for multi-select lists (9736ddc)
• list: Remove conflicting validation for checkbox list in setEnabled (353ca7e)
• list: Update lastSelectedIndex when toggling a checkbox range (dcba26f)
• menusurface: Add a getOwnerDocument() method to MDCMenuSurfaceAdapter to provide a reference to the document that owns the menu surface DOM element. (3486659)
• radio: Fix disabled state in Firefox Windows high contrast mode (23043ac)
• radio: Modify theme styles Sass mixin validation to validate only keys (390220e)
• select: Add border to select menu in HCM. (5d80969)
• select: revert down/up arrow on anchor changing selected index (43d08ba)
• slider: Fix bug where secondary click moves slider thumb. (3ab9565)
• slider: Fix IE11 bug - unset is unsupported in IE. (f460e23)
• slider: In updateUI, fix behavior to match jsdoc claim that when thumb param is undefined it updates both thumbs. Input attributes were not being updated at all. (cc4ed13)
• slider: Make the slider errors easier to debug by providing all relevant values in the error message. (8687937)
• snackbar: address Trusted Types violation (cbd9358)
• tooltip: Adjusts logic in validateTooltipWithCaretDistances method. (3e30054)
• typography: Fixes typography theme-styles mixin... the value being retreived from the $theme map and css property name was swapped. The mixin would request font-size/font-weight/letter-spacing from the $theme map (which expects size/weight/tracking)... so these values would always be null. (32b3913)
• Remove /** @override */ tags from TypeScript code. (c3cdff0)
• Simplify MDCAttachable interface to be any object (Function) that has attachTo. (05db65e)
• Snackbar action button ripple color is applied to the ripple element. (4e66fb2)
• Work around bug in Sass (037285f), closes sass/sass#3259
• switch: Restore Firefox 94 HCM outlines (39cf14b)
• textfield: Fix breaking tests due to no valid pointerId being associated with pointer events. (15db4f1)
• tooltip: Only sends notification of a tooltip being hidden if showTimeout is not set (indicating that this tooltip is about to be re-shown). (6ca8b8f)

Features

• banner: Add disableAutoClose params for both banner actions to prevent the banner buttons from automatically closing the banner. Add adapter #notifyActionClicked method. (b094eaa)
• chips: add focus ring styles (783f6fd)
• chips: Added elevation tint layer color support in chips (c78ff04)
• data-table: separate table structure into its own mixin (9f9d928)
• dialog: Add styling for floating sheets (78305b6)
• dialog: Add styling for floating sheets with content padding (3e20c1d)
• Dialog: Adds an API to hide the header for GMDC Fullscreen Dialog in non-fullscreen mode (ab4aba1)
• Dialog: Adds an API to set custom position for GMDC Dialog (ea9b5b4)
• Dialog: Adds an API to set custom z-index for GMDC Dialog (96ea061)
• focus-ring: added a new mixin so we can override just the focus-ring color (641ed08)
• focus-ring: added a new mixin so we can override just the focus-ring radius (7321d62)
• iconbutton: Add link icon button Sass. (9803d2d)
• mdc-list: introduce selection change event (7d8ea46)
• menu: allow preferentially opening surface below anchor (261f2db)
• MenuSurface: Add opening event for menus. (53b3cad)
• select: Add theming mixin boilerplate code to select (ae8a6a3)
• select: Add validation getter methods. (bdf1d37)
• select: Added theme mixins to MDC select (dcfe49c)
• slider: Add minRange param to range sliders to request a minimum gap between the two thumbs. (8fffcb5)
• slider: Add an option to hide focus styles after pointer interaction. (ec54d90)
• slider: Keep the slider value indicator within the bounds of the slider if possible. (c047f7c)
• state: make context aware (b2fe352)
• switch: Add high contrast mode focus ring to switch (f31a833)
• text-field: Add theming mixin boilerplate code to text-field (eb382f3)
• text-field: Added theme mixins to MDC text field (344d528)
• textfield: adding input-font-size mixin (207230e)
• theme: allow custom property strings in theme.validate-theme() (4e372fb)
• add new class and mixin for open state of a menu item (9a02b6e)
• Indicate which thumb valueToAriaValueTextFn and valueToValueIndicatorTextFn functions are called for. (b6510c8)
• textfield: adding input-font-family mixin (991fb99)
• Describe how to add child lists into a list item. (758ce31)

BREAKING CHANGES

• MenuSurface: Adds #notifyOpening method to menu surface adapter.

PiperOrigin-RevId: 444830518

• slider: Adds #getValueIndicatorContainerWidth method to slider adapter.

PiperOrigin-RevId: 419837612