0.44.1 (2019-02-19)
- 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)
- 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)
- 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)
- text-field: Helper text must now be nested within
mdc-text-field-helper-line
element. Wrappers must account for the newcharacter-counter
sub-component. See the Text Field documentation for examples and more information. - menu: Replaced menu's foundation methods
handleClick
andhandleSelection
withhandleItemAction
to handle list item action (i.e., list's custom eventMDCList: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
, andgetCheckmarkBoundingClientRect
. Also adds a new foundation method:getDimensions
.
0.43.1 (2019-01-22)
0.43.0 (2019-01-07)
- 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)
- button: Add trailing icon support via label element (#4159) (fa41579)
- checkbox: Declare all Sass variables as
!default
(de6c833), closes #3708 - snackbar: Update to match latest design guidelines (#4166) (33d30e6), closes #4005 #3981 #2916 #2628 #1466 #1398 #1258 #11 #2813
- tab: Get tabs by their ID (#4149) (2d35220)
- 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 nowMDCTabBar#getIndexOfTabById(id: string): number
0.42.1 (2018-12-17)
- 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)
- 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)
- 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)
- 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)
- 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)
- 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)
- 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)
- 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)
- 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)
- 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 withElement.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)
- 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)
- 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)
- 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)
- 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
- list: Remove all references to Element from MDCListAdapter (#3398) (53f42b9)
- tab: Move computeIndicatorClientRect logic out of the foundation (#3367) (9cac7c0), closes #3341
- 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)
- 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 andsetActiveTab
adapter method added. - tab: We've removed the
computeIndicatorClientRect
method fromMDCTabFoundation
- switch: We've removed the
isChecked
andisDisabled
methods fromMDCSwitchFoundation
. Please update any call toMDCSwitchFoundation.handleChange
so it passes in the change event. And note thatisNativeControlChecked
andisNativeControlDisabled
are no longer required methods inMDCSwitchAdapter
- text-field: Setting the validity state using
setValid
no longer ignores native input validation. New APIuseNativeValidation
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 anid
, no longer exposes itsfoundation
, and hasselected
as a property. Custom event details require achipId
instead ofchipFoundation
. New methods added toMDCChipSetAdapter
andMDCChipSetFoundation
. - 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)
0.38.1 (2018-08-13)
- 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)
- 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)
- 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)
- 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 inMDCChipFoundation
/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)
- 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)
- 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)
- chips: Expose method to begin chip exit animation (#2845) (eb00fd3)
- chips: Make chip exit on trailing icon click optional (#2893) (9178d46)
- chips: Make event handlers on Chip public (#2997) (963e0c1)
- fab: Add Extended FAB (14cb0bf)
- fab: Enable padding customization (#2959) (1f5fd1f)
- list: Add arrow key a11y support. (#2871) (7c06e9f)
- ripple: Expose focus/blur handlers (#2905) (31d81ad)
- select: Add outlined variant (#2674) (4863125)
0.36.1 (2018-06-18)
- 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)
- 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)
- 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)
- 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)
- 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)
- 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)
- 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)
- 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)
- 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)
- 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)
- infrastructure: Unexpose private tab (#2499) (306fd7f), closes #2498
- ripple: Clean activation timer and css when interrupted (#2490) (18cba98)
0.34.0 (2018-04-02)
- 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)
- theme: Remove tonal variants, since they dont match MD guidelines (#2473) (a99ce40)
- typography: Remove the adjust margin feature (#2464) (3f23821)
- button: Add padding mixin, adjust icon margin (#2420) (819d139)
- tab: Add MDCTab component (#2421) (a8b3193)
- top-app-bar: Add dense style (#2475) (3feec58)
- 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 themdc-typography-adjust-margin
Sass mixin - theme: Removes styles for
mdc-theme--primary/secondary-light/dark
CSS classes and themdc-theme-light/dark-variant
Sass functions - notched-outline: Renamed
mdc-text-field-outlined-corner-radius
tomdc-text-field-outline-corner-radius
. MadeupdateSvgPath_()
private in notched-outline foundation and replaced it withnotch()
. RenamedupdateOutline()
in text-field foundation tonotchOutline()
. - line-ripple: The
setAttr
adapter method has been removed and replaced bysetStyle
.
0.33.0 (2018-03-19)
- 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 ofconst
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)
- 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)
- 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)
- 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 ofconst
in demos/ready.js (#2343) (78408bb)
- 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)
- text-field: removed setRequired and isRequired from foundation.
- chips: The
mdc-chip--activated
class,mdc-chip-activated-ink-color
Sass mixin, and thetoggleActive
methods onMDCChip
/MDCChipSet
have been renamed tomdc-chip--selected
,mdc-chip-selected-ink-color
, andtoggleSelected
, 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)
- 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)
- 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)
- chips: MDC Chips has new Sass mixins.
0.30.0 (2018-02-05)
- 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)
- 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)
- button: removed dark theme from buttons (#2038) (dee5055)
- button: removed unused imports from css (#2093) (339e15b)
- card: Add
--stroked
variant andmdc-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)
- theme: Deleted
mdc-theme-light-or-dark
andmdc-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
tomdc-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)
- 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
- 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)
- 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)
- 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 tofalse
.
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)
- 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
- 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)
- 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)
- 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
andremoveClassFromLabel
fromMDCTextFieldAdapter
implementations. - ripple:
registerDocumentInteractionHandler
andderegisterDocumentInteractionHandler
APIs have been added to the ripple adapter. - elevation: The
mdc-elevation-transition
mixin has been removed, and themdc-elevation-transition-rule
function has been renamed tomdc-elevation-transition-value
, which should be used instead. - text-field: Please implement
hasClass
method on MDCTextFieldAdapter, and changegetFloatingWidth
method togetWidth
on MDCTextFieldLabelFoundation. - drawer: Renamed
mdc-permanent-drawer
CSS class tomdc-drawer--permanent
, renamedmdc-temporary-drawer
CSS class tomdc-drawer--temporary
, and renamedmdc-persistent-drawer
tomdc-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
andnotifyIconAction
fromMDCTextFieldAdapter
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 methodsgetIdleOutlineStyleValue()
andisRtl()
were added to MDCTextField. Added a new subcomponent MDCTextFieldOutline, and adapter methodgetWidth()
to MDCTextFieldLabel.
0.27.0 (2017-12-11)
- 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)
- list: Rename CSS class to follow BEM naming (#1660) (7a23183)
- text-field: Pass subelement foundations through MDCTextField super constructor (#1684) (80223f2)
- 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)
- 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 tomdc-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)
- 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)
- text-field: Split out helper text as a subelement (#1611) (8107b08)
- text-field: Splitting out bottom line as a sub element (#1585) (b12c576)
- text-field: rename helptext to helper text (#1576) (1a5acee)
- textfield: helperTextContent setter (#1569) (875e393)
- 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)
- 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)
- 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)
- 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)
- 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)
- 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)
- 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)
- 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)
- 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)
- Please update
mdc-toolbar__icon--menu
tomdc-toolbar__menu-icon
0.22.0 (2017-10-02)
- 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)
- textfield: Implement updated UX states for text fields (#998) (45c6cf6)
- theme: Add Edge opt-out option to mdc-theme-prop (262e17b)
- 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)
- 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)
- 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
- animation: Removing mixins and CSS classes (#1242) (3f8c49b)
- fab: Remove the mdc-fab--plain modifier (#1249) (f561560), closes #1143
- button: Remove primary and accent modifier (#1270) (3e3c869)
- 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)
- snackbar: Removed the dependency of mdc-button from DOM structure of snackbar.
- button: Remove support of
mdc-button--primary
andmdc-button--accent
modifier classes. For custom and theme button implementation, use button mixins instead. Seedemos.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)
- 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)
- 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)
- fab: Removes styles for disabled FABs, as FABs were not designed to be disabled.
0.19.0 (2017-08-25)
- button: implement unelevated button (#1157) (3cca7ef)
0.18.1 (2017-08-24)
- 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)
- 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 ofaccent
(#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
- 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
tosecondary
(#1116) (2314ad5) - theme: Add SCSS variables for Material Design color palette (#1117) (6c26958)
- infrastructure: Cut build time in half with opt-in env var (#1128) (e36639f)
- 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)
- 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
- typography: Add button style to typography (#1064) (21c7a54)
0.16.0 (2017-07-24)
- 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
foricon
element (#974) (830259c)
0.15.0 (2017-07-10)
- 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
- 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
- snackbar: Adds adapter methods to capture blur, focus, and interaction events
0.14.0 (2017-06-26)
- 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)
- 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)
- 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)
- layout-grid: make layout grid nestable (#804) (dec20ab)
- layout-grid: parameterize layout grid (#795) (99d2bbd)
- slider: Implement continuous slider component (#781) (a9d46ab)
- drawer: Adapter API for temporary drawers contains two new methods:
addBodyClass
andremoveBodyClass
. - 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 aredesktop
,tablet
andphone
. The old namemdc-layout-grid-margin
andmdc-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 togetFirstRowElementOffsetHeight
. Please update your code accordingly.
0.12.1 (2017-05-31)
0.12.0 (2017-05-30)
- 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
- 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)
- 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)
- tabs: Use proper import for animation (#651) (c3cb0e0)
0.11.0 (2017-05-15)
- 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)
- card: Improve RTL support in Cards (#545) (398c883)
- tabs: Implement a tab component (#581) (0c00d3f)
0.10.0 (2017-05-01)
- 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)
- 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)
- 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)
- 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
- 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)
- 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
anduntrapFocusOnSurface
methods must be implemented for the adapterhasClass
,setAttr
,registerFocusTrappingHandler
,deregisterFocusTrappingHandler
,numFocusableTargets
,setDialogFocusFirstTarget
,setInitialFocus
,getFocusableElements
,saveElementTabState
,restoreElementTabState
,makeElementUntabbable
,setBodyAttr
,rmBodyAttr
,getFocusedTarget
, andsetFocusedTarget
have all been removed from the adapter.applyPassive
,saveElementTabState
, andrestoreElementTabState
have all been removed frommdcDialog.util
.
- grid-list: Adds getNumberOfTiles to grid-list's adapter API. Please update adapters to implement getNumberOfTiles.
0.8.0 (2017-04-03)
- 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
- 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)
- toolbar: All existing toolbar need to add to properly align its contents.
0.7.0 (2017-03-20)
- infrastructure: Update publishConfig.ignore to commands.publish.ignore. (#383) (cc939ea)
- dialog: Implement a dialog component (#395) (413b54e)
- grid-list: Implement mdc-grid-list (#47) (#359) (5b84e73)
0.6.0 (2017-03-06)
- 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
- 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
- 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)
- 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)
- 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)
- 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)
- 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)
- 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)
- 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)
- textfield: Adapter API for textfields contains two new methods.
registerInputInputHandler
andregisterInputKeydownHandler
. To upgrade add these methods to your adapter.
0.2.0 (2017-01-09)
- 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
- 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>