@ledgerhq/lumen-ui-rnative 0.1.48 → 0.1.49

package/dist/module/lib/Components/ListItem/ListItem.mdx

@@ -13,11 +13,7 @@ import {
 import {
   CustomTabs,
   Tab,
-  DoVsDontRow,
-  DoBlockItem,
-  DontBlockItem,
 } from '../../../../.storybook/components';
-import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
 <Meta title='Core/ListItem' of={ListItemStories} />
 
@@ -443,131 +439,6 @@ import { ChevronRight } from '@ledgerhq/lumen-ui-rnative/symbols';
 </ListItem>
 ```
 
-## Do's and Don'ts
-
-The following guidelines ensure consistent usage of the ListItem component and maintain design system principles.
-
-<Box lx={{ flexDirection: 'column', gap: 's24' }}>
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use the composite pattern correctly'
-      description='ListItemContent should be nested inside ListItemLeading to group visual and text content together'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<ListItem>
-  <ListItemLeading>
-    <Spot appearance='icon' icon={Settings} />
-    <ListItemContent>
-      <ListItemTitle>Settings</ListItemTitle>
-      <ListItemDescription>Manage preferences</ListItemDescription>
-    </ListItemContent>
-  </ListItemLeading>
-  <ListItemTrailing>
-    <ChevronRight size={24} />
-  </ListItemTrailing>
-</ListItem>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't place ListItemContent outside ListItemLeading"
-      description='ListItemContent must be inside ListItemLeading for proper layout'
-    >
-
-{/* prettier-ignore */}
-```tsx
-// DON'T - ListItemContent outside ListItemLeading
-<ListItem>
-  <ListItemLeading>
-    <Spot appearance='icon' icon={Settings} />
-  </ListItemLeading>
-  <ListItemContent>
-    <ListItemTitle>Settings</ListItemTitle>
-  </ListItemContent>
-</ListItem>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use ListItemContentRow for inline Tags'
-      description='Wrap title or description with a Tag inside ListItemContentRow for proper layout'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<ListItemContent>
-  <ListItemContentRow>
-    <ListItemTitle>New Item</ListItemTitle>
-    <Tag label='New' appearance='base' size='sm' />
-  </ListItemContentRow>
-  <ListItemDescription>Recently added</ListItemDescription>
-</ListItemContent>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't place Tags outside ListItemContentRow"
-      description='Tags placed directly inside ListItemContent break the layout'
-    >
-
-{/* prettier-ignore */}
-```tsx
-// DON'T - Tag outside ListItemContentRow
-<ListItemContent>
-  <ListItemTitle>New Item</ListItemTitle>
-  <ListItemDescription>Recently added</ListItemDescription>
-  <Tag label='New' appearance='base' size='sm' />
-</ListItemContent>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use concise text for title and description'
-      description='Keep title and description short since they truncate to one line'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<ListItemContent>
-  <ListItemTitle>Account Settings</ListItemTitle>
-  <ListItemDescription>Manage preferences</ListItemDescription>
-</ListItemContent>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't use long text"
-      description='Title and description truncate to one line'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<ListItemContent>
-  <ListItemTitle>
-    This is a very long title that will be truncated
-  </ListItemTitle>
-  <ListItemDescription>
-    This is also a very long description that will be truncated
-  </ListItemDescription>
-</ListItemContent>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <CommonRulesDoAndDont />
-</Box>
 
 </Tab>
 </CustomTabs>

package/dist/module/lib/Components/MediaBanner/MediaBanner.figma.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { MediaBanner, MediaBannerDescription, MediaBannerTitle } from "./MediaBanner.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+figma.connect(MediaBanner, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=18788-44622', {
+  imports: ["import { MediaBanner, MediaBannerTitle, MediaBannerDescription } from '@ledgerhq/lumen-ui-rnative'"],
+  props: {
+    onClose: figma.boolean('show-close', {
+      true: () => {},
+      false: undefined
+    })
+  },
+  example: props => /*#__PURE__*/_jsxs(MediaBanner, {
+    imageUrl: "/image.jpg",
+    onClose: props.onClose,
+    closeAccessibilityLabel: "Close banner",
+    children: [/*#__PURE__*/_jsx(MediaBannerTitle, {
+      children: "Title"
+    }), /*#__PURE__*/_jsx(MediaBannerDescription, {
+      children: "Description"
+    })]
+  })
+});
+//# sourceMappingURL=MediaBanner.figma.js.map

package/dist/module/lib/Components/MediaBanner/MediaBanner.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","MediaBanner","MediaBannerDescription","MediaBannerTitle","jsx","_jsx","jsxs","_jsxs","connect","imports","props","onClose","boolean","true","false","undefined","example","imageUrl","closeAccessibilityLabel","children"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaBanner/MediaBanner.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SACEC,WAAW,EACXC,sBAAsB,EACtBC,gBAAgB,QACX,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEvBP,KAAK,CAACQ,OAAO,CACXP,WAAW,EACX,+FAA+F,EAC/F;EACEQ,OAAO,EAAE,CACP,oGAAoG,CACrG;EACDC,KAAK,EAAE;IACLC,OAAO,EAAEX,KAAK,CAACY,OAAO,CAAC,YAAY,EAAE;MACnCC,IAAI,EAAEA,CAAA,KAAM,CAAC,CAAC;MACdC,KAAK,EAAEC;IACT,CAAC;EACH,CAAC;EACDC,OAAO,EAAGN,KAAK,iBACbH,KAAA,CAACN,WAAW;IACVgB,QAAQ,EAAC,YAAY;IACrBN,OAAO,EAAED,KAAK,CAACC,OAAQ;IACvBO,uBAAuB,EAAC,cAAc;IAAAC,QAAA,gBAEtCd,IAAA,CAACF,gBAAgB;MAAAgB,QAAA,EAAC;IAAK,CAAkB,CAAC,eAC1Cd,IAAA,CAACH,sBAAsB;MAAAiB,QAAA,EAAC;IAAW,CAAwB,CAAC;EAAA,CACjD;AAEjB,CACF,CAAC","ignoreList":[]}

package/dist/module/lib/Components/MediaBanner/MediaBanner.mdx

@@ -7,8 +7,6 @@ import {
 } from './MediaBanner';
 import { Box } from '../Utility';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
-import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
-import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
 <Meta title='Core/MediaBanner' of={MediaBannerStories} />
 
@@ -144,7 +142,6 @@ Use the `lx` prop for layout adjustments like margins or positioning:
 </MediaBanner>
 ```
 
-<CommonRulesDoAndDont />
 
 </Tab>
 </CustomTabs>

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

@@ -0,0 +1,72 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import CryptoIcon from '@ledgerhq/crypto-icons/native';
+import { Placeholder } from "../../Symbols/index.js";
+import { MediaButton } from "./MediaButton.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(MediaButton, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=6389-45680', {
+  imports: ["import { MediaButton } from '@ledgerhq/lumen-ui-rnative'", "import { Placeholder } from '@ledgerhq/lumen-ui-rnative/symbols'", "import CryptoIcon from '@ledgerhq/crypto-icons/native'"],
+  props: {
+    appearance: figma.enum('appearance', {
+      plain: 'gray',
+      transparent: 'transparent',
+      'no-background': 'no-background'
+    }),
+    size: figma.enum('size', {
+      sm: 'sm',
+      md: 'md'
+    }),
+    leadingContent: figma.enum('leading-content', {
+      'interface-icon': figma.enum('size', {
+        sm: /*#__PURE__*/_jsx(Placeholder, {
+          size: 24
+        }),
+        md: /*#__PURE__*/_jsx(Placeholder, {
+          size: 32
+        })
+      }),
+      coin: figma.enum('size', {
+        sm: /*#__PURE__*/_jsx(CryptoIcon, {
+          ledgerId: "bitcoin",
+          ticker: "BTC",
+          size: 24
+        }),
+        md: /*#__PURE__*/_jsx(CryptoIcon, {
+          ledgerId: "bitcoin",
+          ticker: "BTC",
+          size: 32
+        })
+      }),
+      stock: figma.enum('size', {
+        sm: /*#__PURE__*/_jsx(CryptoIcon, {
+          size: 24,
+          ledgerId: "walmart",
+          ticker: "WMT"
+        }),
+        md: /*#__PURE__*/_jsx(CryptoIcon, {
+          size: 32,
+          ledgerId: "walmart",
+          ticker: "WMT"
+        })
+      }),
+      none: undefined
+    }),
+    leadingContentShape: figma.enum('leading-content', {
+      'interface-icon': 'flat',
+      coin: 'rounded',
+      stock: 'rounded',
+      none: 'flat'
+    }),
+    children: figma.string('label')
+  },
+  example: props => /*#__PURE__*/_jsx(MediaButton, {
+    appearance: props.appearance,
+    size: props.size,
+    leadingContent: props.leadingContent,
+    leadingContentShape: props.leadingContentShape,
+    onPress: () => {},
+    children: props.children
+  })
+});
+//# sourceMappingURL=MediaButton.figma.js.map

