quasar 2.10.2 → 2.11.1

package/dist/quasar.css

@@ -711,6 +711,7 @@ input[type=search]::-webkit-search-decoration {
 }
 .q-card--dark {
   border-color: rgba(255, 255, 255, 0.28);
+  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
 }
 .q-card__section {
   position: relative;
@@ -747,7 +748,7 @@ input[type=search]::-webkit-search-decoration {
   padding: 8px;
   align-items: center;
 }
-.q-card__actions .q-btn {
+.q-card__actions .q-btn--rectangle {
   padding: 0 8px;
 }
 .q-card__actions--horiz > .q-btn-item + .q-btn-item,
@@ -1188,6 +1189,9 @@ body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before,
 body.desktop .q-chip--clickable:focus {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
+body.desktop.body--dark .q-chip--clickable:focus {
+  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(255, 255, 255, 0.14), 0 2px 1px -1px rgba(255, 255, 255, 0.12);
+}
 
 .q-circular-progress {
   display: inline-block;
@@ -1401,6 +1405,9 @@ body.desktop .q-chip--clickable:focus {
 .q-color-picker .q-tab-panels {
   background: inherit;
 }
+.q-color-picker--dark {
+  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
+}
 .q-color-picker--dark .q-color-picker__tune-tab input {
   border: 1px solid rgba(255, 255, 255, 0.3);
 }
@@ -1650,6 +1657,7 @@ body.desktop .q-chip--clickable:focus {
   width: 310px;
 }
 .q-date--dark {
+  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
   border-color: rgba(255, 255, 255, 0.28);
 }
 
@@ -1671,7 +1679,6 @@ body.desktop .q-chip--clickable:focus {
   -webkit-overflow-scrolling: touch;
   will-change: scroll-position;
   border-radius: 4px;
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12);
 }
 .q-dialog__inner--square > div {
   border-radius: 0 !important;
@@ -2922,7 +2929,11 @@ body.mobile .q-textarea .q-field__native,
   transition: box-shadow 0.24s ease-in-out;
 }
 .q-knob--editable:focus:before {
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
+}
+
+body.body--dark .q-knob--editable:focus:before {
+  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
 }
 
 .q-layout {
@@ -3138,6 +3149,9 @@ body:not(.q-body--layout-animate) .q-layout--prevent-focus {
 body.body--dark .q-header, body.body--dark .q-footer, body.body--dark .q-drawer {
   border-color: rgba(255, 255, 255, 0.28);
 }
+body.body--dark .q-layout__shadow:after {
+  box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.2), 0 0px 10px rgba(255, 255, 255, 0.24);
+}
 
 body.platform-ios .q-layout--containerized {
   position: unset !important;
@@ -3196,10 +3210,12 @@ body.platform-ios .q-layout--containerized {
   background: rgba(255, 255, 255, 0.6);
 }
 .q-linear-progress__stripe {
-  transition: width var(--q-linear-progress-speed);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)) !important;
   background-size: 40px 40px !important;
 }
+.q-linear-progress__stripe--with-transition {
+  transition: width var(--q-linear-progress-speed);
+}
 
 @keyframes q-linear-progress--indeterminate {
   0% {
@@ -3239,6 +3255,9 @@ body.platform-ios .q-layout--containerized {
 .q-menu--square {
   border-radius: 0;
 }
+.q-menu--dark {
+  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
+}
 
 .q-option-group--inline > div {
   display: inline-block;
@@ -4256,6 +4275,9 @@ body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-sli
   color: #9e9e9e;
   flex-direction: row;
 }
+.q-stepper--dark {
+  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
+}
 .q-stepper--dark .q-stepper__dot span {
   color: #000;
 }
@@ -4358,6 +4380,9 @@ body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-sli
 .q-stepper__nav {
   padding-top: 24px;
 }
+.q-stepper--flat {
+  box-shadow: none;
+}
 .q-stepper--bordered {
   border: 1px solid rgba(0, 0, 0, 0.12);
 }
@@ -4604,6 +4629,12 @@ body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-sli
 .q-table--col-auto-width {
   width: 1px;
 }
+
+.q-table__card--dark,
+.q-table--dark {
+  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
+}
+
 .q-table--flat {
   box-shadow: none;
 }
@@ -4760,7 +4791,8 @@ body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no
 
 /* * On dark background
  * */
-.q-table__card--dark, .q-table--dark {
+.q-table__card--dark,
+.q-table--dark {
   border-color: rgba(255, 255, 255, 0.28);
 }
 
@@ -5215,6 +5247,7 @@ body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no
 }
 .q-time--dark {
   border-color: rgba(255, 255, 255, 0.28);
+  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
 }
 
 .q-timeline {
@@ -5541,6 +5574,9 @@ body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no
 .q-toggle--dark .q-toggle__inner--truthy {
   color: var(--q-primary);
 }
+.q-toggle--dark .q-toggle__thumb:after {
+  box-shadow: none;
+}
 .q-toggle--dark .q-toggle__thumb:before {
   opacity: 0.32 !important;
 }
@@ -5957,6 +5993,7 @@ body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body
 }
 .q-uploader--dark {
   border-color: rgba(255, 255, 255, 0.28);
+  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
 }
 .q-uploader--dark .q-uploader__file {
   border-color: rgba(255, 255, 255, 0.28);
@@ -8987,16 +9024,167 @@ body.q-ios-padding .q-notifications__list--center, body.q-ios-padding .q-notific
   box-shadow: 0 -11px 15px -7px rgba(0, 0, 0, 0.2), 0 -24px 38px 3px rgba(0, 0, 0, 0.14), 0 -9px 46px 8px rgba(0, 0, 0, 0.12);
 }
 
-.no-shadow, .shadow-0 {
-  box-shadow: none !important;
-}
-
 .inset-shadow {
-  box-shadow: 0 7px 9px -7px rgba(0, 0, 0, 0.7) inset !important;
+  box-shadow: 0 7px 9px -7px rgba(0, 0, 0, 0.7) inset;
 }
 
 .inset-shadow-down {
-  box-shadow: 0 -7px 9px -7px rgba(0, 0, 0, 0.7) inset !important;
+  box-shadow: 0 -7px 9px -7px rgba(0, 0, 0, 0.7) inset;
+}
+
+body.body--dark .shadow-1 {
+  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(255, 255, 255, 0.14), 0 2px 1px -1px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-1 {
+  box-shadow: 0 -1px 3px rgba(255, 255, 255, 0.2), 0 -1px 1px rgba(255, 255, 255, 0.14), 0 -2px 1px -1px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-2 {
+  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-2 {
+  box-shadow: 0 -1px 5px rgba(255, 255, 255, 0.2), 0 -2px 2px rgba(255, 255, 255, 0.14), 0 -3px 1px -2px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-3 {
+  box-shadow: 0 1px 8px rgba(255, 255, 255, 0.2), 0 3px 4px rgba(255, 255, 255, 0.14), 0 3px 3px -2px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-3 {
+  box-shadow: 0 -1px 8px rgba(255, 255, 255, 0.2), 0 -3px 4px rgba(255, 255, 255, 0.14), 0 -3px 3px -2px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-4 {
+  box-shadow: 0 2px 4px -1px rgba(255, 255, 255, 0.2), 0 4px 5px rgba(255, 255, 255, 0.14), 0 1px 10px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-4 {
+  box-shadow: 0 -2px 4px -1px rgba(255, 255, 255, 0.2), 0 -4px 5px rgba(255, 255, 255, 0.14), 0 -1px 10px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-5 {
+  box-shadow: 0 3px 5px -1px rgba(255, 255, 255, 0.2), 0 5px 8px rgba(255, 255, 255, 0.14), 0 1px 14px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-5 {
+  box-shadow: 0 -3px 5px -1px rgba(255, 255, 255, 0.2), 0 -5px 8px rgba(255, 255, 255, 0.14), 0 -1px 14px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-6 {
+  box-shadow: 0 3px 5px -1px rgba(255, 255, 255, 0.2), 0 6px 10px rgba(255, 255, 255, 0.14), 0 1px 18px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-6 {
+  box-shadow: 0 -3px 5px -1px rgba(255, 255, 255, 0.2), 0 -6px 10px rgba(255, 255, 255, 0.14), 0 -1px 18px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-7 {
+  box-shadow: 0 4px 5px -2px rgba(255, 255, 255, 0.2), 0 7px 10px 1px rgba(255, 255, 255, 0.14), 0 2px 16px 1px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-7 {
+  box-shadow: 0 -4px 5px -2px rgba(255, 255, 255, 0.2), 0 -7px 10px 1px rgba(255, 255, 255, 0.14), 0 -2px 16px 1px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-8 {
+  box-shadow: 0 5px 5px -3px rgba(255, 255, 255, 0.2), 0 8px 10px 1px rgba(255, 255, 255, 0.14), 0 3px 14px 2px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-8 {
+  box-shadow: 0 -5px 5px -3px rgba(255, 255, 255, 0.2), 0 -8px 10px 1px rgba(255, 255, 255, 0.14), 0 -3px 14px 2px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-9 {
+  box-shadow: 0 5px 6px -3px rgba(255, 255, 255, 0.2), 0 9px 12px 1px rgba(255, 255, 255, 0.14), 0 3px 16px 2px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-9 {
+  box-shadow: 0 -5px 6px -3px rgba(255, 255, 255, 0.2), 0 -9px 12px 1px rgba(255, 255, 255, 0.14), 0 -3px 16px 2px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-10 {
+  box-shadow: 0 6px 6px -3px rgba(255, 255, 255, 0.2), 0 10px 14px 1px rgba(255, 255, 255, 0.14), 0 4px 18px 3px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-10 {
+  box-shadow: 0 -6px 6px -3px rgba(255, 255, 255, 0.2), 0 -10px 14px 1px rgba(255, 255, 255, 0.14), 0 -4px 18px 3px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-11 {
+  box-shadow: 0 6px 7px -4px rgba(255, 255, 255, 0.2), 0 11px 15px 1px rgba(255, 255, 255, 0.14), 0 4px 20px 3px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-11 {
+  box-shadow: 0 -6px 7px -4px rgba(255, 255, 255, 0.2), 0 -11px 15px 1px rgba(255, 255, 255, 0.14), 0 -4px 20px 3px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-12 {
+  box-shadow: 0 7px 8px -4px rgba(255, 255, 255, 0.2), 0 12px 17px 2px rgba(255, 255, 255, 0.14), 0 5px 22px 4px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-12 {
+  box-shadow: 0 -7px 8px -4px rgba(255, 255, 255, 0.2), 0 -12px 17px 2px rgba(255, 255, 255, 0.14), 0 -5px 22px 4px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-13 {
+  box-shadow: 0 7px 8px -4px rgba(255, 255, 255, 0.2), 0 13px 19px 2px rgba(255, 255, 255, 0.14), 0 5px 24px 4px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-13 {
+  box-shadow: 0 -7px 8px -4px rgba(255, 255, 255, 0.2), 0 -13px 19px 2px rgba(255, 255, 255, 0.14), 0 -5px 24px 4px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-14 {
+  box-shadow: 0 7px 9px -4px rgba(255, 255, 255, 0.2), 0 14px 21px 2px rgba(255, 255, 255, 0.14), 0 5px 26px 4px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-14 {
+  box-shadow: 0 -7px 9px -4px rgba(255, 255, 255, 0.2), 0 -14px 21px 2px rgba(255, 255, 255, 0.14), 0 -5px 26px 4px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-15 {
+  box-shadow: 0 8px 9px -5px rgba(255, 255, 255, 0.2), 0 15px 22px 2px rgba(255, 255, 255, 0.14), 0 6px 28px 5px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-15 {
+  box-shadow: 0 -8px 9px -5px rgba(255, 255, 255, 0.2), 0 -15px 22px 2px rgba(255, 255, 255, 0.14), 0 -6px 28px 5px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-16 {
+  box-shadow: 0 8px 10px -5px rgba(255, 255, 255, 0.2), 0 16px 24px 2px rgba(255, 255, 255, 0.14), 0 6px 30px 5px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-16 {
+  box-shadow: 0 -8px 10px -5px rgba(255, 255, 255, 0.2), 0 -16px 24px 2px rgba(255, 255, 255, 0.14), 0 -6px 30px 5px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-17 {
+  box-shadow: 0 8px 11px -5px rgba(255, 255, 255, 0.2), 0 17px 26px 2px rgba(255, 255, 255, 0.14), 0 6px 32px 5px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-17 {
+  box-shadow: 0 -8px 11px -5px rgba(255, 255, 255, 0.2), 0 -17px 26px 2px rgba(255, 255, 255, 0.14), 0 -6px 32px 5px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-18 {
+  box-shadow: 0 9px 11px -5px rgba(255, 255, 255, 0.2), 0 18px 28px 2px rgba(255, 255, 255, 0.14), 0 7px 34px 6px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-18 {
+  box-shadow: 0 -9px 11px -5px rgba(255, 255, 255, 0.2), 0 -18px 28px 2px rgba(255, 255, 255, 0.14), 0 -7px 34px 6px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-19 {
+  box-shadow: 0 9px 12px -6px rgba(255, 255, 255, 0.2), 0 19px 29px 2px rgba(255, 255, 255, 0.14), 0 7px 36px 6px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-19 {
+  box-shadow: 0 -9px 12px -6px rgba(255, 255, 255, 0.2), 0 -19px 29px 2px rgba(255, 255, 255, 0.14), 0 -7px 36px 6px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-20 {
+  box-shadow: 0 10px 13px -6px rgba(255, 255, 255, 0.2), 0 20px 31px 3px rgba(255, 255, 255, 0.14), 0 8px 38px 7px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-20 {
+  box-shadow: 0 -10px 13px -6px rgba(255, 255, 255, 0.2), 0 -20px 31px 3px rgba(255, 255, 255, 0.14), 0 -8px 38px 7px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-21 {
+  box-shadow: 0 10px 13px -6px rgba(255, 255, 255, 0.2), 0 21px 33px 3px rgba(255, 255, 255, 0.14), 0 8px 40px 7px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-21 {
+  box-shadow: 0 -10px 13px -6px rgba(255, 255, 255, 0.2), 0 -21px 33px 3px rgba(255, 255, 255, 0.14), 0 -8px 40px 7px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-22 {
+  box-shadow: 0 10px 14px -6px rgba(255, 255, 255, 0.2), 0 22px 35px 3px rgba(255, 255, 255, 0.14), 0 8px 42px 7px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-22 {
+  box-shadow: 0 -10px 14px -6px rgba(255, 255, 255, 0.2), 0 -22px 35px 3px rgba(255, 255, 255, 0.14), 0 -8px 42px 7px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-23 {
+  box-shadow: 0 11px 14px -7px rgba(255, 255, 255, 0.2), 0 23px 36px 3px rgba(255, 255, 255, 0.14), 0 9px 44px 8px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-23 {
+  box-shadow: 0 -11px 14px -7px rgba(255, 255, 255, 0.2), 0 -23px 36px 3px rgba(255, 255, 255, 0.14), 0 -9px 44px 8px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-24 {
+  box-shadow: 0 11px 15px -7px rgba(255, 255, 255, 0.2), 0 24px 38px 3px rgba(255, 255, 255, 0.14), 0 9px 46px 8px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .shadow-up-24 {
+  box-shadow: 0 -11px 15px -7px rgba(255, 255, 255, 0.2), 0 -24px 38px 3px rgba(255, 255, 255, 0.14), 0 -9px 46px 8px rgba(255, 255, 255, 0.12);
+}
+body.body--dark .inset-shadow {
+  box-shadow: 0 7px 9px -7px rgba(255, 255, 255, 0.7) inset;
+}
+body.body--dark .inset-shadow-down {
+  box-shadow: 0 -7px 9px -7px rgba(255, 255, 255, 0.7) inset;
+}
+
+.no-shadow, .shadow-0 {
+  box-shadow: none !important;
 }
 
 .z-marginals {
@@ -11362,8 +11550,10 @@ sup {
   display: none !important;
 }
 
-.invisible {
+.invisible, .invisible * {
   visibility: hidden !important;
+  transition: none !important;
+  animation: none !important;
 }
 
 .transparent {

package/dist/quasar.esm.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.10.2
+ * Quasar Framework v2.11.1
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1610,7 +1610,7 @@ function prepareApp (app, uiOpts, pluginOpts) {
 }
 
 var installQuasar = function (parentApp, opts = {}) {
-    const $q = { version: '2.10.2' };
+    const $q = { version: '2.11.1' };
 
     if (globalConfigIsFrozen === false) {
       if (opts.config !== void 0) {
@@ -15063,6 +15063,8 @@ var QDialog = createComponent({
 
     onBeforeUnmount(cleanup);
 
+    const backdropEvt = vm.proxy.$q.platform.is.ios === true ? 'onClick' : 'onFocusin';
+
     function renderPortalContent () {
       return h('div', {
         role: 'dialog',
@@ -15080,7 +15082,7 @@ var QDialog = createComponent({
               style: transitionStyle.value,
               'aria-hidden': 'true',
               tabindex: -1,
-              onFocusin: onBackdropClick
+              [ backdropEvt ]: onBackdropClick
             })
             : null
         )),
@@ -21911,8 +21913,8 @@ var QInput = createComponent({
           // but keep the total control size the same
           // Firefox rulez #14263, #14344
           $q.platform.is.firefox !== true && (inp.style.overflow = 'hidden');
-          inp.style.height = '1px';
           parentStyle.marginBottom = (inp.scrollHeight - 1) + 'px';
+          inp.style.height = '1px';
 
           inp.style.height = inp.scrollHeight + 'px';
           inp.style.overflow = overflow;
@@ -24700,9 +24702,11 @@ var QLinearProgress = createComponent({
     );
 
     const trackStyle = computed(() => width(props.buffer !== void 0 ? props.buffer : 1, widthReverse.value, proxy.$q));
+    const transitionSuffix = computed(() => `with${ props.instantFeedback === true ? 'out' : '' }-transition`);
+
     const trackClass = computed(() =>
       'q-linear-progress__track absolute-full'
-      + ` q-linear-progress__track--with${ props.instantFeedback === true ? 'out' : '' }-transition`
+      + ` q-linear-progress__track--${ transitionSuffix.value }`
       + ` q-linear-progress__track--${ isDark.value === true ? 'dark' : 'light' }`
       + (props.trackColor !== void 0 ? ` bg-${ props.trackColor }` : '')
     );
@@ -24710,13 +24714,14 @@ var QLinearProgress = createComponent({
     const modelStyle = computed(() => width(motion.value === true ? 1 : props.value, widthReverse.value, proxy.$q));
     const modelClass = computed(() =>
       'q-linear-progress__model absolute-full'
-      + ` q-linear-progress__model--with${ props.instantFeedback === true ? 'out' : '' }-transition`
+      + ` q-linear-progress__model--${ transitionSuffix.value }`
       + ` q-linear-progress__model--${ motion.value === true ? 'in' : '' }determinate`
     );
 
     const stripeStyle = computed(() => ({ width: `${ props.value * 100 }%` }));
     const stripeClass = computed(() =>
       `q-linear-progress__stripe absolute-${ props.reverse === true ? 'right' : 'left' }`
+      + ` q-linear-progress__stripe--${ transitionSuffix.value }`
     );
 
     return () => {
@@ -31188,8 +31193,8 @@ var QStepper = createComponent({
 
     const classes = computed(() =>
       `q-stepper q-stepper--${ props.vertical === true ? 'vertical' : 'horizontal' }`
-      + (props.flat === true || isDark.value === true ? ' q-stepper--flat no-shadow' : '')
-      + (props.bordered === true || (isDark.value === true && props.flat === false) ? ' q-stepper--bordered' : '')
+      + (props.flat === true ? ' q-stepper--flat' : '')
+      + (props.bordered === true ? ' q-stepper--bordered' : '')
       + (isDark.value === true ? ' q-stepper--dark q-dark' : '')
     );
 
@@ -40319,7 +40324,7 @@ function runSequentialPromises (
  */
 
 const Quasar = {
-  version: '2.10.2',
+  version: '2.11.1',
   install: installQuasar,
   lang: Plugin$8,
   iconSet: Plugin$7