@ledgerhq/lumen-ui-rnative 0.1.48 → 0.1.49

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

@@ -0,0 +1,13 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { PageIndicator } from "./PageIndicator.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(PageIndicator, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=11768-12849', {
+  imports: ["import { PageIndicator } from '@ledgerhq/lumen-ui-rnative'"],
+  example: () => /*#__PURE__*/_jsx(PageIndicator, {
+    currentPage: 2,
+    totalPages: 5
+  })
+});
+//# sourceMappingURL=PageIndicator.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","PageIndicator","jsx","_jsx","connect","imports","example","currentPage","totalPages"],"sourceRoot":"../../../../../src","sources":["lib/Components/PageIndicator/PageIndicator.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,aAAa,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhDH,KAAK,CAACI,OAAO,CACXH,aAAa,EACb,yEAAyE,EACzE;EACEI,OAAO,EAAE,CAAC,4DAA4D,CAAC;EACvEC,OAAO,EAAEA,CAAA,kBAAMH,IAAA,CAACF,aAAa;IAACM,WAAW,EAAE,CAAE;IAACC,UAAU,EAAE;EAAE,CAAE;AAChE,CACF,CAAC","ignoreList":[]}

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

@@ -2,7 +2,6 @@ import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
 import * as PageIndicatorStories from './PageIndicator.stories';
 import { PageIndicator } from './PageIndicator';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
-import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
 <Meta title='Core/PageIndicator' of={PageIndicatorStories} />
 
@@ -118,7 +117,6 @@ function MyComponent() {
 }
 ```
 
-<CommonRulesDoAndDont />
 
 </Tab>
 </CustomTabs>

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

@@ -0,0 +1,31 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { SearchInput } from "./SearchInput.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(SearchInput, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=2248%3A3468', {
+  imports: ["import { SearchInput } from '@ledgerhq/lumen-ui-rnative'"],
+  props: {
+    appearance: figma.enum('appearance', {
+      plain: 'plain',
+      transparent: 'transparent'
+    }),
+    placeholder: figma.enum('search-state', {
+      placeholder: figma.string('placeholder')
+    }),
+    value: figma.enum('search-state', {
+      typing: figma.string('value')
+    }),
+    disabled: figma.enum('state', {
+      disabled: true
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(SearchInput, {
+    appearance: props.appearance,
+    placeholder: props.placeholder,
+    value: props.value,
+    disabled: props.disabled,
+    onChangeText: () => {}
+  })
+});
+//# sourceMappingURL=SearchInput.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","SearchInput","jsx","_jsx","connect","imports","props","appearance","enum","plain","transparent","placeholder","string","value","typing","disabled","example","onChangeText"],"sourceRoot":"../../../../../src","sources":["lib/Components/SearchInput/SearchInput.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,WAAW,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5CH,KAAK,CAACI,OAAO,CACXH,WAAW,EACX,yEAAyE,EACzE;EACEI,OAAO,EAAE,CAAC,0DAA0D,CAAC;EACrEC,KAAK,EAAE;IACLC,UAAU,EAAEP,KAAK,CAACQ,IAAI,CAAC,YAAY,EAAE;MACnCC,KAAK,EAAE,OAAO;MACdC,WAAW,EAAE;IACf,CAAC,CAAC;IACFC,WAAW,EAAEX,KAAK,CAACQ,IAAI,CAAC,cAAc,EAAE;MACtCG,WAAW,EAAEX,KAAK,CAACY,MAAM,CAAC,aAAa;IACzC,CAAC,CAAC;IACFC,KAAK,EAAEb,KAAK,CAACQ,IAAI,CAAC,cAAc,EAAE;MAChCM,MAAM,EAAEd,KAAK,CAACY,MAAM,CAAC,OAAO;IAC9B,CAAC,CAAC;IACFG,QAAQ,EAAEf,KAAK,CAACQ,IAAI,CAAC,OAAO,EAAE;MAC5BO,QAAQ,EAAE;IACZ,CAAC;EACH,CAAC;EACDC,OAAO,EAAGV,KAAK,iBACbH,IAAA,CAACF,WAAW;IACVM,UAAU,EAAED,KAAK,CAACC,UAAW;IAC7BI,WAAW,EAAEL,KAAK,CAACK,WAAY;IAC/BE,KAAK,EAAEP,KAAK,CAACO,KAAM;IACnBE,QAAQ,EAAET,KAAK,CAACS,QAAS;IACzBE,YAAY,EAAEA,CAAA,KAAM,CAAC;EAAE,CACxB;AAEL,CACF,CAAC","ignoreList":[]}

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

@@ -2,8 +2,6 @@ import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
 import * as SearchInputStories from './SearchInput.stories';
 import { SearchInput } from './SearchInput';
 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/SearchInput' of={SearchInputStories} />
 
@@ -326,203 +324,6 @@ function MyComponent() {
 }
 ```
 
