Stick to naming convetions v-header__icon (#4658)

Author: ebisbe

src/components/VExpansionPanel/VExpansionPanelContent.ts

@@ -126,7 +126,7 @@ export default mixins<options &
         attrs: { name: 'fade-transition' }
       }, [
         this.$createElement('div', {
-          staticClass: 'header__icon',
+          staticClass: 'v-expansion-panel__header__icon',
           directives: [{
             name: 'show',
             value: !this.isDisabled

src/stylus/components/_expansion-panel.styl

@@ -9,7 +9,7 @@ v-expansion-panel($material)
     color: $material.text.primary
 
     .v-expansion-panel__header
-      .header__icon
+      .v-expansion-panel__header__icon
         .v-icon
           color: $material.icons.active
 
@@ -42,7 +42,7 @@ theme(v-expansion-panel, "v-expansion-panel")
     &:first-child
       border-top: none !important
 
-    .header__icon
+    .v-expansion-panel__header__iconnel__header__icon
       margin-left: auto
 
     &--disabled
@@ -51,7 +51,7 @@ theme(v-expansion-panel, "v-expansion-panel")
 
     &--active
       > .v-expansion-panel__header
-        .header__icon .v-icon
+        .v-expansion-panel__header__icon .v-icon
           transform: rotate(-180deg)
 
   &__header
@@ -62,7 +62,7 @@ theme(v-expansion-panel, "v-expansion-panel")
     padding: 12px 24px
     height: 48px
 
-    > *:not(.header__icon)
+    > *:not(.v-expansion-panel__header__icon)
       flex: 1 1 auto
 
   &__body

test/unit/components/VExpansionPanel/__snapshots__/VExpansionPanel.spec.js.snap

@@ -10,7 +10,7 @@ exports[`VExpansionPanel.js should render an expanded component and match snapsh
       <div>
         header
       </div>
-      <div class="header__icon">
+      <div class="v-expansion-panel__header__icon">
         <i aria-hidden="true"
            class="v-icon material-icons"
         >
@@ -38,7 +38,7 @@ exports[`VExpansionPanel.js should render an expanded component and match snapsh
       <div>
         header
       </div>
-      <div class="header__icon">
+      <div class="v-expansion-panel__header__icon">
         <i aria-hidden="true"
            class="v-icon material-icons"
         >
@@ -66,7 +66,7 @@ exports[`VExpansionPanel.js should render component and match snapshot 1`] = `
       <div>
         header
       </div>
-      <div class="header__icon">
+      <div class="v-expansion-panel__header__icon">
         <i aria-hidden="true"
            class="v-icon material-icons"
         >
@@ -94,7 +94,7 @@ exports[`VExpansionPanel.js should render component and match snapshot 2`] = `
       <div>
         header
       </div>
-      <div class="header__icon">
+      <div class="v-expansion-panel__header__icon">
         <i aria-hidden="true"
            class="v-icon material-icons"
         >

test/unit/components/VExpansionPanel/__snapshots__/VExpansionPanelContent.spec.js.snap

@@ -35,7 +35,7 @@ exports[`VExpansionPanelContent.js should render component and match snapshot 1`
     <span>
       header
     </span>
-    <div class="header__icon">
+    <div class="v-expansion-panel__header__icon">
       <span>
         actions
       </span>
@@ -79,7 +79,7 @@ exports[`VExpansionPanelContent.js should toggle panel on header click 1`] = `
     <span>
       header
     </span>
-    <div class="header__icon">
+    <div class="v-expansion-panel__header__icon">
       <i aria-hidden="true"
          class="v-icon material-icons"
       >