update mdc

public/lib/ui/mdc/dist/material-components-web.css

@@ -780,20 +780,24 @@ svg.mdc-button__icon {
 
 .mdc-button--raised {
   padding: 0 16px 0 16px;
+  height: 36px;
+  border-radius: 4px;
+  /* @alternate */
+  border-radius: var(--mdc-shape-small, 4px);
 }
 .mdc-button--raised:not(:disabled) {
   background-color: #6200ee;
   /* @alternate */
   background-color: var(--mdc-theme-primary, #6200ee);
 }
+.mdc-button--raised:disabled {
+  background-color: rgba(0, 0, 0, 0.12);
+}
 .mdc-button--raised:not(:disabled) {
   color: #fff;
   /* @alternate */
   color: var(--mdc-theme-on-primary, #fff);
 }
-.mdc-button--raised:disabled {
-  background-color: rgba(0, 0, 0, 0.12);
-}
 .mdc-button--raised:disabled {
   color: rgba(0, 0, 0, 0.38);
 }
@@ -825,6 +829,11 @@ svg.mdc-button__icon {
 .mdc-button--raised.mdc-ripple-upgraded {
   --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
 }
+.mdc-button--raised .mdc-button__ripple {
+  border-radius: 4px;
+  /* @alternate */
+  border-radius: var(--mdc-shape-small, 4px);
+}
 
 .mdc-button--outlined {
   height: 36px;
@@ -12022,6 +12031,17 @@ a.mdc-evolution-list-item {
           transform: scale(0.8);
   opacity: 0;
 }
+.mdc-snackbar__surface::before {
+  position: absolute;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  border: 1px solid transparent;
+  border-radius: inherit;
+  content: "";
+}
 [dir=rtl] .mdc-snackbar__surface, .mdc-snackbar__surface[dir=rtl] {
   /* @noflip */
   padding-left: 8px;
@@ -12590,7 +12610,7 @@ a.mdc-evolution-list-item {
   padding-right: 8px;
 }
 
-.mdc-tab__ripple {
+.mdc-tab {
   --mdc-ripple-fg-size: 0;
   --mdc-ripple-left: 0;
   --mdc-ripple-top: 0;
@@ -12598,37 +12618,31 @@ a.mdc-evolution-list-item {
   --mdc-ripple-fg-translate-end: 0;
   --mdc-ripple-fg-translate-start: 0;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  will-change: transform, opacity;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
 }
-.mdc-tab__ripple::before, .mdc-tab__ripple::after {
+.mdc-tab .mdc-tab__ripple::before,
+.mdc-tab .mdc-tab__ripple::after {
   position: absolute;
   border-radius: 50%;
   opacity: 0;
   pointer-events: none;
   content: "";
 }
-.mdc-tab__ripple::before {
+.mdc-tab .mdc-tab__ripple::before {
   transition: opacity 15ms linear, background-color 15ms linear;
   z-index: 1;
   /* @alternate */
   z-index: var(--mdc-ripple-z-index, 1);
 }
-.mdc-tab__ripple::after {
+.mdc-tab .mdc-tab__ripple::after {
   z-index: 0;
   /* @alternate */
   z-index: var(--mdc-ripple-z-index, 0);
 }
-.mdc-tab__ripple.mdc-ripple-upgraded::before {
+.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::before {
   -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
           transform: scale(var(--mdc-ripple-fg-scale, 1));
 }
-.mdc-tab__ripple.mdc-ripple-upgraded::after {
+.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after {
   top: 0;
   /* @noflip */
   left: 0;
@@ -12637,61 +12651,72 @@ a.mdc-evolution-list-item {
   -webkit-transform-origin: center center;
           transform-origin: center center;
 }
-.mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after {
+.mdc-tab.mdc-ripple-upgraded--unbounded .mdc-tab__ripple::after {
   top: var(--mdc-ripple-top, 0);
   /* @noflip */
   left: var(--mdc-ripple-left, 0);
 }
-.mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after {
+.mdc-tab.mdc-ripple-upgraded--foreground-activation .mdc-tab__ripple::after {
   -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
           animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
 }
-.mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after {
+.mdc-tab.mdc-ripple-upgraded--foreground-deactivation .mdc-tab__ripple::after {
   -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
           animation: mdc-ripple-fg-opacity-out 150ms;
   -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
           transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
 }
-.mdc-tab__ripple::before, .mdc-tab__ripple::after {
+.mdc-tab .mdc-tab__ripple::before,
+.mdc-tab .mdc-tab__ripple::after {
   top: calc(50% - 100%);
   /* @noflip */
   left: calc(50% - 100%);
   width: 200%;
   height: 200%;
 }
-.mdc-tab__ripple.mdc-ripple-upgraded::after {
+.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after {
   width: var(--mdc-ripple-fg-size, 100%);
   height: var(--mdc-ripple-fg-size, 100%);
 }
-.mdc-tab__ripple::before, .mdc-tab__ripple::after {
+.mdc-tab .mdc-tab__ripple::before, .mdc-tab .mdc-tab__ripple::after {
   background-color: #6200ee;
   /* @alternate */
   background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
 }
-.mdc-tab__ripple:hover::before, .mdc-tab__ripple.mdc-ripple-surface--hover::before {
+.mdc-tab:hover .mdc-tab__ripple::before, .mdc-tab.mdc-ripple-surface--hover .mdc-tab__ripple::before {
   opacity: 0.04;
   /* @alternate */
   opacity: var(--mdc-ripple-hover-opacity, 0.04);
 }
-.mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before, .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before {
+.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__ripple::before, .mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__ripple::before {
   transition-duration: 75ms;
   opacity: 0.12;
   /* @alternate */
   opacity: var(--mdc-ripple-focus-opacity, 0.12);
 }
-.mdc-tab__ripple:not(.mdc-ripple-upgraded)::after {
+.mdc-tab:not(.mdc-ripple-upgraded) .mdc-tab__ripple::after {
   transition: opacity 150ms linear;
 }
-.mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after {
+.mdc-tab:not(.mdc-ripple-upgraded):active .mdc-tab__ripple::after {
   transition-duration: 75ms;
   opacity: 0.12;
   /* @alternate */
   opacity: var(--mdc-ripple-press-opacity, 0.12);
 }
-.mdc-tab__ripple.mdc-ripple-upgraded {
+.mdc-tab.mdc-ripple-upgraded {
   --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
 }
 
+.mdc-tab__ripple {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  will-change: transform, opacity;
+}
+
 /**
  * @license
  * Copyright 2018 Google Inc.
@@ -14650,6 +14675,22 @@ a.mdc-evolution-list-item {
   transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1);
 }
 
+.mdc-tooltip__title {
+  color: rgba(0, 0, 0, 0.87);
+  /* @alternate */
+  color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
+}
+
+.mdc-tooltip__content {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.mdc-tooltip__content-link {
+  color: #6200ee;
+  /* @alternate */
+  color: var(--mdc-theme-primary, #6200ee);
+}
+
 .mdc-tooltip {
   position: fixed;
   display: none;
@@ -14680,25 +14721,6 @@ a.mdc-evolution-list-item {
 .mdc-tooltip--hide.mdc-tooltip--rich .mdc-tooltip__surface {
   background-color: rgba(255, 255, 255, 0.6);
 }
-.mdc-tooltip--shown.mdc-tooltip--rich .mdc-tooltip__title,
-.mdc-tooltip--showing.mdc-tooltip--rich .mdc-tooltip__title,
-.mdc-tooltip--hide.mdc-tooltip--rich .mdc-tooltip__title {
-  color: rgba(0, 0, 0, 0.87);
-  /* @alternate */
-  color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
-}
-.mdc-tooltip--shown.mdc-tooltip--rich .mdc-tooltip__content,
-.mdc-tooltip--showing.mdc-tooltip--rich .mdc-tooltip__content,
-.mdc-tooltip--hide.mdc-tooltip--rich .mdc-tooltip__content {
-  color: rgba(0, 0, 0, 0.6);
-}
-.mdc-tooltip--shown.mdc-tooltip--rich .mdc-tooltip__content-link,
-.mdc-tooltip--showing.mdc-tooltip--rich .mdc-tooltip__content-link,
-.mdc-tooltip--hide.mdc-tooltip--rich .mdc-tooltip__content-link {
-  color: #6200ee;
-  /* @alternate */
-  color: var(--mdc-theme-primary, #6200ee);
-}
 
 .mdc-tooltip__surface {
   -moz-osx-font-smoothing: grayscale;
@@ -14730,10 +14752,11 @@ a.mdc-evolution-list-item {
   max-height: 40vh;
   box-sizing: border-box;
   overflow: hidden;
+  text-align: center;
   -webkit-transform: scale(0.8);
           transform: scale(0.8);
-  text-align: center;
   opacity: 0;
+  will-change: transform, opacity;
   outline: 1px solid transparent;
 }
 .mdc-tooltip--rich .mdc-tooltip__surface {
@@ -14823,6 +14846,8 @@ a.mdc-evolution-list-item {
   /* @alternate */
   text-transform: var(--mdc-typography-body1-text-transform, inherit);
   margin: 0 8px 16px 8px;
+  /* @noflip */
+  text-align: left;
 }
 .mdc-tooltip__surface .mdc-tooltip__content::before {
   display: inline-block;
@@ -14831,6 +14856,10 @@ a.mdc-evolution-list-item {
   content: "";
   vertical-align: 0;
 }
+[dir=rtl] .mdc-tooltip__surface .mdc-tooltip__content, .mdc-tooltip__surface .mdc-tooltip__content[dir=rtl] {
+  /* @noflip */
+  text-align: right;
+}
 .mdc-tooltip__surface .mdc-tooltip__content-link {
   text-decoration: none;
 }