-## Do's and Don'ts
-
-The following guidelines ensure consistent usage of the SearchInput component and maintain design system principles.
-
-<div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use placeholder text'
-      description='SearchInput uses placeholder text instead of labels for optimal search UX'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<SearchInput
-  placeholder='Search by name or email'
-  value={query}
-  onChangeText={setQuery}
-/>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't use label prop"
-      description='SearchInput component does not support labels as they are not suitable for search UX patterns'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<SearchInput
-  label='Search' // Not supported, will cause error
-  placeholder='Search by name or email'
-  value={query}
-/>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use the built-in search icon'
-      description='The search icon is automatically included and cannot be changed'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<SearchInput
-  placeholder='Search products'
-  value={query}
-  onChangeText={handleChange}
-/>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't override the search icon"
-      description='The prefix prop is not available on SearchInput component'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<SearchInput
-  prefix={<CustomIcon />} // Not supported, will cause error
-  placeholder='Search products'
-/>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use onClear for custom logic only'
-      description='Let the component handle clearing automatically, add onClear only for additional logic'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<SearchInput
-  placeholder='Search'
-  value={query}
-  onChangeText={setQuery}
-  onClear={() => {
-    // Default clearing happens automatically
-    analytics.track('search_cleared');
-  }}
-/>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't manually clear in onClear"
-      description='Value clearing happens automatically - no need to call setQuery'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<SearchInput
-  placeholder='Search'
-  value={query}
-  onChangeText={setQuery}
-  onClear={() => setQuery('')}
-/>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Debounce expensive search operations'
-      description='Use debouncing for API calls or expensive filtering to improve performance'
-    >
-
-{/* prettier-ignore */}
-```tsx
-const debouncedSearch = useCallback(
-  debounce((text: string) => performSearch(text), 500),
-  []
-);
-
-<SearchInput
-  placeholder='Search'
-  value={query}
-  onChangeText={(text) => {
-    setQuery(text);
-    debouncedSearch(text);
-  }}
-/>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't perform expensive operations on every keystroke"
-      description='Avoid running expensive operations on every input change without debouncing'
-    >
-
-{/* prettier-ignore */}
-```tsx
-const debouncedSearch = useCallback(
-  debounce((text: string) => performSearch(text), 500),
-  []
-);
-
-<SearchInput
-  placeholder='Search'
-  value={query}
-  onChangeText={(text) => {
-    setQuery(text);
-    performExpensiveAPICall(text); // Should be debounced
-  }}
-/>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Provide descriptive placeholder text'
-      description='Use clear, specific placeholder text that describes what users can search for'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<SearchInput
-  placeholder='Search by name or email'
-  value={query}
-  onChangeText={setQuery}
-/>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't use vague placeholder text"
-      description='Avoid generic or unclear placeholder text that does not help users'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<SearchInput
-  placeholder='Type here'
-  value={query}
-  onChangeText={setQuery}
-/>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <CommonRulesDoAndDont />
-</div>
 
 ## Platform Considerations
 

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

