diff --git a/mdc-101/complete/index.html b/mdc-101/complete/index.html
index 4255d34..729873a 100755
--- a/mdc-101/complete/index.html
+++ b/mdc-101/complete/index.html
@@ -25,15 +25,17 @@ <h1>SHRINE</h1>
   </section>
 
   <form action="home.html">
-    <label class="mdc-text-field username">
+    <label class="mdc-text-field mdc-text-field--filled username">
+      <span class="mdc-text-field__ripple"></span>
       <input type="text" class="mdc-text-field__input" aria-labelledby="username-label" name="username" required>
       <span class="mdc-floating-label" id="username-label">Username</span>
-      <div class="mdc-line-ripple"></div>
+      <span class="mdc-line-ripple"></span>
     </label>
-    <label class="mdc-text-field password">
+    <label class="mdc-text-field mdc-text-field--filled password">
+      <span class="mdc-text-field__ripple"></span>
       <input type="password" class="mdc-text-field__input" aria-labelledby="password-label" name="password" required minlength="8">
       <span class="mdc-floating-label" id="password-label">Password</span>
-      <div class="mdc-line-ripple"></div>
+      <span class="mdc-line-ripple"></span>
     </label>
     <div class="button-container">
       <button type="button" class="mdc-button cancel">
diff --git a/mdc-101/complete/login.scss b/mdc-101/complete/login.scss
index 0ba77fe..12900ba 100755
--- a/mdc-101/complete/login.scss
+++ b/mdc-101/complete/login.scss
@@ -15,7 +15,7 @@
 
 .username,
 .password {
-  display: block;
+  display: flex;
   width: 300px;
   margin: 20px auto;
 }
diff --git a/mdc-101/complete/package-lock.json b/mdc-101/complete/package-lock.json
index 66ac8a5..9d6ca79 100644
--- a/mdc-101/complete/package-lock.json
+++ b/mdc-101/complete/package-lock.json
@@ -5,170 +5,180 @@
   "requires": true,
   "dependencies": {
     "@material/animation": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz",
-      "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-6.0.0.tgz",
+      "integrity": "sha512-BxlzXzQ5W2WtaEVV4/PqkTpKB5PfOUvPmr1EK8+xQ0ouMV4qiWuwBfnu7DgXF+cglpFP3T71uHVYmh6lMdi4vg==",
       "requires": {
         "tslib": "^1.9.3"
       }
     },
     "@material/base": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz",
-      "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-6.0.0.tgz",
+      "integrity": "sha512-S3rT7B9xa9IfHXIvYXYqbo6YVu9FWbFqTt1tMUCniizTRlpmHu9b5pmQ20f6mm3K3wAFD+crqsrtie2Y8h8r5g==",
       "requires": {
         "tslib": "^1.9.3"
       }
     },
     "@material/button": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/button/-/button-4.0.0.tgz",
-      "integrity": "sha512-CoQjShblZ7evChPJoM+Cao90Fwi25NCIhdTequzZifD73BvQegyN7MlNdbHaGqpecYzOrm0xq+nocg+yQN90qg==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/button/-/button-6.0.0.tgz",
+      "integrity": "sha512-Xv83A5dL5l8hQHM1gOeD/0DpjsbzPeZtrXBWvf2q0d1uN0LE52ocrTHXJnJw9zNudoaBTopTQDsFQEdWqVYlFA==",
       "requires": {
-        "@material/density": "^4.0.0",
-        "@material/elevation": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/touch-target": "^4.0.0",
-        "@material/typography": "^4.0.0"
+        "@material/density": "^6.0.0",
+        "@material/elevation": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/touch-target": "^6.0.0",
+        "@material/typography": "^6.0.0"
       }
     },
     "@material/density": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/density/-/density-4.0.0.tgz",
-      "integrity": "sha512-PuOCPCXlWjimTq+OuCS8biAb1JE9aXCZwT1dRG9REAIAK7bN8KeeTzkeJp6jTj+ggZjWphwKF0lKeX6Gv+e/lw=="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/density/-/density-6.0.0.tgz",
+      "integrity": "sha512-svKiq7XtUg89hf08XGFF46NdiQAZfey5CiatmNxD3WX7LUoCb5zc8K9BqPL63P1Sh6kty9R0AHj+6w4ASFetPA=="
     },
     "@material/dom": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-4.0.0.tgz",
-      "integrity": "sha512-GRCJT9+PGWqygZwGf1XLTrbmzP35YWG7+T0hpfhoIJO8VDiMTeyfvhJXFuA2wh9pD0noEjte0lmbdBlykrbWZw==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-6.0.0.tgz",
+      "integrity": "sha512-9hvoi3MxR25dmyv15xJGRS+Ezlr0oD+Y6k4UyAbLpExFP2OakTZc8Xj0Fd7Nwav3I5aIXyC5jJ2gvhZcy1cI9A==",
       "requires": {
+        "@material/feature-targeting": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/elevation": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-4.0.0.tgz",
-      "integrity": "sha512-wKffoZcqkwAMWYbfGJJ95RDeOFz/IMvF7ye4VamjUwLb1iPiKxUZKUcd40XpuEvsn794HSIEWfGDsRq7BxJAMQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-6.0.0.tgz",
+      "integrity": "sha512-9WNBu/MKTQX40Ev3ayq5V8Pf/E/DqUPRQO8F0YA99jRWuYScpX2zeJlpRe+wLI6zIxtfFcVvRW9D4O1s1Bmbdg==",
       "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/theme": "^4.0.0"
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0"
       }
     },
     "@material/feature-targeting": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz",
-      "integrity": "sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg=="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0.tgz",
+      "integrity": "sha512-REj9VJnqkGwpngffc/iHGPt8WTF27QFPWDD8VBNXaP+MmnpIu7V5q5JMoozKzG5uk+hVryzam1i2PJHztizDXg=="
     },
     "@material/floating-label": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-4.0.0.tgz",
-      "integrity": "sha512-ovuZKhH7U+YmZk8kXftYCdEaU9InJdkBsPe4TP+dg4HiO1lWmd7ZxVsMo6iTl4yaFofkBPj3VDkbE1fLnHxKPA==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-6.0.0.tgz",
+      "integrity": "sha512-hLCsJKAJtVUUcxTbphqn6JZTbkOa3TW5nLgcwcgWqTbjOWOafppnplKELeM+6oDvwg/YDcGSsvuPUOsCMRiXvw==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/line-ripple": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-4.0.0.tgz",
-      "integrity": "sha512-+vrgKlb2gUBIKxlzVKLn/tX76qJ0Z19RkH2i7mh4IdH8KxeEai8NQQYWqeOOKtyp8JbH0ObGyqJCwPo2VbHDmw==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/theme": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-6.0.0.tgz",
+      "integrity": "sha512-LppQy+bnkAD+tyGOA6/GzE4/xBGRzvJNGJZe0OvClerBxM9yOtxd8Xa8VJ+ul1hTNR/OCB2HSTWNQq5fyqTQHg==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/notched-outline": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-4.0.0.tgz",
-      "integrity": "sha512-9WNG7dZS83nu72kmoknA3XyvZQIxx8QBjEB2Q2KGyRp4Q8zrzWxfcvTYgiOsYgvz013JnTqaqe4g0wjl6v789g==",
-      "requires": {
-        "@material/base": "^4.0.0",
-        "@material/floating-label": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-6.0.0.tgz",
+      "integrity": "sha512-fSn/3rQblUmFny3qeCnWgXkQyV+nfpuXmPhf41cjUlu28TnTKA2YayL+vg8Ebi97l6osAFaT/1dEaebvpwebaQ==",
+      "requires": {
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/floating-label": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/ripple": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-4.0.0.tgz",
-      "integrity": "sha512-9BLIOvyCP5sM+fQpLlcJZWyrHguusJq8E5A1pxg0wQwputOyaPBM7recHhYkJmVjzRpTcPgf1PkvkpN6DKGcNg==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/dom": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/theme": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-6.0.0.tgz",
+      "integrity": "sha512-z+ARpjBVkRZBhiX20aAxAMrgBcfpcCRqIcI/E3Esfyo7M+q/mm8t92ZumcahxWnOBJkHM55kkpUqHlfkYlfyZQ==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/rtl": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-4.0.0.tgz",
-      "integrity": "sha512-AP8zByVDEWAJVJoxByVccUbH+BX24IeG7ol+L6Qd8JjzPpz1fzPVJ4BeDNaF0a6sXtHsRmj2zN5dsx/BGC3IHg=="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-6.0.0.tgz",
+      "integrity": "sha512-/WkzlUm3qylWMqv7Lw7ColZ8DYvEvTXtevxxz7PKM1hT9FNlbO1/Qywvda4VUtXivEeynXEqeT1T/ZYHV9yDVw=="
     },
     "@material/shape": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-4.0.0.tgz",
-      "integrity": "sha512-wmr05YBrEL462QPiJ+t9xh5RqxzylXYo/8DVZnb/1WA9GZ6m38UK/8Awtip1cZAN34pzD/9p5AydyywlQVoI+g==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-6.0.0.tgz",
+      "integrity": "sha512-tZT9GGWI3QcOtyfJ07Hc3noP2b5Bvx2npx/aj+k7gEIkE06mzr08dVnVOup8z8HbHWIenxRJgdeF5+lAfBE3vw==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0",
+        "@material/rtl": "^6.0.0"
       }
     },
     "@material/textfield": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-4.0.0.tgz",
-      "integrity": "sha512-1Xg+nriTqFB8+5k8sGkR8LBeD3dRgNuhvwyU8XrUeAs5l/HMfn4CWgbEyZTaJ2EEtFPxnKGedAYqCEwXngwGWg==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/density": "^4.0.0",
-        "@material/dom": "^4.0.0",
-        "@material/floating-label": "^4.0.0",
-        "@material/line-ripple": "^4.0.0",
-        "@material/notched-outline": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-6.0.0.tgz",
+      "integrity": "sha512-BZAdsVYilstY4rvHxb0n/Vgs4/IcAO7U5dpcLDRWJlvOtbtfxNl4C5HuSaVUz7Mxr7+HhZAZfz3GkC1YY9XeEQ==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/density": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/floating-label": "^6.0.0",
+        "@material/line-ripple": "^6.0.0",
+        "@material/notched-outline": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/theme": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-4.0.0.tgz",
-      "integrity": "sha512-vS4G4rusJTatTH50kSYO1U3UGN8EY9kGRvPaFsEFKikJBOqcR6KWK9H9/wCLqqd6nDNifEj9H2sdWw1AV4NA6Q==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-6.0.0.tgz",
+      "integrity": "sha512-dViBx1lsidoQhVi/MYksTmDs8aUPj3mPVQIaBPtDRtqpIuWSwG7bCHoY8rG8FHRduPLpq3b1A4OwKHBd0RWVJw==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0"
       }
     },
     "@material/touch-target": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-4.0.0.tgz",
