quasar 2.4.10 → 2.5.0

package/dist/quasar.css

@@ -986,19 +986,27 @@ 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;
+          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;
@@ -1049,12 +1057,16 @@ input[type=search]::-webkit-search-decoration {
 .q-checkbox--dark .q-checkbox__inner--truthy, .q-checkbox--dark .q-checkbox__inner--indet {
   color: var(--q-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%;
@@ -3273,19 +3285,27 @@ 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;
+          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%;
@@ -3319,12 +3339,16 @@ body.platform-ios .q-layout--containerized {
 .q-radio--dark .q-radio__inner--truthy {
   color: var(--q-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%;
@@ -3462,6 +3486,7 @@ body.desktop .q-radio--dense:not(.disabled):focus .q-radio__inner:before, body.d
 }
 .q-select .q-field__input {
   min-width: 50px !important;
+  cursor: text;
 }
 .q-select .q-field__input--padding {
   padding-left: 4px;
@@ -4196,6 +4221,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;
@@ -4335,6 +4361,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;
   top: 50%;