@ledgerhq/lumen-ui-rnative 0.1.47 → 0.1.49

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

@@ -3,8 +3,6 @@ import * as CheckboxStories from './Checkbox.stories';
 import { Checkbox } from './Checkbox';
 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/Checkbox' of={CheckboxStories} />
 
@@ -148,77 +146,6 @@ The Checkbox 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 Checkbox component and maintain design system principles.
-
-<Box lx={{ flexDirection: 'column', gap: 's24' }}>
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use the built-in label prop'
-      description='Use the label prop for simple text labels'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Checkbox label='Subscribe to newsletter' />
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't use unlabeled checkboxes"
-      description='Always provide labels for accessibility and clarity'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Checkbox id='newsletter' />
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use controlled components for form state'
-      description='Use checked and onCheckedChange props for controlled checkboxes'
-    >
-
-{/* prettier-ignore */}
-```tsx
-const [isChecked, setIsChecked] = useState(false);
-
-<Checkbox 
-  label='Accept terms'
-  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);
-
-<Checkbox 
-  label='Accept terms'
-  checked={isChecked} 
-  defaultChecked={true} 
-/>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <CommonRulesDoAndDont />
-</Box>
 
 </Tab>
 </CustomTabs>

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

@@ -0,0 +1,91 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Settings } from "../../Symbols/index.js";
+import { Spot } from "../Spot/index.js";
+import { Stepper } from "../Stepper/index.js";
+import { ContentBanner, ContentBannerContent, ContentBannerDescription, ContentBannerTitle } from "./ContentBanner.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+figma.connect(ContentBanner, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=11235-5966', {
+  imports: ["import { ContentBanner, ContentBannerContent, ContentBannerTitle, ContentBannerDescription, Spot, Stepper } from '@ledgerhq/lumen-ui-rnative'"],
+  variant: {
+    'leading-content': 'spot'
+  },
+  props: {
+    title: figma.string('title'),
+    description: figma.string('description'),
+    onClose: figma.boolean('show-close-button', {
+      true: () => {},
+      false: undefined
+    })
+  },
+  example: props => /*#__PURE__*/_jsxs(ContentBanner, {
+    onClose: props.onClose,
+    closeAccessibilityLabel: "Close content banner",
+    children: [/*#__PURE__*/_jsx(Spot, {
+      appearance: "icon",
+      icon: Settings,
+      size: 48
+    }), /*#__PURE__*/_jsxs(ContentBannerContent, {
+      children: [/*#__PURE__*/_jsx(ContentBannerTitle, {
+        children: props.title
+      }), /*#__PURE__*/_jsx(ContentBannerDescription, {
+        children: props.description
+      })]
+    })]
+  })
+});
+figma.connect(ContentBanner, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=11235-5966', {
+  imports: ["import { ContentBanner, ContentBannerContent, ContentBannerTitle, ContentBannerDescription, Spot, Stepper } from '@ledgerhq/lumen-ui-rnative'"],
+  variant: {
+    'leading-content': 'stepper'
+  },
+  props: {
+    title: figma.string('title'),
+    description: figma.string('description'),
+    onClose: figma.boolean('show-close-button', {
+      true: () => {},
+      false: undefined
+    })
+  },
+  example: props => /*#__PURE__*/_jsxs(ContentBanner, {
+    onClose: props.onClose,
+    closeAccessibilityLabel: "Close content banner",
+    children: [/*#__PURE__*/_jsx(Stepper, {
+      currentStep: 1,
+      totalSteps: 4
+    }), /*#__PURE__*/_jsxs(ContentBannerContent, {
+      children: [/*#__PURE__*/_jsx(ContentBannerTitle, {
+        children: props.title
+      }), /*#__PURE__*/_jsx(ContentBannerDescription, {
+        children: props.description
+      })]
+    })]
+  })
+});
+figma.connect(ContentBanner, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=11235-5966', {
+  imports: ["import { ContentBanner, ContentBannerContent, ContentBannerTitle, ContentBannerDescription, Spot, Stepper } from '@ledgerhq/lumen-ui-rnative'"],
+  variant: {
+    'leading-content': 'none'
+  },
+  props: {
+    title: figma.string('title'),
+    description: figma.string('description'),
+    onClose: figma.boolean('show-close-button', {
+      true: () => {},
+      false: undefined
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(ContentBanner, {
+    onClose: props.onClose,
+    closeAccessibilityLabel: "Close content banner",
+    children: /*#__PURE__*/_jsxs(ContentBannerContent, {
+      children: [/*#__PURE__*/_jsx(ContentBannerTitle, {
+        children: props.title
+      }), /*#__PURE__*/_jsx(ContentBannerDescription, {
+        children: props.description
+      })]
+    })
+  })
+});
+//# sourceMappingURL=ContentBanner.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Settings","Spot","Stepper","ContentBanner","ContentBannerContent","ContentBannerDescription","ContentBannerTitle","jsx","_jsx","jsxs","_jsxs","connect","imports","variant","props","title","string","description","onClose","boolean","true","false","undefined","example","closeAccessibilityLabel","children","appearance","icon","size","currentStep","totalSteps"],"sourceRoot":"../../../../../src","sources":["lib/Components/ContentBanner/ContentBanner.figma.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -8,8 +8,6 @@ import {
 } from './ContentBanner';
 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/ContentBanner' of={ContentBannerStories} />
 

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

@@ -0,0 +1,17 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { CryptoIcon } from '@ledgerhq/crypto-icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(CryptoIcon, 'https://www.figma.com/design/zSkvGGiqcnhywp2l3HTHxA?node-id=6159-1866', {
+  imports: ["import { CryptoIcon } from '@ledgerhq/crypto-icons'"],
+  props: {
+    ticker: figma.string('asset')
+  },
+  example: props => /*#__PURE__*/_jsx(CryptoIcon, {
+    ticker: props.ticker,
+    ledgerId: props.ticker,
+    size: '<insert-size>'
+  })
+});
+//# sourceMappingURL=CryptoIcon.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","CryptoIcon","jsx","_jsx","connect","imports","props","ticker","string","example","ledgerId","size"],"sourceRoot":"../../../../../src","sources":["lib/Components/CryptoIcon/CryptoIcon.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,UAAU,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpDH,KAAK,CAACI,OAAO,CACXH,UAAU,EACV,uEAAuE,EACvE;EACEI,OAAO,EAAE,CAAC,qDAAqD,CAAC;EAChEC,KAAK,EAAE;IACLC,MAAM,EAAEP,KAAK,CAACQ,MAAM,CAAC,OAAO;EAC9B,CAAC;EACDC,OAAO,EAAGH,KAAyB,iBACjCH,IAAA,CAACF,UAAU;IACTM,MAAM,EAAED,KAAK,CAACC,MAAO;IACrBG,QAAQ,EAAEJ,KAAK,CAACC,MAAO;IACvBI,IAAI,EAAE;EAAuB,CAC9B;AAEL,CACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { DescriptionItem, DescriptionItemLabel, DescriptionItemLeading, DescriptionItemTrailing, DescriptionItemValue } from "./DescriptionItem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+figma.connect(DescriptionItem, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=10311-11837', {
+  imports: ["import { DescriptionItem, DescriptionItemLeading, DescriptionItemLabel, DescriptionItemTrailing, DescriptionItemValue } from '@ledgerhq/lumen-ui-rnative'"],
+  props: {
+    size: figma.enum('size', {
+      sm: 'sm',
+      md: 'md'
+    }),
+    label: figma.string('leading-label'),
+    value: figma.string('trailing-label')
+  },
+  example: props => /*#__PURE__*/_jsxs(DescriptionItem, {
+    size: props.size,
+    children: [/*#__PURE__*/_jsx(DescriptionItemLeading, {
+      children: /*#__PURE__*/_jsx(DescriptionItemLabel, {
+        children: props.label
+      })
+    }), /*#__PURE__*/_jsx(DescriptionItemTrailing, {
+      children: /*#__PURE__*/_jsx(DescriptionItemValue, {
+        children: props.value
+      })
+    })]
+  })
+});
+//# sourceMappingURL=DescriptionItem.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","DescriptionItem","DescriptionItemLabel","DescriptionItemLeading","DescriptionItemTrailing","DescriptionItemValue","jsx","_jsx","jsxs","_jsxs","connect","imports","props","size","enum","sm","md","label","string","value","example","children"],"sourceRoot":"../../../../../src","sources":["lib/Components/DescriptionItem/DescriptionItem.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SACEC,eAAe,EACfC,oBAAoB,EACpBC,sBAAsB,EACtBC,uBAAuB,EACvBC,oBAAoB,QACf,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3BT,KAAK,CAACU,OAAO,CACXT,eAAe,EACf,yEAAyE,EACzE;EACEU,OAAO,EAAE,CACP,2JAA2J,CAC5J;EACDC,KAAK,EAAE;IACLC,IAAI,EAAEb,KAAK,CAACc,IAAI,CAAC,MAAM,EAAE;MACvBC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC,CAAC;IACFC,KAAK,EAAEjB,KAAK,CAACkB,MAAM,CAAC,eAAe,CAAC;IACpCC,KAAK,EAAEnB,KAAK,CAACkB,MAAM,CAAC,gBAAgB;EACtC,CAAC;EACDE,OAAO,EAAGR,KAAK,iBACbH,KAAA,CAACR,eAAe;IAACY,IAAI,EAAED,KAAK,CAACC,IAAK;IAAAQ,QAAA,gBAChCd,IAAA,CAACJ,sBAAsB;MAAAkB,QAAA,eACrBd,IAAA,CAACL,oBAAoB;QAAAmB,QAAA,EAAET,KAAK,CAACK;MAAK,CAAuB;IAAC,CACpC,CAAC,eACzBV,IAAA,CAACH,uBAAuB;MAAAiB,QAAA,eACtBd,IAAA,CAACF,oBAAoB;QAAAgB,QAAA,EAAET,KAAK,CAACO;MAAK,CAAuB;IAAC,CACnC,CAAC;EAAA,CACX;AAErB,CACF,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Divider","jsx","_jsx","connect","imports","example"],"sourceRoot":"../../../../../src","sources":["lib/Components/Divider/Divider.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,sEAAsE,EACtE;EACEI,OAAO,EAAE,CAAC,sDAAsD,CAAC;EACjEC,OAAO,EAAEA,CAAA,kBAAMH,IAAA,CAACF,OAAO,IAAE;AAC3B,CACF,CAAC","ignoreList":[]}

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

@@ -5,7 +5,6 @@ import {
   CustomTabs,
   Tab,
 } from '../../../../.storybook/components';
-import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
 <Meta title='Core/Divider' of={DividerStories} />
 
@@ -140,7 +139,6 @@ function MyList() {
 }
 ```
 
