@ovotech/element-native 5.0.0-canary-8ebb7e0-341 → 5.0.0
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.
|
@@ -51,12 +51,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
51
51
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
52
52
|
exports.Link = exports.TextLink = void 0;
|
|
53
53
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
54
|
-
var element_core_1 = require("@ovotech/element-core");
|
|
55
54
|
var react_1 = require("react");
|
|
56
55
|
var styled_native_1 = __importStar(require("../../styled.native"));
|
|
57
56
|
var utils_1 = require("../../utils/utils");
|
|
58
57
|
var Button_1 = require("../Button");
|
|
59
58
|
var Icon_1 = require("../Icon");
|
|
59
|
+
var element_core_1 = require("@ovotech/element-core");
|
|
60
60
|
var Link = (0, react_1.forwardRef)(function (props, ref) { return (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, props, { ref: ref })); });
|
|
61
61
|
exports.Link = Link;
|
|
62
62
|
var StyledText = styled_native_1.default.Text(function (_a) {
|
|
@@ -43,7 +43,7 @@ exports.NavWrapper = (0, styled_native_1.default)(react_native_reanimated_1.defa
|
|
|
43
43
|
exports.NavContainer = styled_native_1.default.View(function (_a) {
|
|
44
44
|
var theme = _a.theme, topOffset = _a.topOffset, hasTitle = _a.hasTitle;
|
|
45
45
|
return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n\n /* NavWrapper zIndex + 1 so it is always on top of the wrapper */\n z-index: ", ";\n width: 100%;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n "], ["\n position: absolute;\n\n /* NavWrapper zIndex + 1 so it is always on top of the wrapper */\n z-index: ", ";\n width: 100%;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n "])), Z_INDEX + 1, topOffset
|
|
46
|
-
?
|
|
46
|
+
? topOffset
|
|
47
47
|
: (0, element_core_1.numToPx)(theme.space[hasTitle ? 200 : 400]), (0, element_core_1.numToPx)(theme.space[hasTitle ? 200 : 400]), (0, element_core_1.numToPx)(theme.space[400]), (0, element_core_1.numToPx)(theme.space[400]));
|
|
48
48
|
});
|
|
49
49
|
exports.ExpandedTitle = (0, styled_native_1.default)(react_native_reanimated_1.default.Text)(function (_a) {
|
|
@@ -25,12 +25,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
25
25
|
return t;
|
|
26
26
|
};
|
|
27
27
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
28
|
-
import { numToPx } from '@ovotech/element-core';
|
|
29
28
|
import { forwardRef } from 'react';
|
|
30
29
|
import styled, { css } from '../../styled.native';
|
|
31
30
|
import { getText } from '../../utils/utils';
|
|
32
31
|
import { Button } from '../Button';
|
|
33
32
|
import { Icon } from '../Icon';
|
|
33
|
+
import { numToPx } from '@ovotech/element-core';
|
|
34
34
|
var Link = forwardRef(function (props, ref) { return _jsx(Button, __assign({}, props, { ref: ref })); });
|
|
35
35
|
var StyledText = styled.Text(function (_a) {
|
|
36
36
|
var theme = _a.theme;
|
|
@@ -14,7 +14,7 @@ export var NavWrapper = styled(Animated.View)(function (_a) {
|
|
|
14
14
|
export var NavContainer = styled.View(function (_a) {
|
|
15
15
|
var theme = _a.theme, topOffset = _a.topOffset, hasTitle = _a.hasTitle;
|
|
16
16
|
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n\n /* NavWrapper zIndex + 1 so it is always on top of the wrapper */\n z-index: ", ";\n width: 100%;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n "], ["\n position: absolute;\n\n /* NavWrapper zIndex + 1 so it is always on top of the wrapper */\n z-index: ", ";\n width: 100%;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n "])), Z_INDEX + 1, topOffset
|
|
17
|
-
?
|
|
17
|
+
? topOffset
|
|
18
18
|
: numToPx(theme.space[hasTitle ? 200 : 400]), numToPx(theme.space[hasTitle ? 200 : 400]), numToPx(theme.space[400]), numToPx(theme.space[400]));
|
|
19
19
|
});
|
|
20
20
|
export var ExpandedTitle = styled(Animated.Text)(function (_a) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ovotech/element-native",
|
|
3
|
-
"version": "5.0.0
|
|
3
|
+
"version": "5.0.0",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
16
|
"@backpackapp-io/react-native-toast": "^0.10.0",
|
|
17
|
-
"@ovotech/element-core": "4.0.0-canary-8ebb7e0-341",
|
|
18
17
|
"deepmerge": "^4.2.2",
|
|
19
18
|
"lodash.groupby": "^4.6.0",
|
|
20
|
-
"react-native-reanimated-carousel": "^3.5.1"
|
|
19
|
+
"react-native-reanimated-carousel": "^3.5.1",
|
|
20
|
+
"@ovotech/element-core": "4.0.0"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@babel/core": "^7.11.5",
|