@ledgerhq/native-ui 0.60.0 → 0.61.0-nightly.20260416030536
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/lib/components/Cards/BannerCard/index.d.ts +4 -4
- package/lib/components/Cards/BannerCard/index.d.ts.map +1 -1
- package/lib/components/Cards/BannerCard/index.js +3 -3
- package/lib/components/Cards/NewBannerCard/index.js +1 -1
- package/lib/components/Cards/NotificationCard/index.d.ts +1 -1
- package/lib/components/Cards/NotificationCard/index.d.ts.map +1 -1
- package/lib/components/Cards/NotificationCard/index.js +1 -1
- package/lib/components/Cards/SideImageCard/index.d.ts +7 -7
- package/lib/components/Cards/SideImageCard/index.d.ts.map +1 -1
- package/lib/components/Cards/SideImageCard/index.js +2 -2
- package/lib/components/Carousel/index.d.ts +1 -1
- package/lib/components/Carousel/index.d.ts.map +1 -1
- package/lib/components/Form/DrawerTabSelector/index.d.ts.map +1 -1
- package/lib/components/Form/DrawerTabSelector/index.js +3 -3
- package/lib/components/Form/Input/AnimatedInputSelect/Select.js +1 -1
- package/lib/components/Form/Input/BaseInput/index.d.ts +6 -6
- package/lib/components/Form/Input/BaseInput/index.d.ts.map +1 -1
- package/lib/components/Form/Input/BaseInput/index.js +18 -18
- package/lib/components/Form/Input/NumberInput/index.js +3 -3
- package/lib/components/Form/Input/QrCodeInput/index.js +2 -2
- package/lib/components/Form/Input/SearchInput/index.js +2 -2
- package/lib/components/Form/SelectableList.js +1 -1
- package/lib/components/Form/TabSelector/index.js +1 -1
- package/lib/components/Icon/BoxedIcon.js +6 -8
- package/lib/components/Icon/IconBox/index.js +1 -1
- package/lib/components/Layout/Box/index.d.ts +1 -1
- package/lib/components/Layout/Box/index.d.ts.map +1 -1
- package/lib/components/Layout/Divider/index.js +1 -1
- package/lib/components/Layout/Flex/index.d.ts +1 -1
- package/lib/components/Layout/Flex/index.d.ts.map +1 -1
- package/lib/components/Layout/List/IconBoxList/index.js +1 -1
- package/lib/components/Layout/List/TipList/index.js +1 -1
- package/lib/components/Layout/List/VerticalStepper/StepperItem.js +3 -3
- package/lib/components/Layout/List/VerticalStepper/index.d.ts +1 -1
- package/lib/components/Layout/List/VerticalStepper/index.d.ts.map +1 -1
- package/lib/components/Layout/List/VerticalTimeline/TimelineIndicator.js +2 -2
- package/lib/components/Layout/List/VerticalTimeline/TimelineItem.js +4 -4
- package/lib/components/Layout/List/VerticalTimeline/index.js +2 -2
- package/lib/components/Layout/Modals/BaseModal/index.js +6 -6
- package/lib/components/Layout/ScrollContainerHeader/Header.js +1 -1
- package/lib/components/Layout/ScrollContainerHeader/index.js +1 -1
- package/lib/components/Layout/ScrollListContainer/index.d.ts +1 -1
- package/lib/components/Layout/ScrollListContainer/index.js +1 -1
- package/lib/components/Layout/Slides/Slides.js +4 -4
- package/lib/components/Loader/InfiniteLoader/index.d.ts +2 -2
- package/lib/components/Loader/InfiniteLoader/index.d.ts.map +1 -1
- package/lib/components/Loader/InfiniteLoader/index.js +4 -4
- package/lib/components/Loader/ProgressLoader/index.js +1 -1
- package/lib/components/Navigation/SlideIndicator/index.js +2 -2
- package/lib/components/Navigation/Stepper/index.js +18 -18
- package/lib/components/Navigation/StoriesIndicator/index.js +3 -3
- package/lib/components/Tabs/Chip/index.js +5 -5
- package/lib/components/Tabs/Graph/index.js +3 -3
- package/lib/components/Tabs/TemplateTabs/index.d.ts +2 -2
- package/lib/components/Tabs/TemplateTabs/index.d.ts.map +1 -1
- package/lib/components/Tabs/TemplateTabs/index.js +1 -1
- package/lib/components/Text/index.d.ts.map +1 -1
- package/lib/components/Text/index.js +4 -4
- package/lib/components/cta/Button/getButtonStyle.js +1 -1
- package/lib/components/cta/Button/index.d.ts +2 -2
- package/lib/components/cta/Button/index.d.ts.map +1 -1
- package/lib/components/cta/Button/index.js +9 -9
- package/lib/components/cta/Link/index.d.ts +1 -1
- package/lib/components/cta/Link/index.d.ts.map +1 -1
- package/lib/components/cta/Link/index.js +1 -2
- package/lib/components/cta/QuickAction/QuickActionButton/index.d.ts +3 -3
- package/lib/components/cta/QuickAction/QuickActionButton/index.d.ts.map +1 -1
- package/lib/components/message/Alert/index.d.ts +2 -2
- package/lib/components/message/Alert/index.js +1 -1
- package/lib/components/message/Notification/index.js +1 -1
- package/lib/components/styled.d.ts.map +1 -1
- package/lib/components/styled.js +0 -1
- package/lib/components/tags/Badge/index.js +1 -1
- package/lib/components/transitions/Slide.js +1 -1
- package/lib/components/transitions/Transition.js +1 -1
- package/lib/pre-ldls/components/AccountItem/AccountItem.js +1 -1
- package/lib/pre-ldls/components/Tag/Tag.js +2 -2
- package/lib/pre-ldls/components/sharedStoryBook.d.ts +1 -1
- package/lib/pre-ldls/components/sharedStoryBook.d.ts.map +1 -1
- package/lib/pre-ldls/hooks/useDebouncedCallback.stories.js +1 -1
- package/lib/pre-ldls/libs/index.d.ts +1 -1
- package/lib/pre-ldls/libs/index.d.ts.map +1 -1
- package/lib/pre-ldls/libs/index.js +1 -1
- package/lib/styles/helpers.js +1 -1
- package/package.json +29 -10
|
@@ -10,16 +10,16 @@ export type CardProps = TouchableOpacityProps & {
|
|
|
10
10
|
type CloseProps = {
|
|
11
11
|
onPressDismiss?: () => void;
|
|
12
12
|
};
|
|
13
|
-
export declare const Container: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
|
|
14
|
-
export declare const CloseContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
|
|
15
|
-
export declare const ChevronContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderBottomColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
|
|
13
|
+
export declare const Container: import("node_modules/styled-components/native/dist/types").IStyledComponentBase<"native", import("node_modules/styled-components/native/dist/types").Substitute<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, import("node_modules/styled-components/native/dist/types").BaseObject>> & import("node_modules/styled-components/native/dist/types").BaseObject;
|
|
14
|
+
export declare const CloseContainer: import("node_modules/styled-components/native/dist/types").IStyledComponentBase<"native", import("node_modules/styled-components/native/dist/types").Substitute<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, import("node_modules/styled-components/native/dist/types").BaseObject>> & import("node_modules/styled-components/native/dist/types").BaseObject;
|
|
15
|
+
export declare const ChevronContainer: import("node_modules/styled-components/native/dist/types").IStyledComponentBase<"native", import("node_modules/styled-components/native/dist/types").Substitute<import("node_modules/styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderBottomColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("node_modules/@types/styled-system").SpaceProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, string | number | symbol> & import("node_modules/@types/styled-system").FlexboxProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").PositionProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").ColorProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, string | number | symbol> & import("node_modules/@types/styled-system").LayoutProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").OverflowProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").BorderProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, import("node_modules/csstype").Property.Border<import("node_modules/@types/styled-system").TLengthStyledSystem>> & import("node_modules/@types/styled-system").BackgroundProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, import("node_modules/csstype").Property.Background<import("node_modules/@types/styled-system").TLengthStyledSystem>> & {
|
|
16
16
|
columnGap?: string | number;
|
|
17
17
|
rowGap?: string | number;
|
|
18
18
|
color?: string;
|
|
19
19
|
display?: string;
|
|
20
20
|
position?: string;
|
|
21
21
|
maxHeight?: string | number;
|
|
22
|
-
}, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
|
|
22
|
+
}, import("node_modules/styled-components/native/dist/types").BaseObject>> & import("node_modules/styled-components/native/dist/types").BaseObject;
|
|
23
23
|
export declare const CloseButton: ({ onPressDismiss }: CloseProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
24
|
declare const BannerCard: (props: CardProps) => React.ReactElement;
|
|
25
25
|
export default BannerCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/BannerCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAMvE,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,eAAe,EAAE,OAAO,GAAG,OAAO,CAAC;CACpC,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/BannerCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAMvE,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,eAAe,EAAE,OAAO,GAAG,OAAO,CAAC;CACpC,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,SAAS,2XAUrB,CAAC;AAEF,eAAO,MAAM,cAAc,2XAQ1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;kJAM5B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,oBAAoB,UAAU,4CAOzD,CAAC;AAsCF,QAAA,MAAM,UAAU,GAAI,OAAO,SAAS,KAAG,KAAK,CAAC,YAE5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -5,18 +5,18 @@ import styled, { useTheme } from "styled-components/native";
|
|
|
5
5
|
import Text from "../../Text";
|
|
6
6
|
import Flex from "../../Layout/Flex";
|
|
7
7
|
export const Container = styled(TouchableOpacity) `
|
|
8
|
-
background: ${
|
|
8
|
+
background: ${p => p.theme.colors.opacityDefault.c05};
|
|
9
9
|
flex-direction: row;
|
|
10
10
|
backdrop-filter: blur(62px);
|
|
11
11
|
border-radius: 12px;
|
|
12
12
|
height: 72px;
|
|
13
|
-
padding: ${
|
|
13
|
+
padding: ${p => p.theme.space[6]}px;
|
|
14
14
|
align-items: center;
|
|
15
15
|
justify-content: space-between;
|
|
16
16
|
z-index: 5;
|
|
17
17
|
`;
|
|
18
18
|
export const CloseContainer = styled(TouchableOpacity) `
|
|
19
|
-
background-color: ${
|
|
19
|
+
background-color: ${p => p.theme.colors.opacityDefault.c05};
|
|
20
20
|
border-radius: 50px;
|
|
21
21
|
height: 24px;
|
|
22
22
|
width: 24px;
|
|
@@ -7,5 +7,5 @@ import { Flex } from "../../Layout";
|
|
|
7
7
|
import Text from "../../Text";
|
|
8
8
|
export default function NewBannerCard({ title, description, cta, icon, hasExternalLinkIcon, unread, onPress, variant = "default", p = 4, borderRadius = 12, ...styledProps }) {
|
|
9
9
|
const { theme } = useTheme();
|
|
10
|
-
return (_jsx(Pressable, { onPress: onPress, style:
|
|
10
|
+
return (_jsx(Pressable, { onPress: onPress, style: p => [{ opacity: p.pressed ? 0.2 : 1.0 }], children: _jsxs(Flex, { flexDirection: "row", alignItems: "center", bg: theme === "dark" ? "opacityDefault.c05" : "background.default", p: p, borderRadius: borderRadius, ...styledProps, children: [_jsxs(Flex, { position: "relative", children: [_jsx(BannerIcon, { icon: icon }), !!unread && (_jsx(Flex, { bg: "error.c60", height: 8, width: 8, borderRadius: 4, position: "absolute", right: 0, bottom: 0 }))] }), _jsxs(Flex, { ml: 5, flexShrink: 1, children: [title && (_jsx(Text, { color: variant === "titleProminent" ? "neutral.c100" : "neutral.c70", variant: variant === "titleProminent" ? "body" : "subtitle", fontWeight: variant === "titleProminent" ? "semiBold" : undefined, children: title })), _jsx(Text, { color: variant === "titleProminent" ? "neutral.c70" : "neutral.c100", variant: variant === "titleProminent" ? "paragraph" : "body", mt: 2, children: description }), _jsxs(Flex, { mt: 3, flexDirection: "row", alignItems: "center", children: [_jsx(Text, { color: "primary.c80", variant: "paragraph", fontWeight: "semiBold", pr: hasExternalLinkIcon ? 3 : 0, children: cta }), hasExternalLinkIcon && _jsx(Icons.ExternalLink, { size: "S", color: "primary.c80" })] })] })] }) }));
|
|
11
11
|
}
|
|
@@ -12,6 +12,6 @@ export type CardProps = TouchableOpacityProps & {
|
|
|
12
12
|
viewed: boolean;
|
|
13
13
|
};
|
|
14
14
|
declare const NotificationCard: (props: CardProps) => React.ReactElement;
|
|
15
|
-
export declare const Base: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
|
|
15
|
+
export declare const Base: import("node_modules/styled-components/native/dist/types").IStyledComponentBase<"native", import("node_modules/styled-components/native/dist/types").Substitute<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, import("node_modules/styled-components/native/dist/types").BaseObject>> & import("node_modules/styled-components/native/dist/types").BaseObject;
|
|
16
16
|
export default NotificationCard;
|
|
17
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/NotificationCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAEvE,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AA0BF,QAAA,MAAM,gBAAgB,GAAI,OAAO,SAAS,KAAG,KAAK,CAAC,YAwElD,CAAC;AAEF,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/NotificationCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAEvE,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AA0BF,QAAA,MAAM,gBAAgB,GAAI,OAAO,SAAS,KAAG,KAAK,CAAC,YAwElD,CAAC;AAEF,eAAO,MAAM,IAAI,2XAA6B,CAAC;AAM/C,eAAe,gBAAgB,CAAC"}
|
|
@@ -20,6 +20,6 @@ const NotificationCard = (props) => {
|
|
|
20
20
|
export const Base = styled(TouchableOpacity) ``;
|
|
21
21
|
const StyledText = styled(Text) `
|
|
22
22
|
text-decoration: underline;
|
|
23
|
-
text-decoration-color: ${
|
|
23
|
+
text-decoration-color: ${p => p.theme.colors.neutral.c100};
|
|
24
24
|
`;
|
|
25
25
|
export default NotificationCard;
|
|
@@ -7,25 +7,25 @@ export type CardProps = TouchableOpacityProps & {
|
|
|
7
7
|
imageUrl?: string;
|
|
8
8
|
onPressDismiss?: () => void;
|
|
9
9
|
};
|
|
10
|
-
export declare const Base: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
|
|
11
|
-
export declare const Container: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderBottomColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
|
|
10
|
+
export declare const Base: import("node_modules/styled-components/native/dist/types").IStyledComponentBase<"native", import("node_modules/styled-components/native/dist/types").Substitute<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, import("node_modules/styled-components/native/dist/types").BaseObject>> & import("node_modules/styled-components/native/dist/types").BaseObject;
|
|
11
|
+
export declare const Container: import("node_modules/styled-components/native/dist/types").IStyledComponentBase<"native", import("node_modules/styled-components/native/dist/types").Substitute<import("node_modules/styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderBottomColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("node_modules/@types/styled-system").SpaceProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, string | number | symbol> & import("node_modules/@types/styled-system").FlexboxProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").PositionProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").ColorProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, string | number | symbol> & import("node_modules/@types/styled-system").LayoutProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").OverflowProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").BorderProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, import("node_modules/csstype").Property.Border<import("node_modules/@types/styled-system").TLengthStyledSystem>> & import("node_modules/@types/styled-system").BackgroundProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, import("node_modules/csstype").Property.Background<import("node_modules/@types/styled-system").TLengthStyledSystem>> & {
|
|
12
12
|
columnGap?: string | number;
|
|
13
13
|
rowGap?: string | number;
|
|
14
14
|
color?: string;
|
|
15
15
|
display?: string;
|
|
16
16
|
position?: string;
|
|
17
17
|
maxHeight?: string | number;
|
|
18
|
-
}, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
|
|
19
|
-
export declare const ImageContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderBottomColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
|
|
18
|
+
}, import("node_modules/styled-components/native/dist/types").BaseObject>> & import("node_modules/styled-components/native/dist/types").BaseObject;
|
|
19
|
+
export declare const ImageContainer: import("node_modules/styled-components/native/dist/types").IStyledComponentBase<"native", import("node_modules/styled-components/native/dist/types").Substitute<import("node_modules/styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderBottomColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("node_modules/@types/styled-system").SpaceProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, string | number | symbol> & import("node_modules/@types/styled-system").FlexboxProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").PositionProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").ColorProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, string | number | symbol> & import("node_modules/@types/styled-system").LayoutProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").OverflowProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").BorderProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, import("node_modules/csstype").Property.Border<import("node_modules/@types/styled-system").TLengthStyledSystem>> & import("node_modules/@types/styled-system").BackgroundProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, import("node_modules/csstype").Property.Background<import("node_modules/@types/styled-system").TLengthStyledSystem>> & {
|
|
20
20
|
columnGap?: string | number;
|
|
21
21
|
rowGap?: string | number;
|
|
22
22
|
color?: string;
|
|
23
23
|
display?: string;
|
|
24
24
|
position?: string;
|
|
25
25
|
maxHeight?: string | number;
|
|
26
|
-
}, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
|
|
27
|
-
export declare const ImageContent: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("react-native").ImageProps & React.RefAttributes<Image>, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
|
|
28
|
-
export declare const CloseContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
|
|
26
|
+
}, import("node_modules/styled-components/native/dist/types").BaseObject>> & import("node_modules/styled-components/native/dist/types").BaseObject;
|
|
27
|
+
export declare const ImageContent: import("node_modules/styled-components/native/dist/types").IStyledComponentBase<"native", import("node_modules/styled-components/native/dist/types").Substitute<import("react-native").ImageProps & React.RefAttributes<Image>, import("node_modules/styled-components/native/dist/types").BaseObject>> & import("node_modules/styled-components/native/dist/types").BaseObject;
|
|
28
|
+
export declare const CloseContainer: import("node_modules/styled-components/native/dist/types").IStyledComponentBase<"native", import("node_modules/styled-components/native/dist/types").Substitute<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, import("node_modules/styled-components/native/dist/types").BaseObject>> & import("node_modules/styled-components/native/dist/types").BaseObject;
|
|
29
29
|
export declare const CloseButton: (props: CardProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
30
|
declare const SideImageCard: (props: CardProps) => React.ReactElement;
|
|
31
31
|
export default SideImageCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/SideImageCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAoB,KAAK,EAAE,MAAM,cAAc,CAAC;AAQ9E,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/SideImageCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAoB,KAAK,EAAE,MAAM,cAAc,CAAC;AAQ9E,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,IAAI,2XAEhB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;kJAIrB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;kJAI1B,CAAC;AACF,eAAO,MAAM,YAAY,iXAIxB,CAAC;AAEF,eAAO,MAAM,cAAc,2XAW1B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,SAAS,4CAO3C,CAAC;AAiEF,QAAA,MAAM,aAAa,GAAI,OAAO,SAAS,KAAG,KAAK,CAAC,YAM/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -10,7 +10,7 @@ export const Base = styled(TouchableOpacity) `
|
|
|
10
10
|
border-radius: 8px;
|
|
11
11
|
`;
|
|
12
12
|
export const Container = styled(Flex) `
|
|
13
|
-
background: ${
|
|
13
|
+
background: ${p => p.theme.colors.neutral.c20};
|
|
14
14
|
flex-direction: row;
|
|
15
15
|
border-radius: 8px;
|
|
16
16
|
`;
|
|
@@ -25,7 +25,7 @@ export const ImageContent = styled(Image) `
|
|
|
25
25
|
opacity: 0.6;
|
|
26
26
|
`;
|
|
27
27
|
export const CloseContainer = styled(TouchableOpacity) `
|
|
28
|
-
background-color: ${
|
|
28
|
+
background-color: ${p => p.theme.colors.neutral.c30};
|
|
29
29
|
position: absolute;
|
|
30
30
|
right: 8px;
|
|
31
31
|
top: 8px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ScrollView, ViewProps } from "react-native";
|
|
3
3
|
import type { Props as FlexboxProps } from "../Layout/Flex";
|
|
4
|
-
declare const HorizontalScrollView: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("react-native").ScrollViewProps, import("react-native").ScrollViewProps & React.RefAttributes<ScrollView>>, import("styled-components/native/dist/types").BaseObject>, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
|
|
4
|
+
declare const HorizontalScrollView: import("node_modules/styled-components/native/dist/types").IStyledComponentBase<"native", import("node_modules/styled-components/native/dist/types").Substitute<import("node_modules/styled-components/native/dist/types").Substitute<import("node_modules/styled-components/native/dist/types").Substitute<import("react-native").ScrollViewProps, import("react-native").ScrollViewProps & React.RefAttributes<ScrollView>>, import("node_modules/styled-components/native/dist/types").BaseObject>, import("node_modules/styled-components/native/dist/types").BaseObject>> & import("node_modules/styled-components/native/dist/types").BaseObject;
|
|
5
5
|
export type Props = React.PropsWithChildren<{
|
|
6
6
|
/**
|
|
7
7
|
* Forces the selection of a specific item of the carousel.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAEL,UAAU,EACV,SAAS,EAIV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG5D,QAAA,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAEL,UAAU,EACV,SAAS,EAIV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG5D,QAAA,MAAM,oBAAoB,wnBAEzB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC1C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IACrE;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC;IACpE;;;OAGG;IACH,4BAA4B,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAExD,kBAAkB,CAAC,EACf,KAAK,CAAC,aAAa,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC,GACF,KAAK,CAAC,YAAY,CAAC;IAEvB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC,CAAC;AAOH,iBAAS,QAAQ,CAAC,EAChB,WAAe,EACf,SAAS,EACT,eAAsB,EACtB,iBAAyB,EACzB,cAAc,EACd,4BAA4B,EAC5B,eAAe,EACf,QAAQ,EACR,UAAU,EACV,kBAAmC,EACnC,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,cAAc,GACf,EAAE,KAAK,2CA4KP;;AAED,wBAAoC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/DrawerTabSelector/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/DrawerTabSelector/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AA2DjC,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAClD,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,cAAc,EAAE,CAAC,CAAC;IAClB,kBAAkB,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE;SAAG,GAAG,IAAI,CAAC,GAAG,MAAM;KAAE,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACnE,OAAO,EACP,cAAc,EACd,kBAAkB,EAClB,MAAM,GACP,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA4DnC"}
|
|
@@ -6,7 +6,7 @@ import styled, { useTheme } from "styled-components/native";
|
|
|
6
6
|
import { Pressable } from "react-native";
|
|
7
7
|
import Animated, { useSharedValue, useAnimatedStyle, withSpring } from "react-native-reanimated";
|
|
8
8
|
const StyledPressable = styled(Pressable) `
|
|
9
|
-
width: ${
|
|
9
|
+
width: ${p => p.width}px;
|
|
10
10
|
flex: 1;
|
|
11
11
|
height: 100%;
|
|
12
12
|
`;
|
|
@@ -20,7 +20,7 @@ const StyledText = styled(Text) `
|
|
|
20
20
|
overflow: visible;
|
|
21
21
|
text-align: center;
|
|
22
22
|
font-size: 12px;
|
|
23
|
-
color: ${
|
|
23
|
+
color: ${p => (p.isSelected ? p.theme.colors.constant.black : p.theme.colors.opacityDefault.c50)};
|
|
24
24
|
`;
|
|
25
25
|
const OptionButton = ({ option, selectedOption, handleSelectOption, label, width, }) => {
|
|
26
26
|
const isSelected = selectedOption === option;
|
|
@@ -57,5 +57,5 @@ export default function DrawerTabSelector({ options, selectedOption, handleSelec
|
|
|
57
57
|
borderRadius: 40,
|
|
58
58
|
},
|
|
59
59
|
animatedStyle,
|
|
60
|
-
] }), options.map(
|
|
60
|
+
] }), options.map(option => (_jsx(OptionButton, { width: width, option: option, selectedOption: selectedOption, handleSelectOption: handleSelectOption, label: labels[option] }, option)))] }));
|
|
61
61
|
}
|
|
@@ -6,7 +6,7 @@ import ChevronDown from "@ledgerhq/icons-ui/native/ChevronDown";
|
|
|
6
6
|
import { TouchableOpacity } from "react-native";
|
|
7
7
|
const Container = styled(Flex) `
|
|
8
8
|
border-left-width: 1px;
|
|
9
|
-
border-left-color: ${
|
|
9
|
+
border-left-color: ${p => p.color};
|
|
10
10
|
width: 50%;
|
|
11
11
|
`;
|
|
12
12
|
const StyledTouchableOpacity = styled(TouchableOpacity) `
|
|
@@ -69,36 +69,36 @@ export type InputProps<T = string> = Omit<CommonProps, "value" | "onChange"> & {
|
|
|
69
69
|
*/
|
|
70
70
|
color?: string;
|
|
71
71
|
};
|
|
72
|
-
export declare const InputRenderLeftContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderBottomColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
|
|
72
|
+
export declare const InputRenderLeftContainer: import("node_modules/styled-components/native/dist/types").IStyledComponentBase<"native", import("node_modules/styled-components/native/dist/types").Substitute<import("node_modules/styled-components/native/dist/types").Substitute<import("node_modules/styled-components/native/dist/types").Substitute<import("node_modules/styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderBottomColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("node_modules/@types/styled-system").SpaceProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, string | number | symbol> & import("node_modules/@types/styled-system").FlexboxProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").PositionProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").ColorProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, string | number | symbol> & import("node_modules/@types/styled-system").LayoutProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").OverflowProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").BorderProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, import("node_modules/csstype").Property.Border<import("node_modules/@types/styled-system").TLengthStyledSystem>> & import("node_modules/@types/styled-system").BackgroundProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, import("node_modules/csstype").Property.Background<import("node_modules/@types/styled-system").TLengthStyledSystem>> & {
|
|
73
73
|
columnGap?: string | number;
|
|
74
74
|
rowGap?: string | number;
|
|
75
75
|
color?: string;
|
|
76
76
|
display?: string;
|
|
77
77
|
position?: string;
|
|
78
78
|
maxHeight?: string | number;
|
|
79
|
-
}, import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderBottomColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
|
|
79
|
+
}, import("node_modules/styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderBottomColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("node_modules/@types/styled-system").SpaceProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, string | number | symbol> & import("node_modules/@types/styled-system").FlexboxProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").PositionProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").ColorProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, string | number | symbol> & import("node_modules/@types/styled-system").LayoutProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").OverflowProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").BorderProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, import("node_modules/csstype").Property.Border<import("node_modules/@types/styled-system").TLengthStyledSystem>> & import("node_modules/@types/styled-system").BackgroundProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, import("node_modules/csstype").Property.Background<import("node_modules/@types/styled-system").TLengthStyledSystem>> & {
|
|
80
80
|
columnGap?: string | number;
|
|
81
81
|
rowGap?: string | number;
|
|
82
82
|
color?: string;
|
|
83
83
|
display?: string;
|
|
84
84
|
position?: string;
|
|
85
85
|
maxHeight?: string | number;
|
|
86
|
-
}>, import("styled-components/native/dist/types").BaseObject>, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
|
|
87
|
-
export declare const InputRenderRightContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderBottomColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
|
|
86
|
+
}>, import("node_modules/styled-components/native/dist/types").BaseObject>, import("node_modules/styled-components/native/dist/types").BaseObject>> & import("node_modules/styled-components/native/dist/types").BaseObject;
|
|
87
|
+
export declare const InputRenderRightContainer: import("node_modules/styled-components/native/dist/types").IStyledComponentBase<"native", import("node_modules/styled-components/native/dist/types").Substitute<import("node_modules/styled-components/native/dist/types").Substitute<import("node_modules/styled-components/native/dist/types").Substitute<import("node_modules/styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderBottomColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("node_modules/@types/styled-system").SpaceProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, string | number | symbol> & import("node_modules/@types/styled-system").FlexboxProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").PositionProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").ColorProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, string | number | symbol> & import("node_modules/@types/styled-system").LayoutProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").OverflowProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").BorderProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, import("node_modules/csstype").Property.Border<import("node_modules/@types/styled-system").TLengthStyledSystem>> & import("node_modules/@types/styled-system").BackgroundProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, import("node_modules/csstype").Property.Background<import("node_modules/@types/styled-system").TLengthStyledSystem>> & {
|
|
88
88
|
columnGap?: string | number;
|
|
89
89
|
rowGap?: string | number;
|
|
90
90
|
color?: string;
|
|
91
91
|
display?: string;
|
|
92
92
|
position?: string;
|
|
93
93
|
maxHeight?: string | number;
|
|
94
|
-
}, import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderBottomColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
|
|
94
|
+
}, import("node_modules/styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderBottomColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("node_modules/@types/styled-system").SpaceProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, string | number | symbol> & import("node_modules/@types/styled-system").FlexboxProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").PositionProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").ColorProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, string | number | symbol> & import("node_modules/@types/styled-system").LayoutProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").OverflowProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>> & import("node_modules/@types/styled-system").BorderProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, import("node_modules/csstype").Property.Border<import("node_modules/@types/styled-system").TLengthStyledSystem>> & import("node_modules/@types/styled-system").BackgroundProps<Required<import("node_modules/@types/styled-system").Theme<import("node_modules/@types/styled-system").TLengthStyledSystem>>, import("node_modules/csstype").Property.Background<import("node_modules/@types/styled-system").TLengthStyledSystem>> & {
|
|
95
95
|
columnGap?: string | number;
|
|
96
96
|
rowGap?: string | number;
|
|
97
97
|
color?: string;
|
|
98
98
|
display?: string;
|
|
99
99
|
position?: string;
|
|
100
100
|
maxHeight?: string | number;
|
|
101
|
-
}>, import("styled-components/native/dist/types").BaseObject>, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
|
|
101
|
+
}>, import("node_modules/styled-components/native/dist/types").BaseObject>, import("node_modules/styled-components/native/dist/types").BaseObject>> & import("node_modules/styled-components/native/dist/types").BaseObject;
|
|
102
102
|
declare function Input<T = string>(props: InputProps<T>, ref?: React.Ref<unknown>): React.ReactElement;
|
|
103
103
|
declare const _default: <T>(props: InputProps<T> & {
|
|
104
104
|
ref?: React.ForwardedRef<TextInput> | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/BaseInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAC5F,OAAO,EACL,SAAS,EACT,cAAc,EAEd,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC7E;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IACT;;OAEG;IACH,UAAU,CAAC,EACP,CAAC,CACC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC,KAC3D,KAAK,CAAC,SAAS,CAAC,GACrB,KAAK,CAAC,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EACR,CAAC,CACC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC,KAC3D,KAAK,CAAC,SAAS,CAAC,GACrB,KAAK,CAAC,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAC3C;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IACjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACvD;;OAEG;IACH,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC;;OAEG;IACH,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAsEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/BaseInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAC5F,OAAO,EACL,SAAS,EACT,cAAc,EAEd,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC7E;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IACT;;OAEG;IACH,UAAU,CAAC,EACP,CAAC,CACC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC,KAC3D,KAAK,CAAC,SAAS,CAAC,GACrB,KAAK,CAAC,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EACR,CAAC,CACC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC,KAC3D,KAAK,CAAC,SAAS,CAAC,GACrB,KAAK,CAAC,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAC3C;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IACjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACvD;;OAEG;IACH,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC;;OAEG;IACH,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAsEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;2NAIhC,CAAC;AAEN,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;2NAIjC,CAAC;AAON,iBAAS,KAAK,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,YAAY,CA2F7F;wBAEyC,CAAC,CAAC,EAC1C,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA;CAAE,KAClE,UAAU,CAAC,OAAO,KAAK,CAAC;AAF7B,wBAE8B"}
|
|
@@ -8,48 +8,48 @@ const InputContainer = styled.View `
|
|
|
8
8
|
display: flex;
|
|
9
9
|
flex-direction: row;
|
|
10
10
|
width: 100%;
|
|
11
|
-
background: ${
|
|
11
|
+
background: ${p => p.theme.colors.background.main};
|
|
12
12
|
height: 48px;
|
|
13
|
-
border: ${
|
|
13
|
+
border: ${p => (p.hasBorder ? `1px solid ${p.theme.colors.opacityDefault.c20}` : "none")};
|
|
14
14
|
border-radius: 8px;
|
|
15
|
-
color: ${
|
|
15
|
+
color: ${p => p.theme.colors.neutral.c100};
|
|
16
16
|
align-items: center;
|
|
17
17
|
padding: 0px 16px;
|
|
18
18
|
|
|
19
|
-
${
|
|
19
|
+
${p => p.disabled &&
|
|
20
20
|
css `
|
|
21
21
|
color: ${p.theme.colors.neutral.c60};
|
|
22
|
-
background: ${
|
|
22
|
+
background: ${p => p.theme.colors.neutral.c30};
|
|
23
23
|
`};
|
|
24
24
|
|
|
25
|
-
${
|
|
25
|
+
${p => p.focus &&
|
|
26
26
|
!p.error &&
|
|
27
27
|
p.hasBorder &&
|
|
28
28
|
css `
|
|
29
29
|
border: 1px solid ${p.theme.colors.primary.c80};
|
|
30
30
|
`};
|
|
31
31
|
|
|
32
|
-
${
|
|
32
|
+
${p => p.error &&
|
|
33
33
|
!p.disabled &&
|
|
34
34
|
css `
|
|
35
35
|
border: 1px solid ${p.theme.colors.error.c60};
|
|
36
36
|
`};
|
|
37
37
|
|
|
38
|
-
${
|
|
38
|
+
${p => p.disabled &&
|
|
39
39
|
p.hasBorder &&
|
|
40
40
|
css `
|
|
41
41
|
color: ${p.theme.colors.neutral.c60};
|
|
42
|
-
background: ${
|
|
42
|
+
background: ${p => p.theme.colors.neutral.c30};
|
|
43
43
|
`};
|
|
44
44
|
|
|
45
|
-
${
|
|
45
|
+
${p => p.disabled &&
|
|
46
46
|
!p.hasBorder &&
|
|
47
47
|
css `
|
|
48
48
|
color: ${p.theme.colors.opacityDefault.c10};
|
|
49
|
-
background: ${
|
|
49
|
+
background: ${p => p.theme.colors.neutral.c30};
|
|
50
50
|
`};
|
|
51
51
|
`;
|
|
52
|
-
const BaseInput = styled.TextInput.attrs(
|
|
52
|
+
const BaseInput = styled.TextInput.attrs(p => ({
|
|
53
53
|
selectionColor: p.theme.colors.primary.c80,
|
|
54
54
|
placeholderTextColor: p.theme.colors.neutral.c80,
|
|
55
55
|
})) `
|
|
@@ -59,10 +59,10 @@ const BaseInput = styled.TextInput.attrs((p) => ({
|
|
|
59
59
|
flex-shrink: 1;
|
|
60
60
|
display: flex;
|
|
61
61
|
min-height: auto;
|
|
62
|
-
color: ${
|
|
62
|
+
color: ${p => p.theme.colors.neutral.c100};
|
|
63
63
|
`;
|
|
64
64
|
const InputErrorText = styled(Text) `
|
|
65
|
-
color: ${
|
|
65
|
+
color: ${p => p.theme.colors.error.c60};
|
|
66
66
|
`;
|
|
67
67
|
export const InputRenderLeftContainer = styled(FlexBox).attrs(() => ({
|
|
68
68
|
alignItems: "center",
|
|
@@ -75,9 +75,9 @@ export const InputRenderRightContainer = styled(FlexBox).attrs(() => ({
|
|
|
75
75
|
paddingLeft: "8px",
|
|
76
76
|
})) ``;
|
|
77
77
|
// Yes, this is dirty. If you can figure out a better way please change the code :).
|
|
78
|
-
//
|
|
78
|
+
// oxlint-disable-next-line typescript/no-explicit-any
|
|
79
79
|
const IDENTITY = (_) => _;
|
|
80
|
-
//
|
|
80
|
+
// oxlint-disable-next-line typescript/no-explicit-any
|
|
81
81
|
function Input(props, ref) {
|
|
82
82
|
const { value, onChange, onChangeText, onChangeEvent, disabled, error, renderLeft, renderRight, serialize = IDENTITY, deserialize = IDENTITY, containerStyle, hasBorder = true, inputContainerStyle, baseInputContainerStyle, inputErrorContainerStyles, autoFocus, onFocus, onBlur, color, inputErrorColor = "error.c50", showErrorIcon = false, ...textInputProps } = props;
|
|
83
83
|
const inputRef = useRef(null);
|
|
@@ -92,10 +92,10 @@ function Input(props, ref) {
|
|
|
92
92
|
inputRef.current.focus();
|
|
93
93
|
}, [inputRef, autoFocus]);
|
|
94
94
|
const [focus, setFocus] = React.useState(false);
|
|
95
|
-
return (_jsxs(FlexBox, { width: "100%", style: containerStyle ?? undefined, children: [_jsxs(InputContainer, { disabled: disabled, focus: focus, hasBorder: hasBorder, error: error, style: inputContainerStyle, children: [typeof renderLeft === "function" ? renderLeft(props, inputRef) : renderLeft, _jsx(BaseInput, { ref: inputRef, ...textInputProps, value: inputValue, onChange: onChangeEvent, onChangeText: handleChange, editable: !disabled, disabled: disabled, error: error, onFocus:
|
|
95
|
+
return (_jsxs(FlexBox, { width: "100%", style: containerStyle ?? undefined, children: [_jsxs(InputContainer, { disabled: disabled, focus: focus, hasBorder: hasBorder, error: error, style: inputContainerStyle, children: [typeof renderLeft === "function" ? renderLeft(props, inputRef) : renderLeft, _jsx(BaseInput, { ref: inputRef, ...textInputProps, value: inputValue, onChange: onChangeEvent, onChangeText: handleChange, editable: !disabled, disabled: disabled, error: error, onFocus: e => {
|
|
96
96
|
setFocus(true);
|
|
97
97
|
onFocus?.(e);
|
|
98
|
-
}, onBlur:
|
|
98
|
+
}, onBlur: e => {
|
|
99
99
|
setFocus(false);
|
|
100
100
|
onBlur?.(e);
|
|
101
101
|
}, style: { ...(color ? { color: color } : {}), ...baseInputContainerStyle } }), typeof renderRight === "function" ? renderRight(props, inputRef) : renderRight] }), !!error && !disabled && (_jsxs(FlexBox, { flexDirection: "row", alignItems: "center", style: inputErrorContainerStyles, children: [showErrorIcon && _jsx(DeleteCircleFill, { color: inputErrorColor, size: "S" }), _jsx(InputErrorText, { color: inputErrorColor, variant: "small", mt: 3, children: error })] }))] }));
|
|
@@ -6,8 +6,8 @@ import Input from "../BaseInput";
|
|
|
6
6
|
import FlexBox from "../../../Layout/Flex";
|
|
7
7
|
import Text from "../../../Text";
|
|
8
8
|
const PercentButton = styled(TouchableOpacity) `
|
|
9
|
-
color: ${
|
|
10
|
-
background-color: ${
|
|
9
|
+
color: ${p => (p.active ? p.theme.colors.neutral.c00 : p.theme.colors.neutral.c70)};
|
|
10
|
+
background-color: ${p => (p.active ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c00)};
|
|
11
11
|
border-radius: 100px;
|
|
12
12
|
border-width: 0;
|
|
13
13
|
height: 31px;
|
|
@@ -29,7 +29,7 @@ function deserialize(value) {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
function NumberInput({ onPercentClick, max, value, disabled, ...inputProps }, ref) {
|
|
32
|
-
return (_jsx(Input, { ref: ref, serialize: serialize, deserialize: deserialize, ...inputProps, value: value, disabled: disabled, keyboardType: "numeric", renderRight: _jsx(FlexBox, { alignItems: "center", justifyContent: "center", py: "3px", mr: "8px", flexDirection: "row", children: [0.25, 0.5, 0.75, 1].map(
|
|
32
|
+
return (_jsx(Input, { ref: ref, serialize: serialize, deserialize: deserialize, ...inputProps, value: value, disabled: disabled, keyboardType: "numeric", renderRight: _jsx(FlexBox, { alignItems: "center", justifyContent: "center", py: "3px", mr: "8px", flexDirection: "row", children: [0.25, 0.5, 0.75, 1].map(percent => {
|
|
33
33
|
const active = !!value && !!max && Number(value) === percent * Number(max);
|
|
34
34
|
return (_jsx(PercentButton, { onPress: () => onPercentClick(percent), active: active, disabled: disabled, children: _jsxs(Text, { variant: "small", color: active ? "neutral.c00" : "neutral.c70", children: [percent * 100, "%"] }) }, percent));
|
|
35
35
|
}) }) }));
|
|
@@ -6,7 +6,7 @@ import Input from "../BaseInput";
|
|
|
6
6
|
import FlexBox from "../../../Layout/Flex";
|
|
7
7
|
import QrCodeMedium from "@ledgerhq/icons-ui/nativeLegacy/QrCodeMedium";
|
|
8
8
|
const QrCodeButton = styled(TouchableOpacity) `
|
|
9
|
-
background-color: ${
|
|
9
|
+
background-color: ${p => p.theme.colors.neutral.c100};
|
|
10
10
|
display: flex;
|
|
11
11
|
align-items: center;
|
|
12
12
|
justify-content: center;
|
|
@@ -15,7 +15,7 @@ const QrCodeButton = styled(TouchableOpacity) `
|
|
|
15
15
|
border-radius: 40px;
|
|
16
16
|
border-width: 0;
|
|
17
17
|
`;
|
|
18
|
-
const Icon = styled(QrCodeMedium).attrs(
|
|
18
|
+
const Icon = styled(QrCodeMedium).attrs(p => ({
|
|
19
19
|
color: p.theme.colors.neutral.c00,
|
|
20
20
|
})) ``;
|
|
21
21
|
function QrCodeInput({ onQrCodeClick, ...inputProps }, ref) {
|
|
@@ -5,10 +5,10 @@ import Input, { InputRenderLeftContainer } from "../BaseInput";
|
|
|
5
5
|
import Search from "@ledgerhq/icons-ui/native/Search";
|
|
6
6
|
import DeleteCircleFill from "@ledgerhq/icons-ui/native/DeleteCircleFill";
|
|
7
7
|
import Button from "../../../cta/Button";
|
|
8
|
-
const Icon = styled(Search).attrs(
|
|
8
|
+
const Icon = styled(Search).attrs(p => ({
|
|
9
9
|
color: p.theme.colors.neutral.c70,
|
|
10
10
|
})) ``;
|
|
11
|
-
const Delete = styled(DeleteCircleFill).attrs(
|
|
11
|
+
const Delete = styled(DeleteCircleFill).attrs(p => ({
|
|
12
12
|
color: p.theme.colors.opacityDefault.c50,
|
|
13
13
|
})) ``;
|
|
14
14
|
function SearchInput({ onChange, value, ...props }, ref) {
|
|
@@ -21,7 +21,7 @@ function SelectableList({ currentValue, onChange, children }) {
|
|
|
21
21
|
return (_jsx(Flex, { accessible: true, accessibilityRole: "radiogroup", children: React.Children.map(children, (child, index) => {
|
|
22
22
|
if (!React.isValidElement(child))
|
|
23
23
|
return null;
|
|
24
|
-
//
|
|
24
|
+
// oxlint-disable-next-line typescript/no-explicit-any
|
|
25
25
|
const casted = child;
|
|
26
26
|
return React.cloneElement(casted, {
|
|
27
27
|
first: index === 0,
|