-      "integrity": "sha512-TM8xK1WwTZtP4vYQ7E7aZLdGKyP1GuG5Ilb0qlytX/gmC8Di/kRn6muDSZyeCCUcMXYth5Et0ceWtpNrcAQHMQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-6.0.0.tgz",
+      "integrity": "sha512-qZjrxo6honqxRV2Gy7spgkfj1qzSwy2IC8xtQb6bIolDD7kbzOxmyyaMi+TxQE0QnRWG/w6DVBSsPPQGNt4Saw==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0"
       }
     },
     "@material/typography": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-4.0.0.tgz",
-      "integrity": "sha512-lUG4yjG9fl1ryNX4OVnOmi+EjhiV4WsWcYt4yzffHrFg1RfKuCAV59j7TtmlMfZIkNDwqK5jvk3oOpTRDFpL8Q==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-6.0.0.tgz",
+      "integrity": "sha512-+4UUEYOxINMRUdyAltd1HFydjAy+MeXqUkFUXXNVsi5nFlpGTpMrxriwVaeL++XlGgvziJjDzaOe6S7zkwYxOQ==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0"
       }
     },
     "accepts": {
@@ -7130,9 +7140,9 @@
       "dev": true
     },
     "tslib": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
-      "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.11.1.tgz",
+      "integrity": "sha512-aZW88SY8kQbU7gpV19lN24LtXh/yD4ZZg6qieAJDDg+YBsJcSmLGK9QpnUjAKVG/xefmvJGd1WUmfpT/g6AJGA=="
     },
     "tty-browserify": {
       "version": "0.0.0",
diff --git a/mdc-101/complete/package.json b/mdc-101/complete/package.json
index 873491e..4064e33 100755
--- a/mdc-101/complete/package.json
+++ b/mdc-101/complete/package.json
@@ -20,8 +20,8 @@
     "webpack-dev-server": "^2.4.3"
   },
   "dependencies": {
-    "@material/button": "^4.0.0",
-    "@material/ripple": "^4.0.0",
-    "@material/textfield": "^4.0.0"
+    "@material/button": "^6.0.0",
+    "@material/ripple": "^6.0.0",
+    "@material/textfield": "^6.0.0"
   }
 }
diff --git a/mdc-102/complete/index.html b/mdc-102/complete/index.html
index 4255d34..729873a 100755
--- a/mdc-102/complete/index.html
+++ b/mdc-102/complete/index.html
@@ -25,15 +25,17 @@ <h1>SHRINE</h1>
   </section>
 
   <form action="home.html">
-    <label class="mdc-text-field username">
+    <label class="mdc-text-field mdc-text-field--filled username">
+      <span class="mdc-text-field__ripple"></span>
       <input type="text" class="mdc-text-field__input" aria-labelledby="username-label" name="username" required>
       <span class="mdc-floating-label" id="username-label">Username</span>
-      <div class="mdc-line-ripple"></div>
+      <span class="mdc-line-ripple"></span>
     </label>
-    <label class="mdc-text-field password">
+    <label class="mdc-text-field mdc-text-field--filled password">
+      <span class="mdc-text-field__ripple"></span>
       <input type="password" class="mdc-text-field__input" aria-labelledby="password-label" name="password" required minlength="8">
       <span class="mdc-floating-label" id="password-label">Password</span>
-      <div class="mdc-line-ripple"></div>
+      <span class="mdc-line-ripple"></span>
     </label>
     <div class="button-container">
       <button type="button" class="mdc-button cancel">
diff --git a/mdc-102/complete/login.scss b/mdc-102/complete/login.scss
index 0ba77fe..12900ba 100755
--- a/mdc-102/complete/login.scss
+++ b/mdc-102/complete/login.scss
@@ -15,7 +15,7 @@
 
 .username,
 .password {
-  display: block;
+  display: flex;
   width: 300px;
   margin: 20px auto;
 }
diff --git a/mdc-102/complete/package-lock.json b/mdc-102/complete/package-lock.json
index e8695e8..1170ab3 100644
--- a/mdc-102/complete/package-lock.json
+++ b/mdc-102/complete/package-lock.json
@@ -5,488 +5,227 @@
   "requires": true,
   "dependencies": {
     "@material/animation": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz",
-      "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-6.0.0.tgz",
+      "integrity": "sha512-BxlzXzQ5W2WtaEVV4/PqkTpKB5PfOUvPmr1EK8+xQ0ouMV4qiWuwBfnu7DgXF+cglpFP3T71uHVYmh6lMdi4vg==",
       "requires": {
         "tslib": "^1.9.3"
       }
     },
     "@material/base": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz",
-      "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-6.0.0.tgz",
+      "integrity": "sha512-S3rT7B9xa9IfHXIvYXYqbo6YVu9FWbFqTt1tMUCniizTRlpmHu9b5pmQ20f6mm3K3wAFD+crqsrtie2Y8h8r5g==",
       "requires": {
         "tslib": "^1.9.3"
       }
     },
     "@material/button": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/button/-/button-4.0.0.tgz",
-      "integrity": "sha512-CoQjShblZ7evChPJoM+Cao90Fwi25NCIhdTequzZifD73BvQegyN7MlNdbHaGqpecYzOrm0xq+nocg+yQN90qg==",
-      "requires": {
-        "@material/density": "^4.0.0",
-        "@material/elevation": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/touch-target": "^4.0.0",
-        "@material/typography": "^4.0.0"
-      },
-      "dependencies": {
-        "@material/animation": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz",
-          "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        },
-        "@material/elevation": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-4.0.0.tgz",
-          "integrity": "sha512-wKffoZcqkwAMWYbfGJJ95RDeOFz/IMvF7ye4VamjUwLb1iPiKxUZKUcd40XpuEvsn794HSIEWfGDsRq7BxJAMQ==",
-          "requires": {
-            "@material/animation": "^4.0.0",
-            "@material/feature-targeting": "^4.0.0",
-            "@material/theme": "^4.0.0"
-          }
-        },
-        "@material/feature-targeting": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz",
-          "integrity": "sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg=="
-        },
-        "@material/rtl": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-4.0.0.tgz",
-          "integrity": "sha512-AP8zByVDEWAJVJoxByVccUbH+BX24IeG7ol+L6Qd8JjzPpz1fzPVJ4BeDNaF0a6sXtHsRmj2zN5dsx/BGC3IHg=="
-        },
-        "@material/shape": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/shape/-/shape-4.0.0.tgz",
-          "integrity": "sha512-wmr05YBrEL462QPiJ+t9xh5RqxzylXYo/8DVZnb/1WA9GZ6m38UK/8Awtip1cZAN34pzD/9p5AydyywlQVoI+g==",
-          "requires": {
-            "@material/feature-targeting": "^4.0.0"
-          }
-        },
-        "@material/theme": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/theme/-/theme-4.0.0.tgz",
-          "integrity": "sha512-vS4G4rusJTatTH50kSYO1U3UGN8EY9kGRvPaFsEFKikJBOqcR6KWK9H9/wCLqqd6nDNifEj9H2sdWw1AV4NA6Q==",
-          "requires": {
-            "@material/feature-targeting": "^4.0.0"
-          }
-        },
-        "@material/typography": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/typography/-/typography-4.0.0.tgz",
-          "integrity": "sha512-lUG4yjG9fl1ryNX4OVnOmi+EjhiV4WsWcYt4yzffHrFg1RfKuCAV59j7TtmlMfZIkNDwqK5jvk3oOpTRDFpL8Q==",
-          "requires": {
-            "@material/feature-targeting": "^4.0.0"
-          }
-        }
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/button/-/button-6.0.0.tgz",
+      "integrity": "sha512-Xv83A5dL5l8hQHM1gOeD/0DpjsbzPeZtrXBWvf2q0d1uN0LE52ocrTHXJnJw9zNudoaBTopTQDsFQEdWqVYlFA==",
+      "requires": {
+        "@material/density": "^6.0.0",
+        "@material/elevation": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/touch-target": "^6.0.0",
+        "@material/typography": "^6.0.0"
       }
     },
     "@material/density": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/density/-/density-4.0.0.tgz",
-      "integrity": "sha512-PuOCPCXlWjimTq+OuCS8biAb1JE9aXCZwT1dRG9REAIAK7bN8KeeTzkeJp6jTj+ggZjWphwKF0lKeX6Gv+e/lw=="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/density/-/density-6.0.0.tgz",
+      "integrity": "sha512-svKiq7XtUg89hf08XGFF46NdiQAZfey5CiatmNxD3WX7LUoCb5zc8K9BqPL63P1Sh6kty9R0AHj+6w4ASFetPA=="
     },
     "@material/dom": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-4.0.0.tgz",
-      "integrity": "sha512-GRCJT9+PGWqygZwGf1XLTrbmzP35YWG7+T0hpfhoIJO8VDiMTeyfvhJXFuA2wh9pD0noEjte0lmbdBlykrbWZw==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-6.0.0.tgz",
+      "integrity": "sha512-9hvoi3MxR25dmyv15xJGRS+Ezlr0oD+Y6k4UyAbLpExFP2OakTZc8Xj0Fd7Nwav3I5aIXyC5jJ2gvhZcy1cI9A==",
       "requires": {
+        "@material/feature-targeting": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/drawer": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-4.0.0.tgz",
-      "integrity": "sha512-HjhE4KnP+bGC56AdD8H1FqMT5PjEuz0RvvEzsMrQC86CERsE9eu35+JdSHFsLT2qi8m8c8v9NicOVIP1QHNH+Q==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/elevation": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/list": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
-        "focus-trap": "^5.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-6.0.0.tgz",
+      "integrity": "sha512-ukh5R+aMOBf5wmZQul8eHR/nEbLmxk7SXxXanv7EXCRmY8bgNyAsnWu7ZmCAYlMN6lww2mpTEJqvi5XbCjbSiw==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/elevation": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/list": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/elevation": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-4.0.0.tgz",
-      "integrity": "sha512-wKffoZcqkwAMWYbfGJJ95RDeOFz/IMvF7ye4VamjUwLb1iPiKxUZKUcd40XpuEvsn794HSIEWfGDsRq7BxJAMQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-6.0.0.tgz",
+      "integrity": "sha512-9WNBu/MKTQX40Ev3ayq5V8Pf/E/DqUPRQO8F0YA99jRWuYScpX2zeJlpRe+wLI6zIxtfFcVvRW9D4O1s1Bmbdg==",
       "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/theme": "^4.0.0"
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0"
       }
     },
     "@material/feature-targeting": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz",
-      "integrity": "sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg=="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0.tgz",
+      "integrity": "sha512-REj9VJnqkGwpngffc/iHGPt8WTF27QFPWDD8VBNXaP+MmnpIu7V5q5JMoozKzG5uk+hVryzam1i2PJHztizDXg=="
     },
     "@material/floating-label": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-4.0.0.tgz",