package/dist/module/lib/Components/MediaButton/MediaButton.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","CryptoIcon","Placeholder","MediaButton","jsx","_jsx","connect","imports","props","appearance","enum","plain","transparent","size","sm","md","leadingContent","coin","ledgerId","ticker","stock","none","undefined","leadingContentShape","children","string","example","onPress"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaButton/MediaButton.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,OAAOC,UAAU,MAAM,+BAA+B;AACtD,SAASC,WAAW,QAAQ,wBAAe;AAC3C,SAASC,WAAW,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5CL,KAAK,CAACM,OAAO,CACXH,WAAW,EACX,wEAAwE,EACxE;EACEI,OAAO,EAAE,CACP,0DAA0D,EAC1D,kEAAkE,EAClE,wDAAwD,CACzD;EACDC,KAAK,EAAE;IACLC,UAAU,EAAET,KAAK,CAACU,IAAI,CAAC,YAAY,EAAE;MACnCC,KAAK,EAAE,MAAM;MACbC,WAAW,EAAE,aAAa;MAC1B,eAAe,EAAE;IACnB,CAAC,CAAC;IACFC,IAAI,EAAEb,KAAK,CAACU,IAAI,CAAC,MAAM,EAAE;MACvBI,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC,CAAC;IACFC,cAAc,EAAEhB,KAAK,CAACU,IAAI,CAAC,iBAAiB,EAAE;MAC5C,gBAAgB,EAAEV,KAAK,CAACU,IAAI,CAAC,MAAM,EAAE;QACnCI,EAAE,eAAET,IAAA,CAACH,WAAW;UAACW,IAAI,EAAE;QAAG,CAAE,CAAC;QAC7BE,EAAE,eAAEV,IAAA,CAACH,WAAW;UAACW,IAAI,EAAE;QAAG,CAAE;MAC9B,CAAC,CAAC;MACFI,IAAI,EAAEjB,KAAK,CAACU,IAAI,CAAC,MAAM,EAAE;QACvBI,EAAE,eAAET,IAAA,CAACJ,UAAU;UAACiB,QAAQ,EAAC,SAAS;UAACC,MAAM,EAAC,KAAK;UAACN,IAAI,EAAE;QAAG,CAAE,CAAC;QAC5DE,EAAE,eAAEV,IAAA,CAACJ,UAAU;UAACiB,QAAQ,EAAC,SAAS;UAACC,MAAM,EAAC,KAAK;UAACN,IAAI,EAAE;QAAG,CAAE;MAC7D,CAAC,CAAC;MACFO,KAAK,EAAEpB,KAAK,CAACU,IAAI,CAAC,MAAM,EAAE;QACxBI,EAAE,eAAET,IAAA,CAACJ,UAAU;UAACY,IAAI,EAAE,EAAG;UAACK,QAAQ,EAAC,SAAS;UAACC,MAAM,EAAC;QAAK,CAAE,CAAC;QAC5DJ,EAAE,eAAEV,IAAA,CAACJ,UAAU;UAACY,IAAI,EAAE,EAAG;UAACK,QAAQ,EAAC,SAAS;UAACC,MAAM,EAAC;QAAK,CAAE;MAC7D,CAAC,CAAC;MACFE,IAAI,EAAEC;IACR,CAAC,CAAC;IACFC,mBAAmB,EAAEvB,KAAK,CAACU,IAAI,CAAC,iBAAiB,EAAE;MACjD,gBAAgB,EAAE,MAAM;MACxBO,IAAI,EAAE,SAAS;MACfG,KAAK,EAAE,SAAS;MAChBC,IAAI,EAAE;IACR,CAAC,CAAC;IACFG,QAAQ,EAAExB,KAAK,CAACyB,MAAM,CAAC,OAAO;EAChC,CAAC;EACDC,OAAO,EAAGlB,KAAK,iBACbH,IAAA,CAACF,WAAW;IACVM,UAAU,EAAED,KAAK,CAACC,UAAW;IAC7BI,IAAI,EAAEL,KAAK,CAACK,IAAK;IACjBG,cAAc,EAAER,KAAK,CAACQ,cAAe;IACrCO,mBAAmB,EAAEf,KAAK,CAACe,mBAAoB;IAC/CI,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;IAAAH,QAAA,EAEjBhB,KAAK,CAACgB;EAAQ,CACJ;AAEjB,CACF,CAAC","ignoreList":[]}

