As a special service "Fossies" has tried to format the requested source page into HTML format (assuming markdown format).
Alternatively you can here view or download the uninterpreted source code file.
A member file download can also be achieved by clicking within a package contents listing on the according byte size field. See also the latest Fossies "Diffs" side-by-side code changes report for "CHANGELOG.md": 13.0.0_vs_14.0.0.
A hint: This file contains one or more very long lines, so maybe it is better readable using the pure text view mode that shows the contents as wrapped lines within the browser window.
Change Log
All notable changes to this project will be documented in this file.
See Conventional Commits
for commit guidelines.
iconbutton: Fixed max width and height for high
contrast mode focus ring on icon buttons. Display only in forced colors
mode. (cf42927)
iconbutton: Set icon button ripple z-index to -1.
(586e740)
list: Improve a11y for multi-select lists (9736ddc)
list: Remove conflicting validation for checkbox
list in setEnabled (353ca7e)
list: Update lastSelectedIndex when toggling a
checkbox range (dcba26f)
menusurface: Add a getOwnerDocument() method to
MDCMenuSurfaceAdapter to provide a reference to the document that owns
the menu surface DOM element. (3486659)
radio: Fix disabled state in Firefox Windows high
contrast mode (23043ac)
radio: Modify theme styles Sass mixin validation to
validate only keys (390220e)
select: Add border to select menu in HCM. (5d80969)
select: revert down/up arrow on anchor changing
selected index (43d08ba)
slider: Fix bug where secondary click moves slider
thumb. (3ab9565)
slider: Fix IE11 bug - unset is
unsupported in IE. (f460e23)
slider: In updateUI, fix behavior to match jsdoc
claim that when thumb param is undefined it updates both thumbs. Input
attributes were not being updated at all. (cc4ed13)
slider: Make the slider errors easier to debug by
providing all relevant values in the error message. (8687937)
tooltip: Adjusts logic in
validateTooltipWithCaretDistances method. (3e30054)
typography: Fixes typography
theme-styles mixin… the value being retreived from the
$theme map and css property name was swapped. The mixin
would request
font-size/font-weight/letter-spacing
from the $theme map (which expects
size/weight/tracking)… so these
values would always be null. (32b3913)
textfield: Fix breaking tests due to no valid
pointerId being associated with pointer events. (15db4f1)
tooltip: Only sends notification of a tooltip being
hidden if showTimeout is not set (indicating that this
tooltip is about to be re-shown). (6ca8b8f)
Features
banner: Add disableAutoClose params for both banner
actions to prevent the banner buttons from automatically closing the
banner. Add adapter #notifyActionClicked method. (b094eaa)
switch: elevation theme custom properties not
working (2865629)
switch: use correct colors for icons in all HCM
themes (d86fb6f)
theme: ensure state selectors negate properly (7249a30)
tooltip: Add a getActiveElement() method to
MDCTooltipAdapter to delegate getting the active element from the
correct document. (e334676)
tooltip: Adjust tooltip focusout
handler. Ensures that interactive tooltips remain open when ChromeVox
uses linear navigation to read non-focusable content inside the tooltip.
(7c96e6b)
tooltip: non-persistent tooltips disappear on
scroll (1f9259b)
update combined mdc package to use new switch CSS (077dcfc),
closes #7304
tooltip: allow the Mac zoom service to access plain
tooltip contents (510cf90)
fab: prepare fab-extended for theming in MWC (ce25bc3)
iconbutton: Add
.mdc-icon-button--display-flex class that centers icon via
flexbox. When using the new theme API, the icon button should have this
class. (8355e14)
iconbutton: Add MDC theme mixin that declares
custom properties. (fa7520f)
fab: Use elevation resolvers in custom property
themes (3f691ec)
iconbutton: Add support for increased touch target
to icon button. (f43af56)
list: Add public #getFocusedItemIndex to
foundation. Also add a forceUpdate option to
#setSelectedIndex that forces a UI update of the selected item. (5d06051)
list: Basic support for three-line lists. (4bb5eea)
menu: Add public #getSelectedIndex to foundation.
(f705e80)
radio: Added theme mixin that declares custom
properties in MDC radio (b87ebf7)
radio: Added theme styles mixin to MDC radio (464a002)
radio: Added theme styles mixin to Radio (5823407)
ripple: Added theme styles and theme mixin to
Ripple (a2b0f4c)
select: Add #getUseDefaultValidation method to
foundation. (adeac05)
shape: add shape map theme value support (ec31ae1)
slider: Expose changing certain props after
initialization to support MWC (3f36ac7)
switch: add custom property theming support (f147a22)
switch: add density custom property support (598fccc)
switch: add new component and foundation (ef43e6d)
tooltip: Adjusting logic and styles so the caret
better matches spec. (55ad2d7)
tooltip: Fixes ordering of values provided to
tranform-origin. (25751d2)
tooltip: Plain tooltips remain visible if the user
hovers over them. (ccce99c)
Reverts
checkbox: Added new theme mixin in checkbox to
match token keys (b4c3f51)
BREAKING CHANGES
tooltip: - Tooltips intended to be hidden from the
screen reader should be annotated with
data-hide-tooltip-from-screenreader="true" (in addition to
using data-tooltip-id rather than
aria-describedby.
PiperOrigin-RevId: 386490861 * Breaking change for the UMD-case where
the exports are bound to a global variable. Previously the entry-point
would appear in camel-case, but now it’s matching the actual package
name in dash-case. This is unfortunately not avoidable with the current
Webpack tooling. i.e. previous UMD users relying on the globals (which
are rather rare anyway), would need to switch from
window.mdc.circularProgress to
window.mdc['circular-progress]. *
checkbox: Renamed old checkbox theme mixin for
deprecation
PiperOrigin-RevId: 384568221 * iconbutton: Icon
button now requires an inner ripple element with class
mdc-icon-button__ripple. See README for details.
dialog: Add transparent border to dialog surface
for HCM support. (b2fa996)
dialog: Remove the unnecessary border on the dialog
title when not needed, this adds an extra line in the UI on high
contrast mode. With margins it is possible to keep the previous spacing
and only add the border when needed. (3344d12)
dom: do not cache focusable elements in focus-trap
(7899e0f)
fab: add alternate decorator only when necessary
(0fd56a8)
list: Correcting the selector mapping for
CHILD_ELEMENTS_TO_TOGGLE_TABINDEX and FOCUSABLE_CHILD_ELEMENTS. (8943b99),
closes #6829#6829
list: do not activate typeahead on certain modifier
keys (f1b1fd5)
progress-indicators: hide from screenreaders on
close (d3a6862)
ripple: Update states-selector() to use
:active:active to match active specificity styles. (faa7d32)
select: do not conduct anchor typeahead when
modifier keys pressed (6f678a9)
select: set hidden input value before firing change
event (2d6ba2c),
closes #6904
shape: duplication bug with nested custom
properties (f77a4dd)
slider: Fire custom input event on
input change (i.e. value change via keyboard), mirroring the native
input event behavior for range inputs. (ec8f846)
slider: Fix #quantize to use min value as the
baseline. (0f358dd)
slider: Fix JS floating point rounding errors by
rounding values to a set number of decimal places based on the step
size. (6072ed6)
slider: Modify behavior such that for range
sliders, presses in the middle of the range change the value (of the
closest thumb). This provides a single-pointer alternative option to an
otherwise gesture-based interaction. (0b8cff7)
chips: Start deprecation of chip trailing action
(9eeb35c)
chips: Truncate long chip labels by default (f5c6db8)
dialog: Adding resize and
orientationchange event handlers into
MDCDialogFoundation. (1e06534)
dialog: Adds support for “surface-scrim” over
full-screen dialogs. This prevents a “double scrim” from appearing when
showing a secondary dialog over a full-screen dialog on larger screens.
(cddb035)
dom: add option to skip restoring focus on release
focus (5c0ab74)
tooltip: Adding logic to position the caret
relative to the tooltip. (76da787)
tooltip: Adding touchstart/touchend event listeners
to tooltip. This allows tooltips attached to non-focusable elements to
be surfaced on mobile. (7cd26af)
tooltip: Creating an
mdc-tooltip__surface-animation class that holds all the
style properties responsible for animating the tooltip in and out of the
page. The existing mdc-tooltip__surface class will hold all
the style properties that impact the visual appearance of the tooltip.
(56fc269)
tooltip: Expose method that allows users to
register additional scroll handlers on elements in the DOM. This should
be used in situations where the tooltip anchor is a child of a
scrollable element, and will ensure that the tooltip remains attached to
the anchor when this element is scrolled. (24609b8)
BREAKING CHANGES
typography: Renamed typography Sass function from
pxToRem() to px-to-rem()
PiperOrigin-RevId: 368489085 * fix: the old list
implementation has been deprecated and now requires that class names use
an “mdc-deprecated-list-” prefix. The new implementation (list
evolution), no longer uses a prefix (”mdc-evolution-list-” is now
just “mdc-list-*“).
PiperOrigin-RevId: 364441086 * snackbar: Dom
structure change, see README.md
select: set aria-expanded false earlier when menu
closes (df00c2b)
slider: Add aria-hidden to value indicator
container, to avoid duplicate value announcements for screenreader
users. (9687353)
slider: Adjust hidden input dimensions to take
slider dimensions, such that screenreader focus indicators show a
highlight around the entire slider. (fd22355)
slider: Fire custom change event on input change.
(07deaec)
slider: Fix bug where value indicator container
took space and could be hovered over / clicked when hidden. (832668d)
slider: Mark ripple event handler as passive. Fixes
#6746
(abdd100)
slider: Remove big step options. Now that we’re
using a native range input, big step is not customizable - we follow
browser defaults for big step. (ae27b44)
slider: Update both thumbs’ value indicator UI’s if
layout is invoked with undefined thumb. (489d4c2)
slider: Use pointer-events: none
instead of visibility: hidden to hide the value indicator
container. Adding visibility: hidden removes the exit
animation since the value indicator is immediately hidden. (a94bd8d)
slider: Use mouse/touch events on iOS, to work
around pointer events bug. (671d72d),
closes #6715
tabs: Expose min width mixin and set to 90px per
spec. (c4ab987)
theme: ensure either() works with false values (8e66dbf)
tooltip: Adds “will-change” into CSS to prevent the
tooltip from “jittering” when animating in. (7a003ac)
tooltip: Change foundation to check for “dialog” on
the anchor element’s aria-haspopup attribute instead of checking for
“true”. (b8a1a58)
tooltip: Clear hideTimeout in
handleAnchorMouseEnter so that the tooltip will not be hidden if the
user rapidly moves the mouse in and out of the anchor element. (365c693)
tooltip: Fix rich tooltip tests to not use
aria-describedby to associate rich tooltips with their anchor elements.
This is because interactive rich tooltips should not be used with
aria-describedby per a11y guidance. (251ac04)
adjust meta baseline and update color mixins. (07f3e01)
Code Refactoring
Remove MDC theme’s deep-get, used sass:map’s get API instead. (37fbae1)
Features
banner: Add mobile-stacked variant support to
banner. (a0b2db2)
button: Add in HCM support to the mdc button as an
opt-in mixin. (121e1f3)
button: consolidate states into button mixins (637d15d)
button: thread state keys through theme config (05f2496)
checkbox: Add CSS custom properties to MDC checkbox
for density theming (9244508)
checkbox: Add validation to MDC Checkbox theme
mixin (2d5f32d)
circular-progress: do not require HTML without
whitespaces (8648b82)
dialog: Adding styling for scroll bar dividers, and
adding logic to show said dividers only when content is scrolled
“behind” the header or footer of the dialog. (e383944)
dialog: Adds and defines styling for the “header
bar” on a full-screen dialog. (089de51)
iconbutton: Add in HCM support to the mdc
iconbutton as an opt-in mixin. (fd61b04)
linear-progress: remove aria-valuemin/max attrs for
indeterminate (4321323)
list: support ctrl + a keyboard shortcut (eefef49),
closes #6366
list: Update the MDC component for List Evolution.
(766981c)
menu,select: enable fixed menu position in
mwc-select (b9adb7a),
closes #2062
slider: Add hidden input to slider, to support
forms submission. This is also prep for moving to use an <input
type=“range”> behind the scenes, in order to support touch-based
AT’s. (b98d15d)
slider: Modify continuous slider to use step value
by default, and give clients the option to customize step value for
continuous sliders. (7ad038e)
slider: Use input with type=“range” to back slider
component. This ensures that sliders can be adjusted with touch-based
assistive technologies, as the current ARIA spec for sliders is not
compatible with e.g. TalkBack/Android. (9083b7d)
snackbar: Add 1px transparent border for high
contrast support (15a4d40)
theme: emit CSS var() declarations when provided a
standalone custom prop (1a3a396)
tooltip: Add positioning adjustment and position
specification for rich tooltips. Rich tooltips default to the END
position and does not support CENTER positioning. (384a8ee)
tooltip: Added persistent variant for rich tooltips
that shows/hides based on mouse clicks on the anchor element. Clicks on
elements other than the anchor will also hide the persistent variant.
(9775856)
tooltip: Adds transform-origin on
tooltip surface so tooltip entrance animation has a direction based on
its alignment with the anchor element. (623af86)
tooltip: Adjust tooltip position on
scroll and resize events. This ensures that
the tooltip remains pinned to the anchor element despite page movement.
(a415276)
tooltip: Adjusting tooltip positioning logic so
that the tooltip remains within the viewport even if the anchor element
is partially off-screen. (482ff90)
tooltip: Change rich tooltip to use position
absolute instead of fixed and rely on a position relative parent element
so that if the parent has a transform, perspective, or filter property
set to something other than none, the positioning would still work. (0c95c9f)
tooltip: Define styling to set the full-screen
dialog size depending on the viewport size. (fe13dd1)
tooltip: Expose hide and
isShown methods in the MDCTooltip component. This allows
MDC clients to create their own class to enforce only one tooltip being
shown at a time. (c5e18b0)
tooltip: Hide rich tooltip if mouse leaves rich
tooltip. Rich tooltip persists if mouse leaves rich tooltip and enters
anchor. (6d8574f)
tooltip: Reducing minimum threshold distance
between tooltip and viewport from 32px to 8px. (23491cf)
tooltip: Restore focus to the anchor element when
the ESC button is pressed while the focus is in the tooltip for rich
tooltips. Default rich tooltips should have focus restored to anchor and
not have rich tooltips show. (eabf9d5)
tooltip: Set up base sass for rich tooltip. Rich
tooltips are currently in development and is not yet ready for use. (4ae94ff)
tooltip: Set up rich tooltip to persist if mouse
leaves anchor and enters rich tooltip. (c927a5d)
tooltip: The aria-expanded attribute of the anchor
element will only be changed for anchor elements with interactive rich
tooltips. Non-interactive rich tooltip anchor elements do not have the
aria-haspopup and aria-expanded attributes. (c5dda80)
tooltip: When the anchor element blurs, the rich
tooltip will only be hidden if the focus is changed to a non-rich
tooltip element. (6871336)
Added global variable to conditionally emit CSS selector fallback
declarations (7b0e2b3)
tooltip: When the rich tooltip element focuses out,
hide the rich tooltip if the new focused element is not the anchor
element or an element within the rich tooltip. (1085c3b)
BREAKING CHANGES
theme: custom-properties.apply() has been renamed
to declaration() to better align with css.declaration()
slider: Slider is now backed by an input of
type=“range”. Additionally, adapter methods (focusInput, isInputFocused,
registerInputEventHandler, deregisterInputEventHandler) were added.
slider: Adjust hidden input dimensions to take
slider dimensions, such that screenreader focus indicators show a
highlight around the entire slider. (fd22355)
slider: Fix bug where value indicator container
took space and could be hovered over / clicked when hidden. (832668d)
slider: Remove big step options. Now that we’re
using a native range input, big step is not customizable - we follow
browser defaults for big step. (ae27b44)
slider: Update both thumbs’ value indicator UI’s if
layout is invoked with undefined thumb. (489d4c2)
tabs: Expose min width mixin and set to 90px per
spec. (c4ab987)
Code Refactoring
Remove MDC theme’s deep-get, used sass:map’s get API instead. (37fbae1)
Features
banner: Add mobile-stacked variant support to
banner. (a0b2db2)
checkbox: Add CSS custom properties to MDC checkbox
for density theming (9244508)
checkbox: Add validation to MDC Checkbox theme
mixin (2d5f32d)
circular-progress: do not require HTML without
whitespaces (8648b82)
linear-progress: remove aria-valuemin/max attrs for
indeterminate (4321323)
list: support ctrl + a keyboard shortcut (eefef49),
closes #6366
slider: Add hidden input to slider, to support
forms submission. This is also prep for moving to use an <input
type=“range”> behind the scenes, in order to support touch-based
AT’s. (b98d15d)
slider: Modify continuous slider to use step value
by default, and give clients the option to customize step value for
continuous sliders. (7ad038e)
slider: Use input with type=“range” to back slider
component. This ensures that sliders can be adjusted with touch-based
assistive technologies, as the current ARIA spec for sliders is not
compatible with e.g. TalkBack/Android. (9083b7d)
tooltip: Add positioning adjustment and position
specification for rich tooltips. Rich tooltips default to the END
position and does not support CENTER positioning. (384a8ee)
tooltip: Added persistent variant for rich tooltips
that shows/hides based on mouse clicks on the anchor element. Clicks on
elements other than the anchor will also hide the persistent variant.
(9775856)
tooltip: Adjust tooltip position on
scroll and resize events. This ensures that
the tooltip remains pinned to the anchor element despite page movement.
(a415276)
tooltip: Adjusting tooltip positioning logic so
that the tooltip remains within the viewport even if the anchor element
is partially off-screen. (482ff90)
tooltip: Hide rich tooltip if mouse leaves rich
tooltip. Rich tooltip persists if mouse leaves rich tooltip and enters
anchor. (6d8574f)
tooltip: Make persistent rich tooltips persist when
click target is within the rich tooltip. (fb194dd)
tooltip: Reducing minimum threshold distance
between tooltip and viewport from 32px to 8px. (23491cf)
tooltip: Restore focus to the anchor element when
the ESC button is pressed while the focus is in the tooltip for rich
tooltips. Default rich tooltips should have focus restored to anchor and
not have rich tooltips show. (eabf9d5)
tooltip: Set up base sass for rich tooltip. Rich
tooltips are currently in development and is not yet ready for use. (4ae94ff)
tooltip: Set up rich tooltip to persist if mouse
leaves anchor and enters rich tooltip. (c927a5d)
tooltip: The aria-expanded attribute of the anchor
element will only be changed for anchor elements with interactive rich
tooltips. Non-interactive rich tooltip anchor elements do not have the
aria-haspopup and aria-expanded attributes. (c5dda80)
tooltip: When the anchor element blurs, the rich
tooltip will only be hidden if the focus is changed to a non-rich
tooltip element. (6871336)
tooltip: When the rich tooltip element focuses out,
hide the rich tooltip if the new focused element is not the anchor
element or an element within the rich tooltip. (1085c3b)
Added global variable to conditionally emit CSS selector fallback
declarations (7b0e2b3)
BREAKING CHANGES
tooltip: Added adapter method:
tooltipContainsElement(element: HTMLElement): boolean; Rich tooltips
are currently in development and is not yet ready for use.
PiperOrigin-RevId: 346325244 * Removed deep-get() API
from mdc-theme, use sass:map’s get() API instead.
PiperOrigin-RevId: 345257138 * tooltip: Added
adapter method: - anchorContainsElement(element: HTMLElement): boolean;
Rich tooltips are currently in development and is not yet ready for
use.
PiperOrigin-RevId: 345221617 * slider: Slider is now
backed by an input of type=“range”. Additionally, adapter methods
(focusInput, isInputFocused, registerInputEventHandler,
deregisterInputEventHandler) were added.
PiperOrigin-RevId: 344116908 * tooltip: Added
adapter methods: - setAnchorAttribute(attr: string, value: string):
void; - registerEventHandler( evtType: K, handler:
SpecificEventListener): void; -
deregisterEventHandler( evtType: K, handler:
SpecificEventListener): void; Rich tooltips are currently in
development and is not yet ready for use.
PiperOrigin-RevId: 343894231 * slider: Adds slider
adapter methods (get/setInputValue, get/setInputAttribute,
removeInputAttribute). Slider DOM structure now contains a hidden
input.
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)
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: 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
select: DOM structure for dropdown icon changed;
$dropdown-color renamed to
$dropdown-icon-color, $dropdown-opacity
removed, $disabled-dropdown-opacity removed.
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.
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.
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.
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.