feat: Upgrade to material-components-web v0.42.1 (#1624)

trimox · web-flow · commit b8cfff7046bc · 2018-12-19T11:05:00.000-05:00
Closes #1622
diff --git a/package.json b/package.json
@@ -31,7 +31,7 @@
     "@angular/forms": "^7.1.4",
     "@angular/platform-browser": "^7.1.4",
     "core-js": "^2.6.1",
-    "material-components-web": "^0.42.0",
+    "material-components-web": "^0.42.1",
     "rxjs": "^6.3.3",
     "tsickle": "^0.34.0",
     "tslib": "1.9.3",
diff --git a/packages/material-components-web/scss/menu-surface/_variables.scss b/packages/material-components-web/scss/menu-surface/_variables.scss
@@ -24,3 +24,4 @@ $mdc-menu-surface-fade-in-duration: .03s;
 $mdc-menu-surface-fade-out-duration: .075s;
 $mdc-menu-surface-scale-duration: .12s;
 $mdc-menu-surface-min-distance-from-edge: 32px;
+$mdc-menu-surface-z-index: 8 !default; // One above mdc-dialog
diff --git a/packages/material-components-web/scss/menu-surface/mdc-menu-surface.scss b/packages/material-components-web/scss/menu-surface/mdc-menu-surface.scss
@@ -47,8 +47,8 @@
   opacity: 0;
   overflow: auto;
   will-change: transform, opacity;
-  z-index: 4;
-
+  z-index: $mdc-menu-surface-z-index;
+  
   &:focus {
     outline: none;
   }
diff --git a/packages/material-components-web/scss/menu/mdc-menu.scss b/packages/material-components-web/scss/menu/mdc-menu.scss
@@ -65,6 +65,7 @@
   }
 }
 
+// Extra specificity required to override `display` property on `mdc-list-item__graphic`.
 .mdc-menu__selection-group-icon {
   @include mdc-rtl-reflexive-position(left, 16px);
 
diff --git a/packages/material-components-web/scss/textfield/_mixins.scss b/packages/material-components-web/scss/textfield/_mixins.scss
@@ -423,6 +423,10 @@
       padding: 0;
     }
   }
+
+  &.mdc-text-field--textarea .mdc-text-field__input {
+    resize: vertical;
+  }
 }
 
 @mixin mdc-text-field-fullwidth-invalid_ {
diff --git a/packages/notched-outline/notched-outline.ts b/packages/notched-outline/notched-outline.ts
@@ -53,12 +53,12 @@ export class MdcNotchedOutline {
 
   constructor(public elementRef: ElementRef<HTMLElement>) { }
 
-  /** Updates notched outline to open notch in outline path. */
+  /** Updates classes and styles to open the notch to the specified width. */
   notch(notchWidth: number): void {
     this._foundation.notch(notchWidth);
   }
 
-  /** Updates the notched outline to close notch in outline path. */
+  /** Updates classes and styles to close the notch. */
   closeNotch(): void {
     this._foundation.closeNotch();
   }
diff --git a/yarn.lock b/yarn.lock
@@ -5899,7 +5899,7 @@ matchdep@^2.0.0:
     resolve "^1.4.0"
     stack-trace "0.0.10"
 
-material-components-web@^0.42.0:
+material-components-web@^0.42.1:
   version "0.42.1"
   resolved "https://registry.yarnpkg.com/material-components-web/-/material-components-web-0.42.1.tgz#007b729af28f8f22bef003e90c548853694f5ea4"
   integrity sha512-Hl5l7BX/9HoT8zlV5glbRCnE/B3w/bnsq2UdJ+8VqDSX8hIwgKMgDAdemV5nKTQlRS6zkM8yk/xV3aAU/jAr4w==

Original file line number	Diff line number	Diff line change
`@@ -65,6 +65,7 @@`
`65`	`65`	`}`
`66`	`66`	`}`
`67`	`67`
	`68`	+// Extra specificity required to override `display` property on `mdc-list-item__graphic`.
`68`	`69`	`.mdc-menu__selection-group-icon {`
`69`	`70`	`@include mdc-rtl-reflexive-position(left, 16px);`
`70`	`71`
Original file line number	Diff line number	Diff line change
`@@ -423,6 +423,10 @@`
`423`	`423`	`padding: 0;`
`424`	`424`	`}`
`425`	`425`	`}`
	`426`	`+`
	`427`	`+ &.mdc-text-field--textarea .mdc-text-field__input {`
	`428`	`+ resize: vertical;`
	`429`	`+ }`
`426`	`430`	`}`
`427`	`431`
`428`	`432`	`@mixin mdc-text-field-fullwidth-invalid_ {`
Original file line number	Diff line number	Diff line change
`@@ -53,12 +53,12 @@ export class MdcNotchedOutline {`
`53`	`53`
`54`	`54`	`constructor(public elementRef: ElementRef<HTMLElement>) { }`
`55`	`55`
`56`		`- /** Updates notched outline to open notch in outline path. */`
	`56`	`+ /** Updates classes and styles to open the notch to the specified width. */`
`57`	`57`	`notch(notchWidth: number): void {`
`58`	`58`	`this._foundation.notch(notchWidth);`
`59`	`59`	`}`
`60`	`60`
`61`		`- /** Updates the notched outline to close notch in outline path. */`
	`61`	`+ /** Updates classes and styles to close the notch. */`
`62`	`62`	`closeNotch(): void {`
`63`	`63`	`this._foundation.closeNotch();`
`64`	`64`	`}`