Skip to content

Latest commit

 

History

History
820 lines (745 loc) · 139 KB

CHANGELOG.md

File metadata and controls

820 lines (745 loc) · 139 KB
Raw

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

8.0.0 (2020-11-02)

Bug Fixes

  • banner: Update image to graphic and support material icons (346069c)
  • card: ensure border-adjacent content renders correctly. (790ca85)
  • checkbox: Use secondary and on-secondary as default colors (b95172e), closes #5730
  • chip-set: crash when only item is removed (a653b68)
  • chips: Handle IE/Edge specific key names in keyboard navigation logic (3657f88)
  • circular-progress: Add .npmignore file to ignore typescript files when publishing (#5801) (f172b0f), closes #5800
  • circular-progress: Default all variables (430fd02)
  • circular-progress: display properly inside button (2bd09a7)
  • circular-progress: display properly inside button (000d648), closes #6388
  • circular-progress: fix determinate transition typo & 4 color keyframes (a301636)
  • circular-progress: Fix naming in package.json and add to jsBundleFactory (86f7cad)
  • circular-progress: Force LTR layout (6a40ef2)
  • circular-progress: Switch mixins import to [@use](https://github.com/use) (098ae32)
  • circular-progress: use theme.property() for color mixins (7bd5075)
  • data-table: Add noflip annotation to header cell text align (843f636)
  • data-table: Check if data table has checkboxes on destroy (164c073)
  • data-table: Fix icon misalignment in sort icon button when sorted down (610c26c)
  • data-table: Fix JS error in IE11 when setting multiple styles (d548d7a)
  • data-table: Fix pagination box height (eb28b6e)
  • data-table: Fix row checkbox cell's leading padding to match spec (38ef450)
  • data-table: Fixed default feature targeting query params of sort mixins (e33c49e)
  • data-table: Hover styles for sortable header cell (d580805)
  • data-table: partial rollback of #6390 (da72839)
  • data-table: Reverse the arrow direction icon for column sorting (a7c827f)
  • data-table: Set progress indicator height to table body offset height (c678a9d)
  • data-table: unable to redefine colors in class-based themi… (#5751) (4d48051)
  • data-table: unable to redefine colors in class-based theming (4b45b66)
  • datatable: Fix updating the header checkbox when there are no rows in a datatable (2ccf996)
  • dom: Make dom selectors in dom/announce tests scoped (fc65fd0)
  • elevation: Use relative path when importing theme Sass file. (405a29a)
  • linear-progress: disable animations when closed (a831d47)
  • linear-progress: performance for indeterminate animations in modern browsers (fc0eb50)
  • linear-progress: Temporary rollback of #5656 while updating downstream dependencies (9cf5e98)
  • list: No longer emits action event when disabled item selected (f352d03), closes #5571
  • mdc-dialog: second dialog data-mdc-dialog-initial-focus doesn't work (a0ec7e2)
  • menu-surface: Use margin_to_edge as a viewport margin in calculations for autopositioning. (4b04cdb)
  • menusurface: Fixing bug where body click listener is not being properly deregistered. (5511c52), closes #6557
  • menusurface: synchronous quick menu does not close on button click (45a6615)
  • radio: disabled state in IE high contrast mode (774dcfc)
  • segmented-button: Fixed unit test in IE11 (#6271) (b96fbfc)
  • segmented-button: Move include statements to avoid nested classes (#6380) (bcc5829)
  • segmented-button: Use empty clientRect in default adapter (#6343) (9f9aac8)
  • select: Deduplicate change events (4ad1274), closes #5570
  • select: do not emit change event when same value selected twice (e07a708)
  • select: ensure enough space for label when outlined menu opening above (66b8ed7)
  • select: float label on hidden-input initial value (744bfe5)
  • select: move label before selected text for screenreader a11y (e139d62)
  • select: prevent dropdown icon focus on IE (b9dff0a), closes #6323
  • select: prevent helper text from announcing when hidden (e056052)
  • select: remove gap when outlined opened above with no label (2fe7012)
  • select: remove min-width & dynamic width resizing (d4cd83a)
  • select: remove unnecessary bottom line focus selector (32fb314)
  • select: revert 2fed2c1 that delegates to list for single selection logic (38197b4)
  • shape: remove deprecated functions (e2ea4a9)
  • slider: Fix bugs with setting slider position before component initialization: (9110147)
  • slider: Move inactive track before active track, so active track consistently overlaps inactive track. (0b7ac96)
  • slider: Remove width: 100% to account for margin around slider track. (16c563e)
  • snackbar: remove use of @at-root (98d0296)
  • snackbar: Update a11y structure to announce label and actions (40d8e47)
  • snackbar: Update a11y structure to announce snackbar correctly (a3176c8)
  • switch: Adjust track width to 36px, align thumb and track. (d716225)
  • switch: always set track to transparent border (9a169f4)
  • switch: use CSS custom properties for theming (d6315ef)
  • textfield: affix outlined alignment Safari bug (ad4df58)
  • textfield: autofill filled label not floating correctly (abcdbcf)
  • textfield: clean up input padding (8639c26)
  • textfield: error when notching outline with no label (b0ed593), closes #6452
  • textfield: helper text a11y interactions (8a39352)
  • textfield: IE11 label overlapping placeholder (781434a)
  • textfield: move notched outline/label before input (9e2f6c4)
  • textfield: remove absolute positioning from icons (1e13d1d)
  • textfield: remove Chrome icons for date types (4951e76)
  • textfield: remove deprecated dense variant in favor of density (776291e), closes #4142
  • textfield: remove fullwidth variant (69a35e8)
  • theme: add validation to host-aware to ensure proper usage (defa599)
  • theme: do not throw error when setting custom props and null (85a5272)
  • theme: property() mixin not working with theme key strings (c1fec42), closes #6158
  • server-side rendering errors in linear progress and slider (7d0b983)
  • update circular-progress import paths (10e8c19)
  • theme: Remove duplicate @forward in theme index module (b2e80a5)
  • theme: variable overrides not working with @use/with (2d72f36)
  • typography: change $styles font-size to a Number (6d1ea97)
  • update types and deprecate old ponyfill (af332d5)

Code Refactoring

  • circular-progress: move all sizing params from CSS to markup (58ce529)
  • linear-progress: Restructure buffer DOM to allow translucent buffer (98b8434)
  • linear-progress: Restructure buffer DOM to allow translucent buffer (9372e49)
  • radio: forward only theme mixins from MDC radio index module (72258f8)
  • select: consolidate state theming to single mixins (e8bf5b2)
  • theme: move CSS declarations to utility mixin (96a6405)

Documentation

  • select: update markup to include new selectedText container (47b500a)

Features

  • animation: Add a linear animation method (c250ec5)
  • animation: Create animation frame helper class (e34e411)
  • banner: Add banner component into MDC catalog (aa3a3e5)
  • banner: Add fixed banner variant (fd8af3d)
  • banner: Add fixed-width mixin. (c61db90)
  • banner: Defining a z-index mixin. (ccc64ee)
  • banner: Expose layout method. (4794b25)
  • banner: Update banner to be mobile friendly. (dbc449b)
  • banner: Update close() to use CloseReason and provide programmatic way of closing (ff88df6)
  • banner: Update content to be leading as default and add support for optional centered. (8d5b84f)
  • button: Expand outlined touch target to include side borders (ce6cb70)
  • card: Add transparent outline to elevated card, so card boundary is shown on high-contrast mode. (c71ebfa)
  • checkbox: Add CSS custom properties to MDC checkbox theme mixins (66669e3)
  • checkbox: Add support for checkbox CSS-only indeterminate checkbox (b273afa)
  • checkbox: Added theme configuration support to checkbox (58eaa9f)
  • checkbox: Added theme configuration support to checkbox (fbf73c2)
  • checkbox: Separate static styles from checkbox styles (150f427)
  • checkbox: Separate static styles from checkbox styles (ff87000)
  • checkbox: Separate static styles from checkbox styles (4f55400)
  • chips: Add chips styling (1db5c9f)
  • chips: Add focus{in|out} handlers (10af6cf)
  • chips: Add keyCode support (82fa986)
  • chips: Add trailing action feature targeting test (bec0659)
  • chips: Create trailing action business logic (9ebee4c)
  • chips: Expose trailing action chip files (6b48781)
  • chips: Restructure trailing action mixins (05f5e15)
  • circular-progress: Add foundation methods to get isDeterminate and progress value (7d8f9c8)
  • circular-progress: Add Sass styles and tests (bd33cb5)
  • circular-progress: Add TS for foundation, adapter, component with tests (548b1d4)
  • circular-progress: support track color (e27c580)
  • data-table: Add base styles to support pagination. (927fa90)
  • data-table: Add foundation methods to support loading state. (e75deb8)
  • data-table: Add progress indicator / loading feature to data table (4497ace)
  • data-table: Add support for applying row checkbox density (291b355)
  • data-table: Added styles for table in loading state (35a32aa)
  • data-table: Added styles to support column sorting. (17b9699)
  • data-table: Added support for sticky header row in data table (599b8c3)
  • data-table: Foundation changes to support column sorting (6ee0355)
  • data-table: Set progress indicator styles based on table body height (c026422)
  • dom: Add keyboard support (5f24faa)
  • drawer: expose --mdc-theme-surface custom prop (319bf66), closes #6466
  • elevation: add custom props for overlay (4c354a3)
  • fab: Add focus outline mixins to MDC Fab (0f60323)
  • fab: Add focus outline mixins to MDC Fab (7a9afaf)
  • fab: support css custom props for extended-padding (01db890)
  • form-field: Add support for space-between (e84b9c8), closes #5747
  • formfield: add nowrap class/prop to MDC/MWC (c4b4bba)
  • iconbutton: Add icon button variant which supports toggling aria label. (f838c6e)
  • linear-progress: Add foundation methods to fetch progress and determinate state. (4dc45af)
  • list: Add transparent-border for aria-activedescendant usage (8388a9b)
  • menu: Add mixin to flatten menu top when opened-below anchor (1e17c49)
  • menu-surface: Add transition to height for menu resizing animation. (1e7cb61)
  • ripple: Add will-change opt-out param (e590b37)
  • ripple: Reorganize ripple opacities (008c4d3)
  • segmented-button: add adapters and foundations (#6165) (6ed717d)
  • segmented-button: Add component outlines (#6222) (a0f1202)
  • segmented-button: Add initial Sass styles (#6141) (7555383)
  • segmented-button: Add MDC segmented button into material-components-web (596e984)
  • segmented-button: Add new package for segmented button (#6073) (d561860)
  • segmented-button: Add ripple and touch-target support (#6277) (e3b7462)
  • segmented-button: Add select validations for singleSelect (#6381) (2e8c3dd)
  • segmented-button: Added foundation business logic (#6198) (e6e2301)
  • segmented-button: Implement components (#6223) (ac405ea)
  • select: move selectedText into its own text node (0bc41a9)
  • select: support hidden input (fda053e), closes #5428
  • select: truncate with ellipses by default (83d83f1)
  • slider: Add hooks into dragStart/dragEnd events to slider foundation. (85a1fa9)
  • slider: Add M2 version of slider. (8158544)
  • slider: Add support for customizing tick marks opacity, and document tick mark DOM structure for rendering tick marks before component initialization. (238216f)
  • slider: Add support for setting aria-valuetext on slider thumbs. (fd608ff)
  • slider: Add support for styling initial thumb/track before component JS initialization. (08ca4d0)
  • slider: Add support for theming disabled colors. (d52b165)
  • snackbar: Update stacked layout to add an additional 8px on the label's right padding (521afaf)
  • textfield: add autovalidation customization (2ab716c)
  • textfield: add filled class variant (b70bc60)
  • textfield: add forced LTR input (490fbdc)
  • textfield: add prefix and suffix (6601d24), closes #1892
  • textfield: add specific label-floating class (a88c8e4)
  • textfield: Create float transition mixin (ca61b65)
  • textfield: Limit notched outline max-width (0ab62a6)
  • textfield: Using touch-target-mixins to increase the touch target size on trailing icons on text fields. (174c0be)
  • theme: add calc() string replacement to property mixin (79414bf)
  • theme: add deep-get utility (fb5a4cd)
  • theme: add shadow-dom host-aware helpers (0a2e7fc), closes #6295
  • theme: add state helper functions (0809012)
  • tooltip: Add 500ms delay before showing tooltip. (a1c6559)
  • tooltip: add position options for y-axis (91ab1c6)
  • tooltip: Add tooltip component into MDC catalog. (b9394dc)
  • tooltip: Adding option to render tooltips as hidden from a screenreader. This should only be utilized in situations where the tooltip label hold information duplicated from an accessible name on the anchor element (e.g. tooltip label is the same as the aria-label on an icon button) (546277d)
  • tooltip: Adding transparent border around tooltip so it is distinguished from the background in high contrast mode. (02e372c)
  • tooltip: Adjusting tooltip z-index so tooltip appears above other content on the page. (c285200)
  • tooltip: Adjustments to tooltip structure. (19bea2a)
  • tooltip: Center align tooltip label text. (5dac1f6)
  • tooltip: Creating method to clear any in-progress animations before starting new ones. (61f1a8d)
  • tooltip: Defining a z-index mixin. (f4848eb)
  • tooltip: Foundation will now send a notification when the tooltip has been hidden. Methods added into the adapter to allow for this functionality. (9274f85)
  • typography: add container baseline mixins for flexbox (69edc6e)
  • add custom property support for select, textfield, and notched outline (ec23858)

Reverts

  • "Include tooltip directory for future copybara syncs." (#6185) (b0c456d)
  • feat(checkbox): Added theme configuration support to checkbox (cf80012)

BREAKING CHANGES

  • banner: Added wrapper div to text/graphic for mobile friendly view, see README.md for more info.
  • typography: typography.baseline-top() and typography.baseline-bottom() are now private. Use typography.baseline() for containers and typography.text-baseline() for text with $top and $bottom params.
  • banner: Dom structure change, see README.md
  • select: selected text node now needs to be wrapped in an outer mdc-select__selected-text-container span; see README for updated markup
  • datatable: Header checkboxes will now be unchecked if layout is called when there are no rows.
  • banner: Updated adapter to use CloseReason types
  • checkbox: Renamed mixin ripple() => ripple-styles() in MDC checkbox
  • checkbox: Renamed mixin ripple() => ripple-styles() in MDC checkbox
  • checkbox: Renamed mixin ripple() => ripple-styles() in MDC checkbox
  • theme: $ie-fallback variable has been moved and renamed to $enable-fallback-declarations in @material/theme/css
  • select: select theming mixins which were previously "stateful" (e.g. hover-label-color()) are combined into the non-stateful mixin (e.g. label-color()). The default state of the mixin can be set as normal, or a Map of states can be provided to optionally set one or more states of the mixin (e.g. label-color((hover: blue))). See the @material/theme/state package for more details.
  • textfield: adapter method getAttr added on helper text subcomponent; adapter method setInputAttr and removeInputAttr added on main component
  • textfield: the notched outline and label should now appear before the input in the text field's DOM structure for a11y navigation
  • slider: This upgrades the old slider to a new version of slider that adheres to the M2 design spec. Changes include:
  • M2 design (primary instead of secondary color used, larger active track and thumb, improved tick marks UI)
  • Range (two-thumb slider) slider
  • Pointer events support (for browsers that support pointer events)
  • High contrast mode support
  • Improved accessibility (follows WAI-ARIA spec for slider)
  • circular-progress: DOM Changed. See README for updated markup. $default-size, $stroke-width, and $container-side-length variables removed.
  • snackbar: The right padding of the label for the mdc-snackbar--stacked variant will now have an additional 8px
  • data-table: New adapter method replacing getTableBodyHeight() => getTableHeaderHeight() and changed return types of this method.
  • textfield: Default textfields must now specify mdc-text-field--filled. Disabled outlined textfields no longer have a shaded background. Height mixin no longer specifies a baseline override, use typography's baseline-top mixin.
  • textfield: mdc-text-field--dense and associated mixins/variables have been removed. Use the density() mixin instead.
  • textfield: removed the following variables: $input-padding, $input-padding-top, $input-padding-bottom, $outlined-input-padding-top, $outlined-input-padding-bottom, $input-border-bottom
  • linear-progress: DOM for linear progress buffer changed. MDCLinearProgressAdapter method getBuffer, getPrimaryBar, setStyle removed. MDCLinearProgressAdapter method setBufferBarStyle, setPrimaryBarStyle added.
  • linear-progress: DOM for linear progress buffer changed. MDCLinearProgressAdapter method getBuffer, getPrimaryBar, setStyle removed. MDCLinearProgressAdapter method setBufferBarStyle, setPrimaryBarStyle added.
  • radio: MDC radio _index Sass module will only export theme mixins

7.0.0 (2020-06-23)

Bug Fixes

  • base: Add EDITING and EDITABLE states to the chip. (cf3b664)
  • base: Causes internal text in a chip to not overflow and instead be truncated by ellipsis. (b83d720)
  • base: Make the root property public (51d4535)
  • base: Remove "foundation_" from MDCComponent (8c6d7e0)
  • base: Remove trailing underscore "adapter_" (5b5f62f)
  • base: Remove trailing underscore from superclass properties (62b5f37)
  • button: Correct misspelling of overflow (29debfe)
  • button: Correct misspelling of overflow (99d2fc9)
  • button: Correct misspelling of overflow (28d32f8)
  • button: Move theme-baseline() into base Sass. (080965f)
  • button: Remove misspelled label-overlow-ellipsis (e59906a)
  • checkbox: Use secondary and on-secondary as default colors (b95172e), closes #5730
  • checkbox: Use superclass properties without trailing underscores (2e218db)
  • chips: Handle IE/Edge specific key names in keyboard navigation logic (3657f88)
  • chips: Use superclass properties without trailing underscores (cf7747e)
  • circular-progress: Add .npmignore file to ignore typescript files when publishing (#5801) (f172b0f), closes #5800
  • circular-progress: fix determinate transition typo & 4 color keyframes (a301636)
  • circular-progress: Fix naming in package.json and add to jsBundleFactory (86f7cad)
  • circular-progress: Force LTR layout (6a40ef2)
  • circular-progress: Switch mixins import to [@use](https://github.com/use) (098ae32)
  • circularprogress: Use superclass properties without trailing underscores (da05f66)
  • data-table: Fix pagination box height (eb28b6e)
  • data-table: Fixed alignment of numeric header cell with sort button. (2139200)
  • data-table: Fixed default feature targeting query params of sort mixins (e33c49e)
  • data-table: Fixed horizontal scrolling issue with pagination controls (b065a4d)
  • data-table: Hover styles for sortable header cell (d580805)
  • data-table: Make row checkbox table cell fixed even when table is wide (a6ac8f6)
  • data-table: not inverting text alignment in rtl (bd8d1aa)
  • data-table: Removed overflow-x from root element (4ebce8d)
  • data-table: Reverse the arrow direction icon for column sorting (a7c827f)
  • data-table: unable to redefine colors in class-based themi… (#5751) (4d48051)
  • data-table: unable to redefine colors in class-based theming (4b45b66)
  • datatable: Use superclass properties without trailing underscores (862d0d7)
  • dialog: Change scale(1) to transform:none (9ea5207)
  • dialog: Only equalize paddings for scrollable dialogs with titles, since there is no added divider between title/content in this case. (8135cc0)
  • dialog: Use superclass properties without trailing underscores (b4e2fe9)
  • dom: Clear out announcer regions on document click (c67667e)
  • drawer: Use superclass properties without trailing underscores (a66493c)
  • floating-label: Use superclass properties without trailing underscores (5cea261)
  • form-field: Use superclass properties without trailing underscores (7fd792b)
  • icon-button: Use superclass properties without trailing underscores (740860e)
  • line-ripple: Use superclass properties without trailing underscores (a4aae3d)
  • linear-progress: Temporary rollback of #5656 while updating downstream dependencies (9cf5e98)
  • linear-progress: Use superclass properties without trailing underscores (8e17857)
  • list: No longer emits action event when disabled item selected (f352d03), closes #5571
  • list: Preserve aspect ratio of the original image when using it as the icon or avatar for a list. (be4a19f)
  • list: Remove obsolete non-interactive class & :not selectors (2553e86)
  • list: Use superclass properties without trailing underscores (4847dd7)
  • menu: Do not set selectedIndex for menu items that have a negative recomputedIndex. (ef3a095)
  • menu: Use superclass properties without trailing underscores (0008c8a)
  • menu-surface: Use margin_to_edge as a viewport margin in calculations for autopositioning. (4b04cdb)
  • menu-surface: Use superclass properties without trailing underscores (62abbc8)
  • menusurface: open and closed events not fired when already opened or closed (9cff431)
  • menusurface: synchronous quick menu does not close on button click (45a6615)
  • notched-outline: Use superclass properties without trailing underscores (49bf31d)
  • radio: Use superclass properties without trailing underscores (541638f)
  • ripple: Use superclass properties without trailing underscores (6167cd0)
  • select: Also set font size for icon (c113fc9)
  • select: clean up helper text interactions (654934d)
  • select: Close menu on anchor click when menu is open (8fa22aa)
  • select: Deduplicate change events (4ad1274), closes #5570
  • select: Fix redundant calculations & allow resyncing foundation to options (ff4bc63), closes #5646 #5646 #5686 #5783
  • select: fix screenreader click interactions (8904f3c)
  • select: fully separate density mixins for filled variants (d66d22b)
  • select: Make compatible with rich list-items (0a7895f)
  • select: Remove pointer events where unnecessary (0e052b2)
  • select: Set aria-selected="false" properly (730920f)
  • select: Update disabled state (f83e008)
  • select: Update dropdown arrow icon transitions (15d6544)
  • select: Update markup in tests and README (e3eacef)
  • select: Use key constants from DOM package (388b042)
  • select: Use superclass properties without trailing underscores (c472bbb)
  • slider: avoid server side rendering error (95c7355)
  • slider: mobile sliding regression (e844443), closes #5894
  • slider: two change events fired on each up (d10412c)
  • snackbar: Use superclass properties without trailing underscores (39b0b8e)
  • snackbar: Use superclass properties without trailing underscores (5ea0f3f)
  • switch: always set track to transparent border (9a169f4)
  • switch: use CSS custom properties for theming (d6315ef)
  • tab: Use superclass properties without trailing underscores (a4b2e61)
  • tab-bar: Use superclass properties without trailing underscores (f2de07c)
  • tab-indicator: Use superclass properties without trailing underscores (d30a214)
  • tab-scroller: Use superclass properties without trailing underscores (96dba1d)
  • text-field: Use superclass properties without trailing underscores (e6165eb)
  • textfield: clean up input padding (8639c26)
  • textfield: core-styles now applies sub-element core-styles (bcdad99), closes #5927
  • textfield: IE11 label overlapping placeholder (781434a)
  • fix show/hide clauses in import-only files (148e448)
  • textfield: remove absolute positioning from icons (1e13d1d)
  • mark all packages as side-effect-free (be7cb05)
  • server-side rendering errors in linear progress and slider (7d0b983)
  • textfield: remove deprecated dense variant in favor of density (776291e), closes #4142
  • textfield: textarea density label position is now correct (2f8a227)
  • textfield: textarea min-width not set correctly for Chrome (0a371b4)
  • textfield: update outlined textarea specs (524b7b8)
  • top-app-bar: Use superclass properties without trailing underscores (863ac1b)

Code Refactoring

  • linear-progress: Restructure buffer DOM to allow translucent buffer (98b8434)
  • linear-progress: Restructure buffer DOM to allow translucent buffer (9372e49)
  • select: Fix alignment issues, upgrade anchor to interactive element (28d10a9), closes #5428

Features

  • button: Add button ripple-states mixin, for simpler customization of button ripple color. (ed7f324)
  • button: Expand outlined touch target to include side borders (ce6cb70)
  • checkbox: Add support for checkbox CSS-only indeterminate checkbox (b273afa)
  • chips: Add chips styling (1db5c9f)
  • chips: Add configurable primary action focus (deb212d)
  • chips: Add focus{in|out} handlers (10af6cf)
  • chips: Add keyCode support (82fa986)
  • chips: Add trailing action feature targeting test (bec0659)
  • chips: Create trailing action business logic (9ebee4c)
  • chips: Expose trailing action chip files (6b48781)
  • chips: Reposition trailing action touch target width mixin (3846ce3)
  • chips: Restructure trailing action mixins (05f5e15)
  • chips: Use trailing action component in chip (058cfd2)
  • circular-progress: Add foundation methods to get isDeterminate and progress value (7d8f9c8)
  • circular-progress: Add Sass styles and tests (bd33cb5)
  • circular-progress: Add TS for foundation, adapter, component with tests (548b1d4)
  • data-table: Add base styles to support pagination. (927fa90)
  • data-table: Add foundation methods to support loading state. (e75deb8)
  • data-table: Added sort status label to sortable column header (9833dc2)
  • data-table: Added styles for table in loading state (35a32aa)
  • data-table: Added styles to support column sorting. (17b9699)
  • data-table: Added styles to support rows per page select menu in pagination (3ee488f)
  • data-table: Added support for column sorting feature in data table (06ef147)
  • data-table: Added support for row header cell and other a11y improvements. (27533c1)
  • data-table: Foundation changes to support column sorting (6ee0355)
  • data-table: Make rows per page wrap in new line when overflows (09abc92)
  • data-table: Set progress indicator styles based on table body height (c026422)
  • dialog: Add padding mixin (ad0c0c1)
  • dom: Add keyboard support (5f24faa)
  • drawer: allow custom properties in width() (39e6f71)
  • fab: Add outline in high-contrast mode (deda86d)
  • floating-label: add required modifier class (047e6b3)
  • form-field: Add support for space-between (e84b9c8), closes #5747
  • formfield: add nowrap class/prop to MDC/MWC (c4b4bba)
  • formfield: Remove trailing underscores from private properties (2f052d8)
  • iconbutton: Add icon button variant which supports toggling aria label. (f838c6e)
  • iconbutton: Remove trailing underscores from private properties (119e214)
  • linear-progress: Add foundation methods to fetch progress and determinate state. (4dc45af)
  • linearprogress: Remove trailing underscores from private properties (893eb18)
  • list: add focus indicator in hi-contrast mode (8602f1b)
  • list: Add mixin for selected item's text color (bd8ca96)
  • menu: Add mixin to flatten menu top when opened-below anchor (1e17c49)
  • menu-surface: Add support for flipping menu corner horizontally. (7b44824)
  • ripple: Reorganize ripple opacities (008c4d3)
  • rtl: allow values to be theme keys and custom props (afb1c11)
  • select: Add menu invalid class (4ba3c9a)
  • select: Add mixin for min-width (09f5919)
  • select: Add openMenu foundation method (9b0b5f2)
  • select: Add styles for high-contrast mode in IE (05cc5c2)
  • select: Auto-align width of menu to select by default (1b3dd84)
  • select: Change root to inline-block & add fullwidth flag (2673adb)
  • select: changing density also also changes menu's list density (68a2af1)
  • select: Create additional state mixins (744d751)
  • select: extend typeahead to work when menu closed but select focused (a0dc2b5)
  • select: flatten menu top when opened below (912d902)
  • select: gracefully display long labels (21c4e4e)
  • select: Implement density (610c68d)
  • select: introduce custom validity (fd8f8f2)
  • select: lower dropdown icon size and list leading padding when dense (32aa236)
  • select: make selected text more flexible (2b420c5)
  • select: Replace hardcoded leading margins for options with dummy graphic (7461aad)
  • select: Support typeahead (b0fdca4), closes #5705
  • select: Update behavior on upArrow/downArrow (d92d8c9)
  • select: Update helper-text interactions (142b154), closes #5463
  • select: use floating label's required class (d86ad3b)
  • shape: add shape custom properties (0743288)
  • text-field: Truncate floating label width w/ icons (c141801)
  • textfield: add filled class variant (b70bc60)
  • textfield: add filled textarea variant (4497b86)
  • textfield: add forced LTR input (490fbdc)
  • textfield: add prefix and suffix (6601d24), closes #1892
  • textfield: add specific label-floating class (a88c8e4)
  • textfield: allow character counter to be moved outside of the textarea. (84e7ed5)
  • textfield: allow disabled textareas to scroll and resize (b9776b1)
  • textfield: Create float transition mixin (ca61b65)
  • textfield: Limit notched outline max-width (0ab62a6)
  • textfield: move resize handle for textareas to bottom corner (ed52af7)
  • textfield: required outlined modifier for textarea (b10d0d7)
  • textfield: support svg icons for textfield (d91794c)
  • theme: add new property mixin and custom property support (51512a4)
  • theme: custom property fallback values are now optional (01de070)
  • typography: add container baseline mixins for flexbox (69edc6e)

BREAKING CHANGES

  • button: Correct misspelling of overflow for button's label-overflow-ellipsis mixin
  • button: Correct misspelling of overflow for button's label-overflow-ellipsis mixin
  • button: Removes button theme-baseline() mixin, moves mixin contents to base button Sass.
  • chips: The chip adapter and foundation interfaces have changed. Chips now use the trailing action subcomponent.
  • data-table: Added a wrapper element to data table's table element to fix horizontal scrolling issue when pagination controls are added.
  • floating-label: all labels that are part of a required field should now add the mdc-floating-label--required class for required fields to avoid a FOUC
  • linear-progress: DOM for linear progress buffer changed. MDCLinearProgressAdapter method getBuffer, getPrimaryBar, setStyle removed. MDCLinearProgressAdapter method setBufferBarStyle, setPrimaryBarStyle added.
  • linear-progress: DOM for linear progress buffer changed. MDCLinearProgressAdapter method getBuffer, getPrimaryBar, setStyle removed. MDCLinearProgressAdapter method setBufferBarStyle, setPrimaryBarStyle added.
  • select: Added adapter method addMenuClass, removeMenuClass
  • select: Added adapter methods isTypeaheadInProgress, typeaheadMatchItem
  • select: DOM structure for dropdown icon changed; $dropdown-color renamed to $dropdown-icon-color, $dropdown-opacity removed, $disabled-dropdown-opacity removed.
  • select: HTML Markup significantly changed, see README; REMOVED adapter methods isSelectedTextFocused, getSelectedTextAttr, setSelectedTextAttr; ADDED adapter methods isSelectAnchorFocused, getSelectAnchorAttr, setSelectAnchorAttr; removed variables outlined-dense-label-position-y, icon-padding; added variables minimum-height-for-filled-label, filled-baseline-top, selected-text-height, anchor-padding-left, anchor-padding-left-with-leading-icon, anchor-padding-right.
  • select: density mixin split into filled-density, filled-with-leading-icon-density; height mixin split into filled-height, filled-with-leading-icon-height
  • select: mdc-menu--fullwidth class replaces custom width class for the menu markup in select
  • select: adapter method removeAttributeAtIndex removed.
  • select: added adapter method removeSelectAnchorAttr
  • select: dropdown icon SVG markup now has mdc-select__dropdown-icon-graphic class.
  • select: empty space around mdc-list-item__text spans removed in select markup
  • select: helper text now persistent by default, mdc-select-helper-text--persistent removed
  • select: non-outlined selects now require a mdc-select--filled class on its root
  • select: root of mdc-select is now an inline-block element, use custom width class (i.e. demo-width-class) on the root instead of the anchor for width adjustments; alternately, use the new mdc-select--fullwidth on the root to expand width to that of its parent container
  • select: variable $outline-disabled-border renamed to $disabled-outline-color; icon variable $icon-opacity removed, use alpha channel of $icon-color instead.
  • textfield: Default textfields must now specify mdc-text-field--filled. Disabled outlined textfields no longer have a shaded background. Height mixin no longer specifies a baseline override, use typography's baseline-top mixin.
  • textfield: mdc-text-field--dense and associated mixins/variables have been removed. Use the density() mixin instead.
  • textfield: mdc-text-field--textarea must now include mdc-text-field--outlined modifier class
  • textfield: mdc-text-field-SUB_ELEMENT imports have been removed
  • textfield: removed the following variables: $input-padding, $input-padding-top, $input-padding-bottom, $outlined-input-padding-top, $outlined-input-padding-bottom, $input-border-bottom
  • textfield: textareas must now add a mdc-text-field__resizer span around the textarea (and internal counter if present) if they are resizable
  • textfield: textareas with internal character counters must specify the mdc-text-field--with-internal-counter class. Character counters should move after the textarea element.
  • theme: color-hash() (and checkbox container-colors mixins) no longer works with var() values and now only works with custom property Maps created by custom-properties.create()
  • typography: typography.baseline-top() and typography.baseline-bottom() are now private. Use typography.baseline() for containers and typography.text-baseline() for text with $top and $bottom params.

6.0.0 (2020-04-22)

Bug Fixes

  • auto-init: Fixed issue with multiple default exports (#5464) (8ddd5c6)
  • button: Fix outline & ink color according to spec guidance (#5268) (ee1a68c)
  • button: Fixed parameter default value in height mixin (#5244) (b0cecf1)
  • checkbox: change checkbox event type from change to click and add some logic for IE browser (#5316) (2e491de), closes #4893
  • checkbox: Disabled state colors in IE11 high contrast mode (#5263) (d6a1d4b)
  • checkbox: Replace unique-id with custom color hash functio… (#5404) (7be9e4a)
  • checkbox: update disabled color values (#5209) (821871e)
  • checkbox: Use secondary and on-secondary as default colors (b95172e), closes #5730
  • chips: .d.ts file generated with syntax error (d154836)
  • chips: .d.ts file generated with syntax error (#5577) (98f7faa)
  • chips: Do not throw error if chip set becomes empty (#5290) (f978109)
  • chips: Fix browser back nav in FF when removing chip with… (#5537) (a1a0deb)
  • chips: Handle IE/Edge specific key names in keyboard navigation logic (3657f88)
  • chips: Move touch target inside primary action (ad3bbf7)
  • circular-progress: Add .npmignore file to ignore typescript files when publishing (#5801) (f172b0f), closes #5800
  • circular-progress: fix determinate transition typo & 4 color keyframes (a301636)
  • circular-progress: Fix naming in package.json and add to jsBundleFactory (86f7cad)
  • circular-progress: Force LTR layout (6a40ef2)
  • circular-progress: Switch mixins import to [@use](https://github.com/use) (098ae32)
  • core: Fix canary release by excluding test files from default tsconfig (#5317) (c916008)
  • data-table: change svg attribute name viewbox to viewBox (#5483) (#5493) (f3adce8)
  • data-table: Fix pagination box height (eb28b6e)
  • data-table: Fixed default feature targeting query params of sort mixins (e33c49e)
  • data-table: Hover styles for sortable header cell (d580805)
  • data-table: Reverse the arrow direction icon for column sorting (a7c827f)
  • data-table: unable to redefine colors in class-based themi… (#5751) (4d48051)
  • data-table: unable to redefine colors in class-based theming (4b45b66)
  • dialog: Move aria roles from dialog root to dialog surface… (#5239) (c704b71)
  • elevation: Update overlay color mixin (#5331) (b723dfa)
  • fab: Add missing dep to fab package.json. (#5236) (e0f6fd9)
  • fab: Add overflow: visible to make touch target visible in… (#5241) (5850080)
  • fab: Adjust fab line-height (#5254) (525989b)
  • fab: Adjust fab line-height to center text (#5258) (591a6ad)
  • floatinglabel: Estimate hidden scroll width (#5448) (981ec9b)
  • linear-progress: Temporary rollback of #5656 while updating downstream dependencies (9cf5e98)
  • linear-progress: support aria attributes (#5248) (7084b40), closes #5248
  • list: Ensure disabled colors apply to primary and secondary text (#5322) (878a08b)
  • list: No longer emits action event when disabled item selected (f352d03), closes #5571
  • menu-surface: Use margin_to_edge as a viewport margin in calculations for autopositioning. (4b04cdb)
  • menusurface: open and closed events not fired when already opened or closed (9cff431)
  • menusurface: synchronous quick menu does not close on button click (45a6615)
  • notched-outline: Restore component test (#5449) (4269133)
  • radio: update disabled color values (#5210) (491fddc)
  • select: Deduplicate change events (4ad1274), closes #5570
  • select: Do not fire change event on programmatic change (#5255) (ec72968)
  • select: Fix notch outline width when floating (#5319) (1c494e5)
  • slider: slider track not visible (#5512) (f2426d2)
  • slider: two change events fired on each up (d10412c)
  • slider: use secondary custom property color for slider container (#5132) (aa8e43e)
  • slider: Visual bug when slider value is displayed as "-0" (3fc3ab5)
  • snackbar: add explicit width for label to wrap in ie11 (#5497) (cd49033)
  • snackbar: adjust mixins to meet spec (#5477) (f16f15b)
  • switch: add transform transition to switch control to avoid overflow-x issues (8c11ea2)
  • switch: always set track to transparent border (9a169f4)
  • switch: fix strict generic checks (7f5e0c2)
  • switch: handle aria-checked correctly. (#5202) (#5357) (d245a1a)
  • switch: set track border to be transparent (#5323) (397905b)
  • switch: use CSS custom properties for theming (d6315ef)
  • testing: Revert change from #5299. (#5324) (5fb62be)
  • textfield: add placeholder mixins and fix disabled colors (#5360) (0a40ced)
  • textfield: add separate classes for leading/trailing icons (#5367) (70c708d)
  • textfield: change root element to (#5439) (d8d9502)
  • textfield: clean up input padding (8639c26)
  • textfield: hide filled-variant floating label at <52px (#5553) (5ff3380)
  • textfield: IE11 label overlapping placeholder (781434a)
  • textfield: incorrect mixin forward path (#5554) (3e782d8)
  • textfield: move ripple to separate element (c541ebe)
  • textfield: outlined trailing icon's position (#5496) (93e2288)
  • textfield: prevent placeholder styles from collapsing with minifiers (d07c78d)
  • add missing SASS dependencies (#5337) (d2ae6e1)
  • textfield: remove absolute positioning from icons (1e13d1d)
  • textfield: remove deprecated dense variant in favor of density (776291e), closes #4142
  • textfield: use correct disabled colors for IE11 high contrast (5353985)
  • Remove edge detection for CSS custom properties (#5264) (fe444ac)
  • server-side rendering errors in linear progress and slider (7d0b983)

Code Refactoring

  • migrate to the Sass module system (#5453) (faa9af3)
  • grid-list: Deprecate component (#5499) (cf33f11)
  • linear-progress: Restructure buffer DOM to allow translucent buffer (98b8434)
  • linear-progress: Restructure buffer DOM to allow translucent buffer (9372e49)
  • select: Fix alignment issues, upgrade anchor to interactive element (28d10a9), closes #5428
  • touchtarget: Rename mdc-touch-target-component => mdc… (#5245) (afe0dd1)

Features

  • button: Add disabled state color mixins (#5232) (b5eb51e)
  • button: Add overflow ellipsis mixin (#5352) (47949b0)
  • button: Expand outlined touch target to include side borders (ce6cb70)
  • button: Setup elevation overlay (#5256) (3cbee6d)
  • card: Add elevation overlay structure (#5282) (aa0eba4)
  • checkbox: Add support for checkbox CSS-only indeterminate checkbox (b273afa)
  • chips: Add chips styling (1db5c9f)
  • chips: Add elevation overlay structure (#5279) (3e560b3)
  • chips: Add focus{in|out} handlers (10af6cf)
  • chips: Add keyCode support (82fa986)
  • chips: Add trailing action feature targeting test (bec0659)
  • chips: Announce when chips are removed (b3f70eb)
  • chips: Consolidate interaction event handlers (#5251) (5729943)
  • chips: Create trailing action business logic (9ebee4c)
  • chips: Expose trailing action chip files (6b48781)
  • chips: Restructure trailing action mixins (05f5e15)
  • circular-progress: Add foundation methods to get isDeterminate and progress value (7d8f9c8)
  • circular-progress: Add Sass styles and tests (bd33cb5)
  • circular-progress: Add TS for foundation, adapter, component with tests (548b1d4)
  • data-table: Add base styles to support pagination. (927fa90)
  • data-table: Add foundation methods to support loading state. (e75deb8)
  • data-table: Added styles for table in loading state (35a32aa)
  • data-table: Added styles to support column sorting. (17b9699)
  • data-table: Foundation changes to support column sorting (6ee0355)
  • data-table: Set progress indicator styles based on table body height (c026422)
  • dialog: Add elevation overlay structure (#5283) (b8bc4a2)
  • dom: Add focus trap utility. (#5505) (63f357d)
  • dom: Add keyboard support (5f24faa)
  • dom: Create announcer utility (32c1df1)
  • elevation: Add elevation overlay mixins (#5249) (b4cfdc4)
  • elevation: Update elevation mixins (#5304) (ba879b6)
  • fab: Add elevation overlay structure (#5278) (e89750d)
  • fab: Add outline in high-contrast mode (deda86d)
  • fab: Add support for increased touch target to mini FAB. (#5231) (0c4d8f3)
  • floating-label: add feature targeting for styles (#5287) (b240bcc)
  • form-field: Add support for space-between (e84b9c8), closes #5747
  • formfield: add nowrap class/prop to MDC/MWC (c4b4bba)
  • icon-button: Add disabled state color mixins (#5246) (7161170)
  • iconbutton: Add icon button variant which supports toggling aria label. (f838c6e)
  • line-ripple: add active/inactive states to line-ripple (b6c7f62)
  • line-ripple: add feature targeting for styles (#5292) (391674a)
  • linear-progress: Add foundation methods to fetch progress and determinate state. (4dc45af)
  • menu: Add elevation overlay structure (#5280) (7fd17ce)
  • menu: Add mixin to flatten menu top when opened-below anchor (1e17c49)
  • menu-surface: Add support for flipping menu corner horizontally. (7b44824)
  • notched-outline: add feature targeting for styles (#5289) (c483774)
  • progress-indicator: Add common interface for progress indicators (#5564) (ea863cb)
  • ripple: Reorganize ripple opacities (008c4d3)
  • switch: Add elevation overlay structure (#5281) (50f110a)
  • switch: Restructure DOM (#5312) (0ec1fab)
  • text-field: Add disabled state color mixins (#5208) (66299b6)
  • text-field: add feature targeting for styles (#5378) (e8a9936)
  • text-field: Truncate floating label width w/ icons (c141801)
  • textfield: add end-alignment (#5356) (847dd1a)
  • textfield: add filled class variant (b70bc60)
  • textfield: add forced LTR input (490fbdc)
  • textfield: add prefix and suffix (6601d24), closes #1892
  • Add index stylesheets to each MDC Web package (#5539) (1814866)
  • Add index stylesheets to mdc-image-list and mdc-layout-gr… (#5546) (3a85313)
  • Use @use syntax in material-components-web Sass file and… (#5573) (b4727e4)
  • textfield: add specific label-floating class (a88c8e4)
  • textfield: allow character counter to be moved outside of the textarea. (84e7ed5)
  • textfield: Create float transition mixin (ca61b65)
  • textfield: Limit notched outline max-width (0ab62a6)
  • typography: add container baseline mixins for flexbox (69edc6e)

Reverts

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

BREAKING CHANGES

  • select: HTML Markup significantly changed, see README; REMOVED adapter methods isSelectedTextFocused, getSelectedTextAttr, setSelectedTextAttr; ADDED adapter methods isSelectAnchorFocused, getSelectAnchorAttr, setSelectAnchorAttr; removed variables outlined-dense-label-position-y, icon-padding; added variables minimum-height-for-filled-label, filled-baseline-top, selected-text-height, anchor-padding-left, anchor-padding-left-with-leading-icon, anchor-padding-right.

  • text-field: Redundant mixins mdc-text-field-textarea-fill-color, mdc-text-field-textarea-stroke-color, mdc-text-field-fullwidth-bottom-line-color removed. Instead, use mdc-text-field-fill-color, mdc-text-field-outline-color, and mdc-text-field-bottom-line-color respectively to achieve the same effect.

  • textfield: mdc-text-field--dense and associated mixins/variables have been removed. Use the density() mixin instead.

  • textfield: removed the following variables: $input-padding, $input-padding-top, $input-padding-bottom, $outlined-input-padding-top, $outlined-input-padding-bottom, $input-border-bottom

  • linear-progress: DOM for linear progress buffer changed. MDCLinearProgressAdapter method getBuffer, getPrimaryBar, setStyle removed. MDCLinearProgressAdapter method setBufferBarStyle, setPrimaryBarStyle added.

  • linear-progress: DOM for linear progress buffer changed. MDCLinearProgressAdapter method getBuffer, getPrimaryBar, setStyle removed. MDCLinearProgressAdapter method setBufferBarStyle, setPrimaryBarStyle added.

  • typography: typography.baseline-top() and typography.baseline-bottom() are now private. Use typography.baseline() for containers and typography.text-baseline() for text with $top and $bottom params.

  • chips: The touch target and text now appear inside the primary action element. Please see the readme for markup changes.

  • textfield: filled text fields must include a <div class="mdc-text-field__ripple"></div>

  • textfield: Filled textfields will no longer show a floating label at certain densities. This can be overridden by setting $mdc-text-field-minimum-height-for-filled-label: 40px

  • chips: Both MDCChipAdapter and MDCChipSetAdapter have new methods. MDCChipSetFoundation event handlers now accept the corresponding chip event detail interface as the sole argument. The root property has been removed from the MDCChipRemovalEventDetail interface.

  • line-ripple: mdc-line-ripple-color() mixin has been renamed to mdc-line-ripple-active-color()

  • textfield: Default textfields must now specify mdc-text-field--filled. Disabled outlined textfields no longer have a shaded background. Height mixin no longer specifies a baseline override, use typography's baseline-top mixin.

  • Four variables and a mixin in mdc-textfield were renamed to use a mdc-text-field- prefix when depended on via @import (formerly mdc-required-text-field-label-asterisk_, now required-label-asterisk_).

  • textfield: icons must use .mdc-text-field__icon--leading or .mdc-text-field__icon--trailing classes. mdc-text-field-icon-color() mixin has been split into mdc-text-field-leading-icon-color() and mdc-text-field-trailing-icon-color().

  • switch: Added setNativeControlAttr method in mdc-switch adapter.

  • checkbox: remove event listener for 'change' and add event listener for 'click'.

  • Add handleClick() method in foundation to handle click event.
  • Add setCheck() method into component to change check status.
  • switch: Switch DOM structure has changed. See switch README for details
  • button: Variable $mdc-button-disabled-container-fill-color renamed to $mdc-button-disabled-container-color.
  • Removed $edgeOptOut option from mdc-theme-prop() Sass mixin.
  • chips: the handleInteraction and handleTrailingIconInteraction handlers have been removed from the MDCChipFoundation. The handleClick handler has been added to the MDCChipFoundation
  • Adds new adapter methods to MDCLinearProgressAdapter.
  • elevation: Functions moved into the _functions.scss file
  • touchtarget: Renames mixin from mdc-touch-target-component => mdc-touch-target-margin
  • grid-list: Per the deprecation notice for grid-list, this component has been removed from MDC-Web. Some of its functionalities are available in the MDC Image List package instead. It is recommended that you migrate to the mdc-image-list package to continue to receive new features and updates.

4.0.0 (2019-11-02)

4.0.0 (2019-11-02)

Bug Fixes

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

Code Refactoring

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

Features

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

BREAKING CHANGES

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

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

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

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

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

  • list: New adapter method listItemAtIndexHasClass

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

  • linear-progress: MDCLinearProgressAdapter adapter has new forceLayout method

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

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

    OLD

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

    NEW

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

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

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

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

    OLD

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

    NEW

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

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

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

Note: For older changes, see the changelog archive.