@ledgerhq/lumen-ui-rnative 0.1.48 → 0.1.49

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

@@ -3,8 +3,6 @@ import * as SpotStories from './Spot.stories';
 import { Spot } from './Spot';
 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/Spot' of={SpotStories} />
 
@@ -171,98 +169,6 @@ function StatusIndicators() {
 }
 ```
 
-## Do's and Don'ts
-
-<Box lx={{ flexDirection: 'column', gap: 's24' }}>
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use required props for discriminated types'
-      description='Icon appearance requires icon prop, number appearance requires number prop'
-    >
-
-{/* prettier-ignore */}
-```tsx
-import { Settings } from '@ledgerhq/lumen-ui-rnative/symbols';
-
-<Spot appearance='icon' icon={Settings} />
-<Spot appearance='number' number={5} />
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't omit required props"
-      description='Discriminated union types require their specific props'
-    >
-
-{/* prettier-ignore */}
-```tsx
-import { Settings } from '@ledgerhq/lumen-ui-rnative/symbols';
-
-<Spot appearance='icon' /> // Missing required 'icon' prop
-<Spot appearance='number' /> // Missing required 'number' prop
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use valid number values'
-      description='Number appearance only accepts values from 0 to 9'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Spot appearance='number' number={5} />
-<Spot appearance='number' number={0} />
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't pass invalid number values"
-      description='Only values 0-9 are allowed for number appearance'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Spot appearance='number' number={10} />
-<Spot appearance='number' number={-1} />
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use Spot for status indication only'
-      description='Spots are designed to display status, not to be interactive elements'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Spot appearance='check' />
-<Spot appearance='error' />
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't make spots interactive"
-      description='Avoid adding press handlers or making spots clickable'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Spot appearance='check' onPress={handlePress} />
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <CommonRulesDoAndDont />
-</Box>
 
 </Tab>
 </CustomTabs>

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

@@ -0,0 +1,13 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Stepper } from "./Stepper.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(Stepper, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=11439-7755', {
+  imports: ["import { Stepper } from '@ledgerhq/lumen-ui-rnative'"],
+  example: () => /*#__PURE__*/_jsx(Stepper, {
+    currentStep: 2,
+    totalSteps: 4
+  })
+});
+//# sourceMappingURL=Stepper.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Stepper","jsx","_jsx","connect","imports","example","currentStep","totalSteps"],"sourceRoot":"../../../../../src","sources":["lib/Components/Stepper/Stepper.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,OAAO,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpCH,KAAK,CAACI,OAAO,CACXH,OAAO,EACP,8FAA8F,EAC9F;EACEI,OAAO,EAAE,CAAC,sDAAsD,CAAC;EACjEC,OAAO,EAAEA,CAAA,kBAAMH,IAAA,CAACF,OAAO;IAACM,WAAW,EAAE,CAAE;IAACC,UAAU,EAAE;EAAE,CAAE;AAC1D,CACF,CAAC","ignoreList":[]}

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

@@ -1,8 +1,6 @@
 import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
 import * as StepperStories from './Stepper.stories';
-import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
-import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 import { Box } from '../Utility/Box';
 import { Text } from '../Utility/Text';
 
@@ -143,71 +141,6 @@ function LocalizedStepper() {
 }
 ```
 
-## Do's and Don'ts
-
-<Box lx={{ gap: 's24' }}>
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Provide meaningful step counts'
-      description='Use realistic total steps that match your flow'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Stepper currentStep={3} totalSteps={5} />
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't use for single-step processes"
-      description='Steppers are for multi-step workflows only'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Stepper currentStep={1} totalSteps={1} />
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use disabled for paused steppers'
-      description='Reserve disabled for steppers that are not actively progressing'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Stepper 
-  currentStep={2} 
-  totalSteps={4} 
-  disabled 
-/>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't disable active steps"
-      description='Active steps in progress should not be disabled'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Stepper 
-  currentStep={2} 
-  totalSteps={4} 
-  disabled // Wrong for active step
-/>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <CommonRulesDoAndDont />
-</Box>
 
 </Tab>
 </CustomTabs>

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

