@evlop/native-components 1.0.51 → 1.0.52
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/src/Button.js +2 -2
- package/dist/src/Button.js.map +1 -1
- package/dist/src/Icon/index.js +2 -2
- package/dist/src/Icon/index.js.map +1 -1
- package/dist/src/Image/index.js +2 -2
- package/dist/src/Image/index.js.map +1 -1
- package/dist/src/NativeButton/index.js +3 -3
- package/dist/src/NativeButton/index.js.map +1 -1
- package/dist/src/Text/index.d.ts.map +1 -1
- package/dist/src/Text/index.js +12 -4
- package/dist/src/Text/index.js.map +1 -1
- package/dist/src/View/index.d.ts.map +1 -1
- package/dist/src/View/index.js +3 -2
- package/dist/src/View/index.js.map +1 -1
- package/package.json +4 -1
package/dist/src/Button.js
CHANGED
|
@@ -32,11 +32,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
32
32
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
33
|
const react_1 = __importStar(require("react"));
|
|
34
34
|
const commons_1 = require("@evlop/commons");
|
|
35
|
-
const
|
|
35
|
+
const styled_components_1 = require("styled-components");
|
|
36
36
|
const react_native_elements_1 = require("react-native-elements");
|
|
37
37
|
const Button = (_a) => {
|
|
38
38
|
var { color } = _a, props = __rest(_a, ["color"]);
|
|
39
|
-
const theme = react_1.default.useContext(
|
|
39
|
+
const theme = react_1.default.useContext(styled_components_1.ThemeContext);
|
|
40
40
|
const { [color]: colorCode } = theme;
|
|
41
41
|
const buttonTheme = react_1.useMemo(() => {
|
|
42
42
|
return { colors: { primary: colorCode || color } };
|
package/dist/src/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4CAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4CAA8C;AAC9C,yDAAiD;AACjD,iEAA4E;AAE5E,MAAM,MAAM,GAAG,CAAC,EAAkB,EAAE,EAAE;QAAtB,EAAE,KAAK,OAAW,EAAN,KAAK,cAAjB,SAAkB,CAAD;IAC7B,MAAM,KAAK,GAAQ,eAAK,CAAC,UAAU,CAAC,gCAAY,CAAC,CAAC;IAClD,MAAM,EAAC,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACnC,MAAM,WAAW,GAAG,eAAO,CAAC,GAAE,EAAE;QAC9B,OAAO,EAAC,MAAM,EAAE,EAAC,OAAO,EAAE,SAAS,IAAI,KAAK,EAAC,EAAC,CAAC;IACjD,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IACvB,OAAO,8BAAC,qCAAa,IAAC,KAAK,EAAE,WAAW;QAAE,8BAAC,8BAAU,oBAAK,KAAK,EAAI,CAAgB,CAAE;AACzF,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAG,sBAAY,CAAC;IACpC,IAAI,EAAE,QAAQ;IACd,YAAY,EAAE;QACV,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;QAC7C,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;KACtD;IACD,oBAAoB,EAAE;QACpB,EAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC;QAC9C,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAC;QAC3C;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,OAAO,EAAE;gBACP,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAC;gBAC/B,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;gBAChC,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC;gBACrC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;aACjC;SACF;KACF;CACN,CAAC,CAAC,MAAM,CAAC,CAAC;AAEX,kBAAkB,CAAC,YAAY,GAAG;IAChC,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,kBAAe,kBAAkB,CAAC"}
|
package/dist/src/Icon/index.js
CHANGED
|
@@ -32,11 +32,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
32
32
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
33
|
const React = __importStar(require("react"));
|
|
34
34
|
const commons_1 = require("@evlop/commons");
|
|
35
|
-
const
|
|
35
|
+
const styled_components_1 = require("styled-components");
|
|
36
36
|
const react_native_elements_1 = require("react-native-elements");
|
|
37
37
|
const Icon = (_a) => {
|
|
38
38
|
var { icon, name = "circle", type, color } = _a, props = __rest(_a, ["icon", "name", "type", "color"]);
|
|
39
|
-
const theme = React.useContext(
|
|
39
|
+
const theme = React.useContext(styled_components_1.ThemeContext);
|
|
40
40
|
const iconProps = React.useMemo(() => {
|
|
41
41
|
if (typeof icon === 'string') {
|
|
42
42
|
const iconDetails = commons_1.iconInfo[icon];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,4CAAwD;AACxD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,4CAAwD;AACxD,yDAAiD;AACjD,iEAAwD;AAExD,MAAM,IAAI,GAAG,CAAC,EAA8C,EAAC,EAAE;QAAjD,EAAC,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,EAAE,KAAK,OAAW,EAAN,KAAK,cAA7C,iCAA8C,CAAD;IACvD,MAAM,KAAK,GAAQ,KAAK,CAAC,UAAU,CAAC,gCAAY,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAE,EAAE;QAClC,IAAG,OAAO,IAAI,KAAK,QAAQ,EAAC;YAC1B,MAAM,WAAW,GAAQ,kBAAQ,CAAC,IAAI,CAAC,CAAC;YACxC,IAAG,WAAW,EAAC;gBACb,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,EAAC,IAAI,EAAE,CAAC;aACvF;iBAAM;gBACL,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC;aACrB;SACF;aAAM,IAAG,OAAO,IAAI,KAAK,QAAQ,EAAC;YACjC,OAAO,IAAI,CAAA;SACZ;aAAM;YACL,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IACvB,MAAM,EAAC,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACnC,OAAO,oBAAC,4BAAQ,kBAAC,IAAI,EAAC,QAAQ,IAAK,KAAK,IAAE,KAAK,EAAE,SAAS,IAAI,KAAK,IAAM,SAAS,EAAI,CAAA;AAC1F,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,sBAAY,CAAC;IAClC,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE;QACV,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC;QAC3C,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;KACtD;IACD,oBAAoB,EAAE;QACpB,EAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC;QAC9C;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,GAAG;SACT;KACF;CACN,CAAC,CAAC,IAAI,CAAC,CAAC;AAET,gBAAgB,CAAC,YAAY,GAAG;IAC9B,IAAI,EAAE,EAAE;CACT,CAAA;AAED,kBAAe,gBAAgB,CAAC"}
|
package/dist/src/Image/index.js
CHANGED
|
@@ -38,7 +38,7 @@ const commons_1 = require("@evlop/commons");
|
|
|
38
38
|
const react_1 = __importStar(require("react"));
|
|
39
39
|
const react_native_1 = require("react-native");
|
|
40
40
|
const react_native_elements_1 = require("react-native-elements");
|
|
41
|
-
const
|
|
41
|
+
const styled_components_1 = __importDefault(require("styled-components"));
|
|
42
42
|
const query_string_1 = require("query-string");
|
|
43
43
|
const sizes = {
|
|
44
44
|
xxxs: 15,
|
|
@@ -52,7 +52,7 @@ const sizes = {
|
|
|
52
52
|
xxxl: 480,
|
|
53
53
|
fluid: '100%',
|
|
54
54
|
};
|
|
55
|
-
const NativeImage =
|
|
55
|
+
const NativeImage = styled_components_1.default(react_native_elements_1.Image)({
|
|
56
56
|
minHeight: 15,
|
|
57
57
|
minWidth: 15,
|
|
58
58
|
}, ({ size = 'md', aspectRatio = 1, layoutWidth }) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAA2D;AAC3D,+CAA0E;AAC1E,+CAAwC;AACxC,iEAAqE;AACrE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,12 +34,12 @@ exports.NativeButton = void 0;
|
|
|
34
34
|
const commons_1 = require("@evlop/commons");
|
|
35
35
|
const react_1 = __importStar(require("react"));
|
|
36
36
|
const react_native_1 = require("react-native");
|
|
37
|
-
const
|
|
38
|
-
const StyledButton =
|
|
37
|
+
const styled_components_1 = __importStar(require("styled-components"));
|
|
38
|
+
const StyledButton = styled_components_1.default(react_native_1.Button)(({ align }) => align && { textAlign: align });
|
|
39
39
|
const BaseButton = (_a) => {
|
|
40
40
|
var { title = 'Button Label', color } = _a, otherProps = __rest(_a, ["title", "color"]);
|
|
41
41
|
const templatedLabel = commons_1.useTemplate(title);
|
|
42
|
-
const theme = react_1.useContext(
|
|
42
|
+
const theme = react_1.useContext(styled_components_1.ThemeContext);
|
|
43
43
|
const { [color]: colorCode } = theme;
|
|
44
44
|
return (react_1.default.createElement(StyledButton, Object.assign({ title: templatedLabel }, otherProps, { color: colorCode })));
|
|
45
45
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/NativeButton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAA2D;AAC3D,+CAA0C;AAC1C,+CAA8D;AAC9D,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/NativeButton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAA2D;AAC3D,+CAA0C;AAC1C,+CAA8D;AAC9D,uEAAuD;AAEvD,MAAM,YAAY,GAAG,2BAAM,CAAC,qBAAoB,CAAC,CAC/C,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,KAAK,IAAI,EAAC,SAAS,EAAE,KAAK,EAAC,CACzC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAInB,EAAE,EAAE;QAJe,EAClB,KAAK,GAAG,cAAc,EACtB,KAAK,OAEN,EADI,UAAU,cAHK,kBAInB,CADc;IAGb,MAAM,cAAc,GAAG,qBAAW,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,KAAK,GAAQ,kBAAU,CAAC,gCAAY,CAAC,CAAC;IAC5C,MAAM,EAAC,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IAEnC,OAAO,CACL,8BAAC,YAAY,kBACX,KAAK,EAAE,cAAc,IACjB,UAAU,IACd,KAAK,EAAE,SAAS,IAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,sBAAY,CAAC;IACvC,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE;QACZ,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;QAC7C,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;KACtD;IACD,oBAAoB,EAAE;QACpB,EAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC;KAC/C;CACF,CAAC,CAAC,UAAU,CAAC,CAAC;AAEf,oBAAY,CAAC,YAAY,GAAG;IAC1B,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,kBAAe,oBAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Text/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Text/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AA6D1C,eAAO,MAAM,IAAI,qGAgCL,CAAC;AAQb,eAAe,IAAI,CAAC"}
|
package/dist/src/Text/index.js
CHANGED
|
@@ -37,10 +37,12 @@ exports.Text = void 0;
|
|
|
37
37
|
const commons_1 = require("@evlop/commons");
|
|
38
38
|
const react_1 = __importStar(require("react"));
|
|
39
39
|
const react_native_1 = require("react-native");
|
|
40
|
-
const
|
|
41
|
-
const
|
|
40
|
+
const styled_components_1 = __importDefault(require("styled-components"));
|
|
41
|
+
const styled_system_1 = require("styled-system");
|
|
42
|
+
const NativeText = styled_components_1.default(react_native_1.Text)(styled_system_1.typography, styled_system_1.space, ({ color = 'black', theme: { [color]: colorCode } }) => colorCode && { color: colorCode }, ({ limitLines, textAlign, lineHeight = 1.5, fontScale = 1, fontWeight = 'normal', theme: { fontSize }, }) => ({
|
|
42
43
|
fontSize: fontScale * fontSize,
|
|
43
44
|
lineHeight: `${fontScale * fontSize * 1.5}px`,
|
|
45
|
+
fontWeight,
|
|
44
46
|
textAlign,
|
|
45
47
|
'&': limitLines && {
|
|
46
48
|
whiteSpace: 'wrap',
|
|
@@ -48,7 +50,6 @@ const NativeText = native_1.default(react_native_1.Text)(({ color = 'black', the
|
|
|
48
50
|
overflow: 'hidden',
|
|
49
51
|
textOverflow: 'ellipsis',
|
|
50
52
|
},
|
|
51
|
-
opacity: isPlaceholder && 0.5,
|
|
52
53
|
}));
|
|
53
54
|
const BaseText = react_1.forwardRef((_a, ref) => {
|
|
54
55
|
var { isEditing, onPress, children, content = children } = _a, props = __rest(_a, ["isEditing", "onPress", "children", "content"]);
|
|
@@ -75,6 +76,12 @@ exports.Text = commons_1.withSettings({
|
|
|
75
76
|
max: 5,
|
|
76
77
|
step: 0.25,
|
|
77
78
|
},
|
|
79
|
+
{
|
|
80
|
+
label: 'Font Weight',
|
|
81
|
+
name: 'fontWeight',
|
|
82
|
+
options: ['normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900'].map(weight => ({ value: weight, label: weight })),
|
|
83
|
+
type: 'select',
|
|
84
|
+
},
|
|
78
85
|
{
|
|
79
86
|
label: 'Align',
|
|
80
87
|
name: 'textAlign',
|
|
@@ -90,7 +97,8 @@ exports.Text = commons_1.withSettings({
|
|
|
90
97
|
})(BaseText);
|
|
91
98
|
exports.Text.defaultProps = {
|
|
92
99
|
color: 'black',
|
|
93
|
-
|
|
100
|
+
fontWeight: 'normal',
|
|
101
|
+
content: '',
|
|
94
102
|
};
|
|
95
103
|
exports.default = exports.Text;
|
|
96
104
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Text/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAGwB;AACxB,+CAA0C;AAC1C,+CAA0D;AAC1D,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Text/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,KASd,CAAC;AAEJ,eAAe,IAAI,CAAC"}
|
package/dist/src/View/index.js
CHANGED
|
@@ -5,8 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.View = void 0;
|
|
7
7
|
const react_native_1 = require("react-native");
|
|
8
|
-
const
|
|
9
|
-
|
|
8
|
+
const styled_components_1 = __importDefault(require("styled-components"));
|
|
9
|
+
const styled_system_1 = require("styled-system");
|
|
10
|
+
exports.View = styled_components_1.default(react_native_1.View)(styled_system_1.space, {
|
|
10
11
|
zIndex: react_native_1.Platform.select({ web: 'inherit', default: 0 })
|
|
11
12
|
}, ({ opacity = 1 }) => ({ opacity }), ({ backgroundColor = 'transparent', theme: { [backgroundColor]: colorCode } }) => ({
|
|
12
13
|
backgroundColor: colorCode || backgroundColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+CAA0D;AAC1D,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+CAA0D;AAC1D,0EAAuC;AACvC,iDAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,mBAAU,CAAC,CAClC,qBAAK,EACL;IACE,MAAM,EAAE,uBAAQ,CAAC,MAAM,CAAM,EAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAC,CAAC;CAC3D,EACD,CAAC,EAAC,OAAO,GAAG,CAAC,EAAC,EAAC,EAAE,CAAA,CAAC,EAAC,OAAO,EAAC,CAAC,EAC5B,CAAC,EAAC,eAAe,GAAG,aAAa,EAAE,KAAK,EAAC,EAAC,CAAC,eAAe,CAAC,EAAE,SAAS,EAAC,EAAO,EAAE,EAAE,CAAA,CAAC;IACjF,eAAe,EAAE,SAAS,IAAI,eAAe;CAC9C,CAAC,CACH,CAAC;AAEJ,kBAAe,YAAI,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@evlop/native-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.52",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/main.js",
|
|
6
6
|
"scripts": {
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
"react-native": "*",
|
|
26
26
|
"react-redux": "*",
|
|
27
27
|
"styled-components": "*",
|
|
28
|
+
"styled-system": "^5.1.5",
|
|
28
29
|
"react-native-webview": "*",
|
|
29
30
|
"react-native-vector-icons": "*",
|
|
30
31
|
"react-native-elements": "*",
|
|
@@ -40,6 +41,7 @@
|
|
|
40
41
|
"@types/lodash": "^4.14.178",
|
|
41
42
|
"@types/react-native": "^0.63.42",
|
|
42
43
|
"@types/recompose": "^0.30.10",
|
|
44
|
+
"@types/styled-system": "^5.1.15",
|
|
43
45
|
"babel-loader": "^8.0.6",
|
|
44
46
|
"lodash": "^4.17.15",
|
|
45
47
|
"query-string": "^7.1.0",
|
|
@@ -50,6 +52,7 @@
|
|
|
50
52
|
"react-native-webview": "^11.0.2",
|
|
51
53
|
"recompose": "^0.30.0",
|
|
52
54
|
"styled-components": "^4.4.1",
|
|
55
|
+
"styled-system": "^5.1.5",
|
|
53
56
|
"typescript": "^4.1.3",
|
|
54
57
|
"webpack": "^4.41.2",
|
|
55
58
|
"webpack-cli": "^3.3.10",
|