labs label page role

Author: lidiazuin

preview-src/labels.adoc

@@ -183,7 +183,7 @@
 </div>
 
 <div class="box">
-  <span class="label label--labs">Labs</span>
+  <span class="label label--labs-label">Labs</span>
 </div>
 
 ++++

src/css/labels.css

@@ -120,11 +120,6 @@ span.label--function {
   color: rgba(var(--colors-lavender-50));
 }
 
-span.label--labs {
-  background: rgba(var(--color-labs));
-  color: rgba(var(--colors-neutral-10));
-}
-
 span.label--current {
   background: rgba(var(--colors-baltic-50));
   color: rgba(var(--colors-baltic-10));
@@ -239,6 +234,11 @@ span.label--labs {
   background: var(--color-labs);
 }
 
+span.label--labs-label {
+  background: var(--color-labs);
+  color: rgba(var(--colors-neutral-10));
+}
+
 span.label--graph-academy {
   background: var(--success-color);
 }

src/js/data/rolesData.json

@@ -10,6 +10,12 @@
         "product": "Labs",
         "displayText": "Labs"
     },
+    "labs-label":{
+        "description": "Neo4j Labs project label",
+        "labelCategory": "product",
+        "product": "Labs",
+        "displayText": "Labs"
+    },
     "graph-academy":{
         "description": "Neo4j Graph Academy",
         "labelCategory": "content",