-      "integrity": "sha512-ovuZKhH7U+YmZk8kXftYCdEaU9InJdkBsPe4TP+dg4HiO1lWmd7ZxVsMo6iTl4yaFofkBPj3VDkbE1fLnHxKPA==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-6.0.0.tgz",
+      "integrity": "sha512-hLCsJKAJtVUUcxTbphqn6JZTbkOa3TW5nLgcwcgWqTbjOWOafppnplKELeM+6oDvwg/YDcGSsvuPUOsCMRiXvw==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
-      },
-      "dependencies": {
-        "@material/animation": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz",
-          "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        },
-        "@material/base": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz",
-          "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        },
-        "@material/feature-targeting": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz",
-          "integrity": "sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg=="
-        },
-        "@material/rtl": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-4.0.0.tgz",
-          "integrity": "sha512-AP8zByVDEWAJVJoxByVccUbH+BX24IeG7ol+L6Qd8JjzPpz1fzPVJ4BeDNaF0a6sXtHsRmj2zN5dsx/BGC3IHg=="
-        },
-        "@material/theme": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/theme/-/theme-4.0.0.tgz",
-          "integrity": "sha512-vS4G4rusJTatTH50kSYO1U3UGN8EY9kGRvPaFsEFKikJBOqcR6KWK9H9/wCLqqd6nDNifEj9H2sdWw1AV4NA6Q==",
-          "requires": {
-            "@material/feature-targeting": "^4.0.0"
-          }
-        },
-        "@material/typography": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/typography/-/typography-4.0.0.tgz",
-          "integrity": "sha512-lUG4yjG9fl1ryNX4OVnOmi+EjhiV4WsWcYt4yzffHrFg1RfKuCAV59j7TtmlMfZIkNDwqK5jvk3oOpTRDFpL8Q==",
-          "requires": {
-            "@material/feature-targeting": "^4.0.0"
-          }
-        }
       }
     },
     "@material/image-list": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-4.0.0.tgz",
-      "integrity": "sha512-7RvYp8f2elV/fhtANNdr1RhFus5XJuHG+EK01G5C3VMGeBdrvkdpAQ7lzQ1FxUQ1F10cUNaH+kw+cLx9qh8p5A==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-6.0.0.tgz",
+      "integrity": "sha512-rwLNUcyv4ortDtVw0VjO/qdSCm1n7xFtb7JzdLfAFpDCiSfoWS7wXnCqkgHsJrNQSnKbMENEs+IRE2OYIbY8Ew==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0"
       }
     },
     "@material/line-ripple": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-4.0.0.tgz",
-      "integrity": "sha512-+vrgKlb2gUBIKxlzVKLn/tX76qJ0Z19RkH2i7mh4IdH8KxeEai8NQQYWqeOOKtyp8JbH0ObGyqJCwPo2VbHDmw==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/theme": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-6.0.0.tgz",
+      "integrity": "sha512-LppQy+bnkAD+tyGOA6/GzE4/xBGRzvJNGJZe0OvClerBxM9yOtxd8Xa8VJ+ul1hTNR/OCB2HSTWNQq5fyqTQHg==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0",
         "tslib": "^1.9.3"
-      },
-      "dependencies": {
-        "@material/animation": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz",
-          "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        },
-        "@material/base": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz",
-          "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        },
-        "@material/feature-targeting": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz",
-          "integrity": "sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg=="
-        },
-        "@material/theme": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/theme/-/theme-4.0.0.tgz",
-          "integrity": "sha512-vS4G4rusJTatTH50kSYO1U3UGN8EY9kGRvPaFsEFKikJBOqcR6KWK9H9/wCLqqd6nDNifEj9H2sdWw1AV4NA6Q==",
-          "requires": {
-            "@material/feature-targeting": "^4.0.0"
-          }
-        }
       }
     },
     "@material/list": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/list/-/list-4.0.0.tgz",
-      "integrity": "sha512-ximtqMQzi+bnnFy1jrdzMUH7jq169XVexCykumxoLI1PbVx4imQ0G3R6LIfJiafbxbBYawfwySZfMXTJkDML7g==",
-      "requires": {
-        "@material/base": "^4.0.0",
-        "@material/density": "^4.0.0",
-        "@material/dom": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/list/-/list-6.0.0.tgz",
+      "integrity": "sha512-HTsASEUTCVST4lLT7hzum+ru5MQs04S6rCWLngYSEFuzhKjcTg+kJL1FNzkqlQIpEcMgaaa7CAKMl69ZrwyLrA==",
+      "requires": {
+        "@material/base": "^6.0.0",
+        "@material/density": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/notched-outline": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-4.0.0.tgz",
-      "integrity": "sha512-9WNG7dZS83nu72kmoknA3XyvZQIxx8QBjEB2Q2KGyRp4Q8zrzWxfcvTYgiOsYgvz013JnTqaqe4g0wjl6v789g==",
-      "requires": {
-        "@material/base": "^4.0.0",
-        "@material/floating-label": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-6.0.0.tgz",
+      "integrity": "sha512-fSn/3rQblUmFny3qeCnWgXkQyV+nfpuXmPhf41cjUlu28TnTKA2YayL+vg8Ebi97l6osAFaT/1dEaebvpwebaQ==",
+      "requires": {
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/floating-label": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
         "tslib": "^1.9.3"
-      },
-      "dependencies": {
-        "@material/base": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz",
-          "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        },
-        "@material/feature-targeting": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz",
-          "integrity": "sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg=="
-        },
-        "@material/rtl": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-4.0.0.tgz",
-          "integrity": "sha512-AP8zByVDEWAJVJoxByVccUbH+BX24IeG7ol+L6Qd8JjzPpz1fzPVJ4BeDNaF0a6sXtHsRmj2zN5dsx/BGC3IHg=="
-        },
-        "@material/shape": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/shape/-/shape-4.0.0.tgz",
-          "integrity": "sha512-wmr05YBrEL462QPiJ+t9xh5RqxzylXYo/8DVZnb/1WA9GZ6m38UK/8Awtip1cZAN34pzD/9p5AydyywlQVoI+g==",
-          "requires": {
-            "@material/feature-targeting": "^4.0.0"
-          }
-        },
-        "@material/theme": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/theme/-/theme-4.0.0.tgz",
-          "integrity": "sha512-vS4G4rusJTatTH50kSYO1U3UGN8EY9kGRvPaFsEFKikJBOqcR6KWK9H9/wCLqqd6nDNifEj9H2sdWw1AV4NA6Q==",
-          "requires": {
-            "@material/feature-targeting": "^4.0.0"
-          }
-        }
       }
     },
     "@material/ripple": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-4.0.0.tgz",
-      "integrity": "sha512-9BLIOvyCP5sM+fQpLlcJZWyrHguusJq8E5A1pxg0wQwputOyaPBM7recHhYkJmVjzRpTcPgf1PkvkpN6DKGcNg==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/dom": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/theme": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-6.0.0.tgz",
+      "integrity": "sha512-z+ARpjBVkRZBhiX20aAxAMrgBcfpcCRqIcI/E3Esfyo7M+q/mm8t92ZumcahxWnOBJkHM55kkpUqHlfkYlfyZQ==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0",
         "tslib": "^1.9.3"
-      },
-      "dependencies": {
-        "@material/animation": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz",
-          "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        },
-        "@material/base": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz",
-          "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        },
-        "@material/dom": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/dom/-/dom-4.0.0.tgz",
-          "integrity": "sha512-GRCJT9+PGWqygZwGf1XLTrbmzP35YWG7+T0hpfhoIJO8VDiMTeyfvhJXFuA2wh9pD0noEjte0lmbdBlykrbWZw==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        },
-        "@material/feature-targeting": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz",
-          "integrity": "sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg=="
-        },
-        "@material/theme": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/theme/-/theme-4.0.0.tgz",
-          "integrity": "sha512-vS4G4rusJTatTH50kSYO1U3UGN8EY9kGRvPaFsEFKikJBOqcR6KWK9H9/wCLqqd6nDNifEj9H2sdWw1AV4NA6Q==",
-          "requires": {
-            "@material/feature-targeting": "^4.0.0"
-          }
-        }
       }
     },
     "@material/rtl": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-4.0.0.tgz",
-      "integrity": "sha512-AP8zByVDEWAJVJoxByVccUbH+BX24IeG7ol+L6Qd8JjzPpz1fzPVJ4BeDNaF0a6sXtHsRmj2zN5dsx/BGC3IHg=="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-6.0.0.tgz",
+      "integrity": "sha512-/WkzlUm3qylWMqv7Lw7ColZ8DYvEvTXtevxxz7PKM1hT9FNlbO1/Qywvda4VUtXivEeynXEqeT1T/ZYHV9yDVw=="
     },
     "@material/shape": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-4.0.0.tgz",
-      "integrity": "sha512-wmr05YBrEL462QPiJ+t9xh5RqxzylXYo/8DVZnb/1WA9GZ6m38UK/8Awtip1cZAN34pzD/9p5AydyywlQVoI+g==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-6.0.0.tgz",
+      "integrity": "sha512-tZT9GGWI3QcOtyfJ07Hc3noP2b5Bvx2npx/aj+k7gEIkE06mzr08dVnVOup8z8HbHWIenxRJgdeF5+lAfBE3vw==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0",
+        "@material/rtl": "^6.0.0"
       }
     },
     "@material/textfield": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-4.0.0.tgz",
