prudhvianumula
diff --git a/‎src/components/index.d.ts
Copy file name to clipboardExpand all lines: src/components/index.d.ts
+1Lines changed: 1 addition & 0 deletions b/‎src/components/index.d.ts
Copy file name to clipboardExpand all lines: src/components/index.d.ts
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎src/components/template/CSidebarNavItem.vue
Copy file name to clipboardExpand all lines: src/components/template/CSidebarNavItem.vue
+3-1Lines changed: 3 additions & 1 deletion b/‎src/components/template/CSidebarNavItem.vue
Copy file name to clipboardExpand all lines: src/components/template/CSidebarNavItem.vue
+3-1Lines changed: 3 additions & 1 deletion
diff --git a/‎src/components/template/tests/CSidebarNavItem.spec.js
Copy file name to clipboardExpand all lines: src/components/template/tests/CSidebarNavItem.spec.js
+2-1Lines changed: 2 additions & 1 deletion b/‎src/components/template/tests/CSidebarNavItem.spec.js
Copy file name to clipboardExpand all lines: src/components/template/tests/CSidebarNavItem.spec.js
+2-1Lines changed: 2 additions & 1 deletion
diff --git a/‎src/components/template/tests/__snapshots__/CSidebarNavItem.spec.js.snap
Copy file name to clipboardExpand all lines: src/components/template/tests/__snapshots__/CSidebarNavItem.spec.js.snap
+1-1Lines changed: 1 addition & 1 deletion b/‎src/components/template/tests/__snapshots__/CSidebarNavItem.spec.js.snap
Copy file name to clipboardExpand all lines: src/components/template/tests/__snapshots__/CSidebarNavItem.spec.js.snap
+1-1Lines changed: 1 addition & 1 deletion
@@ -539,6 +539,7 @@ export declare class CSidebarNavItem extends CLink {
   badge?: object
   addLinkClasses?: string
   label?: boolean
+  color?: string
 }
 
 export declare class CSidebarNavTitle extends 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
       ]
     },
 
@@ -10,7 +10,8 @@ const wrapper = mount(Component, {
     badge: {
       color: 'success',
       text: 'NEW'
-    }
+    },
+    color: 'success'
   },
   attrs: {
     id: 'link'
 
@@ -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"
   >
Original file line number	Diff line number	Diff line change
`@@ -539,6 +539,7 @@ export declare class CSidebarNavItem extends CLink {`
`539`	`539`	`badge?: object`
`540`	`540`	`addLinkClasses?: string`
`541`	`541`	`label?: boolean`
	`542`	`+ color?: string`
`542`	`543`	`}`
`543`	`544`
`544`	`545`	`export declare class CSidebarNavTitle extends Vue {}`
Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,8 @@ const props = Object.assign(`
`43`	`43`	`fontIcon: String,`
`44`	`44`	`badge: Object,`
`45`	`45`	`addLinkClasses: [String, Array, Object],`
`46`		`- label: Boolean`
	`46`	`+ label: Boolean,`
	`47`	`+ color: String`
`47`	`48`	`}`
`48`	`49`	`)`
`49`	`50`
`@@ -65,6 +66,7 @@ export default {`
`65`	`66`	`linkClasses () {`
`66`	`67`	`return [`
`67`	`68`	`this.label ? 'c-sidebar-nav-label' : 'c-sidebar-nav-link',`
	`69`	+ this.color && `c-sidebar-nav-link-${this.color}`,
`68`	`70`	`this.addLinkClasses`
`69`	`71`	`]`
`70`	`72`	`},`
Original file line number	Diff line number	Diff line change
@@ -6,7 +6,7 @@ exports[`CSidebarNavItem.vue renders correctly 1`] = `
`6`	`6`	`id="link"`
`7`	`7`	`>`
`8`	`8`	`<a`
`9`		`- class="c-sidebar-nav-link"`
	`9`	`+ class="c-sidebar-nav-link c-sidebar-nav-link-success"`
`10`	`10`	`href="#"`
`11`	`11`	`target="_self"`
`12`	`12`	`>`