quasar 2.10.2 → 2.11.1

package/dist/quasar.rtl.css

@@ -964,6 +964,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 {
@@ -1033,7 +1034,7 @@ input[type=search]::-webkit-search-decoration {
   align-items: center;
 }
 
-.q-card__actions .q-btn {
+.q-card__actions .q-btn--rectangle {
   padding: 0 8px;
 }
 
@@ -1705,6 +1706,10 @@ 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;
   position: relative;
@@ -1998,6 +2003,10 @@ body.desktop .q-chip--clickable:focus {
   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);
 }
@@ -2386,6 +2395,7 @@ body.desktop .q-chip--clickable:focus {
 }
 
 .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);
 }
 
@@ -2410,7 +2420,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 {
@@ -4168,7 +4177,11 @@ body.mobile .q-textarea .q-field__native,
 }
 
 .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 {
@@ -4468,6 +4481,10 @@ 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;
 }
@@ -4559,7 +4576,6 @@ body.platform-ios .q-layout--containerized {
 }
 
 .q-linear-progress__stripe {
-  transition: width var(--q-linear-progress-speed);
   background-size: 40px 40px !important;
 }
 
@@ -4571,6 +4587,10 @@ body.platform-ios .q-layout--containerized {
   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;
 }
 
+.q-linear-progress__stripe--with-transition {
+  transition: width var(--q-linear-progress-speed);
+}
+
 @keyframes q-linear-progress--indeterminate {
   0% {
     transform: translate3d(-35%, 0, 0) scale3d(0.35, 1, 1);
@@ -4617,6 +4637,10 @@ body.platform-ios .q-layout--containerized {
   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;
 }
@@ -6035,6 +6059,10 @@ body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-sli
   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;
 }
@@ -6180,6 +6208,10 @@ body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-sli
   padding-top: 24px;
 }
 
+.q-stepper--flat {
+  box-shadow: none;
+}
+
 .q-stepper--bordered {
   border: 1px solid rgba(0, 0, 0, 0.12);
 }
@@ -6557,6 +6589,11 @@ body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-sli
   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;
 }
@@ -6769,7 +6806,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);
 }
 
@@ -7409,6 +7447,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 {
@@ -7957,6 +7996,10 @@ body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no
   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;
 }
@@ -8630,6 +8673,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 {
@@ -11797,16 +11841,216 @@ 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 {
@@ -15029,8 +15273,10 @@ sup {
   display: none !important;
 }
 
-.invisible {
+.invisible, .invisible * {
   visibility: hidden !important;
+  transition: none !important;
+  animation: none !important;
 }
 
 .transparent {