chore: 3.0.0-beta.2 release

package.json

@@ -1,8 +1,19 @@
 {
   "name": "@coreui/coreui-free-vue-admin-template",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-beta.2",
   "description": "Open Source Bootstrap Admin Template",
-  "author": "Łukasz Holeczek",
+  "author": {
+    "name": "CoreUI",
+    "url": "https://coreui.io",
+    "github": "https://github.com/coreui",
+    "twitter": "https://twitter.com/core_ui"
+  },
+  "contributors": [
+    {
+      "name": "CoreUI Team",
+      "url": "https://github.com/orgs/coreui/people"
+    }
+  ],
   "homepage": "http://coreui.io",
   "copyright": "Copyright 2019 creativeLabs Łukasz Holeczek",
   "license": "MIT",
@@ -14,26 +25,26 @@
     "test:e2e": "vue-cli-service test:e2e"
   },
   "dependencies": {
-    "@coreui/coreui": "3.0.0-beta.3",
+    "@coreui/coreui": "^3.0.0-beta.3",
-    "@coreui/coreui-vue-chartjs": "1.0.0-alpha.2",
+    "@coreui/coreui-vue-chartjs": "^1.0.0",
-    "@coreui/icons": "1.0.0-beta.3",
+    "@coreui/icons": "^1.0.0-beta.3",
-    "@coreui/vue": "coreui/coreui-vue#3.0.0-beta.2",
+    "@coreui/vue": "coreui/coreui-vue#3.0.0-beta.3",
     "vue": "^2.6.10",
     "vue-router": "^3.1.3"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.0.5",
+    "@vue/cli-plugin-babel": "^4.1.1",
-    "@vue/cli-plugin-e2e-nightwatch": "^4.0.5",
+    "@vue/cli-plugin-e2e-nightwatch": "^4.1.1",
-    "@vue/cli-plugin-eslint": "^4.0.5",
+    "@vue/cli-plugin-eslint": "^4.1.1",
-    "@vue/cli-plugin-unit-jest": "^4.0.5",
+    "@vue/cli-plugin-unit-jest": "^4.1.1",
-    "@vue/cli-service": "^4.0.5",
+    "@vue/cli-service": "^4.1.1",
-    "@vue/test-utils": "^1.0.0-beta.29",
+    "@vue/test-utils": "1.0.0-beta.29",
-    "@babel/core": "7.7.2",
+    "@babel/core": "7.7.4",
     "babel-eslint": "^10.0.3",
     "babel-jest": "^24.9.0",
-    "core-js": "^3.4.1",
+    "core-js": "^3.4.7",
     "chromedriver": "^78.0.1",
-    "eslint": "^6.6.0",
+    "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.0.1",
     "node-sass": "^4.13.0",
     "sass-loader": "^8.0.0",

public/img/brand/coreui-vue-logo.svg

@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 556 134">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #1bbd93;
+      }
+
+      .cls-2 {
+        fill: #3c4b64;
+      }
+    </style>
+  </defs>
+  <title>coreui vue</title>
+  <g id="Warstwa_1" data-name="Warstwa 1">
+    <g>
+      <path class="cls-1" d="M347.9818,90.0869l-11.84-43.52-.0644-.1924q0-.5112.6406-.5117h1.2793a.66.66,0,0,1,.7051.5762l10.623,39.68c.042.0859.0859.1279.1289.1279.041,0,.084-.042.127-.1279l10.625-39.68a.657.657,0,0,1,.7031-.5762h1.2168a.54.54,0,0,1,.5762.7041l-11.9043,43.52a.6584.6584,0,0,1-.7041.5761h-1.4082A.6577.6577,0,0,1,347.9818,90.0869Z"/>
+      <path class="cls-1" d="M382.2786,89.5751a10.9023,10.9023,0,0,1-4.3515-4.5439,14.4586,14.4586,0,0,1-1.5362-6.7842V46.5029a.5656.5656,0,0,1,.64-.64h1.2168a.5659.5659,0,0,1,.64.64v32a10.5488,10.5488,0,0,0,2.72,7.5527,10.36,10.36,0,0,0,14.3359,0,10.5493,10.5493,0,0,0,2.7207-7.5527v-32a.5655.5655,0,0,1,.64-.64h1.2159a.5666.5666,0,0,1,.6406.64V78.247a13.01,13.01,0,0,1-3.3926,9.376,11.8974,11.8974,0,0,1-9.0234,3.5527A12.8481,12.8481,0,0,1,382.2786,89.5751Z"/>
+      <path class="cls-1" d="M439.5843,48.1035H419.5521a.2263.2263,0,0,0-.2559.2558V66.8554a.2259.2259,0,0,0,.2559.2559h13.8242a.5665.5665,0,0,1,.6406.64v.96a.5665.5665,0,0,1-.6406.6406H419.5521a.2263.2263,0,0,0-.2559.2559v18.56a.2259.2259,0,0,0,.2559.2559h20.0322a.5665.5665,0,0,1,.64.6406v.96a.5655.5655,0,0,1-.64.64H417.4407a.5654.5654,0,0,1-.6406-.64v-43.52a.5658.5658,0,0,1,.6406-.64h22.1436a.5659.5659,0,0,1,.64.64v.96A.5658.5658,0,0,1,439.5843,48.1035Z"/>
+      <path class="cls-1" d="M454.5921,89.5117a2.8385,2.8385,0,0,1-.8-2.0489,2.9193,2.9193,0,0,1,.8-2.1113,2.7518,2.7518,0,0,1,2.0791-.832,2.8465,2.8465,0,0,1,2.9443,2.9433,2.7561,2.7561,0,0,1-.832,2.08,2.9208,2.9208,0,0,1-2.1123.8008A2.7521,2.7521,0,0,1,454.5921,89.5117Z"/>
+      <path class="cls-1" d="M474.931,88.0078a11.3087,11.3087,0,0,1-3.2-8.4161v-5.44a.5655.5655,0,0,1,.64-.64h1.2158a.5662.5662,0,0,1,.6407.64v5.5039a9.1421,9.1421,0,0,0,2.5283,6.72,8.9734,8.9734,0,0,0,6.6875,2.5606,8.7916,8.7916,0,0,0,9.28-9.28V46.5029a.5655.5655,0,0,1,.64-.64h1.2158a.5656.5656,0,0,1,.64.64V79.5917a11.2541,11.2541,0,0,1-3.2315,8.4161,13.0621,13.0621,0,0,1-17.0556,0Z"/>
+      <path class="cls-1" d="M512.8753,88.1035a10.4847,10.4847,0,0,1-3.36-8.128v-1.792a.5665.5665,0,0,1,.6406-.6406h1.0879a.5666.5666,0,0,1,.64.6406v1.6a8.5461,8.5461,0,0,0,2.752,6.6563,10.5361,10.5361,0,0,0,7.36,2.4961,9.8741,9.8741,0,0,0,6.9766-2.3682,8.2188,8.2188,0,0,0,2.56-6.3359,8.3952,8.3952,0,0,0-1.12-4.416,11.3752,11.3752,0,0,0-3.3281-3.3926,71.6866,71.6866,0,0,0-6.1758-3.7119,71.0151,71.0151,0,0,1-6.24-3.84,12.1824,12.1824,0,0,1-3.4238-3.68,10.2659,10.2659,0,0,1-1.28-5.3437,9.86,9.86,0,0,1,3.0723-7.7441,12.0126,12.0126,0,0,1,8.3193-2.752q5.6969,0,8.9609,3.1035a10.8247,10.8247,0,0,1,3.2637,8.2246v1.6a.5658.5658,0,0,1-.6406.64h-1.1514a.5651.5651,0,0,1-.64-.64V56.8076a8.8643,8.8643,0,0,0-2.6241-6.6885,9.9936,9.9936,0,0,0-7.2324-2.5274,9.37,9.37,0,0,0-6.5283,2.1436,7.8253,7.8253,0,0,0-2.3672,6.1123,7.8088,7.8088,0,0,0,1.0235,4.16,10.3978,10.3978,0,0,0,3.0078,3.039,63.0249,63.0249,0,0,0,5.9521,3.4883,70.7955,70.7955,0,0,1,6.72,4.2559,13.4613,13.4613,0,0,1,3.6485,3.9365,10.044,10.044,0,0,1,1.28,5.1836,10.7185,10.7185,0,0,1-3.2647,8.1924q-3.2637,3.0717-8.832,3.0722Q516.2342,91.1757,512.8753,88.1035Z"/>
+    </g>
+    <g>
+      <g>
+        <path class="cls-2" d="M99.367,36.0577l-39-22.5167a12,12,0,0,0-12,0l-39,22.5166a12.0337,12.0337,0,0,0-6,10.3924V91.4833a12.0331,12.0331,0,0,0,6,10.3923l39,22.5167a12,12,0,0,0,12,0l39-22.5167a12.0333,12.0333,0,0,0,6-10.3923V46.45A12.0336,12.0336,0,0,0,99.367,36.0577Zm-2,55.4256a4,4,0,0,1-2,3.4641l-39,22.5167a4.0006,4.0006,0,0,1-4,0l-39-22.5167a4,4,0,0,1-2-3.4641V46.45a4,4,0,0,1,2-3.4642l39-22.5166a4,4,0,0,1,4,0l39,22.5166a4,4,0,0,1,2,3.4642Z"/>
+        <path class="cls-2" d="M77.3886,82.0046h-2.866a4.0007,4.0007,0,0,0-1.9247.4934L55.3172,91.9833,35.367,80.4648V57.4872l19.95-11.5185L72.606,55.4236a3.9993,3.9993,0,0,0,1.9192.4906h2.8632a2,2,0,0,0,2-2V51.2024a2,2,0,0,0-1.04-1.7547L59.16,38.9521a8.0389,8.0389,0,0,0-7.8427.09L31.3665,50.56a8.0245,8.0245,0,0,0-3.9995,6.9287v22.976a8,8,0,0,0,4,6.9283l19.95,11.5186a8.0427,8.0427,0,0,0,7.8432.0879l19.19-10.5312a2,2,0,0,0,1.0378-1.7533v-2.71A2,2,0,0,0,77.3886,82.0046Z"/>
+      </g>
+      <g>
+        <path class="cls-2" d="M172.1117,45.3618a15.0166,15.0166,0,0,0-15,14.9995V77.6387a15,15,0,0,0,30,0V60.3613A15.0167,15.0167,0,0,0,172.1117,45.3618Zm7,32.2769a7,7,0,0,1-14,0V60.3613a7,7,0,0,1,14,0Z"/>
+        <path class="cls-2" d="M135.4458,53.4211a7.01,7.01,0,0,1,7.8681,6.0752.9892.9892,0,0,0,.9842.865h6.03a1.0108,1.0108,0,0,0,.9987-1.0971,15.0182,15.0182,0,0,0-15.7161-13.8837A15.2881,15.2881,0,0,0,121.367,60.7968V77.2037A15.288,15.288,0,0,0,135.6112,92.62a15.0182,15.0182,0,0,0,15.7161-13.8842,1.0107,1.0107,0,0,0-.9987-1.0971h-6.03a.9892.9892,0,0,0-.9842.865,7.0106,7.0106,0,0,1-7.868,6.0757,7.1642,7.1642,0,0,1-6.0789-7.1849V60.6057A7.1638,7.1638,0,0,1,135.4458,53.4211Z"/>
+        <path class="cls-2" d="M218.2891,72.9277a12.1584,12.1584,0,0,0,7.1843-11.0771V58.1494A12.1494,12.1494,0,0,0,213.324,46H196.367a1,1,0,0,0-1,1V91a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V74h6.6215l7.9154,17.4138a1,1,0,0,0,.91.5862h6.5912a1,1,0,0,0,.91-1.4138Zm-.8157-11.0771A4.1538,4.1538,0,0,1,213.3245,66h-9.8511V54h9.8511a4.1538,4.1538,0,0,1,4.1489,4.1494Z"/>
+        <path class="cls-2" d="M260.367,46h-26a1,1,0,0,0-1,1V91a1,1,0,0,0,1,1h26a1,1,0,0,0,1-1V85a1,1,0,0,0-1-1h-19V72h13a1,1,0,0,0,1-1V65a1,1,0,0,0-1-1h-13V54h19a1,1,0,0,0,1-1V47A1,1,0,0,0,260.367,46Z"/>
+        <path class="cls-2" d="M298.367,46h-6a1,1,0,0,0-1,1V69.6475a7.0066,7.0066,0,1,1-14,0V47a1,1,0,0,0-1-1h-6a1,1,0,0,0-1,1V69.6475a15.0031,15.0031,0,1,0,30,0V47A1,1,0,0,0,298.367,46Z"/>
+        <rect class="cls-2" x="307.367" y="46" width="8" height="38" rx="1"/>
+      </g>
+    </g>
+  </g>
+</svg>