-      "integrity": "sha512-1Xg+nriTqFB8+5k8sGkR8LBeD3dRgNuhvwyU8XrUeAs5l/HMfn4CWgbEyZTaJ2EEtFPxnKGedAYqCEwXngwGWg==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/density": "^4.0.0",
-        "@material/dom": "^4.0.0",
-        "@material/floating-label": "^4.0.0",
-        "@material/line-ripple": "^4.0.0",
-        "@material/notched-outline": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-6.0.0.tgz",
+      "integrity": "sha512-BZAdsVYilstY4rvHxb0n/Vgs4/IcAO7U5dpcLDRWJlvOtbtfxNl4C5HuSaVUz7Mxr7+HhZAZfz3GkC1YY9XeEQ==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/density": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/floating-label": "^6.0.0",
+        "@material/line-ripple": "^6.0.0",
+        "@material/notched-outline": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
-      },
-      "dependencies": {
-        "@material/animation": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz",
-          "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        },
-        "@material/base": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz",
-          "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        },
-        "@material/dom": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/dom/-/dom-4.0.0.tgz",
-          "integrity": "sha512-GRCJT9+PGWqygZwGf1XLTrbmzP35YWG7+T0hpfhoIJO8VDiMTeyfvhJXFuA2wh9pD0noEjte0lmbdBlykrbWZw==",
-          "requires": {
-            "tslib": "^1.9.3"
-          }
-        },
-        "@material/feature-targeting": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz",
-          "integrity": "sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg=="
-        },
-        "@material/rtl": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-4.0.0.tgz",
-          "integrity": "sha512-AP8zByVDEWAJVJoxByVccUbH+BX24IeG7ol+L6Qd8JjzPpz1fzPVJ4BeDNaF0a6sXtHsRmj2zN5dsx/BGC3IHg=="
-        },
-        "@material/shape": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/shape/-/shape-4.0.0.tgz",
-          "integrity": "sha512-wmr05YBrEL462QPiJ+t9xh5RqxzylXYo/8DVZnb/1WA9GZ6m38UK/8Awtip1cZAN34pzD/9p5AydyywlQVoI+g==",
-          "requires": {
-            "@material/feature-targeting": "^4.0.0"
-          }
-        },
-        "@material/theme": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/theme/-/theme-4.0.0.tgz",
-          "integrity": "sha512-vS4G4rusJTatTH50kSYO1U3UGN8EY9kGRvPaFsEFKikJBOqcR6KWK9H9/wCLqqd6nDNifEj9H2sdWw1AV4NA6Q==",
-          "requires": {
-            "@material/feature-targeting": "^4.0.0"
-          }
-        },
-        "@material/typography": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/typography/-/typography-4.0.0.tgz",
-          "integrity": "sha512-lUG4yjG9fl1ryNX4OVnOmi+EjhiV4WsWcYt4yzffHrFg1RfKuCAV59j7TtmlMfZIkNDwqK5jvk3oOpTRDFpL8Q==",
-          "requires": {
-            "@material/feature-targeting": "^4.0.0"
-          }
-        }
       }
     },
     "@material/theme": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-4.0.0.tgz",
-      "integrity": "sha512-vS4G4rusJTatTH50kSYO1U3UGN8EY9kGRvPaFsEFKikJBOqcR6KWK9H9/wCLqqd6nDNifEj9H2sdWw1AV4NA6Q==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-6.0.0.tgz",
+      "integrity": "sha512-dViBx1lsidoQhVi/MYksTmDs8aUPj3mPVQIaBPtDRtqpIuWSwG7bCHoY8rG8FHRduPLpq3b1A4OwKHBd0RWVJw==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0"
       }
     },
     "@material/touch-target": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-4.0.0.tgz",
-      "integrity": "sha512-TM8xK1WwTZtP4vYQ7E7aZLdGKyP1GuG5Ilb0qlytX/gmC8Di/kRn6muDSZyeCCUcMXYth5Et0ceWtpNrcAQHMQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-6.0.0.tgz",
+      "integrity": "sha512-qZjrxo6honqxRV2Gy7spgkfj1qzSwy2IC8xtQb6bIolDD7kbzOxmyyaMi+TxQE0QnRWG/w6DVBSsPPQGNt4Saw==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
-      },
-      "dependencies": {
-        "@material/feature-targeting": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz",
-          "integrity": "sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg=="
-        }
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0"
       }
     },
     "@material/typography": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-4.0.0.tgz",
-      "integrity": "sha512-lUG4yjG9fl1ryNX4OVnOmi+EjhiV4WsWcYt4yzffHrFg1RfKuCAV59j7TtmlMfZIkNDwqK5jvk3oOpTRDFpL8Q==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-6.0.0.tgz",
+      "integrity": "sha512-+4UUEYOxINMRUdyAltd1HFydjAy+MeXqUkFUXXNVsi5nFlpGTpMrxriwVaeL++XlGgvziJjDzaOe6S7zkwYxOQ==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0"
       }
     },
     "accepts": {
@@ -3044,15 +2783,6 @@
       "integrity": "sha1-2uRqnXj74lKSJYzB54CkHZXAN4I=",
       "dev": true
     },
-    "focus-trap": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-5.1.0.tgz",
-      "integrity": "sha512-CkB/nrO55069QAUjWFBpX6oc+9V90Qhgpe6fBWApzruMq5gnlh90Oo7iSSDK7pKiV5ugG6OY2AXM5mxcmL3lwQ==",
-      "requires": {
-        "tabbable": "^4.0.0",
-        "xtend": "^4.0.1"
-      }
-    },
     "follow-redirects": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.4.1.tgz",
@@ -7261,11 +6991,6 @@
         "whet.extend": "~0.9.9"
       }
     },
-    "tabbable": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-4.0.0.tgz",
-      "integrity": "sha512-H1XoH1URcBOa/rZZWxLxHCtOdVUEev+9vo5YdYhC9tCY4wnybX+VQrCYuy9ubkg69fCBxCONJOSLGfw0DWMffQ=="
-    },
     "tapable": {
       "version": "0.2.8",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-0.2.8.tgz",
@@ -7360,9 +7085,9 @@
       "dev": true
     },
     "tslib": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
-      "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.11.1.tgz",
+      "integrity": "sha512-aZW88SY8kQbU7gpV19lN24LtXh/yD4ZZg6qieAJDDg+YBsJcSmLGK9QpnUjAKVG/xefmvJGd1WUmfpT/g6AJGA=="
     },
     "tty-browserify": {
       "version": "0.0.0",
@@ -8083,7 +7808,8 @@
     "xtend": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz",
-      "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68="
+      "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68=",
+      "dev": true
     },
     "y18n": {
       "version": "3.2.1",
diff --git a/mdc-102/complete/package.json b/mdc-102/complete/package.json
index f1cd1f0..f7feb55 100755
--- a/mdc-102/complete/package.json
+++ b/mdc-102/complete/package.json
@@ -20,11 +20,11 @@
     "webpack-dev-server": "^2.4.3"
   },
   "dependencies": {
-    "@material/button": "^4.0.0",
-    "@material/drawer": "^4.0.0",
-    "@material/image-list": "^4.0.0",
-    "@material/list": "^4.0.0",
-    "@material/ripple": "^4.0.0",
-    "@material/textfield": "^4.0.0"
+    "@material/button": "^6.0.0",
+    "@material/drawer": "^6.0.0",
+    "@material/image-list": "^6.0.0",
+    "@material/list": "^6.0.0",
+    "@material/ripple": "^6.0.0",
+    "@material/textfield": "^6.0.0"
   }
 }
diff --git a/mdc-102/starter/index.html b/mdc-102/starter/index.html
index 4255d34..729873a 100755
--- a/mdc-102/starter/index.html
+++ b/mdc-102/starter/index.html
@@ -25,15 +25,17 @@ <h1>SHRINE</h1>
   </section>
 
   <form action="home.html">
-    <label class="mdc-text-field username">
+    <label class="mdc-text-field mdc-text-field--filled username">
+      <span class="mdc-text-field__ripple"></span>
       <input type="text" class="mdc-text-field__input" aria-labelledby="username-label" name="username" required>
       <span class="mdc-floating-label" id="username-label">Username</span>
-      <div class="mdc-line-ripple"></div>
+      <span class="mdc-line-ripple"></span>
     </label>
-    <label class="mdc-text-field password">
+    <label class="mdc-text-field mdc-text-field--filled password">
+      <span class="mdc-text-field__ripple"></span>
       <input type="password" class="mdc-text-field__input" aria-labelledby="password-label" name="password" required minlength="8">
       <span class="mdc-floating-label" id="password-label">Password</span>
-      <div class="mdc-line-ripple"></div>
+      <span class="mdc-line-ripple"></span>
     </label>
     <div class="button-container">
       <button type="button" class="mdc-button cancel">
diff --git a/mdc-102/starter/login.scss b/mdc-102/starter/login.scss
index 0ba77fe..12900ba 100755
--- a/mdc-102/starter/login.scss
+++ b/mdc-102/starter/login.scss
@@ -15,7 +15,7 @@
 
 .username,
 .password {
-  display: block;
+  display: flex;
   width: 300px;
   margin: 20px auto;
 }
diff --git a/mdc-102/starter/package-lock.json b/mdc-102/starter/package-lock.json
index c89f767..aeef563 100644
--- a/mdc-102/starter/package-lock.json
+++ b/mdc-102/starter/package-lock.json
@@ -5,170 +5,180 @@
   "requires": true,
   "dependencies": {
     "@material/animation": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz",
-      "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-6.0.0.tgz",
+      "integrity": "sha512-BxlzXzQ5W2WtaEVV4/PqkTpKB5PfOUvPmr1EK8+xQ0ouMV4qiWuwBfnu7DgXF+cglpFP3T71uHVYmh6lMdi4vg==",
       "requires": {
         "tslib": "^1.9.3"
       }
     },
     "@material/base": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz",
-      "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-6.0.0.tgz",
+      "integrity": "sha512-S3rT7B9xa9IfHXIvYXYqbo6YVu9FWbFqTt1tMUCniizTRlpmHu9b5pmQ20f6mm3K3wAFD+crqsrtie2Y8h8r5g==",
       "requires": {
         "tslib": "^1.9.3"
       }
     },
     "@material/button": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/button/-/button-4.0.0.tgz",
-      "integrity": "sha512-CoQjShblZ7evChPJoM+Cao90Fwi25NCIhdTequzZifD73BvQegyN7MlNdbHaGqpecYzOrm0xq+nocg+yQN90qg==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/button/-/button-6.0.0.tgz",
+      "integrity": "sha512-Xv83A5dL5l8hQHM1gOeD/0DpjsbzPeZtrXBWvf2q0d1uN0LE52ocrTHXJnJw9zNudoaBTopTQDsFQEdWqVYlFA==",
       "requires": {
-        "@material/density": "^4.0.0",
-        "@material/elevation": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/touch-target": "^4.0.0",
-        "@material/typography": "^4.0.0"
+        "@material/density": "^6.0.0",
+        "@material/elevation": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/touch-target": "^6.0.0",
+        "@material/typography": "^6.0.0"
       }
     },
     "@material/density": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/density/-/density-4.0.0.tgz",
-      "integrity": "sha512-PuOCPCXlWjimTq+OuCS8biAb1JE9aXCZwT1dRG9REAIAK7bN8KeeTzkeJp6jTj+ggZjWphwKF0lKeX6Gv+e/lw=="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/density/-/density-6.0.0.tgz",
+      "integrity": "sha512-svKiq7XtUg89hf08XGFF46NdiQAZfey5CiatmNxD3WX7LUoCb5zc8K9BqPL63P1Sh6kty9R0AHj+6w4ASFetPA=="
     },
     "@material/dom": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-4.0.0.tgz",
