@ledgerhq/lumen-ui-react 0.0.62 → 0.0.64

package/dist/lib/Components/Tile/Tile.js

@@ -8,7 +8,7 @@ const [V, u] = C("Tile"), v = {
   root: b(
     [
       "group relative flex flex-col items-center gap-8 text-base transition-colors",
-      "focus-visible:outline-focus rounded-md focus-visible:outline-2"
+      "rounded-md focus-visible:outline-2 focus-visible:outline-focus"
     ],
     {
       variants: {
@@ -59,48 +59,48 @@ const [V, u] = C("Tile"), v = {
     }
   ),
   button: b(
-    "focus-visible:outline-focus flex w-full flex-col  items-center gap-8 rounded-md px-8 py-12 focus-visible:outline-2"
+    "flex w-full cursor-pointer flex-col items-center gap-8 rounded-md px-8 py-12 focus-visible:outline-2 focus-visible:outline-focus"
   )
 }, j = ({
   className: e,
   onClick: i,
-  appearance: s = "no-background",
+  appearance: r = "no-background",
   disabled: t = !1,
   "aria-label": p,
   children: m,
-  onMouseDown: c,
-  onMouseUp: o,
-  onMouseLeave: r,
+  onMouseDown: o,
+  onMouseUp: c,
+  onMouseLeave: s,
   ...x
 }) => {
-  const [g, f] = I(!1), { slotElement: y, remainingChildren: N } = q(
+  const [y, f] = I(!1), { slotElement: N, remainingChildren: g } = q(
     m,
     T
   ), h = n(
     (a) => {
       a.target.closest(
         "[data-secondary-button-container]"
-      ) || (c == null || c(a), f(!0));
+      ) || (o == null || o(a), f(!0));
     },
-    [c]
+    [o]
   ), A = n(
     (a) => {
-      f(!1), o == null || o(a);
+      f(!1), c == null || c(a);
     },
-    [o]
+    [c]
   ), S = n(
     (a) => {
-      f(!1), r == null || r(a);
+      f(!1), s == null || s(a);
     },
-    [r]
+    [s]
   );
   return /* @__PURE__ */ l(V, { value: { disabled: t }, children: /* @__PURE__ */ k(
     "div",
     {
       ...x,
       className: v.root({
-        appearance: s,
-        isActive: g,
+        appearance: r,
+        isActive: y,
         disabled: t,
         className: e
       }),
@@ -122,10 +122,10 @@ const [V, u] = C("Tile"), v = {
             disabled: t,
             "data-disabled": t || void 0,
             className: v.button(),
-            children: N
+            children: g
           }
         ),
-        y
+        N
       ]
     }
   ) });
@@ -142,15 +142,12 @@ w.displayName = "TileSpot";
 const P = ({
   children: e,
   className: i,
-  ...s
+  ...r
 }) => /* @__PURE__ */ l(
   "div",
   {
-    className: d(
-      "flex w-full flex-col items-center gap-4 text-center",
-      i
-    ),
-    ...s,
+    className: d("flex w-full flex-col items-center text-center", i),
+    ...r,
     children: e
   }
 );
@@ -158,7 +155,7 @@ P.displayName = "TileContent";
 const D = ({
   children: e,
   className: i,
-  ...s
+  ...r
 }) => {
   const { disabled: t } = u({
     consumerName: "TileTitle",
@@ -168,11 +165,11 @@ const D = ({
     "div",
     {
       className: d(
-        "body-2-semi-bold w-full truncate",
+        "w-full truncate body-2-semi-bold",
         t && "text-disabled",
         i
       ),
-      ...s,
+      ...r,
       children: e
     }
   );
@@ -181,7 +178,7 @@ D.displayName = "TileTitle";
 const E = ({
   children: e,
   className: i,
-  ...s
+  ...r
 }) => {
   const { disabled: t } = u({
     consumerName: "TileDescription",
@@ -191,11 +188,11 @@ const E = ({
     "div",
     {
       className: d(
-        "body-3 w-full truncate",
+        "w-full truncate body-3",
         t ? "text-disabled" : "text-muted",
         i
       ),
-      ...s,
+      ...r,
       children: e
     }
   );
@@ -204,35 +201,35 @@ E.displayName = "TileDescription";
 const T = ({
   onClick: e,
   icon: i,
-  className: s,
+  className: r,
   "aria-label": t,
   ...p
 }) => {
   const { disabled: m } = u({
     consumerName: "TileSecondaryAction",
     contextRequired: !0
-  }), c = n(
-    (r) => {
-      r.stopPropagation(), r.preventDefault(), e == null || e(r);
+  }), o = n(
+    (s) => {
+      s.stopPropagation(), s.preventDefault(), e == null || e(s);
     },
     [e]
   );
   if (m) return null;
-  const o = i;
+  const c = i;
   return /* @__PURE__ */ l(
     z,
     {
       "data-slot": "tile-secondary-action",
       className: d(
-        "absolute right-12 top-16 opacity-0 transition-opacity duration-200 focus-within:opacity-100 group-hover:opacity-100",
-        s
+        "absolute top-8 right-4 opacity-0 transition-opacity duration-200 group-hover:opacity-100 focus-within:opacity-100",
+        r
       ),
       "data-secondary-button-container": !0,
       iconType: "stroked",
-      onClick: c,
+      onClick: o,
       "aria-label": t,
       ...p,
-      children: /* @__PURE__ */ l(o, { size: 24 })
+      children: /* @__PURE__ */ l(c, { size: 24 })
     }
   );
 };

package/dist/lib/Components/Tooltip/Tooltip.d.ts

@@ -93,7 +93,7 @@ export declare const TooltipTrigger: ({ ...props }: TooltipTriggerProps) => impo
  * // With custom styling for layout
  * <TooltipContent sideOffset={12} className="max-w-xs">
  *   <div className="space-y-2">
- *     <h4 className="heading-1">Tip Title</h4>
+ *     <h4 className="heading-2">Tip Title</h4>
  *     <p>Detailed explanation of the feature.</p>
  *   </div>
  * </TooltipContent>

package/dist/lib/Components/Tooltip/Tooltip.js

@@ -3,7 +3,7 @@ import { cn as s } from "../../../libs/utils-shared/dist/index.js";
 import * as e from "@radix-ui/react-tooltip";
 import { cva as d } from "class-variance-authority";
 const m = d(
-  "z-tooltip w-fit select-none text-balance rounded-xs bg-interactive px-8 py-4 text-on-interactive body-3",
+  "z-tooltip w-fit rounded-xs bg-interactive px-8 py-4 body-3 text-balance text-on-interactive select-none",
   {
     variants: {
       side: {
@@ -46,7 +46,7 @@ const m = d(
     className: s(m({ side: a }), t),
     ...n,
     children: [
-      /* @__PURE__ */ o(e.Arrow, { className: "size-10 translate-y-[calc(-50%_-_1px)] rotate-45 rounded-[1px] bg-interactive fill-interactive" }),
+      /* @__PURE__ */ o(e.Arrow, { className: "size-10 translate-y-[calc(-50%-1px)] rotate-45 rounded-[1px] bg-interactive fill-interactive" }),
       /* @__PURE__ */ o("div", { className: "relative", children: r })
     ]
   }

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.0.61",
+  "version": "0.0.63",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.0.62",
+  "version": "0.0.64",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [