related-ui-components 1.8.0 → 1.8.1
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/commonjs/components/Card/Card.js +42 -48
- package/lib/commonjs/components/Card/Card.js.map +1 -1
- package/lib/commonjs/theme/Colors.js.map +1 -1
- package/lib/module/components/Card/Card.js +43 -49
- package/lib/module/components/Card/Card.js.map +1 -1
- package/lib/module/theme/Colors.js.map +1 -1
- package/lib/typescript/commonjs/components/Card/Card.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Card/types.d.ts +12 -0
- package/lib/typescript/commonjs/components/Card/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/Colors.d.ts +5 -0
- package/lib/typescript/commonjs/theme/Colors.d.ts.map +1 -1
- package/lib/typescript/module/components/Card/Card.d.ts.map +1 -1
- package/lib/typescript/module/components/Card/types.d.ts +12 -0
- package/lib/typescript/module/components/Card/types.d.ts.map +1 -1
- package/lib/typescript/module/theme/Colors.d.ts +5 -0
- package/lib/typescript/module/theme/Colors.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Card/Card.tsx +50 -51
- package/src/components/Card/types.ts +6 -0
- package/src/theme/Colors.ts +6 -0
|
@@ -7,6 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _ThemeContext = require("../../theme/ThemeContext.js");
|
|
10
|
+
var _expoLinearGradient = require("expo-linear-gradient");
|
|
10
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
13
|
const Card = ({
|
|
@@ -20,7 +21,8 @@ const Card = ({
|
|
|
20
21
|
backgroundColor,
|
|
21
22
|
borderColor,
|
|
22
23
|
borderRadius = 8,
|
|
23
|
-
backgroundImage
|
|
24
|
+
backgroundImage,
|
|
25
|
+
gradient
|
|
24
26
|
// margin,
|
|
25
27
|
// padding,
|
|
26
28
|
}) => {
|
|
@@ -32,59 +34,44 @@ const Card = ({
|
|
|
32
34
|
backgroundColor: backgroundColor || theme.background,
|
|
33
35
|
borderRadius
|
|
34
36
|
};
|
|
35
|
-
|
|
36
|
-
case "outlined":
|
|
37
|
-
return {
|
|
38
|
-
...baseStyle,
|
|
39
|
-
borderWidth: 1,
|
|
40
|
-
borderColor: borderColor || theme.border
|
|
41
|
-
};
|
|
42
|
-
case "filled":
|
|
43
|
-
return {
|
|
44
|
-
...baseStyle,
|
|
45
|
-
backgroundColor: backgroundColor || theme.primary
|
|
46
|
-
};
|
|
47
|
-
case "elevated":
|
|
48
|
-
return {
|
|
49
|
-
...baseStyle,
|
|
50
|
-
borderColor: borderColor || "transparent",
|
|
51
|
-
..._reactNative.Platform.select({
|
|
52
|
-
ios: {
|
|
53
|
-
shadowColor: "#000",
|
|
54
|
-
shadowOffset: {
|
|
55
|
-
width: 0,
|
|
56
|
-
height: elevation
|
|
57
|
-
},
|
|
58
|
-
shadowOpacity: 0.1,
|
|
59
|
-
shadowRadius: elevation
|
|
60
|
-
},
|
|
61
|
-
android: {
|
|
62
|
-
elevation
|
|
63
|
-
}
|
|
64
|
-
})
|
|
65
|
-
};
|
|
66
|
-
}
|
|
37
|
+
return baseStyle;
|
|
67
38
|
};
|
|
68
39
|
const cardStyle = [styles.card, getCardStyle(), disabled && {
|
|
69
40
|
opacity: 0.6
|
|
70
41
|
}, style, backgroundImage && {
|
|
71
42
|
backgroundColor: "transparent"
|
|
72
43
|
}];
|
|
73
|
-
const renderCardContent = () =>
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
44
|
+
const renderCardContent = () => {
|
|
45
|
+
if (backgroundImage) {
|
|
46
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ImageBackground, {
|
|
47
|
+
source: backgroundImage.source,
|
|
48
|
+
style: [styles.backgroundImage, backgroundImage.style],
|
|
49
|
+
imageStyle: [{
|
|
50
|
+
borderRadius
|
|
51
|
+
}, backgroundImage.imageStyle],
|
|
52
|
+
resizeMode: backgroundImage.resizeMode || "cover",
|
|
53
|
+
blurRadius: backgroundImage.blurRadius,
|
|
54
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
55
|
+
style: [styles.imageContentContainer, {
|
|
56
|
+
opacity: backgroundImage.opacity !== undefined ? backgroundImage.opacity : 1
|
|
57
|
+
}],
|
|
58
|
+
children: children
|
|
59
|
+
})
|
|
60
|
+
});
|
|
61
|
+
} else if (gradient) {
|
|
62
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
|
|
63
|
+
colors: gradient.colors,
|
|
64
|
+
start: gradient.start,
|
|
65
|
+
end: gradient.end,
|
|
66
|
+
style: [styles.gradient, {
|
|
67
|
+
borderRadius
|
|
68
|
+
}, gradient.style],
|
|
69
|
+
children: children
|
|
70
|
+
});
|
|
71
|
+
} else {
|
|
72
|
+
return children;
|
|
73
|
+
}
|
|
74
|
+
};
|
|
88
75
|
if (onPress) {
|
|
89
76
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
90
77
|
style: cardStyle,
|
|
@@ -116,6 +103,13 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
116
103
|
imageContentContainer: {
|
|
117
104
|
flex: 1,
|
|
118
105
|
backgroundColor: "transparent"
|
|
106
|
+
},
|
|
107
|
+
gradient: {
|
|
108
|
+
flex: 1,
|
|
109
|
+
width: "100%",
|
|
110
|
+
height: "100%",
|
|
111
|
+
justifyContent: "flex-start",
|
|
112
|
+
alignItems: "flex-start"
|
|
119
113
|
}
|
|
120
114
|
});
|
|
121
115
|
var _default = exports.default = Card;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_jsxRuntime","e","__esModule","default","Card","children","style","onPress","disabled","elevation","testID","variant","backgroundColor","borderColor","borderRadius","backgroundImage","theme","useTheme","getCardStyle","baseStyle","background","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_expoLinearGradient","_jsxRuntime","e","__esModule","default","Card","children","style","onPress","disabled","elevation","testID","variant","backgroundColor","borderColor","borderRadius","backgroundImage","gradient","theme","useTheme","getCardStyle","baseStyle","background","cardStyle","styles","card","opacity","renderCardContent","jsx","ImageBackground","source","imageStyle","resizeMode","blurRadius","View","imageContentContainer","undefined","LinearGradient","colors","start","end","TouchableOpacity","activeOpacity","accessibilityRole","accessibilityLabel","StyleSheet","create","flexDirection","display","width","height","flex","justifyContent","alignItems","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/Card.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAAsD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtD,MAAMG,IAAyB,GAAGA,CAAC;EACjCC,QAAQ;EACRC,KAAK;EACLC,OAAO;EACPC,QAAQ,GAAG,KAAK;EAChBC,SAAS,GAAG,CAAC;EACbC,MAAM;EACNC,OAAO;EACPC,eAAe;EACfC,WAAW;EACXC,YAAY,GAAG,CAAC;EAChBC,eAAe;EACfC;EACA;EACA;AACF,CAAC,KAAK;EACJ,MAAM;IAACC;EAAK,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE1B,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,MAAMC,SAAc,GAAG;MACrBR,eAAe,EAAEA,eAAe,IAAIK,KAAK,CAACI,UAAU;MACpDP;IACF,CAAC;IAED,OAAOM,SAAS;EAClB,CAAC;EAED,MAAME,SAAS,GAAG,CAChBC,MAAM,CAACC,IAAI,EACXL,YAAY,CAAC,CAAC,EACdX,QAAQ,IAAI;IAAEiB,OAAO,EAAE;EAAI,CAAC,EAC5BnB,KAAK,EACLS,eAAe,IAAI;IAAEH,eAAe,EAAE;EAAc,CAAC,CACtD;EAED,MAAMc,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAIX,eAAe,EAAE;MACnB,oBACE,IAAAf,WAAA,CAAA2B,GAAA,EAAC9B,YAAA,CAAA+B,eAAe;QACdC,MAAM,EAAEd,eAAe,CAACc,MAAO;QAC/BvB,KAAK,EAAE,CAACiB,MAAM,CAACR,eAAe,EAAEA,eAAe,CAACT,KAAK,CAAE;QACvDwB,UAAU,EAAE,CAAC;UAAEhB;QAAa,CAAC,EAAEC,eAAe,CAACe,UAAU,CAAE;QAC3DC,UAAU,EAAEhB,eAAe,CAACgB,UAAU,IAAI,OAAQ;QAClDC,UAAU,EAAEjB,eAAe,CAACiB,UAAW;QAAA3B,QAAA,eAEvC,IAAAL,WAAA,CAAA2B,GAAA,EAAC9B,YAAA,CAAAoC,IAAI;UACH3B,KAAK,EAAE,CACLiB,MAAM,CAACW,qBAAqB,EAC5B;YACET,OAAO,EACLV,eAAe,CAACU,OAAO,KAAKU,SAAS,GACjCpB,eAAe,CAACU,OAAO,GACvB;UACR,CAAC,CACD;UAAApB,QAAA,EAEDA;QAAQ,CACL;MAAC,CACQ,CAAC;IAEtB,CAAC,MAAM,IAAIW,QAAQ,EAAE;MACnB,oBACE,IAAAhB,WAAA,CAAA2B,GAAA,EAAC5B,mBAAA,CAAAqC,cAAc;QACbC,MAAM,EAAErB,QAAQ,CAACqB,MAAc;QAC/BC,KAAK,EAAEtB,QAAQ,CAACsB,KAAM;QACtBC,GAAG,EAAEvB,QAAQ,CAACuB,GAAI;QAClBjC,KAAK,EAAE,CACLiB,MAAM,CAACP,QAAQ,EACf;UAAEF;QAAa,CAAC,EAChBE,QAAQ,CAACV,KAAK,CACd;QAAAD,QAAA,EAEDA;MAAQ,CACK,CAAC;IAErB,CAAC,MAAM;MACL,OAAOA,QAAQ;IACjB;EACF,CAAC;EAED,IAAIE,OAAO,EAAE;IACX,oBACE,IAAAP,WAAA,CAAA2B,GAAA,EAAC9B,YAAA,CAAA2C,gBAAgB;MACflC,KAAK,EAAEgB,SAAU;MACjBf,OAAO,EAAEA,OAAQ;MACjBC,QAAQ,EAAEA,QAAS;MACnBE,MAAM,EAAEA,MAAO;MACf+B,aAAa,EAAE,GAAI;MACnBC,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAE,MAAO;MAAAtC,QAAA,EAE1BqB,iBAAiB,CAAC;IAAC,CACJ,CAAC;EAEvB;EAEA,oBACE,IAAA1B,WAAA,CAAA2B,GAAA,EAAC9B,YAAA,CAAAoC,IAAI;IAAC3B,KAAK,EAAEgB,SAAU;IAACZ,MAAM,EAAEA,MAAO;IAAAL,QAAA,EACpCqB,iBAAiB,CAAC;EAAC,CAChB,CAAC;AAEX,CAAC;AAED,MAAMH,MAAM,GAAGqB,uBAAU,CAACC,MAAM,CAAC;EAC/BrB,IAAI,EAAE;IACJV,YAAY,EAAE,CAAC;IACfgC,aAAa,EAAE,QAAQ;IACvBC,OAAO,EAAE;EACX,CAAC;EACDhC,eAAe,EAAE;IACfiC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDf,qBAAqB,EAAE;IACrBgB,IAAI,EAAE,CAAC;IACPtC,eAAe,EAAE;EACnB,CAAC;EACDI,QAAQ,EAAE;IACRkC,IAAI,EAAE,CAAC;IACPF,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdE,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnD,OAAA,GAEYC,IAAI","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["lightTheme","exports","background","surface","surfaceVariant","primary","primaryVariant","secondary","secondaryVariant","error","success","warning","info","text","onPrimary","onSecondary","onError","onBackground","onSurface","border","divider","disabled","inputBackground","inputText","labelText","placeholderText","helper","spacing","xs","s","m","l","xl","xxl","darkTheme"],"sourceRoot":"..\\..\\..\\src","sources":["theme/Colors.ts"],"mappings":";;;;;;AAAA;;
|
|
1
|
+
{"version":3,"names":["lightTheme","exports","background","surface","surfaceVariant","primary","primaryVariant","secondary","secondaryVariant","error","success","warning","info","text","onPrimary","onSecondary","onError","onBackground","onSurface","border","divider","disabled","inputBackground","inputText","labelText","placeholderText","helper","spacing","xs","s","m","l","xl","xxl","darkTheme"],"sourceRoot":"..\\..\\..\\src","sources":["theme/Colors.ts"],"mappings":";;;;;;AAAA;;AAqDA;AACO,MAAMA,UAAqB,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACnC;EACAE,UAAU,EAAE,SAAS;EAAE;EACvBC,OAAO,EAAE,SAAS;EAAE;EACpBC,cAAc,EAAE,SAAS;EAAE;EAC3BC,OAAO,EAAE,SAAS;EAAE;EACpBC,cAAc,EAAE,SAAS;EAAE;EAC3BC,SAAS,EAAE,SAAS;EAAE;EACtBC,gBAAgB,EAAE,SAAS;EAAE;EAC7BC,KAAK,EAAE,SAAS;EAAE;EAClBC,OAAO,EAAE,SAAS;EAAE;EACpBC,OAAO,EAAE,SAAS;EAAE;EACpBC,IAAI,EAAE,SAAS;EAAE;;EAEjB;EACAC,IAAI,EAAE,SAAS;EAAE;EACjBC,SAAS,EAAE,SAAS;EAAE;EACtBC,WAAW,EAAE,SAAS;EAAE;EACxBC,OAAO,EAAE,SAAS;EAAE;EACpBC,YAAY,EAAE,SAAS;EAAE;EACzBC,SAAS,EAAE,SAAS;EAAE;;EAEtB;EACAC,MAAM,EAAE,SAAS;EAAE;EACnBC,OAAO,EAAE,SAAS;EAAE;;EAEpB;EACAC,QAAQ,EAAE,SAAS;EAAE;;EAErB;EACAC,eAAe,EAAE,SAAS;EAAE;EAC5BC,SAAS,EAAE,SAAS;EAAE;EACtBC,SAAS,EAAE,SAAS;EAAE;EACtBC,eAAe,EAAE,SAAS;EAAE;EAC5BC,MAAM,EAAE,SAAS;EAAE;;EAEnBC,OAAO,EAAE;IACPC,EAAE,EAAE,CAAC;IACLC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,EAAE;IACLC,CAAC,EAAE,EAAE;IACLC,EAAE,EAAE,EAAE;IACNC,GAAG,EAAE;EACP;AACF,CAAC;;AAED;AACO,MAAMC,SAAoB,GAAAjC,OAAA,CAAAiC,SAAA,GAAG;EAClC;EACAhC,UAAU,EAAE,SAAS;EAAE;EACvBC,OAAO,EAAE,SAAS;EAAE;EACpBC,cAAc,EAAE,SAAS;EAAE;EAC3BC,OAAO,EAAE,SAAS;EAAE;EACpBC,cAAc,EAAE,SAAS;EACzBC,SAAS,EAAE,SAAS;EAAE;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,KAAK,EAAE,SAAS;EAAE;EAClBC,OAAO,EAAE,SAAS;EAAE;EACpBC,OAAO,EAAE,SAAS;EAAE;EACpBC,IAAI,EAAE,SAAS;EAAE;;EAEjB;EACAC,IAAI,EAAE,SAAS;EAAE;EACjBC,SAAS,EAAE,SAAS;EAAE;EACtBC,WAAW,EAAE,SAAS;EAAE;EACxBC,OAAO,EAAE,SAAS;EAAE;EACpBC,YAAY,EAAE,SAAS;EAAE;EACzBC,SAAS,EAAE,SAAS;EAAE;;EAEtB;EACAC,MAAM,EAAE,SAAS;EAAE;EACnBC,OAAO,EAAE,SAAS;EAAE;;EAEpB;EACAC,QAAQ,EAAE,SAAS;EAAE;;EAErB;EACAC,eAAe,EAAE,SAAS;EAAE;EAC5BC,SAAS,EAAE,SAAS;EAAE;EACtBC,SAAS,EAAE,SAAS;EAAE;EACtBC,eAAe,EAAE,SAAS;EAAE;EAC5BC,MAAM,EAAE,SAAS;EAAE;;EAEnBC,OAAO,EAAE;IACPC,EAAE,EAAE,CAAC;IACLC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,EAAE;IACLC,CAAC,EAAE,EAAE;IACLC,EAAE,EAAE,EAAE;IACNC,GAAG,EAAE;EACP;AACF,CAAC","ignoreList":[]}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { View, TouchableOpacity, StyleSheet,
|
|
4
|
+
import { View, TouchableOpacity, StyleSheet, ImageBackground } from "react-native";
|
|
5
5
|
import { useTheme } from "../../theme/ThemeContext.js";
|
|
6
|
+
import { LinearGradient } from "expo-linear-gradient";
|
|
6
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
8
|
const Card = ({
|
|
8
9
|
children,
|
|
@@ -15,7 +16,8 @@ const Card = ({
|
|
|
15
16
|
backgroundColor,
|
|
16
17
|
borderColor,
|
|
17
18
|
borderRadius = 8,
|
|
18
|
-
backgroundImage
|
|
19
|
+
backgroundImage,
|
|
20
|
+
gradient
|
|
19
21
|
// margin,
|
|
20
22
|
// padding,
|
|
21
23
|
}) => {
|
|
@@ -27,59 +29,44 @@ const Card = ({
|
|
|
27
29
|
backgroundColor: backgroundColor || theme.background,
|
|
28
30
|
borderRadius
|
|
29
31
|
};
|
|
30
|
-
|
|
31
|
-
case "outlined":
|
|
32
|
-
return {
|
|
33
|
-
...baseStyle,
|
|
34
|
-
borderWidth: 1,
|
|
35
|
-
borderColor: borderColor || theme.border
|
|
36
|
-
};
|
|
37
|
-
case "filled":
|
|
38
|
-
return {
|
|
39
|
-
...baseStyle,
|
|
40
|
-
backgroundColor: backgroundColor || theme.primary
|
|
41
|
-
};
|
|
42
|
-
case "elevated":
|
|
43
|
-
return {
|
|
44
|
-
...baseStyle,
|
|
45
|
-
borderColor: borderColor || "transparent",
|
|
46
|
-
...Platform.select({
|
|
47
|
-
ios: {
|
|
48
|
-
shadowColor: "#000",
|
|
49
|
-
shadowOffset: {
|
|
50
|
-
width: 0,
|
|
51
|
-
height: elevation
|
|
52
|
-
},
|
|
53
|
-
shadowOpacity: 0.1,
|
|
54
|
-
shadowRadius: elevation
|
|
55
|
-
},
|
|
56
|
-
android: {
|
|
57
|
-
elevation
|
|
58
|
-
}
|
|
59
|
-
})
|
|
60
|
-
};
|
|
61
|
-
}
|
|
32
|
+
return baseStyle;
|
|
62
33
|
};
|
|
63
34
|
const cardStyle = [styles.card, getCardStyle(), disabled && {
|
|
64
35
|
opacity: 0.6
|
|
65
36
|
}, style, backgroundImage && {
|
|
66
37
|
backgroundColor: "transparent"
|
|
67
38
|
}];
|
|
68
|
-
const renderCardContent = () =>
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
39
|
+
const renderCardContent = () => {
|
|
40
|
+
if (backgroundImage) {
|
|
41
|
+
return /*#__PURE__*/_jsx(ImageBackground, {
|
|
42
|
+
source: backgroundImage.source,
|
|
43
|
+
style: [styles.backgroundImage, backgroundImage.style],
|
|
44
|
+
imageStyle: [{
|
|
45
|
+
borderRadius
|
|
46
|
+
}, backgroundImage.imageStyle],
|
|
47
|
+
resizeMode: backgroundImage.resizeMode || "cover",
|
|
48
|
+
blurRadius: backgroundImage.blurRadius,
|
|
49
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
50
|
+
style: [styles.imageContentContainer, {
|
|
51
|
+
opacity: backgroundImage.opacity !== undefined ? backgroundImage.opacity : 1
|
|
52
|
+
}],
|
|
53
|
+
children: children
|
|
54
|
+
})
|
|
55
|
+
});
|
|
56
|
+
} else if (gradient) {
|
|
57
|
+
return /*#__PURE__*/_jsx(LinearGradient, {
|
|
58
|
+
colors: gradient.colors,
|
|
59
|
+
start: gradient.start,
|
|
60
|
+
end: gradient.end,
|
|
61
|
+
style: [styles.gradient, {
|
|
62
|
+
borderRadius
|
|
63
|
+
}, gradient.style],
|
|
64
|
+
children: children
|
|
65
|
+
});
|
|
66
|
+
} else {
|
|
67
|
+
return children;
|
|
68
|
+
}
|
|
69
|
+
};
|
|
83
70
|
if (onPress) {
|
|
84
71
|
return /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
85
72
|
style: cardStyle,
|
|
@@ -111,6 +98,13 @@ const styles = StyleSheet.create({
|
|
|
111
98
|
imageContentContainer: {
|
|
112
99
|
flex: 1,
|
|
113
100
|
backgroundColor: "transparent"
|
|
101
|
+
},
|
|
102
|
+
gradient: {
|
|
103
|
+
flex: 1,
|
|
104
|
+
width: "100%",
|
|
105
|
+
height: "100%",
|
|
106
|
+
justifyContent: "flex-start",
|
|
107
|
+
alignItems: "flex-start"
|
|
114
108
|
}
|
|
115
109
|
});
|
|
116
110
|
export default Card;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","TouchableOpacity","StyleSheet","
|
|
1
|
+
{"version":3,"names":["React","View","TouchableOpacity","StyleSheet","ImageBackground","useTheme","LinearGradient","jsx","_jsx","Card","children","style","onPress","disabled","elevation","testID","variant","backgroundColor","borderColor","borderRadius","backgroundImage","gradient","theme","getCardStyle","baseStyle","background","cardStyle","styles","card","opacity","renderCardContent","source","imageStyle","resizeMode","blurRadius","imageContentContainer","undefined","colors","start","end","activeOpacity","accessibilityRole","accessibilityLabel","create","flexDirection","display","width","height","flex","justifyContent","alignItems"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/Card.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,EACJC,gBAAgB,EAChBC,UAAU,EAEVC,eAAe,QACV,cAAc;AAErB,SAASC,QAAQ,QAAQ,6BAA0B;AACnD,SAASC,cAAc,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtD,MAAMC,IAAyB,GAAGA,CAAC;EACjCC,QAAQ;EACRC,KAAK;EACLC,OAAO;EACPC,QAAQ,GAAG,KAAK;EAChBC,SAAS,GAAG,CAAC;EACbC,MAAM;EACNC,OAAO;EACPC,eAAe;EACfC,WAAW;EACXC,YAAY,GAAG,CAAC;EAChBC,eAAe;EACfC;EACA;EACA;AACF,CAAC,KAAK;EACJ,MAAM;IAACC;EAAK,CAAC,GAAGjB,QAAQ,CAAC,CAAC;EAE1B,MAAMkB,YAAY,GAAGA,CAAA,KAAM;IACzB,MAAMC,SAAc,GAAG;MACrBP,eAAe,EAAEA,eAAe,IAAIK,KAAK,CAACG,UAAU;MACpDN;IACF,CAAC;IAED,OAAOK,SAAS;EAClB,CAAC;EAED,MAAME,SAAS,GAAG,CAChBC,MAAM,CAACC,IAAI,EACXL,YAAY,CAAC,CAAC,EACdV,QAAQ,IAAI;IAAEgB,OAAO,EAAE;EAAI,CAAC,EAC5BlB,KAAK,EACLS,eAAe,IAAI;IAAEH,eAAe,EAAE;EAAc,CAAC,CACtD;EAED,MAAMa,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAIV,eAAe,EAAE;MACnB,oBACEZ,IAAA,CAACJ,eAAe;QACd2B,MAAM,EAAEX,eAAe,CAACW,MAAO;QAC/BpB,KAAK,EAAE,CAACgB,MAAM,CAACP,eAAe,EAAEA,eAAe,CAACT,KAAK,CAAE;QACvDqB,UAAU,EAAE,CAAC;UAAEb;QAAa,CAAC,EAAEC,eAAe,CAACY,UAAU,CAAE;QAC3DC,UAAU,EAAEb,eAAe,CAACa,UAAU,IAAI,OAAQ;QAClDC,UAAU,EAAEd,eAAe,CAACc,UAAW;QAAAxB,QAAA,eAEvCF,IAAA,CAACP,IAAI;UACHU,KAAK,EAAE,CACLgB,MAAM,CAACQ,qBAAqB,EAC5B;YACEN,OAAO,EACLT,eAAe,CAACS,OAAO,KAAKO,SAAS,GACjChB,eAAe,CAACS,OAAO,GACvB;UACR,CAAC,CACD;UAAAnB,QAAA,EAEDA;QAAQ,CACL;MAAC,CACQ,CAAC;IAEtB,CAAC,MAAM,IAAIW,QAAQ,EAAE;MACnB,oBACEb,IAAA,CAACF,cAAc;QACb+B,MAAM,EAAEhB,QAAQ,CAACgB,MAAc;QAC/BC,KAAK,EAAEjB,QAAQ,CAACiB,KAAM;QACtBC,GAAG,EAAElB,QAAQ,CAACkB,GAAI;QAClB5B,KAAK,EAAE,CACLgB,MAAM,CAACN,QAAQ,EACf;UAAEF;QAAa,CAAC,EAChBE,QAAQ,CAACV,KAAK,CACd;QAAAD,QAAA,EAEDA;MAAQ,CACK,CAAC;IAErB,CAAC,MAAM;MACL,OAAOA,QAAQ;IACjB;EACF,CAAC;EAED,IAAIE,OAAO,EAAE;IACX,oBACEJ,IAAA,CAACN,gBAAgB;MACfS,KAAK,EAAEe,SAAU;MACjBd,OAAO,EAAEA,OAAQ;MACjBC,QAAQ,EAAEA,QAAS;MACnBE,MAAM,EAAEA,MAAO;MACfyB,aAAa,EAAE,GAAI;MACnBC,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAE,MAAO;MAAAhC,QAAA,EAE1BoB,iBAAiB,CAAC;IAAC,CACJ,CAAC;EAEvB;EAEA,oBACEtB,IAAA,CAACP,IAAI;IAACU,KAAK,EAAEe,SAAU;IAACX,MAAM,EAAEA,MAAO;IAAAL,QAAA,EACpCoB,iBAAiB,CAAC;EAAC,CAChB,CAAC;AAEX,CAAC;AAED,MAAMH,MAAM,GAAGxB,UAAU,CAACwC,MAAM,CAAC;EAC/Bf,IAAI,EAAE;IACJT,YAAY,EAAE,CAAC;IACfyB,aAAa,EAAE,QAAQ;IACvBC,OAAO,EAAE;EACX,CAAC;EACDzB,eAAe,EAAE;IACf0B,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDZ,qBAAqB,EAAE;IACrBa,IAAI,EAAE,CAAC;IACP/B,eAAe,EAAE;EACnB,CAAC;EACDI,QAAQ,EAAE;IACR2B,IAAI,EAAE,CAAC;IACPF,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdE,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAezC,IAAI","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["lightTheme","background","surface","surfaceVariant","primary","primaryVariant","secondary","secondaryVariant","error","success","warning","info","text","onPrimary","onSecondary","onError","onBackground","onSurface","border","divider","disabled","inputBackground","inputText","labelText","placeholderText","helper","spacing","xs","s","m","l","xl","xxl","darkTheme"],"sourceRoot":"..\\..\\..\\src","sources":["theme/Colors.ts"],"mappings":";;AAAA;;
|
|
1
|
+
{"version":3,"names":["lightTheme","background","surface","surfaceVariant","primary","primaryVariant","secondary","secondaryVariant","error","success","warning","info","text","onPrimary","onSecondary","onError","onBackground","onSurface","border","divider","disabled","inputBackground","inputText","labelText","placeholderText","helper","spacing","xs","s","m","l","xl","xxl","darkTheme"],"sourceRoot":"..\\..\\..\\src","sources":["theme/Colors.ts"],"mappings":";;AAAA;;AAqDA;AACA,OAAO,MAAMA,UAAqB,GAAG;EACnC;EACAC,UAAU,EAAE,SAAS;EAAE;EACvBC,OAAO,EAAE,SAAS;EAAE;EACpBC,cAAc,EAAE,SAAS;EAAE;EAC3BC,OAAO,EAAE,SAAS;EAAE;EACpBC,cAAc,EAAE,SAAS;EAAE;EAC3BC,SAAS,EAAE,SAAS;EAAE;EACtBC,gBAAgB,EAAE,SAAS;EAAE;EAC7BC,KAAK,EAAE,SAAS;EAAE;EAClBC,OAAO,EAAE,SAAS;EAAE;EACpBC,OAAO,EAAE,SAAS;EAAE;EACpBC,IAAI,EAAE,SAAS;EAAE;;EAEjB;EACAC,IAAI,EAAE,SAAS;EAAE;EACjBC,SAAS,EAAE,SAAS;EAAE;EACtBC,WAAW,EAAE,SAAS;EAAE;EACxBC,OAAO,EAAE,SAAS;EAAE;EACpBC,YAAY,EAAE,SAAS;EAAE;EACzBC,SAAS,EAAE,SAAS;EAAE;;EAEtB;EACAC,MAAM,EAAE,SAAS;EAAE;EACnBC,OAAO,EAAE,SAAS;EAAE;;EAEpB;EACAC,QAAQ,EAAE,SAAS;EAAE;;EAErB;EACAC,eAAe,EAAE,SAAS;EAAE;EAC5BC,SAAS,EAAE,SAAS;EAAE;EACtBC,SAAS,EAAE,SAAS;EAAE;EACtBC,eAAe,EAAE,SAAS;EAAE;EAC5BC,MAAM,EAAE,SAAS;EAAE;;EAEnBC,OAAO,EAAE;IACPC,EAAE,EAAE,CAAC;IACLC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,EAAE;IACLC,CAAC,EAAE,EAAE;IACLC,EAAE,EAAE,EAAE;IACNC,GAAG,EAAE;EACP;AACF,CAAC;;AAED;AACA,OAAO,MAAMC,SAAoB,GAAG;EAClC;EACAhC,UAAU,EAAE,SAAS;EAAE;EACvBC,OAAO,EAAE,SAAS;EAAE;EACpBC,cAAc,EAAE,SAAS;EAAE;EAC3BC,OAAO,EAAE,SAAS;EAAE;EACpBC,cAAc,EAAE,SAAS;EACzBC,SAAS,EAAE,SAAS;EAAE;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,KAAK,EAAE,SAAS;EAAE;EAClBC,OAAO,EAAE,SAAS;EAAE;EACpBC,OAAO,EAAE,SAAS;EAAE;EACpBC,IAAI,EAAE,SAAS;EAAE;;EAEjB;EACAC,IAAI,EAAE,SAAS;EAAE;EACjBC,SAAS,EAAE,SAAS;EAAE;EACtBC,WAAW,EAAE,SAAS;EAAE;EACxBC,OAAO,EAAE,SAAS;EAAE;EACpBC,YAAY,EAAE,SAAS;EAAE;EACzBC,SAAS,EAAE,SAAS;EAAE;;EAEtB;EACAC,MAAM,EAAE,SAAS;EAAE;EACnBC,OAAO,EAAE,SAAS;EAAE;;EAEpB;EACAC,QAAQ,EAAE,SAAS;EAAE;;EAErB;EACAC,eAAe,EAAE,SAAS;EAAE;EAC5BC,SAAS,EAAE,SAAS;EAAE;EACtBC,SAAS,EAAE,SAAS;EAAE;EACtBC,eAAe,EAAE,SAAS;EAAE;EAC5BC,MAAM,EAAE,SAAS;EAAE;;EAEnBC,OAAO,EAAE;IACPC,EAAE,EAAE,CAAC;IACLC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,EAAE;IACLC,CAAC,EAAE,EAAE;IACLC,EAAE,EAAE,EAAE;IACNC,GAAG,EAAE;EACP;AACF,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqG7B,CAAC;AAyBF,eAAe,IAAI,CAAC"}
|
|
@@ -34,6 +34,18 @@ export interface CardProps {
|
|
|
34
34
|
borderWidth?: number;
|
|
35
35
|
borderColor?: string;
|
|
36
36
|
};
|
|
37
|
+
gradient?: {
|
|
38
|
+
colors: string[];
|
|
39
|
+
start?: {
|
|
40
|
+
x: number;
|
|
41
|
+
y: number;
|
|
42
|
+
};
|
|
43
|
+
end?: {
|
|
44
|
+
x: number;
|
|
45
|
+
y: number;
|
|
46
|
+
};
|
|
47
|
+
style?: object;
|
|
48
|
+
};
|
|
37
49
|
}
|
|
38
50
|
export interface CardHeaderProps {
|
|
39
51
|
title?: string | ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEhG,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG;QAAE,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,GAAG;QAAE,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9D,eAAe,CAAC,EAAE;QAChB,MAAM,EAAE,mBAAmB,CAAC;QAC5B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;QACnE,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;KACzB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -32,6 +32,11 @@ export interface ThemeType {
|
|
|
32
32
|
xl: number;
|
|
33
33
|
xxl: number;
|
|
34
34
|
};
|
|
35
|
+
gradients?: {
|
|
36
|
+
primary?: string[];
|
|
37
|
+
secondary?: string[];
|
|
38
|
+
[key: string]: string[] | undefined;
|
|
39
|
+
};
|
|
35
40
|
}
|
|
36
41
|
export declare const lightTheme: ThemeType;
|
|
37
42
|
export declare const darkTheme: ThemeType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../../src/theme/Colors.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,SAAS;IAExB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IAGb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAGlB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAGhB,QAAQ,EAAE,MAAM,CAAC;IAGjB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;KACb,CAAA;
|
|
1
|
+
{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../../src/theme/Colors.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,SAAS;IAExB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IAGb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAGlB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAGhB,QAAQ,EAAE,MAAM,CAAC;IAGjB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;KACb,CAAA;IAED,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;QACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;KACrC,CAAC;CACH;AAGD,eAAO,MAAM,UAAU,EAAE,SA4CxB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,SA4CvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqG7B,CAAC;AAyBF,eAAe,IAAI,CAAC"}
|
|
@@ -34,6 +34,18 @@ export interface CardProps {
|
|
|
34
34
|
borderWidth?: number;
|
|
35
35
|
borderColor?: string;
|
|
36
36
|
};
|
|
37
|
+
gradient?: {
|
|
38
|
+
colors: string[];
|
|
39
|
+
start?: {
|
|
40
|
+
x: number;
|
|
41
|
+
y: number;
|
|
42
|
+
};
|
|
43
|
+
end?: {
|
|
44
|
+
x: number;
|
|
45
|
+
y: number;
|
|
46
|
+
};
|
|
47
|
+
style?: object;
|
|
48
|
+
};
|
|
37
49
|
}
|
|
38
50
|
export interface CardHeaderProps {
|
|
39
51
|
title?: string | ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEhG,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG;QAAE,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,GAAG;QAAE,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9D,eAAe,CAAC,EAAE;QAChB,MAAM,EAAE,mBAAmB,CAAC;QAC5B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;QACnE,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;KACzB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -32,6 +32,11 @@ export interface ThemeType {
|
|
|
32
32
|
xl: number;
|
|
33
33
|
xxl: number;
|
|
34
34
|
};
|
|
35
|
+
gradients?: {
|
|
36
|
+
primary?: string[];
|
|
37
|
+
secondary?: string[];
|
|
38
|
+
[key: string]: string[] | undefined;
|
|
39
|
+
};
|
|
35
40
|
}
|
|
36
41
|
export declare const lightTheme: ThemeType;
|
|
37
42
|
export declare const darkTheme: ThemeType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../../src/theme/Colors.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,SAAS;IAExB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IAGb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAGlB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAGhB,QAAQ,EAAE,MAAM,CAAC;IAGjB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;KACb,CAAA;
|
|
1
|
+
{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../../src/theme/Colors.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,SAAS;IAExB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IAGb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAGlB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAGhB,QAAQ,EAAE,MAAM,CAAC;IAGjB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;KACb,CAAA;IAED,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;QACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;KACrC,CAAC;CACH;AAGD,eAAO,MAAM,UAAU,EAAE,SA4CxB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,SA4CvB,CAAC"}
|
package/package.json
CHANGED
|
@@ -8,6 +8,7 @@ import {
|
|
|
8
8
|
} from "react-native";
|
|
9
9
|
import { CardProps } from "./types";
|
|
10
10
|
import { useTheme } from "../../theme/ThemeContext";
|
|
11
|
+
import { LinearGradient } from "expo-linear-gradient";
|
|
11
12
|
|
|
12
13
|
const Card: React.FC<CardProps> = ({
|
|
13
14
|
children,
|
|
@@ -21,6 +22,7 @@ const Card: React.FC<CardProps> = ({
|
|
|
21
22
|
borderColor,
|
|
22
23
|
borderRadius = 8,
|
|
23
24
|
backgroundImage,
|
|
25
|
+
gradient
|
|
24
26
|
// margin,
|
|
25
27
|
// padding,
|
|
26
28
|
}) => {
|
|
@@ -32,35 +34,7 @@ const Card: React.FC<CardProps> = ({
|
|
|
32
34
|
borderRadius,
|
|
33
35
|
};
|
|
34
36
|
|
|
35
|
-
|
|
36
|
-
case "outlined":
|
|
37
|
-
return {
|
|
38
|
-
...baseStyle,
|
|
39
|
-
borderWidth: 1,
|
|
40
|
-
borderColor: borderColor || theme.border,
|
|
41
|
-
};
|
|
42
|
-
case "filled":
|
|
43
|
-
return {
|
|
44
|
-
...baseStyle,
|
|
45
|
-
backgroundColor: backgroundColor || theme.primary,
|
|
46
|
-
};
|
|
47
|
-
case "elevated":
|
|
48
|
-
return {
|
|
49
|
-
...baseStyle,
|
|
50
|
-
borderColor: borderColor || "transparent",
|
|
51
|
-
...Platform.select({
|
|
52
|
-
ios: {
|
|
53
|
-
shadowColor: "#000",
|
|
54
|
-
shadowOffset: { width: 0, height: elevation },
|
|
55
|
-
shadowOpacity: 0.1,
|
|
56
|
-
shadowRadius: elevation,
|
|
57
|
-
},
|
|
58
|
-
android: {
|
|
59
|
-
elevation,
|
|
60
|
-
},
|
|
61
|
-
}),
|
|
62
|
-
};
|
|
63
|
-
}
|
|
37
|
+
return baseStyle;
|
|
64
38
|
};
|
|
65
39
|
|
|
66
40
|
const cardStyle = [
|
|
@@ -71,32 +45,50 @@ const Card: React.FC<CardProps> = ({
|
|
|
71
45
|
backgroundImage && { backgroundColor: "transparent" },
|
|
72
46
|
];
|
|
73
47
|
|
|
74
|
-
const renderCardContent = () =>
|
|
75
|
-
backgroundImage
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
48
|
+
const renderCardContent = () => {
|
|
49
|
+
if (backgroundImage) {
|
|
50
|
+
return (
|
|
51
|
+
<ImageBackground
|
|
52
|
+
source={backgroundImage.source}
|
|
53
|
+
style={[styles.backgroundImage, backgroundImage.style]}
|
|
54
|
+
imageStyle={[{ borderRadius }, backgroundImage.imageStyle]}
|
|
55
|
+
resizeMode={backgroundImage.resizeMode || "cover"}
|
|
56
|
+
blurRadius={backgroundImage.blurRadius}
|
|
57
|
+
>
|
|
58
|
+
<View
|
|
59
|
+
style={[
|
|
60
|
+
styles.imageContentContainer,
|
|
61
|
+
{
|
|
62
|
+
opacity:
|
|
63
|
+
backgroundImage.opacity !== undefined
|
|
64
|
+
? backgroundImage.opacity
|
|
65
|
+
: 1,
|
|
66
|
+
},
|
|
67
|
+
]}
|
|
68
|
+
>
|
|
69
|
+
{children}
|
|
70
|
+
</View>
|
|
71
|
+
</ImageBackground>
|
|
72
|
+
);
|
|
73
|
+
} else if (gradient) {
|
|
74
|
+
return (
|
|
75
|
+
<LinearGradient
|
|
76
|
+
colors={gradient.colors as any}
|
|
77
|
+
start={gradient.start}
|
|
78
|
+
end={gradient.end}
|
|
84
79
|
style={[
|
|
85
|
-
styles.
|
|
86
|
-
{
|
|
87
|
-
|
|
88
|
-
backgroundImage.opacity !== undefined
|
|
89
|
-
? backgroundImage.opacity
|
|
90
|
-
: 1,
|
|
91
|
-
},
|
|
80
|
+
styles.gradient,
|
|
81
|
+
{ borderRadius },
|
|
82
|
+
gradient.style,
|
|
92
83
|
]}
|
|
93
84
|
>
|
|
94
85
|
{children}
|
|
95
|
-
</
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
children
|
|
99
|
-
|
|
86
|
+
</LinearGradient>
|
|
87
|
+
);
|
|
88
|
+
} else {
|
|
89
|
+
return children;
|
|
90
|
+
}
|
|
91
|
+
};
|
|
100
92
|
|
|
101
93
|
if (onPress) {
|
|
102
94
|
return (
|
|
@@ -135,6 +127,13 @@ const styles = StyleSheet.create({
|
|
|
135
127
|
flex: 1,
|
|
136
128
|
backgroundColor: "transparent",
|
|
137
129
|
},
|
|
130
|
+
gradient: {
|
|
131
|
+
flex: 1,
|
|
132
|
+
width: "100%",
|
|
133
|
+
height: "100%",
|
|
134
|
+
justifyContent: "flex-start",
|
|
135
|
+
alignItems: "flex-start",
|
|
136
|
+
},
|
|
138
137
|
});
|
|
139
138
|
|
|
140
139
|
export default Card;
|
|
@@ -30,6 +30,12 @@ export interface CardProps {
|
|
|
30
30
|
borderWidth?: number;
|
|
31
31
|
borderColor?: string;
|
|
32
32
|
};
|
|
33
|
+
gradient? :{
|
|
34
|
+
colors: string[];
|
|
35
|
+
start?: { x: number; y: number };
|
|
36
|
+
end?: { x: number; y: number };
|
|
37
|
+
style?: object;
|
|
38
|
+
}
|
|
33
39
|
}
|
|
34
40
|
|
|
35
41
|
export interface CardHeaderProps {
|
package/src/theme/Colors.ts
CHANGED
|
@@ -43,6 +43,12 @@ export interface ThemeType {
|
|
|
43
43
|
xl: number;
|
|
44
44
|
xxl: number;
|
|
45
45
|
}
|
|
46
|
+
|
|
47
|
+
gradients?: {
|
|
48
|
+
primary?: string[];
|
|
49
|
+
secondary?: string[];
|
|
50
|
+
[key: string]: string[] | undefined;
|
|
51
|
+
};
|
|
46
52
|
}
|
|
47
53
|
|
|
48
54
|
// Updated Light Theme - True black and white oriented, less muted
|