From 36ab08dfa277d709752608a670df844cd29bebc6 Mon Sep 17 00:00:00 2001
From: jaaaaavier <javipiagui13@gmail.com>
Date: Tue, 26 May 2026 08:35:36 +0200
Subject: [PATCH 1/2] feat: create new colors and update Suite launcher

---
 src/components/navigation/suiteLauncher/SuiteLauncher.tsx | 8 ++++----
 src/index.scss                                            | 5 +++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/navigation/suiteLauncher/SuiteLauncher.tsx b/src/components/navigation/suiteLauncher/SuiteLauncher.tsx
index fbf5888..69f02a8 100644
--- a/src/components/navigation/suiteLauncher/SuiteLauncher.tsx
+++ b/src/components/navigation/suiteLauncher/SuiteLauncher.tsx
@@ -47,7 +47,7 @@ export default function SuiteLauncher({
   );
 
   const panel = (
-    <div className="w-64 flex flex-wrap p-2" data-testid="suite-launcher-panel">
+    <div className="w-64 flex flex-wrap p-4" data-testid="suite-launcher-panel">
       {suiteArray.map((suiteApp, idx) => (
         <div
           key={idx}
@@ -74,7 +74,7 @@ export default function SuiteLauncher({
                 cloneElement(suiteApp.icon as JSX.Element, {
                   size: 26,
                   className:
-                    `${suiteApp.icon.props?.className ?? ''} ${suiteApp.isMain ? 'text-primary' : ''} ` +
+                    `${suiteApp.icon.props?.className ?? ''} ${suiteApp.isMain ? 'text-primary' : 'text-gray-55'} ` +
                     `${suiteApp.availableSoon || suiteApp.isLocked ? 'opacity-50 filter grayscale' : ''}`,
                   weight: suiteApp.isMain ? 'fill' : 'regular',
                 })
@@ -84,7 +84,7 @@ export default function SuiteLauncher({
 
               <div className="mt-1 flex items-center">
                 <span
-                  className={`text-xs ${suiteApp.isMain ? 'text-primary font-medium' : 'text-gray-60'}`}
+                  className={`text-xs font-medium whitespace-nowrap ${suiteApp.isMain ? 'text-primary' : 'text-gray-55'}`}
                   style={{ lineHeight: 1, opacity: suiteApp.availableSoon || suiteApp.isLocked ? 0.5 : 1 }}
                 >
                   {suiteApp.title}
@@ -93,7 +93,7 @@ export default function SuiteLauncher({
                 {suiteApp.availableSoon && (
                   <div className="flex rounded-sm px-1 ml-1 py-0.5 bg-purple-1 dark:bg-purple-10 items-center">
                     <span
-                      className="font-medium dark:font-normal text-purple-10 dark:text-purple-1"
+                      className="font-medium text-purple-10 dark:text-purple-1"
                       style={{ lineHeight: 1, fontSize: 'xx-small' }}
                     >
                       {soonText ?? 'Soon'}
diff --git a/src/index.scss b/src/index.scss
index cf77fbb..d244bc0 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -24,6 +24,7 @@
   --color-gray-30: rgb(var(--color-gray-30-rgb));
   --color-gray-40: rgb(var(--color-gray-40-rgb));
   --color-gray-50: rgb(var(--color-gray-50-rgb));
+  --color-gray-55: rgb(var(--color-gray-55-rgb));
   --color-gray-60: rgb(var(--color-gray-60-rgb));
   --color-gray-70: rgb(var(--color-gray-70-rgb));
   --color-gray-80: rgb(var(--color-gray-80-rgb));
@@ -62,6 +63,7 @@ button {
     --color-gray-30-rgb: 199 199 205;
     --color-gray-40-rgb: 174 174 179;
     --color-gray-50-rgb: 142 142 148;
+    --color-gray-55-rgb: 115 115 115;
     --color-gray-60-rgb: 99 99 103;
     --color-gray-70-rgb: 72 72 75;
     --color-gray-80-rgb: 58 58 59;
@@ -95,6 +97,7 @@ button {
     --color-gray-30-rgb: 99 99 103;
     --color-gray-40-rgb: 142 142 148;
     --color-gray-50-rgb: 174 174 179;
+    --color-gray-55-rgb: 115 115 115;
     --color-gray-60-rgb: 199 199 205;
     --color-gray-70-rgb: 209 209 215;
     --color-gray-80-rgb: 229 229 235;
@@ -130,6 +133,7 @@ button {
     --color-gray-30-rgb: 99 99 103;
     --color-gray-40-rgb: 142 142 148;
     --color-gray-50-rgb: 174 174 179;
+    --color-gray-55-rgb: 115 115 115;
     --color-gray-60-rgb: 199 199 205;
     --color-gray-70-rgb: 209 209 215;
     --color-gray-80-rgb: 229 229 235;
@@ -163,6 +167,7 @@ button {
     --color-gray-30-rgb: 199 199 205;
     --color-gray-40-rgb: 174 174 179;
     --color-gray-50-rgb: 142 142 148;
+    --color-gray-55-rgb: 115 115 115;
     --color-gray-60-rgb: 99 99 103;
     --color-gray-70-rgb: 72 72 75;
     --color-gray-80-rgb: 58 58 59;

From 5e836b8292ca5da392f4ad3fffba95b1fc5a4fd2 Mon Sep 17 00:00:00 2001
From: jaaaaavier <javipiagui13@gmail.com>
Date: Wed, 27 May 2026 08:49:14 +0200
Subject: [PATCH 2/2] Update package.json

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c18ae22..34cb701 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@internxt/ui",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "description": "Library of Internxt components",
   "repository": {
     "type": "git",