@@ -0,0 +1,67 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Subheader, SubheaderDescription, SubheaderRow, SubheaderShowMore, SubheaderTitle, SubheaderCount } from "./Subheader.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+figma.connect(Subheader, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=16477-1522', {
+  imports: ["import { Subheader, SubheaderRow, SubheaderTitle, SubheaderDescription, SubheaderCount } from '@ledgerhq/lumen-ui-rnative'"],
+  variant: {
+    'leading-action': 'none'
+  },
+  props: {
+    title: figma.string('title'),
+    descriptionBlock: figma.boolean('show-description', {
+      true: /*#__PURE__*/_jsx(SubheaderDescription, {
+        children: "Description"
+      }),
+      false: undefined
+    }),
+    count: figma.boolean('show-number', {
+      true: /*#__PURE__*/_jsx(SubheaderCount, {
+        value: 5
+      }),
+      false: undefined
+    })
+  },
+  example: props => /*#__PURE__*/_jsxs(Subheader, {
+    children: [/*#__PURE__*/_jsxs(SubheaderRow, {
+      children: [/*#__PURE__*/_jsx(SubheaderTitle, {
+        children: props.title
+      }), props.count]
+    }), props.descriptionBlock]
+  })
+});
+figma.connect(Subheader, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=16477-1522', {
+  imports: ["import { Subheader, SubheaderRow, SubheaderTitle, SubheaderShowMore, SubheaderDescription } from '@ledgerhq/lumen-ui-rnative'"],
+  variant: {
+    'leading-action': 'show-more'
+  },
+  props: {
+    title: figma.string('title'),
+    descriptionBlock: figma.boolean('show-description', {
+      true: /*#__PURE__*/_jsx(SubheaderDescription, {
+        children: "Description"
+      }),
+      false: undefined
+    }),
+    count: figma.boolean('show-number', {
+      true: /*#__PURE__*/_jsx(SubheaderCount, {
+        value: 5
+      }),
+      false: undefined
+    })
+  },
+  example: ({
+    title,
+    descriptionBlock,
+    count
+  }) => /*#__PURE__*/_jsxs(Subheader, {
+    children: [/*#__PURE__*/_jsxs(SubheaderRow, {
+      onPress: () => {},
+      children: [/*#__PURE__*/_jsx(SubheaderTitle, {
+        children: title
+      }), count, /*#__PURE__*/_jsx(SubheaderShowMore, {})]
+    }), descriptionBlock]
+  })
+});
+//# sourceMappingURL=Subheader.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Subheader","SubheaderDescription","SubheaderRow","SubheaderShowMore","SubheaderTitle","SubheaderCount","jsx","_jsx","jsxs","_jsxs","connect","imports","variant","props","title","string","descriptionBlock","boolean","true","children","false","undefined","count","value","example","onPress"],"sourceRoot":"../../../../../src","sources":["lib/Components/Subheader/Subheader.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SACEC,SAAS,EACTC,oBAAoB,EACpBC,YAAY,EACZC,iBAAiB,EACjBC,cAAc,EACdC,cAAc,QACT,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErBV,KAAK,CAACW,OAAO,CACXV,SAAS,EACT,wEAAwE,EACxE;EACEW,OAAO,EAAE,CACP,4HAA4H,CAC7H;EACDC,OAAO,EAAE;IAAE,gBAAgB,EAAE;EAAO,CAAC;EACrCC,KAAK,EAAE;IACLC,KAAK,EAAEf,KAAK,CAACgB,MAAM,CAAC,OAAO,CAAC;IAC5BC,gBAAgB,EAAEjB,KAAK,CAACkB,OAAO,CAAC,kBAAkB,EAAE;MAClDC,IAAI,eAAEX,IAAA,CAACN,oBAAoB;QAAAkB,QAAA,EAAC;MAAW,CAAsB,CAAC;MAC9DC,KAAK,EAAEC;IACT,CAAC,CAAC;IACFC,KAAK,EAAEvB,KAAK,CAACkB,OAAO,CAAC,aAAa,EAAE;MAClCC,IAAI,eAAEX,IAAA,CAACF,cAAc;QAACkB,KAAK,EAAE;MAAE,CAAE,CAAC;MAClCH,KAAK,EAAEC;IACT,CAAC;EACH,CAAC;EACDG,OAAO,EAAGX,KAAK,iBACbJ,KAAA,CAACT,SAAS;IAAAmB,QAAA,gBACRV,KAAA,CAACP,YAAY;MAAAiB,QAAA,gBACXZ,IAAA,CAACH,cAAc;QAAAe,QAAA,EAAEN,KAAK,CAACC;MAAK,CAAiB,CAAC,EAC7CD,KAAK,CAACS,KAAK;IAAA,CACA,CAAC,EACdT,KAAK,CAACG,gBAAgB;EAAA,CACd;AAEf,CACF,CAAC;AAEDjB,KAAK,CAACW,OAAO,CACXV,SAAS,EACT,wEAAwE,EACxE;EACEW,OAAO,EAAE,CACP,+HAA+H,CAChI;EACDC,OAAO,EAAE;IAAE,gBAAgB,EAAE;EAAY,CAAC;EAC1CC,KAAK,EAAE;IACLC,KAAK,EAAEf,KAAK,CAACgB,MAAM,CAAC,OAAO,CAAC;IAC5BC,gBAAgB,EAAEjB,KAAK,CAACkB,OAAO,CAAC,kBAAkB,EAAE;MAClDC,IAAI,eAAEX,IAAA,CAACN,oBAAoB;QAAAkB,QAAA,EAAC;MAAW,CAAsB,CAAC;MAC9DC,KAAK,EAAEC;IACT,CAAC,CAAC;IACFC,KAAK,EAAEvB,KAAK,CAACkB,OAAO,CAAC,aAAa,EAAE;MAClCC,IAAI,eAAEX,IAAA,CAACF,cAAc;QAACkB,KAAK,EAAE;MAAE,CAAE,CAAC;MAClCH,KAAK,EAAEC;IACT,CAAC;EACH,CAAC;EACDG,OAAO,EAAEA,CAAC;IAAEV,KAAK;IAAEE,gBAAgB;IAAEM;EAAM,CAAC,kBAC1Cb,KAAA,CAACT,SAAS;IAAAmB,QAAA,gBACRV,KAAA,CAACP,YAAY;MAACuB,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;MAAAN,QAAA,gBAC9BZ,IAAA,CAACH,cAAc;QAAAe,QAAA,EAAEL;MAAK,CAAiB,CAAC,EACvCQ,KAAK,eACNf,IAAA,CAACJ,iBAAiB,IAAE,CAAC;IAAA,CACT,CAAC,EACda,gBAAgB;EAAA,CACR;AAEf,CACF,CAAC","ignoreList":[]}

