@ovotech/element-native 4.4.2 → 4.4.3-canary-a2e1e61-317
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/ActionList/ActionList.js +1 -1
- package/dist/components/Stretch/Stretch.js +1 -1
- package/dist/esm/components/ActionList/ActionList.js +1 -1
- package/dist/esm/components/Stretch/Stretch.js +1 -1
- package/package.json +3 -3
- package/dist/components/Accordion/hooks.d.ts +0 -9
- package/dist/components/Accordion/hooks.js +0 -20
- package/dist/components/Heading/Heading.d.ts +0 -18
- package/dist/components/Heading/Heading.js +0 -104
- package/dist/components/Heading/index.d.ts +0 -1
- package/dist/components/Heading/index.js +0 -8
- package/dist/components/HorizontalCarousel/HorizontalCarousel.d.ts +0 -23
- package/dist/components/HorizontalCarousel/HorizontalCarousel.js +0 -92
- package/dist/components/HorizontalCarousel/NavigationDots.d.ts +0 -8
- package/dist/components/HorizontalCarousel/NavigationDots.js +0 -88
- package/dist/components/HorizontalCarousel/index.d.ts +0 -1
- package/dist/components/HorizontalCarousel/index.js +0 -17
- package/dist/components/Input/CurrencyInput.d.ts +0 -18
- package/dist/components/Input/CurrencyInput.js +0 -37
- package/dist/components/Input/EmailInput.d.ts +0 -12
- package/dist/components/Input/EmailInput.js +0 -19
- package/dist/components/Input/NumberInput.d.ts +0 -12
- package/dist/components/Input/NumberInput.js +0 -19
- package/dist/components/Input/PasswordInput.d.ts +0 -14
- package/dist/components/Input/PasswordInput.js +0 -35
- package/dist/components/Input/PasswordInput.styled.d.ts +0 -274
- package/dist/components/Input/PasswordInput.styled.js +0 -37
- package/dist/components/Input/PasswordVisibilityToggle.d.ts +0 -16
- package/dist/components/Input/PasswordVisibilityToggle.js +0 -39
- package/dist/components/Input/PhoneInput.d.ts +0 -12
- package/dist/components/Input/PhoneInput.js +0 -19
- package/dist/components/Input/TelInput.d.ts +0 -12
- package/dist/components/Input/TelInput.js +0 -41
- package/dist/components/Input/TextInput.d.ts +0 -12
- package/dist/components/Input/TextInput.js +0 -19
- package/dist/components/Input/TextareaInput.d.ts +0 -18
- package/dist/components/Input/TextareaInput.js +0 -67
- package/dist/components/Input/index.d.ts +0 -7
- package/dist/components/Input/index.js +0 -17
- package/dist/components/SegmentedControls/constants.d.ts +0 -28
- package/dist/components/SegmentedControls/constants.js +0 -2
- package/dist/components/SkeletonLoading/Skeleton.d.ts +0 -268
- package/dist/components/SkeletonLoading/Skeleton.js +0 -13
- package/dist/components/SkeletonLoading/SkeletonAnimation.d.ts +0 -10
- package/dist/components/SkeletonLoading/SkeletonAnimation.js +0 -46
- package/dist/components/SkeletonLoading/SkeletonCTA.d.ts +0 -6
- package/dist/components/SkeletonLoading/SkeletonCTA.js +0 -42
- package/dist/components/SkeletonLoading/SkeletonCircle.d.ts +0 -6
- package/dist/components/SkeletonLoading/SkeletonCircle.js +0 -46
- package/dist/components/SkeletonLoading/SkeletonHeading.d.ts +0 -12
- package/dist/components/SkeletonLoading/SkeletonHeading.js +0 -42
- package/dist/components/SkeletonLoading/SkeletonText.d.ts +0 -6
- package/dist/components/SkeletonLoading/SkeletonText.js +0 -48
- package/dist/components/SkeletonLoading/index.d.ts +0 -5
- package/dist/components/SkeletonLoading/index.js +0 -21
- package/dist/components/SummaryList/SummaryList.d.ts +0 -22
- package/dist/components/SummaryList/SummaryList.js +0 -47
- package/dist/components/SummaryList/index.d.ts +0 -1
- package/dist/components/SummaryList/index.js +0 -6
- package/dist/components/Text/Text.d.ts +0 -1436
- package/dist/components/Text/Text.js +0 -93
- package/dist/components/Text/index.d.ts +0 -1
- package/dist/components/Text/index.js +0 -10
- package/dist/components/TextField/CurrencyField.d.ts +0 -15
- package/dist/components/TextField/CurrencyField.js +0 -33
- package/dist/components/TextField/EmailField.d.ts +0 -13
- package/dist/components/TextField/EmailField.js +0 -33
- package/dist/components/TextField/NumberField.d.ts +0 -13
- package/dist/components/TextField/NumberField.js +0 -33
- package/dist/components/TextField/PasswordField.d.ts +0 -15
- package/dist/components/TextField/PasswordField.js +0 -33
- package/dist/components/TextField/PhoneField.d.ts +0 -13
- package/dist/components/TextField/PhoneField.js +0 -33
- package/dist/components/TextField/TelField.d.ts +0 -17
- package/dist/components/TextField/TelField.js +0 -38
- package/dist/components/TextField/TextareaField.d.ts +0 -15
- package/dist/components/TextField/TextareaField.js +0 -33
- package/dist/esm/components/Accordion/hooks.js +0 -16
- package/dist/esm/components/Heading/Heading.js +0 -74
- package/dist/esm/components/Heading/index.js +0 -1
- package/dist/esm/components/HorizontalCarousel/HorizontalCarousel.js +0 -62
- package/dist/esm/components/HorizontalCarousel/NavigationDots.js +0 -61
- package/dist/esm/components/HorizontalCarousel/index.js +0 -1
- package/dist/esm/components/Input/CurrencyInput.js +0 -34
- package/dist/esm/components/Input/EmailInput.js +0 -16
- package/dist/esm/components/Input/NumberInput.js +0 -16
- package/dist/esm/components/Input/PasswordInput.js +0 -32
- package/dist/esm/components/Input/PasswordInput.styled.js +0 -11
- package/dist/esm/components/Input/PasswordVisibilityToggle.js +0 -34
- package/dist/esm/components/Input/PhoneInput.js +0 -16
- package/dist/esm/components/Input/TelInput.js +0 -15
- package/dist/esm/components/Input/TextInput.js +0 -16
- package/dist/esm/components/Input/TextareaInput.js +0 -41
- package/dist/esm/components/Input/index.js +0 -7
- package/dist/esm/components/SegmentedControls/constants.js +0 -1
- package/dist/esm/components/SkeletonLoading/Skeleton.js +0 -7
- package/dist/esm/components/SkeletonLoading/SkeletonAnimation.js +0 -42
- package/dist/esm/components/SkeletonLoading/SkeletonCTA.js +0 -35
- package/dist/esm/components/SkeletonLoading/SkeletonCircle.js +0 -39
- package/dist/esm/components/SkeletonLoading/SkeletonHeading.js +0 -35
- package/dist/esm/components/SkeletonLoading/SkeletonText.js +0 -41
- package/dist/esm/components/SkeletonLoading/index.js +0 -5
- package/dist/esm/components/SummaryList/SummaryList.js +0 -43
- package/dist/esm/components/SummaryList/index.js +0 -1
- package/dist/esm/components/Text/Text.js +0 -66
- package/dist/esm/components/Text/index.js +0 -1
- package/dist/esm/components/TextField/CurrencyField.js +0 -30
- package/dist/esm/components/TextField/EmailField.js +0 -30
- package/dist/esm/components/TextField/NumberField.js +0 -30
- package/dist/esm/components/TextField/PasswordField.js +0 -30
- package/dist/esm/components/TextField/PhoneField.js +0 -30
- package/dist/esm/components/TextField/TelField.js +0 -35
- package/dist/esm/components/TextField/TextareaField.js +0 -30
- package/dist/esm/providers/icons/HidePassword.js +0 -15
- package/dist/esm/providers/icons/Payment.js +0 -15
- package/dist/esm/providers/icons/ShowPassword.js +0 -15
- package/dist/esm/providers/icons/Usage.js +0 -15
- package/dist/esm/theme/create-theme.js +0 -330
- package/dist/esm/theme/theme.js +0 -1
- package/dist/providers/icons/HidePassword.d.ts +0 -2
- package/dist/providers/icons/HidePassword.js +0 -22
- package/dist/providers/icons/Payment.d.ts +0 -2
- package/dist/providers/icons/Payment.js +0 -22
- package/dist/providers/icons/ShowPassword.d.ts +0 -2
- package/dist/providers/icons/ShowPassword.js +0 -22
- package/dist/providers/icons/Usage.d.ts +0 -2
- package/dist/providers/icons/Usage.js +0 -22
- package/dist/theme/create-theme.d.ts +0 -34
- package/dist/theme/create-theme.js +0 -337
- package/dist/theme/theme.d.ts +0 -235
- package/dist/theme/theme.js +0 -2
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
-
if (k2 === undefined) k2 = k;
|
|
19
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
-
}
|
|
23
|
-
Object.defineProperty(o, k2, desc);
|
|
24
|
-
}) : (function(o, m, k, k2) {
|
|
25
|
-
if (k2 === undefined) k2 = k;
|
|
26
|
-
o[k2] = m[k];
|
|
27
|
-
}));
|
|
28
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
-
}) : function(o, v) {
|
|
31
|
-
o["default"] = v;
|
|
32
|
-
});
|
|
33
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
-
if (mod && mod.__esModule) return mod;
|
|
35
|
-
var result = {};
|
|
36
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
-
__setModuleDefault(result, mod);
|
|
38
|
-
return result;
|
|
39
|
-
};
|
|
40
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
41
|
-
var t = {};
|
|
42
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
43
|
-
t[p] = s[p];
|
|
44
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
45
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
46
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
47
|
-
t[p[i]] = s[p[i]];
|
|
48
|
-
}
|
|
49
|
-
return t;
|
|
50
|
-
};
|
|
51
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
52
|
-
exports.TextGroup = exports.LineThrough = exports.Em = exports.Strong = exports.Small = exports.P = void 0;
|
|
53
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
54
|
-
var react_1 = require("react");
|
|
55
|
-
var react_native_1 = require("react-native");
|
|
56
|
-
var styled_native_1 = __importStar(require("../../styled.native"));
|
|
57
|
-
var utils_1 = require("../../utils");
|
|
58
|
-
var StyledP = styled_native_1.default.Text(function (_a) {
|
|
59
|
-
var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
|
|
60
|
-
return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n "])), core.fontFamily.body.native, core.fontSize.body[smallAndUp ? 'large' : 'small'], core.lineHeight.body[smallAndUp ? 'large' : 'small'], semantic.message.base);
|
|
61
|
-
});
|
|
62
|
-
exports.P = (0, utils_1.styledComponentWithBreakpoints)(StyledP);
|
|
63
|
-
var StyledSmall = styled_native_1.default.Text(function (_a) {
|
|
64
|
-
var core = _a.theme.core, smallAndUp = _a.smallAndUp;
|
|
65
|
-
return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n "], ["\n font-size: ", ";\n line-height: ", ";\n "])), core.fontSize.small[smallAndUp ? 'large' : 'small'], core.lineHeight.small[smallAndUp ? 'large' : 'small']);
|
|
66
|
-
});
|
|
67
|
-
exports.Small = (0, utils_1.styledComponentWithBreakpoints)(StyledSmall);
|
|
68
|
-
exports.Strong = styled_native_1.default.Text(function (_a) {
|
|
69
|
-
var core = _a.theme.core;
|
|
70
|
-
return "\n font-family: ".concat(core.fontFamily.bodyBold.native, ";\n ");
|
|
71
|
-
});
|
|
72
|
-
exports.Em = styled_native_1.default.Text(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-family: 'System font';\n font-style: italic;\n"], ["\n font-family: 'System font';\n font-style: italic;\n"])));
|
|
73
|
-
exports.LineThrough = styled_native_1.default.Text(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n text-decoration: line-through;\n"], ["\n text-decoration: line-through;\n"])));
|
|
74
|
-
var TextGroup = function (_a) {
|
|
75
|
-
var children = _a.children, rest = __rest(_a, ["children"]);
|
|
76
|
-
var filteredChildren = [];
|
|
77
|
-
react_1.Children.forEach(children, function (child) {
|
|
78
|
-
if ((0, react_1.isValidElement)(child)) {
|
|
79
|
-
filteredChildren.push(child);
|
|
80
|
-
}
|
|
81
|
-
});
|
|
82
|
-
return ((0, jsx_runtime_1.jsx)(react_native_1.View, __assign({}, rest, { children: react_1.Children.map(filteredChildren, function (child, index) {
|
|
83
|
-
if (!(0, react_1.isValidElement)(child)) {
|
|
84
|
-
return;
|
|
85
|
-
}
|
|
86
|
-
var style = __assign(__assign(__assign({}, child.props.style), (index === 0 ? { marginTop: 0 } : {})), { marginBottom: 0 });
|
|
87
|
-
return (0, react_1.cloneElement)(child, {
|
|
88
|
-
style: style,
|
|
89
|
-
});
|
|
90
|
-
}) })));
|
|
91
|
-
};
|
|
92
|
-
exports.TextGroup = TextGroup;
|
|
93
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { P, Strong, Em, Small, LineThrough, TextGroup } from './Text';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TextGroup = exports.LineThrough = exports.Small = exports.Em = exports.Strong = exports.P = void 0;
|
|
4
|
-
var Text_1 = require("./Text");
|
|
5
|
-
Object.defineProperty(exports, "P", { enumerable: true, get: function () { return Text_1.P; } });
|
|
6
|
-
Object.defineProperty(exports, "Strong", { enumerable: true, get: function () { return Text_1.Strong; } });
|
|
7
|
-
Object.defineProperty(exports, "Em", { enumerable: true, get: function () { return Text_1.Em; } });
|
|
8
|
-
Object.defineProperty(exports, "Small", { enumerable: true, get: function () { return Text_1.Small; } });
|
|
9
|
-
Object.defineProperty(exports, "LineThrough", { enumerable: true, get: function () { return Text_1.LineThrough; } });
|
|
10
|
-
Object.defineProperty(exports, "TextGroup", { enumerable: true, get: function () { return Text_1.TextGroup; } });
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TextInput as NativeTextInput } from 'react-native';
|
|
3
|
-
import { FieldProps } from '../Field';
|
|
4
|
-
export declare const CurrencyField: import('react').ForwardRefExoticComponent<
|
|
5
|
-
Omit<FieldProps, 'children'> &
|
|
6
|
-
import('react-native/types').TextInputProps & {
|
|
7
|
-
invalid?: boolean | undefined;
|
|
8
|
-
stretch?: boolean | undefined;
|
|
9
|
-
iconLeft?: string | undefined;
|
|
10
|
-
iconRight?: string | undefined;
|
|
11
|
-
rightSlot?: import('react').ReactNode;
|
|
12
|
-
} & {
|
|
13
|
-
currency?: 'GBP' | 'EUR' | 'AUD' | 'USD' | undefined;
|
|
14
|
-
} & import('react').RefAttributes<NativeTextInput>
|
|
15
|
-
>;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.CurrencyField = void 0;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
var react_1 = require("react");
|
|
28
|
-
var Field_1 = require("../Field");
|
|
29
|
-
var CurrencyInput_1 = require("../Input/CurrencyInput");
|
|
30
|
-
exports.CurrencyField = (0, react_1.forwardRef)(function (_a, ref) {
|
|
31
|
-
var rest = __rest(_a, []);
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({ affixWidth: 40 }, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(CurrencyInput_1.CurrencyInput, {}) })));
|
|
33
|
-
});
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TextInput as NativeTextInput } from 'react-native';
|
|
3
|
-
import { FieldProps } from '../Field';
|
|
4
|
-
export declare const EmailField: import('react').ForwardRefExoticComponent<
|
|
5
|
-
Omit<FieldProps, 'children'> &
|
|
6
|
-
import('react-native/types').TextInputProps & {
|
|
7
|
-
invalid?: boolean | undefined;
|
|
8
|
-
stretch?: boolean | undefined;
|
|
9
|
-
iconLeft?: string | undefined;
|
|
10
|
-
iconRight?: string | undefined;
|
|
11
|
-
rightSlot?: import('react').ReactNode;
|
|
12
|
-
} & import('react').RefAttributes<NativeTextInput>
|
|
13
|
-
>;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.EmailField = void 0;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
var react_1 = require("react");
|
|
28
|
-
var Field_1 = require("../Field");
|
|
29
|
-
var EmailInput_1 = require("../Input/EmailInput");
|
|
30
|
-
exports.EmailField = (0, react_1.forwardRef)(function (_a, ref) {
|
|
31
|
-
var rest = __rest(_a, []);
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(EmailInput_1.EmailInput, {}) })));
|
|
33
|
-
});
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TextInput as NativeTextInput } from 'react-native';
|
|
3
|
-
import { FieldProps } from '../Field';
|
|
4
|
-
export declare const NumberField: import('react').ForwardRefExoticComponent<
|
|
5
|
-
Omit<FieldProps, 'children'> &
|
|
6
|
-
import('react-native/types').TextInputProps & {
|
|
7
|
-
invalid?: boolean | undefined;
|
|
8
|
-
stretch?: boolean | undefined;
|
|
9
|
-
iconLeft?: string | undefined;
|
|
10
|
-
iconRight?: string | undefined;
|
|
11
|
-
rightSlot?: import('react').ReactNode;
|
|
12
|
-
} & import('react').RefAttributes<NativeTextInput>
|
|
13
|
-
>;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.NumberField = void 0;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
var react_1 = require("react");
|
|
28
|
-
var Field_1 = require("../Field");
|
|
29
|
-
var NumberInput_1 = require("../Input/NumberInput");
|
|
30
|
-
exports.NumberField = (0, react_1.forwardRef)(function (_a, ref) {
|
|
31
|
-
var rest = __rest(_a, []);
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(NumberInput_1.NumberInput, {}) })));
|
|
33
|
-
});
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TextInput as NativeTextInput } from 'react-native';
|
|
3
|
-
import { FieldProps } from '../Field';
|
|
4
|
-
export declare const PasswordField: import('react').ForwardRefExoticComponent<
|
|
5
|
-
Omit<FieldProps, 'children'> &
|
|
6
|
-
import('react-native/types').TextInputProps & {
|
|
7
|
-
invalid?: boolean | undefined;
|
|
8
|
-
stretch?: boolean | undefined;
|
|
9
|
-
iconLeft?: string | undefined;
|
|
10
|
-
iconRight?: string | undefined;
|
|
11
|
-
rightSlot?: import('react').ReactNode;
|
|
12
|
-
} & {
|
|
13
|
-
hasVisibilityToggle?: boolean | undefined;
|
|
14
|
-
} & import('react').RefAttributes<NativeTextInput>
|
|
15
|
-
>;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.PasswordField = void 0;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
var react_1 = require("react");
|
|
28
|
-
var Field_1 = require("../Field");
|
|
29
|
-
var PasswordInput_1 = require("../Input/PasswordInput");
|
|
30
|
-
exports.PasswordField = (0, react_1.forwardRef)(function (_a, ref) {
|
|
31
|
-
var hasVisibilityToggle = _a.hasVisibilityToggle, rest = __rest(_a, ["hasVisibilityToggle"]);
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(PasswordInput_1.PasswordInput, { hasVisibilityToggle: hasVisibilityToggle }) })));
|
|
33
|
-
});
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TextInput as NativeTextInput } from 'react-native';
|
|
3
|
-
import { FieldProps } from '../Field';
|
|
4
|
-
export declare const PhoneField: import('react').ForwardRefExoticComponent<
|
|
5
|
-
Omit<FieldProps, 'children'> &
|
|
6
|
-
import('react-native/types').TextInputProps & {
|
|
7
|
-
invalid?: boolean | undefined;
|
|
8
|
-
stretch?: boolean | undefined;
|
|
9
|
-
iconLeft?: string | undefined;
|
|
10
|
-
iconRight?: string | undefined;
|
|
11
|
-
rightSlot?: import('react').ReactNode;
|
|
12
|
-
} & import('react').RefAttributes<NativeTextInput>
|
|
13
|
-
>;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.PhoneField = void 0;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
var react_1 = require("react");
|
|
28
|
-
var Field_1 = require("../Field");
|
|
29
|
-
var PhoneInput_1 = require("../Input/PhoneInput");
|
|
30
|
-
exports.PhoneField = (0, react_1.forwardRef)(function (_a, ref) {
|
|
31
|
-
var rest = __rest(_a, []);
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, {}) })));
|
|
33
|
-
});
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TextInput as NativeTextInput } from 'react-native';
|
|
3
|
-
import { FieldProps } from '../Field';
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated This component has been deprecated and will be removed in a future release.
|
|
6
|
-
* Please use the PhoneField component instead.
|
|
7
|
-
* */
|
|
8
|
-
export declare const TelField: import('react').ForwardRefExoticComponent<
|
|
9
|
-
Omit<FieldProps, 'children'> &
|
|
10
|
-
import('react-native/types').TextInputProps & {
|
|
11
|
-
invalid?: boolean | undefined;
|
|
12
|
-
stretch?: boolean | undefined;
|
|
13
|
-
iconLeft?: string | undefined;
|
|
14
|
-
iconRight?: string | undefined;
|
|
15
|
-
rightSlot?: import('react').ReactNode;
|
|
16
|
-
} & import('react').RefAttributes<NativeTextInput>
|
|
17
|
-
>;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.TelField = void 0;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
var react_1 = require("react");
|
|
28
|
-
var Field_1 = require("../Field");
|
|
29
|
-
var PhoneInput_1 = require("../Input/PhoneInput");
|
|
30
|
-
/**
|
|
31
|
-
* @deprecated This component has been deprecated and will be removed in a future release.
|
|
32
|
-
* Please use the PhoneField component instead.
|
|
33
|
-
* */
|
|
34
|
-
exports.TelField = (0, react_1.forwardRef)(function (_a, ref) {
|
|
35
|
-
var rest = __rest(_a, []);
|
|
36
|
-
console.warn('TelField component has been deprecated and will be removed in a future release. Please use the PhoneField component instead.');
|
|
37
|
-
return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, {}) })));
|
|
38
|
-
});
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TextInput as NativeTextInput } from 'react-native';
|
|
3
|
-
import { FieldProps } from '../Field';
|
|
4
|
-
export declare const TextareaField: import('react').ForwardRefExoticComponent<
|
|
5
|
-
Omit<FieldProps, 'children'> &
|
|
6
|
-
import('react-native/types').TextInputProps & {
|
|
7
|
-
invalid?: boolean | undefined;
|
|
8
|
-
stretch?: boolean | undefined;
|
|
9
|
-
iconLeft?: string | undefined;
|
|
10
|
-
iconRight?: string | undefined;
|
|
11
|
-
rightSlot?: import('react').ReactNode;
|
|
12
|
-
} & {
|
|
13
|
-
rows?: number | undefined;
|
|
14
|
-
} & import('react').RefAttributes<NativeTextInput>
|
|
15
|
-
>;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.TextareaField = void 0;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
var react_1 = require("react");
|
|
28
|
-
var Field_1 = require("../Field");
|
|
29
|
-
var TextareaInput_1 = require("../Input/TextareaInput");
|
|
30
|
-
exports.TextareaField = (0, react_1.forwardRef)(function (_a, ref) {
|
|
31
|
-
var rest = __rest(_a, []);
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(TextareaInput_1.TextareaInput, {}) })));
|
|
33
|
-
});
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { useCallback, useState } from 'react';
|
|
2
|
-
export var useLayout = function (defaultHeight) {
|
|
3
|
-
var _a = useState({ height: defaultHeight || 0, width: 0, measured: false }), layout = _a[0], setLayout = _a[1];
|
|
4
|
-
var onLayout = useCallback(function (e) {
|
|
5
|
-
var _a = e.nativeEvent.layout, height = _a.height, width = _a.width;
|
|
6
|
-
if (height === layout.height && width === layout.width) {
|
|
7
|
-
return;
|
|
8
|
-
}
|
|
9
|
-
setLayout({
|
|
10
|
-
height: height,
|
|
11
|
-
width: width,
|
|
12
|
-
measured: true,
|
|
13
|
-
});
|
|
14
|
-
}, [layout.height, layout.width]);
|
|
15
|
-
return [layout, onLayout];
|
|
16
|
-
};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
var __assign = (this && this.__assign) || function () {
|
|
6
|
-
__assign = Object.assign || function(t) {
|
|
7
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
-
s = arguments[i];
|
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
-
t[p] = s[p];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
|
-
var t = {};
|
|
18
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
19
|
-
t[p] = s[p];
|
|
20
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
21
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
22
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
23
|
-
t[p[i]] = s[p[i]];
|
|
24
|
-
}
|
|
25
|
-
return t;
|
|
26
|
-
};
|
|
27
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
28
|
-
import { useBreakpoint } from '../../hooks';
|
|
29
|
-
import styled, { css } from '../../styled.native';
|
|
30
|
-
import { pxToNumber, numToPx } from '../../utils';
|
|
31
|
-
var calculateLetterSpacing = function (fontSize, letterSpacing) {
|
|
32
|
-
return numToPx(pxToNumber(fontSize) * letterSpacing);
|
|
33
|
-
};
|
|
34
|
-
var StyledHeading1 = styled.Text(function (_a) {
|
|
35
|
-
var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
|
|
36
|
-
var fontSize = core.fontSize.heading1[smallAndUp ? 'large' : 'small'];
|
|
37
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "])), core.fontFamily.heading.native, fontSize, core.lineHeight.heading1[smallAndUp ? 'large' : 'small'], calculateLetterSpacing(fontSize, core.letterSpacing.extraCompressed), semantic.message.branded);
|
|
38
|
-
});
|
|
39
|
-
export var Heading1 = function (_a) {
|
|
40
|
-
var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
|
|
41
|
-
var breakpoints = useBreakpoint();
|
|
42
|
-
return (_jsx(StyledHeading1, __assign({ accessibilityRole: accessibilityRole }, breakpoints, rest)));
|
|
43
|
-
};
|
|
44
|
-
var StyledHeading2 = styled.Text(function (_a) {
|
|
45
|
-
var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
|
|
46
|
-
var fontSize = core.fontSize.heading2[smallAndUp ? 'large' : 'small'];
|
|
47
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "])), core.fontFamily.heading.native, fontSize, core.lineHeight.heading2[smallAndUp ? 'large' : 'small'], calculateLetterSpacing(fontSize, core.letterSpacing.extraCompressed), semantic.message.branded);
|
|
48
|
-
});
|
|
49
|
-
export var Heading2 = function (_a) {
|
|
50
|
-
var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
|
|
51
|
-
var breakpoints = useBreakpoint();
|
|
52
|
-
return (_jsx(StyledHeading2, __assign({ accessibilityRole: accessibilityRole }, breakpoints, rest)));
|
|
53
|
-
};
|
|
54
|
-
var StyledHeading3 = styled.Text(function (_a) {
|
|
55
|
-
var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
|
|
56
|
-
var fontSize = core.fontSize.heading3[smallAndUp ? 'large' : 'small'];
|
|
57
|
-
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "])), core.fontFamily.bodyBold.native, fontSize, core.lineHeight.heading3[smallAndUp ? 'large' : 'small'], calculateLetterSpacing(fontSize, core.letterSpacing.compressed), semantic.message.branded);
|
|
58
|
-
});
|
|
59
|
-
export var Heading3 = function (_a) {
|
|
60
|
-
var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
|
|
61
|
-
var breakpoints = useBreakpoint();
|
|
62
|
-
return (_jsx(StyledHeading3, __assign({ accessibilityRole: accessibilityRole }, breakpoints, rest)));
|
|
63
|
-
};
|
|
64
|
-
var StyledHeading4 = styled.Text(function (_a) {
|
|
65
|
-
var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
|
|
66
|
-
var fontSize = core.fontSize.heading4[smallAndUp ? 'large' : 'small'];
|
|
67
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "])), core.fontFamily.bodyBold.native, fontSize, core.lineHeight.heading4[smallAndUp ? 'large' : 'small'], calculateLetterSpacing(fontSize, core.letterSpacing.compressed), semantic.message.branded);
|
|
68
|
-
});
|
|
69
|
-
export var Heading4 = function (_a) {
|
|
70
|
-
var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
|
|
71
|
-
var breakpoints = useBreakpoint();
|
|
72
|
-
return (_jsx(StyledHeading4, __assign({ accessibilityRole: accessibilityRole }, breakpoints, rest)));
|
|
73
|
-
};
|
|
74
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Heading1, Heading2, Heading3, Heading4 } from './Heading';
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
var __assign = (this && this.__assign) || function () {
|
|
6
|
-
__assign = Object.assign || function(t) {
|
|
7
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
-
s = arguments[i];
|
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
-
t[p] = s[p];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
|
-
import { useRef } from 'react';
|
|
18
|
-
import { useWindowDimensions } from 'react-native';
|
|
19
|
-
import { useSharedValue } from 'react-native-reanimated';
|
|
20
|
-
import Carousel from 'react-native-reanimated-carousel';
|
|
21
|
-
import styled, { useTheme } from '../../styled.native';
|
|
22
|
-
import { Icon } from '../Icon';
|
|
23
|
-
import { NavigationDots } from './NavigationDots';
|
|
24
|
-
export function HorizontalCarousel(_a) {
|
|
25
|
-
var data = _a.data, children = _a.children, width = _a.width, height = _a.height, fullWidth = _a.fullWidth, _b = _a.showArrows, showArrows = _b === void 0 ? true : _b, _c = _a.showDots, showDots = _c === void 0 ? true : _c, _d = _a.loop, loop = _d === void 0 ? true : _d, arrowsDistanceFromTop = _a.arrowsDistanceFromTop;
|
|
26
|
-
var theme = useTheme();
|
|
27
|
-
var carouselRef = useRef(null);
|
|
28
|
-
var progressValue = useSharedValue(0);
|
|
29
|
-
var windowWidth = useWindowDimensions().width;
|
|
30
|
-
var carouselWidth = fullWidth ? windowWidth : width || windowWidth;
|
|
31
|
-
return (_jsxs(SCarouselContainer, { children: [_jsx(Carousel, { ref: carouselRef, data: data, renderItem: function (_a) {
|
|
32
|
-
var item = _a.item;
|
|
33
|
-
return (_jsx(SItemContainer, __assign({ "$itemWidth": carouselWidth }, { children: children(item) })));
|
|
34
|
-
}, vertical: false, width: carouselWidth, height: height, onProgressChange: function (_, absoluteProgress) {
|
|
35
|
-
return (progressValue.value = absoluteProgress);
|
|
36
|
-
}, panGestureHandlerProps: {
|
|
37
|
-
activeOffsetX: [-20, 20],
|
|
38
|
-
}, loop: loop, testID: "carousel" }), showArrows && data.length > 1 && (_jsxs(_Fragment, { children: [_jsx(SActionPressable, __assign({ onPress: function () { var _a; return (_a = carouselRef.current) === null || _a === void 0 ? void 0 : _a.prev(); }, "$top": arrowsDistanceFromTop, hitSlop: {
|
|
39
|
-
top: 32,
|
|
40
|
-
bottom: 32,
|
|
41
|
-
left: 16,
|
|
42
|
-
right: 16,
|
|
43
|
-
} }, { children: _jsx(Icon, { name: "arrow-left", size: 16, color: theme.core.color.brand.white }) })), _jsx(SActionPressable, __assign({ "$next": true, onPress: function () { var _a; return (_a = carouselRef.current) === null || _a === void 0 ? void 0 : _a.next(); }, "$top": arrowsDistanceFromTop, hitSlop: {
|
|
44
|
-
top: 32,
|
|
45
|
-
bottom: 32,
|
|
46
|
-
left: 16,
|
|
47
|
-
right: 16,
|
|
48
|
-
} }, { children: _jsx(Icon, { name: "arrow-right", size: 16, color: theme.core.color.brand.white }) }))] })), showDots && data.length > 1 && (_jsx(NavigationDots, { data: data, animatedValue: progressValue }))] }));
|
|
49
|
-
}
|
|
50
|
-
var SCarouselContainer = styled.View(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n"], ["\n align-items: center;\n"])));
|
|
51
|
-
var SItemContainer = styled.View(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n width: ", "px;\n height: 100%;\n justify-content: center;\n align-items: center;\n"], ["\n position: relative;\n width: ", "px;\n height: 100%;\n justify-content: center;\n align-items: center;\n"])), function (_a) {
|
|
52
|
-
var $itemWidth = _a.$itemWidth;
|
|
53
|
-
return $itemWidth;
|
|
54
|
-
});
|
|
55
|
-
var SActionPressable = styled.Pressable(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n top: ", ";\n ", ";\n"], ["\n position: absolute;\n top: ", ";\n ", ";\n"])), function (_a) {
|
|
56
|
-
var $top = _a.$top;
|
|
57
|
-
return ($top ? "".concat($top, "px") : '50%');
|
|
58
|
-
}, function (_a) {
|
|
59
|
-
var theme = _a.theme, $next = _a.$next;
|
|
60
|
-
return $next ? "right: ".concat(theme.core.space[6]) : "left: ".concat(theme.core.space[6]);
|
|
61
|
-
});
|
|
62
|
-
var templateObject_1, templateObject_2, templateObject_3;
|