Skip to content

v5.0.0
Compare
Choose a tag to compare
@abhiomkar abhiomkar released this 14 Feb 00:15
· 1778 commits to master since this release
v5.0.0
4784508
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

Changelog

Bug Fixes

  • linear-progress: support aria attributes (#5248) (7084b40), closes #5248
  • auto-init: Fixed issue with multiple default exports (#5464) (8ddd5c6)
  • button: Fix outline & ink color according to spec guidance (#5268) (ee1a68c)
  • button: Fixed parameter default value in height mixin (#5244) (b0cecf1)
  • checkbox: change checkbox event type from change to click and add some logic for IE browser (#5316) (2e491de), closes #4893
  • checkbox: Disabled state colors in IE11 high contrast mode (#5263) (d6a1d4b)
  • checkbox: Replace unique-id with custom color hash functio… (#5404) (7be9e4a)
  • checkbox: update disabled color values (#5209) (821871e)
  • chips: .d.ts file generated with syntax error (d154836)
  • chips: .d.ts file generated with syntax error (#5577) (98f7faa)
  • chips: Do not throw error if chip set becomes empty (#5290) (f978109)
  • chips: Fix browser back nav in FF when removing chip with… (#5537) (a1a0deb)
  • chips: Move touch target inside primary action (ad3bbf7)
  • core: Fix canary release by excluding test files from default tsconfig (#5317) (c916008)
  • data-table: change svg attribute name viewbox to viewBox (#5483) (#5493) (f3adce8)
  • dialog: Move aria roles from dialog root to dialog surface… (#5239) (c704b71)
  • elevation: Update overlay color mixin (#5331) (b723dfa)
  • fab: Add missing dep to fab package.json. (#5236) (e0f6fd9)
  • fab: Add overflow: visible to make touch target visible in… (#5241) (5850080)
  • fab: Adjust fab line-height (#5254) (525989b)
  • fab: Adjust fab line-height to center text (#5258) (591a6ad)
  • floatinglabel: Estimate hidden scroll width (#5448) (981ec9b)
  • list: Ensure disabled colors apply to primary and secondary text (#5322) (878a08b)
  • notched-outline: Restore component test (#5449) (4269133)
  • radio: update disabled color values (#5210) (491fddc)
  • select: Do not fire change event on programmatic change (#5255) (ec72968)
  • select: Fix notch outline width when floating (#5319) (1c494e5)
  • slider: slider track not visible (#5512) (f2426d2)
  • slider: use secondary custom property color for slider container (#5132) (aa8e43e)
  • slider: Visual bug when slider value is displayed as "-0" (3fc3ab5)
  • snackbar: add explicit width for label to wrap in ie11 (#5497) (cd49033)
  • snackbar: adjust mixins to meet spec (#5477) (f16f15b)
  • switch: add transform transition to switch control to avoid overflow-x issues (8c11ea2)
  • switch: fix strict generic checks (7f5e0c2)
  • switch: handle aria-checked correctly. (#5202) (#5357) (d245a1a)
  • switch: set track border to be transparent (#5323) (397905b)
  • testing: Revert change from #5299. (#5324) (5fb62be)
  • textfield: add placeholder mixins and fix disabled colors (#5360) (0a40ced)
  • textfield: add separate classes for leading/trailing icons (#5367) (70c708d)
  • textfield: change root element to (#5439) (d8d9502)
  • textfield: hide filled-variant floating label at <52px (#5553) (5ff3380)
  • textfield: incorrect mixin forward path (#5554) (3e782d8)
  • textfield: move ripple to separate element (c541ebe)
  • textfield: outlined trailing icon's position (#5496) (93e2288)
  • textfield: prevent placeholder styles from collapsing with minifiers (d07c78d)
  • textfield: use correct disabled colors for IE11 high contrast (5353985)
  • add missing SASS dependencies (#5337) (d2ae6e1)
  • Remove edge detection for CSS custom properties (#5264) (fe444ac)

Code Refactoring

Features

  • button: Add disabled state color mixins (#5232) (b5eb51e)
  • button: Add overflow ellipsis mixin (#5352) (47949b0)
  • button: Setup elevation overlay (#5256) (3cbee6d)
  • card: Add elevation overlay structure (#5282) (aa0eba4)
  • chips: Add elevation overlay structure (#5279) (3e560b3)
  • chips: Announce when chips are removed (b3f70eb)
  • chips: Consolidate interaction event handlers (#5251) (5729943)
  • dialog: Add elevation overlay structure (#5283) (b8bc4a2)
  • dom: Add focus trap utility. (#5505) (63f357d)
  • dom: Create announcer utility (32c1df1)
  • elevation: Add elevation overlay mixins (#5249) (b4cfdc4)
  • elevation: Update elevation mixins (#5304) (ba879b6)
  • fab: Add elevation overlay structure (#5278) (e89750d)
  • fab: Add support for increased touch target to mini FAB. (#5231) (0c4d8f3)
  • floating-label: add feature targeting for styles (#5287) (b240bcc)
  • icon-button: Add disabled state color mixins (#5246) (7161170)
  • line-ripple: add active/inactive states to line-ripple (b6c7f62)
  • line-ripple: add feature targeting for styles (#5292) (391674a)
  • menu: Add elevation overlay structure (#5280) (7fd17ce)
  • notched-outline: add feature targeting for styles (#5289) (c483774)
  • progress-indicator: Add common interface for progress indicators (#5564) (ea863cb)
  • switch: Add elevation overlay structure (#5281) (50f110a)
  • Add index stylesheets to each MDC Web package (#5539) (1814866)
  • Add index stylesheets to mdc-image-list and mdc-layout-gr… (#5546) (3a85313)
  • Use @use syntax in material-components-web Sass file and… (#5573) (b4727e4)
  • switch: Restructure DOM (#5312) (0ec1fab)
  • text-field: Add disabled state color mixins (#5208) (66299b6)
  • text-field: add feature targeting for styles (#5378) (e8a9936)
  • textfield: add end-alignment (#5356) (847dd1a)

Reverts

  • Revert "feat(switch): Add elevation overlay structure (#5281)" (#5329) (1fbf5bd), closes #5281 #5329
  • "fix(checkbox): change checkbox event type from change to click and add some logic for IE browser" (ba30399)
  • feat(chips): Consolidate interaction event handlers (#5251) (#5301) (5e45d77)
  • fix(chips): Do not throw error if chip set becomes empty (#5300) (d10e8cd)
  • fix(select): Do not fire change event on programmatic change (#5255) (#5302) (ad9dfe7)

BREAKING CHANGES

  • chips: The touch target and text now appear inside the primary action element. Please see the readme for markup changes.
  • text-field: Redundant mixins mdc-text-field-textarea-fill-color, mdc-text-field-textarea-stroke-color, mdc-text-field-fullwidth-bottom-line-color removed. Instead, use mdc-text-field-fill-color, mdc-text-field-outline-color, and mdc-text-field-bottom-line-color respectively to achieve the same effect.
  • textfield: Filled textfields will no longer show a floating label at certain densities. This can be overridden by setting $mdc-text-field-minimum-height-for-filled-label: 40px
  • chips: Both MDCChipAdapter and MDCChipSetAdapter have new methods. MDCChipSetFoundation event handlers now accept the corresponding chip event detail interface as the sole argument. The root property has been removed from the MDCChipRemovalEventDetail interface.
  • line-ripple: mdc-line-ripple-color() mixin has been renamed to mdc-line-ripple-active-color()
  • grid-list: Per the deprecation notice for grid-list, this component has been
    removed from MDC-Web. Some of its functionalities are available in the MDC Image List package instead. It is recommended that you migrate to the mdc-image-list package to continue to receive new features and updates.
  • Four variables and a mixin in mdc-textfield were renamed to use a mdc-text-field- prefix when depended on via @import (formerly mdc-required-text-field-label-asterisk_, now required-label-asterisk_).
  • textfield: icons must use .mdc-text-field__icon--leading or .mdc-text-field__icon--trailing classes. mdc-text-field-icon-color() mixin has been split into mdc-text-field-leading-icon-color() and mdc-text-field-trailing-icon-color().
  • switch: Added setNativeControlAttr method in mdc-switch adapter.
  • textfield: filled text fields must include a <div class="mdc-text-field__ripple"></div>
  • switch: Switch DOM structure has changed. See switch README for details
  • button: Variable $mdc-button-disabled-container-fill-color
    renamed to $mdc-button-disabled-container-color.
  • Removed $edgeOptOut option from mdc-theme-prop() Sass mixin.
  • chips: the handleInteraction and handleTrailingIconInteraction handlers have been removed from the MDCChipFoundation. The handleClick handler has been added to the MDCChipFoundation
  • Adds new adapter methods to MDCLinearProgressAdapter.
  • elevation: Functions moved into the _functions.scss file
  • touchtarget: Renames mixin from mdc-touch-target-component => mdc-touch-target-margin
  • checkbox: remove event listener for 'change' and add event listener for 'click'.
    • Add handleClick() method in foundation to handle click event.
    • Add setCheck() method into component to change check status.

NOTE: @import on updated Sass files may not work until webpack-contrib/sass-loader#804 is fixed, use @use instead.

Assets 2
Loading