-<CommonRulesDoAndDont />
 
 ## Performance Considerations
 

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

@@ -0,0 +1,29 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { DotCount } from "./DotCount.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(DotCount, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=38-998', {
+  imports: ["import { DotCount } from '@ledgerhq/lumen-ui-rnative'"],
+  props: {
+    value: figma.string('value'),
+    size: figma.enum('size', {
+      md: 'md',
+      lg: 'lg'
+    }),
+    appearance: figma.enum('appearance', {
+      base: 'base',
+      red: 'red'
+    }),
+    disabled: figma.enum('state', {
+      disabled: true
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(DotCount, {
+    value: Number(props.value),
+    size: props.size,
+    appearance: props.appearance,
+    disabled: props.disabled
+  })
+});
+//# sourceMappingURL=DotCount.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","DotCount","jsx","_jsx","connect","imports","props","value","string","size","enum","md","lg","appearance","base","red","disabled","example","Number"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotCount/DotCount.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,0FAA0F,EAC1F;EACEI,OAAO,EAAE,CAAC,uDAAuD,CAAC;EAClEC,KAAK,EAAE;IACLC,KAAK,EAAEP,KAAK,CAACQ,MAAM,CAAC,OAAO,CAAC;IAC5BC,IAAI,EAAET,KAAK,CAACU,IAAI,CAAC,MAAM,EAAE;MACvBC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC,CAAC;IACFC,UAAU,EAAEb,KAAK,CAACU,IAAI,CAAC,YAAY,EAAE;MACnCI,IAAI,EAAE,MAAM;MACZC,GAAG,EAAE;IACP,CAAC,CAAC;IACFC,QAAQ,EAAEhB,KAAK,CAACU,IAAI,CAAC,OAAO,EAAE;MAC5BM,QAAQ,EAAE;IACZ,CAAC;EACH,CAAC;EACDC,OAAO,EAAGX,KAAK,iBACbH,IAAA,CAACF,QAAQ;IACPM,KAAK,EAAEW,MAAM,CAACZ,KAAK,CAACC,KAAK,CAAE;IAC3BE,IAAI,EAAEH,KAAK,CAACG,IAAK;IACjBI,UAAU,EAAEP,KAAK,CAACO,UAAW;IAC7BG,QAAQ,EAAEV,KAAK,CAACU;EAAS,CAC1B;AAEL,CACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { DotIndicator } from "./DotIndicator.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(DotIndicator, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=16470-25597', {
+  imports: ["import { DotIndicator } from '@ledgerhq/lumen-ui-rnative'"],
+  props: {
+    size: figma.enum('size', {
+      sm: 'sm',
+      md: 'md',
+      lg: 'lg',
+      xl: 'xl'
+    }),
+    appearance: figma.enum('appearance', {
+      base: 'base',
+      red: 'red'
+    }),
+    disabled: figma.enum('state', {
+      disabled: true
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(DotIndicator, {
+    size: props.size,
+    appearance: props.appearance,
+    disabled: props.disabled
+  })
+});
+//# sourceMappingURL=DotIndicator.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","DotIndicator","jsx","_jsx","connect","imports","props","size","enum","sm","md","lg","xl","appearance","base","red","disabled","example"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotIndicator/DotIndicator.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,YAAY,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9CH,KAAK,CAACI,OAAO,CACXH,YAAY,EACZ,+FAA+F,EAC/F;EACEI,OAAO,EAAE,CAAC,2DAA2D,CAAC;EACtEC,KAAK,EAAE;IACLC,IAAI,EAAEP,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;MACvBC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC,CAAC;IACFC,UAAU,EAAEb,KAAK,CAACQ,IAAI,CAAC,YAAY,EAAE;MACnCM,IAAI,EAAE,MAAM;MACZC,GAAG,EAAE;IACP,CAAC,CAAC;IACFC,QAAQ,EAAEhB,KAAK,CAACQ,IAAI,CAAC,OAAO,EAAE;MAC5BQ,QAAQ,EAAE;IACZ,CAAC;EACH,CAAC;EACDC,OAAO,EAAGX,KAAK,iBACbH,IAAA,CAACF,YAAY;IACXM,IAAI,EAAED,KAAK,CAACC,IAAK;IACjBM,UAAU,EAAEP,KAAK,CAACO,UAAW;IAC7BG,QAAQ,EAAEV,KAAK,CAACU;EAAS,CAC1B;AAEL,CACF,CAAC","ignoreList":[]}

package/dist/module/lib/Components/DotIndicator/DotIndicator.stories.js

@@ -3,6 +3,7 @@
 import { Settings } from "../../Symbols/index.js";
 import { Avatar } from "../Avatar/Avatar.js";
 import { Button } from "../Button/Button.js";
+import { getDotIndicatorProps } from "../DotIndicator/index.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import { Box } from "../Utility/Box/index.js";
 import { DotIndicator } from "./DotIndicator.js";
@@ -84,9 +85,11 @@ export const WithChildren = {
         size: "sm",
         children: "Submit"
       })
-    }), /*#__PURE__*/_jsx(Avatar, {
-      size: "md",
-      showNotification: true
+    }), /*#__PURE__*/_jsx(DotIndicator, {
+      ...getDotIndicatorProps('avatar', 'md'),
+      children: /*#__PURE__*/_jsx(Avatar, {
+        size: "md"
+      })
     }), /*#__PURE__*/_jsx(DotIndicator, {
       appearance: "red",
       children: /*#__PURE__*/_jsx(IconButton, {

package/dist/module/lib/Components/DotIndicator/DotIndicator.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["Settings","Avatar","Button","IconButton","Box","DotIndicator","jsx","_jsx","jsxs","_jsxs","meta","component","id","title","parameters","docs","source","language","format","type","argTypes","size","control","options","appearance","Base","args","SizeShowcase","render","lx","flexDirection","alignItems","gap","children","AppearanceShowcase","disabled","WithChildren","showNotification","accessibilityLabel","icon"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotIndicator/DotIndicator.stories.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Settings","Avatar","Button","getDotIndicatorProps","IconButton","Box","DotIndicator","jsx","_jsx","jsxs","_jsxs","meta","component","id","title","parameters","docs","source","language","format","type","argTypes","size","control","options","appearance","Base","args","SizeShowcase","render","lx","flexDirection","alignItems","gap","children","AppearanceShowcase","disabled","WithChildren","accessibilityLabel","icon"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotIndicator/DotIndicator.stories.tsx"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,wBAAe;AACxC,SAASC,MAAM,QAAQ,qBAAkB;AACzC,SAASC,MAAM,QAAQ,qBAAkB;AACzC,SAASC,oBAAoB,QAAQ,0BAAiB;AACtD,SAASC,UAAU,QAAQ,6BAA0B;AACrD,SAASC,GAAG,QAAQ,yBAAgB;AACpC,SAASC,YAAY,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9C,MAAMC,IAAI,GAAG;EACXC,SAAS,EAAEN,YAAY;EACvBO,EAAE,EAAE,sBAAsB;EAC1BC,KAAK,EAAE,mBAAmB;EAC1BC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,MAAM,EAAE;QACNC,QAAQ,EAAE,KAAK;QACfC,MAAM,EAAE,IAAI;QACZC,IAAI,EAAE;MACR;IACF;EACF,CAAC;EACDC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,OAAO;MAChBC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAClC,CAAC;IACDC,UAAU,EAAE;MACVF,OAAO,EAAE,OAAO;MAChBC,OAAO,EAAE,CAAC,MAAM,EAAE,KAAK;IACzB;EACF;AACF,CAAqC;AAErC,eAAeb,IAAI;AAGnB,OAAO,MAAMe,IAAW,GAAG;EACzBC,IAAI,EAAE;IACJF,UAAU,EAAE;EACd;AACF,CAAC;AAED,OAAO,MAAMG,YAAmB,GAAG;EACjCC,MAAM,EAAEA,CAAA,kBACNnB,KAAA,CAACL,GAAG;IAACyB,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAM,CAAE;IAAAC,QAAA,gBAClE1B,IAAA,CAACF,YAAY;MAACgB,IAAI,EAAC;IAAI,CAAE,CAAC,eAC1Bd,IAAA,CAACF,YAAY;MAACgB,IAAI,EAAC;IAAI,CAAE,CAAC,eAC1Bd,IAAA,CAACF,YAAY;MAACgB,IAAI,EAAC;IAAI,CAAE,CAAC,eAC1Bd,IAAA,CAACF,YAAY;MAACgB,IAAI,EAAC;IAAI,CAAE,CAAC;EAAA,CACvB;AAET,CAAC;AAED,OAAO,MAAMa,kBAAyB,GAAG;EACvCN,MAAM,EAAEA,CAAA,kBACNnB,KAAA,CAACL,GAAG;IAACyB,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAM,CAAE;IAAAC,QAAA,gBAClE1B,IAAA,CAACF,YAAY;MAACmB,UAAU,EAAC;IAAM,CAAE,CAAC,eAClCjB,IAAA,CAACF,YAAY;MAACmB,UAAU,EAAC;IAAK,CAAE,CAAC,eACjCjB,IAAA,CAACF,YAAY;MAAC8B,QAAQ;IAAA,CAAE,CAAC;EAAA,CACtB;AAET,CAAC;AAED,OAAO,MAAMC,YAAmB,GAAG;EACjCR,MAAM,EAAEA,CAAA,kBACNnB,KAAA,CAACL,GAAG;IAACyB,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAM,CAAE;IAAAC,QAAA,gBAClE1B,IAAA,CAACF,YAAY;MAACmB,UAAU,EAAC,KAAK;MAAAS,QAAA,eAC5B1B,IAAA,CAACN,MAAM;QAACoB,IAAI,EAAC,IAAI;QAAAY,QAAA,EAAC;MAAM,CAAQ;IAAC,CACrB,CAAC,eACf1B,IAAA,CAACF,YAAY;MAAA,GAAKH,oBAAoB,CAAC,QAAQ,EAAE,IAAI,CAAC;MAAA+B,QAAA,eACpD1B,IAAA,CAACP,MAAM;QAACqB,IAAI,EAAC;MAAI,CAAE;IAAC,CACR,CAAC,eACfd,IAAA,CAACF,YAAY;MAACmB,UAAU,EAAC,KAAK;MAAAS,QAAA,eAC5B1B,IAAA,CAACJ,UAAU;QAACkC,kBAAkB,EAAC,UAAU;QAACC,IAAI,EAAEvC;MAAS,CAAE;IAAC,CAChD,CAAC;EAAA,CACZ;AAET,CAAC","ignoreList":[]}

package/dist/module/lib/Components/DotIndicator/getDotIndicatorProps.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { createPropsResolver } from '@ledgerhq/lumen-utils-shared';
+export const getDotIndicatorProps = createPropsResolver({
+  // larger avatars (`lg`, `xl`) don't render a dot indicator
+  avatar: {
+    sm: {
+      size: 'lg',
+      appearance: 'red'
+    },
+    md: {
+      size: 'xl',
+      appearance: 'red'
+    }
+  }
+});
+//# sourceMappingURL=getDotIndicatorProps.js.map

package/dist/module/lib/Components/DotIndicator/getDotIndicatorProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createPropsResolver","getDotIndicatorProps","avatar","sm","size","appearance","md"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotIndicator/getDotIndicatorProps.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,8BAA8B;AAGlE,OAAO,MAAMC,oBAAoB,GAAGD,mBAAmB,CAAC;EACtD;EACAE,MAAM,EAAE;IACNC,EAAE,EAAE;MAAEC,IAAI,EAAE,IAAI;MAAEC,UAAU,EAAE;IAAM,CAAC;IACrCC,EAAE,EAAE;MAAEF,IAAI,EAAE,IAAI;MAAEC,UAAU,EAAE;IAAM;EACtC;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/lib/Components/DotIndicator/getDotIndicatorProps.test.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { describe, it, expect } from '@jest/globals';
+import { getDotIndicatorProps } from "./getDotIndicatorProps.js";
+describe('getDotIndicatorProps', () => {
+  it('resolves avatar dot indicator props', () => {
+    expect(getDotIndicatorProps('avatar', 'sm')).toEqual({
+      size: 'lg',
+      appearance: 'red'
+    });
+    expect(getDotIndicatorProps('avatar', 'md')).toEqual({
+      size: 'xl',
+      appearance: 'red'
+    });
+  });
+});
+//# sourceMappingURL=getDotIndicatorProps.test.js.map

package/dist/module/lib/Components/DotIndicator/getDotIndicatorProps.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","getDotIndicatorProps","toEqual","size","appearance"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotIndicator/getDotIndicatorProps.test.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,QAAQ,eAAe;AACpD,SAASC,oBAAoB,QAAQ,2BAAwB;AAE7DH,QAAQ,CAAC,sBAAsB,EAAE,MAAM;EACrCC,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC9CC,MAAM,CAACC,oBAAoB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC;MACnDC,IAAI,EAAE,IAAI;MACVC,UAAU,EAAE;IACd,CAAC,CAAC;IACFJ,MAAM,CAACC,oBAAoB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC;MACnDC,IAAI,EAAE,IAAI;MACVC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/dist/module/lib/Components/DotIndicator/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
 export * from "./DotIndicator.js";
+export * from "./getDotIndicatorProps.js";
 export * from "./types.js";
 //# sourceMappingURL=index.js.map

package/dist/module/lib/Components/DotIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/DotIndicator/index.ts"],"mappings":";;AAAA,cAAc,mBAAgB;AAC9B,cAAc,YAAS","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/DotIndicator/index.ts"],"mappings":";;AAAA,cAAc,mBAAgB;AAC9B,cAAc,2BAAwB;AACtC,cAAc,YAAS","ignoreList":[]}