decathlon-ui 0.3.47 → 0.3.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/badge/badge.component.d.ts.map +1 -1
- package/dist/components/badge/badge.component.js +12 -3
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/product-highlight/product-highlight.d.ts +2 -10
- package/dist/components/product-highlight/product-highlight.d.ts.map +1 -1
- package/dist/components/product-highlight/product-highlight.js +1 -1
- package/dist/components/search-input/index.d.ts +3 -0
- package/dist/components/search-input/index.d.ts.map +1 -0
- package/dist/components/search-input/index.js +1 -0
- package/dist/components/search-input/search-input.component.d.ts +4 -0
- package/dist/components/search-input/search-input.component.d.ts.map +1 -0
- package/dist/components/search-input/search-input.component.js +46 -0
- package/dist/components/search-input/search-input.styles.d.ts +56 -0
- package/dist/components/search-input/search-input.styles.d.ts.map +1 -0
- package/dist/components/search-input/search-input.styles.js +60 -0
- package/dist/components/search-input/search-input.types.d.ts +13 -0
- package/dist/components/search-input/search-input.types.d.ts.map +1 -0
- package/dist/components/search-input/search-input.types.js +1 -0
- package/package.json +5 -5
- package/dist/components/button/button.types.d.ts +0 -23
- package/dist/components/button/button.types.d.ts.map +0 -1
- package/dist/components/button/button.types.js +0 -14
- package/dist/components/store-card/styles.d.ts +0 -103
- package/dist/components/store-card/styles.d.ts.map +0 -1
- package/dist/components/store-card/styles.js +0 -103
- package/dist/icons/components/Alipay.d.ts +0 -4
- package/dist/icons/components/Alipay.d.ts.map +0 -1
- package/dist/icons/components/Alipay.js +0 -4
- package/dist/icons/components/Amex.d.ts +0 -4
- package/dist/icons/components/Amex.d.ts.map +0 -1
- package/dist/icons/components/Amex.js +0 -4
- package/dist/icons/components/CodeFront.d.ts +0 -4
- package/dist/icons/components/CodeFront.d.ts.map +0 -1
- package/dist/icons/components/CodeFront.js +0 -16
- package/dist/icons/components/Diners.d.ts +0 -4
- package/dist/icons/components/Diners.d.ts.map +0 -1
- package/dist/icons/components/Diners.js +0 -4
- package/dist/icons/components/Discover.d.ts +0 -4
- package/dist/icons/components/Discover.d.ts.map +0 -1
- package/dist/icons/components/Discover.js +0 -4
- package/dist/icons/components/Elo.d.ts +0 -4
- package/dist/icons/components/Elo.d.ts.map +0 -1
- package/dist/icons/components/Elo.js +0 -4
- package/dist/icons/components/Generic.d.ts +0 -4
- package/dist/icons/components/Generic.d.ts.map +0 -1
- package/dist/icons/components/Generic.js +0 -4
- package/dist/icons/components/Hiper.d.ts +0 -4
- package/dist/icons/components/Hiper.d.ts.map +0 -1
- package/dist/icons/components/Hiper.js +0 -6
- package/dist/icons/components/Hipercard.d.ts +0 -4
- package/dist/icons/components/Hipercard.d.ts.map +0 -1
- package/dist/icons/components/Hipercard.js +0 -4
- package/dist/icons/components/Jcb.d.ts +0 -4
- package/dist/icons/components/Jcb.d.ts.map +0 -1
- package/dist/icons/components/Jcb.js +0 -4
- package/dist/icons/components/Maestro.d.ts +0 -4
- package/dist/icons/components/Maestro.d.ts.map +0 -1
- package/dist/icons/components/Maestro.js +0 -4
- package/dist/icons/components/Mastercard.d.ts +0 -4
- package/dist/icons/components/Mastercard.d.ts.map +0 -1
- package/dist/icons/components/Mastercard.js +0 -4
- package/dist/icons/components/Mir.d.ts +0 -4
- package/dist/icons/components/Mir.d.ts.map +0 -1
- package/dist/icons/components/Mir.js +0 -10
- package/dist/icons/components/MoneyIcon.d.ts +0 -4
- package/dist/icons/components/MoneyIcon.d.ts.map +0 -1
- package/dist/icons/components/MoneyIcon.js +0 -4
- package/dist/icons/components/StarFill.d.ts +0 -4
- package/dist/icons/components/StarFill.d.ts.map +0 -1
- package/dist/icons/components/StarFill.js +0 -4
- package/dist/icons/components/Unionpay.d.ts +0 -4
- package/dist/icons/components/Unionpay.d.ts.map +0 -1
- package/dist/icons/components/Unionpay.js +0 -4
- package/dist/icons/components/Visa.d.ts +0 -4
- package/dist/icons/components/Visa.d.ts.map +0 -1
- package/dist/icons/components/Visa.js +0 -4
- package/dist/icons/components/index.d.ts +0 -272
- package/dist/icons/components/index.d.ts.map +0 -1
- package/dist/icons/components/index.js +0 -270
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.component.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"badge.component.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAkFhD,eAAO,MAAM,KAAK,6FApEf,UAAU,6CAoEkC,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Text, View } from "react-native";
|
|
2
|
+
import { Platform, Text, View } from "react-native";
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { SvgUri } from "react-native-svg";
|
|
5
4
|
import { useBadgeStyles } from "./badge.styles";
|
|
6
5
|
/**
|
|
7
6
|
* Badge - Componente para exibição de etiquetas ou marcadores
|
|
@@ -14,7 +13,17 @@ const BadgeComponent = ({ text, variant, size = "medium", style, textStyle, icon
|
|
|
14
13
|
return null;
|
|
15
14
|
}
|
|
16
15
|
if (typeof icon === "string" && icon.includes(".svg")) {
|
|
17
|
-
|
|
16
|
+
// Suporte a URIs SVG apenas em plataformas nativas, onde SvgUri está disponível.
|
|
17
|
+
if (Platform.OS !== "web") {
|
|
18
|
+
// eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-var-requires
|
|
19
|
+
const { SvgUri } = require("react-native-svg");
|
|
20
|
+
if (SvgUri) {
|
|
21
|
+
return (_jsx(View, { style: styles.iconContainer, children: _jsx(SvgUri, { uri: icon, width: 12, height: 12 }) }));
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
// No ambiente web (storybook) ou quando SvgUri não estiver disponível,
|
|
25
|
+
// o ícone via string é ignorado para evitar erros de build.
|
|
26
|
+
return null;
|
|
18
27
|
}
|
|
19
28
|
return _jsx(View, { style: styles.iconContainer, children: icon });
|
|
20
29
|
};
|
|
@@ -27,6 +27,7 @@ export * from "./radio/index";
|
|
|
27
27
|
export * from "./range-slider/index";
|
|
28
28
|
export * from "./search-button/index";
|
|
29
29
|
export * from "./search-pill/index";
|
|
30
|
+
export * from "./search-input/index";
|
|
30
31
|
export * from "./select/index";
|
|
31
32
|
export * from "./seller-box/index";
|
|
32
33
|
export * from "./stars-rating/index";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AAEvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AAEvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -27,6 +27,7 @@ export * from "./radio/index";
|
|
|
27
27
|
export * from "./range-slider/index";
|
|
28
28
|
export * from "./search-button/index";
|
|
29
29
|
export * from "./search-pill/index";
|
|
30
|
+
export * from "./search-input/index";
|
|
30
31
|
export * from "./select/index";
|
|
31
32
|
export * from "./seller-box/index";
|
|
32
33
|
export * from "./stars-rating/index";
|
|
@@ -1,14 +1,6 @@
|
|
|
1
|
-
import type { StoryObj } from "@storybook/react";
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
2
|
import React from "react";
|
|
3
|
-
declare const meta:
|
|
4
|
-
title: string;
|
|
5
|
-
component: React.NamedExoticComponent<import("./product-highlight.types").ProductHighlightsContainerProps>;
|
|
6
|
-
argTypes: {};
|
|
7
|
-
args: {
|
|
8
|
-
children: import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
};
|
|
10
|
-
decorators: ((Story: React.FC<any>) => import("react/jsx-runtime").JSX.Element)[];
|
|
11
|
-
};
|
|
3
|
+
declare const meta: Meta<React.NamedExoticComponent<import("./product-highlight.types").ProductHighlightsContainerProps>>;
|
|
12
4
|
export default meta;
|
|
13
5
|
type Story = StoryObj<typeof meta>;
|
|
14
6
|
export declare const Default: Story;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"product-highlight.d.ts","sourceRoot":"","sources":["../../../src/components/product-highlight/product-highlight.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"product-highlight.d.ts","sourceRoot":"","sources":["../../../src/components/product-highlight/product-highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,IAAI,uGAcyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { View } from "react-native";
|
|
3
|
-
import { ProductHighlight, ProductHighlightsContainer } from "./product-highlight.component";
|
|
3
|
+
import { ProductHighlight, ProductHighlightsContainer, } from "./product-highlight.component";
|
|
4
4
|
const meta = {
|
|
5
5
|
title: "Components/ProductHighlight",
|
|
6
6
|
component: ProductHighlightsContainer,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SearchInput } from "./search-input.component";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search-input.component.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AA2F7D,eAAO,MAAM,WAAW,8CAAmC,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Text, TextInput, View, TouchableOpacity } from "react-native";
|
|
4
|
+
import { SearchIcon } from "../../icons";
|
|
5
|
+
import { useTheme } from "../../themes";
|
|
6
|
+
import { useSearchInputStyles } from "./search-input.styles";
|
|
7
|
+
const SearchInputComponent = ({ value: controlledValue, onChangeText, placeholder, onClearPress, testID, onFocus, onBlur, ...rest }) => {
|
|
8
|
+
const styles = useSearchInputStyles();
|
|
9
|
+
const theme = useTheme();
|
|
10
|
+
const [isFocused, setIsFocused] = React.useState(false);
|
|
11
|
+
const [uncontrolledValue, setUncontrolledValue] = React.useState("");
|
|
12
|
+
const isControlled = controlledValue !== undefined;
|
|
13
|
+
const value = isControlled ? controlledValue : uncontrolledValue;
|
|
14
|
+
const isFilled = !!value && value.length > 0;
|
|
15
|
+
const handleChangeText = (text) => {
|
|
16
|
+
if (!isControlled) {
|
|
17
|
+
setUncontrolledValue(text);
|
|
18
|
+
}
|
|
19
|
+
onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);
|
|
20
|
+
};
|
|
21
|
+
const handleClear = () => {
|
|
22
|
+
if (!isControlled) {
|
|
23
|
+
setUncontrolledValue("");
|
|
24
|
+
}
|
|
25
|
+
onClearPress === null || onClearPress === void 0 ? void 0 : onClearPress();
|
|
26
|
+
onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText("");
|
|
27
|
+
};
|
|
28
|
+
const handleFocus = (event) => {
|
|
29
|
+
setIsFocused(true);
|
|
30
|
+
onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
|
|
31
|
+
};
|
|
32
|
+
const handleBlur = (event) => {
|
|
33
|
+
setIsFocused(false);
|
|
34
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
35
|
+
};
|
|
36
|
+
const fieldStateStyle = isFilled
|
|
37
|
+
? styles.fieldFilled
|
|
38
|
+
: isFocused
|
|
39
|
+
? styles.fieldActive
|
|
40
|
+
: styles.fieldDefault;
|
|
41
|
+
return (_jsx(View, { style: styles.container, testID: testID, children: _jsxs(View, { style: [styles.fieldBase, fieldStateStyle], children: [_jsx(View, { style: styles.icon, children: _jsx(SearchIcon, { size: 24, color: isFilled || isFocused
|
|
42
|
+
? theme.colors.iconPrimary
|
|
43
|
+
: theme.colors.iconTertiary }) }), _jsx(TextInput, { style: [styles.input, !isFilled && styles.placeholderText], placeholder: placeholder, value: value, onChangeText: handleChangeText, onFocus: handleFocus, onBlur: handleBlur, placeholderTextColor: theme.colors.textTertiary, ...rest }), isFilled && (_jsx(TouchableOpacity, { accessibilityRole: "button", accessibilityLabel: "Limpar busca", style: styles.clearButton, onPress: handleClear, hitSlop: theme.hitSlopWidth.sm, children: _jsx(Text, { style: styles.clearText, children: "Limpar" }) }))] }) }));
|
|
44
|
+
};
|
|
45
|
+
export const SearchInput = React.memo(SearchInputComponent);
|
|
46
|
+
SearchInput.displayName = "SearchInput";
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
export declare const useSearchInputStyles: () => {
|
|
2
|
+
container: {
|
|
3
|
+
width: "100%";
|
|
4
|
+
};
|
|
5
|
+
fieldBase: {
|
|
6
|
+
flexDirection: "row";
|
|
7
|
+
alignItems: "center";
|
|
8
|
+
borderRadius: 360;
|
|
9
|
+
paddingHorizontal: 16;
|
|
10
|
+
paddingVertical: 12;
|
|
11
|
+
gap: 8;
|
|
12
|
+
height: number;
|
|
13
|
+
};
|
|
14
|
+
fieldDefault: {
|
|
15
|
+
backgroundColor: string;
|
|
16
|
+
};
|
|
17
|
+
fieldActive: {
|
|
18
|
+
backgroundColor: "#FFFFFF";
|
|
19
|
+
borderWidth: 2;
|
|
20
|
+
borderColor: "#3643BA";
|
|
21
|
+
};
|
|
22
|
+
fieldFilled: {
|
|
23
|
+
backgroundColor: "#FFFFFF";
|
|
24
|
+
borderWidth: 2;
|
|
25
|
+
borderColor: "#3643BA";
|
|
26
|
+
};
|
|
27
|
+
icon: {
|
|
28
|
+
width: number;
|
|
29
|
+
height: number;
|
|
30
|
+
justifyContent: "center";
|
|
31
|
+
alignItems: "center";
|
|
32
|
+
};
|
|
33
|
+
input: {
|
|
34
|
+
flex: number;
|
|
35
|
+
padding: number;
|
|
36
|
+
margin: number;
|
|
37
|
+
fontFamily: "Inter-Regular";
|
|
38
|
+
fontSize: 14;
|
|
39
|
+
lineHeight: number;
|
|
40
|
+
color: "#383838";
|
|
41
|
+
};
|
|
42
|
+
placeholderText: {
|
|
43
|
+
color: "#616161";
|
|
44
|
+
};
|
|
45
|
+
clearButton: {
|
|
46
|
+
marginLeft: number;
|
|
47
|
+
};
|
|
48
|
+
clearText: {
|
|
49
|
+
fontFamily: "Inter-Medium";
|
|
50
|
+
fontSize: 14;
|
|
51
|
+
lineHeight: number;
|
|
52
|
+
letterSpacing: number;
|
|
53
|
+
color: "#3643BA";
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
//# sourceMappingURL=search-input.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search-input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DhC,CAAC"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { StyleSheet } from "react-native";
|
|
2
|
+
import { useTheme } from "../../themes";
|
|
3
|
+
export const useSearchInputStyles = () => {
|
|
4
|
+
const theme = useTheme();
|
|
5
|
+
return StyleSheet.create({
|
|
6
|
+
container: {
|
|
7
|
+
width: "100%",
|
|
8
|
+
},
|
|
9
|
+
fieldBase: {
|
|
10
|
+
flexDirection: "row",
|
|
11
|
+
alignItems: "center",
|
|
12
|
+
borderRadius: theme.radius.round,
|
|
13
|
+
paddingHorizontal: theme.spacing.md,
|
|
14
|
+
paddingVertical: theme.spacing.sm,
|
|
15
|
+
gap: theme.spacing.xs,
|
|
16
|
+
height: 56,
|
|
17
|
+
},
|
|
18
|
+
fieldDefault: {
|
|
19
|
+
backgroundColor: "#F5F4F5",
|
|
20
|
+
},
|
|
21
|
+
fieldActive: {
|
|
22
|
+
backgroundColor: theme.colors.backgroundPrimary,
|
|
23
|
+
borderWidth: theme.borderWidth.md,
|
|
24
|
+
borderColor: theme.colors.borderInformation,
|
|
25
|
+
},
|
|
26
|
+
fieldFilled: {
|
|
27
|
+
backgroundColor: theme.colors.backgroundPrimary,
|
|
28
|
+
borderWidth: theme.borderWidth.md,
|
|
29
|
+
borderColor: theme.colors.borderInformation,
|
|
30
|
+
},
|
|
31
|
+
icon: {
|
|
32
|
+
width: 24,
|
|
33
|
+
height: 24,
|
|
34
|
+
justifyContent: "center",
|
|
35
|
+
alignItems: "center",
|
|
36
|
+
},
|
|
37
|
+
input: {
|
|
38
|
+
flex: 1,
|
|
39
|
+
padding: 0,
|
|
40
|
+
margin: 0,
|
|
41
|
+
fontFamily: theme.fonts.inter.regular,
|
|
42
|
+
fontSize: theme.fonts.sizes.xs,
|
|
43
|
+
lineHeight: 21,
|
|
44
|
+
color: theme.colors.textSecondary,
|
|
45
|
+
},
|
|
46
|
+
placeholderText: {
|
|
47
|
+
color: theme.colors.textTertiary,
|
|
48
|
+
},
|
|
49
|
+
clearButton: {
|
|
50
|
+
marginLeft: theme.spacing.xs * 2,
|
|
51
|
+
},
|
|
52
|
+
clearText: {
|
|
53
|
+
fontFamily: theme.fonts.inter.medium,
|
|
54
|
+
fontSize: theme.fonts.sizes.xs,
|
|
55
|
+
lineHeight: 21,
|
|
56
|
+
letterSpacing: -0.01,
|
|
57
|
+
color: theme.colors.textAction,
|
|
58
|
+
},
|
|
59
|
+
});
|
|
60
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { TextInputProps } from "react-native";
|
|
2
|
+
export interface SearchInputProps extends Omit<TextInputProps, "onChangeText" | "value"> {
|
|
3
|
+
value?: string;
|
|
4
|
+
onChangeText?: (text: string) => void;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
/**
|
|
7
|
+
* Callback disparado quando o usuário toca em "Limpar".
|
|
8
|
+
* Caso não seja informado, o componente limpará o texto internamente.
|
|
9
|
+
*/
|
|
10
|
+
onClearPress?: () => void;
|
|
11
|
+
testID?: string;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=search-input.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search-input.types.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,cAAc,GAAG,OAAO,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "decathlon-ui",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.50",
|
|
4
4
|
"description": "Biblioteca de componentes React Native com Storybook e documentação via GitHub Pages.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@lottiefiles/react-lottie-player": "^3.5.4",
|
|
29
|
-
"@storybook/addon-docs": "
|
|
30
|
-
"@storybook/addon-links": "^
|
|
31
|
-
"@storybook/react-vite": "^
|
|
29
|
+
"@storybook/addon-docs": "10.2.19",
|
|
30
|
+
"@storybook/addon-links": "^10.2.19",
|
|
31
|
+
"@storybook/react-vite": "^10.2.19",
|
|
32
32
|
"@svgr/cli": "^8.1.0",
|
|
33
33
|
"@svgr/core": "^8.1.0",
|
|
34
34
|
"@svgr/plugin-jsx": "^8.1.0",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"react-native-svg": "^15.10.0",
|
|
50
50
|
"react-native-svg-web": "^1.0.9",
|
|
51
51
|
"react-native-web": "^0.19.9",
|
|
52
|
-
"storybook": "
|
|
52
|
+
"storybook": "10.2.19",
|
|
53
53
|
"typescript": "^5.2.2",
|
|
54
54
|
"vite": "^5.0.0",
|
|
55
55
|
"vite-plugin-svgr": "^4.3.0"
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
export declare enum ButtonVariant {
|
|
2
|
-
primary = "primary",
|
|
3
|
-
primaryInverted = "primaryInverted",
|
|
4
|
-
secondary = "secondary",
|
|
5
|
-
secondaryInverted = "secondaryInverted",
|
|
6
|
-
converted = "converted"
|
|
7
|
-
}
|
|
8
|
-
export declare enum ButtonSize {
|
|
9
|
-
small = "small",
|
|
10
|
-
medium = "medium",
|
|
11
|
-
large = "large"
|
|
12
|
-
}
|
|
13
|
-
export interface ButtonProps {
|
|
14
|
-
variant?: ButtonVariant;
|
|
15
|
-
label: string;
|
|
16
|
-
onPress?: () => void;
|
|
17
|
-
disabled?: boolean;
|
|
18
|
-
loading?: boolean;
|
|
19
|
-
icon?: React.ReactNode;
|
|
20
|
-
iconPosition?: "left" | "right";
|
|
21
|
-
testID?: string;
|
|
22
|
-
}
|
|
23
|
-
//# sourceMappingURL=button.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.types.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,eAAe,oBAAoB;IACnC,SAAS,cAAc;IACvB,iBAAiB,sBAAsB;IACvC,SAAS,cAAc;CACxB;AAED,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export var ButtonVariant;
|
|
2
|
-
(function (ButtonVariant) {
|
|
3
|
-
ButtonVariant["primary"] = "primary";
|
|
4
|
-
ButtonVariant["primaryInverted"] = "primaryInverted";
|
|
5
|
-
ButtonVariant["secondary"] = "secondary";
|
|
6
|
-
ButtonVariant["secondaryInverted"] = "secondaryInverted";
|
|
7
|
-
ButtonVariant["converted"] = "converted";
|
|
8
|
-
})(ButtonVariant || (ButtonVariant = {}));
|
|
9
|
-
export var ButtonSize;
|
|
10
|
-
(function (ButtonSize) {
|
|
11
|
-
ButtonSize["small"] = "small";
|
|
12
|
-
ButtonSize["medium"] = "medium";
|
|
13
|
-
ButtonSize["large"] = "large";
|
|
14
|
-
})(ButtonSize || (ButtonSize = {}));
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
export declare const useStoreCardStyles: ({ allAvailable }: {
|
|
2
|
-
allAvailable: boolean;
|
|
3
|
-
}) => {
|
|
4
|
-
container: {
|
|
5
|
-
width: "100%";
|
|
6
|
-
backgroundColor: any;
|
|
7
|
-
padding: any;
|
|
8
|
-
gap: any;
|
|
9
|
-
borderBottomWidth: number;
|
|
10
|
-
borderBottomColor: any;
|
|
11
|
-
paddingBottom: any;
|
|
12
|
-
};
|
|
13
|
-
header: {
|
|
14
|
-
flexDirection: "row";
|
|
15
|
-
justifyContent: "space-between";
|
|
16
|
-
alignItems: "center";
|
|
17
|
-
marginBottom: any;
|
|
18
|
-
};
|
|
19
|
-
storeName: {
|
|
20
|
-
fontSize: any;
|
|
21
|
-
fontWeight: "600";
|
|
22
|
-
lineHeight: number;
|
|
23
|
-
color: any;
|
|
24
|
-
textAlign: "left";
|
|
25
|
-
};
|
|
26
|
-
itemsAvailable: {
|
|
27
|
-
fontSize: any;
|
|
28
|
-
fontWeight: "400";
|
|
29
|
-
lineHeight: number;
|
|
30
|
-
textAlign: "left";
|
|
31
|
-
color: any;
|
|
32
|
-
};
|
|
33
|
-
pickupTime: {
|
|
34
|
-
fontSize: any;
|
|
35
|
-
fontWeight: "400";
|
|
36
|
-
lineHeight: number;
|
|
37
|
-
textAlign: "left";
|
|
38
|
-
color: any;
|
|
39
|
-
};
|
|
40
|
-
footer: {
|
|
41
|
-
flexDirection: "row";
|
|
42
|
-
justifyContent: "space-between";
|
|
43
|
-
alignItems: "center";
|
|
44
|
-
};
|
|
45
|
-
address: {
|
|
46
|
-
fontSize: any;
|
|
47
|
-
fontWeight: "400";
|
|
48
|
-
lineHeight: number;
|
|
49
|
-
textAlign: "left";
|
|
50
|
-
color: any;
|
|
51
|
-
};
|
|
52
|
-
distance: {
|
|
53
|
-
fontSize: any;
|
|
54
|
-
fontWeight: "600";
|
|
55
|
-
lineHeight: number;
|
|
56
|
-
textAlign: "left";
|
|
57
|
-
color: any;
|
|
58
|
-
flexDirection: "row";
|
|
59
|
-
alignItems: "center";
|
|
60
|
-
};
|
|
61
|
-
image: {
|
|
62
|
-
width: number;
|
|
63
|
-
height: number;
|
|
64
|
-
};
|
|
65
|
-
value: {
|
|
66
|
-
fontSize: any;
|
|
67
|
-
fontWeight: "600";
|
|
68
|
-
lineHeight: number;
|
|
69
|
-
textAlign: "right";
|
|
70
|
-
color: any;
|
|
71
|
-
};
|
|
72
|
-
storeCard: {
|
|
73
|
-
width: number;
|
|
74
|
-
height: number;
|
|
75
|
-
backgroundColor: any;
|
|
76
|
-
borderRadius: number;
|
|
77
|
-
};
|
|
78
|
-
isSelected: {
|
|
79
|
-
borderWidth: number;
|
|
80
|
-
borderColor: any;
|
|
81
|
-
borderBottomColor: any;
|
|
82
|
-
};
|
|
83
|
-
unavailableItemContainer: {
|
|
84
|
-
position: "absolute";
|
|
85
|
-
top: number;
|
|
86
|
-
left: number;
|
|
87
|
-
right: number;
|
|
88
|
-
bottom: number;
|
|
89
|
-
backgroundColor: string;
|
|
90
|
-
justifyContent: "center";
|
|
91
|
-
alignItems: "center";
|
|
92
|
-
};
|
|
93
|
-
unavailableItem: {
|
|
94
|
-
width: "130%";
|
|
95
|
-
height: number;
|
|
96
|
-
backgroundColor: any;
|
|
97
|
-
position: "absolute";
|
|
98
|
-
transform: {
|
|
99
|
-
rotate: string;
|
|
100
|
-
}[];
|
|
101
|
-
};
|
|
102
|
-
};
|
|
103
|
-
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/store-card/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,GAAI,kBAAgB;IAAC,YAAY,EAAE,OAAO,CAAA;CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGzE,CAAC"}
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import { useTheme } from 'decathlon-ui';
|
|
2
|
-
import { StyleSheet } from 'react-native';
|
|
3
|
-
export const useStoreCardStyles = ({ allAvailable }) => {
|
|
4
|
-
const { colors, fonts, spacing } = useTheme();
|
|
5
|
-
return StyleSheet.create({
|
|
6
|
-
container: {
|
|
7
|
-
width: '100%',
|
|
8
|
-
backgroundColor: colors.backgroundPrimary,
|
|
9
|
-
padding: spacing.xs,
|
|
10
|
-
gap: spacing.md,
|
|
11
|
-
borderBottomWidth: 1,
|
|
12
|
-
borderBottomColor: colors.borderSecondary,
|
|
13
|
-
paddingBottom: spacing.md,
|
|
14
|
-
},
|
|
15
|
-
header: {
|
|
16
|
-
flexDirection: 'row',
|
|
17
|
-
justifyContent: 'space-between',
|
|
18
|
-
alignItems: 'center',
|
|
19
|
-
marginBottom: spacing.xs,
|
|
20
|
-
},
|
|
21
|
-
storeName: {
|
|
22
|
-
fontSize: fonts.sizes.xs,
|
|
23
|
-
fontWeight: '600',
|
|
24
|
-
lineHeight: 21,
|
|
25
|
-
color: colors.textPrimary,
|
|
26
|
-
textAlign: 'left',
|
|
27
|
-
},
|
|
28
|
-
itemsAvailable: {
|
|
29
|
-
fontSize: fonts.sizes.xxs,
|
|
30
|
-
fontWeight: '400',
|
|
31
|
-
lineHeight: 18,
|
|
32
|
-
textAlign: 'left',
|
|
33
|
-
color: allAvailable ? colors.textTertiary : colors.textHighlight, // TODO: ajustar a lógica para pegar o length do array
|
|
34
|
-
},
|
|
35
|
-
pickupTime: {
|
|
36
|
-
fontSize: fonts.sizes.xxs,
|
|
37
|
-
fontWeight: '400',
|
|
38
|
-
lineHeight: 18,
|
|
39
|
-
textAlign: 'left',
|
|
40
|
-
color: colors.textTertiary,
|
|
41
|
-
},
|
|
42
|
-
footer: {
|
|
43
|
-
flexDirection: 'row',
|
|
44
|
-
justifyContent: 'space-between',
|
|
45
|
-
alignItems: 'center',
|
|
46
|
-
},
|
|
47
|
-
address: {
|
|
48
|
-
fontSize: fonts.sizes.xxxs,
|
|
49
|
-
fontWeight: '400',
|
|
50
|
-
lineHeight: 10,
|
|
51
|
-
textAlign: 'left',
|
|
52
|
-
color: colors.textTertiary,
|
|
53
|
-
},
|
|
54
|
-
distance: {
|
|
55
|
-
fontSize: fonts.sizes.xxs,
|
|
56
|
-
fontWeight: '600',
|
|
57
|
-
lineHeight: 18,
|
|
58
|
-
textAlign: 'left',
|
|
59
|
-
color: colors.textSecondary,
|
|
60
|
-
flexDirection: 'row',
|
|
61
|
-
alignItems: 'center',
|
|
62
|
-
},
|
|
63
|
-
image: {
|
|
64
|
-
width: 48,
|
|
65
|
-
height: 48,
|
|
66
|
-
},
|
|
67
|
-
value: {
|
|
68
|
-
fontSize: fonts.sizes.xs,
|
|
69
|
-
fontWeight: '600',
|
|
70
|
-
lineHeight: 21,
|
|
71
|
-
textAlign: 'right',
|
|
72
|
-
color: colors.textAction,
|
|
73
|
-
},
|
|
74
|
-
storeCard: {
|
|
75
|
-
width: 9,
|
|
76
|
-
height: 9,
|
|
77
|
-
backgroundColor: allAvailable ? colors.textSuccess : colors.textHighlight,
|
|
78
|
-
borderRadius: 10,
|
|
79
|
-
},
|
|
80
|
-
isSelected: {
|
|
81
|
-
borderWidth: 1,
|
|
82
|
-
borderColor: colors.primary,
|
|
83
|
-
borderBottomColor: colors.primary,
|
|
84
|
-
},
|
|
85
|
-
unavailableItemContainer: {
|
|
86
|
-
position: 'absolute',
|
|
87
|
-
top: 0,
|
|
88
|
-
left: 0,
|
|
89
|
-
right: 0,
|
|
90
|
-
bottom: 0,
|
|
91
|
-
backgroundColor: 'rgba(255,255,255,0.7)',
|
|
92
|
-
justifyContent: 'center',
|
|
93
|
-
alignItems: 'center',
|
|
94
|
-
},
|
|
95
|
-
unavailableItem: {
|
|
96
|
-
width: '130%',
|
|
97
|
-
height: 1,
|
|
98
|
-
backgroundColor: colors.textDisabled,
|
|
99
|
-
position: 'absolute',
|
|
100
|
-
transform: [{ rotate: '130deg' }],
|
|
101
|
-
},
|
|
102
|
-
});
|
|
103
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alipay.d.ts","sourceRoot":"","sources":["../../../src/icons/components/Alipay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,QAAA,MAAM,SAAS,GAAI,2BAIhB,SAAS,4CAAwlH,CAAC;AACrmH,eAAe,SAAS,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import Svg, { Path } from 'react-native-svg';
|
|
3
|
-
const SvgAlipay = ({ size = 24, color = "#101010", ...props }) => _jsxs(Svg, { width: size, height: size, enableBackground: "new 0 0 780 500", xmlSpace: "preserve", viewBox: "0 0 24 24", fill: "none", preserveAspectRatio: "xMidYMid meet", ...props, children: [_jsx(Path, { d: "m114.26 257.95c-4.8 0.6-13.203 2.399-18.004 6.6-14.403 12.599-6.001 34.798 23.406 34.798 16.803 0 33.607-10.8 46.81-27.6-19.204-8.999-34.808-15.6-52.212-13.8v2e-3z", fill: "#2BA6DF" }), _jsx(Path, { d: "m221.83 273.4c27.006 9 33.007 9.6 33.007 9.6v-95.998c0-16.2-13.203-29.399-30.006-29.399h-126.03c-16.204 0-30.007 13.2-30.007 29.4v126c0 16.199 13.203 29.398 30.007 29.398h126.03c16.203 0 30.006-13.2 30.006-29.4v-1.199s-48.01-19.799-72.616-31.799c-16.203 19.799-37.208 32.399-59.413 32.399-37.208 0-49.811-32.399-31.807-53.398 3.6-4.801 10.202-9 20.404-11.4 15.604-3.6 40.81 2.4 64.215 10.199 4.2-7.799 7.801-16.199 10.202-25.199h-72.616v-7.2h37.208v-14.4h-45.61v-7.2h45.61v-18.598s0-3 3-3h18.005v22.2h45.01v6.6h-45.01v13.2h36.608c-3.6 14.399-9.002 27.598-15.604 38.999 12.003 4.199 22.205 7.8 29.407 10.198z", fill: "#2BA6DF" }), _jsx(Path, { d: "m340.49 201.22l39.608 85.797h-21.005l-10.802-22.8h-32.408l-10.802 22.8h-13.803l40.209-83.398s1.199-2.4 3.6-2.4h5.402v1e-3zm-21.006 55.198h25.206l-12.603-27-12.603 27zm87.448 31.281h-19.204v-81.598c0-2.4 1.2-3.6 4.2-3.6h15.004v85.198zm36.007-0.558h-19.203v-61.798c0-2.4 1.199-3.6 4.199-3.6h15.004v65.398zm23.483-64.116h12.604v6c2.4-1.8 4.801-3.6 7.801-4.2 3.002-1.2 6.002-1.8 10.203-1.8 4.199 0 7.801 0.6 10.803 2.4 3.6 1.8 6 3.6 8.4 6.6s4.201 6 5.402 9.6c1.199 3.6 1.799 7.2 1.799 11.399 0 5.399-0.6 10.2-2.398 14.4-1.801 4.199-3.602 8.399-6.602 11.399-3.002 3-6.002 5.999-10.203 7.8-4.201 1.799-8.402 2.399-13.203 2.399h-6.602c-1.799 0-3.6-0.601-5.4-1.2v21.6h-19.206v-78.597c-0.599-7.8 2.401-7.8 6.602-7.8zm12.603 46.798c0 1.801 0 3 0.6 4.2s1.201 2.399 2.4 3.601c1.199 1.199 2.4 1.799 3.602 2.399 1.199 0.601 3 0.601 4.801 0.601 1.799 0 3-0.601 4.801-1.801 1.199-1.199 3-2.4 3.602-4.8 0.6-2.399 1.799-4.2 2.398-7.2 0.602-2.999 1.201-5.399 1.201-8.999 0-4.201 0-7.8-0.6-10.8-0.602-3-1.201-5.4-2.4-7.8-1.201-1.8-2.4-3.6-3.6-4.8-1.201-1.2-3.002-1.8-4.803-1.8-1.199 0-2.4 0-3.6 0.6-1.201 0.6-2.4 1.2-3.002 1.8-1.199 0.6-1.799 1.8-3 2.4-1.201 1.2-1.801 1.8-2.4 3v29.4-1e-3zm81.028-46.798c4.801 0 8.402 0.6 12.002 1.2 3 0.6 6.002 1.8 8.402 3.6s3.6 3.6 4.801 5.4c1.199 2.4 1.801 4.8 1.801 7.2v47.398h-19.205v-4.8c-1.199 1.2-2.398 1.8-3 2.399l-3.602 1.801c-1.199 0.6-2.4 1.199-4.199 1.199-1.801 0.601-3.602 0.601-5.402 0.601-3 0-5.4-0.601-7.803-1.2-2.398-0.6-4.199-1.8-6-3.6-1.801-1.2-3.002-3-3.602-5.4-0.6-1.8-1.199-4.199-1.199-6.6s0.6-4.801 1.199-6.6c0.6-1.801 2.4-3.601 3.602-5.4 1.199-1.8 3.6-3 5.4-4.2 2.4-1.2 4.201-2.4 7.203-3.6 2.398-1.199 4.799-1.799 7.801-3 2.4-0.6 5.4-1.8 7.801-2.4l2.4-0.6v-6.6c0-1.8 0-3.6-0.6-5.4l-1.801-3.6c-0.6-0.6-1.799-1.8-2.398-1.8-1.201-0.6-2.4-0.6-3.602-0.6 0 0-10.203 0-19.205 7.8l-4.201-6.6c-1.798 1.201 9.004-6.598 23.407-6.598zm6.599 31.799c-1.799 0.6-3.6 1.801-5.398 3l-5.402 3.6c-1.801 1.201-3 2.4-3.6 4.2-1.201 1.2-1.201 3-1.201 4.2s0 2.4 0.6 3.601c0.6 1.199 0.6 1.8 1.199 3 0.602 1.199 1.201 1.199 1.801 1.8 0.6 0.6 1.201 0.6 2.4 0.6 1.801 0 3.002-0.6 4.801-1.2l5.402-3.6v-19.2h-0.602zm46.555 53.998h-12.604l-0.6-11.399s15.604 0.6 20.404-5.4c1.801-2.4 3-8.999 3-8.999l-31.205-59.998h21.004l19.805 38.999 17.404-39h13.803l-31.807 70.799c-1.2 2.4-6.001 14.999-19.204 14.998z", fill: "#3F3A39" }), _jsx(Ellipse, { cx: 433.4, cy: 204.1, rx: 9.602, ry: 8.5, fill: "#2BA6DF" }), _jsx(Path, { d: "m683.68 172.91h-6.602v-1.2h14.402v1.2h-6.6v18.599h-1.801v-18.599h0.601zm10.716-1.201h2.4l4.201 11.4 1.801 4.2c0.6-1.2 1.199-3 1.799-4.2l4.201-11.4h2.4v20.4h-2.398v-18l-1.801 4.8-4.201 12h-1.198l-4.201-12-1.801-4.8v18h-1.801v-20.4h0.599z", fill: "#3F3A39" })] });
|
|
4
|
-
export default SvgAlipay;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Amex.d.ts","sourceRoot":"","sources":["../../../src/icons/components/Amex.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,QAAA,MAAM,OAAO,GAAI,2BAId,SAAS,4CAA2xJ,CAAC;AACxyJ,eAAe,OAAO,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import Svg, { Path } from 'react-native-svg';
|
|
3
|
-
const SvgAmex = ({ size = 24, color = "#101010", ...props }) => _jsx(Svg, { width: size, height: size, enableBackground: "new 0 0 780 500", xmlSpace: "preserve", viewBox: "0 0 24 24", fill: "none", preserveAspectRatio: "xMidYMid meet", ...props, children: _jsx(Path, { d: "m575.61 145.11l-15.092 35.039h30.266l-15.174-35.039zm-174.15 21.713c2.845-1.422 4.52-4.515 4.52-8.356 0-3.764-1.76-6.49-4.604-7.771-2.591-1.42-6.577-1.584-10.399-1.584h-27v19.523h26.638c4.266 1e-3 7.831-0.059 10.845-1.812zm-345.97-21.713l-14.921 35.039h29.932l-15.011-35.039zm694.7 224.47h-42.344v-18.852h42.173c4.181 0 7.109-0.525 8.872-2.178 1.667-1.473 2.609-3.555 2.592-5.732 0-2.562-1.062-4.596-2.68-5.813-1.588-1.342-3.907-1.953-7.726-1.953-20.588-0.67-46.273 0.609-46.273-27.211 0-12.75 8.451-26.172 31.461-26.172h43.677v-17.492h-40.58c-12.246 0-21.144 2.81-27.443 7.181v-7.181h-60.022c-9.597 0-20.863 2.279-26.191 7.181v-7.181h-107.19v7.181c-8.529-5.897-22.925-7.181-29.565-7.181h-70.702v7.181c-6.747-6.262-21.758-7.181-30.902-7.181h-79.127l-18.104 18.775-16.959-18.775h-118.2v122.68h115.97l18.655-19.076 17.575 19.076 71.484 0.06v-28.859h7.03c9.484 0.146 20.67-0.223 30.542-4.311v33.106h58.962v-31.976h2.844c3.628 0 3.988 0.146 3.988 3.621v28.348h179.12c11.372 0 23.26-2.786 29.841-7.853v7.853h56.817c11.822 0 23.369-1.588 32.154-5.653v-22.853c-5.324 7.462-15.707 11.245-29.751 11.245zm-363.58-28.967h-27.36v29.488h-42.618l-27-29.102-28.058 29.102h-86.854v-87.914h88.19l26.976 28.818 27.89-28.818h70.064c17.401 0 36.952 4.617 36.952 28.963 0 24.422-19.016 29.463-38.182 29.463zm131.56-3.986c3.097 4.291 3.544 8.297 3.634 16.047v17.428h-22.016v-10.998c0-5.289 0.533-13.121-3.544-17.209-3.2-3.148-8.086-3.9-16.088-3.9h-23.432v32.107h-22.031v-87.914h50.62c11.105 0 19.188 0.473 26.384 4.148 6.92 4.006 11.275 9.494 11.275 19.523-2e-3 14.031-9.769 21.189-15.541 23.389 4.878 1.725 8.866 4.818 10.739 7.379zm90.575-36.258h-51.346v15.982h50.091v17.938h-50.091v17.492l51.346 0.078v18.242h-73.182v-87.914h73.182v18.182zm56.344 69.731h-42.705v-18.852h42.535c4.16 0 7.109-0.527 8.957-2.178 1.507-1.359 2.591-3.336 2.591-5.73 0-2.564-1.174-4.598-2.676-5.818-1.678-1.34-3.993-1.947-7.809-1.947-20.506-0.674-46.186 0.605-46.186-27.213 0-12.752 8.363-26.174 31.35-26.174h43.96v18.709h-40.225c-3.987 0-6.579 0.146-8.783 1.592-2.405 1.424-3.295 3.535-3.295 6.322 0 3.316 2.04 5.574 4.797 6.549 2.314 0.771 4.797 0.996 8.533 0.996l11.805 0.309c11.899 0.273 20.073 2.25 25.04 7.068 4.266 4.232 6.559 9.578 6.559 18.625-2e-3 18.913-12.335 27.742-34.448 27.742zm-170.06-68.313c-2.649-1.508-6.559-1.588-10.461-1.588h-27.001v19.744h26.64c4.265 0 7.892-0.145 10.822-1.812 2.842-1.646 4.543-4.678 4.543-8.438s-1.701-6.482-4.543-7.906zm244.99-1.59c-3.988 0-6.641 0.145-8.873 1.588-2.314 1.426-3.202 3.537-3.202 6.326 0 3.314 1.953 5.572 4.794 6.549 2.315 0.771 4.796 0.996 8.448 0.996l11.887 0.303c11.99 0.285 19.998 2.262 24.879 7.08 0.889 0.668 1.423 1.42 2.034 2.174v-25.014h-39.965l-2e-3 -2e-3zm-352.65 0h-28.59v22.391h28.336c8.424 0 13.663-4.006 13.667-11.611-4e-3 -7.688-5.497-10.78-13.413-10.78zm-190.81 0v15.984h48.136v17.938h-48.136v17.49h53.909l25.047-25.791-23.983-25.621h-54.973zm140.77 61.479v-70.482l-33.664 34.674 33.664 35.808zm-138.93-141.15v15.148h183.19l-0.085-32.046h3.545c2.483 0.083 3.205 0.302 3.205 4.229v27.818h94.748v-7.461c7.642 3.924 19.527 7.461 35.168 7.461h39.86l8.531-19.522h18.913l8.342 19.522h76.811v-18.544l11.629 18.543h61.555v-122.58h-60.915v14.477l-8.53-14.477h-62.507v14.477l-7.833-14.477h-84.434c-14.135 0-26.555 1.89-36.591 7.158v-7.158h-58.268v7.158c-6.387-5.43-15.089-7.158-24.762-7.158h-212.87l-14.282 31.662-14.668-31.662h-67.047v14.477l-7.367-14.477h-57.18l-26.553 58.284v46.621l39.264-87.894h32.579l37.29 83.217v-83.217h35.789l28.695 59.625 26.362-59.625h36.507v87.894h-22.475l-0.082-68.837-31.796 68.837h-19.252l-31.877-68.898v68.898h-44.6l-8.425-19.605h-45.654l-8.512 19.605h-23.814v17.682h37.466l8.447-19.523h18.914l8.425 19.523h73.713v-14.927l6.579 14.989h38.266l6.58-15.214zm288.67-80.176c7.085-7.015 18.188-10.25 33.298-10.25h21.227v18.833h-20.782c-7.998 0-12.521 1.14-16.871 5.208-3.74 3.7-6.304 10.696-6.304 19.908 0 9.417 1.955 16.206 6.028 20.641 3.376 3.478 9.513 4.533 15.283 4.533h9.851l30.902-69.12h32.853l37.124 83.134v-83.133h33.386l38.543 61.213v-61.213h22.46v87.891h-31.072l-41.562-65.968v65.968h-44.656l-8.532-19.605h-45.55l-8.278 19.605h-25.66c-10.657 0-24.151-2.258-31.793-9.722-7.707-7.462-11.713-17.571-11.713-33.553-4e-3 -13.037 2.389-24.953 11.818-34.37zm-45.101-10.249h22.372v87.894h-22.372v-87.894zm-100.87 0h50.432c11.203 0 19.464 0.285 26.553 4.21 6.936 3.926 11.095 9.658 11.095 19.46 0 14.015-9.763 21.254-15.448 23.429 4.796 1.75 8.896 4.841 10.849 7.401 3.096 4.372 3.629 8.277 3.629 16.126v17.267h-22.115l-0.083-11.084c0-5.29 0.528-12.896-3.461-17.122-3.203-3.09-8.088-3.763-15.983-3.763h-23.538v31.97h-21.927l-3e-3 -87.894zm-88.393 0h73.249v18.303h-51.32v15.843h50.088v18.017h-50.088v17.553h51.32v18.177h-73.249v-87.893z", fill: "#2557D6" }) });
|
|
4
|
-
export default SvgAmex;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CodeFront.d.ts","sourceRoot":"","sources":["../../../src/icons/components/CodeFront.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,QAAA,MAAM,YAAY,GAAI,2BAInB,SAAS,4CAYC,CAAC;AACd,eAAe,YAAY,CAAC"}
|