src/assets/icons/icons.js

@@ -43,7 +43,7 @@ import {
   cilCheck,
   cilChevronBottom,
   cilChevronTop,
-  // cilCircleCheck,
+  cilCheckCircle,
   cilCommentSquare,
   cilCursor,
   cilDrop,
@@ -63,6 +63,7 @@ import {
   cilLockLocked,
   cilMagnifyingGlass,
   cilMoon,
+  cilOptions,
   cilPencil,
   cilPeople,
   cilPuzzle,
@@ -93,7 +94,7 @@ export const iconsSet = Object.assign(
     cilCheck,
     cilChevronBottom,
     cilChevronTop,
-    // cilCircleCheck,
+    cilCheckCircle,
     cilCommentSquare,
     cilCursor,
     cilDrop,
@@ -113,6 +114,7 @@ export const iconsSet = Object.assign(
     cilLockLocked,
     cilMagnifyingGlass,
     cilMoon,
+    cilOptions,
     cilPencil,
     cilPeople,
     cilPuzzle,

src/containers/TheHeader.vue

@@ -12,8 +12,8 @@
     />
     <CHeaderBrand
       class="mx-auto d-lg-none" 
-      src="img/brand/coreui-base.svg"
+      src="img/brand/coreui-vue-logo.svg"
-      width="97"
+      width="190"
       height="46"
       alt="CoreUI Logo"
     />

src/views/base/Cards.vue

@@ -154,7 +154,7 @@
     </CRow>
     <CRow>
       <CCol sm="6" md="4">
-        <CCard color="primary" class="text-center" body-wrapper>
+        <CCard color="primary" class="text-center" body-wrapper text-color="white">
           <blockquote class="card-blockquote">
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
             <footer>Someone famous in
@@ -164,7 +164,12 @@
         </CCard>
       </CCol>
       <CCol sm="6" md="4">
-        <CCard color="success" class="text-center" body-wrapper>
+        <CCard 
+          color="success" 
+          class="text-center" 
+          body-wrapper
+          text-color="white"
+        >
           <blockquote class="card-blockquote">
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
             <footer>Someone famous in
@@ -174,7 +179,7 @@
         </CCard>
       </CCol>
       <CCol sm="6" md="4">
-        <CCard color="info" class="text-center" body-wrapper>
+        <CCard color="info" class="text-center" body-wrapper text-color="white">
           <blockquote class="card-blockquote">
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
             <footer>Someone famous in
@@ -184,7 +189,7 @@
         </CCard>
       </CCol>
       <CCol sm="6" md="4">
-        <CCard color="warning" class="text-center" body-wrapper>
+        <CCard color="warning" class="text-center" body-wrapper text-color="white">
           <blockquote class="card-blockquote">
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
             <footer>Someone famous in
@@ -194,7 +199,7 @@
         </CCard>
       </CCol>
       <CCol sm="6" md="4">
-        <CCard color="danger" class="text-center" body-wrapper>
+        <CCard color="danger" class="text-center" body-wrapper text-color="white">
           <blockquote class="card-blockquote">
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
             <footer>Someone famous in
@@ -216,27 +221,27 @@
     </CRow>
     <CRow>
       <CCol sm="6" md="4">
-        <CCard color="primary" body-wrapper>
+        <CCard color="primary" body-wrapper text-color="white">
           {{loremIpsum}}
         </CCard>
       </CCol>
       <CCol sm="6" md="4">
-        <CCard color="success" body-wrapper>
+        <CCard color="success" body-wrapper text-color="white">
           {{loremIpsum}}
         </CCard>
       </CCol>
       <CCol sm="6" md="4">
-        <CCard color="info" body-wrapper>
+        <CCard color="info" body-wrapper text-color="white">
           {{loremIpsum}}
         </CCard>
       </CCol>
       <CCol sm="6" md="4">
-        <CCard color="warning" body-wrapper>
+        <CCard color="warning" body-wrapper text-color="white">
           {{loremIpsum}}
         </CCard>
       </CCol>
       <CCol sm="6" md="4">
-        <CCard color="danger" body-wrapper>
+        <CCard color="danger" body-wrapper text-color="white">
           {{loremIpsum}}
         </CCard>
       </CCol>

src/views/base/Forms.vue

@@ -245,7 +245,7 @@
             </CForm>
           </CCardBody>
           <CCardFooter>
-            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-circle-check"/> Submit</CButton>
+            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-check-circle"/> Submit</CButton>
             <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
           </CCardFooter>
         </CCard>
@@ -276,7 +276,7 @@
             </CForm>
           </CCardBody>
           <CCardFooter>
-            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-circle-check"/> Submit</CButton>
+            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-check-circle"/> Submit</CButton>
             <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
           </CCardFooter>
         </CCard>
@@ -307,7 +307,7 @@
             </CForm>
           </CCardBody>
           <CCardFooter>
-            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-circle-check"/> Submit</CButton>
+            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-check-circle"/> Submit</CButton>
             <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
           </CCardFooter>
         </CCard>
@@ -337,7 +337,7 @@
               />
             </CCardBody>
             <CCardFooter>
-              <CButton type="submit" size="sm" color="primary"><CIcon name="cil-circle-check"/> Submit</CButton>
+              <CButton type="submit" size="sm" color="primary"><CIcon name="cil-check-circle"/> Submit</CButton>
               <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
             </CCardFooter>
           </CForm>
@@ -427,7 +427,7 @@
             />
           </CCardBody>
           <CCardFooter>
-            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-circle-check"/> Submit</CButton>
+            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-check-circle"/> Submit</CButton>
             <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
           </CCardFooter>
         </CCard>
@@ -506,7 +506,7 @@
             </CInput>
           </CCardBody>
           <CCardFooter>
-            <CButton type="submit" size="sm" color="success"><CIcon name="cil-circle-check"/> Submit</CButton>
+            <CButton type="submit" size="sm" color="success"><CIcon name="cil-check-circle"/> Submit</CButton>
             <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
           </CCardFooter>
         </CCard>
@@ -539,15 +539,15 @@
               autocomplete="email"
             >
               <template #prepend>
-                <CButton color="primary"><CIcon name="cil-facebook" height="14"/></CButton>
+                <CButton color="primary"><CIcon name="cib-facebook" height="14"/></CButton>
               </template>
               <template #append>
-                <CButton color="primary"><CIcon name="cil-twitter" height="14"/></CButton>
+                <CButton color="primary"><CIcon name="cib-twitter" height="14"/></CButton>
               </template>
             </CInput>
           </CCardBody>
           <CCardFooter>
-            <CButton type="submit" size="sm" color="success"><CIcon name="cil-circle-check"/> Submit</CButton>
+            <CButton type="submit" size="sm" color="success"><CIcon name="cil-check-circle"/> Submit</CButton>
             <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
           </CCardFooter>
         </CCard>
@@ -620,7 +620,7 @@
             </CInput>
           </CCardBody>
           <CCardFooter>
-            <CButton type="submit" size="sm" color="success"><CIcon name="cil-circle-check"/> Submit</CButton>
+            <CButton type="submit" size="sm" color="success"><CIcon name="cil-check-circle"/> Submit</CButton>
             <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
           </CCardFooter>
         </CCard>

src/views/buttons/ButtonGroups.vue

@@ -80,14 +80,14 @@
               <CDropdown right text="Menu" color="success">
                 <CDropdownItem>Item 1</CDropdownItem>
                 <CDropdownItem>Item 2</CDropdownItem>
-                <CDropdownDivider></CDropdownDivider>
+                <CDropdownDivider/>
                 <CDropdownItem>Item 3</CDropdownItem>
               </CDropdown>
               <CButton color="secondary" class="d-sm-down-none">Button 3</CButton>
               <CDropdown right split text="Split Menu" color="info">
                 <CDropdownItem>Item 1</CDropdownItem>
                 <CDropdownItem>Item 2</CDropdownItem>
-                <CDropdownDivider></CDropdownDivider>
+                <CDropdownDivider/>
                 <CDropdownItem>Item 3</CDropdownItem>
               </CDropdown>
             </CButtonGroup>

src/views/buttons/Dropdowns.vue

@@ -27,7 +27,7 @@
                 <CDropdownItem>First Action</CDropdownItem>
                 <CDropdownItem>Second Action</CDropdownItem>
                 <CDropdownItem>Third Action</CDropdownItem>
-                <CDropdownDivider></CDropdownDivider>
+                <CDropdownDivider/>
                 <CDropdownItem>Something else here...</CDropdownItem>
                 <CDropdownItem disabled>Disabled action</CDropdownItem>
               </CDropdown>
@@ -48,7 +48,7 @@
               >
                 <CDropdownItem>First item</CDropdownItem>
                 <CDropdownItem>Second item</CDropdownItem>
-                <CDropdownDivider></CDropdownDivider>
+                <CDropdownDivider/>
                 <CDropdownItem>Separated Item</CDropdownItem>
               </CDropdown>
             </div>
@@ -242,7 +242,7 @@
                   <CDropdownItem>Add</CDropdownItem>
                   <CDropdownItem>Delete</CDropdownItem>
                 </div>
-                <CDropdownDivider></CDropdownDivider>
+                <CDropdownDivider/>
                 <CDropdownItem>
                   Something <strong>not</strong> associated with user
                 </CDropdownItem>

tests/unit/containers/__snapshots__/TheContainer.spec.js.snap

@@ -19,6 +19,7 @@ exports[`TheContainer.vue renders correctly 1`] = `
       >
         <ccontainer-stub
           fluid="true"
+          tag="div"
         >
           <router-view-stub
             name="fade"

tests/unit/containers/__snapshots__/TheHeader.spec.js.snap

@@ -24,8 +24,8 @@ exports[`TheHeader.vue renders correctly 1`] = `
     alt="CoreUI Logo"
     class="mx-auto d-lg-none"
     height="46"
-    src="img/brand/coreui-base.svg"
+    src="img/brand/coreui-vue-logo.svg"
-    width="97"
+    width="190"
   />
    
   <cheadernav-stub

tests/unit/views/__snapshots__/Dashboard.spec.js.snap

@@ -8,6 +8,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
     <ccardbody-stub>
       <crow-stub
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           sm="5"
@@ -106,6 +107,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
       <crow-stub
         class="text-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-sm-2 mb-0"
@@ -238,6 +240,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="12"
@@ -253,6 +256,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
         <ccardbody-stub>
           <crow-stub
             gutters="true"
+            tag="div"
           >
             <ccol-stub
               lg="6"
@@ -261,6 +265,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
             >
               <crow-stub
                 gutters="true"
+                tag="div"
               >
                 <ccol-stub
                   sm="6"
@@ -613,6 +618,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
             >
               <crow-stub
                 gutters="true"
+                tag="div"
               >
                 <ccol-stub
                   sm="6"

tests/unit/views/base/__snapshots__/Breadcrumbs.spec.js.snap

@@ -17,7 +17,12 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
           class="c-icon"
           viewBox="0 0 64 64"
           xmlns="http://www.w3.org/2000/svg"
-        />
+        >
+          <title>
+            cilJustifyCenter
+          </title>
+          undefined
+        </svg>
         <strong>
            Bootstrap Breadcrumb
         </strong>

tests/unit/views/base/__snapshots__/Cards.spec.js.snap

@@ -78,7 +78,12 @@ exports[`Cards.vue renders correctly 1`] = `
             class="c-icon"
             viewBox="0 0 64 64"
             xmlns="http://www.w3.org/2000/svg"
-          />
+          >
+            <title>
+              cilCheck
+            </title>
+            undefined
+          </svg>
            Card with icon
         </header>
          
@@ -441,7 +446,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card text-center bg-primary"
+        class="card text-center bg-primary text-white"
       >
         <div
           class="card-body"
@@ -471,7 +476,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card text-center bg-success"
+        class="card text-center bg-success text-white"
       >
         <div
           class="card-body"
@@ -501,7 +506,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card text-center bg-info"
+        class="card text-center bg-info text-white"
       >
         <div
           class="card-body"
@@ -531,7 +536,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card text-center bg-warning"
+        class="card text-center bg-warning text-white"
       >
         <div
           class="card-body"
@@ -561,7 +566,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card text-center bg-danger"
+        class="card text-center bg-danger text-white"
       >
         <div
           class="card-body"
@@ -625,7 +630,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card bg-primary"
+        class="card bg-primary text-white"
       >
         <div
           class="card-body"
@@ -641,7 +646,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card bg-success"
+        class="card bg-success text-white"
       >
         <div
           class="card-body"
@@ -657,7 +662,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card bg-info"
+        class="card bg-info text-white"
       >
         <div
           class="card-body"
@@ -673,7 +678,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card bg-warning"
+        class="card bg-warning text-white"
       >
         <div
           class="card-body"
@@ -689,7 +694,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card bg-danger"
+        class="card bg-danger text-white"
       >
         <div
           class="card-body"
@@ -726,7 +731,12 @@ exports[`Cards.vue renders correctly 1`] = `
                 class="c-icon"
                 viewBox="0 0 64 64"
                 xmlns="http://www.w3.org/2000/svg"
-              />
+              >
+                <title>
+                  cilSettings
+                </title>
+                undefined
+              </svg>
             </a>
              
             <a
@@ -738,7 +748,12 @@ exports[`Cards.vue renders correctly 1`] = `
                 class="c-icon"
                 viewBox="0 0 64 64"
                 xmlns="http://www.w3.org/2000/svg"
-              />
+              >
+                <title>
+                  cilChevronBottom
+                </title>
+                undefined
+              </svg>
             </a>
              
             <a
@@ -750,7 +765,12 @@ exports[`Cards.vue renders correctly 1`] = `
                 class="c-icon"
                 viewBox="0 0 64 64"
                 xmlns="http://www.w3.org/2000/svg"
-              />
+              >
+                <title>
+                  cilXCircle
+                </title>
+                undefined
+              </svg>
             </a>
           </div>
         </header>

tests/unit/views/base/__snapshots__/Carousels.spec.js.snap

@@ -17,7 +17,12 @@ exports[`Carousels.vue renders correctly 1`] = `
           class="c-icon"
           viewBox="0 0 64 64"
           xmlns="http://www.w3.org/2000/svg"
-        />
+        >
+          <title>
+            cilJustifyCenter
+          </title>
+          undefined
+        </svg>
          
         <strong>
            Bootstrap Carousel
@@ -46,26 +51,33 @@ exports[`Carousels.vue renders correctly 1`] = `
       >
         <div
           class="carousel slide"
+          data-v-9c4fbe64=""
           style="height: 400px;"
         >
           <ol
             class="carousel-indicators"
+            data-v-9c4fbe64=""
           >
             <li
               class="active"
+              data-v-9c4fbe64=""
             />
             <li
               class=""
+              data-v-9c4fbe64=""
             />
             <li
               class=""
+              data-v-9c4fbe64=""
             />
           </ol>
           <div
             class="carousel-inner"
+            data-v-9c4fbe64=""
           >
             <div
               class="carousel-item active"
+              data-v-9c4fbe64=""
             >
               <img
                 class="d-block w-100 h-100 img-fluid"
@@ -85,6 +97,7 @@ exports[`Carousels.vue renders correctly 1`] = `
              
             <div
               class="carousel-item"
+              data-v-9c4fbe64=""
             >
               <svg
                 class="d-block w-100 h-100 img-fluid"
@@ -104,6 +117,7 @@ exports[`Carousels.vue renders correctly 1`] = `
              
             <div
               class="carousel-item"
+              data-v-9c4fbe64=""
             >
               <img
                 class="d-block w-100 h-100 img-fluid"
@@ -114,18 +128,22 @@ exports[`Carousels.vue renders correctly 1`] = `
           </div>
           <a
             class="carousel-control-prev"
+            data-v-9c4fbe64=""
           >
             <span
               aria-label="Previous"
               class="carousel-control-prev-icon"
+              data-v-9c4fbe64=""
             />
           </a>
           <a
             class="carousel-control-next"
+            data-v-9c4fbe64=""
           >
             <span
               aria-label="Next"
               class="carousel-control-next-icon"
+              data-v-9c4fbe64=""
             />
           </a>
         </div>

tests/unit/views/base/__snapshots__/Collapses.spec.js.snap

@@ -17,7 +17,12 @@ exports[`Collapses.vue renders correctly 1`] = `
           class="c-icon"
           viewBox="0 0 64 64"
           xmlns="http://www.w3.org/2000/svg"
-        />
+        >
+          <title>
+            cilJustifyCenter
+          </title>
+          undefined
+        </svg>
          
         <strong>
            Bootstrap Collapse 

tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap

@@ -4,6 +4,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
 <div>
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       tag="div"
@@ -156,6 +157,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       tag="div"

tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap

@@ -4,6 +4,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
 <div>
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"
@@ -184,6 +185,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"
@@ -349,6 +351,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"
@@ -530,6 +533,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"
@@ -811,6 +815,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       col="12"
@@ -834,6 +839,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
         <ccardbody-stub>
           <ccardgroup-stub
             deck="true"
+            tag="div"
           >
             <ccard-stub>
               <ccardheader-stub>
@@ -885,6 +891,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
                  
                 <ccardtext-stub
                   class="mt-2"
+                  tag="p"
                 >
                   
                   Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex
@@ -961,6 +968,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"

tests/unit/views/base/__snapshots__/Navbars.spec.js.snap

@@ -47,6 +47,7 @@ exports[`Navbars.vue renders correctly 1`] = `
           exactactiveclass="active"
           href="#"
           routertag="a"
+          tag="div"
           target="_self"
         >
           NavBar
@@ -224,6 +225,7 @@ exports[`Navbars.vue renders correctly 1`] = `
           exactactiveclass="active"
           href="#"
           routertag="a"
+          tag="div"
           target="_self"
         >
           <img
@@ -271,6 +273,7 @@ exports[`Navbars.vue renders correctly 1`] = `
           event="click"
           exactactiveclass="active"
           routertag="a"
+          tag="div"
           target="_self"
         >
           CoreuiVue

tests/unit/views/base/__snapshots__/Navs.spec.js.snap

@@ -512,6 +512,7 @@ exports[`Navs.vue renders correctly 1`] = `
     <ccardbody-stub>
       <crow-stub
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="m-0"

tests/unit/views/base/__snapshots__/Switches.spec.js.snap

@@ -4,6 +4,7 @@ exports[`Switches.vue renders correctly 1`] = `
 <div>
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"
@@ -135,6 +136,7 @@ exports[`Switches.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"

tests/unit/views/base/__snapshots__/Tables.spec.js.snap

@@ -4,6 +4,7 @@ exports[`Tables.vue renders correctly 1`] = `
 <div>
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       lg="6"
@@ -31,6 +32,7 @@ exports[`Tables.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       lg="6"
@@ -60,6 +62,7 @@ exports[`Tables.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       sm="12"
@@ -80,6 +83,7 @@ exports[`Tables.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       sm="12"

tests/unit/views/base/__snapshots__/Tabs.spec.js.snap

@@ -4,6 +4,7 @@ exports[`Tabs.vue renders correctly 1`] = `
 <div>
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       lg="6"

tests/unit/views/base/__snapshots__/Tooltips.spec.js.snap

@@ -40,6 +40,7 @@ exports[`Tooltips.vue renders correctly 1`] = `
     <ccardbody-stub>
       <crow-stub
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           col="6"
@@ -111,6 +112,7 @@ exports[`Tooltips.vue renders correctly 1`] = `
       >
         <crow-stub
           gutters="true"
+          tag="div"
         >
           <ccol-stub
             class="py-4 text-center"

tests/unit/views/buttons/__snapshots__/ButtonDropdowns.spec.js.snap

@@ -18,7 +18,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
             class="c-icon"
             viewBox="0 0 64 64"
             xmlns="http://www.w3.org/2000/svg"
-          />
+          >
+            <title>
+              cilJustifyCenter
+            </title>
+            undefined
+          </svg>
            
           <strong>
              Bootstrap Dropdown
@@ -226,7 +231,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
             class="c-icon"
             viewBox="0 0 64 64"
             xmlns="http://www.w3.org/2000/svg"
-          />
+          >
+            <title>
+              cilJustifyCenter
+            </title>
+            undefined
+          </svg>
            
           <strong>
              Dropdown 
@@ -490,7 +500,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
             class="c-icon"
             viewBox="0 0 64 64"
             xmlns="http://www.w3.org/2000/svg"
-          />
+          >
+            <title>
+              cilJustifyCenter
+            </title>
+            undefined
+          </svg>
            
           <strong>
              Dropdown 
@@ -573,7 +588,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
             class="c-icon"
             viewBox="0 0 64 64"
             xmlns="http://www.w3.org/2000/svg"
-          />
+          >
+            <title>
+              cilJustifyCenter
+            </title>
+            undefined
+          </svg>
            
           <strong>
              Dropdown 
@@ -791,7 +811,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
             class="c-icon"
             viewBox="0 0 64 64"
             xmlns="http://www.w3.org/2000/svg"
-          />
+          >
+            <title>
+              cilJustifyCenter
+            </title>
+            undefined
+          </svg>
            
           <strong>
              Dropdown 
@@ -916,7 +941,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
             class="c-icon"
             viewBox="0 0 64 64"
             xmlns="http://www.w3.org/2000/svg"
-          />
+          >
+            <title>
+              cilJustifyCenter
+            </title>
+            undefined
+          </svg>
            
           <strong>
              Dropdown 

tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap

@@ -3,6 +3,7 @@
 exports[`ButtonGroups.vue renders correctly 1`] = `
 <crow-stub
   gutters="true"
+  tag="div"
 >
   <ccol-stub
     col="12"

tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap

@@ -30,6 +30,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -244,6 +245,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -476,6 +478,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -719,6 +722,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -928,6 +932,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -1153,6 +1158,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -1391,6 +1397,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -1600,6 +1607,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -1825,6 +1833,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -2063,6 +2072,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -2286,6 +2296,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -2527,6 +2538,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -2780,6 +2792,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -3003,6 +3016,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -3244,6 +3258,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -3498,6 +3513,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -3613,6 +3629,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -3723,6 +3740,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -3848,6 +3866,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="text-center mt-3"
@@ -3980,6 +3999,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
     <ccardbody-stub>
       <crow-stub
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="text-center mt-3"
@@ -4106,6 +4126,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"

tests/unit/views/charts/__snapshots__/Charts.spec.js.snap

@@ -5,6 +5,7 @@ exports[`Charts.vue renders correctly 1`] = `
   <ccardgroup-stub
     class="card-columns cols-2"
     columns="true"
+    tag="div"
   >
     <ccard-stub>
       <ccardheader-stub>

tests/unit/views/icons/__snapshots__/Brands.spec.js.snap

@@ -12,7 +12,12 @@ exports[`Brands.vue renders correctly 1`] = `
         class="c-icon"
         viewBox="0 0 64 64"
         xmlns="http://www.w3.org/2000/svg"
-      />
+      >
+        <title>
+          cilBasket
+        </title>
+        undefined
+      </svg>
       Brand icons
     
     </header>

tests/unit/views/icons/__snapshots__/CoreUIIcons.spec.js.snap

@@ -44,6 +44,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
       <crow-stub
         class="text-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-5"

tests/unit/views/icons/__snapshots__/Flags.spec.js.snap

@@ -15,6 +15,7 @@ exports[`Flags.vue renders correctly 1`] = `
       <crow-stub
         class="text-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-5"

tests/unit/views/notifications/__snapshots__/Alerts.spec.js.snap

@@ -3,6 +3,7 @@
 exports[`Alerts.vue renders correctly 1`] = `
 <crow-stub
   gutters="true"
+  tag="div"
 >
   <ccol-stub
     col="12"

tests/unit/views/notifications/__snapshots__/Badges.spec.js.snap

@@ -17,7 +17,12 @@ exports[`Badges.vue renders correctly 1`] = `
           class="c-icon"
           viewBox="0 0 64 64"
           xmlns="http://www.w3.org/2000/svg"
-        />
+        >
+          <title>
+            cilJustifyCenter
+          </title>
+          undefined
+        </svg>
          
         <strong>
            Bootstrap Badge
@@ -123,7 +128,12 @@ exports[`Badges.vue renders correctly 1`] = `
           class="c-icon"
           viewBox="0 0 64 64"
           xmlns="http://www.w3.org/2000/svg"
-        />
+        >
+          <title>
+            cilJustifyCenter
+          </title>
+          undefined
+        </svg>
          Badge
         
         <small>
@@ -194,7 +204,12 @@ exports[`Badges.vue renders correctly 1`] = `
           class="c-icon"
           viewBox="0 0 64 64"
           xmlns="http://www.w3.org/2000/svg"
-        />
+        >
+          <title>
+            cilJustifyCenter
+          </title>
+          undefined
+        </svg>
          Badge
         
         <small>
@@ -265,7 +280,12 @@ exports[`Badges.vue renders correctly 1`] = `
           class="c-icon"
           viewBox="0 0 64 64"
           xmlns="http://www.w3.org/2000/svg"
-        />
+        >
+          <title>
+            cilJustifyCenter
+          </title>
+          undefined
+        </svg>
          Badge
         
         <small>

tests/unit/views/notifications/__snapshots__/Modals.spec.js.snap

@@ -7,6 +7,7 @@ exports[`Modals.vue renders correctly 1`] = `
   <div>
     <crow-stub
       gutters="true"
+      tag="div"
     >
       <ccol-stub
         col="12"

tests/unit/views/pages/__snapshots__/Login.spec.js.snap

@@ -3,16 +3,20 @@
 exports[`Login.vue renders correctly 1`] = `
 <ccontainer-stub
   class="d-flex align-items-center min-vh-100"
+  tag="div"
 >
   <crow-stub
     class="justify-content-center"
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="8"
       tag="div"
     >
-      <ccardgroup-stub>
+      <ccardgroup-stub
+        tag="div"
+      >
         <ccard-stub
           class="p-4"
         >
@@ -44,6 +48,7 @@ exports[`Login.vue renders correctly 1`] = `
                
               <crow-stub
                 gutters="true"
+                tag="div"
               >
                 <ccol-stub
                   col="6"

tests/unit/views/pages/__snapshots__/Page404.spec.js.snap

@@ -3,10 +3,12 @@
 exports[`Page404.vue renders correctly 1`] = `
 <ccontainer-stub
   class="d-flex align-items-center min-vh-100"
+  tag="div"
 >
   <crow-stub
     class="w-100 justify-content-center"
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"

tests/unit/views/pages/__snapshots__/Page500.spec.js.snap

@@ -3,10 +3,12 @@
 exports[`Page500.vue renders correctly 1`] = `
 <ccontainer-stub
   class="d-flex align-items-center min-vh-100"
+  tag="div"
 >
   <crow-stub
     class="w-100 justify-content-center"
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"

tests/unit/views/pages/__snapshots__/Register.spec.js.snap

@@ -3,10 +3,12 @@
 exports[`Register.vue renders correctly 1`] = `
 <ccontainer-stub
   class="min-vh-100 d-flex align-items-center"
+  tag="div"
 >
   <crow-stub
     class="w-100 justify-content-center"
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"
@@ -80,6 +82,7 @@ exports[`Register.vue renders correctly 1`] = `
         >
           <crow-stub
             gutters="true"
+            tag="div"
           >
             <ccol-stub
               col="6"

tests/unit/views/theme/__snapshots__/Colors.spec.js.snap

@@ -12,7 +12,12 @@ exports[`Colors.vue renders correctly 1`] = `
         class="c-icon"
         viewBox="0 0 64 64"
         xmlns="http://www.w3.org/2000/svg"
-      />
+      >
+        <title>
+          cilDrop
+        </title>
+        undefined
+      </svg>
        Theme colors
     
     </header>
@@ -412,7 +417,12 @@ exports[`Colors.vue renders correctly 1`] = `
         class="c-icon"
         viewBox="0 0 64 64"
         xmlns="http://www.w3.org/2000/svg"
-      />
+      >
+        <title>
+          cilDrop
+        </title>
+        undefined
+      </svg>
        Grays
     
     </header>

tests/unit/views/users/__snapshots__/User.spec.js.snap

@@ -3,6 +3,7 @@
 exports[`User.vue renders correctly 1`] = `
 <crow-stub
   gutters="true"
+  tag="div"
 >
   <ccol-stub
     col="12"

tests/unit/views/users/__snapshots__/Users.spec.js.snap

@@ -3,6 +3,7 @@
 exports[`Users.vue renders correctly 1`] = `
 <crow-stub
   gutters="true"
+  tag="div"
 >
   <ccol-stub
     col="12"

tests/unit/views/widgets/__snapshots__/Widgets.spec.js.snap

@@ -4,6 +4,7 @@ exports[`Widgets.vue renders correctly 1`] = `
 <div>
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       lg="3"
@@ -97,6 +98,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       lg="3"
@@ -161,6 +163,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       col="12"
@@ -241,6 +244,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       col="12"
@@ -317,6 +321,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       col="12"
@@ -384,6 +389,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <ccardgroup-stub
     class="mb-4"
+    tag="div"
   >
     <cwidgetprogressicon-stub
       color="info"
@@ -447,6 +453,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <ccardgroup-stub
     class="mb-4"
+    tag="div"
   >
     <cwidgetprogressicon-stub
       color="info"
@@ -516,6 +523,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="2"
@@ -628,6 +636,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="2"
@@ -748,6 +757,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       lg="2"