@ledgerhq/lumen-ui-react 0.1.40 → 0.1.41

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/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.40",
   "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.41",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [