@ledgerhq/native-ui 0.20.3 → 0.20.4-hotfix.0

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.
Files changed (20) hide show
  1. package/lib/assets/icons.d.ts +1 -0
  2. package/lib/assets/icons.js +1 -0
  3. package/lib/assets/index.d.ts +1 -0
  4. package/lib/assets/index.js +2 -0
  5. package/lib/components/Cards/NotificationCard/index.js +1 -1
  6. package/lib/components/Cards/SideImageCard/index.js +1 -1
  7. package/lib/components/Form/Checkbox/index.js +1 -1
  8. package/lib/components/Form/Input/QrCodeInput/index.js +1 -1
  9. package/lib/components/Form/Input/SearchInput/index.js +1 -1
  10. package/lib/components/Form/Slider/components.js +1 -1
  11. package/lib/components/Icon/Icon.js +1 -1
  12. package/lib/components/Layout/Collapse/Accordion/index.js +1 -1
  13. package/lib/components/Layout/List/TipList/index.js +2 -2
  14. package/lib/components/Layout/List/VerticalStepper/StepperItem.js +1 -1
  15. package/lib/components/Layout/List/VerticalTimeline/TimelineIndicator.js +1 -1
  16. package/lib/components/Layout/Modals/BaseModal/index.js +4 -2
  17. package/lib/components/Navigation/Stepper/index.js +2 -2
  18. package/lib/components/message/Alert/index.js +4 -4
  19. package/lib/components/message/Notification/index.js +2 -2
  20. package/package.json +10 -10
package/lib/assets/icons.d.ts CHANGED
@@ -1 +1,2 @@
1
+ export * from "@ledgerhq/icons-ui/nativeLegacy";
1
2
  export * from "@ledgerhq/icons-ui/native";
package/lib/assets/icons.js CHANGED
@@ -1 +1,2 @@
1
+ export * from "@ledgerhq/icons-ui/nativeLegacy";
1
2
  export * from "@ledgerhq/icons-ui/native";
package/lib/assets/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ export * as IconsLegacy from "@ledgerhq/icons-ui/nativeLegacy";
1
2
  export * as Icons from "@ledgerhq/icons-ui/native";
2
3
  export * as Logos from "./logos";
3
4
  export * as CryptoIcons from "@ledgerhq/crypto-icons-ui/native";
package/lib/assets/index.js CHANGED
@@ -1,3 +1,5 @@
1
+ import * as IconsLegacy_1 from "@ledgerhq/icons-ui/nativeLegacy";
2
+ export { IconsLegacy_1 as IconsLegacy };
1
3
  import * as Icons_1 from "@ledgerhq/icons-ui/native";
2
4
  export { Icons_1 as Icons };
3
5
  import * as Logos_1 from "./logos";
package/lib/components/Cards/NotificationCard/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { useMemo } from "react";
2
- import { ExternalLinkMedium } from "@ledgerhq/icons-ui/native";
2
+ import { ExternalLinkMedium } from "@ledgerhq/icons-ui/nativeLegacy";
3
3
  import Text from "../../Text";
4
4
  import Flex from "../../Layout/Flex";
5
5
  import Box from "../../Layout/Box";
package/lib/components/Cards/SideImageCard/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { ArrowRightMedium, CloseMedium } from "@ledgerhq/icons-ui/native";
2
+ import { ArrowRightMedium, CloseMedium } from "@ledgerhq/icons-ui/nativeLegacy";
3
3
  import { TouchableOpacity, Image } from "react-native";
4
4
  import styled, { useTheme } from "styled-components/native";
5
5
  import Text from "../../Text";
package/lib/components/Form/Checkbox/index.js CHANGED
@@ -3,7 +3,7 @@ import { Pressable } from "react-native";
3
3
  import styled, { useTheme } from "styled-components/native";
4
4
  import Text from "../../Text";
5
5
  import Flex from "../../Layout/Flex";
