feat: CSidebarNavItem: add color prop

Author: woothu

src/components/index.d.ts

@@ -539,6 +539,7 @@ export declare class CSidebarNavItem extends CLink {
   badge?: object
   addLinkClasses?: string
   label?: boolean
+  color?: string
 }
 
 export declare class CSidebarNavTitle extends Vue {}

src/components/template/CSidebarNavItem.vue

@@ -43,7 +43,8 @@ const props = Object.assign(
     fontIcon: String,
     badge: Object,
     addLinkClasses: [String, Array, Object],
-    label: Boolean
+    label: Boolean,
+    color: String
   }
 )
 
@@ -65,6 +66,7 @@ export default {
     linkClasses () {
       return [
         this.label ? 'c-sidebar-nav-label' : 'c-sidebar-nav-link',
+        this.color && `c-sidebar-nav-link-${this.color}`,
         this.addLinkClasses
       ]
     },

src/components/template/tests/CSidebarNavItem.spec.js

@@ -10,7 +10,8 @@ const wrapper = mount(Component, {
     badge: {
       color: 'success',
       text: 'NEW'
-    }
+    },
+    color: 'success'
   },
   attrs: {
     id: 'link'

src/components/template/tests/__snapshots__/CSidebarNavItem.spec.js.snap

@@ -6,7 +6,7 @@ exports[`CSidebarNavItem.vue renders correctly 1`] = `
   id="link"
 >
   <a
-    class="c-sidebar-nav-link"
+    class="c-sidebar-nav-link c-sidebar-nav-link-success"
     href="#"
     target="_self"
   >