-      "integrity": "sha512-GRCJT9+PGWqygZwGf1XLTrbmzP35YWG7+T0hpfhoIJO8VDiMTeyfvhJXFuA2wh9pD0noEjte0lmbdBlykrbWZw==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-6.0.0.tgz",
+      "integrity": "sha512-9hvoi3MxR25dmyv15xJGRS+Ezlr0oD+Y6k4UyAbLpExFP2OakTZc8Xj0Fd7Nwav3I5aIXyC5jJ2gvhZcy1cI9A==",
       "requires": {
+        "@material/feature-targeting": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/elevation": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-4.0.0.tgz",
-      "integrity": "sha512-wKffoZcqkwAMWYbfGJJ95RDeOFz/IMvF7ye4VamjUwLb1iPiKxUZKUcd40XpuEvsn794HSIEWfGDsRq7BxJAMQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-6.0.0.tgz",
+      "integrity": "sha512-9WNBu/MKTQX40Ev3ayq5V8Pf/E/DqUPRQO8F0YA99jRWuYScpX2zeJlpRe+wLI6zIxtfFcVvRW9D4O1s1Bmbdg==",
       "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/theme": "^4.0.0"
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0"
       }
     },
     "@material/feature-targeting": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz",
-      "integrity": "sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg=="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0.tgz",
+      "integrity": "sha512-REj9VJnqkGwpngffc/iHGPt8WTF27QFPWDD8VBNXaP+MmnpIu7V5q5JMoozKzG5uk+hVryzam1i2PJHztizDXg=="
     },
     "@material/floating-label": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-4.0.0.tgz",
-      "integrity": "sha512-ovuZKhH7U+YmZk8kXftYCdEaU9InJdkBsPe4TP+dg4HiO1lWmd7ZxVsMo6iTl4yaFofkBPj3VDkbE1fLnHxKPA==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-6.0.0.tgz",
+      "integrity": "sha512-hLCsJKAJtVUUcxTbphqn6JZTbkOa3TW5nLgcwcgWqTbjOWOafppnplKELeM+6oDvwg/YDcGSsvuPUOsCMRiXvw==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/line-ripple": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-4.0.0.tgz",
-      "integrity": "sha512-+vrgKlb2gUBIKxlzVKLn/tX76qJ0Z19RkH2i7mh4IdH8KxeEai8NQQYWqeOOKtyp8JbH0ObGyqJCwPo2VbHDmw==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/theme": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-6.0.0.tgz",
+      "integrity": "sha512-LppQy+bnkAD+tyGOA6/GzE4/xBGRzvJNGJZe0OvClerBxM9yOtxd8Xa8VJ+ul1hTNR/OCB2HSTWNQq5fyqTQHg==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/notched-outline": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-4.0.0.tgz",
-      "integrity": "sha512-9WNG7dZS83nu72kmoknA3XyvZQIxx8QBjEB2Q2KGyRp4Q8zrzWxfcvTYgiOsYgvz013JnTqaqe4g0wjl6v789g==",
-      "requires": {
-        "@material/base": "^4.0.0",
-        "@material/floating-label": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-6.0.0.tgz",
+      "integrity": "sha512-fSn/3rQblUmFny3qeCnWgXkQyV+nfpuXmPhf41cjUlu28TnTKA2YayL+vg8Ebi97l6osAFaT/1dEaebvpwebaQ==",
+      "requires": {
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/floating-label": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/ripple": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-4.0.0.tgz",
-      "integrity": "sha512-9BLIOvyCP5sM+fQpLlcJZWyrHguusJq8E5A1pxg0wQwputOyaPBM7recHhYkJmVjzRpTcPgf1PkvkpN6DKGcNg==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/dom": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/theme": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-6.0.0.tgz",
+      "integrity": "sha512-z+ARpjBVkRZBhiX20aAxAMrgBcfpcCRqIcI/E3Esfyo7M+q/mm8t92ZumcahxWnOBJkHM55kkpUqHlfkYlfyZQ==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/rtl": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-4.0.0.tgz",
-      "integrity": "sha512-AP8zByVDEWAJVJoxByVccUbH+BX24IeG7ol+L6Qd8JjzPpz1fzPVJ4BeDNaF0a6sXtHsRmj2zN5dsx/BGC3IHg=="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-6.0.0.tgz",
+      "integrity": "sha512-/WkzlUm3qylWMqv7Lw7ColZ8DYvEvTXtevxxz7PKM1hT9FNlbO1/Qywvda4VUtXivEeynXEqeT1T/ZYHV9yDVw=="
     },
     "@material/shape": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-4.0.0.tgz",
-      "integrity": "sha512-wmr05YBrEL462QPiJ+t9xh5RqxzylXYo/8DVZnb/1WA9GZ6m38UK/8Awtip1cZAN34pzD/9p5AydyywlQVoI+g==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-6.0.0.tgz",
+      "integrity": "sha512-tZT9GGWI3QcOtyfJ07Hc3noP2b5Bvx2npx/aj+k7gEIkE06mzr08dVnVOup8z8HbHWIenxRJgdeF5+lAfBE3vw==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0",
+        "@material/rtl": "^6.0.0"
       }
     },
     "@material/textfield": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-4.0.0.tgz",
-      "integrity": "sha512-1Xg+nriTqFB8+5k8sGkR8LBeD3dRgNuhvwyU8XrUeAs5l/HMfn4CWgbEyZTaJ2EEtFPxnKGedAYqCEwXngwGWg==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/density": "^4.0.0",
-        "@material/dom": "^4.0.0",
-        "@material/floating-label": "^4.0.0",
-        "@material/line-ripple": "^4.0.0",
-        "@material/notched-outline": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-6.0.0.tgz",
+      "integrity": "sha512-BZAdsVYilstY4rvHxb0n/Vgs4/IcAO7U5dpcLDRWJlvOtbtfxNl4C5HuSaVUz7Mxr7+HhZAZfz3GkC1YY9XeEQ==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/density": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/floating-label": "^6.0.0",
+        "@material/line-ripple": "^6.0.0",
+        "@material/notched-outline": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/theme": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-4.0.0.tgz",
-      "integrity": "sha512-vS4G4rusJTatTH50kSYO1U3UGN8EY9kGRvPaFsEFKikJBOqcR6KWK9H9/wCLqqd6nDNifEj9H2sdWw1AV4NA6Q==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-6.0.0.tgz",
+      "integrity": "sha512-dViBx1lsidoQhVi/MYksTmDs8aUPj3mPVQIaBPtDRtqpIuWSwG7bCHoY8rG8FHRduPLpq3b1A4OwKHBd0RWVJw==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0"
       }
     },
     "@material/touch-target": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-4.0.0.tgz",
-      "integrity": "sha512-TM8xK1WwTZtP4vYQ7E7aZLdGKyP1GuG5Ilb0qlytX/gmC8Di/kRn6muDSZyeCCUcMXYth5Et0ceWtpNrcAQHMQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-6.0.0.tgz",
+      "integrity": "sha512-qZjrxo6honqxRV2Gy7spgkfj1qzSwy2IC8xtQb6bIolDD7kbzOxmyyaMi+TxQE0QnRWG/w6DVBSsPPQGNt4Saw==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0"
       }
     },
     "@material/typography": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-4.0.0.tgz",
-      "integrity": "sha512-lUG4yjG9fl1ryNX4OVnOmi+EjhiV4WsWcYt4yzffHrFg1RfKuCAV59j7TtmlMfZIkNDwqK5jvk3oOpTRDFpL8Q==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-6.0.0.tgz",
+      "integrity": "sha512-+4UUEYOxINMRUdyAltd1HFydjAy+MeXqUkFUXXNVsi5nFlpGTpMrxriwVaeL++XlGgvziJjDzaOe6S7zkwYxOQ==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0"
       }
     },
     "accepts": {
@@ -7130,9 +7140,9 @@
       "dev": true
     },
     "tslib": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
-      "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.11.1.tgz",
+      "integrity": "sha512-aZW88SY8kQbU7gpV19lN24LtXh/yD4ZZg6qieAJDDg+YBsJcSmLGK9QpnUjAKVG/xefmvJGd1WUmfpT/g6AJGA=="
     },
     "tty-browserify": {
       "version": "0.0.0",
diff --git a/mdc-102/starter/package.json b/mdc-102/starter/package.json
index c2efaaa..95904dd 100755
--- a/mdc-102/starter/package.json
+++ b/mdc-102/starter/package.json
@@ -20,8 +20,8 @@
     "webpack-dev-server": "^2.4.3"
   },
   "dependencies": {
-    "@material/button": "^4.0.0",
-    "@material/ripple": "^4.0.0",
-    "@material/textfield": "^4.0.0"
+    "@material/button": "^6.0.0",
+    "@material/ripple": "^6.0.0",
+    "@material/textfield": "^6.0.0"
   }
 }
diff --git a/mdc-103/complete/index.html b/mdc-103/complete/index.html
index 4255d34..729873a 100644
--- a/mdc-103/complete/index.html
+++ b/mdc-103/complete/index.html
@@ -25,15 +25,17 @@ <h1>SHRINE</h1>
   </section>
 
   <form action="home.html">
-    <label class="mdc-text-field username">
+    <label class="mdc-text-field mdc-text-field--filled username">
+      <span class="mdc-text-field__ripple"></span>
       <input type="text" class="mdc-text-field__input" aria-labelledby="username-label" name="username" required>
       <span class="mdc-floating-label" id="username-label">Username</span>
-      <div class="mdc-line-ripple"></div>
+      <span class="mdc-line-ripple"></span>
     </label>
-    <label class="mdc-text-field password">
+    <label class="mdc-text-field mdc-text-field--filled password">
+      <span class="mdc-text-field__ripple"></span>
       <input type="password" class="mdc-text-field__input" aria-labelledby="password-label" name="password" required minlength="8">
       <span class="mdc-floating-label" id="password-label">Password</span>
-      <div class="mdc-line-ripple"></div>
+      <span class="mdc-line-ripple"></span>
     </label>
     <div class="button-container">
       <button type="button" class="mdc-button cancel">
diff --git a/mdc-103/complete/login.scss b/mdc-103/complete/login.scss
index 71809fa..d241c5e 100755
--- a/mdc-103/complete/login.scss
+++ b/mdc-103/complete/login.scss
@@ -22,7 +22,7 @@
     @include mdc-text-field-label-color(on-primary);
   }
 
-  display: block;
+  display: flex;
   width: 300px;
   margin: 20px auto;
 }
diff --git a/mdc-103/complete/package-lock.json b/mdc-103/complete/package-lock.json
index 6c87191..7cd967f 100644
--- a/mdc-103/complete/package-lock.json
+++ b/mdc-103/complete/package-lock.json
@@ -5,217 +5,227 @@
   "requires": true,
   "dependencies": {
     "@material/animation": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz",
-      "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-6.0.0.tgz",
+      "integrity": "sha512-BxlzXzQ5W2WtaEVV4/PqkTpKB5PfOUvPmr1EK8+xQ0ouMV4qiWuwBfnu7DgXF+cglpFP3T71uHVYmh6lMdi4vg==",
       "requires": {
         "tslib": "^1.9.3"
       }
     },
     "@material/base": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz",
