@dimailn/vuetify 2.7.2-alpha46 → 2.7.2-alpha48

package/src/components/VSelect/__tests__/__snapshots__/VSelect2.spec.ts.snap

@@ -6,7 +6,7 @@ exports[`VSelect.ts should be clearable with prop, dirty and multi select 1`] =
     <div role="button"
          aria-haspopup="listbox"
          aria-expanded="false"
-         aria-owns="list-150"
+         aria-owns="list-136"
          class="v-input__slot"
     >
       <div class="v-select__slot">
@@ -16,7 +16,7 @@ exports[`VSelect.ts should be clearable with prop, dirty and multi select 1`] =
           </div>
           <input aria-readonly="false"
                  autocomplete="off"
-                 id="input-150"
+                 id="input-136"
                  readonly
                  type="text"
           >
@@ -29,6 +29,10 @@ exports[`VSelect.ts should be clearable with prop, dirty and multi select 1`] =
                     aria-label="$vuetify.input.clear"
                     tabindex="-1"
             >
+              <mdi class="v-icon__component theme--light"
+                   icon="$clear"
+              >
+              </mdi>
             </button>
           </div>
         </div>
@@ -37,6 +41,10 @@ exports[`VSelect.ts should be clearable with prop, dirty and multi select 1`] =
             <span class="v-icon notranslate theme--light"
                   aria-hidden="true"
             >
+              <mdi class="v-icon__component theme--light"
+                   icon="$dropdown"
+              >
+              </mdi>
             </span>
           </div>
         </div>
@@ -63,7 +71,7 @@ exports[`VSelect.ts should be clearable with prop, dirty and single select 1`] =
     <div role="button"
          aria-haspopup="listbox"
          aria-expanded="false"
-         aria-owns="list-141"
+         aria-owns="list-129"
          class="v-input__slot"
     >
       <div class="v-select__slot">
@@ -73,7 +81,7 @@ exports[`VSelect.ts should be clearable with prop, dirty and single select 1`] =
           </div>
           <input aria-readonly="false"
                  autocomplete="off"
-                 id="input-141"
+                 id="input-129"
                  readonly
                  type="text"
           >
@@ -86,6 +94,10 @@ exports[`VSelect.ts should be clearable with prop, dirty and single select 1`] =
                     aria-label="$vuetify.input.clear"
                     tabindex="-1"
             >
+              <mdi class="v-icon__component theme--light"
+                   icon="$clear"
+              >
+              </mdi>
             </button>
           </div>
         </div>
@@ -94,6 +106,10 @@ exports[`VSelect.ts should be clearable with prop, dirty and single select 1`] =
             <span class="v-icon notranslate theme--light"
                   aria-hidden="true"
             >
+              <mdi class="v-icon__component theme--light"
+                   icon="$dropdown"
+              >
+              </mdi>
             </span>
           </div>
         </div>
@@ -120,7 +136,7 @@ exports[`VSelect.ts should use scoped slot for selection generation 1`] = `
     <div role="button"
          aria-haspopup="listbox"
          aria-expanded="false"
-         aria-owns="list-32"
+         aria-owns="list-30"
          class="v-input__slot"
     >
       <div class="v-select__slot">
@@ -130,7 +146,7 @@ exports[`VSelect.ts should use scoped slot for selection generation 1`] = `
           </div>
           <input aria-readonly="false"
                  autocomplete="off"
-                 id="input-32"
+                 id="input-30"
                  readonly
                  type="text"
           >
@@ -140,6 +156,10 @@ exports[`VSelect.ts should use scoped slot for selection generation 1`] = `
             <span class="v-icon notranslate theme--light"
                   aria-hidden="true"
             >
+              <mdi class="v-icon__component theme--light"
+                   icon="$dropdown"
+              >
+              </mdi>
             </span>
           </div>
         </div>
@@ -163,11 +183,11 @@ exports[`VSelect.ts should use scoped slot for selection generation 1`] = `
 exports[`VSelect.ts should use slotted append-item 1`] = `
 <div class="v-sheet theme--light v-list v-select-list theme--light"
      role="listbox"
-     id="list-16"
+     id="list-15"
      tabindex="-1"
 >
   <div aria-selected="false"
-       id="list-item-23-0"
+       id="list-item-21-0"
        role="option"
        tabindex="0"
        class="v-list-item v-list-item--link theme--light"
@@ -194,7 +214,7 @@ exports[`VSelect.ts should use slotted prepend-item 1`] = `
     foo
   </div>
   <div aria-selected="false"