package/dist/module/lib/Components/MediaCard/MediaCard.figma.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Tag } from "../Tag/index.js";
+import { MediaCard, MediaCardTitle } from "./MediaCard.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+figma.connect(MediaCard, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=15160-2853', {
+  imports: ["import { MediaCard, MediaCardTitle } from '@ledgerhq/lumen-ui-rnative'", "import { Tag } from '@ledgerhq/lumen-ui-rnative'"],
+  props: {
+    title: figma.string('title'),
+    tag: figma.boolean('show-tag', {
+      true: /*#__PURE__*/_jsx(Tag, {
+        label: "Label",
+        appearance: "base"
+      }),
+      false: undefined
+    })
+  },
+  example: props => /*#__PURE__*/_jsxs(MediaCard, {
+    imageUrl: "/image.jpg",
+    onPress: () => {},
+    onClose: () => {},
+    children: [props.tag, /*#__PURE__*/_jsx(MediaCardTitle, {
+      children: props.title
+    })]
+  })
+});
+//# sourceMappingURL=MediaCard.figma.js.map

package/dist/module/lib/Components/MediaCard/MediaCard.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Tag","MediaCard","MediaCardTitle","jsx","_jsx","jsxs","_jsxs","connect","imports","props","title","string","tag","boolean","true","label","appearance","false","undefined","example","imageUrl","onPress","onClose","children"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaCard/MediaCard.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,GAAG,QAAQ,iBAAQ;AAC5B,SAASC,SAAS,EAAEC,cAAc,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExDP,KAAK,CAACQ,OAAO,CACXN,SAAS,EACT,wEAAwE,EACxE;EACEO,OAAO,EAAE,CACP,wEAAwE,EACxE,kDAAkD,CACnD;EACDC,KAAK,EAAE;IACLC,KAAK,EAAEX,KAAK,CAACY,MAAM,CAAC,OAAO,CAAC;IAC5BC,GAAG,EAAEb,KAAK,CAACc,OAAO,CAAC,UAAU,EAAE;MAC7BC,IAAI,eAAEV,IAAA,CAACJ,GAAG;QAACe,KAAK,EAAC,OAAO;QAACC,UAAU,EAAC;MAAM,CAAE,CAAC;MAC7CC,KAAK,EAAEC;IACT,CAAC;EACH,CAAC;EACDC,OAAO,EAAGV,KAAK,iBACbH,KAAA,CAACL,SAAS;IAACmB,QAAQ,EAAC,YAAY;IAACC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;IAACC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;IAAAC,QAAA,GACnEd,KAAK,CAACG,GAAG,eACVR,IAAA,CAACF,cAAc;MAAAqB,QAAA,EAAEd,KAAK,CAACC;IAAK,CAAiB,CAAC;EAAA,CACrC;AAEf,CACF,CAAC","ignoreList":[]}

