vuetify 2.6.0-beta.0 → 2.6.3

package/dist/vuetify.css

@@ -3365,10 +3365,10 @@ progress {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12) !important;
 }
 
-.v-application .carousel-transition-enter {
+.carousel-transition-enter {
   transform: translate(100%, 0);
 }
-.v-application .carousel-transition-leave, .v-application .carousel-transition-leave-to {
+.carousel-transition-leave, .carousel-transition-leave-to {
   position: absolute;
   top: 0;
   transform: translate(-100%, 0);
@@ -3383,6 +3383,9 @@ progress {
   transform: translate(100%, 0);
 }
 
+.dialog-transition-enter-active, .dialog-transition-leave-active {
+  pointer-events: none !important;
+}
 .dialog-transition-enter, .dialog-transition-leave-to {
   transform: scale(0.5);
   opacity: 0;
@@ -3829,17 +3832,17 @@ html.overflow-y-hidden {
     display: none !important;
   }
 }
-@media only screen and (max-width: 599px) {
+@media only screen and (max-width: 599.98px) {
   .v-application .hidden-xs-only {
     display: none !important;
   }
 }
-@media only screen and (min-width: 600px) and (max-width: 959px) {
+@media only screen and (min-width: 600px) and (max-width: 959.98px) {
   .v-application .hidden-sm-only {
     display: none !important;
   }
 }
-@media only screen and (max-width: 959px) {
+@media only screen and (max-width: 959.98px) {
   .v-application .hidden-sm-and-down {
     display: none !important;
   }
@@ -3849,12 +3852,12 @@ html.overflow-y-hidden {
     display: none !important;
   }
 }
-@media only screen and (min-width: 960px) and (max-width: 1263px) {
+@media only screen and (min-width: 960px) and (max-width: 1263.98px) {
   .v-application .hidden-md-only {
     display: none !important;
   }
 }
-@media only screen and (max-width: 1263px) {
+@media only screen and (max-width: 1263.98px) {
   .v-application .hidden-md-and-down {
     display: none !important;
   }
@@ -3864,12 +3867,12 @@ html.overflow-y-hidden {
     display: none !important;
   }
 }
-@media only screen and (min-width: 1264px) and (max-width: 1903px) {
+@media only screen and (min-width: 1264px) and (max-width: 1903.98px) {
   .v-application .hidden-lg-only {
     display: none !important;
   }
 }
-@media only screen and (max-width: 1903px) {
+@media only screen and (max-width: 1903.98px) {
   .v-application .hidden-lg-and-down {
     display: none !important;
   }
@@ -18141,12 +18144,15 @@ html.overflow-y-hidden {
 }
 .v-ripple__animation--enter {
   transition: none;
+  opacity: 0;
 }
 .v-ripple__animation--in {
   transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
+  opacity: 0.25;
 }
 .v-ripple__animation--out {
   transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  opacity: 0;
 }
 .theme--light.v-icon {
   color: rgba(0, 0, 0, 0.54);
@@ -20250,7 +20256,7 @@ html.overflow-y-hidden {
   color: rgba(0, 0, 0, 0.38);
 }
 .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
-  color: rgba(0, 0, 0, 0.87) !important;
+  color: rgba(0, 0, 0, 0.87);
 }
 .theme--light.v-list-item .v-list-item__mask {
   color: rgba(0, 0, 0, 0.38);
@@ -20280,7 +20286,7 @@ html.overflow-y-hidden {
   color: rgba(255, 255, 255, 0.5);
 }
 .theme--dark.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .theme--dark.v-list-item .v-list-item__mask {
   color: rgba(255, 255, 255, 0.5);
@@ -21652,7 +21658,7 @@ html.overflow-y-hidden {
 .v-bottom-sheet.v-dialog.v-bottom-sheet--inset {
   max-width: 70%;
 }
-@media only screen and (max-width: 599px) {
+@media only screen and (max-width: 599.98px) {
   .v-bottom-sheet.v-dialog.v-bottom-sheet--inset {
     max-width: none;
   }
@@ -21663,6 +21669,7 @@ html.overflow-y-hidden {
   overflow-y: auto;
   pointer-events: auto;
   transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+  width: 100%;
   z-index: inherit;
   box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
 }
@@ -21722,7 +21729,6 @@ html.overflow-y-hidden {
 .v-dialog--fullscreen {
   border-radius: 0;
   margin: 0;
-  width: 100%;
   height: 100%;
   position: fixed;
   overflow-y: auto;
@@ -22037,7 +22043,6 @@ html.overflow-y-hidden {
 }
 .v-calendar .v-event-timed {
   position: absolute;
-  overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   font-size: 12px;
@@ -22045,6 +22050,13 @@ html.overflow-y-hidden {
   border-radius: 4px;
   pointer-events: all;
 }
+.v-calendar .v-event-summary {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  white-space: nowrap;
+}
 .v-calendar.v-calendar-events .v-calendar-weekly__head-weekday {
   margin-right: -1px;
 }
@@ -22425,11 +22437,29 @@ html.overflow-y-hidden {
 .theme--light.v-calendar-category .v-calendar-category__column-header {
   border-right: #e0e0e0 1px solid;
 }
+.theme--light.v-calendar-category .v-calendar-category .v-calendar-daily__head {
+  background: #FFFFFF;
+}
+.theme--light.v-calendar-category .v-calendar-category .v-calendar-daily__intervals-head {
+  background: #FFFFFF;
+}
+.theme--light.v-calendar-category .v-calendar-category .v-calendar-daily__intervals-body {
+  background: #FFFFFF;
+}
 
 .theme--dark.v-calendar-category .v-calendar-category__column,
 .theme--dark.v-calendar-category .v-calendar-category__column-header {
   border-right: #9e9e9e 1px solid;
 }
+.theme--dark.v-calendar-category .v-calendar-category .v-calendar-daily__head {
+  background: #303030;
+}
+.theme--dark.v-calendar-category .v-calendar-category .v-calendar-daily__intervals-head {
+  background: #303030;
+}
+.theme--dark.v-calendar-category .v-calendar-category .v-calendar-daily__intervals-body {
+  background: #303030;
+}
 
 .v-calendar-category {
   overflow: auto;
@@ -22464,7 +22494,6 @@ html.overflow-y-hidden {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
-  background: white;
   z-index: 2;
 }
 .v-calendar-category .v-calendar-daily_head-day {
@@ -22476,7 +22505,6 @@ html.overflow-y-hidden {
   position: sticky;
   left: 0;
   top: 0;
-  background: white;
   z-index: 2;
 }
 .v-calendar-category .v-calendar-daily_head-weekday {
@@ -22498,7 +22526,6 @@ html.overflow-y-hidden {
   position: -webkit-sticky;
   position: sticky;
   left: 0;
-  background: white;
   z-index: 1;
 }
 .v-calendar-category .v-calendar-daily__interval:last-of-type::after {
@@ -26945,15 +26972,22 @@ html.overflow-y-hidden {
   background: #303030;
 }
 
+.v-otp-input {
+  display: flex;
+  flex-wrap: wrap;
+  flex: 1 1 auto;
+  margin-right: -4px;
+  margin-left: -4px;
+}
 .v-otp-input input {
   text-align: center;
 }
 .v-otp-input .v-input {
   margin: 0;
-  padding: 0;
-}
-.v-otp-input .v-input .v-input__control .v-input__slot {
-  background: #ffffff;
+  flex: 1 0 32px;
+  max-width: 100%;
+  width: 100%;
+  padding: 4px;
 }
 .v-otp-input .v-input.v-otp-input--plain fieldset {
   display: none;
@@ -26966,20 +27000,6 @@ html.overflow-y-hidden {
 .v-otp-input .v-input input[type=number] {
   -moz-appearance: textfield;
 }
-.v-otp-input .row-container {
-  display: flex;
-  flex-wrap: wrap;
-  flex: 1 1 auto;
-  margin-right: -4px;
-  margin-left: -4px;
-}
-.v-otp-input .row-container > .col-input {
-  flex-basis: 0;
-  flex-grow: 1;
-  max-width: 100%;
-  width: 100%;
-  padding: 4px;
-}
 .theme--light.v-overflow-btn.theme--light.v-overflow-btn > .v-input__control > .v-input__slot {
   border-color: rgba(0, 0, 0, 0.12);
 }
@@ -28142,9 +28162,8 @@ html.overflow-y-hidden {
   color: inherit;
 }
 .v-stepper__label {
-  align-items: flex-start;
-  display: flex;
-  flex-direction: column;
+  display: block;
+  flex-grow: 1;
   line-height: 1;
 }
 .v-application--is-ltr .v-stepper__label {
@@ -28154,6 +28173,7 @@ html.overflow-y-hidden {
   text-align: right;
 }
 .v-stepper__label small {
+  display: block;
   font-size: 0.75rem;
   font-weight: 300;
   text-shadow: none;
@@ -28218,7 +28238,7 @@ html.overflow-y-hidden {
   flex-basis: 175px;
 }
 .v-stepper--alt-labels .v-stepper__step small {
-  align-self: center;
+  text-align: center;
 }
 .v-stepper--alt-labels .v-stepper__step__step {
   margin-bottom: 11px;
@@ -28226,7 +28246,7 @@ html.overflow-y-hidden {
   margin-right: 0;
 }
 
-@media only screen and (max-width: 959px) {
+@media only screen and (max-width: 959.98px) {
   .v-stepper:not(.v-stepper--vertical) .v-stepper__label {
     display: none;
   }
@@ -28665,9 +28685,37 @@ html.overflow-y-hidden {
 }
 
 .v-tab--disabled {
-  pointer-events: none;
   opacity: 0.5;
 }
+.v-tab--disabled, .v-tab--disabled * {
+  pointer-events: none;
+}
+.theme--light.v-textarea.v-text-field--solo-inverted.v-input--is-focused textarea {
+  color: #FFFFFF;
+}
+.theme--light.v-textarea.v-text-field--solo-inverted.v-input--is-focused textarea::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+.theme--light.v-textarea.v-text-field--solo-inverted.v-input--is-focused textarea:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+.theme--light.v-textarea.v-text-field--solo-inverted.v-input--is-focused textarea::placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.theme--dark.v-textarea.v-text-field--solo-inverted.v-input--is-focused textarea {
+  color: rgba(0, 0, 0, 0.87);
+}
+.theme--dark.v-textarea.v-text-field--solo-inverted.v-input--is-focused textarea::-moz-placeholder {
+  color: rgba(0, 0, 0, 0.38);
+}
+.theme--dark.v-textarea.v-text-field--solo-inverted.v-input--is-focused textarea:-ms-input-placeholder {
+  color: rgba(0, 0, 0, 0.38);
+}
+.theme--dark.v-textarea.v-text-field--solo-inverted.v-input--is-focused textarea::placeholder {
+  color: rgba(0, 0, 0, 0.38);
+}
+
 .v-textarea textarea {
   align-self: stretch;
   flex: 1 1 auto;
@@ -28732,6 +28780,9 @@ html.overflow-y-hidden {
 .v-textarea.v-text-field--solo {
   align-items: flex-start;
 }
+.v-textarea.v-text-field--solo .v-input__control textarea {
+  caret-color: auto;
+}
 .v-textarea.v-text-field--solo .v-input__prepend-inner,
 .v-textarea.v-text-field--solo .v-input__prepend-outer,
 .v-textarea.v-text-field--solo .v-input__append-inner,