fix(deps): update dependency material-components-web to v7

[renovate[bot]]

This PR contains the following updates:

Package	Type	Update	Change
material-components-web	dependencies	major	3.2.0 -> 7.0.0

---

Release Notes

material-components/material-components-web

v7.0.0

Compare Source

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://togithub.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.

v6.0.0

Compare Source

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://togithub.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](https://togithub.com/materia

---

Renovate configuration

:date: Schedule: At any time (no schedule defined).

:vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

:recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

:no_bell: Ignore: Close this PR and you won't be reminded about this update again.

---

• [ ] If you want to rebase/retry this PR, check this box

---

This PR has been generated by WhiteSource Renovate. View repository job log here.