@@ -0,0 +1,35 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { SegmentedControl, SegmentedControlButton } from "./SegmentedControl.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+figma.connect(SegmentedControl, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=1170-2345', {
+  imports: ["import { SegmentedControl, SegmentedControlButton } from '@ledgerhq/lumen-ui-rnative'"],
+  props: {
+    appearance: figma.enum('appearance', {
+      background: 'background',
+      'no-background': 'no-background'
+    }),
+    tabLayout: figma.enum('tab-width', {
+      fixed: 'fixed',
+      hug: 'fit'
+    })
+  },
+  example: props => /*#__PURE__*/_jsxs(SegmentedControl, {
+    selectedValue: "tab1",
+    onSelectedChange: () => {},
+    appearance: props.appearance,
+    tabLayout: props.tabLayout,
+    children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
+      value: "tab1",
+      children: "Tab 1"
+    }), /*#__PURE__*/_jsx(SegmentedControlButton, {
+      value: "tab2",
+      children: "Tab 2"
+    }), /*#__PURE__*/_jsx(SegmentedControlButton, {
+      value: "tab3",
+      children: "Tab 3"
+    })]
+  })
+});
+//# sourceMappingURL=SegmentedControl.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","SegmentedControl","SegmentedControlButton","jsx","_jsx","jsxs","_jsxs","connect","imports","props","appearance","enum","background","tabLayout","fixed","hug","example","selectedValue","onSelectedChange","children","value"],"sourceRoot":"../../../../../src","sources":["lib/Components/SegmentedControl/SegmentedControl.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,gBAAgB,EAAEC,sBAAsB,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9EN,KAAK,CAACO,OAAO,CACXN,gBAAgB,EAChB,uEAAuE,EACvE;EACEO,OAAO,EAAE,CACP,uFAAuF,CACxF;EACDC,KAAK,EAAE;IACLC,UAAU,EAAEV,KAAK,CAACW,IAAI,CAAC,YAAY,EAAE;MACnCC,UAAU,EAAE,YAAY;MACxB,eAAe,EAAE;IACnB,CAAC,CAAC;IACFC,SAAS,EAAEb,KAAK,CAACW,IAAI,CAAC,WAAW,EAAE;MACjCG,KAAK,EAAE,OAAO;MACdC,GAAG,EAAE;IACP,CAAC;EACH,CAAC;EACDC,OAAO,EAAGP,KAAK,iBACbH,KAAA,CAACL,gBAAgB;IACfgB,aAAa,EAAC,MAAM;IACpBC,gBAAgB,EAAEA,CAAA,KAAM,CAAC,CAAE;IAC3BR,UAAU,EAAED,KAAK,CAACC,UAAW;IAC7BG,SAAS,EAAEJ,KAAK,CAACI,SAAU;IAAAM,QAAA,gBAE3Bf,IAAA,CAACF,sBAAsB;MAACkB,KAAK,EAAC,MAAM;MAAAD,QAAA,EAAC;IAAK,CAAwB,CAAC,eACnEf,IAAA,CAACF,sBAAsB;MAACkB,KAAK,EAAC,MAAM;MAAAD,QAAA,EAAC;IAAK,CAAwB,CAAC,eACnEf,IAAA,CAACF,sBAAsB;MAACkB,KAAK,EAAC,MAAM;MAAAD,QAAA,EAAC;IAAK,CAAwB,CAAC;EAAA,CACnD;AAEtB,CACF,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Skeleton } from "./Skeleton.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(Skeleton, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=8004-10676', {
+  imports: ["import { Skeleton } from '@ledgerhq/lumen-ui-rnative'"],
+  props: {
+    component: figma.enum('appearance', {
+      'list-item': 'list-item',
+      tile: 'tile'
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(Skeleton, {
+    component: props.component
+  })
+});
+//# sourceMappingURL=Skeleton.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Skeleton","jsx","_jsx","connect","imports","props","component","enum","tile","example"],"sourceRoot":"../../../../../src","sources":["lib/Components/Skeleton/Skeleton.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtCH,KAAK,CAACI,OAAO,CACXH,QAAQ,EACR,wEAAwE,EACxE;EACEI,OAAO,EAAE,CAAC,uDAAuD,CAAC;EAClEC,KAAK,EAAE;IACLC,SAAS,EAAEP,KAAK,CAACQ,IAAI,CAAC,YAAY,EAAE;MAClC,WAAW,EAAE,WAAW;MACxBC,IAAI,EAAE;IACR,CAAC;EACH,CAAC;EACDC,OAAO,EAAGJ,KAAK,iBAAKH,IAAA,CAACF,QAAQ;IAACM,SAAS,EAAED,KAAK,CAACC;EAAU,CAAE;AAC7D,CACF,CAAC","ignoreList":[]}

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

@@ -4,11 +4,7 @@ import { Skeleton } from './Skeleton';
 import {
   CustomTabs,
   Tab,
-  DoVsDontRow,
-  DoBlockItem,
-  DontBlockItem,
 } from '../../../../.storybook/components';
-import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
 <Meta title='Core/Skeleton' of={SkeletonStories} />
 
@@ -128,73 +124,6 @@ import { Box, Skeleton } from '@ledgerhq/lumen-ui-rnative';
 </Box>
 ```
 
-## Do's and Don'ts
-
-<div className='flex flex-col gap-24'>
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use component prop for common patterns'
-      description='Use pre-built variants for consistent loading states'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Skeleton component='list-item' />
-<Skeleton component='tile' />
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't manually recreate common patterns"
-      description='Avoid recreating patterns that already exist as component variants'
-    >
-
-{/* prettier-ignore */}
-```tsx
-import { Box, Skeleton } from '@ledgerhq/lumen-ui-rnative';
-
-<Box lx={{ flexDirection: 'row', alignItems: 'center', gap: 's16' }}>
-  <Skeleton lx={{ width: 's48', height: 's48', borderRadius: 'full' }} />
-  <Box lx={{ flex: 1, flexDirection: 'column', gap: 's8' }}>
-    <Skeleton lx={{ height: 's12', width: 's176' }} />
-    <Skeleton lx={{ height: 's12', width: 's112' }} />
-  </Box>
-</Box>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use lx prop for sizing'
-      description='Use design system size tokens for consistent sizing'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Skeleton lx={{ height: 's16', width: 's256' }} />
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't use arbitrary style values"
-      description='Avoid using the style prop or arbitrary values'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Skeleton style={{ height: 16, width: 200 }} />
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-</div>
-
-<CommonRulesDoAndDont />
 
 </Tab>
 </CustomTabs>

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

@@ -0,0 +1,13 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Spinner } from "./Spinner.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(Spinner, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=9023-3681', {
+  imports: ["import { Spinner } from '@ledgerhq/lumen-ui-rnative'"],
+  // @ts-expect-error — placeholder value, replace with a valid IconSize
+  example: () => /*#__PURE__*/_jsx(Spinner, {
+    size: "<insert-size>"
+  })
+});
+//# sourceMappingURL=Spinner.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Spinner","jsx","_jsx","connect","imports","example","size"],"sourceRoot":"../../../../../src","sources":["lib/Components/Spinner/Spinner.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,uEAAuE,EACvE;EACEI,OAAO,EAAE,CAAC,sDAAsD,CAAC;EACjE;EACAC,OAAO,EAAEA,CAAA,kBAAMH,IAAA,CAACF,OAAO;IAACM,IAAI,EAAC;EAAe,CAAE;AAChD,CACF,CAAC","ignoreList":[]}

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