package/dist/module/lib/Components/Subheader/Subheader.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/Subheader' of={SubheaderStories} />
 
@@ -364,118 +360,6 @@ Use the `lx` prop for layout adjustments like margins or positioning:
 </Subheader>
 ```
 
-## Do's and Don'ts
-
-The following guidelines ensure consistent usage of the Subheader component and maintain design system principles.
-
-<Box lx={{ flexDirection: 'column', gap: 's16' }}>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use Count for numeric values'
-      description='Pass numbers using the value prop'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Subheader>
-  <SubheaderRow>
-    <SubheaderTitle>Accounts</SubheaderTitle>
-    <SubheaderCount value={30} />
-  </SubheaderRow>
-</Subheader>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't add parentheses manually"
-      description='Count component automatically formats the value'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Subheader>
-  <SubheaderRow>
-    <SubheaderTitle>Accounts (30)</SubheaderTitle>
-  </SubheaderRow>
-</Subheader>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use the composite pattern'
-      description='Compose sub-components for flexibility'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Subheader>
-  <SubheaderRow>
-    <SubheaderTitle>Title</SubheaderTitle>
-    <SubheaderCount value={5} />
-  </SubheaderRow>
-  <SubheaderDescription>Description</SubheaderDescription>
-</Subheader>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't use non-composite children"
-      description='Only use the provided sub-components'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Subheader>
-  <Text>Title (5)</Text>
-  <Text>Description</Text>
-</Subheader>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use lx for layout adjustments only'
-      description='Use the lx prop for margins, positioning, and other layout adjustments'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Subheader lx={{ marginTop: 's16' }}>
-  <SubheaderRow>
-    <SubheaderTitle>Title</SubheaderTitle>
-  </SubheaderRow>
-</Subheader>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't use lx for appearance changes"
-      description='Avoid using lx to modify colors, padding, or other core appearance styles'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Subheader lx={{ backgroundColor: 'accent', padding: 's24' }}>
-  <SubheaderRow>
-    <SubheaderTitle>Title</SubheaderTitle>
-  </SubheaderRow>
-</Subheader>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <CommonRulesDoAndDont />
-</Box>
 
 </Tab>
 </CustomTabs>

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

@@ -0,0 +1,58 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Switch } from "./Switch.js";
+
+// Standalone Switch component
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(Switch, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=802-186', {
+  imports: ["import { Switch } from '@ledgerhq/lumen-ui-rnative'"],
+  props: {
+    checked: figma.boolean('selected', {
+      true: true,
+      false: false
+    }),
+    disabled: figma.enum('state', {
+      disabled: true
+    }),
+    size: figma.enum('size', {
+      sm: 'sm',
+      md: 'md'
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(Switch, {
+    checked: props.checked,
+    defaultChecked: false,
+    onCheckedChange: _checked => {},
+    size: props.size,
+    disabled: props.disabled
+  })
+});
+
+// Switch embedded inside a compound component (e.g. ListItem toggle)
+figma.connect(Switch, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=8739-1875', {
+  imports: ["import { Switch } from '@ledgerhq/lumen-ui-rnative'"],
+  props: {
+    switchProps: figma.nestedProps('.switch', {
+      checked: figma.boolean('selected', {
+        true: true,
+        false: false
+      }),
+      disabled: figma.enum('state', {
+        disabled: true
+      }),
+      size: figma.enum('size', {
+        sm: 'sm',
+        md: 'md'
+      })
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(Switch, {
+    checked: props.switchProps.checked,
+    defaultChecked: false,
+    onCheckedChange: _checked => {},
+    size: props.switchProps.size,
+    disabled: props.switchProps.disabled
+  })
+});
+//# sourceMappingURL=Switch.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Switch","jsx","_jsx","connect","imports","props","checked","boolean","true","false","disabled","enum","size","sm","md","example","defaultChecked","onCheckedChange","_checked","switchProps","nestedProps"],"sourceRoot":"../../../../../src","sources":["lib/Components/Switch/Switch.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,MAAM,QAAQ,aAAU;;AAEjC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACAH,KAAK,CAACI,OAAO,CACXH,MAAM,EACN,qEAAqE,EACrE;EACEI,OAAO,EAAE,CAAC,qDAAqD,CAAC;EAChEC,KAAK,EAAE;IACLC,OAAO,EAAEP,KAAK,CAACQ,OAAO,CAAC,UAAU,EAAE;MACjCC,IAAI,EAAE,IAAI;MACVC,KAAK,EAAE;IACT,CAAC,CAAC;IACFC,QAAQ,EAAEX,KAAK,CAACY,IAAI,CAAC,OAAO,EAAE;MAC5BD,QAAQ,EAAE;IACZ,CAAC,CAAC;IACFE,IAAI,EAAEb,KAAK,CAACY,IAAI,CAAC,MAAM,EAAE;MACvBE,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC;EACH,CAAC;EACDC,OAAO,EAAGV,KAAK,iBACbH,IAAA,CAACF,MAAM;IACLM,OAAO,EAAED,KAAK,CAACC,OAAQ;IACvBU,cAAc,EAAE,KAAM;IACtBC,eAAe,EAAGC,QAAiB,IAAK,CAAC,CAAE;IAC3CN,IAAI,EAAEP,KAAK,CAACO,IAAK;IACjBF,QAAQ,EAAEL,KAAK,CAACK;EAAS,CAC1B;AAEL,CACF,CAAC;;AAED;AACAX,KAAK,CAACI,OAAO,CACXH,MAAM,EACN,uEAAuE,EACvE;EACEI,OAAO,EAAE,CAAC,qDAAqD,CAAC;EAChEC,KAAK,EAAE;IACLc,WAAW,EAAEpB,KAAK,CAACqB,WAAW,CAAC,SAAS,EAAE;MACxCd,OAAO,EAAEP,KAAK,CAACQ,OAAO,CAAC,UAAU,EAAE;QACjCC,IAAI,EAAE,IAAI;QACVC,KAAK,EAAE;MACT,CAAC,CAAC;MACFC,QAAQ,EAAEX,KAAK,CAACY,IAAI,CAAC,OAAO,EAAE;QAC5BD,QAAQ,EAAE;MACZ,CAAC,CAAC;MACFE,IAAI,EAAEb,KAAK,CAACY,IAAI,CAAC,MAAM,EAAE;QACvBE,EAAE,EAAE,IAAI;QACRC,EAAE,EAAE;MACN,CAAC;IACH,CAAC;EACH,CAAC;EACDC,OAAO,EAAGV,KAAK,iBACbH,IAAA,CAACF,MAAM;IACLM,OAAO,EAAED,KAAK,CAACc,WAAW,CAACb,OAAQ;IACnCU,cAAc,EAAE,KAAM;IACtBC,eAAe,EAAGC,QAAiB,IAAK,CAAC,CAAE;IAC3CN,IAAI,EAAEP,KAAK,CAACc,WAAW,CAACP,IAAK;IAC7BF,QAAQ,EAAEL,KAAK,CAACc,WAAW,CAACT;EAAS,CACtC;AAEL,CACF,CAAC","ignoreList":[]}

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

@@ -3,8 +3,6 @@ import * as SwitchStories from './Switch.stories';
 import { Switch } from './Switch';
 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/Switch' of={SwitchStories} />
 
@@ -146,43 +144,6 @@ The Switch component automatically supports:
 - **Space**: Toggle checked/unchecked state
 - **Enter**: Submit form (when inside a form)
 
-## Do's and Don'ts
-
-The following guidelines ensure consistent usage of the Switch component and maintain design system principles.
-
-<Box lx={{ flexDirection: 'column', gap: 's24' }}>
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use controlled components for form state'
-      description='Use checked and onCheckedChange props for controlled switches'
-    >
-
-{/* prettier-ignore */}
-```tsx
-const [isChecked, setIsChecked] = useState(false);
-
-<Switch checked={isChecked} onCheckedChange={setIsChecked} />
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't mix controlled and uncontrolled patterns"
-      description='Avoid using both checked and defaultChecked props together'
-    >
-
-{/* prettier-ignore */}
-```tsx
-const [isChecked, setIsChecked] = useState(false);
-
-<Switch checked={isChecked} defaultChecked={true} />
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <CommonRulesDoAndDont />
-</Box>
 
 </Tab>
 </CustomTabs>

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

@@ -0,0 +1,98 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Placeholder } from "../../Symbols/index.js";
+import { TabBar, TabBarItem } from "./TabBar.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+figma.connect(TabBar, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=10804-1045', {
+  imports: ["import { TabBar, TabBarItem } from '@ledgerhq/lumen-ui-rnative'", "import { Placeholder } from '@ledgerhq/lumen-ui-rnative/symbols'"],
+  props: {
+    items: figma.enum('nb-tabs', {
+      '2': /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(TabBarItem, {
+          value: "tab1",
+          label: "Label1",
+          icon: Placeholder
+        }), /*#__PURE__*/_jsx(TabBarItem, {
+          value: "tab2",
+          label: "Label2",
+          icon: Placeholder
+        })]
+      }),
+      '3': /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(TabBarItem, {
+          value: "tab1",
+          label: "Label1",
+          icon: Placeholder
+        }), /*#__PURE__*/_jsx(TabBarItem, {
+          value: "tab2",
+          label: "Label2",
+          icon: Placeholder
+        }), /*#__PURE__*/_jsx(TabBarItem, {
+          value: "tab3",
+          label: "Label3",
+          icon: Placeholder
+        })]
+      }),
+      '4': /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(TabBarItem, {
+          value: "tab1",
+          label: "Label1",
+          icon: Placeholder
+        }), /*#__PURE__*/_jsx(TabBarItem, {
+          value: "tab2",
+          label: "Label2",
+          icon: Placeholder
+        }), /*#__PURE__*/_jsx(TabBarItem, {
+          value: "tab3",
+          label: "Label3",
+          icon: Placeholder
+        }), /*#__PURE__*/_jsx(TabBarItem, {
+          value: "tab4",
+          label: "Label4",
+          icon: Placeholder
+        })]
+      }),
+      '5': /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(TabBarItem, {
+          value: "tab1",
+          label: "Label1",
+          icon: Placeholder
+        }), /*#__PURE__*/_jsx(TabBarItem, {
+          value: "tab2",
+          label: "Label2",
+          icon: Placeholder
+        }), /*#__PURE__*/_jsx(TabBarItem, {
+          value: "tab3",
+          label: "Label3",
+          icon: Placeholder
+        }), /*#__PURE__*/_jsx(TabBarItem, {
+          value: "tab4",
+          label: "Label4",
+          icon: Placeholder
+        }), /*#__PURE__*/_jsx(TabBarItem, {
+          value: "tab5",
+          label: "Label5",
+          icon: Placeholder
+        })]
+      })
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(TabBar, {
+    active: "tab1",
+    onTabPress: () => {},
+    children: props.items
+  })
+});
+figma.connect(TabBarItem, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=10804-913', {
+  imports: ["import { TabBarItem } from '@ledgerhq/lumen-ui-rnative'", "import { Placeholder } from '@ledgerhq/lumen-ui-rnative/symbols'"],
+  props: {
+    label: figma.textContent('Label')
+  },
+  example: props => /*#__PURE__*/_jsx(TabBarItem, {
+    value: "tab1",
+    label: props.label,
+    icon: Placeholder
+  })
+});
+//# sourceMappingURL=TabBar.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Placeholder","TabBar","TabBarItem","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","connect","imports","props","items","enum","children","value","label","icon","example","active","onTabPress","textContent"],"sourceRoot":"../../../../../src","sources":["lib/Components/TabBar/TabBar.figma.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -2,8 +2,6 @@ import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
 import * as TabBarStories from './TabBar.stories';
 import { TabBar } from './TabBar';
 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';
 
 <Meta title='Core/TabBar' of={TabBarStories} />
@@ -206,9 +204,6 @@ export default function TabLayout() {
 }
 ```
 
-<Box lx={{ flexDirection: 'column', gap: 's24' }}>
-  <CommonRulesDoAndDont />
-</Box>
 
 </Tab>
 </CustomTabs>