@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.
Files changed (131) hide show
  1. package/dist/components/ActionList/ActionList.js +1 -1
  2. package/dist/components/Stretch/Stretch.js +1 -1
  3. package/dist/esm/components/ActionList/ActionList.js +1 -1
  4. package/dist/esm/components/Stretch/Stretch.js +1 -1
  5. package/package.json +3 -3
  6. package/dist/components/Accordion/hooks.d.ts +0 -9
  7. package/dist/components/Accordion/hooks.js +0 -20
  8. package/dist/components/Heading/Heading.d.ts +0 -18
  9. package/dist/components/Heading/Heading.js +0 -104
  10. package/dist/components/Heading/index.d.ts +0 -1
  11. package/dist/components/Heading/index.js +0 -8
  12. package/dist/components/HorizontalCarousel/HorizontalCarousel.d.ts +0 -23
  13. package/dist/components/HorizontalCarousel/HorizontalCarousel.js +0 -92
  14. package/dist/components/HorizontalCarousel/NavigationDots.d.ts +0 -8
  15. package/dist/components/HorizontalCarousel/NavigationDots.js +0 -88
  16. package/dist/components/HorizontalCarousel/index.d.ts +0 -1
  17. package/dist/components/HorizontalCarousel/index.js +0 -17
  18. package/dist/components/Input/CurrencyInput.d.ts +0 -18
  19. package/dist/components/Input/CurrencyInput.js +0 -37
  20. package/dist/components/Input/EmailInput.d.ts +0 -12
  21. package/dist/components/Input/EmailInput.js +0 -19
  22. package/dist/components/Input/NumberInput.d.ts +0 -12
  23. package/dist/components/Input/NumberInput.js +0 -19
  24. package/dist/components/Input/PasswordInput.d.ts +0 -14
  25. package/dist/components/Input/PasswordInput.js +0 -35
  26. package/dist/components/Input/PasswordInput.styled.d.ts +0 -274
  27. package/dist/components/Input/PasswordInput.styled.js +0 -37
  28. package/dist/components/Input/PasswordVisibilityToggle.d.ts +0 -16
  29. package/dist/components/Input/PasswordVisibilityToggle.js +0 -39
  30. package/dist/components/Input/PhoneInput.d.ts +0 -12
  31. package/dist/components/Input/PhoneInput.js +0 -19
  32. package/dist/components/Input/TelInput.d.ts +0 -12
  33. package/dist/components/Input/TelInput.js +0 -41
  34. package/dist/components/Input/TextInput.d.ts +0 -12
  35. package/dist/components/Input/TextInput.js +0 -19
  36. package/dist/components/Input/TextareaInput.d.ts +0 -18
  37. package/dist/components/Input/TextareaInput.js +0 -67
  38. package/dist/components/Input/index.d.ts +0 -7
  39. package/dist/components/Input/index.js +0 -17
  40. package/dist/components/SegmentedControls/constants.d.ts +0 -28
  41. package/dist/components/SegmentedControls/constants.js +0 -2
  42. package/dist/components/SkeletonLoading/Skeleton.d.ts +0 -268
  43. package/dist/components/SkeletonLoading/Skeleton.js +0 -13
  44. package/dist/components/SkeletonLoading/SkeletonAnimation.d.ts +0 -10
  45. package/dist/components/SkeletonLoading/SkeletonAnimation.js +0 -46
  46. package/dist/components/SkeletonLoading/SkeletonCTA.d.ts +0 -6
  47. package/dist/components/SkeletonLoading/SkeletonCTA.js +0 -42
  48. package/dist/components/SkeletonLoading/SkeletonCircle.d.ts +0 -6
  49. package/dist/components/SkeletonLoading/SkeletonCircle.js +0 -46
  50. package/dist/components/SkeletonLoading/SkeletonHeading.d.ts +0 -12
  51. package/dist/components/SkeletonLoading/SkeletonHeading.js +0 -42
  52. package/dist/components/SkeletonLoading/SkeletonText.d.ts +0 -6
  53. package/dist/components/SkeletonLoading/SkeletonText.js +0 -48
  54. package/dist/components/SkeletonLoading/index.d.ts +0 -5
  55. package/dist/components/SkeletonLoading/index.js +0 -21
  56. package/dist/components/SummaryList/SummaryList.d.ts +0 -22
  57. package/dist/components/SummaryList/SummaryList.js +0 -47
  58. package/dist/components/SummaryList/index.d.ts +0 -1
  59. package/dist/components/SummaryList/index.js +0 -6
  60. package/dist/components/Text/Text.d.ts +0 -1436
  61. package/dist/components/Text/Text.js +0 -93
  62. package/dist/components/Text/index.d.ts +0 -1
  63. package/dist/components/Text/index.js +0 -10
  64. package/dist/components/TextField/CurrencyField.d.ts +0 -15
  65. package/dist/components/TextField/CurrencyField.js +0 -33
  66. package/dist/components/TextField/EmailField.d.ts +0 -13
  67. package/dist/components/TextField/EmailField.js +0 -33
  68. package/dist/components/TextField/NumberField.d.ts +0 -13
  69. package/dist/components/TextField/NumberField.js +0 -33
  70. package/dist/components/TextField/PasswordField.d.ts +0 -15
  71. package/dist/components/TextField/PasswordField.js +0 -33
  72. package/dist/components/TextField/PhoneField.d.ts +0 -13
  73. package/dist/components/TextField/PhoneField.js +0 -33
  74. package/dist/components/TextField/TelField.d.ts +0 -17
  75. package/dist/components/TextField/TelField.js +0 -38
  76. package/dist/components/TextField/TextareaField.d.ts +0 -15
  77. package/dist/components/TextField/TextareaField.js +0 -33
  78. package/dist/esm/components/Accordion/hooks.js +0 -16
  79. package/dist/esm/components/Heading/Heading.js +0 -74
  80. package/dist/esm/components/Heading/index.js +0 -1
  81. package/dist/esm/components/HorizontalCarousel/HorizontalCarousel.js +0 -62
  82. package/dist/esm/components/HorizontalCarousel/NavigationDots.js +0 -61
  83. package/dist/esm/components/HorizontalCarousel/index.js +0 -1
  84. package/dist/esm/components/Input/CurrencyInput.js +0 -34
  85. package/dist/esm/components/Input/EmailInput.js +0 -16
  86. package/dist/esm/components/Input/NumberInput.js +0 -16
  87. package/dist/esm/components/Input/PasswordInput.js +0 -32
  88. package/dist/esm/components/Input/PasswordInput.styled.js +0 -11
  89. package/dist/esm/components/Input/PasswordVisibilityToggle.js +0 -34
  90. package/dist/esm/components/Input/PhoneInput.js +0 -16
  91. package/dist/esm/components/Input/TelInput.js +0 -15
  92. package/dist/esm/components/Input/TextInput.js +0 -16
  93. package/dist/esm/components/Input/TextareaInput.js +0 -41
  94. package/dist/esm/components/Input/index.js +0 -7
  95. package/dist/esm/components/SegmentedControls/constants.js +0 -1
  96. package/dist/esm/components/SkeletonLoading/Skeleton.js +0 -7
  97. package/dist/esm/components/SkeletonLoading/SkeletonAnimation.js +0 -42
  98. package/dist/esm/components/SkeletonLoading/SkeletonCTA.js +0 -35
  99. package/dist/esm/components/SkeletonLoading/SkeletonCircle.js +0 -39
  100. package/dist/esm/components/SkeletonLoading/SkeletonHeading.js +0 -35
  101. package/dist/esm/components/SkeletonLoading/SkeletonText.js +0 -41
  102. package/dist/esm/components/SkeletonLoading/index.js +0 -5
  103. package/dist/esm/components/SummaryList/SummaryList.js +0 -43
  104. package/dist/esm/components/SummaryList/index.js +0 -1
  105. package/dist/esm/components/Text/Text.js +0 -66
  106. package/dist/esm/components/Text/index.js +0 -1
  107. package/dist/esm/components/TextField/CurrencyField.js +0 -30
  108. package/dist/esm/components/TextField/EmailField.js +0 -30
  109. package/dist/esm/components/TextField/NumberField.js +0 -30
  110. package/dist/esm/components/TextField/PasswordField.js +0 -30
  111. package/dist/esm/components/TextField/PhoneField.js +0 -30
  112. package/dist/esm/components/TextField/TelField.js +0 -35
  113. package/dist/esm/components/TextField/TextareaField.js +0 -30
  114. package/dist/esm/providers/icons/HidePassword.js +0 -15
  115. package/dist/esm/providers/icons/Payment.js +0 -15
  116. package/dist/esm/providers/icons/ShowPassword.js +0 -15
  117. package/dist/esm/providers/icons/Usage.js +0 -15
  118. package/dist/esm/theme/create-theme.js +0 -330
  119. package/dist/esm/theme/theme.js +0 -1
  120. package/dist/providers/icons/HidePassword.d.ts +0 -2
  121. package/dist/providers/icons/HidePassword.js +0 -22
  122. package/dist/providers/icons/Payment.d.ts +0 -2
  123. package/dist/providers/icons/Payment.js +0 -22
  124. package/dist/providers/icons/ShowPassword.d.ts +0 -2
  125. package/dist/providers/icons/ShowPassword.js +0 -22
  126. package/dist/providers/icons/Usage.d.ts +0 -2
  127. package/dist/providers/icons/Usage.js +0 -22
  128. package/dist/theme/create-theme.d.ts +0 -34
  129. package/dist/theme/create-theme.js +0 -337
  130. package/dist/theme/theme.d.ts +0 -235
  131. 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;