@@ -1,8 +1,6 @@
 import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
 import * as SpinnerStories from './Spinner.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';
 
@@ -116,104 +114,6 @@ function MyComponent() {
 }
 ```
 
-## Do's and Don'ts
-
-<Box lx={{ gap: 's24' }}>
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Match spinner size to context'
-      description='Use appropriate spinner sizes based on the context and prominence'
-    >
-
-{/* prettier-ignore */}
-```tsx
-// Small inline loading
-<Spinner size={12} />
-
-// Prominent loading state
-<Spinner size={40} />
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't override spinner size"
-      description='Avoid using style or additional props to override spinner dimensions'
-    >
-
-{/* prettier-ignore */}
-```tsx
-// Small inline loading
-<Spinner size={12} style={{ width: 6, height: 6 }} />
-
-// Prominent loading state
-<Spinner size={40} width={32} height={32} />
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Provide context with descriptive text'
-      description='Pair spinners with text to give users context about what is loading'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Box lx={{ flexDirection: 'row', alignItems: 'center', gap: 's8' }}>
-  <Spinner size={16} />
-  <Text>Syncing wallet...</Text>
-</Box>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't show spinners without context"
-      description='Avoid showing spinners alone without descriptive text'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Box lx={{ flexDirection: 'row', alignItems: 'center', gap: 's8' }}>
-  <Spinner size={16} />
-</Box>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use standard sizes from the design system'
-      description='Stick to predefined size values like 12, 16, 20, 24, 40'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Spinner size={16} />
-<Spinner size={24} />
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't use non-standard sizes"
-      description='Avoid arbitrary size values that are not part of the design system'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Spinner size={22} />
-<Spinner size={35} />
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <CommonRulesDoAndDont />
-</Box>
 
 </Tab>
 </CustomTabs>

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

@@ -0,0 +1,37 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Placeholder } from "../../Symbols/index.js";
+import { Spot } from "./Spot.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(Spot, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=6786%3A4738', {
+  imports: ["import { Spot } from '@ledgerhq/lumen-ui-rnative'", "import { Placeholder } from '@ledgerhq/lumen-ui-rnative/symbols'"],
+  props: {
+    disabled: figma.enum('state', {
+      disabled: true
+    }),
+    appearance: figma.enum('appearance', {
+      'interface-icon': 'icon',
+      loader: 'loader',
+      number: 'number',
+      'info-muted': 'info',
+      warning: 'warning',
+      error: 'error',
+      check: 'check',
+      bluetooth: 'bluetooth'
+    }),
+    icon: figma.enum('appearance', {
+      'interface-icon': Placeholder
+    }),
+    number: figma.enum('appearance', {
+      number: 1
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(Spot, {
+    appearance: props.appearance,
+    icon: props.icon,
+    number: props.number,
+    disabled: props.disabled
+  })
+});
+//# sourceMappingURL=Spot.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Placeholder","Spot","jsx","_jsx","connect","imports","props","disabled","enum","appearance","loader","number","warning","error","check","bluetooth","icon","example"],"sourceRoot":"../../../../../src","sources":["lib/Components/Spot/Spot.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,WAAW,QAAQ,wBAAe;AAC3C,SAASC,IAAI,QAAQ,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9BJ,KAAK,CAACK,OAAO,CACXH,IAAI,EACJ,yEAAyE,EACzE;EACEI,OAAO,EAAE,CACP,mDAAmD,EACnD,kEAAkE,CACnE;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAER,KAAK,CAACS,IAAI,CAAC,OAAO,EAAE;MAC5BD,QAAQ,EAAE;IACZ,CAAC,CAAC;IACFE,UAAU,EAAEV,KAAK,CAACS,IAAI,CAAC,YAAY,EAAE;MACnC,gBAAgB,EAAE,MAAM;MACxBE,MAAM,EAAE,QAAQ;MAChBC,MAAM,EAAE,QAAQ;MAChB,YAAY,EAAE,MAAM;MACpBC,OAAO,EAAE,SAAS;MAClBC,KAAK,EAAE,OAAO;MACdC,KAAK,EAAE,OAAO;MACdC,SAAS,EAAE;IACb,CAAC,CAAC;IACFC,IAAI,EAAEjB,KAAK,CAACS,IAAI,CAAC,YAAY,EAAE;MAC7B,gBAAgB,EAAER;IACpB,CAAC,CAAC;IACFW,MAAM,EAAEZ,KAAK,CAACS,IAAI,CAAC,YAAY,EAAE;MAC/BG,MAAM,EAAE;IACV,CAAC;EACH,CAAC;EACDM,OAAO,EAAGX,KAMT,iBACCH,IAAA,CAACF,IAAI;IACHQ,UAAU,EAAEH,KAAK,CAACG,UAAW;IAC7BO,IAAI,EAAEV,KAAK,CAACU,IAAK;IACjBL,MAAM,EAAEL,KAAK,CAACK,MAAO;IACrBJ,QAAQ,EAAED,KAAK,CAACC;EAAS,CAC1B;AAEL,CACF,CAAC","ignoreList":[]}