package/dist/module/lib/Components/MediaCard/MediaCard.mdx

@@ -1,7 +1,6 @@
 import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
 import * as MediaCardStories from './MediaCard.stories';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
-import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
 <Meta title='Core/MediaCard' of={MediaCardStories} />
 
@@ -105,7 +104,6 @@ Use the `lx` prop for layout adjustments like margins or positioning:
 </MediaCard>
 ```
 
-<CommonRulesDoAndDont />
 
 </Tab>
 </CustomTabs>

package/dist/module/lib/Components/MediaImage/MediaImage.mdx

@@ -2,7 +2,6 @@ import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
 import * as MediaImageStories from './MediaImage.stories';
 import { MediaImage } from './MediaImage';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
-import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
 
 <Meta title='Core/MediaImage' of={MediaImageStories} />

package/dist/module/lib/Components/MediaTag/MediaTag.figma.js

@@ -0,0 +1,100 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import CryptoIcon from '@ledgerhq/crypto-icons/native';
+import { MediaTag } from "./MediaTag.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(MediaTag, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=16793-36383', {
+  imports: ["import { MediaTag } from '@ledgerhq/lumen-ui-rnative'", "import CryptoIcon from '@ledgerhq/crypto-icons/native'"],
+  variant: {
+    'leading-icon': 'coin'
+  },
+  props: {
+    label: figma.string('label'),
+    appearance: figma.enum('appearance', {
+      base: 'base',
+      gray: 'gray',
+      accent: 'accent',
+      'accent-subtle': 'accent-subtle',
+      success: 'success',
+      error: 'error',
+      warning: 'warning',
+      white: 'white'
+    }),
+    size: figma.enum('size', {
+      md: 'md',
+      sm: 'sm'
+    }),
+    tagSize: figma.enum('size', {
+      md: 16,
+      sm: 12
+    }),
+    disabled: figma.enum('appearance', {
+      disabled: true
+    }),
+    coin: figma.nestedProps('coin', {
+      asset: figma.enum('asset', {
+        btc: 'btc',
+        eth: 'eth'
+      })
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(MediaTag, {
+    disabled: props.disabled,
+    label: props.label,
+    appearance: props.appearance,
+    size: props.size,
+    leadingContent: /*#__PURE__*/_jsx(CryptoIcon, {
+      ticker: props.coin.asset,
+      ledgerId: props.coin.asset,
+      size: props.tagSize
+    })
+  })
+});
+figma.connect(MediaTag, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=16793-36383', {
+  imports: ["import { MediaTag } from '@ledgerhq/lumen-ui-rnative'", "import CryptoIcon from '@ledgerhq/crypto-icons/native'"],
+  variant: {
+    'leading-icon': 'network'
+  },
+  props: {
+    label: figma.string('label'),
+    appearance: figma.enum('appearance', {
+      base: 'base',
+      gray: 'gray',
+      accent: 'accent',
+      'accent-subtle': 'accent-subtle',
+      success: 'success',
+      error: 'error',
+      warning: 'warning',
+      white: 'white'
+    }),
+    size: figma.enum('size', {
+      md: 'md',
+      sm: 'sm'
+    }),
+    tagSize: figma.enum('size', {
+      md: 16,
+      sm: 12
+    }),
+    disabled: figma.enum('appearance', {
+      disabled: true
+    }),
+    network: figma.nestedProps('network', {
+      ticker: figma.enum('network', {
+        eth: 'eth'
+      })
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(MediaTag, {
+    disabled: props.disabled,
+    label: props.label,
+    appearance: props.appearance,
+    size: props.size,
+    leadingContent: /*#__PURE__*/_jsx(CryptoIcon, {
+      ticker: props.network.ticker,
+      ledgerId: props.network.ticker,
+      size: props.tagSize
+    })
+  })
+});
+//# sourceMappingURL=MediaTag.figma.js.map

package/dist/module/lib/Components/MediaTag/MediaTag.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","CryptoIcon","MediaTag","jsx","_jsx","connect","imports","variant","props","label","string","appearance","enum","base","gray","accent","success","error","warning","white","size","md","sm","tagSize","disabled","coin","nestedProps","asset","btc","eth","example","leadingContent","ticker","ledgerId","network"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaTag/MediaTag.figma.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/MediaTag/MediaTag.mdx

@@ -1,8 +1,6 @@
 import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
 import * as MediaTagStories from './MediaTag.stories';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
-import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
-import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 import { Box } from '../Utility/Box';
 
 <Meta title='Core/MediaTag' of={MediaTagStories} />

package/dist/module/lib/Components/NavBar/NavBar.figma.js

@@ -0,0 +1,79 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import CryptoIcon from '@ledgerhq/crypto-icons/native';
+import { IconButton, NavBarCoinCapsule, NavBarTrailing, TileDescription } from '@ledgerhq/lumen-ui-rnative';
+import { Settings } from "../../Symbols/index.js";
+import { NavBar, NavBarBackButton, NavBarContent, NavBarTitle } from "./NavBar.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+figma.connect(NavBar, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=1426-4697', {
+  imports: ["import { NavBar, NavBarBackButton, NavBarContent, NavBarTitle } from '@ledgerhq/lumen-ui-rnative'"],
+  props: {
+    density: figma.enum('density', {
+      compact: 'compact',
+      expanded: 'expanded'
+    }),
+    backButton: figma.boolean('show-back', {
+      true: /*#__PURE__*/_jsx(NavBarBackButton, {
+        onPress: () => {}
+      }),
+      false: undefined
+    }),
+    title: figma.boolean('show-title', {
+      true: /*#__PURE__*/_jsx(NavBarTitle, {
+        children: "Title"
+      }),
+      false: undefined
+    }),
+    description: figma.boolean('show-description', {
+      true: figma.boolean('show-network', {
+        true: /*#__PURE__*/_jsxs(TileDescription, {
+          children: ["Description", ' ', /*#__PURE__*/_jsx(CryptoIcon, {
+            ledgerId: "ethereum",
+            ticker: "ETH",
+            size: 20
+          })]
+        }),
+        false: /*#__PURE__*/_jsx(TileDescription, {
+          children: "Description"
+        })
+      }),
+      false: undefined
+    }),
+    coinCapsule: figma.enum('content', {
+      asset: /*#__PURE__*/_jsx(NavBarCoinCapsule, {
+        ticker: "Bitcoin",
+        leadingContent: /*#__PURE__*/_jsx(CryptoIcon, {
+          ledgerId: "bitcoin",
+          ticker: "BTC",
+          size: 24
+        })
+      })
+    }),
+    trailing: figma.boolean('show-trailing-icon', {
+      true: /*#__PURE__*/_jsx(NavBarTrailing, {
+        children: /*#__PURE__*/_jsx(IconButton, {
+          icon: Settings,
+          accessibilityLabel: "Settings"
+        })
+      }),
+      false: undefined
+    }),
+    secondaryTrailing: figma.boolean('show-second-trailing-icon', {
+      true: /*#__PURE__*/_jsx(NavBarTrailing, {
+        children: /*#__PURE__*/_jsx(IconButton, {
+          icon: Settings,
+          accessibilityLabel: "Settings"
+        })
+      }),
+      false: undefined
+    })
+  },
+  example: props => /*#__PURE__*/_jsxs(NavBar, {
+    density: props.density,
+    children: [props.backButton, /*#__PURE__*/_jsxs(NavBarContent, {
+      children: [props.title, props.description]
+    }), props.coinCapsule, props.trailing, props.secondaryTrailing]
+  })
+});
+//# sourceMappingURL=NavBar.figma.js.map

package/dist/module/lib/Components/NavBar/NavBar.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","CryptoIcon","IconButton","NavBarCoinCapsule","NavBarTrailing","TileDescription","Settings","NavBar","NavBarBackButton","NavBarContent","NavBarTitle","jsx","_jsx","jsxs","_jsxs","connect","imports","props","density","enum","compact","expanded","backButton","boolean","true","onPress","false","undefined","title","children","description","ledgerId","ticker","size","coinCapsule","asset","leadingContent","trailing","icon","accessibilityLabel","secondaryTrailing","example"],"sourceRoot":"../../../../../src","sources":["lib/Components/NavBar/NavBar.figma.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/NavBar/NavBar.mdx

@@ -3,7 +3,6 @@ import { Box } from '../Utility';
 import * as NavBarStories from './NavBar.stories';
 import { NavBar, NavBarBackButton, NavBarContent } from './NavBar';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
-import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
 <Meta title='Core/NavBar' of={NavBarStories} />
 
@@ -253,7 +252,6 @@ export default function DetailsScreen() {
 }
 ```
 
