@ledgerhq/lumen-ui-react 0.0.78 → 0.0.79

package/ai-rules/RULES.md

@@ -357,83 +357,3 @@ Use ONLY the unique part after the last hyphen of the CSS variable name.
 - Transform: replace `/` with `-`
 - Result: `body-3` (transform `body/3` → `body-3`)
 - Example: `/* heading/2-semi-bold */` → `heading-3-semi-bold`
-
----
-
-## React Native Components
-
-Lumen also provides a comprehensive set of React Native components via `@ledgerhq/lumen-ui-rnative`.
-
-### Available React Native Components
-
-Below is a complete list of all available Lumen React Native components. Click any component name to view its documentation and interactive examples in Storybook.
-
-**Components:**
-
-- [Button](https://ldls.vercel.app/?path=/docs/action-button--docs) - Primary action button component
-- [CardButton](https://ldls.vercel.app/?path=/docs/action-cardbutton--docs) - Card-style interactive button
-- [IconButton](https://ldls.vercel.app/?path=/docs/action-iconbutton--docs) - Button with icon only
-- [InteractiveIcon](https://ldls.vercel.app/?path=/docs/action-interactiveicon--docs) - Interactive icon with states
-- [Link](https://ldls.vercel.app/?path=/docs/action-link--docs) - Hyperlink component
-- [TileButton](https://ldls.vercel.app/?path=/docs/action-tilebutton--docs) - Interactive tile button
-- [AmountDisplay](https://ldls.vercel.app/?path=/docs/communication-amountdisplay--docs) - Display formatted amounts with currency
-- [Banner](https://ldls.vercel.app/?path=/docs/communication-banner--docs) - Alert and notification banners
-- [Spinner](https://ldls.vercel.app/?path=/docs/communication-spinner--docs) - Loading spinner indicator
-- [Spot](https://ldls.vercel.app/?path=/docs/communication-spot--docs) - Icon container with background
-- [Subheader](https://ldls.vercel.app/?path=/docs/communication-subheader--docs) - Section subheader component
-- [Tag](https://ldls.vercel.app/?path=/docs/communication-tag--docs) - Label and tag component
-- [Tooltip](https://ldls.vercel.app/?path=/docs/communication-tooltip--docs) - Tooltip overlay component
-- [BottomSheet](https://ldls.vercel.app/?path=/docs/containment-bottomsheet--docs) - Bottom sheet modal component
-- [ListItem](https://ldls.vercel.app/?path=/docs/containment-listitem--docs) - List item with flexible composition
-- [Tile](https://ldls.vercel.app/?path=/docs/containment-tile--docs) - Content container tile
-- [AddressInput](https://ldls.vercel.app/?path=/docs/input-addressinput--docs) - Input field for cryptocurrency addresses
-- [AmountInput](https://ldls.vercel.app/?path=/docs/input-amountinput--docs) - Input field for amount values
-- [SearchInput](https://ldls.vercel.app/?path=/docs/input-searchinput--docs) - Search input field
-- [TextInput](https://ldls.vercel.app/?path=/docs/input-textinput--docs) - Text input field
-- [Divider](https://ldls.vercel.app/?path=/docs/layout-divider--docs) - Visual separator line
-- [TabBar](https://ldls.vercel.app/?path=/docs/navigation-tabbar--docs) - Bottom tab navigation bar
-- [Checkbox](https://ldls.vercel.app/?path=/docs/selection-checkbox--docs) - Checkbox input for selections
-- [Select](https://ldls.vercel.app/?path=/docs/selection-select--docs) - Dropdown select component
-- [Switch](https://ldls.vercel.app/?path=/docs/selection-switch--docs) - Toggle switch component
-
-**Symbols:**
-
-- [Icon](https://ldls.vercel.app/?path=/docs/symbols-interface-icons--docs) - Interface icon components
-
-**Utility Components:**
-
-- [Box](https://ldls.vercel.app/?path=/docs/utility-box--docs) - Layout container with style props
-- [LinearGradient](https://ldls.vercel.app/?path=/docs/utility-lineargradient--docs) - Linear gradient component
-- [Pressable](https://ldls.vercel.app/?path=/docs/utility-pressable--docs) - Pressable wrapper with visual feedback
-- [RadialGradient](https://ldls.vercel.app/?path=/docs/utility-radialgradient--docs) - Radial gradient component
-- [Text](https://ldls.vercel.app/?path=/docs/utility-text--docs) - Text component with style props
-
-### React Native Style System
-
-Lumen React Native uses a custom style system called `lx` that provides type-safe access to design tokens. Explore the style system documentation:
-
-- [Colors](https://ldls.vercel.app/?path=/docs/style-system-theme-colors--docs) - Semantic color tokens for background, text, and borders
-- [Spacings](https://ldls.vercel.app/?path=/docs/style-system-theme-spacings--docs) - Spacing scale for padding, margin, and gaps
-- [Sizes](https://ldls.vercel.app/?path=/docs/style-system-theme-sizes--docs) - Size tokens for width and height
-- [Shadows](https://ldls.vercel.app/?path=/docs/style-system-theme-shadows--docs) - Elevation shadow styles
-- [Border Width](https://ldls.vercel.app/?path=/docs/style-system-theme-border-width--docs) - Border width tokens
-- [Border Radius](https://ldls.vercel.app/?path=/docs/style-system-theme-border-radius--docs) - Border radius tokens
-
-#### Style System Usage
-
-```tsx
-import { Box, Text } from '@ledgerhq/lumen-ui-rnative';
-
-// Using lx prop for type-safe styling
-<Box
-  lx={{
-    backgroundColor: 'base',
-    padding: 16,
-    borderRadius: 'md',
-    borderWidth: 1,
-    borderColor: 'muted',
-  }}
->
-  <Text lx={{ color: 'base', fontSize: 'body-2' }}>Styled with design tokens</Text>
-</Box>;
-```

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

@@ -1 +1 @@
-{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EAEzB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,qDAKxB,mBAAmB,4CAYrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,+CAKtB,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,2CAKxB,mBAAmB,4CAOrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;;2CAiBxB,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,4BAG3B,sBAAsB,4CASxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,sCAI9B,yBAAyB,4CAM3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,+CAKzB,oBAAoB,4CActB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,sCAInB,cAAc,4CAMhB,CAAC"}
+{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EAEzB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,qDAKxB,mBAAmB,4CAYrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,+CAKtB,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,2CAKxB,mBAAmB,4CAUrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;;2CAiBxB,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,4BAG3B,sBAAsB,4CAMxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,sCAI9B,yBAAyB,4CAM3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,+CAKzB,oBAAoB,4CActB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,sCAInB,cAAc,4CAMhB,CAAC"}

package/dist/lib/Components/Subheader/Subheader.js

@@ -1,104 +1,104 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cn as s } from "../../../libs/utils-shared/dist/index.js";
-import i from "react";
-import { Information as c } from "../../Symbols/Icons/Information.js";
-import { ChevronRight as m } from "../../Symbols/Icons/ChevronRight.js";
-import { InteractiveIcon as d } from "../InteractiveIcon/InteractiveIcon.js";
-const S = ({
+import { jsx as o } from "react/jsx-runtime";
+import { cn as a } from "../../../libs/utils-shared/dist/index.js";
+import c from "react";
+import { Information as m } from "../../Symbols/Icons/Information.js";
+import { ChevronRight as d } from "../../Symbols/Icons/ChevronRight.js";
+import { InteractiveIcon as i } from "../InteractiveIcon/InteractiveIcon.js";
+const N = ({
   children: t,
   as: e = "h2",
   className: r,
-  ...o
-}) => /* @__PURE__ */ n(
+  ...n
+}) => /* @__PURE__ */ o(
   e,
   {
-    className: s(
+    className: a(
       "min-w-0 truncate heading-4-semi-bold text-base",
       r
     ),
-    ...o,
+    ...n,
     children: t
   }
-), N = ({
+), S = ({
   children: t,
   onClick: e,
   className: r,
-  ...o
-}) => /* @__PURE__ */ n(
+  ...n
+}) => /* @__PURE__ */ o(
   e ? "button" : "div",
   {
-    className: s(
+    className: a(
       "flex items-center gap-4",
       e && "cursor-pointer",
       r
     ),
     onClick: e,
-    ...o,
+    ...n,
     children: t
   }
 ), y = ({
   value: t,
   format: e,
   className: r,
-  ...o
+  ...n
 }) => {
-  const a = e ? e(t) : `(${t})`;
-  return /* @__PURE__ */ n("span", { className: s("shrink-0 body-2 text-muted", r), ...o, children: a });
-}, u = i.forwardRef(({ iconType: t = "stroked", className: e, ...r }, o) => /* @__PURE__ */ n("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ n(
-  d,
+  const s = e ? e(t) : `(${t})`;
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      className: a("shrink-0 pl-2 body-2 text-muted", r),
+      ...n,
+      children: s
+    }
+  );
+}, u = c.forwardRef(({ iconType: t = "stroked", className: e, ...r }, n) => /* @__PURE__ */ o("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ o(
+  i,
   {
-    ref: o,
+    ref: n,
     iconType: t,
     className: e,
     "aria-label": "More information",
     ...r,
-    children: /* @__PURE__ */ n(c, { size: 16 })
+    children: /* @__PURE__ */ o(m, { size: 16 })
   }
 ) }));
 u.displayName = "SubheaderInfo";
 const I = ({
   className: t,
   ...e
-}) => /* @__PURE__ */ n(
-  "span",
-  {
-    className: s("shrink-0 self-center text-muted", t),
-    ...e,
-    children: /* @__PURE__ */ n(m, { size: 16 })
-  }
-), g = ({
+}) => /* @__PURE__ */ o(i, { className: "-ml-2", iconType: "stroked", ...e, children: /* @__PURE__ */ o(d, { size: 20 }) }), g = ({
   children: t,
   className: e,
   ...r
-}) => /* @__PURE__ */ n("p", { className: s("body-3 text-muted", e), ...r, children: t }), v = ({
+}) => /* @__PURE__ */ o("p", { className: a("body-3 text-muted", e), ...r, children: t }), v = ({
   children: t,
   onClick: e,
   className: r,
-  ...o
-}) => /* @__PURE__ */ n(
+  ...n
+}) => /* @__PURE__ */ o(
   "button",
   {
     type: "button",
     onClick: e,
-    className: s(
+    className: a(
       "ml-auto shrink-0 cursor-pointer pl-8 body-2 text-interactive",
       r
     ),
-    ...o,
+    ...n,
     children: t
   }
 ), w = ({
   className: t,
   children: e,
   ...r
-}) => /* @__PURE__ */ n("div", { className: s("flex flex-col gap-4", t), ...r, children: e });
+}) => /* @__PURE__ */ o("div", { className: a("flex flex-col gap-4", t), ...r, children: e });
 export {
   w as Subheader,
   v as SubheaderAction,
   y as SubheaderCount,
   g as SubheaderDescription,
   u as SubheaderInfo,
-  N as SubheaderRow,
+  S as SubheaderRow,
   I as SubheaderShowMore,
-  S as SubheaderTitle
+  N as SubheaderTitle
 };

package/dist/package.json

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

package/package.json

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