-      "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-6.0.0.tgz",
+      "integrity": "sha512-S3rT7B9xa9IfHXIvYXYqbo6YVu9FWbFqTt1tMUCniizTRlpmHu9b5pmQ20f6mm3K3wAFD+crqsrtie2Y8h8r5g==",
       "requires": {
         "tslib": "^1.9.3"
       }
     },
     "@material/button": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/button/-/button-4.0.0.tgz",
-      "integrity": "sha512-CoQjShblZ7evChPJoM+Cao90Fwi25NCIhdTequzZifD73BvQegyN7MlNdbHaGqpecYzOrm0xq+nocg+yQN90qg==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/button/-/button-6.0.0.tgz",
+      "integrity": "sha512-Xv83A5dL5l8hQHM1gOeD/0DpjsbzPeZtrXBWvf2q0d1uN0LE52ocrTHXJnJw9zNudoaBTopTQDsFQEdWqVYlFA==",
       "requires": {
-        "@material/density": "^4.0.0",
-        "@material/elevation": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/touch-target": "^4.0.0",
-        "@material/typography": "^4.0.0"
+        "@material/density": "^6.0.0",
+        "@material/elevation": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/touch-target": "^6.0.0",
+        "@material/typography": "^6.0.0"
       }
     },
     "@material/density": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/density/-/density-4.0.0.tgz",
-      "integrity": "sha512-PuOCPCXlWjimTq+OuCS8biAb1JE9aXCZwT1dRG9REAIAK7bN8KeeTzkeJp6jTj+ggZjWphwKF0lKeX6Gv+e/lw=="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/density/-/density-6.0.0.tgz",
+      "integrity": "sha512-svKiq7XtUg89hf08XGFF46NdiQAZfey5CiatmNxD3WX7LUoCb5zc8K9BqPL63P1Sh6kty9R0AHj+6w4ASFetPA=="
     },
     "@material/dom": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-4.0.0.tgz",
-      "integrity": "sha512-GRCJT9+PGWqygZwGf1XLTrbmzP35YWG7+T0hpfhoIJO8VDiMTeyfvhJXFuA2wh9pD0noEjte0lmbdBlykrbWZw==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-6.0.0.tgz",
+      "integrity": "sha512-9hvoi3MxR25dmyv15xJGRS+Ezlr0oD+Y6k4UyAbLpExFP2OakTZc8Xj0Fd7Nwav3I5aIXyC5jJ2gvhZcy1cI9A==",
       "requires": {
+        "@material/feature-targeting": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/drawer": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-4.0.0.tgz",
-      "integrity": "sha512-HjhE4KnP+bGC56AdD8H1FqMT5PjEuz0RvvEzsMrQC86CERsE9eu35+JdSHFsLT2qi8m8c8v9NicOVIP1QHNH+Q==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/elevation": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/list": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
-        "focus-trap": "^5.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-6.0.0.tgz",
+      "integrity": "sha512-ukh5R+aMOBf5wmZQul8eHR/nEbLmxk7SXxXanv7EXCRmY8bgNyAsnWu7ZmCAYlMN6lww2mpTEJqvi5XbCjbSiw==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/elevation": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/list": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/elevation": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-4.0.0.tgz",
-      "integrity": "sha512-wKffoZcqkwAMWYbfGJJ95RDeOFz/IMvF7ye4VamjUwLb1iPiKxUZKUcd40XpuEvsn794HSIEWfGDsRq7BxJAMQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-6.0.0.tgz",
+      "integrity": "sha512-9WNBu/MKTQX40Ev3ayq5V8Pf/E/DqUPRQO8F0YA99jRWuYScpX2zeJlpRe+wLI6zIxtfFcVvRW9D4O1s1Bmbdg==",
       "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/theme": "^4.0.0"
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0"
       }
     },
     "@material/feature-targeting": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz",
-      "integrity": "sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg=="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0.tgz",
+      "integrity": "sha512-REj9VJnqkGwpngffc/iHGPt8WTF27QFPWDD8VBNXaP+MmnpIu7V5q5JMoozKzG5uk+hVryzam1i2PJHztizDXg=="
     },
     "@material/floating-label": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-4.0.0.tgz",
-      "integrity": "sha512-ovuZKhH7U+YmZk8kXftYCdEaU9InJdkBsPe4TP+dg4HiO1lWmd7ZxVsMo6iTl4yaFofkBPj3VDkbE1fLnHxKPA==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-6.0.0.tgz",
+      "integrity": "sha512-hLCsJKAJtVUUcxTbphqn6JZTbkOa3TW5nLgcwcgWqTbjOWOafppnplKELeM+6oDvwg/YDcGSsvuPUOsCMRiXvw==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/image-list": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-4.0.0.tgz",
-      "integrity": "sha512-7RvYp8f2elV/fhtANNdr1RhFus5XJuHG+EK01G5C3VMGeBdrvkdpAQ7lzQ1FxUQ1F10cUNaH+kw+cLx9qh8p5A==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-6.0.0.tgz",
+      "integrity": "sha512-rwLNUcyv4ortDtVw0VjO/qdSCm1n7xFtb7JzdLfAFpDCiSfoWS7wXnCqkgHsJrNQSnKbMENEs+IRE2OYIbY8Ew==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0"
       }
     },
     "@material/line-ripple": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-4.0.0.tgz",
-      "integrity": "sha512-+vrgKlb2gUBIKxlzVKLn/tX76qJ0Z19RkH2i7mh4IdH8KxeEai8NQQYWqeOOKtyp8JbH0ObGyqJCwPo2VbHDmw==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/theme": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-6.0.0.tgz",
+      "integrity": "sha512-LppQy+bnkAD+tyGOA6/GzE4/xBGRzvJNGJZe0OvClerBxM9yOtxd8Xa8VJ+ul1hTNR/OCB2HSTWNQq5fyqTQHg==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/list": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/list/-/list-4.0.0.tgz",
-      "integrity": "sha512-ximtqMQzi+bnnFy1jrdzMUH7jq169XVexCykumxoLI1PbVx4imQ0G3R6LIfJiafbxbBYawfwySZfMXTJkDML7g==",
-      "requires": {
-        "@material/base": "^4.0.0",
-        "@material/density": "^4.0.0",
-        "@material/dom": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/list/-/list-6.0.0.tgz",
+      "integrity": "sha512-HTsASEUTCVST4lLT7hzum+ru5MQs04S6rCWLngYSEFuzhKjcTg+kJL1FNzkqlQIpEcMgaaa7CAKMl69ZrwyLrA==",
+      "requires": {
+        "@material/base": "^6.0.0",
+        "@material/density": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/notched-outline": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-4.0.0.tgz",
-      "integrity": "sha512-9WNG7dZS83nu72kmoknA3XyvZQIxx8QBjEB2Q2KGyRp4Q8zrzWxfcvTYgiOsYgvz013JnTqaqe4g0wjl6v789g==",
-      "requires": {
-        "@material/base": "^4.0.0",
-        "@material/floating-label": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-6.0.0.tgz",
+      "integrity": "sha512-fSn/3rQblUmFny3qeCnWgXkQyV+nfpuXmPhf41cjUlu28TnTKA2YayL+vg8Ebi97l6osAFaT/1dEaebvpwebaQ==",
+      "requires": {
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/floating-label": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/ripple": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-4.0.0.tgz",
-      "integrity": "sha512-9BLIOvyCP5sM+fQpLlcJZWyrHguusJq8E5A1pxg0wQwputOyaPBM7recHhYkJmVjzRpTcPgf1PkvkpN6DKGcNg==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/dom": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/theme": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-6.0.0.tgz",
+      "integrity": "sha512-z+ARpjBVkRZBhiX20aAxAMrgBcfpcCRqIcI/E3Esfyo7M+q/mm8t92ZumcahxWnOBJkHM55kkpUqHlfkYlfyZQ==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/rtl": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-4.0.0.tgz",
-      "integrity": "sha512-AP8zByVDEWAJVJoxByVccUbH+BX24IeG7ol+L6Qd8JjzPpz1fzPVJ4BeDNaF0a6sXtHsRmj2zN5dsx/BGC3IHg=="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-6.0.0.tgz",
+      "integrity": "sha512-/WkzlUm3qylWMqv7Lw7ColZ8DYvEvTXtevxxz7PKM1hT9FNlbO1/Qywvda4VUtXivEeynXEqeT1T/ZYHV9yDVw=="
     },
     "@material/shape": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-4.0.0.tgz",
-      "integrity": "sha512-wmr05YBrEL462QPiJ+t9xh5RqxzylXYo/8DVZnb/1WA9GZ6m38UK/8Awtip1cZAN34pzD/9p5AydyywlQVoI+g==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-6.0.0.tgz",
+      "integrity": "sha512-tZT9GGWI3QcOtyfJ07Hc3noP2b5Bvx2npx/aj+k7gEIkE06mzr08dVnVOup8z8HbHWIenxRJgdeF5+lAfBE3vw==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0",
+        "@material/rtl": "^6.0.0"
       }
     },
     "@material/textfield": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-4.0.0.tgz",
-      "integrity": "sha512-1Xg+nriTqFB8+5k8sGkR8LBeD3dRgNuhvwyU8XrUeAs5l/HMfn4CWgbEyZTaJ2EEtFPxnKGedAYqCEwXngwGWg==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/density": "^4.0.0",
-        "@material/dom": "^4.0.0",
-        "@material/floating-label": "^4.0.0",
-        "@material/line-ripple": "^4.0.0",
-        "@material/notched-outline": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-6.0.0.tgz",
+      "integrity": "sha512-BZAdsVYilstY4rvHxb0n/Vgs4/IcAO7U5dpcLDRWJlvOtbtfxNl4C5HuSaVUz7Mxr7+HhZAZfz3GkC1YY9XeEQ==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/density": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/floating-label": "^6.0.0",
+        "@material/line-ripple": "^6.0.0",
+        "@material/notched-outline": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/theme": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-4.0.0.tgz",
-      "integrity": "sha512-vS4G4rusJTatTH50kSYO1U3UGN8EY9kGRvPaFsEFKikJBOqcR6KWK9H9/wCLqqd6nDNifEj9H2sdWw1AV4NA6Q==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-6.0.0.tgz",
+      "integrity": "sha512-dViBx1lsidoQhVi/MYksTmDs8aUPj3mPVQIaBPtDRtqpIuWSwG7bCHoY8rG8FHRduPLpq3b1A4OwKHBd0RWVJw==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0"
       }
     },
     "@material/touch-target": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-4.0.0.tgz",
