perf(QSlider/QRange): tweak the classes list quasarframework#7500 quasarframework#7502

Author: rstoenescu

ui/src/components/slider/QSlider.sass

@@ -189,7 +189,7 @@
     .q-slider__focus-ring, &.q-slider--label .q-slider__thumb
       transform: scale(0) !important
 
-  body.desktop &.q-slider--labeled:hover
+  body.desktop &.q-slider--enabled:hover
     .q-slider__pin,
     .q-slider__arrow
       &--h

ui/src/components/slider/QSlider.styl

@@ -189,7 +189,7 @@
     .q-slider__focus-ring, &.q-slider--label .q-slider__thumb
       transform: scale(0) !important
 
-  body.desktop &.q-slider--labeled:hover
+  body.desktop &.q-slider--enabled:hover
     .q-slider__pin,
     .q-slider__arrow
       &--h

ui/src/components/slider/slider-utils.js

@@ -96,9 +96,7 @@ export const SliderMixin = {
       return `q-slider q-slider${this.axis} q-slider--${this.active === true ? '' : 'in'}active` +
         (this.isReversed === true ? ' q-slider--reversed' : '') +
         (this.color !== void 0 ? ` text-${this.color}` : '') +
-        (this.disable === true ? ' disabled' : '') +
-        (this.editable === true ? ' q-slider--editable' : '') +
-        (this.disable !== true ? ' q-slider--labeled' : '') +
+        (this.disable === true ? ' disabled' : ' q-slider--enabled' + (this.editable === true ? ' q-slider--editable' : '')) +
         (this.focus === 'both' ? ' q-slider--focus' : '') +
         (this.label || this.labelAlways === true ? ' q-slider--label' : '') +
         (this.labelAlways === true ? ' q-slider--label-always' : '') +