-<CommonRulesDoAndDont />
 
 </Tab>
 </CustomTabs>

package/dist/module/lib/Components/OptionList/OptionList.mdx

@@ -3,9 +3,6 @@ import * as OptionListStories from './OptionList.stories';
 import {
   CustomTabs,
   Tab,
-  DoVsDontRow,
-  DoBlockItem,
-  DontBlockItem,
 } from '../../../../.storybook/components';
 
 <Meta title='Core/OptionList' of={OptionListStories} />
@@ -276,93 +273,6 @@ const items = [
 />
 ```
 
-## Do's and Don'ts
-
-<div className='flex flex-col gap-24'>
-
-<DoVsDontRow>
-<DoBlockItem
-title='Pass items as a flat array'
-description='Use the group field for grouping — the component handles labels and separators automatically.'
->
-
-{/* prettier-ignore */}
-```tsx
-<OptionList
-  items={[
-    { value: 'a', label: 'A', group: 'Group 1' },
-    { value: 'b', label: 'B', group: 'Group 2' },
-  ]}
-  value={value}
-  onValueChange={setValue}
->
-  <OptionListContent renderItem={...} />
-</OptionList>
-```
-
-</DoBlockItem>
-<DontBlockItem
-title="Don't manually render group labels or separators"
-description='OptionListContent handles group rendering internally based on item data.'
->
-
-{/* prettier-ignore */}
-```tsx
-<OptionList
-  items={items}
-  value={value}
-  onValueChange={setValue}
->
-  <Text>Group 1</Text>
-  <OptionListContent renderItem={...} />
-  <Divider />
-  <Text>Group 2</Text>
-  <OptionListContent renderItem={...} />
-</OptionList>
-```
-
-</DontBlockItem>
-</DoVsDontRow>
-
-<DoVsDontRow>
-<DoBlockItem
-title='Compose OptionList inside your own container'
-description='OptionList is display-only — wrap it in a BottomSheet, screen, or any layout.'
->
-
-{/* prettier-ignore */}
-```tsx
-<BottomSheet ref={ref}>
-  <BottomSheetView>
-    <OptionList items={items} value={value} onValueChange={setValue}>
-      <OptionListContent renderItem={...} />
-    </OptionList>
-  </BottomSheetView>
-</BottomSheet>
-```
-
-</DoBlockItem>
-<DontBlockItem
-title="Don't expect OptionList to manage the BottomSheet"
-description='Use OptionListTrigger to open the sheet yourself — OptionList only handles selection state, not the container.'
->
-
-{/* prettier-ignore */}
-```tsx
-<OptionList
-  items={items}
-  value={value}
-  onValueChange={setValue}
-  trigger={<Button>Open</Button>}
->
-  <OptionListContent renderItem={...} />
-</OptionList>
-```
-
-</DontBlockItem>
-</DoVsDontRow>
-
-</div>
 
 </Tab>
 </CustomTabs>