@ledgerhq/lumen-ui-react 0.1.40 → 0.1.42

package/dist/lib/Components/Banner/Banner.js

@@ -36,7 +36,7 @@ const k = {
   closeAriaLabel: f,
   ...p
 }) => {
-  const { t: d } = g(), x = k[s];
+  const { t: x } = g(), d = k[s];
   return /* @__PURE__ */ e(
     "div",
     {
@@ -44,13 +44,13 @@ const k = {
       className: c(F.root({ appearance: s }), t),
       ...p,
       children: [
-        /* @__PURE__ */ r("div", { className: "flex shrink-0 items-start py-4", children: x }),
+        /* @__PURE__ */ r("div", { className: "flex shrink-0 items-start py-4", children: d }),
         /* @__PURE__ */ e("div", { className: "mr-8 flex flex-1 flex-col gap-8 py-4", children: [
           /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: [
             a && /* @__PURE__ */ r("h3", { className: "line-clamp-2 body-1-semi-bold", children: a }),
             o && /* @__PURE__ */ r("div", { className: c("line-clamp-5 body-2", !a && "mt-2"), children: o })
           ] }),
-          (l || n) && /* @__PURE__ */ e("div", { className: "flex gap-4", children: [
+          (l || n) && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4", children: [
             l,
             n
           ] })
@@ -62,7 +62,7 @@ const k = {
             size: "xs",
             icon: h,
             onClick: () => i(),
-            "aria-label": f || d("components.banner.closeAriaLabel")
+            "aria-label": f || x("components.banner.closeAriaLabel")
           }
         )
       ]

package/dist/lib/Components/Banner/types.d.ts

@@ -8,11 +8,11 @@ export type BannerProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * The main title of the banner.
      */
-    title?: string;
+    title?: ReactNode;
     /**
      * Optional descriptive text.
      */
-    description?: string;
+    description?: ReactNode;
     /**
      * Optional primary action.
      *

package/dist/lib/Components/Banner/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Banner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACzD;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Banner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACzD;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

package/dist/lib/Components/MediaButton/MediaButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA4BhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,WAAW,GAAI,6IAYzB,gBAAgB,4CA4ClB,CAAC"}
+{"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAiFhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,WAAW,GAAI,6IAYzB,gBAAgB,4CA6ClB,CAAC"}

package/dist/lib/Components/MediaButton/MediaButton.js

@@ -1,10 +1,10 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useDisabledContext as h, cn as u } from "../../../libs/utils-shared/dist/index.js";
-import { Slot as S, Slottable as x } from "@radix-ui/react-slot";
-import { cva as C } from "class-variance-authority";
-import { baseButtonVariants as b } from "../Button/BaseButton.js";
-import { ChevronDown as z } from "../../Symbols/Icons/ChevronDown.js";
-const y = C("gap-8 body-2-semi-bold", {
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useDisabledContext as C, cn as u } from "../../../libs/utils-shared/dist/index.js";
+import { Slot as g, Slottable as v } from "@radix-ui/react-slot";
+import { cva as S } from "class-variance-authority";
+import { baseButtonVariants as z } from "../Button/BaseButton.js";
+import { ChevronDown as x } from "../../Symbols/Icons/ChevronDown.js";
+const y = S("gap-8 body-2-semi-bold", {
   variants: {
     size: {
       sm: "",
@@ -14,60 +14,114 @@ const y = C("gap-8 body-2-semi-bold", {
       flat: "",
       rounded: "",
       none: ""
+    },
+    hasChevron: {
+      true: "",
+      false: ""
     }
   },
   compoundVariants: [
-    { size: "md", leadingContentShape: "flat", class: "px-16 py-12" },
-    { size: "md", leadingContentShape: "rounded", class: "py-8 pr-16 pl-8" },
-    { size: "md", leadingContentShape: "none", class: "px-16 py-14" },
-    { size: "sm", leadingContentShape: "flat", class: "px-12 py-10" },
-    { size: "sm", leadingContentShape: "rounded", class: "py-8 pr-10 pl-8" },
-    { size: "sm", leadingContentShape: "none", class: "px-12 py-10" }
+    {
+      size: "md",
+      leadingContentShape: ["flat", "none"],
+      hasChevron: !0,
+      class: "py-14 pr-12 pl-16"
+    },
+    {
+      size: "sm",
+      leadingContentShape: ["flat", "none"],
+      hasChevron: !0,
+      class: "py-10 pr-8 pl-12"
+    },
+    {
+      size: "md",
+      leadingContentShape: "rounded",
+      hasChevron: !0,
+      class: "py-8 pr-12 pl-8"
+    },
+    {
+      size: "sm",
+      leadingContentShape: "rounded",
+      hasChevron: !0,
+      class: "p-8"
+    },
+    {
+      size: "md",
+      leadingContentShape: "flat",
+      hasChevron: !1,
+      class: "px-16 py-12"
+    },
+    {
+      size: "md",
+      leadingContentShape: "none",
+      hasChevron: !1,
+      class: "px-16 py-14"
+    },
+    {
+      size: "sm",
+      leadingContentShape: ["flat", "none"],
+      hasChevron: !1,
+      class: "px-12 py-10"
+    },
+    {
+      size: "md",
+      leadingContentShape: "rounded",
+      hasChevron: !1,
+      class: "py-8 pr-16 pl-8"
+    },
+    {
+      size: "sm",
+      leadingContentShape: "rounded",
+      hasChevron: !1,
+      class: "py-8 pr-10 pl-8"
+    }
   ],
   defaultVariants: {
     size: "md",
-    leadingContentShape: "none"
+    leadingContentShape: "none",
+    hasChevron: !0
   }
 }), k = ({
-  ref: i,
-  className: l,
+  ref: r,
+  className: i,
   appearance: p = "gray",
-  size: m = "md",
-  disabled: r = !1,
+  size: d = "md",
+  disabled: h = !1,
   asChild: n = !1,
   leadingContent: a,
-  leadingContentShape: d = "flat",
-  hideChevron: c = !1,
-  children: s,
-  ...f
+  leadingContentShape: m = "flat",
+  hideChevron: s = !1,
+  children: t,
+  ...c
 }) => {
-  const t = h({
+  const o = C({
     consumerName: "MediaButton",
-    mergeWith: { disabled: r }
-  }), g = a ? d : "none";
-  return /* @__PURE__ */ o(
-    n ? S : "button",
+    mergeWith: { disabled: h }
+  }), f = a ? m : "none";
+  return /* @__PURE__ */ l(
+    n ? g : "button",
     {
-      ref: i,
+      ref: r,
       className: u(
-        b({
+        z({
           appearance: p,
-          disabled: t,
+          disabled: o,
           loading: !1
         }),
         y({
-          size: m,
-          leadingContentShape: g
+          size: d,
+          leadingContentShape: f,
+          hasChevron: !s
         }),
-        l
+        i
       ),
-      disabled: t,
-      ...f,
+      disabled: o,
+      ...c,
       children: [
         a && /* @__PURE__ */ e("span", { className: "inline-flex shrink-0 items-center", children: a }),
-        /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
-          n ? /* @__PURE__ */ e(x, { children: s }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: s }),
-          !c && /* @__PURE__ */ e(z, { size: 20 })
+        /* @__PURE__ */ l("span", { className: "flex items-center gap-2", children: [
+          n ? /* @__PURE__ */ e(v, { children: t }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: t }),
+          !s && /* @__PURE__ */ e(x, { size: 20 })
         ] })
       ]
     }

package/dist/lib/Components/Trend/Trend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Trend.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Trend/Trend.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAyB1C,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAW,EACX,QAAQ,EAAE,YAAoB,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,2CAiCZ"}
+{"version":3,"file":"Trend.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Trend/Trend.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA+C1C,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAW,EACX,QAAQ,EAAE,YAAoB,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,2CAyBZ"}

package/dist/lib/Components/Trend/Trend.js

@@ -1,50 +1,67 @@
-import { jsxs as c, jsx as p } from "react/jsx-runtime";
-import { useDisabledContext as u, cn as f } from "../../../libs/utils-shared/dist/index.js";
-import { useCommonTranslation as b } from "../../../i18n/useCommonTranslation.js";
-import { Minus as x } from "../../Symbols/Icons/Minus.js";
+import { jsxs as c, jsx as u } from "react/jsx-runtime";
+import { useDisabledContext as f, cn as p } from "../../../libs/utils-shared/dist/index.js";
+import { cva as b } from "class-variance-authority";
+import { useCommonTranslation as v } from "../../../i18n/useCommonTranslation.js";
 import { TriangleDown as g } from "../../Symbols/Icons/TriangleDown.js";
-import { TriangleUp as v } from "../../Symbols/Icons/TriangleUp.js";
-function T(t) {
-  return t === 0 ? "neutral" : t > 0 ? "positive" : "negative";
+import { TriangleUp as x } from "../../Symbols/Icons/TriangleUp.js";
+function V(e) {
+  return e === 0 ? "neutral" : e > 0 ? "positive" : "negative";
 }
-const C = {
-  positive: "text-success",
-  negative: "text-error",
-  neutral: "text-muted"
-}, h = {
-  md: "body-2 gap-2",
-  sm: "body-3 gap-2"
-}, V = {
+const T = b("inline-flex items-center", {
+  variants: {
+    size: {
+      md: "body-2 gap-2",
+      sm: "body-3 gap-2"
+    },
+    variant: {
+      positive: "",
+      negative: "",
+      neutral: ""
+    },
+    disabled: {
+      true: "text-disabled",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    { variant: "positive", disabled: !1, class: "text-success" },
+    { variant: "negative", disabled: !1, class: "text-error" },
+    { variant: "neutral", disabled: !1, class: "text-muted" }
+  ],
+  defaultVariants: {
+    size: "md",
+    disabled: !1
+  }
+}), h = {
   md: 16,
   sm: 12
+}, z = {
+  positive: x,
+  negative: g,
+  neutral: null
 };
 function M({
-  value: t,
-  size: o = "md",
-  disabled: s = !1,
-  className: a,
-  ...i
+  value: e,
+  size: s = "md",
+  disabled: r = !1,
+  className: o,
+  ...l
 }) {
-  const e = T(t), r = u({
+  const t = V(e), n = f({
     consumerName: "Trend",
-    mergeWith: { disabled: s }
-  }), { t: m } = b(), d = { positive: v, negative: g, neutral: x }[e], n = `${Math.abs(t).toFixed(2)}%`, l = t < 0 ? `-${n}` : n;
+    mergeWith: { disabled: r }
+  }), { t: d } = v(), i = z[t], a = `${Math.abs(e).toFixed(2)}%`, m = e < 0 ? `-${a}` : a;
   return /* @__PURE__ */ c(
     "span",
     {
-      "aria-label": m(`components.trend.${e}AriaLabel`, {
-        value: n
+      "aria-label": d(`components.trend.${t}AriaLabel`, {
+        value: a
       }),
-      className: f(
-        "inline-flex items-center",
-        h[o],
-        r ? "text-disabled" : C[e],
-        a
-      ),
-      ...i,
+      className: p(T({ size: s, variant: t, disabled: n }), o),
+      ...l,
       children: [
-        /* @__PURE__ */ p(d, { size: V[o], disabled: r }),
-        l
+        i && /* @__PURE__ */ u(i, { size: h[s], disabled: n }),
+        m
       ]
     }
   );

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.39",
+  "version": "0.1.41",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -54,7 +54,7 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "@tanstack/react-table": "^8.21.3",
-    "@ledgerhq/lumen-design-core": "0.1.16",
+    "@ledgerhq/lumen-design-core": "0.1.17",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",

package/package.json

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