vuetify 2.1.0-beta.1 → 2.1.0

package/dist/vuetify.css

@@ -1231,9 +1231,6 @@
   padding-top: 12px;
   margin-top: 4px;
 }
-.v-text-field.v-input--dense {
-  padding-top: 0px;
-}
 .v-text-field input {
   flex: 1 1 auto;
   line-height: 20px;
@@ -1242,7 +1239,13 @@
   min-width: 0px;
   width: 100%;
 }
-.v-text-field input[type=text]::-ms-clear {
+.v-text-field.v-input--dense {
+  padding-top: 0;
+}
+.v-text-field.v-input--dense:not(.v-text-field--outlined):not(.v-text-field--solo) input {
+  padding: 4px 0 8px;
+}
+.v-text-field.v-input--dense[type=text]::-ms-clear {
   display: none;
 }
 .v-text-field .v-input__prepend-inner,
@@ -1378,16 +1381,22 @@
   min-height: 56px;
 }
 .v-text-field--filled.v-input--dense > .v-input__control > .v-input__slot, .v-text-field--full-width.v-input--dense > .v-input__control > .v-input__slot, .v-text-field--outlined.v-input--dense > .v-input__control > .v-input__slot {
-  min-height: 38px;
+  min-height: 44px;
+}
+.v-text-field--filled.v-input--dense.v-text-field--single-line > .v-input__control > .v-input__slot, .v-text-field--filled.v-input--dense.v-text-field--outlined > .v-input__control > .v-input__slot, .v-text-field--full-width.v-input--dense.v-text-field--single-line > .v-input__control > .v-input__slot, .v-text-field--full-width.v-input--dense.v-text-field--outlined > .v-input__control > .v-input__slot, .v-text-field--outlined.v-input--dense.v-text-field--single-line > .v-input__control > .v-input__slot, .v-text-field--outlined.v-input--dense.v-text-field--outlined > .v-input__control > .v-input__slot {
+  min-height: 40px;
 }
 .v-text-field--filled input, .v-text-field--full-width input {
   margin-top: 22px;
 }
+.v-text-field--filled.v-input--dense input, .v-text-field--full-width.v-input--dense input {
+  margin-top: 20px;
+}
 .v-text-field--filled.v-text-field--single-line input, .v-text-field--full-width.v-text-field--single-line input {
   margin-top: 12px;
 }
 .v-text-field--filled.v-text-field--single-line.v-input--dense input, .v-text-field--full-width.v-text-field--single-line.v-input--dense input {
-  margin-top: 3px;
+  margin-top: 6px;
 }
 .v-text-field--filled .v-label, .v-text-field--full-width .v-label {
   top: 18px;
@@ -1395,8 +1404,11 @@
 .v-text-field--filled .v-label--active, .v-text-field--full-width .v-label--active {
   transform: translateY(-6px) scale(0.75);
 }
-.v-text-field--filled.v-input--dense .v-label, .v-text-field--full-width.v-input--dense .v-label {
-  top: 10px;
+.v-text-field--filled.v-input--dense .v-label--active, .v-text-field--full-width.v-input--dense .v-label--active {
+  transform: translateY(-10px) scale(0.75);
+}
+.v-text-field--filled.v-input--dense.v-text-field--single-line .v-label, .v-text-field--full-width.v-input--dense.v-text-field--single-line .v-label {
+  top: 11px;
 }
 .v-text-field--filled > .v-input__control > .v-input__slot {
   border-top-left-radius: 4px;
@@ -1423,6 +1435,18 @@
 .v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo) .v-input__prepend-inner,
 .v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo) .v-input__append-inner,
 .v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo) .v-input__append-outer {
+  margin-top: 14px;
+}
+.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__prepend-outer,
+.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__prepend-inner,
+.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__append-inner,
+.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__append-outer {
+  margin-top: 9px;
+}
+.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__prepend-outer,
+.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__prepend-inner,
+.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__append-inner,
+.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__append-outer {
   margin-top: 7px;
 }
 .v-text-field.v-text-field--enclosed .v-text-field__details, .v-text-field.v-text-field--enclosed > .v-input__control > .v-input__slot {
@@ -1455,7 +1479,7 @@
   transform: translateY(-24px) scale(0.75);
 }
 .v-text-field--outlined.v-input--dense .v-label {
-  top: 9px;
+  top: 10px;
 }
 .v-text-field--outlined.v-input--dense .v-label--active {
   transform: translateY(-16px) scale(0.75);
@@ -1546,7 +1570,7 @@
   padding: 0;
 }
 .v-text-field.v-text-field--solo.v-input--dense > .v-input__control {
-  min-height: 36px;
+  min-height: 38px;
 }
 .v-text-field.v-text-field--solo:not(.v-text-field--solo-flat) > .v-input__control > .v-input__slot {
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -2007,15 +2031,10 @@
 /** Ripples */
 /** Elements */
 .v-menu {
-  display: inline;
-}
-.v-menu__activator {
-  align-items: center;
-  cursor: pointer;
-  display: flex;
+  display: none;
 }
-.v-menu__activator * {
-  cursor: pointer;
+.v-menu--attached {
+  display: inline;
 }
 .v-menu__content {
   position: absolute;
@@ -3062,6 +3081,9 @@
   transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
   width: 100%;
 }
+.v-input--dense > .v-input__control > .v-input__slot {
+  margin-bottom: 4px;
+}
 .v-input--is-disabled:not(.v-input--is-readonly) {
   pointer-events: none;
 }
@@ -3792,14 +3814,10 @@
   outline: none;
 }
 
-.v-dialog__activator {
-  cursor: pointer;
-}
-.v-dialog__activator * {
-  cursor: pointer;
-}
-
 .v-dialog__container {
+  display: none;
+}
+.v-dialog__container--attached {
   display: inline;
 }
 
@@ -4226,6 +4244,7 @@
           user-select: none;
   position: relative;
   padding: 0px 0px 0px 0px;
+  min-width: 0;
 }
 .v-calendar-weekly__day.v-present .v-calendar-weekly__day-month {
   color: currentColor;
@@ -7329,17 +7348,17 @@
 }
 @media (min-width: 960px) {
   .container {
-    max-width: 960px;
+    max-width: 900px;
   }
 }
 @media (min-width: 1264px) {
   .container {
-    max-width: 1264px;
+    max-width: 1185px;
   }
 }
 @media (min-width: 1904px) {
   .container {
-    max-width: 1904px;
+    max-width: 1785px;
   }
 }
 .container--fluid {
@@ -10260,6 +10279,9 @@
 /** Ripples */
 /** Elements */
 .v-tooltip {
+  display: none;
+}
+.v-tooltip--attached {
   display: inline;
 }
 .v-tooltip__content {