npm - @dimailn/vuetify - Versions diffs - 2.7.2-alpha3 → 2.7.2-alpha31 - Mend

@dimailn/vuetify 2.7.2-alpha3 → 2.7.2-alpha31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (887) hide show

package/src/components/VSlider/__tests__/__snapshots__/VSlider.spec.ts.snap CHANGED Viewed

@@ -5,11 +5,11 @@ exports[`VSlider.ts should change track styles in rtl 1`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-87"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-94"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -21,15 +21,15 @@ exports[`VSlider.ts should change track styles in rtl 1`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -37,11 +37,8 @@ exports[`VSlider.ts should change track styles in rtl 1`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -52,11 +49,11 @@ exports[`VSlider.ts should change track styles in rtl 2`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="50"
-               id="input-87"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-94"
+               disabled
+               readonly
                tabindex="-1"
+               value="50"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -68,15 +65,15 @@ exports[`VSlider.ts should change track styles in rtl 2`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 50%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="50"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 50%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -84,11 +81,8 @@ exports[`VSlider.ts should change track styles in rtl 2`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -99,11 +93,11 @@ exports[`VSlider.ts should change track styles in rtl 3`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal v-slider--disabled theme--light">
-        <input value="50"
-               id="input-87"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-94"
+               disabled
+               readonly
                tabindex="-1"
+               value="50"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background"
@@ -115,15 +109,15 @@ exports[`VSlider.ts should change track styles in rtl 3`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container"
+             style="left: 50%;"
+             role="slider"
              tabindex="-1"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="50"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container"
-             style="left: 50%;"
         >
           <div class="v-slider__thumb">
           </div>
@@ -131,11 +125,8 @@ exports[`VSlider.ts should change track styles in rtl 3`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -146,11 +137,11 @@ exports[`VSlider.ts should change track styles in rtl 4`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-87"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-94"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -162,15 +153,15 @@ exports[`VSlider.ts should change track styles in rtl 4`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 100%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 100%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -178,11 +169,8 @@ exports[`VSlider.ts should change track styles in rtl 4`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -193,11 +181,11 @@ exports[`VSlider.ts should change track styles in rtl 5`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="50"
-               id="input-87"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-94"
+               disabled
+               readonly
                tabindex="-1"
+               value="50"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -209,15 +197,15 @@ exports[`VSlider.ts should change track styles in rtl 5`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 50%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="50"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 50%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -225,11 +213,8 @@ exports[`VSlider.ts should change track styles in rtl 5`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -240,11 +225,11 @@ exports[`VSlider.ts should change track styles in rtl 6`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal v-slider--disabled theme--light">
-        <input value="50"
-               id="input-87"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-94"
+               disabled
+               readonly
                tabindex="-1"
+               value="50"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background"
@@ -256,15 +241,15 @@ exports[`VSlider.ts should change track styles in rtl 6`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container"
+             style="left: 50%;"
+             role="slider"
              tabindex="-1"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="50"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container"
-             style="left: 50%;"
         >
           <div class="v-slider__thumb">
           </div>
@@ -272,11 +257,8 @@ exports[`VSlider.ts should change track styles in rtl 6`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -287,11 +269,11 @@ exports[`VSlider.ts should correctly handle initial value of zero (#7320) 1`] =
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-107"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-115"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -303,61 +285,15 @@ exports[`VSlider.ts should correctly handle initial value of zero (#7320) 1`] =
           >
           </div>
         </div>
-        <div role="slider"
-             tabindex="0"
-             aria-valuemin="-20"
-             aria-valuemax="20"
-             aria-valuenow="0"
-             aria-readonly="false"
-             aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
+        <div class="v-slider__thumb-container primary--text"
              style="left: 50%;"
-        >
-          <div class="v-slider__thumb primary">
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
-    </div>
-  </div>
-</div>
-`;
-exports[`VSlider.ts should correctly handle setting value to zero (#7320) 1`] = `
-<div class="v-input theme--light v-input__slider">
-  <div class="v-input__control">
-    <div class="v-input__slot">
-      <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-115"
-               readonly="readonly"
-               tabindex="-1"
-        >
-        <div class="v-slider__track-container">
-          <div class="v-slider__track-background primary lighten-3"
-               style="right: 0px;"
-          >
-          </div>
-          <div class="v-slider__track-fill primary"
-               style="left: 0px; width: 50%;"
-          >
-          </div>
-        </div>
-        <div role="slider"
+             role="slider"
              tabindex="0"
              aria-valuemin="-20"
              aria-valuemax="20"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 50%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -365,33 +301,33 @@ exports[`VSlider.ts should correctly handle setting value to zero (#7320) 1`] =
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
 `;
 exports[`VSlider.ts should display label and have different aria-label 1`] = `
-<div class="v-input theme--light v-input__slider">
+<div class="v-input theme--light v-input__slider"
+     aria-label="bar"
+>
   <div class="v-input__control">
     <div class="v-input__slot">
-      <label for="input-91"
-             class="v-label theme--light"
+      <label class="v-label theme--light"
+             for="input-98"
+             aria-hidden="false"
              style="left: 0px; position: relative;"
       >
         foo
       </label>
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-91"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-98"
+               disabled
+               readonly
                tabindex="-1"
                aria-label="bar"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -403,7 +339,9 @@ exports[`VSlider.ts should display label and have different aria-label 1`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-label="bar"
              aria-valuemin="0"
@@ -411,8 +349,6 @@ exports[`VSlider.ts should display label and have different aria-label 1`] = `
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -420,11 +356,8 @@ exports[`VSlider.ts should display label and have different aria-label 1`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -435,11 +368,11 @@ exports[`VSlider.ts should match a snapshot 1`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-1"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-1"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -451,15 +384,15 @@ exports[`VSlider.ts should match a snapshot 1`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -467,11 +400,8 @@ exports[`VSlider.ts should match a snapshot 1`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -482,11 +412,11 @@ exports[`VSlider.ts should render component with thumbLabel and match a snapshot
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-13"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-13"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -498,15 +428,15 @@ exports[`VSlider.ts should render component with thumbLabel and match a snapshot
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container v-slider__thumb-container--show-label primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container v-slider__thumb-container--show-label primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -527,11 +457,8 @@ exports[`VSlider.ts should render component with thumbLabel and match a snapshot
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -542,11 +469,11 @@ exports[`VSlider.ts should render component with thumbLabel and match a snapshot
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-13"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-13"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -558,20 +485,20 @@ exports[`VSlider.ts should render component with thumbLabel and match a snapshot
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container v-slider__thumb-container--show-label primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container v-slider__thumb-container--show-label primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
-          <div class="v-slider__thumb-label-container"
-               style
+          <div class="v-slider__thumb-label-container scale-transition-enter-from scale-transition-enter-active"
+               style="transform-origin: bottom center; webkit-transform-origin: bottom center;"
           >
             <div class="v-slider__thumb-label primary"
                  style="height: 32px; width: 32px; transform: translateY(-20%) translateY(-12px) translateX(-50%) rotate(45deg);"
@@ -587,11 +514,8 @@ exports[`VSlider.ts should render component with thumbLabel and match a snapshot
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -602,11 +526,11 @@ exports[`VSlider.ts should render component with ticks and match a snapshot 1`]
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-9"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-9"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -640,15 +564,15 @@ exports[`VSlider.ts should render component with ticks and match a snapshot 1`]
           >
           </span>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -656,11 +580,8 @@ exports[`VSlider.ts should render component with ticks and match a snapshot 1`]
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -671,11 +592,11 @@ exports[`VSlider.ts should render component with ticks and match a snapshot 2`]
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-9"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-9"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -709,15 +630,15 @@ exports[`VSlider.ts should render component with ticks and match a snapshot 2`]
           >
           </span>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -725,11 +646,8 @@ exports[`VSlider.ts should render component with ticks and match a snapshot 2`]
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -740,11 +658,11 @@ exports[`VSlider.ts should render vertical slider 1`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--vertical theme--light">
-        <input value="0"
-               id="input-5"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-5"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -756,15 +674,15 @@ exports[`VSlider.ts should render vertical slider 1`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="top: 100%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="vertical"
-             class="v-slider__thumb-container primary--text"
-             style="top: 100%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -772,11 +690,8 @@ exports[`VSlider.ts should render vertical slider 1`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -786,18 +701,19 @@ exports[`VSlider.ts should reverse label location when inverse 1`] = `
 <div class="v-input theme--light v-input__slider">
   <div class="v-input__control">
     <div class="v-input__slot">
-      <label for="input-83"
-             class="v-label theme--light"
+      <label class="v-label theme--light"
+             for="input-89"
+             aria-hidden="false"
              style="left: 0px; position: relative;"
       >
         foo
       </label>
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-83"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-89"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -809,7 +725,9 @@ exports[`VSlider.ts should reverse label location when inverse 1`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-label="foo"
              aria-valuemin="0"
@@ -817,8 +735,6 @@ exports[`VSlider.ts should reverse label location when inverse 1`] = `
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -826,11 +742,8 @@ exports[`VSlider.ts should reverse label location when inverse 1`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -841,11 +754,11 @@ exports[`VSlider.ts should reverse label location when inverse 2`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-83"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-89"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -857,7 +770,9 @@ exports[`VSlider.ts should reverse label location when inverse 2`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-label="foo"
              aria-valuemin="0"
@@ -865,26 +780,22 @@ exports[`VSlider.ts should reverse label location when inverse 2`] = `
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
         </div>
       </div>
-      <label for="input-83"
-             class="v-label theme--light"
+      <label class="v-label theme--light"
+             for="input-89"
+             aria-hidden="false"
              style="left: 0px; position: relative;"
       >
         foo
       </label>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>