quasar 1.17.6 → 1.18.1

package/dist/quasar.css

@@ -1,5 +1,5 @@
 /*
- * Quasar Framework v1.17.6
+ * Quasar Framework v1.18.1
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -976,19 +976,30 @@ input[type='search']::-webkit-search-decoration {
 .q-checkbox {
   vertical-align: middle;
 }
-.q-checkbox__bg {
+.q-checkbox__native {
+  width: 1px;
+  height: 1px;
+}
+.q-checkbox__bg,
+.q-checkbox__icon-container {
   top: 25%;
   left: 25%;
   width: 50%;
   height: 50%;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.q-checkbox__bg {
   border: 2px solid currentColor;
   border-radius: 2px;
   transition: background 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
   -webkit-print-color-adjust: exact;
 }
-.q-checkbox__native {
-  width: 1px;
-  height: 1px;
+.q-checkbox__icon {
+  color: currentColor;
+  font-size: 0.6em;
 }
 .q-checkbox__svg {
   color: #fff;
@@ -1044,12 +1055,16 @@ input[type='search']::-webkit-search-decoration {
   color: #1976d2;
   color: var(--q-color-primary);
 }
+.q-checkbox--dense .q-checkbox__icon {
+  font-size: 0.6em;
+}
 .q-checkbox--dense .q-checkbox__inner {
   width: 0.5em;
   min-width: 0.5em;
   height: 0.5em;
 }
-.q-checkbox--dense .q-checkbox__bg {
+.q-checkbox--dense .q-checkbox__bg,
+.q-checkbox--dense .q-checkbox__icon-container {
   left: 5%;
   top: 5%;
   width: 90%;
@@ -2155,6 +2170,8 @@ body.q-ios-padding .q-dialog__inner > div {
   line-height: 1;
   color: rgba(0,0,0,0.54);
   padding: 8px 12px 0;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
 }
 .q-field__bottom--animated {
   transform: translateY(100%);
@@ -2331,6 +2348,8 @@ body.q-ios-padding .q-dialog__inner > div {
   text-transform: inherit;
   transform-origin: left top;
   transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), right 0.324s cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
 }
 .q-field--float .q-field__label {
   transform: translateY(-40%) scale(0.75);
@@ -3319,19 +3338,30 @@ body.platform-ios .q-layout--containerized {
 .q-radio {
   vertical-align: middle;
 }
-.q-radio__bg {
+.q-radio__native {
+  width: 1px;
+  height: 1px;
+}
+.q-radio__bg,
+.q-radio__icon-container {
   top: 25%;
   left: 25%;
   width: 50%;
   height: 50%;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.q-radio__bg {
   -webkit-print-color-adjust: exact;
 }
 .q-radio__bg path {
   fill: currentColor;
 }
-.q-radio__native {
-  width: 1px;
-  height: 1px;
+.q-radio__icon {
+  color: currentColor;
+  font-size: 0.6em;
 }
 .q-radio__check {
   transform-origin: 50% 50%;
@@ -3367,12 +3397,16 @@ body.platform-ios .q-layout--containerized {
   color: #1976d2;
   color: var(--q-color-primary);
 }
+.q-radio--dense .q-checkbox__icon {
+  font-size: 0.6em;
+}
 .q-radio--dense .q-radio__inner {
   width: 0.5em;
   min-width: 0.5em;
   height: 0.5em;
 }
-.q-radio--dense .q-radio__bg {
+.q-radio--dense .q-radio__bg,
+.q-radio--dense .q-radio__icon-container {
   left: 0;
   top: 0;
   width: 100%;
@@ -3510,6 +3544,7 @@ body.desktop .q-radio--dense:not(.disabled):hover .q-radio__inner:before {
 }
 .q-select .q-field__input {
   min-width: 50px !important;
+  cursor: text;
 }
 .q-select .q-field__input--padding {
   padding-left: 4px;
@@ -4179,6 +4214,7 @@ body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-sli
   line-height: 14px;
 }
 .q-stepper__dot {
+  contain: layout;
   margin-right: 8px;
   font-size: 14px;
   width: 24px;
@@ -4327,6 +4363,9 @@ body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-sli
 .q-stepper--horizontal .q-stepper__tab {
   overflow: hidden;
 }
+.q-stepper--horizontal .q-stepper__line {
+  contain: layout;
+}
 .q-stepper--horizontal .q-stepper__line:before,
 .q-stepper--horizontal .q-stepper__line:after {
   position: absolute;