@fileverse/ui 5.0.1-sepia-7 → 5.0.1-sepia-9

package/dist/index.css

@@ -567,6 +567,10 @@ video {
     --color-icon-success: 127, 69%, 29%, 1; /* Green-700 */
     --color-icon-on-brand: 207, 8%, 23%, 1; /* Gray-900 */
 
+    /* Tooltip */
+    --color-bg-tooltip: 0, 0%, 0%, 1; /* Black */
+    --color-text-tooltip: 0, 0%, 100%, 1; /* White */
+
     /* Utility */
     --color-utility-overlay: 0, 0%, 0%, 0.72; /* Black 72% */
 
@@ -641,6 +645,11 @@ video {
     --color-icon-info: 254, 100%, 73%, 1;
     --color-icon-success: 126, 74%, 73%, 1;
     --color-icon-on-brand: 0, 0%, 18%, 1; /* Gray-950 */
+
+    /* Tooltip */
+    --color-bg-tooltip: 0, 0%, 100%, 1; /* White */
+    --color-text-tooltip: 0, 0%, 0%, 1; /* Black */
+
     /* Utility */
     --color-utility-overlay: 0, 0%, 0%, 0.72; /* Black 72% */
   }
@@ -710,6 +719,10 @@ video {
     --color-icon-success: 77, 23%, 35%, 1; /* #616C44 */
     --color-icon-on-brand: 28, 16%, 21%, 1; /* #3E352D */
 
+    /* Tooltip */
+    --color-bg-tooltip: 28, 16%, 21%, 1; /* #3E352D */
+    --color-text-tooltip: 41, 61%, 84%, 1; /* #EFDFBD */
+
     /* Utility */
     --color-utility-overlay: 0, 0%, 0%, 0.72; /* Black 72% */
   }
@@ -779,6 +792,10 @@ video {
     --color-icon-success: 140, 35%, 45%, 1; /* #4B9B65 */
     --color-icon-on-brand: 3, 88%, 26%, 1; /* #7C0E08 */
 
+    /* Tooltip */
+    --color-bg-tooltip: 3, 88%, 26%, 1; /* #7C0E08 */
+    --color-text-tooltip: 346, 100%, 95%, 1; /* #FFE6EC */
+
     /* Utility */
     --color-utility-overlay: 0, 0%, 0%, 0.72; /* Black 72% */
   }
@@ -2400,6 +2417,9 @@ video {
 .\!bg-transparent {
   background-color: transparent !important;
 }
+.bg-\[hsl\(var\(--color-bg-tooltip\)\)\] {
+  background-color: hsl(var(--color-bg-tooltip));
+}
 .bg-black\/5 {
   background-color: rgb(0 0 0 / 0.05);
 }
@@ -2862,6 +2882,9 @@ video {
 .ease-in-out {
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+.\[color\:hsl\(var\(--color-text-tooltip\)\)\] {
+  color: hsl(var(--color-text-tooltip));
+}
 
 #selected-value > div > div > p {
   display: none;

package/dist/index.es.js

@@ -36645,7 +36645,7 @@ const w9e = (e, t) => ps(e) ? new M9e(t) : new k9e(t, {
             {
               sideOffset: r,
               className: T(
-                "max-w-sm min-h-[2vh] overflow-hidden rounded color-bg-default-inverse p-2 text-helper-text-sm color-text-inverse",
+                "max-w-sm min-h-[2vh] overflow-hidden rounded bg-[hsl(var(--color-bg-tooltip))] p-2 text-helper-text-sm [color:hsl(var(--color-text-tooltip))]",
                 S9e({ position: a, className: t }),
                 l({ position: a, beakAlignment: o }),
                 t

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse/ui",
-  "version": "5.0.1-sepia-7",
+  "version": "5.0.1-sepia-9",
   "files": [
     "/dist"
   ],