Skip to content

Latest commit

 

History

History
1992 lines (1346 loc) · 222 KB

CHANGELOG.md

File metadata and controls

1992 lines (1346 loc) · 222 KB

0.44.1 (2019-02-19)

Bug Fixes

  • chips: Flip leading icon margin when used in RTL contexts (#4380) (10a384f)
  • chips: Use required pixel value (#4361) (7dc2125)
  • feature-targeting: fix incorrect list construction (#4419) (37f2044)
  • floating-label: Add missing import to mixins (#4434) (cd1d9fb)
  • menu-surface: Correct open animation issue (#4371) (189957b)
  • text-field: Fix placeholder styles for text field fullwidth variant. (#4385) (1edc29f)

0.44.0 (2019-02-04)

Bug Fixes

  • drawer: Fix restore & release focus order when closing the drawer (#4304) (dffbcc1)
  • drawer: Use parentNode DOM API when selecting scrim to make it work with Shadow DOM (#4265) (385a223)
  • feature-targeting: prevent accidental nesting of mdc-feature-targets mixin (#4281) (3405bc4)
  • menu: Updated menu to use list's custom event (#4151) (a4e08f1)
  • text-field: Fix textfield placeholder & outline stroke animation (#4310) (58c3b4d)
  • text-field: Reset z-index property of chrome autofill box (#4232) (e718cb2)
  • text-field: Update closure type for rippleFactory (#4324) (7a4a707)

Features

  • card: add feature targeting for styles (#4301) (92db33b)
  • checkbox: add feature targeting to remaining public mixins (#4315) (4bc18d1)
  • chips: Move logic for calculating chip bounding rect into a foundation method (#4243) (b30f5e2)
  • list: add feature targeting for styles (#4303) (c994156)
  • list: Add notifyAction adapter for action on list item. (#4144) (6ed35b1)
  • menu: add feature targeting for styles (#4278) (97a8585)
  • menu: add feature targeting to remaining public mixins (#4317) (5928c00)
  • menu-surface: add feature targeting for styles (#4279) (56b8467)
  • radio: add feature targeting for styles (#4270) (eb8b8f6)
  • radio: add feature targeting to remaining public mixins (#4318) (9f8ee9e)
  • switch: add feature targeting for styles (#4275) (4836293)
  • Add feature targeting support and apply to mdc-button (#4228) (531dffb)
  • text-field: Added support for character counter. (#4244) (0bcc0e7)
  • text-field: Added support for text field without label (#4285) (bf956fa)
  • typography: add feature targeting for styles (#4305) (8691cf8)

BREAKING CHANGES

  • text-field: Helper text must now be nested within mdc-text-field-helper-line element. Wrappers must account for the new character-counter sub-component. See the Text Field documentation for examples and more information.
  • menu: Replaced menu's foundation methods handleClick and handleSelection with handleItemAction to handle list item action (i.e., list's custom event MDCList:action)
  • list: Removed adapter method followHref and used native anchor element behaviour to follow href on Enter & click. Components that use MDC List should use its new custom event.
  • chips: Adds 3 new chips adapter methods: hasLeadingIcon, getRootBoundingClientRect, and getCheckmarkBoundingClientRect. Also adds a new foundation method: getDimensions.

0.43.1 (2019-01-22)

Bug Fixes

  • text-field: Reset z-index property of chrome autofill box (#4232) (9e06b77)

0.43.0 (2019-01-07)

Bug Fixes

  • drawer: Upgrade focus-trap version in drawer & dialog (#4217) (ea37b07)
  • list: Accept array of index for selectedIndex API (#4124) (be070a4)
  • notched-outline: Fix label overflow (#4171) (145db1f)
  • notched-outline: fix missing shape functions import (#4224) (96f663e)
  • package: Add source-map files to npm releases (#4206) (9d6375b)
  • snackbar: Rename action/dismiss classes and revise docs/tests (#4203) (673dba2)

Features

BREAKING CHANGES

  • list: Introduced new adapter isFocusInsideList for MDC List for improved accessibility.
  • snackbar: Snackbar's DOM and APIs have changed to match the latest design guidelines. See the Snackbar documentation for more information.
  • button: We recommend placing each button's text label within a mdc-button__label element. This does not immediately break existing MDC Button usage, but updating is recommended to future-proof against potential upcoming changes.
  • tab: MDCTabBar#getIndexOfTab(tab: MDCTab): number is now MDCTabBar#getIndexOfTabById(id: string): number

0.42.1 (2018-12-17)

Bug Fixes

  • menu: Increase specificity of selection group class (#4172) (870b234)
  • menu-surface: Raise z-index over MDC Dialog (#4185) (49233a8)
  • slider: Don't throw error when markup min is greater than default max (#3315) (8d461be), closes #2269
  • text-field: Don't move caret when value has not changed (#4160) (31f5d9c)
  • text-field: Restrict resize to vertical for full width text area (#4167) (8e6b968)

0.42.0 (2018-12-04)

Bug Fixes

  • card: Corrected baseline shape value of card small => medium (#4060) (acb9443)
  • card: Update elevation to match spec (#4040) (a6b028d)
  • checkbox: remove adapter.getNativeCb and move property hooks to component (#4073) (5ab68fe)
  • dialog: Cancel open's rAF when close is called (#4087) (2516c25)
  • dialog: Release focus after style changes on close (#4069) (e12997a)
  • drawer: allow drawer below top app bar (#4028) (ebdb084)
  • drawer: check for existence of ANIMATE class name in isOpening condition (#4078) (a4fd0a6)
  • drawer: Fix issue where drawer fires opened event twice. (#4027) (72ef4e8)
  • fab: Separate mixins for regular FAB and Extended FAB (#4082) (003e95f)
  • list: Fix font size and placement for avatar graphic (#4021) (5abe685)
  • list: Update ARIA attributes for radio/checkbox based list (#4055) (76b404e)
  • ripple: Suppress before/after when color is transparent (#4112) (2e2b227)
  • select: Add missing exports (#4129) (dbc429a)
  • select: Enhanced select doesn't wrap focus (#4083) (c640d50)
  • select: Remove style customization for native select > option (#4089) (379c522)
  • shape: Add noflip comments, fix RTL for categories (#4116) (62054f8)
  • text-field: Send client position to line ripple for touch events (#4084) (95c0a98)
  • top-app-bar: Move scroll target initialization; improve test (#4106) (f799659)

Code Refactoring

  • notched-outline: Refactor notched outline to use 3 divs (#4035) (9741233)

Features

BREAKING CHANGES

  • notched-outline: The notched outline has been changed from using an SVG for the outline to using 3 div elements. This approach resolves initial rendering issues as well as inconsistencies between the different types of outlines. Please refer to the Readme or the screenshot test pages for details and examples.
  • checkbox: The component is now responsible for calling MDCCheckboxFoundation#handleChange when the checked and indeterminate properties change.
  • list: Replaced toggleCheckbox adapter method with setCheckedCheckboxOrRadioAtIndex and added 3 more new adapter methods for improved accessibility.
  • fab: Fab now has 2 separate mixins - mdc-fab-shape-radius for regular / mini Fab variants & mdc-fab-extended-shape-radius for Extended FAB variant.

0.41.1 (2018-11-14)

Bug Fixes

  • card: Corrected baseline shape value of card small => medium (#4060) (875b159)
  • drawer: allow drawer below top app bar (#4028) (1eff602)
  • drawer: Fix issue where drawer fires opened event twice. (#4027) (4a5a8e2)

0.41.0 (2018-10-29)

Bug Fixes

  • dialog: Apply max-width to same element as min-width (#3749) (2dac7e1)
  • drawer: link to the es6 component js file in screenshot spec (#3696) (8d96a72)
  • drawer: Remove redundant style (#3731) (716da5a)
  • drawer: Remove unnecessary Closure annotation (#3935) (61128be)
  • floating-label: Add alternate tag (#3993) (6307071)
  • list: Peace out whitespace (#3997) (19b5152)
  • menu: Allow anchor links as menu list items (#3680) (d312271)
  • notched-outline: Add noflip annotation (#3994) (c60d42b)
  • notched-outline: Auto position the notch and floating label based on corner size (#3929) (06daf52)
  • radio: remove getNativeControl from adapter (#3785) (476130e)
  • ripple: Deactivate on contextmenu event (#3759) (4d76e3f)
  • shape: Rename surface term with component. (#3761) (81bb919)
  • Future-proof Sass usage (#3921) (6fa2269)
  • text-field: Fix textarea-shape-radius mixin behavior for input (#3982) (1167289)
  • textfield: Use theme mixin for asterisk color (#3952) (981b37e)
  • theme: Make $mdc-theme-on-error dark if $mdc-theme-error is light (#3678) (5b1348c)
  • typography: Add alternate tag for line-height (#3992) (f6acae8)

Features

  • Update default npm export to ES5 js files (#3245) (514f9f8)
  • chips: Make deselect and toggleSelect private. Update handleChipInteraction/Removal API (#3617) (73ab5a0)
  • menu: Expose handleSelection API to public (#3950) (7f02a64)
  • select: Add enhanced select variant (#3949) (35697a5)
  • tab-bar: Add focusOnActivate flag (#3748) (313618a)

BREAKING CHANGES

  • Anyone intending to build MDC Web's ES2015+ sources must directly import @material/foo/index. @material/foo will now resolve to UMD modules.
  • select: Several adapter APIs were added to support the enhanced variant. The drop-down arrow is now its own element. The change event is now MDCSelect:change for all variants. See the README for full details.
  • radio: Removed getNativeControl from adapter, and subsequent foundation methods that called getNativeControl. Foundation methods removed: isChecked, setChecked, isDisabled, getValue, setValue.
  • shape: Renamed shape global variables from $mdc-shape-*-surface-radius to $mdc-shape-*-component-radius
  • chips: deselect and toggleSelect are private methods. handleChipInteraction and handleChipRemoval now accept chipId instead of an event.

0.40.1 (2018-10-08)

Bug Fixes

  • checkbox: Added missing clearTimeout call to destroy method (#3674) (6706919)
  • chips: Notify ChipSet when selected is set directly on the Chip (#3601) (773e0f0)
  • dialog: Wait for rAF/timeout to apply open class (#3682) (3206521)
  • drawer: Use rAF/setTimeout for opening class (#3683) (8c8dee8)
  • floating-label: Enforce text alignment (#3684) (19d0ca1)
  • ripple: Transition background-color to avoid flashes (#3693) (17a5828)

0.40.0 (2018-09-24)

Bug Fixes

  • checkbox: remove native control from getters/setters of foundation (#3408) (b0fe9cf)
  • dialog: Add redlines to dialog screenshots; update to match spec (#3602) (4da83dd)
  • dialog: Conform more closely with spec (#3575) (359710d)
  • dialog: Increase z-index above Drawer (#3597) (c1bd45a)
  • drawer: Destroy list in destroy method (#3474) (325317c)
  • drawer: Fix drawer content to have momentum scroll on iOS (#3578) (c65be9b)
  • drawer: Modal --open state class needs display: flex (#3431) (533a46f)
  • drawer: Remove list item children to be included in click target. (#3480) (cc3ae2f)
  • icon-button: remove unused ARIA_LABEL string from constants (#3591) (bce1724)
  • infrastructure: Update ff screenshot tests (#3540) (16007f1)
  • list: Always call followHref regardless of single-selection mode (#3595) (b556724)
  • list: Change private getter method to public (#3473) (f57c731)
  • list: Update single line list to ellipsis (#3460) (60cf6c5)
  • menu: Prevent endless loop from unexpected markup (#3489) (5dea634)
  • menu: Remove max-width (#3583) (c44ca61)
  • menu: Update styles to match guidance (#3455) (5c01746)
  • menu-surface: Fix absolute positioning for scrollX (#3609) (4074535)
  • menu-surface: Fix interpolation in calc (#3445) (7f14c72)
  • ripple: Change default color from black to on-surface (#3554) (e203aa4)
  • ripple: Prevent ripple from getting cut out. (#3521) (a8008f4)
  • select: Add missing mixin (#3435) (e654526)
  • select: Fix dropdown color/opacity and options background (#3553) (3e26342)
  • select: Fix outlined select not changing color without label (#3433) (a1c0930)
  • select: Only add line ripple listeners when line ripple is present (#3470) (453b5c5)
  • select: Set transform origin for line ripple (#3432) (0ff23e1)
  • tab-bar: Remove trailing comma from function. (#3574) (e201d24)
  • text-field: Fix outlined disabled text color to match filled variant (#3544) (0da74d9)
  • theme: Declare error variables as !default (#3531) (eebdcdc)

Features

  • checkbox: Support customizing the color of the stroke in the marked state (#3412) (7f47386)
  • chips: Add a mixin to handle chip elevation transitions (#3579) (eadde7a)
  • chips: Add mixins to customize horizontal padding and icon margins (#3530) (43aeea4)
  • dialog: Initial prototype (#3413) (9d133b2)
  • dialog: Integrate with MDC List; add keyboard action handling (#3594) (7b6d86b)
  • dialog: Reverse buttons when stacked; allow toggling auto-stack (#3573) (2e7805b)
  • dialog: Support default action button (#3600) (3aa18e2)
  • dialog: Support reporting action in ancestor element (#3572) (fcbef20)
  • dom: Add closest ponyfill (#3559) (eddf66c)
  • dom: Create mdc-dom package with Element.matches() ponyfill (#3515) (91d8fe8), closes #3413 #1104
  • drawer: Allow customizing drawer width (#3459) (247f75f)
  • drawer: New sass mixin to set z-index (#3453) (cf3084f)
  • list: Toggle radio checkbox (#3546) (f59b6e6)
  • list: Update list to toggle tabindex of radio/checkbox (#3542) (13abb24)
  • shape: Added Shape subsystem and integrated with all components (#3626) (d5f0897)
  • text-field: Add support for leading/trailing icons at the same time (#3451) (6b3cfe5)
  • theme: Add error and on-error support (#3469) (b10095f)

BREAKING CHANGES

  • shape: The previous contents of the mdc-shape package have been removed and replaced with mixins implementing the Shape system. This system implements only rounded corners to provide a straightforward CSS-only solution. Replaced all *-corner-radius component mixins with *-shape-radius mixins to integrate with Shape system.
  • dialog: MDCDialog has been reimplemented to support more use cases, so APIs and the DOM structure have changed. See the mdc-dialog README for more information.
  • text-field: Component API's for interacting with icons has changed. Please refer to the documentation.
  • checkbox: Remove foundation methods for set/get indeterminate, value, disabled. Add adapter methods: isIndeterminate, isChecked, hasNativeControl, setNativeControlDisabled.

0.39.3 (2018-09-11)

Bug Fixes

  • ripple: Clean deactivation timer and CSS when interrupted (#3529) (425df03)
  • select: Disabled color and opacity (#3513) (8b10c02)
  • select: Remove blue background in IE on focus (#3497) (a02a4f1), closes #3496

0.39.1 (2018-08-31)

Bug Fixes

  • drawer: Destroy list in destroy method (#3474) (4719e0c)
  • drawer: Modal --open state class needs display: flex (#3431) (7fe8a97)
  • drawer: Remove list item children to be included in click target. (#3480) (e05ca84)
  • list: Change private getter method to public (#3473) (45f6be9)
  • list: Update single line list to ellipsis (#3460) (148c1cd)
  • menu: Prevent endless loop from unexpected markup (#3489) (730b176)
  • menu: Update styles to match guidance (#3455) (3ef0ada)
  • menu-surface: Fix interpolation in calc (#3445) (7aa7804)
  • select: Add missing mixin (#3435) (39f95a3)
  • select: Fix outlined select not changing color without label (#3433) (dcd9466)
  • select: Only add line ripple listeners when line ripple is present (#3470) (f9ef8f5)
  • select: Set transform origin for line ripple (#3432) (251c95f)

0.39.0 (2018-08-27)

Bug Fixes

  • checkbox: remove register/deregister event listeners from foundation (#3402) (430b338)
  • drawer: Fix exports and closure tests (#3424) (8d53068)
  • list: Add support for activated (#3388) (5590412)
  • list: Follow hrefs on keypresses on links (#3407) (e6d6deb)
  • snackbar: Allow variables to be customized (#3335) (215d0c6)
  • tab-bar: Early exit (#3386) (f0ebfea)
  • tab-bar: Move activateTab to adapter (#3394) (5007604)
  • text-field: Update to match spec (#3397) (e34b251)
  • menu-surface: Remove overflow hidden during menu-surface animation. (#3358) (951a3ae)
  • notched-outline: Add alignment (#3349) (ee93c61)
  • snackbar: Doesn't close while other element is focused (#2183) (e161cc0)
  • text-field: Adjust the baseline of text field's helper text to match spec (#3069) (36acc28)
  • text-field: Fix label shake bug. Update invalid screenshots to show required star. (#3338) (1245573)
  • text-field: Input position and textarea size (#3321) (5160241), closes #2826

Chores

  • list: Remove all references to Element from MDCListAdapter (#3398) (53f42b9)
  • tab: Move computeIndicatorClientRect logic out of the foundation (#3367) (9cac7c0), closes #3341

Code Refactoring

  • text-field: Change text-field--box to be the new default (#2859) (01b6be7)

Features

  • Update to MIT license (#3376) (2cf8487)
  • drawer: Improved navigation drawer (#3417) (3aa211d)
  • theme: Added new function for text emphasis opacities (f841afe)
  • chips: Pass chip ids instead of foundations in events (#3265) (7ce0fba)
  • icon-button: Add SVG support (#3310) (25fa51e)
  • menu: Adds new menu, menu-surface. (#3311) (6439c5b)
  • switch: Move component specific logic out of foundation (#3342) (e1e4465)
  • tab: Move event registration to component (#3331) (f2ac793)
  • tab-bar: Support manual and automatic activation behavior (#3303) (7182fa1)
  • tab-indicator: Remove transitionend event handling (#3337) (c8af69b)
  • text-field: New API to enable/disable native input validation for custom validity (#3084) (bd49920)
  • text-field: Support for types- color, date, datetime-local, etc (#2854) (0d02f1f)
  • typography: Reverted baseline mixin to use display inline-block because of IE issues (#3297) (ded07d0)

BREAKING CHANGES

  • drawer: Drawer variants have new DOM structure, mixins, and JS. MDCPersistentDrawer and MDCTemporaryDrawer components are replaced with a single MDCDrawer component which supports both.
  • list: Please update calls to MDCListFoundation.handleKeydown to pass in isRootListItem and listItemIndex, and update both MDCListFoundation.handleFocusIn, MDCListFoundation.handleFocusOut to pass in listItemIndex
  • text-field: This PR removes the margin-top from the mdc-text-field container. This can cause a UI to shift/change.
  • checkbox: Event registration adapter APIs have been removed and are now the responsibility of the component.
  • list: Adds a followHref adapter API.
  • text-field: Removes the default version of the text field and changes the new default variant to be the --box variant. Changes the box-sizing to border-box.
  • tab-bar: getActiveTabIndex adapter method renamed and setActiveTab adapter method added.
  • tab: We've removed the computeIndicatorClientRect method from MDCTabFoundation
  • switch: We've removed the isChecked and isDisabled methods from MDCSwitchFoundation. Please update any call to MDCSwitchFoundation.handleChange so it passes in the change event. And note that isNativeControlChecked and isNativeControlDisabled are no longer required methods in MDCSwitchAdapter
  • text-field: Setting the validity state using setValid no longer ignores native input validation. New API useNativeValidation is introduced to enable / disable native validation for custom validity.
  • menu: Menu positioning logic has been split into its own package (mdc-menu-surface). mdc-menu is rebuilt to use mdc-menu-surface and mdc-list styles and JavaScript.
  • text-field: The mdc-text-field--upgraded class has been removed. mdc-text-field__input position has changed by 2px to match spec. mdc-text-field--textarea width in IE and Edge now matches other browsers.
  • tab: Removes handleTransitionEnd foundation API. Removes [de]registerEventHandler adapter APIs. Event registration is now the component's responsibility.
  • icon-button: Removes the previous data attributes and no longer dynamically changes the label. Allows developers to add both elements to the button, with one indicated as the on state by using a data-toggle-on attribute. State is now changed by adding/removing the mdc-icon-button--on class to the mdc-icon-button element. All icon elements should have the mdc-icon-button__icon class.
  • tab-indicator: Removes handleTransitionEnd foundation API. Removes [de]registerEventHandler adapter APIs.
  • typography: Helper text and MDC List two-line text that uses new typography baseline mixin should strip the white-space.
  • chips: MDCChip takes an id, no longer exposes its foundation, and has selected as a property. Custom event details require a chipId instead of chipFoundation. New methods added to MDCChipSetAdapter and MDCChipSetFoundation.
  • text-field: Removed bottom margin from both text field and helper text.
  • snackbar: Adds a new adapter method that is required isFocused.
  • tab-bar: Adds focusTabAtIndex and getFocusedTabIndex MDCTabBarAdapter APIs; adds focus MDCTab component API used by MDCTabBar.

0.38.2 (2018-08-15)

Bug Fixes

0.38.1 (2018-08-13)

Bug Fixes

  • dialog: Fixes transitionend event not always being called (#3267) (f4af684)
  • list: Update clickable elements selector (#3312) (c4fc932)
  • radio: Add missing [@import](https://github.com/import) for theme mixins; add screenshot tests (#3285) (553438a)
  • ripple: Register focus/blur handlers in IE (#3294) (1e10ac2)
  • select: add adapter (#3233) (3b20de8)
  • text-field: Set the margin for text-area helper text (#3290) (e395bb3)
  • text-field: Stop emitting unused CSS in Text Field & Select (#3293) (4041d9e)

0.38.0 (2018-07-30)

Bug Fixes

  • chips: Remove color change from selected filter chips (#3093) (19e3d7f)
  • infrastructure: Rework goog.module positioning (#3098) (fbbf58a)
  • infrastructure: update saucelabs windows 8 to windows 10 IE11 browser (#3234) (547a980)
  • list: add list to webpack js bundler (#3244) (b95d4e7)
  • theme: Allow CSS variables to be passed to mdc-theme-prop (#3086) (b47fe7d)

Features

  • auto-init: return initialized components (#1333) (19955bf)
  • floating-label: Add max-width mixin (#2956) (66f8bf7)
  • chips: Register handlers in component instead of foundation (#3146) (36e2755)
  • icon-button: update event handling to new standard (#3165) (531867e)
  • list: Add single selection (#2970) (cd1f972)
  • list: Updated two-line list to use typography baseline to match spec. (#3085) (4d11b37)
  • select: reduce adapter apis not used in MDCReact and update events to new pattern (#3204) (e29742a)
  • switch: Merge updated switch into master (#3214) (19724f1), closes #2825
  • tab-bar: Launch tab, tab indicator, tab scroller, tab bar (#3252) (78bf4bc)
  • typography: New mixin to set exact baseline height of text elements. (#3083) (dd3817a)

BREAKING CHANGES

  • tab-bar: mdc-tabs is deprecated and no longer bundled in the material-components-web package. You are encouraged to use the new mdc-tab-bar and related packages instead.
  • switch: MDC Switch DOM structure and Sass APIs have changed, and JavaScript APIs have been added. See the documentation for more information.
  • icon-button: Removed some adapter APIs (registerInteractionHandler, deregisterInteractionHandler) and shifted responsibility of event handling out of the foundation and into the component.
  • select: Removed some adapter APIs (setDisabled, setSelectedIndex, getSelectedIndex, setValue, registerInteractionHandler, deregisterInteractionHandler) and shifted responsibility of event handling and programmatic select element updates out of the foundation and into the component.
  • chips: MDCChip/MDCChipSet registerEventHandler adapter methods were removed, and corresponding handlers were made public in MDCChipFoundation/MDCChipSetFoundation.
  • list: The layout of two-line list items is changed to wrap primary text line in a separate block element.

0.37.1 (2018-07-16)

Bug Fixes

  • hot-patching closure annotations. (#3024) (d5b95ab)
  • button: Remove dense/stroked line-height tweaks to improve alignment (#3028) (8b5f595)
  • notched-outline: Remove unused dependency from scss (#3044) (85ecf11)
  • typography: Update variable reference to work for newer versions of ruby-sass (#3047) (0dfad9a)

0.37.0 (2018-07-02)

Bug Fixes

  • chips: Add an event typedef for chip interaction events (#2965) (153e737)
  • icon-button: Remove unused styles, update docs, code cleanup (#2957) (32b5b9d)
  • text-field: Update caret color to match spec (#2894) (88fd0bf)

Features

0.36.1 (2018-06-18)

Bug Fixes

  • checkbox: support high contrast mode in Firefox on Windows (#2927) (8b7d77e)
  • menu: Update adapter to check for focus before calling (#2880) (84fcc08)
  • text-field: Hide extraneous border in FF in HC mode. (#2931) (bd4c563)

0.36.0 (2018-06-04)

Bug Fixes

  • card: Import variables in mixins (#2799) (e6b787c)
  • dialog: Apply mdc-dialog__action color to buttons (#2776) (6066795)
  • dialog: Fix Typography version (#2821) (e793a56)
  • fab: Restore horizontal alignment in IE11 (#2715) (fded349)
  • ripple: Fix missing dependency (#2795) (16a6890)
  • text-field: Made handleValidationAttributeMutation to accept attribute list (#2794) (14ee518)
  • text-field: Moved VALIDATION_ATTR_WHITELIST to constants. (#2808) (2180f95)
  • text-field: Update floating-label to work properly for number fields (#2781) (d0bff1f)
  • top-app-bar: Add z-index. Cleanup redundant properties. (#2828) (3f6bbc1)
  • top-app-bar: Fix testdouble warning about using both stub & verify. (#2793) (d79af08)
  • checkbox: Fix visibility in Windows high-contrast mode (#2672) (eadec3c)
  • checkbox: make checkmark in high contrast mode on IE visible. (#2848) (9b2c6a1)
  • chips: Add delay to filter chip checkmark (#2804) (9e35b1e)
  • chips: Fix choice-chips leading icon being hidden (#2796) (7d406fa), closes #2728
  • switch: Refactor switch styles to show up in HC windows mode. (#2853) (ef159c8)
  • text-field: Changes to text area label positioning to cover text content (#2816) (d6f4dc1)

Code Refactoring

  • chips: Stop handling DOM manipulation in input chips (#2791) (5a8ada5)

Documentation

  • icon-toggle: Add deprecation notice to README (#2766) (119645e)

Features

  • icon-button: Add new package (#2748) (39a4815)
  • text-field: Add methods to set text field icon aria-label and content (#2771) (02d7dca)
  • rtl: Make mdc-rtl-reflexive sass mixin public (#2823) (ca018a7)

BREAKING CHANGES

  • text-field: Adds setContent adapter API to text field icon
  • icon-toggle: The icon-toggle package has been deprecated. The functionality was moved to the icon-button package. Please refer to the icon-button readme for changes and how to update.
  • text-field: registerValidationAttributeChangeHandler adapter API now expects the handler to accept an array of strings, not mutation objects
  • chips: MDCChipSet/MDCChip no longer manipulates DOM directly. Removed MDCChipSetAdapter.appendChip, MDCChipSetFoundation.addChip, and MDCChip.remove. Modified signature of MDCChipSet.addChip

0.35.2 (2018-05-21)

Bug Fixes

  • dialog: Dialog scroll-lock fix when calling destroy immediately after close (#2120) (c961a5d)
  • floating-label: Add @noflip annotation to floating label (#2696) (d9d695a)
  • floating-label: Import RTL in mixin since it is being used (#2743) (f75df26)
  • infrastructure: Ensure grid pattern renders correctly in IE (#2729) (34f73e8)
  • switch: Fix switch RTL (#2645) (e5ad26a)
  • text-field: Add missing import to _mixins file (#2740) (581e8f4)
  • text-field: Made handleValidationAttributeMutation method public. (#2779) (1949989)
  • top-app-bar: Fix JS error when navigation icon is not present. (#2751) (7643f3b)
  • top-app-bar: Replace margin-top in media query with padding-top (#2704) (88c78b3)

0.35.1 (2018-05-03)

Bug Fixes

  • chips: Add nowrap to chip text (#2671) (7abb3a2)
  • select: Fix dropdown arrow mixin setting an invalid color (#2637) (6450613)
  • select: Fix SassC compilation error (#2678) (b0b3337)
  • text-field: Fix textarea height (#2638) (75fe98d)
  • text-field: Update error color (#2690) (d16a42e)
  • top-app-bar: Change margin-top to padding-top to prevent margin collapsing (#2643) (8bba12d)

0.35.0 (2018-04-23)

Bug Fixes

  • button: Fix vertical alignment of contents (#2534) (6bc73ca)
  • button: Rename stroke to outline (#2632) (0033990)
  • button: Update colors to match guidance (#2598) (1be9d96)
  • card: Rename stroke to outline (#2633) (6657e6f)
  • checkbox: Implement component/adapter APIs to sync aria-checked (#2580) (30710a4)
  • checkbox: Update to match new colors (#2622) (68f4ad0)
  • chips: Extend ripple to fill the chip when animating width (#2423) (ec705e1)
  • chips: Manage chip selection for classes added manually (#2391) (66f2464)
  • chips: Rename all entry chips to input chips (#2619) (a694a34)
  • chips: Rename stroke to outline (#2635) (604ddad)
  • chips: Trailing icon and remove icon are the same thing (#2616) (9e64c32)
  • chips: Update to guidance (#2601) (c529cea)
  • floating-label: achieved 100% test coverage (#2523) (2e7f904)
  • floating-label: Update transition durations (#2590) (099738c)
  • infrastructure: Remove deprecated JWT addon in .travis.yml (#2521) (4876cf2), closes #2151
  • radio: Update colors to latest guidance (#2623) (e164a24)
  • ripple: Re-flow logic to avoid crashing Edge (#2542) (4ca8925)
  • select: Float label on focus/blur (#2560) (68c08f7)
  • select: Override floating label properties in select box (#2574) (f71d905)
  • select: Remove animation causing the bottom line to flash (#2612) (639387e)
  • select: Update colors to match latest guidance. (#2617) (5aa7ec7)
  • select: Update typography to match latest guidance (#2615) (0f18f39)
  • shape: Rename stroke to outline (#2634) (ec9d7a5)
  • text-field: Add error state to trailing icon (#2620) (fc6cdd3)
  • text-field: Add role="button" to icon (#2584) (4c52589)
  • text-field: Restore icon tabindex according to its initial value (#2600) (02a3def)
  • text-field: Update colors to match guidance (#2597) (444f14f)
  • text-field: Update helper text to use correct typography (#2618) (2703580)
  • text-field: Update label position and shake animation (#2594) (bd84694)
  • text-field: Update typography to subtitle1. Updated height and padding. (#2606) (127375e)

Code Refactoring

  • chips: Manage chip foundations instead of chips in the chip set foundation (#2397) (10a75f6)
  • select: removed label and replaced with floating-label (#2522) (9a9a8905)
  • select: use line ripple package to replace bottom line (#2544) (9938d31a)

Features

  • base: Add mdc-emit-once utility mixin; deduplicate styles (#2578) (64a00b2)
  • chips: Add animation for entry chips (#2543) (68006fb)
  • chips: Add entry chips (#2414) (afe5367)
  • chips: Allow close icon and exit animation (#2571) (3d8a27b)
  • chips: Customize icon size and color (#2613) (0f5af21)
  • color: Add on-surface and surface to theme. (#2556) (9639689)
  • fab: Add support for svg icons (#2504) (3895376)
  • infrastructure: Add newline at end of js files as part of the transform. (#2557) (4fe967d)
  • infrastructure: different namespacing for default exports (#2553) (4ff505e)
  • infrastructure: Upload compiled screenshot test assets to GCS (#2500) (5ada5b4)
  • ripple: Call layout on each activation (#2567) (c6076e1)
  • shape: Add MDC Shape with support for unelevated angled corners (#2506) (dc87f18)
  • theme: Add new mdc-theme-on-primary global variable (#2483) (777a0fd)
  • theme: Add typography styles to shrine demo (#2605) (976affd)
  • top-app-bar: Add --fixed variant to top app bar (#2474) (1d40fa9)
  • top-app-bar: add default scroll behavior (#2417) (18be342)
  • typography: Update styles to match guidance (#2527) (f750ec7)

BREAKING CHANGES

  • chips: Renames variant, classes and mixins containing the word stroke to use the word outline.
  • chips: Expose a foundation getter in MDCChips
  • card: Renames variant, classes and mixins containing the word stroke to use the word outline.
  • button: Renames variant, classes and mixins containing stroke to use outline.
  • chips: Entry chips renamed to input chips.
  • chips: Add Sass mixins to customize color and size of leading/trailing icons.
  • chips: Get rid of mdc-chip__icon--remove API.
  • text-field: Adds getAttr adapter API to text field icon
  • chips: Add API for remove icon including mdc-chip__icon--remove, remove() method and adapter methods to MDCChip. Modify appendChip() and add removeChip() adapter method to MDCChipSet.
  • shape: Renames variant, classes and mixins containing the word stroke to use the word outline.
  • text-field: Adds removeAttr(attr) adapter API
  • theme: Removes the --mdc-theme-text-<TEXT_STYLE>-on-<THEME_COLOR> CSS custom properties, and the mdc-theme--text-<TEXT_STYLE>-on-<THEME_COLOR> CSS classes
  • chips: layout() method added to MDCChipAdapter.
  • typography: Previous typography styles are removed. The new styles are listed in the readme.
  • top-app-bar: New adapter methods for setting the top app bar position and adding resize event handlers that must be implemented.
  • chips: Added a new chip variant (entry chips). Added new methods to MDCChipSet, MDCChipSetFoundation, and MDCChipSetAdapter.
  • chips: isSelected method added to MDCChip, and related methods added to MDCChipFoundation and MDCChipSetFoundation.
  • floating-label: Removes the (undocumented) mdc-floating-label-transition function
  • select: Removes the mdc-select__label class and uses mdc-floating-label for the floating label.
  • select: Removes the mdc-select__bottom-line class and uses the mdc-line-ripple instead.

0.34.1 (2018-04-03)

Bug Fixes

0.34.0 (2018-04-02)

Bug Fixes

  • Compile demo CSS/JS during npm run build (#2437) (21150c7), closes #2325
  • button: Suppress whitespace between icon and text label (#2449) (f504aa6)
  • drawer: Update motion to match spec (#2398) (6417b51)
  • line-ripple: Fix CSP inline style rule (#2491) (4f1cdc1)
  • select: Update theme select demo (#2496) (db424bf)
  • text-field: Remove press ripple effect (#2419) (e207f0f)
  • toolbar: Fix toolbar/top-app-bar button icons (#2454) (3a149b3)
  • top-app-bar: Remove applyPassive function from toolbar/top app bar (#2487) (c252aba)

Chores

  • theme: Remove tonal variants, since they dont match MD guidelines (#2473) (a99ce40)
  • typography: Remove the adjust margin feature (#2464) (3f23821)

Code Refactoring

  • notched-outline: remove text-field notched outline styles and coupling (#2401) (4f83757)

feature

  • select: replace menu with native html select (#2462) (fcc7341)

Features

BREAKING CHANGES

  • select: The template and adapter APIs have changed to take advantage of the native select element; see the MDC Select README for more information.
  • typography: Removes the mdc-typography--adjust-margin CSS class and the mdc-typography-adjust-margin Sass mixin
  • theme: Removes styles for mdc-theme--primary/secondary-light/dark CSS classes and the mdc-theme-light/dark-variant Sass functions
  • notched-outline: Renamed mdc-text-field-outlined-corner-radius to mdc-text-field-outline-corner-radius. Made updateSvgPath_() private in notched-outline foundation and replaced it with notch(). Renamed updateOutline() in text-field foundation to notchOutline().
  • line-ripple: The setAttr adapter method has been removed and replaced by setStyle.

0.33.0 (2018-03-19)

Bug Fixes

  • button: icon in rtl should have margin right flipped. (#2346) (3c04419)
  • card: Center background image (#2388) (466e7db)
  • checkbox: add aria-checked=mixed to indeterminate state (#2389) (cf45654)
  • demos: Correct RTL/LTR toggling in demos in Safari (#2348) (b9000a4)
  • drawer: Update menu icon to be anchor element (#2372) (1065a74)
  • rtl: Adding noflip annotations to fix downstream rtl issues (#2344) (dc3d69f)
  • text-field: Clicking label should focus textfield (#2353) (f17e0d3)
  • Use var instead of const in menu demo (#2345) (ab85736)
  • theme: Move @alternate annotations for Closure Stylesheets (#2355) (dc52201)
  • toolbar: Fix colors for svg icons. Update custom-toolbar demo (#2331) (35a5cfc)
  • top-app-bar: Adjust title padding-left styles (#2390) (e24480c)
  • top-app-bar: Fix border-radius mixin to use parameter instead of variable (#2396) (671aa4c)
  • top-app-bar: Update short collapsed border-radius to match baseline (#2407) (cea9de6)

Chores

  • notched-outline: separate outline from text-field (#2326) (e215ca8)

Code Refactoring

Features

  • button: Add ability to color icons separately from the text (#2362) (6e5139c)
  • button: Add support for SVG icons (#2352) (499ad15)
  • chips: Replace leading icon with checkmark in selected filter chips (#2320) (0b73002)
  • image-list: Add base styles and mixins for Standard Image List (#2367) (71ea82a)
  • image-list: Add corner radius mixin (#2385) (567deec)
  • image-list: Add Masonry Image List (#2381) (d368fa7)
  • ripple: Expose mdc-states-opacity; fix press fallback (#2402) (2dfaec6)
  • top-app-bar: Add prominent style (#2349) (f59b109)
  • top-app-bar: Switch to use variant specific foundations (#2412) (2950b3e)

BREAKING CHANGES

  • notched-outline: removed mdc-text-field__outline element for mdc-notched-outline. Renamed mdc-text-field-outlined-corner-radius to mdc-text-field-outline-corner-radius.
  • chips: renamed (de)registerInteractionHandler to (de)registerEventHandler and added multiple new methods to MDCChipAdapter. Also changed HTML structure of filter chips to include checkmark.
  • checkbox: Adds setNativeControlAttr and removeNativeControlAttr adapter APIs.
  • button: The compact variant of MDC Button is removed.

0.32.0 (2018-03-05)

Bug Fixes

  • chips: Emit custom event from trailing icon (#2286) (e849937)
  • ripple: Fix selected opacity levels (#2294) (06e39b1)
  • select: add tests for select label package (#2289) (b8ae66c)
  • select: Fix floating label for pre-selected option (#2306) (d8dae34)
  • text-field: disable validation check in setRequired (#2201) (0ba7d10)
  • toolbar: Fix icon padding for ripples, and vertical alignment in FF/IE/Edge (#2138) (d2c9726)
  • Use var instead of const in demos/ready.js (#2343) (78408bb)

Chores

  • floating-label: separate label module from text-field (#2237) (4b24b51)

Features

  • chips: Add mdc-chip-set--choice variant (#2215) (f89cd10)
  • chips: Change chip color when selected (#2329) (ecf4060)
  • chips: Create mixin to customize chip margins (#2277) (b996b7f)
  • chips: Handle multi-select for filter chips (#2297) (807b6ce)
  • top app bar: Add short top app bar always collapsed feature (#2327) (bc17291)
  • top-app-bar: Baseline top app bar component (#2225) (0ad69c4)
  • top-app-bar: Implement short top app bar (#2290) (fd8d8d9)

BREAKING CHANGES

  • text-field: removed setRequired and isRequired from foundation.
  • chips: The mdc-chip--activated class, mdc-chip-activated-ink-color Sass mixin, and the toggleActive methods on MDCChip/MDCChipSet have been renamed to mdc-chip--selected, mdc-chip-selected-ink-color, and toggleSelected, respectively.
  • floating-label: must use .mdc-floating-label selector instead of .mdc-text-field__label
  • chips: Added mdc-chip-set--filter as a variant to be set in the HTML.
  • chips: New MDCChipAdapter methods for handling trailing icons must be implemented.

0.31.0 (2018-02-20)

Bug Fixes

  • button: Increase specifity of button icon's CSS class (#2242) (f91d25e)
  • card: Remove unused dep/import and add missing dep (#2234) (a6de863), closes #2231
  • checkbox: Avoid using & within @at-root context (#2238) (665cf12)
  • demos: Remove space between toolbar title and navigation icon. (#2174) (3b0977d)
  • menu: Rename test files (#2168) (5ea5c2f)
  • menu: Use mdc-theme-prop to support css variables on background (#2253) (1cc5dd5)
  • ripple: Ensure hover/focus states have proper z-index (#2204) (751dabd)
  • ripple: use default computeBoundingRect for all components with ripple (#2216) (229e590)
  • select: pre-selected option correctly floats label (#2125) (fac0d03)
  • switch: change all border-radius values to 50% instead of hardcoded pixel values (#2255) (1b2219b)
  • text-field: Apply error color on bottom line of fullwidth field (#2197) (a6500bd)
  • theme: fix select underline (#2236) (4514e03)

Features

  • card: Add primary action element with hover, focused, and pressed states (#2039) (3949dbe), closes #1709
  • chips: Add Sass mixins for customization (#2177) (667513c)
  • chips: Handle leading/trailing icon styles (#2191) (be71f9f)

BREAKING CHANGES

  • chips: MDC Chips has new Sass mixins.

0.30.0 (2018-02-05)

Bug Fixes

  • checkbox: Fix background fading too fast (#2122) (d461374)
  • demos: Fix drawer menu icon position in RTL (#1931) (8848fcc)
  • demos: Fix ready.js to avoid false positive before document load (#2180) (2fe4dcd)
  • demos: Re-enable JS source maps (#2124) (929eb8c)
  • demos: Sanitize slider input values (#2018) (f3d4ca7)
  • drawer: Fix slidable drawer's closed position in RTL (#1957) (486ec87), closes #1930
  • drawer: fixed drawer demo typos (#2115) (c52a4b6)
  • drawer: remove dark theme (#2080) (f05ebb5)
  • list: Add missing import (#2150) (5dcc918)
  • list: added ellipsis to text and secondary text if text overflows (#2049) (526521c)
  • list: Don't allow graphic to shrink when text overflows (#1943) (da007f5), closes #1941
  • list: updated demo to show checkbox examples (fa0f58c)
  • list: updated demo to show checkbox examples (#2064) (ec3d489)
  • menu: Close menu when a list-item was clicked. (#1756) (c052cfe), closes #1747
  • ripple: Fix nested ripple handling to work with touch events (#2178) (a633cf5)
  • ripple: Fix unbounded ripple sizes (#2092) (41e3e89)
  • ripple: Only deduplicate events on parents whose children activated (#2160) (d83d5bd)
  • ripple: Prevent ancestors of nested ripple surfaces from activating (#2123) (0a83568)
  • select: Fix background-color that changed during first mixin PR (#2070) (fe6186a)
  • select: Remove list CSS, and use mdc-list styles directly (#2065) (e588392)
  • tabs: centered and adjusted vertical placement of css-only tab indicator (#2141) (e01bb84)
  • text-field: Change text-field/label/variables file from css to scss. (#2103) (2998a42)
  • text-field: Fix floating label for Outlined Text Fields with a leading icon. (#2078) (ffca02d), closes #1908
  • text-field: Indent Outlined Helper Text (#2140) (220168a), closes #2139
  • text-field: Make outline visibility directly linked to floating labels (#2073) (6129f45)
  • text-field: move script tags below mdc.js tag (#2179) (f5e506f)
  • added back missing import scss packages (#2104) (ceb3d51)
  • text-field: Remove unnecessary styling on label in disabled state (#2058) (23e6b26)
  • text-field: removed --float-above from --shake selectors (#2007) (9d63b2e)

Chores

Features

BREAKING CHANGES

  • theme: Deleted mdc-theme-light-or-dark and mdc-theme-dark
  • tabs: Removal of .mdc-toolbar selector forces clients to customize tab-bars within toolbars that require a different ink color.
  • ripple: Adds containsEventTarget(target) API to the ripple adapter.
  • chips: A new package mdc-chip has been added.
  • text-field: Moves the text-field bottom-line element to a new package (mdc-line-ripple), so we can reuse it in other components. The HTML class name for the bottom-line element has changed from mdc-text-field__bottom-line to mdc-line-ripple. Removes the animation end events from the bottom-line. Renames the bottom-line to line-ripple.
  • select: Removes the CSS version of the mdc-select element.
  • menu: Removes the eventTargetHasClass from the adapter.
  • slider: Removed $mdc-slider-dark-theme-assumed-bg-color from slider variables.
  • ripple: mdc-ripple-radius is replaced by mdc-ripple-radius-bounded and mdc-ripple-radius-unbounded; use one or the other as appropriate for the surface. The default 100% value of the unbounded mixin now results in a smaller, more appropriate radius.
  • card: All CSS classes for content layouts have been removed. Clients should decide what kind of layout is best for their specific use case. Dark theme CSS classes have been removed; use the Sass mixin or custom CSS instead.
  • checkbox: All checkboxes need to update the SVG path's class from mdc-checkbox__checkmark__path to mdc-checkbox__checkmark-path.
  • menu: Renames MDCSimpleMenu to MDCMenu. Renames all mdc-simple-menu classes to mdc-menu. JS and SASS file paths for the menu have changed.
  • list: Renamed divider sass vars $mdc-list-divider-color-light to $mdc-list-divider-color-on-light-bg, $mdc-list-divider-color-dark to $mdc-list-divider-color-on-dark-bg

0.29.0 (2018-01-22)

Bug Fixes

  • checkbox: Remove unnecessary :enabled (#1944) (9525aec)
  • demos: Fix CSS selector for dark theme buttons (#1933) (bbc479c)
  • demos: Fix NPEs in drawer demos (#1946) (2c92827)
  • dialog: Remove code that does nothing (#1935) (fd0c675)
  • list: Fix the height of the dense avatar list (#1905) (3e5f6e0)
  • ripple: Relax deduplication conditions for touch devices (#1990) (450a699)
  • rtl: Fix typo in error message and make it more readable (#1956) (6e4432c)
  • select: Remove unused JS logic for bottom-line scaleX transform (#1910) (82a9fa3)
  • slider: Add MDCSliderFoundation export (#1959) (3a1786f)
  • tabs: removed ::after for css-only .mdc-tab__indicator (#1983) (5787846)
  • text-field: Add outline to foundation map (#1914) (8a8d53e)
  • text-field: Fix focused hover state on outlined text field (4df8319)
  • text-field: Fix label shake animation (#1882) (f7b5da4)
  • text-field: Remove extra adapter method (#1913) (656dc7c)
  • textfield: add primary color to textfield label on focus (#1820) (31aa288)
  • textfield: Fix textarea label from overlapping border. (#1715) (673a84d)
  • toolbar: Use transparent bg for menu icon to avoid IE 11 bug (#1909) (2da3dc8), closes #881

Chores

  • demos: Use CSS files directly instead of Webpack's .css.js (#1916) (d1ec729)
  • select: Remove multi-select from mdc-select. (#1917) (145217c)
  • tabs: move indicator sass into custom mixins (#1965) (fc3a9d5)
  • text-field: Move idle outline style method (#1911) (5d3b350)

Features

  • demos: Add global demoReady() function (#1919) (da34cc9)
  • demos: Add theme switcher to theme demo page (#1975) (4f89819)
  • select: Move colors for default select to mixins (#1934) (d6c68ce)
  • text-field: Expand the helper text foundation (#1955) (468942b)
  • text-field: Move color for default text-field to mixins. (#1899) (ec4d18e)
  • text-field: Move text-field outline colors to mixins (#1963) (1dae53c)
  • text-field: Remove css only options. Update docs. Update demo (#2012) (9d87adf)

BREAKING CHANGES

  • tabs: removal of .mdc-toolbar selector forces clients to customize tab-bars within toolbars that require a different ink color.
  • text-field: Removes the css only version of the text-field component.
  • tabs: all css-only mdc-tab elements must have a .mdc-tab__indicator child element
  • select: Move colors for default select element to mixins. Refer to the documentation for guidance. refs: #1150

Move colors for the select into a new mixins file.

  • text-field: Moves color customization of the outline text-field to SASS mixins.
  • select: Removes mdc-multi-select from the mdc-select package. Use lists to create components that allow multiple items to be selected.
  • demos: Sass source maps and hot reloading no longer work on demo pages. We can address those issues in future PRs if they become a problem. In addition, the MDC_WRAP_CSS_IN_JS env var now defaults to false.

This change:

  1. Makes it possible to dynamically switch themes at runtime (follow-up PR)
  2. Fixes the FOUC on all demo pages
  3. Fixes sporadic rendering errors on all demo pages that call getComputedStyle() on page load (e.g., ripple)
  4. Allows us to remove CSS polling from our demo JS (follow-up PR)
  5. Reduces Chrome devtools memory leaks after hot reloading
  • text-field: Text field outline adapter now must implement the getIdleOutlineStyleValue method previously implemented in the text field adapter. The functionality is exactly the same and requires only small changes to accessing the outline node.

0.28.0 (2018-01-08)

Bug Fixes

  • checkbox: Remove duplicate background props (#1812) (d3a2901)
  • checkbox: Respect BEM when outputting the base stylesheet (#1733) (3e9bd5f)
  • drawer: update radio button ids to correct add/remove classes on demos (#1883) (ac46b88)
  • linear-progress: restores progress when determinate set to true (#1698) (1d9cd68), closes #1531
  • list: Move divider color style so it takes precedence (#1856) (e3cb47c)
  • list: Respect BEM when outputting the base stylesheet. (#1799) (ee1c0db), closes #1748
  • ripple: Apply will-change to surface rather than pseudo-elements (#1872) (2a69fef)
  • ripple: Listen for up events at document level (#1800) (e9f02ed)
  • select: Disable ripple/state pseudos for native multiselect (#1781) (e96fe2f)
  • select: Work around glitch with new list styles in Chrome (#1757) (4c68267)
  • text-field: allow commit message text-field with dash (#1850) (2f9dd6f)
  • text-field: Update outline and label styles according to spec (#1855) (6ada786)
  • text-field: updated dependency check test and added special case for text-field (#1860) (3061a61)
  • textfield: Add isFocused to adapter in case autofocus attr is present (#1815) (737f712)
  • textfield: Fix mixin calls for keyframes (#1735) (cef10e8)
  • textfield: Fix placeholder colors (#1813) (0e9fbe1)
  • textfield: safari input has rounded corners (#1793) (2519b09)
  • theme: replace inline comments in property-values map with multiline comments (#1746) (f71025f)
  • typography: change display2 font size to correct value (#1652) (a943ad6), closes #1638

Chores

Features

  • drawer: custom sass mixins for color, background, scrim (#1730) (921a41f)
  • drawer: Remove obsolete pre-states styles; update demo pages (#1738) (7c68674)
  • elevation: Remove transition mixin; use transition-value function (#1871) (1ebad2c)
  • icon-toggle: Add color theme mixin; remove --primary/--accent modifiers (#1717) (efd9d5d), closes #1147
  • list: Rename elements to match spec; don't set size of meta (#1716) (5dabcdf)
  • list: Use states mixins; change padding behavior to support them (#1737) (c8772ea)
  • menu: Add new anchor positioning functionality (#1691) (da56619), closes #1688
  • menu: Remove obsolete pre-states styles; fix dark-mode selector (#1739) (f82998a)
  • ripple: Add setUnbounded to foundation (#1826) (a9e4868)
  • ripple: Remove old mixin and obsolete JS logic (#1784) (617c61d)
  • select: Move focus handling to surface element for focus shade (#1803) (255b63e)
  • snackbar: Emit show or hide event. fixes #1603 (#1755) (3e53614)
  • tab: sass color mixins (#1851) (9bb3be5)
  • text-field: Add CSS-only version of outlined text field (#1824) (dd5ea7b)
  • text-field: Add dense mode to outlined text field (#1846) (5a19695)
  • text-field: Add outline subelement and demo for outlined text field (#1749) (4ce3582)
  • text-field: Add properties for value, disable, value, and required (#1873) (d7b9345)
  • text-field: Add ripple to outlined text field (#1807) (49fc1c4)
  • text-field: Handle leading/trailing icons in outlined text field (#1858) (ca0af1b)
  • theme: Switch to new theme demo page (#1886) (daefeba)
  • theme: Update baseline theme colors (#1884) (f19bfbe)
  • toolbar: Add theme color mixins (#1720) (328df77), closes #1154
  • typography: Support custom properties in mdc-typography mixin (#1664) (c50363d)

BREAKING CHANGES

  • menu: Removes 5 adapter methods and adds a new setMaxHeight adapter method; adds anchor positioning API to menu foundation; see README for details.
  • text-field: Remove addClassToLabel and removeClassFromLabel from MDCTextFieldAdapter implementations.
  • ripple: registerDocumentInteractionHandler and deregisterDocumentInteractionHandler APIs have been added to the ripple adapter.
  • elevation: The mdc-elevation-transition mixin has been removed, and the mdc-elevation-transition-rule function has been renamed to mdc-elevation-transition-value, which should be used instead.
  • text-field: Please implement hasClass method on MDCTextFieldAdapter, and change getFloatingWidth method to getWidth on MDCTextFieldLabelFoundation.
  • drawer: Renamed mdc-permanent-drawer CSS class to mdc-drawer--permanent, renamed mdc-temporary-drawer CSS class to mdc-drawer--temporary, and renamed mdc-persistent-drawer to mdc-drawer--persistent. Also renamed all subelement classes by removing the variant from the selectors. Example:
mdc-persistent-drawer__drawer --> mdc-drawer__drawer
mdc-persistent-drawer__toolbar-spacer --> mdc-drawer__toolbar-spacer
mdc-temporary-drawer__header --> mdc-drawer__header
mdc-temporary-drawer__header-content --> mdc-drawer__header-content
mdc-permanent-drawer__content --> mdc-drawer__content
  • textfield: Added isFocused() to Text Field adapter
  • select: JS-enhanced Select should now apply tabindex to the surface element instead of the root element. The adapter APIs related to focus, interaction handling, and tabbability now operate on the surface element instead of the root element.
  • ripple: The mdc-ripple-color mixin is removed; use the mdc-states-* mixins instead.
  • text-field: - The return type for MDCTextFieldAdapter.getNativeInput() has changed. See the 'NativeInputType` typedef in the adapter.
  • MDCTextFieldLabelFoundation has removed:
    • floatAbove
    • deactivateFocus
    • setValidity
  • They are replaced with methods for updating the label float and label shake styles:
    • styleFloat
    • styleShake
  • text-field: Remove setIconAttr, eventTargetHasClass and notifyIconAction from MDCTextFieldAdapter implementations.
  • drawer: the "mdc-...-drawer--selected" classes are replaced by "mdc-list-item--activated", as it pertains to a specific list item and not the entire drawer.
  • menu: the "mdc-simple-menu--selected" class is replaced by "mdc-list-item--selected", as it pertains to a specific list item and not the entire menu.
  • list: List padding is now per-item rather than across the entire list. Separators now span the entire list width by default, with the addition of a mdc-list-divider--padded modifier class to achieve the old default behavior.
  • theme: $mdc-theme-primary-tone and friends have been removed. We now use a private function instead.
  • ripple: Please update all components which use MDC Ripple to import the new /common file
  • list: __start-detail has been renamed to __graphic, and __end-detail has been renamed to __meta. In addition, meta data tiles no longer have a default width/height (fixes #1644).

Also:

  • Format mdc-list README
  • Capitalize headings in mdc-list README and demo
  • icon-toggle: The --primary and --accent CSS modifier classes have been removed in favor of the new mixin.
  • text-field: Public method layout() and adapter methods getIdleOutlineStyleValue() and isRtl() were added to MDCTextField. Added a new subcomponent MDCTextFieldOutline, and adapter method getWidth() to MDCTextFieldLabel.

0.27.0 (2017-12-11)

Bug Fixes

  • demos: add back button to header on drawer demos page (#1703) (fa72e42)
  • drawer: Change how click events are handled (3e173e1)
  • icon-toggle: Don't nuke tabindex if initializing disabled to false (#1667) (9ec35b7)
  • linear-progress: default size (#1694) (35d362c), closes #1528
  • toolbar: margin for fixed toolbar (28b97a5)

Chores

  • list: Rename CSS class to follow BEM naming (#1660) (7a23183)
  • text-field: Pass subelement foundations through MDCTextField super constructor (#1684) (80223f2)

Features

  • button: Use mdc-states mixin for button styles (#1668) (55fbba9)
  • checkbox: Use new mdc-states mixin for checkbox styles (#1672) (dab612c)
  • fab: Use new mdc-states mixin for fab styles (#1669) (9ab48b7)
  • icon-toggle: Use new mdc-states mixin for icon-toggle styles (#1685) (75eb1bc)
  • infrastructure: Add build command for static demo assets (#1589) (54465d9)
  • list: Add color theme mixins & --selected/--activated modifiers (#1663) (6ea948f), closes #1662
  • menu: Fix menu to only fire one event per interaction (02fe795)
  • radio: Use new mdc-states mixin for radio styles (#1673) (5065576)
  • ripple: Add new states mixins (#1624) (9356449)
  • ripple: Add support for activated and selected states (#1696) (6f7008c)
  • select: Add new UX styles and behavior to select (99878c1)
  • select: Use new mdc-states mixin for select styles (#1704) (3043a54)
  • tabs: Use new mdc-states mixin for tab styles (#1674) (f7f1eb0)
  • textfield: Use mdc-states mixin and add support for focus shade (#1677) (2918031)
  • theme: Add accessible-ink-color function (#1719) (49cd750)
  • theme: Support currentColor in mdc-theme-prop* (#1657) (7e1255e)

BREAKING CHANGES

  • select: Adds several adapter methods to facilitate the new UX styles. Changes DOM requirements. Refer to https://github.com/material-components/material-components-web/blob/master/packages/mdc-select/README.md for new implementation requirements.
  • text-field: Please update implementations of MDCTextField to pass in a map of subfoundations to the MDCTextFieldFoundation constructor. Methods getBottomLineFoundation() and getHelperTextFoundation() are no longer in MDCTextFieldAdapter. See the README for mdc-textfield/input for more information.
  • button: The $mdc-*-button-ripple-opacity variables have been removed, as these values are now available via the state opacity maps in mdc-ripple.
  • drawer: Adds eventTargetHasClass method to the temporary drawer adapter API.
  • list: The mdc-list-item__text__secondary class was renamed to mdc-list-item__secondary-text to follow BEM conventions. See the BEM FAQ for more details.
  • menu: Adds an adapter method eventTargetHasClass to check if a given event target has a given class

0.26.0 (2017-11-27)

Bug Fixes

  • list: Add 8px bottom padding (cd03a0e), closes #1488
  • list: Make bottom padding match top for dense lists (#1622) (67354d0)
  • select: Don't scroll page when select's menu is open (#1500) (bddd747), closes #879
  • select: Make CSS-only background transparent (#1499) (964a419)
  • slider: Properly handle arrow key events in IE (#1613) (476c81f)
  • textfield: Should not be in both disabled and invalid state (#1568) (874a17e)

Chores

  • text-field: Split out helper text as a subelement (#1611) (8107b08)
  • text-field: Splitting out bottom line as a sub element (#1585) (b12c576)

Features

BREAKING CHANGES

  • text-field: Please update implementations of MDCTextFieldAdapter to implement the method getHelperTextFoundation. MDCTextFieldAdapter no longer implements addClassToHelperText, removeClassFromHelperText, helperTextHasClass, setHelperTextAttr, removeHelperTextAttr, and setHelperTextContent. See the README for mdc-textfield/helper-text for more information.
  • textfield: Adds adapter method to set helper text content.
  • text-field: Please update implementations of MDCTextFieldAdapter to implement the methods registerBottomLineEventHandler, deregisterBottomLineEventHandler, and getBottomLineFoundation. See the README for mdc-textfield/bottom-line for more information.
  • text-field: Instances of "helptext" in mdc-textfield/adapter.js has changed to "helperText", and users should update their implementations of the adapter.

0.25.0 (2017-11-13)

Bug Fixes

  • button: Stroked buttons should change the padding of the button (#1538) (97e5aa8)
  • checkbox: Close path tag to remove IE console error warnings (1a82689), closes #1504
  • dialog: fixed dark-theme dialog copy color (#1524) (1aa3760), closes #1032
  • menu: Menu opening animation shows scrollbar (#1513) (94b712a), closes #1387
  • slider: Don't hide focus ring on discrete sliders (#1545) (5a777af), closes #1427
  • slider: Fix mobile Chrome by handling all "up" event types (#1484) (bcc5ec5)
  • snackbar: Add padding between text and button (#1572) (93f2d5c)

Features

  • elevation: Update mixin to accept custom theme color (#1449) (e02b4c9), closes #1534
  • linear-progress: Add color theme mixins and remove --accent (#1541) (31d9d7b), closes #1148
  • slider: Add color theme mixins; default to secondary; remove --off (#1544) (28024e9), closes #1151
  • text-field: rename textfield to text-field (#1485) (8093ad1)
  • textfield: Convert some foundation methods from private to public (#1543) (a8dcc59), closes #1550
  • theme: Add new tone mixins and deprecate old one (#1546) (57581ed)
  • theme: Allow overriding of text themes (#1481) (f579e0a)

Performance Improvements

  • button: Remove extra CSS, now that ripple handles tap highlight color (#1520) (0a5fec5)

BREAKING CHANGES

  • linear-progress: The mdc-linear-progres--accent modifier class has been removed. Use Sass color mixins instead.
  • slider: The mdc-slider--off modifier class has been removed as it is being removed from the spec.
  • text-field: CSS class name "mdc-textfield" is changed to "mdc-text-field", JS objects name "MDCTextfield" is changed to "MDCTextField", .scss file names "mdc-textfield.scss" is changed to "mdc-text-field.scss", global namespace "mdc.textfield" is changed to "mdc.textField". Note that the package name is unchanged.

0.24.0 (2017-10-30)

Bug Fixes

Features

  • button: Use new ripple mixins, and remove unnecessary mixin (#1471) (510f356)
  • checkbox: Use new ripple mixins, and remove unnecessary mixin (#1472) (92b22eb)
  • fab: Use new ripple mixins; remove unnecessary mixin/variable (#1473) (fb798db)
  • icon-toggle: Add public API for MDCRipple in icon-toggle (#1396) (f496581)
  • icon-toggle: Use new ripple mixins (#1474) (cbc3e1c)
  • list: Use new ripple mixins (#1475) (0647576)
  • radio: Add theme color mixins and update default color to secondary (#1410) (da9d48f), closes #1149
  • radio: Use new ripple mixins, and remove unnecessary mixin (#1476) (94a826d)
  • ripple: Add new simpler mixins and remove unused CSS vars (#1452) (a983c01)
  • ripple: Remove old complex mixins (#1496) (47c6859)
  • switch: Add color theme mixins and update default color to secondary (#1411) (e4b4fa7), closes #1144
  • tabs: Use new ripple mixins (#1492) (253fba0)
  • textfield: Add mixin allowing customization of border radii (#1446) (483e3d5)
  • textfield: Use new ripple mixins and remove hover ripple styles (#1477) (2a71ef7)
  • theme: rename all color_palette instances (#1479) (375661d)

BREAKING CHANGES

  • ripple: The existing MDC Ripple Sass mixins mdc-ripple-base, mdc-ripple-fg, and mdc-ripple-bg have been removed, replaced by the new easier-to-use mixins mdc-ripple-surface, mdc-ripple-color, and mdc-ripple-radius.
  • radio: The mdc-radio-ripple mixin has been removed; use mdc-ripple-color directly.
  • fab: The mdc-fab-ripple mixin and $mdc-fab-light-ripple-config variable have been removed; use MDC Ripple's mdc-ripple-color mixin and opacity variables directly.
  • checkbox: The mdc-checkbox-ripple mixin has been removed; use mdc-ripple-color directly.
  • button: The mdc-button-ripple mixin has been removed; use mdc-ripple-color directly.
  • theme: _color_palette.scss has been renamed to _color-palette.scss in mdc-theme

0.23.0 (2017-10-16)

Bug Fixes

  • list item: Add overflow hidden (#1290) (05b1201), closes #1261
  • menu: Add pointer-events: none to avoid blocking click events (#1421) (b77895b)
  • slider: Deregister correct handlers on destroy (#1431) (928d6b4)
  • toolbar: Update menu-icon className (#992) (#1373) (36577ab)

Features

  • checkbox: Add color theme mixins and update default color to secondary (#1365) (cc7538f), closes #1146
  • ripple: Add optional event parameters to activate/deactivate methods (891e962)
  • textfield: Add textfield to the Closure whitelist. (#1394) (8b05e88)
  • textfield: Annotate textfield for Closure Compiler. (#1386) (1152b8d)

BREAKING CHANGES

  • Please update mdc-toolbar__icon--menu to mdc-toolbar__menu-icon

0.22.0 (2017-10-02)

Bug Fixes

  • button: Default to primary color (#1356) (0b808b8)
  • button: Ignore CSS variables in Edge for mdc-button-container-fill-color (5c55e92)
  • checkbox: Ignore CSS variables in Edge for __background::before (67129e9)
  • demos: Update misleading textfield validation message (#1377) (99c9596)
  • fab: Add hover/focus elevation (#1331) (cb9995d)
  • fab: Ignore CSS variables in Edge for mdc-fab-container-color (bf0f722)
  • menu: Only show scrollbar when menu item is too big (fe7d4c8), closes #1247
  • radio: Ignore CSS variables in Edge for __background::before (a7e2db4)

Features

  • textfield: Implement updated UX states for text fields (#998) (45c6cf6)
  • theme: Add Edge opt-out option to mdc-theme-prop (262e17b)

BREAKING CHANGES

  • textfield: DOM change to add a bottom line element. Adapter API changes to consolidate event handlers. Renamed multi-line text field to textarea.

0.21.1 (2017-09-20)

Bug Fixes

  • fab: Fix transitions by importing correct mdc-animation resource (#1325) (e005460), closes #1325
  • toolbar: Fix toolbar padding on desktop and mobile (#1327) (9b79871), closes #1327

0.21.0 (2017-09-18)

Bug Fixes

  • ripple: Move feature detect CSS to mixins (#1302) (628b8c4)
  • slider: Add two test cases to cover give default value to step for discrete slider (#1262) (38c40f7)
  • slider: Set default step value directly when initialize (#1173) (#1245) (148f510), closes #1173
  • snackbar: Drop mdc-button from snackbar's dependency (#1292) (be502c8)
  • snackbar: Fix lint error (#1303) (648f985), closes #1303

Chores

  • animation: Removing mixins and CSS classes (#1242) (3f8c49b)
  • fab: Remove the mdc-fab--plain modifier (#1249) (f561560), closes #1143

Code Refactoring

  • button: Remove primary and accent modifier (#1270) (3e3c869)

Features

  • auto-init: Fire event on mdcAutoInit complete (#1012) (08b5a32), closes #954
  • button: Add mdc-button-filled-accessible mixin (#1256) (d37132f)
  • button: create theme mixin for button (#1244) (5266776)
  • button: Move disabled style into private base mixin (#1255) (2336128)
  • button: Support icon in button (#1281) (b727c14)
  • fab: Add mdc-fab-accessible mixin (#1238) (4ed8b5e)
  • fab: Implement enter/exit transitions (#1241) (6d6ba4a)
  • tabs: Publicize MDCTabBarScrollerFoundation#scrollToTabAtIndex (#1267) (a8f7216)

BREAKING CHANGES

  • snackbar: Removed the dependency of mdc-button from DOM structure of snackbar.
  • button: Remove support of mdc-button--primary and mdc-button--accent modifier classes. For custom and theme button implementation, use button mixins instead. See demos.scss for details.
  • fab: Removes mdc-fab--plain, please update your code to use mdc-fab-accessible mixin instead.
  • animation: Removes mdc-animation mixins and CSS classes, please reference mdc-animation Sass variables directly.

0.20.0 (2017-09-05)

Bug Fixes

  • demos: Fix trailing whitespace and mixed tabs in dialog demo (#1200) (e1f5d53), closes #1200
  • demos: Update first tab bar's layout when toggling RTL (#1204) (cdd367e)
  • dialog: Fix z-index & wrong CSS (#1094) (88b7167), closes #1094 #1095 #1096
  • ripple: Avoid errors in feature-detect within hidden iframes in Firefox (#1216) (adbcce2)
  • ripple: Don't create dynamic stylesheet for Edge feature-detect (#1206) (81523a1)

Features

  • button: Implement stroked button (#1194) (56bf37d), closes #987
  • fab: Remove disabled styles (#1198) (959d332)
  • textfield: Add valid setter, so clients can set custom validity (cb17052), closes #1018
  • theme: mdc-theme-prop accepts literal color values (#1129) (e47f3e6)
  • theme: Luminance-aware light/dark tonal variants (#1131) (90e7556)

BREAKING CHANGES

  • fab: Removes styles for disabled FABs, as FABs were not designed to be disabled.

0.19.0 (2017-08-25)

Bug Fixes

  • ripple: Revert #1098 to fix bounded ripples (#1183) (5769a7b), closes #1183

Features

  • button: implement unelevated button (#1157) (3cca7ef)

0.18.1 (2017-08-24)

Bug Fixes

  • button: Restore order of disabled styles (#1176) (6ffed49)
  • demos: Fix button demo update from #1176 to work in IE 11 (#1178) (dadc597), closes #1176 #1178
  • ripple: Correct unbounded ripple diameter (#1098) (0f1ca35), closes #1067
  • textfield: Add left and right margin to helptext (3a24bca)

0.18.0 (2017-08-21)

Bug Fixes

  • Make CSS custom properties compatible with sass-spec 3.5 (#1076) (264c154), closes #1075
  • button: Un-break the build by referencing secondary theme prop instead of accent (#1156) (d3ff8fc)
  • demos: Convert NodeList to array for forEach; avoid fat arrow (#1073) (c6a1f2a)
  • dialog: Layout footer buttons' ripples after open transition ends (#1087) (c51fcd5)
  • grid-list: Gracefully degrade tile width. (#1136) (97575c3)
  • layout-grid: Enable setting max width of the layout grid (#1086) (98ba98c), closes #1085
  • snackbar: Stop queued data from modifying current data (#1084) (eb35255), closes #1083
  • toolbar: Wrong placement of last icon when there is a menu (#1068) (11a8ff3), closes #1026

Features

  • button: Update text and raise button baseline styles (#1074) (09a763a)
  • infrastructure: Add env var to emit CSS files directly instead of wrapping them in JS (#1133) (5f6f829)
  • infrastructure: Display webpack-dev-server build progress (#1132) (0754628)
  • theme: Add light/dark vars for primary/secondary color; rename accent to secondary (#1116) (2314ad5)
  • theme: Add SCSS variables for Material Design color palette (#1117) (6c26958)

Performance Improvements

  • infrastructure: Cut build time in half with opt-in env var (#1128) (e36639f)

BREAKING CHANGES

  • dialog: Adds a new adapter method, layoutFooterRipples, to allow the foundation to communicate with ripples when the dialog's opening transition ends.

0.17.0 (2017-08-07)

Bug Fixes

  • dialog: Dialog buttons should use primary color (#941) (b4e8b5a), closes #940
  • ripple: Feature-detect buggy Edge behavior for custom properties (#1041) (5cc2115)
  • select: menu positioning logic incorrect when select appears near viewport edge #671 (#680) (874f043)
  • textfield: Add font styles to input, remove from mdc wrapper (#908) (a498a28)
  • textfield: Fix textfield input sizes (#1016) (e59ee21), closes #1016 #1002

Features

  • typography: Add button style to typography (#1064) (21c7a54)

0.16.0 (2017-07-24)

Bug Fixes

  • animation: Update exit curves to match spec (#971) (4844330)
  • button: Add mdc-typography-base to button (#949) (3b80525), closes #942
  • card: Correct text in a card to use text-primar-on-light (#931) (e3966d9), closes #930
  • dialog: allow click events to propagate (#869) (ef7e540), closes #794
  • drawer: Align open & close animations to spec (#976) (b001aec), closes [(#976](https://github.com/(/issues/976)
  • drawer: Temporary drawer is below toolbar (#925) (cbc8436)
  • elevation: Update _mixins.scss so Sass linter passes (#933) (9e6623e)
  • list: Correct list end detail padding (#909) (d7aa726), closes #904
  • slider: Set mdc-slider__thumb-container #user-select property to none (#968) (b26b98c)
  • toolbar: Add pointer for icon element (#974) (830259c)

0.15.0 (2017-07-10)

Bug Fixes

Features

  • checkbox: Annotate mdc-checkbox for closure (#867) (a6956b8), closes #334
  • framework-examples: Add Vue continuous slider example (#827) (6e0a8c9)
  • infrastructure: Create script for that rewrites .scss imports (#831) (bd0123b)
  • layout-grid: Add fixed column width layout grid modifier. (#816) (94d62ad), closes [(#816](https://github.com/(/issues/816) #748
  • layout-grid: Implement layout grid alignment. (#885) (1528ed7), closes #749
  • menu: annotate mdc-menu for closure compiler (b188d4f), closes #339
  • menu: Export util (#824) (7d0394b), closes #823
  • ripple: Add layout() method to component (ef99024)
  • ripple: Annotate mdc-ripple for closure (#856) (f0f0a86), closes #341
  • ripple: export util from @material/ripple (#751) (27c172a), closes #253
  • ripple: Reduce the fade out time for foreground ripple effect (9394b5f)
  • slider: Implement discrete slider and discrete slider with marker (#842) (e681aae), closes #25
  • snackbar: Implement full-featured Snackbar component (#852) (4be947f)
  • textfield: Implement text field boxes (cfa3737), closes #673

BREAKING CHANGES

  • snackbar: Adds adapter methods to capture blur, focus, and interaction events

0.14.0 (2017-06-26)

Bug Fixes

  • base: Fix compiler warnings (#788) (56d8fff), closes [(#788](https://github.com/(/issues/788)
  • button: Sets text on raised buttons on dark theme to text-primary-on-primary (#853) (49170d6)
  • infrastructure: Harden closure declaration source rewriting (#835) (7c6da3a)
  • ripple: Remove fg deactivation class when animation finishes (4985b4b)
  • toolbar: Adjusting sibling elements on mobile landscape (#846) (798091f)

Features

  • infrastructure: Create script for that rewrites .scss imports (#831) (bd0123b)
  • layout-grid: Add fixed column width layout grid modifier. (#816) (94d62ad), closes [(#816](https://github.com/(/issues/816) #748
  • menu: annotate mdc-menu for closure compiler (b188d4f), closes #339
  • menu: Export util (#824) (7d0394b), closes #823
  • ripple: Add layout() method to component (ef99024)
  • ripple: export util from @material/ripple (#751) (27c172a), closes #253
  • ripple: Reduce the fade out time for foreground ripple effect (9394b5f)
  • textfield: Implement text field boxes (cfa3737), closes #673

0.13.0 (2017-06-12)

Bug Fixes

Features

  • layout-grid: make layout grid nestable (#804) (dec20ab)
  • layout-grid: parameterize layout grid (#795) (99d2bbd)
  • slider: Implement continuous slider component (#781) (a9d46ab)

BREAKING CHANGES

  • drawer: Adapter API for temporary drawers contains two new methods: addBodyClass and removeBodyClass.
  • layout-grid: Add mdc-layout-grid__inner as a wrapper for mdc-layout-grid__cell. All existing implementation need to add this extra wrapper layer after upgrade to the latest layout grid.

This is for proper alignment both in nesting and removing the restriction that margin need to be at least half size of the padding.

  • menu: Rename symmetric registerDocumentClickHandler/deregisterDocumentClickHandler adapter methods to registerBodyClickHandler/deregisterBodyClickHandler
  • layout-grid: the css custom properties for customize margins and gutters are exposed in format of mdc-layout-grid-margin-#{$size}, where valid sizes are desktop, tablet and phone. The old name mdc-layout-grid-margin and mdc-layout-grid-gutter is no longer available in the new version. Sass variables change from single numeric value to Sass map to accomendate margins and gutters for different screens as well. Visually, the default value of margins and gutters change from 16px to 24px on desktop, while remain the same on tablet and mobile.
  • toolbar: The adapter method getFlexibleRowElementOffsetHeight has been renamed to getFirstRowElementOffsetHeight. Please update your code accordingly.

0.12.1 (2017-05-31)

Bug Fixes

  • Include the JavaScript for linear-progress (#760) (#759) (94e2221), closes #759

0.12.0 (2017-05-30)

Bug Fixes

Features

  • base: Annotate mdc-base for closure (#730) (e21ec90), closes #331
  • linear-progress: Implement Linear Progress indicators (#672) (c47d1c2)
  • snackbar: Added dismissOnAction option to show method (#459) (1d2d800)
  • tabs: Implement a tab bar scroller component (#689) (6c1043e)

Performance Improvements

  • ripple: Use passive event listeners on adapter instantiation (#649) (3dd9a13), closes #629

BREAKING CHANGES

  • dialog: - Dialogs do not require a style="visibility:hidden" attribute in html.
  • registerTransitionEndHandler, deregisterTransitionEndHandler, and isDialog methods must be implemented by the adapter

0.11.1 (2017-05-17)

Bug Fixes

  • tabs: Use proper import for animation (#651) (c3cb0e0)

0.11.0 (2017-05-15)

Bug Fixes

  • drawer: Always remove overlay when drawer is swiped to close (#555) (95dbcd0), closes [(#555](https://github.com/(/issues/555)
  • infrastructure: Disable webpack-dev-server host checking (#571) (023c851)
  • infrastructure: update stylefmt command to the new params and format (#573) (c54a797)
  • menu: Add z-index to MDC Menu to correct stacking related issue (#615) (01c6ca5)
  • ripple: Ripple should not activate on disabled label click (#532) (7cc3dc8)
  • tabs: Typo in package.json (c031d83)
  • textfield: Add badInput validity check to textfield (#570) (e80fe7d)
  • textfield: Make bar respect invalid styling (#585) (3e11d33)

Features

  • card: Improve RTL support in Cards (#545) (398c883)
  • tabs: Implement a tab component (#581) (0c00d3f)

0.10.0 (2017-05-01)

Bug Fixes

  • checkbox: Add --disabled modifier to checkbox root element to prevent hover state (#533) (eb51e32)
  • drawer: Remove -16px left positioning for interactive list items (#550) (9229e0b), closes #526
  • radio: Center align radio box (#538) (83d1815)
  • select: Nest list-divider style in mdc-select declaration (#516) (a3d2928)
  • toolbar: Prevent cut-offs of the toolbar section content (#540) (4affc5c)

Features

0.9.1 (2017-04-18)

Bug Fixes

  • auto-init: Register MDCPersistentDrawer (#528) (bba6e3e), closes #527
  • infrastructure: correct reason why component is shown in summary table. (#519) (f96a1ca)
  • package: Change scss file to use slash for comment. (#517) (afec470)

0.9.0 (2017-04-17)

Bug Fixes

  • checkbox: Prevent checkboxes and radios from changing size with multiline label (#497) (2e1023c)
  • dialog: Ensure isOpen() returns false when dialog is closed (#465) (6abc3ee), closes [(#465](https://github.com/(/issues/465)
  • dialog: Handle focus trapping correctly (#491) (12bd03e)
  • grid-list: Updates the grid-list's foundation to NOT center tile… (#467) (a758519)
  • infrastructure: Print the entire invalid git commit message. (#510) (ea8f862)
  • list: Update interactive list's with ripple-upgrade to be narrower (#468) (c062319), closes #463
  • toolbar: Make Toolbar accommodated very long section (130246f), closes #508

Features

  • checkbox: Add value property to the component and foundation. (#492) (ff772ad)
  • drawer: Implement persistent drawer (#488) (79a2352)
  • radio: Add a value property to the component and foundation. (#490) (279d3fd)

BREAKING CHANGES

  • dialog: There are a few changes that need to be taken into account for this commit:
  • Dialogs no longer require an aria-hidden="true" attribute.
  • Dialogs do require a style="visibility:hidden" attribute for correct first render.
  • trapFocusOnSurface and untrapFocusOnSurface methods must be implemented for the adapter
  • hasClass, setAttr, registerFocusTrappingHandler, deregisterFocusTrappingHandler, numFocusableTargets, setDialogFocusFirstTarget, setInitialFocus, getFocusableElements, saveElementTabState, restoreElementTabState, makeElementUntabbable, setBodyAttr, rmBodyAttr, getFocusedTarget, and setFocusedTarget have all been removed from the adapter.
  • applyPassive, saveElementTabState, and restoreElementTabState have all been removed from mdcDialog.util.
  • grid-list: Adds getNumberOfTiles to grid-list's adapter API. Please update adapters to implement getNumberOfTiles.

0.8.0 (2017-04-03)

Bug Fixes

Features

  • drawer: Export util methods (#423) (1babd7c), closes #422
  • ripple: Implement subset of improved interaction response guidelines (#419) (046e337), closes #190
  • toolbar: Improve toolbar to support multiple row. (#448) (14ffe53)

BREAKING CHANGES

  • toolbar: All existing toolbar need to add
    to properly align its contents.

0.7.0 (2017-03-20)

Bug Fixes

  • infrastructure: Update publishConfig.ignore to commands.publish.ignore. (#383) (cc939ea)

Features

  • dialog: Implement a dialog component (#395) (413b54e)
  • grid-list: Implement mdc-grid-list (#47) (#359) (5b84e73)

0.6.0 (2017-03-06)

Bug Fixes

  • checkbox: Ensure correct positioning in RTL context (#381) (e296032), closes #375
  • form-field: Make gap btn control and label clickable (#373) (61a65f6), closes #371
  • framework-examples: Fix template syntax in VueJS example (#365) (465a674), closes [(#365](https://github.com/(/issues/365)
  • ripple: Provide fallbacks for all custom properties (#367) (d5873f6)
  • switch: Remove checkbox references from SCSS (#352) (ac88267), closes #322
  • textfield: Adjust labels when initializing pre-filled textfields (f8d72ba), closes #300
  • toolbar: Correct class name for mdc-toolbar-fixed-adjust (#321) (cd5238f), closes #320

Features

  • menu: Move current time retrieval to adapter. (4d0d587)
  • ripple: Implement improved graceful degradation (bfac404)
  • select: Add value retrieval mechanisms to JS API (33d2008), closes #232

BREAKING CHANGES

  • select: New adapter method: getValueForOptionAtIndex(index: string) => string should return the "value" of the option at the given index. Please add this method to your adapter implementations.
  • menu: adapters have to implement the new getAccurateTime method.

0.5.0 (2017-02-21)

Bug Fixes

Features

  • button: Add user-select: none; to button (#270) (2b319dd)
  • form-field: Make form field labels trigger input ripples. (c441157)
  • toolbar: Implement mdc-toolbar (#38) (#267) (3ca957c)
  • npm-keywords: Add keywords to components package.json files (f3cc9ab)
  • ripple: Add programmatic ripple activation/deactivation. (acccc9e)
  • typography: Add !default to variables (23a0a12)

0.4.0 (2017-02-06)

Bug Fixes

  • button: Add text-decoration: none to mdc-button to allow link styles (#210) (eef6fe8)
  • card: Add bottom margin for 3x media in horizontal blocks (#207) (2151bd4)
  • checkbox: Ensure ripple is activated on keydown (#241) (b661dae)
  • checkbox: Use correct animation end event type in adapter (#220) (fd04c83)
  • demos: Fix closing HTML tags in typography demo (#199) (e53b11b)
  • demos: Remove superfluous anchor tags for drawer demo (#223) (7fa157c)
  • drawer: Adds z-index to temporary drawer (#212) (65b05bf)
  • icon-toggle: Use correct fn signature for rmAttr adapter method (#216) (c82d447)
  • scripts: Update release scripts for newest lerna version (#259) (912f5da)

Features

  • checkbox: Add ripples to checkboxes (#206) (8aa1c3d)
  • framework-examples: Add ripple support to React checkbox example (#233) (db6a6db)
  • layout-grid: Add initial implementation of the layout grid. (a2e3e04)
  • ripple: Implement improved origin point rules (#249) (fc20d1a)
  • ripple: Implement new ripple sizing requirements (#244) (f0d26e6), closes #187
  • switch: Implement css switch component (#235) (625aa51)

0.3.0 (2017-01-23)

Bug Fixes

Features

  • button: Add ink ripple support (7ef4d9a)
  • fab: Add ink ripple support (7460030)
  • list: Add interactivity and ink ripple support to mdc-list-item (#191) (ce0bbf6)
  • select: Add multi-select styles to select component (#172) (c78e7f4)

BREAKING CHANGES

  • textfield: Adapter API for textfields contains two new methods. registerInputInputHandler and registerInputKeydownHandler. To upgrade add these methods to your adapter.

0.2.0 (2017-01-09)

Bug Fixes

BREAKING CHANGES

  • fab: Button implementations in certain browsers such as Mobile Safari and IE11 do not adhere to flexbox rules. To center icons in all supported browsers, add a span element as a child of the button and give it a class of mdc-fab__icon

example:

<button class="mdc-fab material-icons">
  <span class="mdc-fab__icon">
    favorite_border
  </span>
</button>