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

infrastructure: Unexpose private tab (#2499) (306fd7f), closes #2498
ripple: Clean activation timer and css when interrupted (#2490) (18cba98)

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

button: Add padding mixin, adjust icon margin (#2420) (819d139)
tab: Add MDCTab component (#2421) (a8b3193)
top-app-bar: Add dense style (#2475) (3feec58)

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

button: Remove compact variant (#2361) (77b15f4)

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

checkbox: Rename checkmark path for BEM (#2096) (015c66b)
list: remove dark theme (#2082) (a2c1bd0)
menu: Rename SimpleMenu to Menu (#2061) (26c9aec)
slider: remove dark theme (#2099) (e1ea223)
tabs: removed .mdc-toolbar specific selectors (#1979) (b32d013)
theme: remove dark theme (#2169) (13b5605)

Features

button: removed dark theme from buttons (#2038) (dee5055)
button: removed unused imports from css (#2093) (339e15b)
card: Add --stroked variant and mdc-card-stroke mixin (#2035) (76e56cf), closes #1708
card: Add theme mixins; remove content layouts (#2025) (5f338e6), closes #1126
chips: Baseline chip and chip set (#2083) (17c6c51)
dialog: remove dark theme (#2079) (3af1221)
menu: Add --selected class to menu items (#2084) (04a6ee6)
menu: Add quickOpen option. (#2127) (e571a53)
ripple: Split radius mixin into bounded/unbounded versions (#2112) (1f3871c)
select: Add non box version (#2149) (d2e53e8)
select: Remove css version (#2116) (f44721c)
select: removed dark theme (#2098) (c928bce)
text-field: Move bottom-line to separate package (#2037) (1dc0e85)
text-field: Move final JS colors to mixins. Update demos (#2006) (989c516)

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:

Makes it possible to dynamically switch themes at runtime (follow-up PR)
Fixes the FOUC on all demo pages
Fixes sporadic rendering errors on all demo pages that call getComputedStyle() on page load (e.g., ripple)
Allows us to remove CSS polling from our demo JS (follow-up PR)
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

ripple: move common ripple styles out of mixins and into @material/ripple/common (#1736) (acb47d7)
text-field: Split out icon into subelement (#1697) (4e7fa3e)
text-field: Split out label into subelement (#1693) (e483aae)
theme: Remove constrast tone vars (#1721) (f9527db)

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

text-field: rename helptext to helper text (#1576) (1a5acee)
textfield: helperTextContent setter (#1569) (875e393)

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

button: Revise button minimum width (#1487) (cb73283)
layout-grid: Import the variables in the mixin (#1232) (924144b)
ripple: Avoid duplicating common styles (#1463) (756d8a6)
snackbar: Explicitly use border-box (#1453) (7455978)

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

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)
fab: FAB z-index is wrong (#888) (3812fbd), closes #872
infrastructure: Downgrade closure-compiler (#915) (5b10478)
infrastructure: Harden closure declaration source rewriting (#835) (7c6da3a)
layout-grid: use correct selector for size specific column span (#862) (0e2a0df)
ripple: Remove fg deactivation class when animation finishes (4985b4b)
toolbar: Adjusting sibling elements on mobile landscape (#846) (798091f)
toolbar: Fix toolbar margin for desktop (#887) (0a8a75d), closes [(#887](https://github.com/(/issues/887) #786
toolbar: Increase fixed toolbar's z-index from 1 to 4(#897) (78946c4), closes [4(#897](https://github.com/4(/issues/897) #834

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

demos: Fix non-unique ids in radio demo (#792) (cada61a), closes [(#792](https://github.com/(/issues/792)
dialog: Add 8dp padding for side-by-side buttons in RTL (#752) (07f4ee7), closes #750
dialog: Incorrect Text (#744) (d38756f)
drawer: Prevent scrolling on body when temporary drawer open (#807) (8686d85)
infrastructure: set Travis CI node version to 7 (#758) (75ddf28)
menu: Add disabled list items to menu (#780) (ef44d3d)
menu: Fix wrong menu styling properties (#789) (76714f2), closes [(#789](https://github.com/(/issues/789)
toolbar: Improve layout and scrolling logic of items in toolbars (#764) (f0ff94d)
toolbar: rename ambiguous identifiers (#765) (#773) (0471f1f)

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

Add MDCSelectFoundation.strings and missing tests (#698) (#699) (8a21b4a), closes #698
card: Add rounded corners to card component (#656) (c342724)
checkbox: Fix radio button stretching in IE11 (#640) (34c1198), closes [(#640](https://github.com/(/issues/640) #632
demos: #633 IE11 incorrect layout in hero section (#636) (b3b4173), closes #633
demos: Fix misaligned title in Typography Demo (#625) (d529094), closes [(#625](https://github.com/(/issues/625)
dialog: Add 8px of margin between side-by-side buttons in MDC Dialog (#681) (4bb620e)
dialog: Closing Animations not running #433 (#504) (2b03c6b)
drawer: fix RTL closed position of temporary drawer (#592) (a0c6d2d), closes [(#592](https://github.com/(/issues/592) #551
drawer: Reconcile permanent drawers and large content (#639) (25414ac)
drawer: Rename drawer slidable _mixins.css and _variables.css to .scss files (#691) (d3dd2d4)
linear-progress: Fix version number of linear progress indicator (#716) (7942505), closes [(#716](https://github.com/(/issues/716)
list: Properly position interactive list items in RTL context (#746) (ae4e87f), closes #725
menu: add 8px top and bottom padding (#718) (1d71a46), closes #708

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

animation: Annotate for closure compiler (f28f465), closes #332
drawer: Emit open/close events on slidable drawers (#530) (be85871), closes [(#530](https://github.com/(/issues/530)
ripple: Move getMatchesProperty into createAdapter for Ripple. (#469) (#523) (74d6e6b), closes #523
toolbar: Implement flexible and waterfall toolbar. (#448) (#499) (43cef6c)

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

button: Remove tap highlight when ripple is attached (32f0b6b)
dialog: Center dialog on screen in all supported browsers (#413) (#415) (c67a12f)
fab: Ensure ripple styles take correct effect (0bdf3ee)
framework-examples: Fix VueJS lifecycle beforeDestroy hooks (#417) (8bca925), closes [(#417](https://github.com/(/issues/417) #416
framework-examples: Fix VueJS snackbar example (#410) (a1a91ac), closes [(#410](https://github.com/(/issues/410) #405
select: Fixing bug with select menu z-index (#460) (d7784af), closes #432

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

base: Ensure this.root_ is available within getDefaultFoundation() (#279) (c637cb6), closes #242
checkbox: Added box-sizing to component (a7f6221)
checkbox: Disable transitions when using mdc-checkbox-anim* classes (#285) (3effc35), closes #205
demos: Fix missing whitespace in select demo (#262) (8a14374), closes [(#262](https://github.com/(/issues/262)
drawer: Fix Temporary Drawer on IE11 (19ff4b7)
icon-toggle: Remove duplicate "main" property from package.json (#277) (7f26bfc)
scripts: Ensure determine-pkg-versions outputs correct info (#261) (1097e6f)
scripts: Generate semver tag within post-release.sh (#263) (82c3ffe)
select: Ensure disabled styles render correctly (#286) (8d77853), closes #276
textfield: Fix "colr" typo of "color" property. (#316) (6157b98), closes [(#316](https://github.com/(/issues/316)
toolbar: Add z-index to fixed toolbars (#317) (1916a81), closes [(#317](https://github.com/(/issues/317) #315
webpack: Fix tests unable to run (1cd9e07)
webpack: Fix uglifyjs breaking and disable modules for webpack tree shaking to work (c25d387)

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

button: Show active button press feedback on iOS (07279e2)
demos: Fix closing HTML tags in typography demo (#199) (e53b11b), closes [(#199](https://github.com/(/issues/199)
drawer: Remove numbers import from temporary drawer. (f77951e)
fab: Mdc web/fix misaligned icons mobile safari (#132) (69397a6), closes [(#132](https://github.com/(/issues/132)
fab: Show active button press feedback on iOS (8e7bc5f)
framework-examples: Fix Angular2 example (#123) (781a0b4), closes [(#123](https://github.com/(/issues/123)
framework-examples: fix Aurelia example (#120) (#126) (71f6162), closes [(#120](https://github.com/(/issues/120) [(#126](https://github.com/(/issues/126) #120
framework-examples: Fix React example (#121) (03a4607), closes [(#121](https://github.com/(/issues/121)
framework-examples: Fix VueJS example (#135) (b79632d), closes [(#135](https://github.com/(/issues/135)
ripple: Use correct start point for unbounded ripple expansion (#165) (9c9ad82)
scripts: Make minor fixes to release scripts (and docs) (#164) (9ba020c), closes [(#164](https://github.com/(/issues/164)
scripts: Update determine-pkg-versions to use new pkg names (#141) (652a04a)
select: Prevent overflow on smaller screens (#122) (fa926db), closes #112
textfield: Support native browser autocomplete on single-line text fields (#180) (796d5e0)

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

drawer: Remove numbers import from temporary drawer. (f77951e)
fab: Mdc web/fix misaligned icons mobile safari (#132) (69397a6), closes [(#132](https://github.com/(/issues/132)
framework-examples: Fix Angular2 example (#123) (781a0b4), closes [(#123](https://github.com/(/issues/123)
framework-examples: fix Aurelia example (#120) (#126) (71f6162), closes [(#120](https://github.com/(/issues/120) [(#126](https://github.com/(/issues/126) #120
framework-examples: Fix React example (#121) (03a4607), closes [(#121](https://github.com/(/issues/121)
framework-examples: Fix VueJS example (#135) (b79632d), closes [(#135](https://github.com/(/issues/135)
scripts: Update determine-pkg-versions to use new pkg names (#141) (652a04a)
select: Prevent overflow on smaller screens (#122) (fa926db), closes #112

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>

Files

CHANGELOG.md

Latest commit

History

CHANGELOG.md

File metadata and controls

0.35.2 (2018-05-21)

Bug Fixes

0.35.1 (2018-05-03)

Bug Fixes

0.35.0 (2018-04-23)

Bug Fixes

Code Refactoring

Features

BREAKING CHANGES

0.34.1 (2018-04-03)

Bug Fixes

0.34.0 (2018-04-02)

Bug Fixes

Chores

Code Refactoring

feature

Features

BREAKING CHANGES

0.33.0 (2018-03-19)

Bug Fixes

Chores

Code Refactoring

Features

BREAKING CHANGES

0.32.0 (2018-03-05)

Bug Fixes

Chores

Features

BREAKING CHANGES

0.31.0 (2018-02-20)

Bug Fixes

Features

BREAKING CHANGES

0.30.0 (2018-02-05)

Bug Fixes

Chores

Features

BREAKING CHANGES

0.29.0 (2018-01-22)

Bug Fixes

Chores

Features

BREAKING CHANGES

0.28.0 (2018-01-08)

Bug Fixes

Chores

Features

BREAKING CHANGES

0.27.0 (2017-12-11)

Bug Fixes

Chores

Features

BREAKING CHANGES

0.26.0 (2017-11-27)

Bug Fixes

Chores

Features

BREAKING CHANGES

0.25.0 (2017-11-13)

Bug Fixes

Features

Performance Improvements

BREAKING CHANGES

0.24.0 (2017-10-30)

Bug Fixes

Features

BREAKING CHANGES

0.23.0 (2017-10-16)

Bug Fixes

Features

BREAKING CHANGES

0.22.0 (2017-10-02)

Bug Fixes

Features