@ledgerhq/native-ui 0.6.6 → 0.6.7

package/components/Layout/Modals/BottomDrawer/index.js

@@ -24,9 +24,10 @@ const modalStyleOverrides = StyleSheet.create({
         paddingRight: 24,
         paddingTop: 24,
         paddingBottom: 24,
+        maxHeight: "100%",
     },
 });
 export default function BottomDrawer(_a) {
     var { children } = _a, restProps = __rest(_a, ["children"]);
-    return (React.createElement(BaseModal, Object.assign({}, restProps, { modalStyle: modalStyleOverrides.modal, containerStyle: modalStyleOverrides.container, swipeDirection: ["down"], propagateSwipe: true }), children));
+    return (React.createElement(BaseModal, Object.assign({}, restProps, { modalStyle: modalStyleOverrides.modal, containerStyle: modalStyleOverrides.container, propagateSwipe: true }), children));
 }

package/components/Layout/ScrollContainerHeader/Header.d.ts

@@ -7,5 +7,8 @@ export declare type HeaderProps = {
     BottomSection?: JSX.Element;
     currentPositionY: Animated.SharedValue<number>;
 };
-declare const Header: ({ TopLeftSection, TopRightSection, TopMiddleSection, MiddleSection, BottomSection, currentPositionY, }: HeaderProps) => JSX.Element;
+declare const Header: {
+    ({ TopLeftSection, TopRightSection, TopMiddleSection, MiddleSection, BottomSection, currentPositionY, }: HeaderProps): JSX.Element;
+    PADDING_HORIZONTAL: number;
+};
 export default Header;

package/components/Layout/ScrollContainerHeader/Header.js

@@ -2,8 +2,9 @@ import React, { useCallback, useState } from "react";
 import styled from "styled-components/native";
 import Animated, { useAnimatedStyle, interpolate, Extrapolate } from "react-native-reanimated";
 import Flex from "../Flex";
+const PADDING_HORIZONTAL = 16;
 const Container = styled(Flex).attrs({
-    paddingHorizontal: 16,
+    paddingHorizontal: PADDING_HORIZONTAL,
 }) `
   background-color: ${(p) => p.theme.colors.background.main};
   width: 100%;
@@ -68,4 +69,5 @@ const Header = ({ TopLeftSection, TopRightSection, TopMiddleSection, MiddleSecti
         React.createElement(Animated.View, { onLayout: middleWidth ? () => { } : onLayoutMiddle, style: MiddleStyle }, MiddleSection),
         BottomSection ? React.createElement(Flex, null, BottomSection) : null));
 };
+Header.PADDING_HORIZONTAL = PADDING_HORIZONTAL;
 export default Header;

package/components/Layout/ScrollContainerHeader/index.d.ts

@@ -7,5 +7,11 @@ declare type ScrollContainerHeaderProps = BaseStyledProps & Omit<HeaderProps, "c
     onScroll?: (y: number) => void;
     containerProps?: BaseStyledProps;
 };
-declare const ScrollContainerHeader: ({ TopLeftSection, TopRightSection, TopMiddleSection, MiddleSection, BottomSection, children, onScroll, containerProps, ...props }: ScrollContainerHeaderProps) => JSX.Element;
+declare const ScrollContainerHeader: {
+    ({ TopLeftSection, TopRightSection, TopMiddleSection, MiddleSection, BottomSection, children, onScroll, containerProps, ...props }: ScrollContainerHeaderProps): JSX.Element;
+    Header: {
+        ({ TopLeftSection, TopRightSection, TopMiddleSection, MiddleSection, BottomSection, currentPositionY, }: HeaderProps): JSX.Element;
+        PADDING_HORIZONTAL: number;
+    };
+};
 export default ScrollContainerHeader;

package/components/Layout/ScrollContainerHeader/index.js

@@ -29,4 +29,5 @@ const ScrollContainerHeader = (_a) => {
         React.createElement(Header, { TopLeftSection: TopLeftSection, TopRightSection: TopRightSection, TopMiddleSection: TopMiddleSection, MiddleSection: MiddleSection, BottomSection: BottomSection, currentPositionY: currentPositionY }),
         React.createElement(AnimatedFlatList, Object.assign({}, props, { onScroll: handleScroll, scrollEventThrottle: 16, data: [...React.Children.toArray(children)], renderItem: ({ item }) => React.createElement(View, null, item), keyExtractor: (_, index) => index }))));
 };
+ScrollContainerHeader.Header = Header;
 export default ScrollContainerHeader;

package/components/Tabs/Graph/index.js

@@ -1,24 +1,24 @@
 import React from "react";
 import styled from "styled-components/native";
 import Text from "../../Text";
-import { TouchableOpacity } from "react-native";
 import TemplateTabs from "../TemplateTabs";
-const TabBox = styled(TouchableOpacity) `
+const TabBox = styled.TouchableOpacity `
   text-align: center;
   margin: auto;
   flex: 1;
+  border-radius: 48px;
+  overflow: hidden;
 `;
 const TabText = styled(Text).attrs((p) => ({
     // Avoid conflict with styled-system's size property by nulling size and renaming it
     size: undefined,
     lineHeight: p.size === "medium" ? "36px" : "26px",
     textAlign: "center",
-    borderRadius: 48,
-    px: p.theme.space[p.size === "medium" ? 7 : 6],
-    height: p.size === "medium" ? 36 : 26,
+    px: 4,
+    height: p.size === "medium" ? "36px" : "26px",
 })) ``;
 const StyledTabs = styled(TemplateTabs) `
-  border: ${(p) => `1px solid ${p.theme.colors.palette.neutral.c40}`};
+  border: ${(p) => `1px solid ${p.theme.colors.neutral.c40}`};
   border-radius: 35px;
   padding: ${(p) => `${p.theme.space[p.size === "medium" ? 2 : 1]}px`};
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/native-ui",
-  "version": "0.6.6",
+  "version": "0.6.7",
   "description": "Ledger Live - Desktop UI",
   "repository": "https://github.com/LedgerHQ/ui",
   "license": "MIT",