-       id="list-item-8-0"
+       id="list-item-7-0"
        role="option"
        tabindex="0"
        class="v-list-item v-list-item--link theme--light"

package/src/components/VSelect/__tests__/__snapshots__/VSelect3.spec.ts.snap

@@ -6,7 +6,7 @@ exports[`VSelect.ts should add color to selected index 1`] = `
     <div role="button"
          aria-haspopup="listbox"
          aria-expanded="false"
-         aria-owns="list-60"
+         aria-owns="list-52"
          class="v-input__slot"
     >
       <div class="v-select__slot">
@@ -16,7 +16,7 @@ exports[`VSelect.ts should add color to selected index 1`] = `
           </div>
           <input aria-readonly="false"
                  autocomplete="off"
-                 id="input-60"
+                 id="input-52"
                  readonly
                  type="text"
           >
@@ -26,6 +26,10 @@ exports[`VSelect.ts should add color to selected index 1`] = `
             <span class="v-icon notranslate theme--light"
                   aria-hidden="true"
             >
+              <mdi class="v-icon__component theme--light"
+                   icon="$dropdown"
+              >
+              </mdi>
             </span>
           </div>
         </div>

package/src/components/VStepper/__tests__/__snapshots__/VStepperStep.spec.ts.snap

@@ -5,7 +5,7 @@ exports[`VStepperStep.ts should accept a custom color 1`] = `
      class="v-stepper__step v-stepper__step--inactive v-stepper__step--complete"
 >
   <span class="v-stepper__step__step pink">
-    <i class="v-icon notranslate theme--light mdi mdi-check"
+    <i class="v-icon notranslate mdi mdi-check theme--light"
        aria-hidden="true"
     >
     </i>
@@ -22,7 +22,7 @@ exports[`VStepperStep.ts should accept a custom css color 1`] = `
   <span class="v-stepper__step__step"
         style="background-color: rgb(170, 187, 204); border-color: #aabbcc;"
   >
-    <i class="v-icon notranslate theme--light mdi mdi-check"
+    <i class="v-icon notranslate mdi mdi-check theme--light"
        aria-hidden="true"
     >
     </i>
@@ -49,7 +49,7 @@ exports[`VStepperStep.ts should render complete step 1`] = `
      class="v-stepper__step v-stepper__step--inactive v-stepper__step--complete"
 >
   <span class="v-stepper__step__step primary">
-    <i class="v-icon notranslate theme--light mdi mdi-check"
+    <i class="v-icon notranslate mdi mdi-check theme--light"
        aria-hidden="true"
     >
     </i>
@@ -64,9 +64,10 @@ exports[`VStepperStep.ts should render editable step 1`] = `
      class="v-stepper__step v-stepper__step--editable v-stepper__step--inactive v-stepper__step--complete"
 >
   <span class="v-stepper__step__step primary">
-    <i class="v-icon notranslate theme--light material-icons"
+    <i class="v-icon notranslate material-icons theme--light"
        aria-hidden="true"
     >
+      $edit
     </i>
   </span>
   <div class="v-stepper__label">
@@ -79,7 +80,7 @@ exports[`VStepperStep.ts should render step with error 1`] = `
      class="v-stepper__step v-stepper__step--inactive v-stepper__step--error error--text"
 >
   <span class="v-stepper__step__step">
-    <i class="v-icon notranslate theme--light mdi mdi-alert"
+    <i class="v-icon notranslate mdi mdi-alert theme--light"
        aria-hidden="true"
     >
     </i>

package/src/components/VTextField/__tests__/__snapshots__/VTextField.spec.ts.snap