6
- import CheckAlone from "@ledgerhq/icons-ui/native/CheckAloneMedium";
6
+ import CheckAlone from "@ledgerhq/icons-ui/nativeLegacy/CheckAloneMedium";
7
7
  const Square = styled(Flex).attrs({
8
8
  justifyContent: "center",
9
9
  alignItems: "center",
package/lib/components/Form/Input/QrCodeInput/index.js CHANGED
@@ -14,7 +14,7 @@ import { TouchableOpacity } from "react-native";
14
14
  import styled from "styled-components/native";
15
15
  import Input from "../BaseInput";
16
16
  import FlexBox from "../../../Layout/Flex";
17
- import QrCodeMedium from "@ledgerhq/icons-ui/native/QrCodeMedium";
17
+ import QrCodeMedium from "@ledgerhq/icons-ui/nativeLegacy/QrCodeMedium";
18
18
  const QrCodeButton = styled(TouchableOpacity) `
19
19
  background-color: ${(p) => p.theme.colors.neutral.c100};
20
20
  display: flex;
package/lib/components/Form/Input/SearchInput/index.js CHANGED
@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  import React, { useCallback } from "react";
13
13
  import styled from "styled-components/native";
14
14
  import Input, { InputRenderLeftContainer } from "../BaseInput";
15
- import SearchMedium from "@ledgerhq/icons-ui/native/SearchMedium";
15
+ import SearchMedium from "@ledgerhq/icons-ui/nativeLegacy/SearchMedium";
16
16
  import Button from "../../../cta/Button";
17
17
  const Icon = styled(SearchMedium).attrs((p) => ({
18
18
  color: p.theme.colors.neutral.c70,
package/lib/components/Form/Slider/components.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import styled, { useTheme } from "styled-components/native";
3
3
  import Text from "../../Text";
4
- import { ArrowsHMedium } from "@ledgerhq/icons-ui/native";
4
+ import { ArrowsHMedium } from "@ledgerhq/icons-ui/nativeLegacy";
5
5
  export const MinMaxTextContainer = styled.View `
6
6
  flex-direction: row;
7
7
  justify-content: space-between;
package/lib/components/Icon/Icon.js CHANGED
@@ -1,4 +1,4 @@
1
- import * as icons from "@ledgerhq/icons-ui/native";
1
+ import * as icons from "@ledgerhq/icons-ui/nativeLegacy";
2
2
  import React from "react";
3
3
  export const iconNames = Array.from(Object.keys(icons).reduce((set, rawKey) => {
4
4
  const key = rawKey
package/lib/components/Layout/Collapse/Accordion/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { useEffect } from "react";
2
2
  import Animated, { useSharedValue, withTiming, useAnimatedStyle, Easing, } from "react-native-reanimated";
3
3
  import Link from "../../../cta/Link";
4
- import { ChevronBottomMedium, ChevronTopMedium } from "@ledgerhq/icons-ui/native";
4
+ import { ChevronBottomMedium, ChevronTopMedium } from "@ledgerhq/icons-ui/nativeLegacy";
5
5
  import { View } from "react-native";
6
6
  const Accordion = ({ collapsed = false, children, title, onPress, }) => {
7
7
  const animationHeight = useSharedValue(collapsed ? "0%" : "100%");
package/lib/components/Layout/List/TipList/index.js CHANGED
@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import React, { useMemo } from "react";
13
13
  import List from "../List";
14
- import Check from "@ledgerhq/icons-ui/native/CheckAloneMedium";
15
- import Close from "@ledgerhq/icons-ui/native/CloseMedium";
14
+ import Check from "@ledgerhq/icons-ui/nativeLegacy/CheckAloneMedium";
15
+ import Close from "@ledgerhq/icons-ui/nativeLegacy/CloseMedium";
16
16
  export default function TipList(_a) {
17
17
  var { items } = _a, props = __rest(_a, ["items"]);
18
18
  const tipItems = useMemo(() => items.map((item) => (Object.assign(Object.assign({}, item), { bullet: item.isPositive ? (React.createElement(Check, { size: 20, color: "success.c50" })) : (React.createElement(Close, { size: 20, color: "error.c50" })) }))), [items]);
package/lib/components/Layout/List/VerticalStepper/StepperItem.js CHANGED
@@ -2,7 +2,7 @@ import React, { useCallback } from "react";
2
2
  import { Pressable } from "react-native";
3
3
  import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
4
4
  import styled from "styled-components/native";
5
- import { CheckAloneMedium } from "@ledgerhq/icons-ui/native";
5
+ import { CheckAloneMedium } from "@ledgerhq/icons-ui/nativeLegacy";
6
6
  import Flex from "../../Flex";
7
7
  import Text from "../../../Text";
8
8
  import ProgressLoader from "../../../Loader/ProgressLoader";
package/lib/components/Layout/List/VerticalTimeline/TimelineIndicator.js CHANGED
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import React from "react";
13
13
  import { Dimensions, PixelRatio, Platform, StyleSheet } from "react-native";
14
- import { CircledCheckSolidMedium } from "@ledgerhq/icons-ui/native";
14
+ import { CircledCheckSolidMedium } from "@ledgerhq/icons-ui/nativeLegacy";
15
15
  import styled, { useTheme } from "styled-components/native";
16
16
  import Svg, { Line } from "react-native-svg";
17
17
  import Flex from "../../Flex";
package/lib/components/Layout/Modals/BaseModal/index.js CHANGED
@@ -17,7 +17,8 @@ import Text from "../../../Text";
17
17
  import { BoxedIcon } from "../../../Icon";
18
18
  import { Flex } from "../../index";
19
19
  import { space } from "styled-system";
20
- import { Icons } from "../../../../assets";
20
+ import { Close } from "@ledgerhq/icons-ui/native";
21
+ import { useTheme } from "styled-components/native";
21
22
  const { width, height } = sizes;
22
23
  const SafeContainer = styled.SafeAreaView `
23
24
  background-color: ${(p) => p.theme.colors.background.drawer};
@@ -70,9 +71,10 @@ export function ModalHeader({ Icon, iconColor, title, description, subtitle, })
70
71
  description && (React.createElement(Text, { variant: "body", color: "neutral.c70", textAlign: "center", mt: 6 }, description))));
71
72
  }
72
73
  export function ModalHeaderCloseButton({ onClose, }) {
74
+ const { colors } = useTheme();
73
75
  return (React.createElement(CloseContainer, null,
74
76
  React.createElement(ClosePressableExtendedBounds, { onPress: onClose },
75
- React.createElement(Icons.CloseMedium, { color: "neutral.c100", size: "20px" }))));
77
+ React.createElement(Close, { color: colors.neutral.c100, size: "S" }))));
76
78
  }
77
79
  export default function BaseModal(_a) {
78
80
  var { isOpen, onClose = () => { }, noCloseButton, safeContainerStyle = {}, containerStyle = {}, modalStyle = {}, preventBackdropClick, Icon, iconColor, title, description, subtitle, children, onModalHide, CustomHeader } = _a, rest = __rest(_a, ["isOpen", "onClose", "noCloseButton", "safeContainerStyle", "containerStyle", "modalStyle", "preventBackdropClick", "Icon", "iconColor", "title", "description", "subtitle", "children", "onModalHide", "CustomHeader"]);
package/lib/components/Navigation/Stepper/index.js CHANGED
@@ -13,8 +13,8 @@ import React, { useMemo } from "react";
13
13
  import styled, { useTheme } from "styled-components/native";
14
14
  import { space, color } from "styled-system";
15
15
  import Text from "../../Text";
16
- import CheckAlone from "@ledgerhq/icons-ui/native/CheckAloneMedium";
17
- import CloseMedium from "@ledgerhq/icons-ui/native/CloseMedium";
16
+ import CheckAlone from "@ledgerhq/icons-ui/nativeLegacy/CheckAloneMedium";
17
+ import CloseMedium from "@ledgerhq/icons-ui/nativeLegacy/CloseMedium";
18
18
  import Animated, { useAnimatedStyle, withTiming, withDelay, Easing } from "react-native-reanimated";
19
19
  const Separator = styled.View `
20
20
  flex: 1;
package/lib/components/message/Alert/index.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import React from "react";
2
2
  import styled, { useTheme } from "styled-components/native";
3
- import InfoAltFillMedium from "@ledgerhq/icons-ui/native/InfoAltFillMedium";
4
- import CircledCheckSolidMedium from "@ledgerhq/icons-ui/native/CircledCheckSolidMedium";
5
- import WarningSolidMedium from "@ledgerhq/icons-ui/native/WarningSolidMedium";
6
- import CircledCrossSolidMedium from "@ledgerhq/icons-ui/native/CircledCrossSolidMedium";
3
+ import InfoAltFillMedium from "@ledgerhq/icons-ui/nativeLegacy/InfoAltFillMedium";
4
+ import CircledCheckSolidMedium from "@ledgerhq/icons-ui/nativeLegacy/CircledCheckSolidMedium";
5
+ import WarningSolidMedium from "@ledgerhq/icons-ui/nativeLegacy/WarningSolidMedium";
6
+ import CircledCrossSolidMedium from "@ledgerhq/icons-ui/nativeLegacy/CircledCrossSolidMedium";
7
7
  import Text from "../../Text";
8
8
  import FlexBox from "../../Layout/Flex";
9
9
  import { getColor } from "../../../styles";
package/lib/components/message/Notification/index.js CHANGED
@@ -3,10 +3,10 @@ import styled, { useTheme } from "styled-components/native";
3
3
  import FlexBox from "../../Layout/Flex";
4
4
  import { TouchableOpacity } from "react-native";
5
5
  import Text from "../../Text";
6
- import CloseMedium from "@ledgerhq/icons-ui/native/CloseMedium";
6
+ import CloseMedium from "@ledgerhq/icons-ui/nativeLegacy/CloseMedium";
7
7
  import { Flex } from "../../Layout";
8
8
  import { space } from "styled-system";
9
- import { ExternalLinkMedium } from "@ledgerhq/icons-ui/native";
9
+ import { ExternalLinkMedium } from "@ledgerhq/icons-ui/nativeLegacy";
10
10
  const variantProps = {
11
11
  primary: {
12
12
  bg: "primary.c90",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ledgerhq/native-ui",
3
- "version": "0.20.3",
3
+ "version": "0.20.4-hotfix.0",
4
4
  "description": "Ledger Live - Mobile UI",
5
5
  "repository": {
6
6
  "type": "git",
@@ -46,9 +46,9 @@
46
46
  "rn-range-slider": "2.1.1",
47
47
  "styled-system": "^5.1.5",
48
48
  "victory-native": "^35.5.5",
49
- "@ledgerhq/crypto-icons-ui": "^0.5.0",
50
- "@ledgerhq/icons-ui": "^0.4.1",
51
- "@ledgerhq/ui-shared": "^0.2.0"
49
+ "@ledgerhq/crypto-icons-ui": "^0.5.1-hotfix.0",
50
+ "@ledgerhq/icons-ui": "^0.4.3-hotfix.0",
51
+ "@ledgerhq/ui-shared": "^0.2.1-hotfix.0"
52
52
  },
53
53
  "peerDependencies": {
54
54
  "@types/react": "*",
@@ -78,22 +78,22 @@
78
78
  "@expo/webpack-config": "^18.0.1",
79
79
  "@react-native-async-storage/async-storage": "1.17.12",
80
80
  "@react-native-community/cli-server-api": "^7.0.3",
81
- "@react-native-community/datetimepicker": "6.7.3",
81
+ "@react-native-community/datetimepicker": "6.7.5",
82
82
  "@react-native-community/slider": "^4.4.2",
83
83
  "@storybook/addon-actions": "^6.5.16",
84
84
  "@storybook/addon-controls": "^6.5.16",
85
85
  "@storybook/addon-essentials": "^6.5.16",
86
86
  "@storybook/addon-links": "^6.5.16",
87
- "@storybook/addon-ondevice-actions": "6.5.0-rc.11",
88
- "@storybook/addon-ondevice-backgrounds": "6.5.0-rc.11",
89
- "@storybook/addon-ondevice-controls": "6.5.0-rc.11",
90
- "@storybook/addon-ondevice-notes": "6.5.0-rc.11",
87
+ "@storybook/addon-ondevice-actions": "6.5.4",
88
+ "@storybook/addon-ondevice-backgrounds": "6.5.4",
89
+ "@storybook/addon-ondevice-controls": "6.5.4",
90
+ "@storybook/addon-ondevice-notes": "6.5.4",
91
91
  "@storybook/addon-react-native-web": "^0.0.19",
92
92
  "@storybook/builder-webpack5": "^6.5.14",
93
93
  "@storybook/docs-tools": "^6.5.16",
94
94
  "@storybook/manager-webpack5": "^6.5.14",
95
95
  "@storybook/react": "^6.5.16",
96
- "@storybook/react-native": "6.5.0-rc.11",
96
+ "@storybook/react-native": "6.5.4",
97
97
  "@svgr/core": "^5.5.0",
98
98
  "@svgr/plugin-jsx": "^5.5.0",
99
99
  "@svgr/plugin-svgo": "^5.5.0",