@ledgerhq/lumen-ui-rnative 0.1.47 → 0.1.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/module/i18n/locales/de.json +1 -3
- package/dist/module/i18n/locales/en.json +1 -3
- package/dist/module/i18n/locales/es.json +1 -3
- package/dist/module/i18n/locales/fr.json +1 -3
- package/dist/module/i18n/locales/ja.json +1 -3
- package/dist/module/i18n/locales/ko.json +1 -3
- package/dist/module/i18n/locales/pt.json +1 -3
- package/dist/module/i18n/locales/ru.json +1 -3
- package/dist/module/i18n/locales/th.json +1 -3
- package/dist/module/i18n/locales/tr.json +1 -3
- package/dist/module/i18n/locales/zh.json +1 -3
- package/dist/module/lib/Animations/Pulse/Pulse.js +3 -3
- package/dist/module/lib/Animations/Pulse/Pulse.js.map +1 -1
- package/dist/module/lib/Animations/Pulse/Pulse.mdx +0 -1
- package/dist/module/lib/Animations/Spin/Spin.js +3 -3
- package/dist/module/lib/Animations/Spin/Spin.js.map +1 -1
- package/dist/module/lib/Animations/Spin/Spin.mdx +0 -1
- package/dist/module/lib/Components/AddressInput/AddressInput.figma.js +36 -0
- package/dist/module/lib/Components/AddressInput/AddressInput.figma.js.map +1 -0
- package/dist/module/lib/Components/AddressInput/AddressInput.mdx +0 -183
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.figma.js +31 -0
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.figma.js.map +1 -0
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.mdx +0 -90
- package/dist/module/lib/Components/AmountInput/AmountInput.figma.js +70 -0
- package/dist/module/lib/Components/AmountInput/AmountInput.figma.js.map +1 -0
- package/dist/module/lib/Components/AmountInput/AmountInput.js +3 -1
- package/dist/module/lib/Components/AmountInput/AmountInput.js.map +1 -1
- package/dist/module/lib/Components/AmountInput/AmountInput.mdx +0 -190
- package/dist/module/lib/Components/AmountInput/AmountInput.stories.js +15 -0
- package/dist/module/lib/Components/AmountInput/AmountInput.stories.js.map +1 -1
- package/dist/module/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.js +1 -1
- package/dist/module/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.js.map +1 -1
- package/dist/module/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.test.js +20 -1
- package/dist/module/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.test.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.figma.js +15 -12
- package/dist/module/lib/Components/Avatar/Avatar.figma.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.js +4 -27
- package/dist/module/lib/Components/Avatar/Avatar.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.mdx +53 -69
- package/dist/module/lib/Components/Avatar/Avatar.stories.js +27 -33
- package/dist/module/lib/Components/Avatar/Avatar.stories.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.test.js +21 -39
- package/dist/module/lib/Components/Avatar/Avatar.test.js.map +1 -1
- package/dist/module/lib/Components/Banner/Banner.figma.js +107 -0
- package/dist/module/lib/Components/Banner/Banner.figma.js.map +1 -0
- package/dist/module/lib/Components/Banner/Banner.mdx +0 -86
- package/dist/module/lib/Components/BottomSheet/BottomSheet.figma.js +49 -0
- package/dist/module/lib/Components/BottomSheet/BottomSheet.figma.js.map +1 -0
- package/dist/module/lib/Components/BottomSheet/BottomSheet.mdx +0 -119
- package/dist/module/lib/Components/Button/Button.figma.js +45 -0
- package/dist/module/lib/Components/Button/Button.figma.js.map +1 -0
- package/dist/module/lib/Components/Button/Button.mdx +25 -224
- package/dist/module/lib/Components/Button/Button.stories.js +4 -36
- package/dist/module/lib/Components/Button/Button.stories.js.map +1 -1
- package/dist/module/lib/Components/Card/Card.figma.js +143 -0
- package/dist/module/lib/Components/Card/Card.figma.js.map +1 -0
- package/dist/module/lib/Components/Card/Card.mdx +0 -160
- package/dist/module/lib/Components/CardButton/CardButton.figma.js +38 -0
- package/dist/module/lib/Components/CardButton/CardButton.figma.js.map +1 -0
- package/dist/module/lib/Components/CardButton/CardButton.mdx +0 -48
- package/dist/module/lib/Components/Checkbox/Checkbox.figma.js +48 -0
- package/dist/module/lib/Components/Checkbox/Checkbox.figma.js.map +1 -0
- package/dist/module/lib/Components/Checkbox/Checkbox.mdx +0 -73
- package/dist/module/lib/Components/ContentBanner/ContentBanner.figma.js +91 -0
- package/dist/module/lib/Components/ContentBanner/ContentBanner.figma.js.map +1 -0
- package/dist/module/lib/Components/ContentBanner/ContentBanner.mdx +0 -2
- package/dist/module/lib/Components/CryptoIcon/CryptoIcon.figma.js +17 -0
- package/dist/module/lib/Components/CryptoIcon/CryptoIcon.figma.js.map +1 -0
- package/dist/module/lib/Components/DescriptionItem/DescriptionItem.figma.js +29 -0
- package/dist/module/lib/Components/DescriptionItem/DescriptionItem.figma.js.map +1 -0
- package/dist/module/lib/Components/Divider/Divider.figma.js +10 -0
- package/dist/module/lib/Components/Divider/Divider.figma.js.map +1 -0
- package/dist/module/lib/Components/Divider/Divider.mdx +0 -2
- package/dist/module/lib/Components/DotCount/DotCount.figma.js +29 -0
- package/dist/module/lib/Components/DotCount/DotCount.figma.js.map +1 -0
- package/dist/module/lib/Components/DotIndicator/DotIndicator.figma.js +29 -0
- package/dist/module/lib/Components/DotIndicator/DotIndicator.figma.js.map +1 -0
- package/dist/module/lib/Components/DotIndicator/DotIndicator.stories.js +6 -3
- package/dist/module/lib/Components/DotIndicator/DotIndicator.stories.js.map +1 -1
- package/dist/module/lib/Components/DotIndicator/getDotIndicatorProps.js +17 -0
- package/dist/module/lib/Components/DotIndicator/getDotIndicatorProps.js.map +1 -0
- package/dist/module/lib/Components/DotIndicator/getDotIndicatorProps.test.js +17 -0
- package/dist/module/lib/Components/DotIndicator/getDotIndicatorProps.test.js.map +1 -0
- package/dist/module/lib/Components/DotIndicator/index.js +1 -0
- package/dist/module/lib/Components/DotIndicator/index.js.map +1 -1
- package/dist/module/lib/Components/Icon/Icon.figma.js +1840 -0
- package/dist/module/lib/Components/Icon/Icon.figma.js.map +1 -0
- package/dist/module/lib/Components/Icon/Icon.mdx +0 -62
- package/dist/module/lib/Components/IconButton/IconButton.figma.js +42 -0
- package/dist/module/lib/Components/IconButton/IconButton.figma.js.map +1 -0
- package/dist/module/lib/Components/IconButton/IconButton.mdx +0 -68
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.figma.js +51 -0
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.figma.js.map +1 -0
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.mdx +0 -107
- package/dist/module/lib/Components/Link/Link.figma.js +41 -0
- package/dist/module/lib/Components/Link/Link.figma.js.map +1 -0
- package/dist/module/lib/Components/Link/Link.mdx +0 -102
- package/dist/module/lib/Components/ListItem/ListItem.figma.js +416 -0
- package/dist/module/lib/Components/ListItem/ListItem.figma.js.map +1 -0
- package/dist/module/lib/Components/ListItem/ListItem.mdx +0 -129
- package/dist/module/lib/Components/MediaBanner/MediaBanner.figma.js +25 -0
- package/dist/module/lib/Components/MediaBanner/MediaBanner.figma.js.map +1 -0
- package/dist/module/lib/Components/MediaBanner/MediaBanner.mdx +0 -3
- package/dist/module/lib/Components/MediaButton/MediaButton.figma.js +72 -0
- package/dist/module/lib/Components/MediaButton/MediaButton.figma.js.map +1 -0
- package/dist/module/lib/Components/MediaCard/MediaCard.figma.js +28 -0
- package/dist/module/lib/Components/MediaCard/MediaCard.figma.js.map +1 -0
- package/dist/module/lib/Components/MediaCard/MediaCard.mdx +0 -2
- package/dist/module/lib/Components/MediaImage/MediaImage.mdx +0 -1
- package/dist/module/lib/Components/MediaTag/MediaTag.figma.js +100 -0
- package/dist/module/lib/Components/MediaTag/MediaTag.figma.js.map +1 -0
- package/dist/module/lib/Components/MediaTag/MediaTag.mdx +0 -2
- package/dist/module/lib/Components/NavBar/NavBar.figma.js +79 -0
- package/dist/module/lib/Components/NavBar/NavBar.figma.js.map +1 -0
- package/dist/module/lib/Components/NavBar/NavBar.mdx +0 -2
- package/dist/module/lib/Components/OptionList/OptionList.js +16 -1
- package/dist/module/lib/Components/OptionList/OptionList.js.map +1 -1
- package/dist/module/lib/Components/OptionList/OptionList.mdx +45 -90
- package/dist/module/lib/Components/OptionList/OptionList.stories.js +61 -1
- package/dist/module/lib/Components/OptionList/OptionList.stories.js.map +1 -1
- package/dist/module/lib/Components/OptionList/OptionList.test.js +43 -1
- package/dist/module/lib/Components/OptionList/OptionList.test.js.map +1 -1
- package/dist/module/lib/Components/OptionList/useOptionList/useOptionListItems.js.map +1 -1
- package/dist/module/lib/Components/PageIndicator/PageIndicator.figma.js +13 -0
- package/dist/module/lib/Components/PageIndicator/PageIndicator.figma.js.map +1 -0
- package/dist/module/lib/Components/PageIndicator/PageIndicator.mdx +0 -2
- package/dist/module/lib/Components/SearchInput/SearchInput.figma.js +31 -0
- package/dist/module/lib/Components/SearchInput/SearchInput.figma.js.map +1 -0
- package/dist/module/lib/Components/SearchInput/SearchInput.mdx +0 -199
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.figma.js +35 -0
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.figma.js.map +1 -0
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.js +7 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.mdx +28 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.stories.js +24 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.stories.js.map +1 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.test.js +28 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.test.js.map +1 -1
- package/dist/module/lib/Components/Skeleton/Skeleton.figma.js +18 -0
- package/dist/module/lib/Components/Skeleton/Skeleton.figma.js.map +1 -0
- package/dist/module/lib/Components/Skeleton/Skeleton.mdx +0 -71
- package/dist/module/lib/Components/Spinner/Spinner.figma.js +13 -0
- package/dist/module/lib/Components/Spinner/Spinner.figma.js.map +1 -0
- package/dist/module/lib/Components/Spinner/Spinner.mdx +0 -100
- package/dist/module/lib/Components/Spot/Spot.figma.js +37 -0
- package/dist/module/lib/Components/Spot/Spot.figma.js.map +1 -0
- package/dist/module/lib/Components/Spot/Spot.mdx +0 -94
- package/dist/module/lib/Components/Stepper/Stepper.figma.js +13 -0
- package/dist/module/lib/Components/Stepper/Stepper.figma.js.map +1 -0
- package/dist/module/lib/Components/Stepper/Stepper.mdx +0 -67
- package/dist/module/lib/Components/Subheader/Subheader.figma.js +67 -0
- package/dist/module/lib/Components/Subheader/Subheader.figma.js.map +1 -0
- package/dist/module/lib/Components/Subheader/Subheader.mdx +0 -116
- package/dist/module/lib/Components/Switch/Switch.figma.js +58 -0
- package/dist/module/lib/Components/Switch/Switch.figma.js.map +1 -0
- package/dist/module/lib/Components/Switch/Switch.mdx +0 -39
- package/dist/module/lib/Components/TabBar/TabBar.figma.js +98 -0
- package/dist/module/lib/Components/TabBar/TabBar.figma.js.map +1 -0
- package/dist/module/lib/Components/TabBar/TabBar.js +7 -4
- package/dist/module/lib/Components/TabBar/TabBar.js.map +1 -1
- package/dist/module/lib/Components/TabBar/TabBar.mdx +29 -5
- package/dist/module/lib/Components/TabBar/TabBar.stories.js +35 -1
- package/dist/module/lib/Components/TabBar/TabBar.stories.js.map +1 -1
- package/dist/module/lib/Components/TabBar/TabBar.test.js +28 -1
- package/dist/module/lib/Components/TabBar/TabBar.test.js.map +1 -1
- package/dist/module/lib/Components/TabBar/index.js +2 -1
- package/dist/module/lib/Components/TabBar/index.js.map +1 -1
- package/dist/module/lib/Components/Tag/Tag.figma.js +41 -0
- package/dist/module/lib/Components/Tag/Tag.figma.js.map +1 -0
- package/dist/module/lib/Components/Tag/Tag.mdx +0 -2
- package/dist/module/lib/Components/TextInput/TextInput.figma.js +37 -0
- package/dist/module/lib/Components/TextInput/TextInput.figma.js.map +1 -0
- package/dist/module/lib/Components/TextInput/TextInput.mdx +0 -178
- package/dist/module/lib/Components/Tile/Tile.figma.js +111 -0
- package/dist/module/lib/Components/Tile/Tile.figma.js.map +1 -0
- package/dist/module/lib/Components/Tile/Tile.mdx +0 -53
- package/dist/module/lib/Components/TileButton/TileButton.figma.js +23 -0
- package/dist/module/lib/Components/TileButton/TileButton.figma.js.map +1 -0
- package/dist/module/lib/Components/TileButton/TileButton.mdx +0 -40
- package/dist/module/lib/Components/Tooltip/Tooltip.figma.js +26 -0
- package/dist/module/lib/Components/Tooltip/Tooltip.figma.js.map +1 -0
- package/dist/module/lib/Components/Tooltip/Tooltip.mdx +0 -183
- package/dist/module/lib/Components/Trend/Trend.figma.js +29 -0
- package/dist/module/lib/Components/Trend/Trend.figma.js.map +1 -0
- package/dist/module/lib/Components/Trend/Trend.mdx +0 -2
- package/dist/module/lib/Components/Utility/Text/Text.mdx +0 -1
- package/dist/module/lib/Symbols/Icons/ChevronAscending.js +1 -1
- package/dist/module/lib/Symbols/Icons/ChevronDescending.js +1 -1
- package/dist/module/lib/Symbols/Icons/Contact.js +50 -0
- package/dist/module/lib/Symbols/Icons/Contact.js.map +1 -0
- package/dist/module/lib/Symbols/index.js +1 -0
- package/dist/module/lib/Symbols/index.js.map +1 -1
- package/dist/typescript/src/lib/Animations/Pulse/Pulse.d.ts.map +1 -1
- package/dist/typescript/src/lib/Animations/Spin/Spin.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/AmountInput/AmountInput.d.ts +1 -1
- package/dist/typescript/src/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/AmountInput/types.d.ts +8 -0
- package/dist/typescript/src/lib/Components/AmountInput/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.d.ts +1 -0
- package/dist/typescript/src/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Avatar/Avatar.d.ts +1 -4
- package/dist/typescript/src/lib/Components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Avatar/types.d.ts +0 -6
- package/dist/typescript/src/lib/Components/Avatar/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/DotIndicator/getDotIndicatorProps.d.ts +24 -0
- package/dist/typescript/src/lib/Components/DotIndicator/getDotIndicatorProps.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DotIndicator/index.d.ts +1 -0
- package/dist/typescript/src/lib/Components/DotIndicator/index.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/OptionList/OptionList.d.ts +18 -4
- package/dist/typescript/src/lib/Components/OptionList/OptionList.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/OptionList/types.d.ts +16 -15
- package/dist/typescript/src/lib/Components/OptionList/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/OptionList/useOptionList/useOptionListItems.d.ts +9 -9
- package/dist/typescript/src/lib/Components/OptionList/useOptionList/useOptionListItems.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/SegmentedControl/SegmentedControl.d.ts +8 -3
- package/dist/typescript/src/lib/Components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/SegmentedControl/types.d.ts +6 -5
- package/dist/typescript/src/lib/Components/SegmentedControl/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TabBar/TabBar.d.ts +7 -2
- package/dist/typescript/src/lib/Components/TabBar/TabBar.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TabBar/index.d.ts +2 -2
- package/dist/typescript/src/lib/Components/TabBar/index.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TabBar/types.d.ts +17 -16
- package/dist/typescript/src/lib/Components/TabBar/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Symbols/Icons/Contact.d.ts +35 -0
- package/dist/typescript/src/lib/Symbols/Icons/Contact.d.ts.map +1 -0
- package/dist/typescript/src/lib/Symbols/index.d.ts +1 -0
- package/dist/typescript/src/lib/Symbols/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/i18n/locales/de.json +1 -3
- package/src/i18n/locales/en.json +1 -3
- package/src/i18n/locales/es.json +1 -3
- package/src/i18n/locales/fr.json +1 -3
- package/src/i18n/locales/ja.json +1 -3
- package/src/i18n/locales/ko.json +1 -3
- package/src/i18n/locales/pt.json +1 -3
- package/src/i18n/locales/ru.json +1 -3
- package/src/i18n/locales/th.json +1 -3
- package/src/i18n/locales/tr.json +1 -3
- package/src/i18n/locales/zh.json +1 -3
- package/src/lib/Animations/Pulse/Pulse.mdx +0 -1
- package/src/lib/Animations/Pulse/Pulse.tsx +8 -1
- package/src/lib/Animations/Spin/Spin.mdx +0 -1
- package/src/lib/Animations/Spin/Spin.tsx +8 -1
- package/src/lib/Components/AddressInput/AddressInput.figma.tsx +39 -0
- package/src/lib/Components/AddressInput/AddressInput.mdx +0 -183
- package/src/lib/Components/AmountDisplay/AmountDisplay.figma.tsx +37 -0
- package/src/lib/Components/AmountDisplay/AmountDisplay.mdx +0 -90
- package/src/lib/Components/AmountInput/AmountInput.figma.tsx +78 -0
- package/src/lib/Components/AmountInput/AmountInput.mdx +0 -190
- package/src/lib/Components/AmountInput/AmountInput.stories.tsx +14 -0
- package/src/lib/Components/AmountInput/AmountInput.tsx +2 -0
- package/src/lib/Components/AmountInput/types.ts +8 -0
- package/src/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.test.ts +20 -0
- package/src/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.ts +2 -0
- package/src/lib/Components/Avatar/Avatar.figma.tsx +24 -14
- package/src/lib/Components/Avatar/Avatar.mdx +53 -69
- package/src/lib/Components/Avatar/Avatar.stories.tsx +16 -50
- package/src/lib/Components/Avatar/Avatar.test.tsx +12 -32
- package/src/lib/Components/Avatar/Avatar.tsx +4 -34
- package/src/lib/Components/Avatar/types.ts +0 -6
- package/src/lib/Components/Banner/Banner.figma.tsx +115 -0
- package/src/lib/Components/Banner/Banner.mdx +0 -86
- package/src/lib/Components/BottomSheet/BottomSheet.figma.tsx +52 -0
- package/src/lib/Components/BottomSheet/BottomSheet.mdx +0 -119
- package/src/lib/Components/Button/Button.figma.tsx +57 -0
- package/src/lib/Components/Button/Button.mdx +25 -224
- package/src/lib/Components/Button/Button.stories.tsx +3 -35
- package/src/lib/Components/Card/Card.figma.tsx +149 -0
- package/src/lib/Components/Card/Card.mdx +0 -160
- package/src/lib/Components/CardButton/CardButton.figma.tsx +49 -0
- package/src/lib/Components/CardButton/CardButton.mdx +0 -48
- package/src/lib/Components/Checkbox/Checkbox.figma.tsx +54 -0
- package/src/lib/Components/Checkbox/Checkbox.mdx +0 -73
- package/src/lib/Components/ContentBanner/ContentBanner.figma.tsx +108 -0
- package/src/lib/Components/ContentBanner/ContentBanner.mdx +0 -2
- package/src/lib/Components/CryptoIcon/CryptoIcon.figma.tsx +20 -0
- package/src/lib/Components/DescriptionItem/DescriptionItem.figma.tsx +36 -0
- package/src/lib/Components/Divider/Divider.figma.tsx +11 -0
- package/src/lib/Components/Divider/Divider.mdx +0 -2
- package/src/lib/Components/DotCount/DotCount.figma.tsx +32 -0
- package/src/lib/Components/DotIndicator/DotIndicator.figma.tsx +32 -0
- package/src/lib/Components/DotIndicator/DotIndicator.stories.tsx +4 -1
- package/src/lib/Components/DotIndicator/getDotIndicatorProps.test.ts +15 -0
- package/src/lib/Components/DotIndicator/getDotIndicatorProps.ts +10 -0
- package/src/lib/Components/DotIndicator/index.ts +1 -0
- package/src/lib/Components/Icon/Icon.figma.tsx +3085 -0
- package/src/lib/Components/Icon/Icon.mdx +0 -62
- package/src/lib/Components/IconButton/IconButton.figma.tsx +53 -0
- package/src/lib/Components/IconButton/IconButton.mdx +0 -68
- package/src/lib/Components/InteractiveIcon/InteractiveIcon.figma.tsx +52 -0
- package/src/lib/Components/InteractiveIcon/InteractiveIcon.mdx +0 -107
- package/src/lib/Components/Link/Link.figma.tsx +53 -0
- package/src/lib/Components/Link/Link.mdx +0 -102
- package/src/lib/Components/ListItem/ListItem.figma.tsx +431 -0
- package/src/lib/Components/ListItem/ListItem.mdx +0 -129
- package/src/lib/Components/MediaBanner/MediaBanner.figma.tsx +32 -0
- package/src/lib/Components/MediaBanner/MediaBanner.mdx +0 -3
- package/src/lib/Components/MediaButton/MediaButton.figma.tsx +60 -0
- package/src/lib/Components/MediaCard/MediaCard.figma.tsx +27 -0
- package/src/lib/Components/MediaCard/MediaCard.mdx +0 -2
- package/src/lib/Components/MediaImage/MediaImage.mdx +0 -1
- package/src/lib/Components/MediaTag/MediaTag.figma.tsx +116 -0
- package/src/lib/Components/MediaTag/MediaTag.mdx +0 -2
- package/src/lib/Components/NavBar/NavBar.figma.tsx +84 -0
- package/src/lib/Components/NavBar/NavBar.mdx +0 -2
- package/src/lib/Components/OptionList/OptionList.mdx +45 -90
- package/src/lib/Components/OptionList/OptionList.stories.tsx +63 -0
- package/src/lib/Components/OptionList/OptionList.test.tsx +40 -0
- package/src/lib/Components/OptionList/OptionList.tsx +57 -10
- package/src/lib/Components/OptionList/types.ts +34 -15
- package/src/lib/Components/OptionList/useOptionList/useOptionListItems.ts +28 -13
- package/src/lib/Components/PageIndicator/PageIndicator.figma.tsx +11 -0
- package/src/lib/Components/PageIndicator/PageIndicator.mdx +0 -2
- package/src/lib/Components/SearchInput/SearchInput.figma.tsx +34 -0
- package/src/lib/Components/SearchInput/SearchInput.mdx +0 -199
- package/src/lib/Components/SegmentedControl/SegmentedControl.figma.tsx +34 -0
- package/src/lib/Components/SegmentedControl/SegmentedControl.mdx +28 -1
- package/src/lib/Components/SegmentedControl/SegmentedControl.stories.tsx +34 -1
- package/src/lib/Components/SegmentedControl/SegmentedControl.test.tsx +32 -1
- package/src/lib/Components/SegmentedControl/SegmentedControl.tsx +22 -5
- package/src/lib/Components/SegmentedControl/types.ts +11 -5
- package/src/lib/Components/Skeleton/Skeleton.figma.tsx +17 -0
- package/src/lib/Components/Skeleton/Skeleton.mdx +0 -71
- package/src/lib/Components/Spinner/Spinner.figma.tsx +12 -0
- package/src/lib/Components/Spinner/Spinner.mdx +0 -100
- package/src/lib/Components/Spot/Spot.figma.tsx +50 -0
- package/src/lib/Components/Spot/Spot.mdx +0 -94
- package/src/lib/Components/Stepper/Stepper.figma.tsx +11 -0
- package/src/lib/Components/Stepper/Stepper.mdx +0 -67
- package/src/lib/Components/Subheader/Subheader.figma.tsx +72 -0
- package/src/lib/Components/Subheader/Subheader.mdx +0 -116
- package/src/lib/Components/Switch/Switch.figma.tsx +66 -0
- package/src/lib/Components/Switch/Switch.mdx +0 -39
- package/src/lib/Components/TabBar/TabBar.figma.tsx +70 -0
- package/src/lib/Components/TabBar/TabBar.mdx +29 -5
- package/src/lib/Components/TabBar/TabBar.stories.tsx +34 -1
- package/src/lib/Components/TabBar/TabBar.test.tsx +23 -1
- package/src/lib/Components/TabBar/TabBar.tsx +17 -9
- package/src/lib/Components/TabBar/index.ts +2 -2
- package/src/lib/Components/TabBar/types.ts +19 -17
- package/src/lib/Components/Tag/Tag.figma.tsx +52 -0
- package/src/lib/Components/Tag/Tag.mdx +0 -2
- package/src/lib/Components/TextInput/TextInput.figma.tsx +40 -0
- package/src/lib/Components/TextInput/TextInput.mdx +0 -178
- package/src/lib/Components/Tile/Tile.figma.tsx +113 -0
- package/src/lib/Components/Tile/Tile.mdx +0 -53
- package/src/lib/Components/TileButton/TileButton.figma.tsx +35 -0
- package/src/lib/Components/TileButton/TileButton.mdx +0 -40
- package/src/lib/Components/Tooltip/Tooltip.figma.tsx +30 -0
- package/src/lib/Components/Tooltip/Tooltip.mdx +0 -183
- package/src/lib/Components/Trend/Trend.figma.tsx +28 -0
- package/src/lib/Components/Trend/Trend.mdx +0 -2
- package/src/lib/Components/Utility/Text/Text.mdx +0 -1
- package/src/lib/Symbols/Icons/ChevronAscending.tsx +1 -1
- package/src/lib/Symbols/Icons/ChevronDescending.tsx +1 -1
- package/src/lib/Symbols/Icons/Contact.tsx +45 -0
- package/src/lib/Symbols/index.ts +1 -0
- package/dist/typescript/src/lib/Components/Avatar/Avatar.figma.d.ts +0 -2
- package/dist/typescript/src/lib/Components/Avatar/Avatar.figma.d.ts.map +0 -1
- package/dist/typescript/src/lib/Components/OptionList/OptionList.figma.d.ts +0 -2
- package/dist/typescript/src/lib/Components/OptionList/OptionList.figma.d.ts.map +0 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import figma from '@figma/code-connect';
|
|
4
|
+
import { PageIndicator } from "./PageIndicator.js";
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
figma.connect(PageIndicator, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=11768-12849', {
|
|
7
|
+
imports: ["import { PageIndicator } from '@ledgerhq/lumen-ui-rnative'"],
|
|
8
|
+
example: () => /*#__PURE__*/_jsx(PageIndicator, {
|
|
9
|
+
currentPage: 2,
|
|
10
|
+
totalPages: 5
|
|
11
|
+
})
|
|
12
|
+
});
|
|
13
|
+
//# sourceMappingURL=PageIndicator.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -2,7 +2,6 @@ import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
|
|
|
2
2
|
import * as PageIndicatorStories from './PageIndicator.stories';
|
|
3
3
|
import { PageIndicator } from './PageIndicator';
|
|
4
4
|
import { CustomTabs, Tab } from '../../../../.storybook/components';
|
|
5
|
-
import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
|
|
6
5
|
|
|
7
6
|
<Meta title='Core/PageIndicator' of={PageIndicatorStories} />
|
|
8
7
|
|
|
@@ -118,7 +117,6 @@ function MyComponent() {
|
|
|
118
117
|
}
|
|
119
118
|
```
|
|
120
119
|
|
|
121
|
-
<CommonRulesDoAndDont />
|
|
122
120
|
|
|
123
121
|
</Tab>
|
|
124
122
|
</CustomTabs>
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import figma from '@figma/code-connect';
|
|
4
|
+
import { SearchInput } from "./SearchInput.js";
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
figma.connect(SearchInput, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=2248%3A3468', {
|
|
7
|
+
imports: ["import { SearchInput } from '@ledgerhq/lumen-ui-rnative'"],
|
|
8
|
+
props: {
|
|
9
|
+
appearance: figma.enum('appearance', {
|
|
10
|
+
plain: 'plain',
|
|
11
|
+
transparent: 'transparent'
|
|
12
|
+
}),
|
|
13
|
+
placeholder: figma.enum('search-state', {
|
|
14
|
+
placeholder: figma.string('placeholder')
|
|
15
|
+
}),
|
|
16
|
+
value: figma.enum('search-state', {
|
|
17
|
+
typing: figma.string('value')
|
|
18
|
+
}),
|
|
19
|
+
disabled: figma.enum('state', {
|
|
20
|
+
disabled: true
|
|
21
|
+
})
|
|
22
|
+
},
|
|
23
|
+
example: props => /*#__PURE__*/_jsx(SearchInput, {
|
|
24
|
+
appearance: props.appearance,
|
|
25
|
+
placeholder: props.placeholder,
|
|
26
|
+
value: props.value,
|
|
27
|
+
disabled: props.disabled,
|
|
28
|
+
onChangeText: () => {}
|
|
29
|
+
})
|
|
30
|
+
});
|
|
31
|
+
//# sourceMappingURL=SearchInput.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -2,8 +2,6 @@ import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
|
|
|
2
2
|
import * as SearchInputStories from './SearchInput.stories';
|
|
3
3
|
import { SearchInput } from './SearchInput';
|
|
4
4
|
import { CustomTabs, Tab } from '../../../../.storybook/components';
|
|
5
|
-
import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
|
|
6
|
-
import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
|
|
7
5
|
|
|
8
6
|
<Meta title='Core/SearchInput' of={SearchInputStories} />
|
|
9
7
|
|
|
@@ -326,203 +324,6 @@ function MyComponent() {
|
|
|
326
324
|
}
|
|
327
325
|
```
|
|
328
326
|
|
|
329
|
-
## Do's and Don'ts
|
|
330
|
-
|
|
331
|
-
The following guidelines ensure consistent usage of the SearchInput component and maintain design system principles.
|
|
332
|
-
|
|
333
|
-
<div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>
|
|
334
|
-
<DoVsDontRow>
|
|
335
|
-
<DoBlockItem
|
|
336
|
-
title='Use placeholder text'
|
|
337
|
-
description='SearchInput uses placeholder text instead of labels for optimal search UX'
|
|
338
|
-
>
|
|
339
|
-
|
|
340
|
-
{/* prettier-ignore */}
|
|
341
|
-
```tsx
|
|
342
|
-
<SearchInput
|
|
343
|
-
placeholder='Search by name or email'
|
|
344
|
-
value={query}
|
|
345
|
-
onChangeText={setQuery}
|
|
346
|
-
/>
|
|
347
|
-
```
|
|
348
|
-
|
|
349
|
-
</DoBlockItem>
|
|
350
|
-
<DontBlockItem
|
|
351
|
-
title="Don't use label prop"
|
|
352
|
-
description='SearchInput component does not support labels as they are not suitable for search UX patterns'
|
|
353
|
-
>
|
|
354
|
-
|
|
355
|
-
{/* prettier-ignore */}
|
|
356
|
-
```tsx
|
|
357
|
-
<SearchInput
|
|
358
|
-
label='Search' // Not supported, will cause error
|
|
359
|
-
placeholder='Search by name or email'
|
|
360
|
-
value={query}
|
|
361
|
-
/>
|
|
362
|
-
```
|
|
363
|
-
|
|
364
|
-
</DontBlockItem>
|
|
365
|
-
|
|
366
|
-
</DoVsDontRow>
|
|
367
|
-
|
|
368
|
-
<DoVsDontRow>
|
|
369
|
-
<DoBlockItem
|
|
370
|
-
title='Use the built-in search icon'
|
|
371
|
-
description='The search icon is automatically included and cannot be changed'
|
|
372
|
-
>
|
|
373
|
-
|
|
374
|
-
{/* prettier-ignore */}
|
|
375
|
-
```tsx
|
|
376
|
-
<SearchInput
|
|
377
|
-
placeholder='Search products'
|
|
378
|
-
value={query}
|
|
379
|
-
onChangeText={handleChange}
|
|
380
|
-
/>
|
|
381
|
-
```
|
|
382
|
-
|
|
383
|
-
</DoBlockItem>
|
|
384
|
-
<DontBlockItem
|
|
385
|
-
title="Don't override the search icon"
|
|
386
|
-
description='The prefix prop is not available on SearchInput component'
|
|
387
|
-
>
|
|
388
|
-
|
|
389
|
-
{/* prettier-ignore */}
|
|
390
|
-
```tsx
|
|
391
|
-
<SearchInput
|
|
392
|
-
prefix={<CustomIcon />} // Not supported, will cause error
|
|
393
|
-
placeholder='Search products'
|
|
394
|
-
/>
|
|
395
|
-
```
|
|
396
|
-
|
|
397
|
-
</DontBlockItem>
|
|
398
|
-
|
|
399
|
-
</DoVsDontRow>
|
|
400
|
-
|
|
401
|
-
<DoVsDontRow>
|
|
402
|
-
<DoBlockItem
|
|
403
|
-
title='Use onClear for custom logic only'
|
|
404
|
-
description='Let the component handle clearing automatically, add onClear only for additional logic'
|
|
405
|
-
>
|
|
406
|
-
|
|
407
|
-
{/* prettier-ignore */}
|
|
408
|
-
```tsx
|
|
409
|
-
<SearchInput
|
|
410
|
-
placeholder='Search'
|
|
411
|
-
value={query}
|
|
412
|
-
onChangeText={setQuery}
|
|
413
|
-
onClear={() => {
|
|
414
|
-
// Default clearing happens automatically
|
|
415
|
-
analytics.track('search_cleared');
|
|
416
|
-
}}
|
|
417
|
-
/>
|
|
418
|
-
```
|
|
419
|
-
|
|
420
|
-
</DoBlockItem>
|
|
421
|
-
<DontBlockItem
|
|
422
|
-
title="Don't manually clear in onClear"
|
|
423
|
-
description='Value clearing happens automatically - no need to call setQuery'
|
|
424
|
-
>
|
|
425
|
-
|
|
426
|
-
{/* prettier-ignore */}
|
|
427
|
-
```tsx
|
|
428
|
-
<SearchInput
|
|
429
|
-
placeholder='Search'
|
|
430
|
-
value={query}
|
|
431
|
-
onChangeText={setQuery}
|
|
432
|
-
onClear={() => setQuery('')}
|
|
433
|
-
/>
|
|
434
|
-
```
|
|
435
|
-
|
|
436
|
-
</DontBlockItem>
|
|
437
|
-
|
|
438
|
-
</DoVsDontRow>
|
|
439
|
-
|
|
440
|
-
<DoVsDontRow>
|
|
441
|
-
<DoBlockItem
|
|
442
|
-
title='Debounce expensive search operations'
|
|
443
|
-
description='Use debouncing for API calls or expensive filtering to improve performance'
|
|
444
|
-
>
|
|
445
|
-
|
|
446
|
-
{/* prettier-ignore */}
|
|
447
|
-
```tsx
|
|
448
|
-
const debouncedSearch = useCallback(
|
|
449
|
-
debounce((text: string) => performSearch(text), 500),
|
|
450
|
-
[]
|
|
451
|
-
);
|
|
452
|
-
|
|
453
|
-
<SearchInput
|
|
454
|
-
placeholder='Search'
|
|
455
|
-
value={query}
|
|
456
|
-
onChangeText={(text) => {
|
|
457
|
-
setQuery(text);
|
|
458
|
-
debouncedSearch(text);
|
|
459
|
-
}}
|
|
460
|
-
/>
|
|
461
|
-
```
|
|
462
|
-
|
|
463
|
-
</DoBlockItem>
|
|
464
|
-
<DontBlockItem
|
|
465
|
-
title="Don't perform expensive operations on every keystroke"
|
|
466
|
-
description='Avoid running expensive operations on every input change without debouncing'
|
|
467
|
-
>
|
|
468
|
-
|
|
469
|
-
{/* prettier-ignore */}
|
|
470
|
-
```tsx
|
|
471
|
-
const debouncedSearch = useCallback(
|
|
472
|
-
debounce((text: string) => performSearch(text), 500),
|
|
473
|
-
[]
|
|
474
|
-
);
|
|
475
|
-
|
|
476
|
-
<SearchInput
|
|
477
|
-
placeholder='Search'
|
|
478
|
-
value={query}
|
|
479
|
-
onChangeText={(text) => {
|
|
480
|
-
setQuery(text);
|
|
481
|
-
performExpensiveAPICall(text); // Should be debounced
|
|
482
|
-
}}
|
|
483
|
-
/>
|
|
484
|
-
```
|
|
485
|
-
|
|
486
|
-
</DontBlockItem>
|
|
487
|
-
|
|
488
|
-
</DoVsDontRow>
|
|
489
|
-
|
|
490
|
-
<DoVsDontRow>
|
|
491
|
-
<DoBlockItem
|
|
492
|
-
title='Provide descriptive placeholder text'
|
|
493
|
-
description='Use clear, specific placeholder text that describes what users can search for'
|
|
494
|
-
>
|
|
495
|
-
|
|
496
|
-
{/* prettier-ignore */}
|
|
497
|
-
```tsx
|
|
498
|
-
<SearchInput
|
|
499
|
-
placeholder='Search by name or email'
|
|
500
|
-
value={query}
|
|
501
|
-
onChangeText={setQuery}
|
|
502
|
-
/>
|
|
503
|
-
```
|
|
504
|
-
|
|
505
|
-
</DoBlockItem>
|
|
506
|
-
<DontBlockItem
|
|
507
|
-
title="Don't use vague placeholder text"
|
|
508
|
-
description='Avoid generic or unclear placeholder text that does not help users'
|
|
509
|
-
>
|
|
510
|
-
|
|
511
|
-
{/* prettier-ignore */}
|
|
512
|
-
```tsx
|
|
513
|
-
<SearchInput
|
|
514
|
-
placeholder='Type here'
|
|
515
|
-
value={query}
|
|
516
|
-
onChangeText={setQuery}
|
|
517
|
-
/>
|
|
518
|
-
```
|
|
519
|
-
|
|
520
|
-
</DontBlockItem>
|
|
521
|
-
|
|
522
|
-
</DoVsDontRow>
|
|
523
|
-
|
|
524
|
-
<CommonRulesDoAndDont />
|
|
525
|
-
</div>
|
|
526
327
|
|
|
527
328
|
## Platform Considerations
|
|
528
329
|
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import figma from '@figma/code-connect';
|
|
4
|
+
import { SegmentedControl, SegmentedControlButton } from "./SegmentedControl.js";
|
|
5
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
figma.connect(SegmentedControl, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=1170-2345', {
|
|
7
|
+
imports: ["import { SegmentedControl, SegmentedControlButton } from '@ledgerhq/lumen-ui-rnative'"],
|
|
8
|
+
props: {
|
|
9
|
+
appearance: figma.enum('appearance', {
|
|
10
|
+
background: 'background',
|
|
11
|
+
'no-background': 'no-background'
|
|
12
|
+
}),
|
|
13
|
+
tabLayout: figma.enum('tab-width', {
|
|
14
|
+
fixed: 'fixed',
|
|
15
|
+
hug: 'fit'
|
|
16
|
+
})
|
|
17
|
+
},
|
|
18
|
+
example: props => /*#__PURE__*/_jsxs(SegmentedControl, {
|
|
19
|
+
selectedValue: "tab1",
|
|
20
|
+
onSelectedChange: () => {},
|
|
21
|
+
appearance: props.appearance,
|
|
22
|
+
tabLayout: props.tabLayout,
|
|
23
|
+
children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
24
|
+
value: "tab1",
|
|
25
|
+
children: "Tab 1"
|
|
26
|
+
}), /*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
27
|
+
value: "tab2",
|
|
28
|
+
children: "Tab 2"
|
|
29
|
+
}), /*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
30
|
+
value: "tab3",
|
|
31
|
+
children: "Tab 3"
|
|
32
|
+
})]
|
|
33
|
+
})
|
|
34
|
+
});
|
|
35
|
+
//# sourceMappingURL=SegmentedControl.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -152,7 +152,7 @@ export function SegmentedControl({
|
|
|
152
152
|
return /*#__PURE__*/_jsx(SegmentedControlContextProvider, {
|
|
153
153
|
value: {
|
|
154
154
|
selectedValue,
|
|
155
|
-
onSelectedChange,
|
|
155
|
+
onSelectedChange: onSelectedChange,
|
|
156
156
|
disabled,
|
|
157
157
|
tabLayout,
|
|
158
158
|
registerButtonLayout
|
|
@@ -201,4 +201,10 @@ function useRootStyles({
|
|
|
201
201
|
}
|
|
202
202
|
}), [disabled, appearance, tabLayout]);
|
|
203
203
|
}
|
|
204
|
+
export function createSegmentedControl() {
|
|
205
|
+
return {
|
|
206
|
+
SegmentedControl,
|
|
207
|
+
SegmentedControlButton
|
|
208
|
+
};
|
|
209
|
+
}
|
|
204
210
|
//# sourceMappingURL=SegmentedControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useDisabledContext","Animated","useStyleSheet","Box","Pressable","Text","SegmentedControlContextProvider","useSegmentedControlContext","usePillLayout","useSegmentedControlSelectedIndex","jsx","_jsx","jsxs","_jsxs","SegmentedControlButton","value","children","icon","Icon","trailingContent","onPress","props","selectedValue","onSelectedChange","disabled","tabLayout","registerButtonLayout","selected","styles","useButtonStyles","handlePress","handleLayout","e","x","width","nativeEvent","layout","onLayout","accessibilityState","style","button","content","iconWrap","size","color","textColor","typography","lx","label","numberOfLines","t","flex","undefined","flexDirection","alignItems","justifyContent","paddingHorizontal","spacings","s16","paddingVertical","s8","borderRadius","full","zIndex","gap","textAlign","includeFontPadding","flexShrink","SegmentedControl","accessibilityLabel","disabledProp","appearance","consumerName","mergeWith","useRootStyles","Boolean","selectedIndex","animatedPillStyle","accessibilityRole","container","View","pill","pointerEvents","position","alignSelf","md","backgroundColor","colors","bg","surface","top","left","sm","baseTransparentPressed","mutedTransparent"],"sourceRoot":"../../../../../src","sources":["lib/Components/SegmentedControl/SegmentedControl.tsx"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,8BAA8B;
|
|
1
|
+
{"version":3,"names":["useDisabledContext","Animated","useStyleSheet","Box","Pressable","Text","SegmentedControlContextProvider","useSegmentedControlContext","usePillLayout","useSegmentedControlSelectedIndex","jsx","_jsx","jsxs","_jsxs","SegmentedControlButton","value","children","icon","Icon","trailingContent","onPress","props","selectedValue","onSelectedChange","disabled","tabLayout","registerButtonLayout","selected","styles","useButtonStyles","handlePress","handleLayout","e","x","width","nativeEvent","layout","onLayout","accessibilityState","style","button","content","iconWrap","size","color","textColor","typography","lx","label","numberOfLines","t","flex","undefined","flexDirection","alignItems","justifyContent","paddingHorizontal","spacings","s16","paddingVertical","s8","borderRadius","full","zIndex","gap","textAlign","includeFontPadding","flexShrink","SegmentedControl","accessibilityLabel","disabledProp","appearance","consumerName","mergeWith","useRootStyles","Boolean","selectedIndex","animatedPillStyle","accessibilityRole","container","View","pill","pointerEvents","position","alignSelf","md","backgroundColor","colors","bg","surface","top","left","sm","baseTransparentPressed","mutedTransparent","createSegmentedControl"],"sourceRoot":"../../../../../src","sources":["lib/Components/SegmentedControl/SegmentedControl.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,7 +2,6 @@ import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
|
|
|
2
2
|
import * as SegmentedControlStories from './SegmentedControl.stories';
|
|
3
3
|
import { SegmentedControl } from './SegmentedControl';
|
|
4
4
|
import { CustomTabs, Tab } from '../../../../.storybook/components';
|
|
5
|
-
import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
|
|
6
5
|
import { Box } from '../Utility';
|
|
7
6
|
|
|
8
7
|
<Meta title='Core/SegmentedControl' of={SegmentedControlStories} />
|
|
@@ -67,6 +66,8 @@ Use the library as part of `@ledgerhq/lumen-ui-rnative`. See the [Setup Guide
|
|
|
67
66
|
|
|
68
67
|
Control selected value in state at the top level and pass it to SegmentedControl. Buttons use value to identify themselves; selected state is derived from context.
|
|
69
68
|
|
|
69
|
+
> **Recommended:** prefer the [type-safe variant](#type-safe-variant) below. It shares a single literal union across the root and every button.
|
|
70
|
+
|
|
70
71
|
```tsx
|
|
71
72
|
import { SegmentedControl, SegmentedControlButton } from '@ledgerhq/lumen-ui-rnative';
|
|
72
73
|
|
|
@@ -87,6 +88,32 @@ export default function Example() {
|
|
|
87
88
|
}
|
|
88
89
|
```
|
|
89
90
|
|
|
91
|
+
## Type-safe variant
|
|
92
|
+
|
|
93
|
+
`SegmentedControl` and `SegmentedControlButton` communicate via context, so TypeScript cannot connect the root's `selectedValue` to each button's `value` on its own. A typo compiles, and the pill silently never moves to that segment.
|
|
94
|
+
|
|
95
|
+
`createSegmentedControl<T>()` ties both components to one literal union. Call it once at module scope; the returned pair are typed against your `T`.
|
|
96
|
+
|
|
97
|
+
```tsx
|
|
98
|
+
import { createSegmentedControl } from '@ledgerhq/lumen-ui-rnative';
|
|
99
|
+
|
|
100
|
+
type View = 'preview' | 'raw' | 'blame';
|
|
101
|
+
|
|
102
|
+
const { SegmentedControl, SegmentedControlButton } = createSegmentedControl<View>();
|
|
103
|
+
|
|
104
|
+
function Example() {
|
|
105
|
+
const [view, setView] = React.useState<View>('preview');
|
|
106
|
+
|
|
107
|
+
return (
|
|
108
|
+
<SegmentedControl selectedValue={view} onSelectedChange={setView}>
|
|
109
|
+
<SegmentedControlButton value='preview'>Preview</SegmentedControlButton>
|
|
110
|
+
<SegmentedControlButton value='raw'>Raw</SegmentedControlButton>
|
|
111
|
+
<SegmentedControlButton value='blame'>Blame</SegmentedControlButton>
|
|
112
|
+
</SegmentedControl>
|
|
113
|
+
);
|
|
114
|
+
}
|
|
115
|
+
```
|
|
116
|
+
|
|
90
117
|
## With trailing content
|
|
91
118
|
|
|
92
119
|
Pass any node via `trailingContent` to render it to the right of the label. Use it for badges like `DotCount` to surface counts per segment.
|
|
@@ -4,7 +4,7 @@ import { useState } from 'react';
|
|
|
4
4
|
import { Coins, Nft, TransferHorizontal } from "../../Symbols/index.js";
|
|
5
5
|
import { DotCount } from "../DotCount/index.js";
|
|
6
6
|
import { Box } from "../Utility/index.js";
|
|
7
|
-
import { SegmentedControl, SegmentedControlButton } from "./SegmentedControl.js";
|
|
7
|
+
import { createSegmentedControl, SegmentedControl, SegmentedControlButton } from "./SegmentedControl.js";
|
|
8
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
9
|
const meta = {
|
|
10
10
|
id: 'rnative-segmentedcontrol',
|
|
@@ -178,4 +178,27 @@ export const WithTrailingContent = {
|
|
|
178
178
|
});
|
|
179
179
|
}
|
|
180
180
|
};
|
|
181
|
+
const TypedSegmentedControl = createSegmentedControl();
|
|
182
|
+
export const TypesafeFactory = {
|
|
183
|
+
args: {},
|
|
184
|
+
render: args => {
|
|
185
|
+
const [view, setView] = useState('preview');
|
|
186
|
+
return /*#__PURE__*/_jsxs(TypedSegmentedControl.SegmentedControl, {
|
|
187
|
+
...args,
|
|
188
|
+
selectedValue: view,
|
|
189
|
+
onSelectedChange: setView,
|
|
190
|
+
accessibilityLabel: "File view",
|
|
191
|
+
children: [/*#__PURE__*/_jsx(TypedSegmentedControl.SegmentedControlButton, {
|
|
192
|
+
value: "preview",
|
|
193
|
+
children: "Preview"
|
|
194
|
+
}), /*#__PURE__*/_jsx(TypedSegmentedControl.SegmentedControlButton, {
|
|
195
|
+
value: "raw",
|
|
196
|
+
children: "Raw"
|
|
197
|
+
}), /*#__PURE__*/_jsx(TypedSegmentedControl.SegmentedControlButton, {
|
|
198
|
+
value: "blame",
|
|
199
|
+
children: "Blame"
|
|
200
|
+
})]
|
|
201
|
+
});
|
|
202
|
+
}
|
|
203
|
+
};
|
|
181
204
|
//# sourceMappingURL=SegmentedControl.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","Coins","Nft","TransferHorizontal","DotCount","Box","SegmentedControl","SegmentedControlButton","jsx","_jsx","jsxs","_jsxs","meta","id","title","component","subcomponents","parameters","layout","backgrounds","default","decorators","Story","lx","width","flexDirection","justifyContent","children","args","appearance","tabLayout","Base","render","state","setState","selectedValue","onSelectedChange","accessibilityLabel","value","WithIcons","icon","TabLayoutShowcase","fitState","setFitState","fixedState","setFixedState","gap","style","Disabled","disabled","WithTrailingContent","trailingContent"],"sourceRoot":"../../../../../src","sources":["lib/Components/SegmentedControl/SegmentedControl.stories.tsx"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,KAAK,EAAEC,GAAG,EAAEC,kBAAkB,QAAQ,wBAAe;AAC9D,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,GAAG,QAAQ,qBAAY;AAChC,
|
|
1
|
+
{"version":3,"names":["useState","Coins","Nft","TransferHorizontal","DotCount","Box","createSegmentedControl","SegmentedControl","SegmentedControlButton","jsx","_jsx","jsxs","_jsxs","meta","id","title","component","subcomponents","parameters","layout","backgrounds","default","decorators","Story","lx","width","flexDirection","justifyContent","children","args","appearance","tabLayout","Base","render","state","setState","selectedValue","onSelectedChange","accessibilityLabel","value","WithIcons","icon","TabLayoutShowcase","fitState","setFitState","fixedState","setFixedState","gap","style","Disabled","disabled","WithTrailingContent","trailingContent","TypedSegmentedControl","TypesafeFactory","view","setView"],"sourceRoot":"../../../../../src","sources":["lib/Components/SegmentedControl/SegmentedControl.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
|
|
|
5
5
|
import { render, fireEvent } from '@testing-library/react-native';
|
|
6
6
|
import { DotCount } from "../DotCount/index.js";
|
|
7
7
|
import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
|
|
8
|
-
import { SegmentedControl, SegmentedControlButton } from "./SegmentedControl.js";
|
|
8
|
+
import { SegmentedControl, SegmentedControlButton, createSegmentedControl } from "./SegmentedControl.js";
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
10
|
const TestWrapper = ({
|
|
11
11
|
children
|
|
@@ -180,5 +180,32 @@ describe('SegmentedControl', () => {
|
|
|
180
180
|
expect(onSelectedChange).toHaveBeenCalledWith('preview');
|
|
181
181
|
});
|
|
182
182
|
});
|
|
183
|
+
describe('createSegmentedControl', () => {
|
|
184
|
+
it('returns typed components that render and select like the originals', () => {
|
|
185
|
+
const {
|
|
186
|
+
SegmentedControl: TypedControl,
|
|
187
|
+
SegmentedControlButton: TypedButton
|
|
188
|
+
} = createSegmentedControl();
|
|
189
|
+
const onSelectedChange = jest.fn();
|
|
190
|
+
const {
|
|
191
|
+
getByText
|
|
192
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
193
|
+
children: /*#__PURE__*/_jsxs(TypedControl, {
|
|
194
|
+
selectedValue: "send",
|
|
195
|
+
onSelectedChange: onSelectedChange,
|
|
196
|
+
accessibilityLabel: "Transaction type",
|
|
197
|
+
children: [/*#__PURE__*/_jsx(TypedButton, {
|
|
198
|
+
value: "send",
|
|
199
|
+
children: "Send"
|
|
200
|
+
}), /*#__PURE__*/_jsx(TypedButton, {
|
|
201
|
+
value: "receive",
|
|
202
|
+
children: "Receive"
|
|
203
|
+
})]
|
|
204
|
+
})
|
|
205
|
+
}));
|
|
206
|
+
fireEvent.press(getByText('Receive'));
|
|
207
|
+
expect(onSelectedChange).toHaveBeenCalledWith('receive');
|
|
208
|
+
});
|
|
209
|
+
});
|
|
183
210
|
});
|
|
184
211
|
//# sourceMappingURL=SegmentedControl.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","fireEvent","DotCount","ThemeProvider","SegmentedControl","SegmentedControlButton","jsx","_jsx","jsxs","_jsxs","TestWrapper","children","themes","colorScheme","locale","getByText","selectedValue","onSelectedChange","accessibilityLabel","value","toBeTruthy","getByLabelText","trailingContent","getByTestId","testID","props","accessibilityState","toMatchObject","selected","tabLayout","fn","press","toHaveBeenCalledWith"],"sourceRoot":"../../../../../src","sources":["lib/Components/SegmentedControl/SegmentedControl.test.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,EAAEC,IAAI,QAAQ,eAAe;AAC1D,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,MAAM,EAAEC,SAAS,QAAQ,+BAA+B;AACjE,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,aAAa,QAAQ,mCAAgC;AAC9D,
|
|
1
|
+
{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","fireEvent","DotCount","ThemeProvider","SegmentedControl","SegmentedControlButton","createSegmentedControl","jsx","_jsx","jsxs","_jsxs","TestWrapper","children","themes","colorScheme","locale","getByText","selectedValue","onSelectedChange","accessibilityLabel","value","toBeTruthy","getByLabelText","trailingContent","getByTestId","testID","props","accessibilityState","toMatchObject","selected","tabLayout","fn","press","toHaveBeenCalledWith","TypedControl","TypedButton"],"sourceRoot":"../../../../../src","sources":["lib/Components/SegmentedControl/SegmentedControl.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import figma from '@figma/code-connect';
|
|
4
|
+
import { Skeleton } from "./Skeleton.js";
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
figma.connect(Skeleton, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=8004-10676', {
|
|
7
|
+
imports: ["import { Skeleton } from '@ledgerhq/lumen-ui-rnative'"],
|
|
8
|
+
props: {
|
|
9
|
+
component: figma.enum('appearance', {
|
|
10
|
+
'list-item': 'list-item',
|
|
11
|
+
tile: 'tile'
|
|
12
|
+
})
|
|
13
|
+
},
|
|
14
|
+
example: props => /*#__PURE__*/_jsx(Skeleton, {
|
|
15
|
+
component: props.component
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
//# sourceMappingURL=Skeleton.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|