-      "integrity": "sha512-TM8xK1WwTZtP4vYQ7E7aZLdGKyP1GuG5Ilb0qlytX/gmC8Di/kRn6muDSZyeCCUcMXYth5Et0ceWtpNrcAQHMQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-6.0.0.tgz",
+      "integrity": "sha512-qZjrxo6honqxRV2Gy7spgkfj1qzSwy2IC8xtQb6bIolDD7kbzOxmyyaMi+TxQE0QnRWG/w6DVBSsPPQGNt4Saw==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0"
       }
     },
     "@material/typography": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-4.0.0.tgz",
-      "integrity": "sha512-lUG4yjG9fl1ryNX4OVnOmi+EjhiV4WsWcYt4yzffHrFg1RfKuCAV59j7TtmlMfZIkNDwqK5jvk3oOpTRDFpL8Q==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-6.0.0.tgz",
+      "integrity": "sha512-+4UUEYOxINMRUdyAltd1HFydjAy+MeXqUkFUXXNVsi5nFlpGTpMrxriwVaeL++XlGgvziJjDzaOe6S7zkwYxOQ==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0"
       }
     },
     "accepts": {
@@ -2797,15 +2807,6 @@
       "integrity": "sha1-2uRqnXj74lKSJYzB54CkHZXAN4I=",
       "dev": true
     },
-    "focus-trap": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-5.1.0.tgz",
-      "integrity": "sha512-CkB/nrO55069QAUjWFBpX6oc+9V90Qhgpe6fBWApzruMq5gnlh90Oo7iSSDK7pKiV5ugG6OY2AXM5mxcmL3lwQ==",
-      "requires": {
-        "tabbable": "^4.0.0",
-        "xtend": "^4.0.1"
-      }
-    },
     "follow-redirects": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.7.0.tgz",
@@ -7092,11 +7093,6 @@
         "whet.extend": "~0.9.9"
       }
     },
-    "tabbable": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-4.0.0.tgz",
-      "integrity": "sha512-H1XoH1URcBOa/rZZWxLxHCtOdVUEev+9vo5YdYhC9tCY4wnybX+VQrCYuy9ubkg69fCBxCONJOSLGfw0DWMffQ=="
-    },
     "tapable": {
       "version": "0.2.9",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-0.2.9.tgz",
@@ -7191,9 +7187,9 @@
       "dev": true
     },
     "tslib": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
-      "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.11.1.tgz",
+      "integrity": "sha512-aZW88SY8kQbU7gpV19lN24LtXh/yD4ZZg6qieAJDDg+YBsJcSmLGK9QpnUjAKVG/xefmvJGd1WUmfpT/g6AJGA=="
     },
     "tty-browserify": {
       "version": "0.0.0",
@@ -7866,7 +7862,8 @@
     "xtend": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz",
-      "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68="
+      "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68=",
+      "dev": true
     },
     "y18n": {
       "version": "3.2.1",
diff --git a/mdc-103/complete/package.json b/mdc-103/complete/package.json
index 8fe8dc8..3bb5488 100644
--- a/mdc-103/complete/package.json
+++ b/mdc-103/complete/package.json
@@ -20,13 +20,13 @@
     "webpack-dev-server": "^2.4.3"
   },
   "dependencies": {
-    "@material/button": "^4.0.0",
-    "@material/drawer": "^4.0.0",
-    "@material/elevation": "^4.0.0",
-    "@material/image-list": "^4.0.0",
-    "@material/list": "^4.0.0",
-    "@material/ripple": "^4.0.0",
-    "@material/textfield": "^4.0.0",
-    "@material/typography": "^4.0.0"
+    "@material/button": "^6.0.0",
+    "@material/drawer": "^6.0.0",
+    "@material/elevation": "^6.0.0",
+    "@material/image-list": "^6.0.0",
+    "@material/list": "^6.0.0",
+    "@material/ripple": "^6.0.0",
+    "@material/textfield": "^6.0.0",
+    "@material/typography": "^6.0.0"
   }
 }
diff --git a/mdc-103/starter/index.html b/mdc-103/starter/index.html
index 4255d34..729873a 100755
--- a/mdc-103/starter/index.html
+++ b/mdc-103/starter/index.html
@@ -25,15 +25,17 @@ <h1>SHRINE</h1>
   </section>
 
   <form action="home.html">
-    <label class="mdc-text-field username">
+    <label class="mdc-text-field mdc-text-field--filled username">
+      <span class="mdc-text-field__ripple"></span>
       <input type="text" class="mdc-text-field__input" aria-labelledby="username-label" name="username" required>
       <span class="mdc-floating-label" id="username-label">Username</span>
-      <div class="mdc-line-ripple"></div>
+      <span class="mdc-line-ripple"></span>
     </label>
-    <label class="mdc-text-field password">
+    <label class="mdc-text-field mdc-text-field--filled password">
+      <span class="mdc-text-field__ripple"></span>
       <input type="password" class="mdc-text-field__input" aria-labelledby="password-label" name="password" required minlength="8">
       <span class="mdc-floating-label" id="password-label">Password</span>
-      <div class="mdc-line-ripple"></div>
+      <span class="mdc-line-ripple"></span>
     </label>
     <div class="button-container">
       <button type="button" class="mdc-button cancel">
diff --git a/mdc-103/starter/login.scss b/mdc-103/starter/login.scss
index 0ba77fe..12900ba 100755
--- a/mdc-103/starter/login.scss
+++ b/mdc-103/starter/login.scss
@@ -15,7 +15,7 @@
 
 .username,
 .password {
-  display: block;
+  display: flex;
   width: 300px;
   margin: 20px auto;
 }
diff --git a/mdc-103/starter/package-lock.json b/mdc-103/starter/package-lock.json
index 6c87191..7cd967f 100644
--- a/mdc-103/starter/package-lock.json
+++ b/mdc-103/starter/package-lock.json
@@ -5,217 +5,227 @@
   "requires": true,
   "dependencies": {
     "@material/animation": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz",
-      "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-6.0.0.tgz",
+      "integrity": "sha512-BxlzXzQ5W2WtaEVV4/PqkTpKB5PfOUvPmr1EK8+xQ0ouMV4qiWuwBfnu7DgXF+cglpFP3T71uHVYmh6lMdi4vg==",
       "requires": {
         "tslib": "^1.9.3"
       }
     },
     "@material/base": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz",
-      "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-6.0.0.tgz",
+      "integrity": "sha512-S3rT7B9xa9IfHXIvYXYqbo6YVu9FWbFqTt1tMUCniizTRlpmHu9b5pmQ20f6mm3K3wAFD+crqsrtie2Y8h8r5g==",
       "requires": {
         "tslib": "^1.9.3"
       }
     },
     "@material/button": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/button/-/button-4.0.0.tgz",
-      "integrity": "sha512-CoQjShblZ7evChPJoM+Cao90Fwi25NCIhdTequzZifD73BvQegyN7MlNdbHaGqpecYzOrm0xq+nocg+yQN90qg==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/button/-/button-6.0.0.tgz",
+      "integrity": "sha512-Xv83A5dL5l8hQHM1gOeD/0DpjsbzPeZtrXBWvf2q0d1uN0LE52ocrTHXJnJw9zNudoaBTopTQDsFQEdWqVYlFA==",
       "requires": {
-        "@material/density": "^4.0.0",
-        "@material/elevation": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/touch-target": "^4.0.0",
-        "@material/typography": "^4.0.0"
+        "@material/density": "^6.0.0",
+        "@material/elevation": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/touch-target": "^6.0.0",
+        "@material/typography": "^6.0.0"
       }
     },
     "@material/density": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/density/-/density-4.0.0.tgz",
-      "integrity": "sha512-PuOCPCXlWjimTq+OuCS8biAb1JE9aXCZwT1dRG9REAIAK7bN8KeeTzkeJp6jTj+ggZjWphwKF0lKeX6Gv+e/lw=="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/density/-/density-6.0.0.tgz",
+      "integrity": "sha512-svKiq7XtUg89hf08XGFF46NdiQAZfey5CiatmNxD3WX7LUoCb5zc8K9BqPL63P1Sh6kty9R0AHj+6w4ASFetPA=="
     },
     "@material/dom": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-4.0.0.tgz",
-      "integrity": "sha512-GRCJT9+PGWqygZwGf1XLTrbmzP35YWG7+T0hpfhoIJO8VDiMTeyfvhJXFuA2wh9pD0noEjte0lmbdBlykrbWZw==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-6.0.0.tgz",
+      "integrity": "sha512-9hvoi3MxR25dmyv15xJGRS+Ezlr0oD+Y6k4UyAbLpExFP2OakTZc8Xj0Fd7Nwav3I5aIXyC5jJ2gvhZcy1cI9A==",
       "requires": {
+        "@material/feature-targeting": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/drawer": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-4.0.0.tgz",
-      "integrity": "sha512-HjhE4KnP+bGC56AdD8H1FqMT5PjEuz0RvvEzsMrQC86CERsE9eu35+JdSHFsLT2qi8m8c8v9NicOVIP1QHNH+Q==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/elevation": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/list": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
-        "focus-trap": "^5.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-6.0.0.tgz",
+      "integrity": "sha512-ukh5R+aMOBf5wmZQul8eHR/nEbLmxk7SXxXanv7EXCRmY8bgNyAsnWu7ZmCAYlMN6lww2mpTEJqvi5XbCjbSiw==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/elevation": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/list": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/elevation": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-4.0.0.tgz",
-      "integrity": "sha512-wKffoZcqkwAMWYbfGJJ95RDeOFz/IMvF7ye4VamjUwLb1iPiKxUZKUcd40XpuEvsn794HSIEWfGDsRq7BxJAMQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-6.0.0.tgz",
+      "integrity": "sha512-9WNBu/MKTQX40Ev3ayq5V8Pf/E/DqUPRQO8F0YA99jRWuYScpX2zeJlpRe+wLI6zIxtfFcVvRW9D4O1s1Bmbdg==",
       "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/theme": "^4.0.0"
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0"
       }
     },
     "@material/feature-targeting": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz",
-      "integrity": "sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg=="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0.tgz",
+      "integrity": "sha512-REj9VJnqkGwpngffc/iHGPt8WTF27QFPWDD8VBNXaP+MmnpIu7V5q5JMoozKzG5uk+hVryzam1i2PJHztizDXg=="
     },
     "@material/floating-label": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-4.0.0.tgz",
