@fileverse/ui 5.1.6 → 5.1.8

package/dist/index.css

@@ -622,7 +622,7 @@ video {
     --color-bg-brand-light: 57, 92%, 76%, 1; /* Yellow-100 */
     --color-bg-danger: 354, 84%, 42%, 1; /* Red-200 */
     --color-bg-danger-light: 356, 100%, 97%, 1; /* Red-50 */
-    --color-bg-default-inverse: 0, 0%, 100%, 1; /* White */
+    --color-bg-default-inverse: 0, 0%, 0%, 1; /* White */
     --color-bg-tertiary: 0, 0%, 25%, 1; /* Gray-800 */
     --color-bg-success: 128, 59%, 20%, 1;
     --color-bg-success-light: 128, 59%, 20%, 1; /* Green-900 */
@@ -772,7 +772,7 @@ video {
     --color-bg-default-hover: 3, 88%, 26%, 0.08; /* #7C0E08 8% */
     --color-bg-default-active: 45, 100%, 65%, 1; /* #FFD24D */
     --color-bg-default-selected: 3, 88%, 26%, 0.06; /* #7C0E08 6% */
-    --color-bg-secondary: 345, 100%, 92%, 1; /* #FFD6E0 */
+    --color-bg-secondary: 346, 100%, 92%, 1; /* #FFD6E0 */
     --color-bg-secondary-hover: 3, 88%, 26%, 0.12; /* #7C0E08 12% */
     --color-bg-disabled: 24, 16%, 21%, 0.04; /* #3E352D 4% */
     --color-bg-brand: 45, 100%, 65%, 1; /* #FFD24D */
@@ -780,7 +780,7 @@ video {
     --color-bg-brand-light: 45, 100%, 90%, 1; /* #FFF2CC */
     --color-bg-danger: 2, 79%, 56%, 1; /* #E73D36 */
     --color-bg-danger-light: 2, 79%, 56%, 0.14; /* #E73D36 14% */
-    --color-bg-default-inverse: 28, 16%, 21%, 1; /* #3E352D */
+    --color-bg-default-inverse: 3, 88%, 26%, 1;
     --color-bg-tertiary: 3, 88%, 26%, 0.12; /* #7C0E08 12% */
     --color-bg-success: 139, 35%, 42%, 1; /* #46905E */
     --color-bg-success-light: 140, 34%, 88%, 1; /* #D6EBDD */
@@ -837,7 +837,7 @@ video {
     --color-button-floating-hover: 63, 15%, 74%, 0.06; /* #C6C7B3 6% */
 
     /* Text */
-    --color-text-default: 62, 27%, 83%, 1; /* #DFE0C9 */
+    --color-text-default: 63, 27%, 83%, 1; /* #DFE0C9 */
     --color-text-secondary: 84, 5%, 56%, 1; /* #909688 */
     --color-text-disabled: 104, 7%, 42%, 1; /* #687364 */
     --color-text-danger: 2, 99%, 68%, 1; /* #FE625D */
@@ -1137,6 +1137,10 @@ video {
     background-color: hsl(var(--color-bg-success-light));
   }
 
+  .color-bg-info-light {
+    background-color: hsl(var(--color-bg-info-light));
+  }
+
   .color-bg-success {
     background-color: hsl(var(--color-bg-success));
   }
@@ -1231,6 +1235,18 @@ video {
     border-color: hsl(var(--color-border-focused));
   }
 
+  .color-border-warning {
+    border-color: hsl(var(--color-border-warning));
+  }
+
+  .color-border-success {
+    border-color: hsl(var(--color-border-success));
+  }
+
+  .color-border-info {
+    border-color: hsl(var(--color-border-info));
+  }
+
   .color-border-danger {
     border-color: hsl(var(--color-border-danger));
   }

package/dist/index.es.d.ts

@@ -1026,6 +1026,7 @@ export declare const Tooltip: React_2.ForwardRefExoticComponent<TooltipProps & R
 export declare interface TooltipProps extends React_2.HTMLAttributes<HTMLElement>, VariantProps<typeof tooltipVariants> {
     text: string | React_2.ReactNode;
     sideOffset?: number;
+    asTriggerChild?: boolean;
     open?: boolean;
 }
 

package/dist/index.es.js

@@ -36606,30 +36606,32 @@ const w9e = (e, t) => ps(e) ? new M9e(t) : new k9e(t, {
     beakAlignment: o,
     sideOffset: r = 5,
     open: i,
-    ...c
-  }, d) => {
-    const l = ({
-      position: u,
-      beakAlignment: h
+    asTriggerChild: c,
+    ...d
+  }, l) => {
+    const u = ({
+      position: h,
+      beakAlignment: p
     }) => {
-      const p = u === "bottom" || u === "top", m = u === "right" || u === "left";
-      return p && h === "start" ? "[&>span]:!left-[10%]" : m && h === "start" ? "[&>span]:!top-[20%]" : p && h === "end" ? "[&>span]:!left-[80%]" : m && h === "end" ? "[&>span]:!top-[60%]" : m && h === "center" ? "my-0 -mx-1" : "-my-1";
+      const m = h === "bottom" || h === "top", k = h === "right" || h === "left";
+      return m && p === "start" ? "[&>span]:!left-[10%]" : k && p === "start" ? "[&>span]:!top-[20%]" : m && p === "end" ? "[&>span]:!left-[80%]" : k && p === "end" ? "[&>span]:!top-[60%]" : k && p === "center" ? "my-0 -mx-1" : "-my-1";
     };
     return /* @__PURE__ */ f.jsx(C9e, { children: /* @__PURE__ */ f.jsxs(b9e, { open: i, children: [
       /* @__PURE__ */ f.jsx(
         L9e,
         {
           "data-testid": "tooltip-trigger",
-          onClick: (u) => {
-            u.currentTarget.blur();
+          onClick: (h) => {
+            h.currentTarget.blur();
           },
+          asChild: c,
           children: e
         }
       ),
       /* @__PURE__ */ f.jsx(N9e, { children: /* @__PURE__ */ f.jsx(
         Pn.div,
         {
-          ref: d,
+          ref: l,
           initial: ui[a || "top"].initial,
           animate: ui[a || "top"].animate,
           exit: ui[a || "top"].exit,
@@ -36647,10 +36649,10 @@ const w9e = (e, t) => ps(e) ? new M9e(t) : new k9e(t, {
               className: T(
                 "max-w-sm min-h-[2vh] overflow-hidden rounded color-bg-tooltip p-2 text-helper-text-sm color-text-tooltip",
                 S9e({ position: a, className: t }),
-                l({ position: a, beakAlignment: o }),
+                u({ position: a, beakAlignment: o }),
                 t
               ),
-              ...c,
+              ...d,
               side: a || "top",
               align: o || "center",
               children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse/ui",
-  "version": "5.1.6",
+  "version": "5.1.8",
   "files": [
     "/dist"
   ],