From 8d290941c136061018a2c87741f1979a48da879a Mon Sep 17 00:00:00 2001
From: Lidia Zuin <102308961+lidiazuin@users.noreply.github.com>
Date: Fri, 15 Nov 2024 11:11:25 +0100
Subject: [PATCH] Creation of a Labs label for a different page-role (#277)

The page-role "Labs" is already used for the Labs template, so in order
to use a Labs label in H2 in an upcoming page in docs, I thought this
could be the way to fix it.

---------

Co-authored-by: Neil Dewhurst <ndewhurst@gmail.com>
---
 preview-src/labels.adoc    | 4 ++++
 src/css/labels.css         | 5 +++++
 src/js/data/rolesData.json | 6 ++++++
 3 files changed, 15 insertions(+)

diff --git a/preview-src/labels.adoc b/preview-src/labels.adoc
index 8b95a69c..db96d467 100644
--- a/preview-src/labels.adoc
+++ b/preview-src/labels.adoc
@@ -182,6 +182,10 @@
   <span class="label label--cluster-member-single">SINGLE</span>
 </div>
 
+<div class="box">
+  <span class="label label--labs-label">Labs</span>
+</div>
+
 ++++
 
 == Tables with labels!
diff --git a/src/css/labels.css b/src/css/labels.css
index c8c5dd69..c23c6707 100644
--- a/src/css/labels.css
+++ b/src/css/labels.css
@@ -234,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);
 }
diff --git a/src/js/data/rolesData.json b/src/js/data/rolesData.json
index 612ee139..3507ad1a 100644
--- a/src/js/data/rolesData.json
+++ b/src/js/data/rolesData.json
@@ -10,6 +10,12 @@
         "product": "Labs",
         "displayText": "Labs"
     },
+    "labs-label":{
+        "description": "Neo4j Labs project label",
+        "labelCategory": "content",
+        "product": "Labs",
+        "displayText": "Labs"
+    },
     "graph-academy":{
         "description": "Neo4j Graph Academy",
         "labelCategory": "content",