@@ -4,9 +4,10 @@ exports[`VTextField.ts should apply theme to label, counter, messages and icons
 <div class="v-input theme--light v-text-field">
   <div class="v-input__prepend-outer">
     <div class="v-input__icon v-input__icon--prepend">
-      <i class="v-icon notranslate theme--light material-icons"
+      <i class="v-icon notranslate material-icons theme--light"
          aria-hidden="true"
       >
+        prepend
       </i>
     </div>
   </div>
@@ -14,7 +15,7 @@ exports[`VTextField.ts should apply theme to label, counter, messages and icons
     <div class="v-input__slot">
       <div class="v-input__prepend-inner">
         <div class="v-input__icon v-input__icon--prepend-inner">
-          <i class="v-icon notranslate theme--light prepend prepend-inner"
+          <i class="v-icon notranslate prepend prepend-inner theme--light"
              aria-hidden="true"
           >
           </i>
@@ -22,21 +23,22 @@ exports[`VTextField.ts should apply theme to label, counter, messages and icons
       </div>
       <div class="v-text-field__slot">
         <label class="v-label theme--light"
-               for="input-193"
+               for="input-185"
                aria-hidden="false"
                style="left: 0px; position: absolute;"
         >
           foo
         </label>
-        <input id="input-193"
+        <input id="input-185"
                type="text"
         >
       </div>
       <div class="v-input__append-inner">
         <div class="v-input__icon v-input__icon--append">
-          <i class="v-icon notranslate theme--light material-icons"
+          <i class="v-icon notranslate material-icons theme--light"
              aria-hidden="true"
           >
+            append
           </i>
         </div>
       </div>
@@ -56,7 +58,7 @@ exports[`VTextField.ts should apply theme to label, counter, messages and icons
   </div>
   <div class="v-input__append-outer">
     <div class="v-input__icon v-input__icon--append-outer">
-      <i class="v-icon notranslate theme--light append append-outer"
+      <i class="v-icon notranslate append append-outer theme--light"
          aria-hidden="true"
       >
       </i>
@@ -73,7 +75,7 @@ exports[`VTextField.ts should have prefix and suffix 1`] = `
         <div class="v-text-field__prefix">
           $
         </div>
-        <input id="input-119"
+        <input id="input-113"
                type="text"
         >
         <div class="v-text-field__suffix">
@@ -96,7 +98,7 @@ exports[`VTextField.ts should hide messages if no messages and hide-details is a
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-text-field__slot">
-        <input id="input-211"
+        <input id="input-199"
                type="text"
         >
       </div>
@@ -110,7 +112,7 @@ exports[`VTextField.ts should hide messages if no messages and hide-details is a
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-text-field__slot">
-        <input id="input-211"
+        <input id="input-199"
                type="text"
         >
       </div>
@@ -133,7 +135,7 @@ exports[`VTextField.ts should hide messages if no messages and hide-details is a
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-text-field__slot">
-        <input id="input-211"
+        <input id="input-199"
                type="text"
         >
       </div>
@@ -227,7 +229,7 @@ exports[`VTextField.ts should render component with async loading and custom pro
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-text-field__slot">
-        <input id="input-102"
+        <input id="input-96"
                type="text"
         >
       </div>
@@ -266,7 +268,7 @@ exports[`VTextField.ts should render component with async loading and match snap
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-text-field__slot">
-        <input id="input-94"
+        <input id="input-88"
                type="text"
         >
       </div>

package/src/components/VTimeline/__tests__/__snapshots__/VTimelineItem.spec.ts.snap

@@ -23,9 +23,10 @@ exports[`VTimelineItem.ts should conditionally render an icon or icon slot 2`] =
   <div class="v-timeline-item__divider">
     <div class="v-timeline-item__dot">
       <div class="primary v-timeline-item__inner-dot">
-        <i class="v-icon notranslate theme--dark material-icons"
+        <i class="v-icon notranslate material-icons theme--dark"
            aria-hidden="true"
         >
+          foo
         </i>
       </div>
     </div>

package/src/components/VTreeview/__tests__/__snapshots__/VTreeview.spec.ts.snap

@@ -122,10 +122,11 @@ exports[`VTreeView.ts should handle initial active/open/selected values when usi
     <div class="v-treeview-node__root">
       <div class="v-treeview-node__level">
       </div>
-      <button class="v-icon--link v-icon notranslate theme--light material-icons accent--text v-treeview-node__checkbox"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light accent--text v-treeview-node__checkbox"
               aria-hidden="false"
               type="button"
       >
+        $checkboxOn
       </button>
       <div class="v-treeview-node__content">
         <div class="v-treeview-node__label">
@@ -138,15 +139,17 @@ exports[`VTreeView.ts should handle initial active/open/selected values when usi
        aria-expanded="true"
   >
     <div class="v-treeview-node__root">
-      <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle v-treeview-node__toggle--open"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle v-treeview-node__toggle--open"
               aria-hidden="false"
               type="button"
       >
+        arrow_drop_down
       </button>
-      <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__checkbox"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__checkbox"
               aria-hidden="false"
               type="button"
       >
+        $checkboxOff
       </button>
       <div class="v-treeview-node__content">
         <div class="v-treeview-node__label">
@@ -163,10 +166,11 @@ exports[`VTreeView.ts should handle initial active/open/selected values when usi
           </div>
           <div class="v-treeview-node__level">
           </div>
-          <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__checkbox"
+          <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__checkbox"
                   aria-hidden="false"
                   type="button"
           >
+            $checkboxOff
           </button>
           <div class="v-treeview-node__content">
             <div class="v-treeview-node__label">
@@ -290,15 +294,17 @@ exports[`VTreeView.ts should load children when selecting, but not render 1`] =
        aria-expanded="false"
   >
     <div class="v-treeview-node__root">
-      <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle"
               aria-hidden="false"
               type="button"
       >
+        arrow_drop_down
       </button>
-      <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__checkbox"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__checkbox"
               aria-hidden="false"
               type="button"
       >
+        $checkboxOff
       </button>
       <div class="v-treeview-node__content">
         <div class="v-treeview-node__label">
@@ -316,15 +322,17 @@ exports[`VTreeView.ts should load children when selecting, but not render 2`] =
        aria-expanded="false"
   >
     <div class="v-treeview-node__root">
-      <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle"
               aria-hidden="false"
               type="button"
       >
+        arrow_drop_down
       </button>
-      <button class="v-icon--link v-icon notranslate theme--light material-icons accent--text v-treeview-node__checkbox"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light accent--text v-treeview-node__checkbox"
               aria-hidden="false"
               type="button"
       >
+        $checkboxOn
       </button>
       <div class="v-treeview-node__content">
         <div class="v-treeview-node__label">
@@ -359,10 +367,11 @@ exports[`VTreeView.ts should open all children when using open-all prop 1`] = `
        aria-expanded="true"
   >
     <div class="v-treeview-node__root">
-      <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle v-treeview-node__toggle--open"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle v-treeview-node__toggle--open"
               aria-hidden="false"
               type="button"
       >
+        arrow_drop_down
       </button>
       <div class="v-treeview-node__content">
         <div class="v-treeview-node__label">
@@ -377,10 +386,11 @@ exports[`VTreeView.ts should open all children when using open-all prop 1`] = `
         <div class="v-treeview-node__root">
           <div class="v-treeview-node__level">
           </div>
-          <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle v-treeview-node__toggle--open"
+          <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle v-treeview-node__toggle--open"
                   aria-hidden="false"
                   type="button"
           >
+            arrow_drop_down
           </button>
           <div class="v-treeview-node__content">
             <div class="v-treeview-node__label">
@@ -434,10 +444,11 @@ exports[`VTreeView.ts should react to open changes 1`] = `
        aria-expanded="true"
   >
     <div class="v-treeview-node__root">
-      <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle v-treeview-node__toggle--open"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle v-treeview-node__toggle--open"
               aria-hidden="false"
               type="button"
       >
+        arrow_drop_down
       </button>
       <div class="v-treeview-node__content">
         <div class="v-treeview-node__label">
@@ -452,10 +463,11 @@ exports[`VTreeView.ts should react to open changes 1`] = `
         <div class="v-treeview-node__root">
           <div class="v-treeview-node__level">
           </div>
-          <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle v-treeview-node__toggle--open"
+          <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle v-treeview-node__toggle--open"
                   aria-hidden="false"
                   type="button"
           >
+            arrow_drop_down
           </button>
           <div class="v-treeview-node__content">
             <div class="v-treeview-node__label">
@@ -509,10 +521,11 @@ exports[`VTreeView.ts should react to open changes 2`] = `
        aria-expanded="true"
   >
     <div class="v-treeview-node__root">
-      <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle v-treeview-node__toggle--open"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle v-treeview-node__toggle--open"
               aria-hidden="false"
               type="button"
       >
+        arrow_drop_down
       </button>
       <div class="v-treeview-node__content">
         <div class="v-treeview-node__label">
@@ -527,10 +540,11 @@ exports[`VTreeView.ts should react to open changes 2`] = `
         <div class="v-treeview-node__root">
           <div class="v-treeview-node__level">
           </div>
-          <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle"
+          <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle"
                   aria-hidden="false"
                   type="button"
           >
+            arrow_drop_down
           </button>
           <div class="v-treeview-node__content">
             <div class="v-treeview-node__label">
@@ -565,10 +579,11 @@ exports[`VTreeView.ts should react to open changes 3`] = `
        aria-expanded="true"
   >
     <div class="v-treeview-node__root">
-      <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle v-treeview-node__toggle--open"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle v-treeview-node__toggle--open"
               aria-hidden="false"
               type="button"
       >
+        arrow_drop_down
       </button>
       <div class="v-treeview-node__content">
         <div class="v-treeview-node__label">
@@ -583,10 +598,11 @@ exports[`VTreeView.ts should react to open changes 3`] = `
         <div class="v-treeview-node__root">
           <div class="v-treeview-node__level">
           </div>
-          <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle v-treeview-node__toggle--open"
+          <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle v-treeview-node__toggle--open"
                   aria-hidden="false"
                   type="button"
           >
+            arrow_drop_down
           </button>
           <div class="v-treeview-node__content">
             <div class="v-treeview-node__label">
@@ -640,10 +656,11 @@ exports[`VTreeView.ts should react to open changes 4`] = `
        aria-expanded="false"
   >
     <div class="v-treeview-node__root">
-      <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle"
               aria-hidden="false"
               type="button"
       >
+        arrow_drop_down
       </button>
       <div class="v-treeview-node__content">
         <div class="v-treeview-node__label">
@@ -661,10 +678,11 @@ exports[`VTreeView.ts should recalculate tree when loading async children using
        aria-expanded="false"
   >
     <div class="v-treeview-node__root">
-      <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle v-treeview-node__toggle--loading"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle v-treeview-node__toggle--loading"
               aria-hidden="false"
               type="button"
       >
+        $loading
       </button>
       <div class="v-treeview-node__content">
         <div class="v-treeview-node__label">
@@ -762,10 +780,11 @@ exports[`VTreeView.ts should render items 1`] = `
        aria-expanded="false"
   >
     <div class="v-treeview-node__root">
-      <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle"
               aria-hidden="false"
               type="button"
       >
+        arrow_drop_down
       </button>
       <div class="v-treeview-node__content">
         <div class="v-treeview-node__label">
@@ -783,10 +802,11 @@ exports[`VTreeView.ts should render items in dense mode 1`] = `
        aria-expanded="false"
   >
     <div class="v-treeview-node__root">
-      <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle"
               aria-hidden="false"
               type="button"
       >
+        arrow_drop_down
       </button>
       <div class="v-treeview-node__content">
         <div class="v-treeview-node__label">
@@ -921,10 +941,11 @@ exports[`VTreeView.ts should show expand icon when children is empty and load-ch
        aria-expanded="false"
   >
     <div class="v-treeview-node__root">
-      <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle"
+      <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle"
               aria-hidden="false"
               type="button"
       >
+        arrow_drop_down
       </button>
       <div class="v-treeview-node__content">
         <div class="v-treeview-node__label">

package/src/components/VTreeview/__tests__/__snapshots__/VTreeviewNode.spec.ts.snap

@@ -52,10 +52,11 @@ exports[`VTreeViewNode.ts should not be able to have active children with empty
      aria-expanded="true"
 >
   <div class="v-treeview-node__root">
-    <button class="v-icon--link v-icon notranslate theme--light material-icons v-treeview-node__toggle v-treeview-node__toggle--open"
+    <button class="v-icon--link v-icon notranslate material-icons theme--light v-treeview-node__toggle v-treeview-node__toggle--open"
             aria-hidden="false"
             type="button"
     >
+      arrow_drop_down
     </button>
     <div class="v-treeview-node__content">
       <div class="v-treeview-node__label">
@@ -73,7 +74,7 @@ exports[`VTreeViewNode.ts should render disabled item 1`] = `
      aria-expanded="false"
 >
   <div class="v-treeview-node__root">
-    <button class="v-icon--link v-icon notranslate theme--light mdi mdi-menu-down v-treeview-node__toggle"
+    <button class="v-icon--link v-icon notranslate mdi mdi-menu-down theme--light v-treeview-node__toggle"
             aria-hidden="false"
             type="button"
     >
@@ -102,7 +103,7 @@ exports[`VTreeViewNode.ts should use label slot 1`] = `
      aria-expanded="false"
 >
   <div class="v-treeview-node__root">
-    <button class="v-icon--link v-icon notranslate theme--light mdi mdi-menu-down v-treeview-node__toggle"
+    <button class="v-icon--link v-icon notranslate mdi mdi-menu-down theme--light v-treeview-node__toggle"
             aria-hidden="false"
             type="button"
     >
@@ -123,7 +124,7 @@ exports[`VTreeViewNode.ts should use scoped slots 1`] = `
      aria-expanded="false"
 >
   <div class="v-treeview-node__root">
-    <button class="v-icon--link v-icon notranslate theme--light mdi mdi-menu-down v-treeview-node__toggle"
+    <button class="v-icon--link v-icon notranslate mdi mdi-menu-down theme--light v-treeview-node__toggle"
             aria-hidden="false"
             type="button"
     >