-      "integrity": "sha512-ovuZKhH7U+YmZk8kXftYCdEaU9InJdkBsPe4TP+dg4HiO1lWmd7ZxVsMo6iTl4yaFofkBPj3VDkbE1fLnHxKPA==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-6.0.0.tgz",
+      "integrity": "sha512-hLCsJKAJtVUUcxTbphqn6JZTbkOa3TW5nLgcwcgWqTbjOWOafppnplKELeM+6oDvwg/YDcGSsvuPUOsCMRiXvw==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/image-list": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-4.0.0.tgz",
-      "integrity": "sha512-7RvYp8f2elV/fhtANNdr1RhFus5XJuHG+EK01G5C3VMGeBdrvkdpAQ7lzQ1FxUQ1F10cUNaH+kw+cLx9qh8p5A==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-6.0.0.tgz",
+      "integrity": "sha512-rwLNUcyv4ortDtVw0VjO/qdSCm1n7xFtb7JzdLfAFpDCiSfoWS7wXnCqkgHsJrNQSnKbMENEs+IRE2OYIbY8Ew==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0"
       }
     },
     "@material/line-ripple": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-4.0.0.tgz",
-      "integrity": "sha512-+vrgKlb2gUBIKxlzVKLn/tX76qJ0Z19RkH2i7mh4IdH8KxeEai8NQQYWqeOOKtyp8JbH0ObGyqJCwPo2VbHDmw==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/theme": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-6.0.0.tgz",
+      "integrity": "sha512-LppQy+bnkAD+tyGOA6/GzE4/xBGRzvJNGJZe0OvClerBxM9yOtxd8Xa8VJ+ul1hTNR/OCB2HSTWNQq5fyqTQHg==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/list": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/list/-/list-4.0.0.tgz",
-      "integrity": "sha512-ximtqMQzi+bnnFy1jrdzMUH7jq169XVexCykumxoLI1PbVx4imQ0G3R6LIfJiafbxbBYawfwySZfMXTJkDML7g==",
-      "requires": {
-        "@material/base": "^4.0.0",
-        "@material/density": "^4.0.0",
-        "@material/dom": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/list/-/list-6.0.0.tgz",
+      "integrity": "sha512-HTsASEUTCVST4lLT7hzum+ru5MQs04S6rCWLngYSEFuzhKjcTg+kJL1FNzkqlQIpEcMgaaa7CAKMl69ZrwyLrA==",
+      "requires": {
+        "@material/base": "^6.0.0",
+        "@material/density": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/notched-outline": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-4.0.0.tgz",
-      "integrity": "sha512-9WNG7dZS83nu72kmoknA3XyvZQIxx8QBjEB2Q2KGyRp4Q8zrzWxfcvTYgiOsYgvz013JnTqaqe4g0wjl6v789g==",
-      "requires": {
-        "@material/base": "^4.0.0",
-        "@material/floating-label": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-6.0.0.tgz",
+      "integrity": "sha512-fSn/3rQblUmFny3qeCnWgXkQyV+nfpuXmPhf41cjUlu28TnTKA2YayL+vg8Ebi97l6osAFaT/1dEaebvpwebaQ==",
+      "requires": {
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/floating-label": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/ripple": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-4.0.0.tgz",
-      "integrity": "sha512-9BLIOvyCP5sM+fQpLlcJZWyrHguusJq8E5A1pxg0wQwputOyaPBM7recHhYkJmVjzRpTcPgf1PkvkpN6DKGcNg==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/dom": "^4.0.0",
-        "@material/feature-targeting": "^4.0.0",
-        "@material/theme": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-6.0.0.tgz",
+      "integrity": "sha512-z+ARpjBVkRZBhiX20aAxAMrgBcfpcCRqIcI/E3Esfyo7M+q/mm8t92ZumcahxWnOBJkHM55kkpUqHlfkYlfyZQ==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/rtl": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-4.0.0.tgz",
-      "integrity": "sha512-AP8zByVDEWAJVJoxByVccUbH+BX24IeG7ol+L6Qd8JjzPpz1fzPVJ4BeDNaF0a6sXtHsRmj2zN5dsx/BGC3IHg=="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-6.0.0.tgz",
+      "integrity": "sha512-/WkzlUm3qylWMqv7Lw7ColZ8DYvEvTXtevxxz7PKM1hT9FNlbO1/Qywvda4VUtXivEeynXEqeT1T/ZYHV9yDVw=="
     },
     "@material/shape": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-4.0.0.tgz",
-      "integrity": "sha512-wmr05YBrEL462QPiJ+t9xh5RqxzylXYo/8DVZnb/1WA9GZ6m38UK/8Awtip1cZAN34pzD/9p5AydyywlQVoI+g==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-6.0.0.tgz",
+      "integrity": "sha512-tZT9GGWI3QcOtyfJ07Hc3noP2b5Bvx2npx/aj+k7gEIkE06mzr08dVnVOup8z8HbHWIenxRJgdeF5+lAfBE3vw==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0",
+        "@material/rtl": "^6.0.0"
       }
     },
     "@material/textfield": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-4.0.0.tgz",
-      "integrity": "sha512-1Xg+nriTqFB8+5k8sGkR8LBeD3dRgNuhvwyU8XrUeAs5l/HMfn4CWgbEyZTaJ2EEtFPxnKGedAYqCEwXngwGWg==",
-      "requires": {
-        "@material/animation": "^4.0.0",
-        "@material/base": "^4.0.0",
-        "@material/density": "^4.0.0",
-        "@material/dom": "^4.0.0",
-        "@material/floating-label": "^4.0.0",
-        "@material/line-ripple": "^4.0.0",
-        "@material/notched-outline": "^4.0.0",
-        "@material/ripple": "^4.0.0",
-        "@material/rtl": "^4.0.0",
-        "@material/shape": "^4.0.0",
-        "@material/theme": "^4.0.0",
-        "@material/typography": "^4.0.0",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-6.0.0.tgz",
+      "integrity": "sha512-BZAdsVYilstY4rvHxb0n/Vgs4/IcAO7U5dpcLDRWJlvOtbtfxNl4C5HuSaVUz7Mxr7+HhZAZfz3GkC1YY9XeEQ==",
+      "requires": {
+        "@material/animation": "^6.0.0",
+        "@material/base": "^6.0.0",
+        "@material/density": "^6.0.0",
+        "@material/dom": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0",
+        "@material/floating-label": "^6.0.0",
+        "@material/line-ripple": "^6.0.0",
+        "@material/notched-outline": "^6.0.0",
+        "@material/ripple": "^6.0.0",
+        "@material/rtl": "^6.0.0",
+        "@material/shape": "^6.0.0",
+        "@material/theme": "^6.0.0",
+        "@material/typography": "^6.0.0",
         "tslib": "^1.9.3"
       }
     },
     "@material/theme": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-4.0.0.tgz",
-      "integrity": "sha512-vS4G4rusJTatTH50kSYO1U3UGN8EY9kGRvPaFsEFKikJBOqcR6KWK9H9/wCLqqd6nDNifEj9H2sdWw1AV4NA6Q==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-6.0.0.tgz",
+      "integrity": "sha512-dViBx1lsidoQhVi/MYksTmDs8aUPj3mPVQIaBPtDRtqpIuWSwG7bCHoY8rG8FHRduPLpq3b1A4OwKHBd0RWVJw==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0"
       }
     },
     "@material/touch-target": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-4.0.0.tgz",
-      "integrity": "sha512-TM8xK1WwTZtP4vYQ7E7aZLdGKyP1GuG5Ilb0qlytX/gmC8Di/kRn6muDSZyeCCUcMXYth5Et0ceWtpNrcAQHMQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-6.0.0.tgz",
+      "integrity": "sha512-qZjrxo6honqxRV2Gy7spgkfj1qzSwy2IC8xtQb6bIolDD7kbzOxmyyaMi+TxQE0QnRWG/w6DVBSsPPQGNt4Saw==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/base": "^6.0.0",
+        "@material/feature-targeting": "^6.0.0"
       }
     },
     "@material/typography": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-4.0.0.tgz",
-      "integrity": "sha512-lUG4yjG9fl1ryNX4OVnOmi+EjhiV4WsWcYt4yzffHrFg1RfKuCAV59j7TtmlMfZIkNDwqK5jvk3oOpTRDFpL8Q==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-6.0.0.tgz",
+      "integrity": "sha512-+4UUEYOxINMRUdyAltd1HFydjAy+MeXqUkFUXXNVsi5nFlpGTpMrxriwVaeL++XlGgvziJjDzaOe6S7zkwYxOQ==",
       "requires": {
-        "@material/feature-targeting": "^4.0.0"
+        "@material/feature-targeting": "^6.0.0",
+        "@material/theme": "^6.0.0"
       }
     },
     "accepts": {
@@ -2797,15 +2807,6 @@
       "integrity": "sha1-2uRqnXj74lKSJYzB54CkHZXAN4I=",
       "dev": true
     },
-    "focus-trap": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-5.1.0.tgz",
-      "integrity": "sha512-CkB/nrO55069QAUjWFBpX6oc+9V90Qhgpe6fBWApzruMq5gnlh90Oo7iSSDK7pKiV5ugG6OY2AXM5mxcmL3lwQ==",
-      "requires": {
-        "tabbable": "^4.0.0",
-        "xtend": "^4.0.1"
-      }
-    },
     "follow-redirects": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.7.0.tgz",
@@ -7092,11 +7093,6 @@
         "whet.extend": "~0.9.9"
       }
     },
-    "tabbable": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-4.0.0.tgz",
-      "integrity": "sha512-H1XoH1URcBOa/rZZWxLxHCtOdVUEev+9vo5YdYhC9tCY4wnybX+VQrCYuy9ubkg69fCBxCONJOSLGfw0DWMffQ=="
-    },
     "tapable": {
       "version": "0.2.9",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-0.2.9.tgz",
@@ -7191,9 +7187,9 @@
       "dev": true
     },
     "tslib": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
-      "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.11.1.tgz",
+      "integrity": "sha512-aZW88SY8kQbU7gpV19lN24LtXh/yD4ZZg6qieAJDDg+YBsJcSmLGK9QpnUjAKVG/xefmvJGd1WUmfpT/g6AJGA=="
     },
     "tty-browserify": {
       "version": "0.0.0",
@@ -7866,7 +7862,8 @@
     "xtend": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz",
-      "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68="
+      "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68=",
+      "dev": true
     },
     "y18n": {
       "version": "3.2.1",
diff --git a/mdc-103/starter/package.json b/mdc-103/starter/package.json
index 24d56a9..0d624a6 100755
--- a/mdc-103/starter/package.json
+++ b/mdc-103/starter/package.json
@@ -20,11 +20,11 @@
     "webpack-dev-server": "^2.4.3"
   },
   "dependencies": {
-    "@material/button": "^4.0.0",
-    "@material/drawer": "^4.0.0",
-    "@material/image-list": "^4.0.0",
-    "@material/list": "^4.0.0",
-    "@material/ripple": "^4.0.0",
-    "@material/textfield": "^4.0.0"
+    "@material/button": "^6.0.0",
+    "@material/drawer": "^6.0.0",
+    "@material/image-list": "^6.0.0",
+    "@material/list": "^6.0.0",
+    "@material/ripple": "^6.0.0",
+    "@material/textfield": "^6.0.0"
   }
 }