@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,61 +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 } from "react/jsx-runtime";
17
- import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, } from 'react-native-reanimated';
18
- import styled, { useTheme } from '../../styled.native';
19
- export function NavigationDots(_a) {
20
- var data = _a.data, animatedValue = _a.animatedValue;
21
- return (_jsx(SDotsContainer, { children: data.map(function (_, index) { return (_jsx(Dot, { index: index, length: data.length, animatedValue: animatedValue }, index)); }) }));
22
- }
23
- var Dot = function (_a) {
24
- var animatedValue = _a.animatedValue, index = _a.index, length = _a.length, _b = _a.width, width = _b === void 0 ? 10 : _b;
25
- var theme = useTheme();
26
- var animatedStyle = useAnimatedStyle(function () {
27
- var inputRange = [index - 1, index, index + 1];
28
- var outputRange = [-width, 0, width];
29
- if (index === 0 && (animatedValue === null || animatedValue === void 0 ? void 0 : animatedValue.value) > length - 1) {
30
- inputRange = [length - 1, length, length + 1];
31
- outputRange = [-width, 0, width];
32
- }
33
- var backgroundColor = interpolateColor(animatedValue === null || animatedValue === void 0 ? void 0 : animatedValue.value, inputRange, [
34
- theme.core.color.brand.forest,
35
- theme.core.color.brand.energised,
36
- theme.core.color.brand.forest,
37
- ]);
38
- return {
39
- transform: [
40
- {
41
- translateX: interpolate(animatedValue === null || animatedValue === void 0 ? void 0 : animatedValue.value, inputRange, outputRange, Extrapolate.CLAMP),
42
- },
43
- ],
44
- backgroundColor: backgroundColor,
45
- };
46
- }, [animatedValue, index, length]);
47
- return (_jsx(SDot, __assign({ "$width": width }, { children: _jsx(SAnimatedDot, { style: animatedStyle }) })));
48
- };
49
- var SDotsContainer = styled.View(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n bottom: 20px;\n flex-direction: row;\n gap: 10px;\n"], ["\n position: absolute;\n bottom: 20px;\n flex-direction: row;\n gap: 10px;\n"])));
50
- var SDot = styled.View(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n width: ", "px;\n height: ", "px;\n border-radius: 50px;\n overflow: hidden;\n"], ["\n background-color: ", ";\n width: ", "px;\n height: ", "px;\n border-radius: 50px;\n overflow: hidden;\n"])), function (_a) {
51
- var theme = _a.theme;
52
- return theme.core.color.brand.forest;
53
- }, function (_a) {
54
- var $width = _a.$width;
55
- return $width;
56
- }, function (_a) {
57
- var $width = _a.$width;
58
- return $width;
59
- });
60
- var SAnimatedDot = styled(Animated.View)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-radius: 20px;\n flex: 1;\n"], ["\n border-radius: 20px;\n flex: 1;\n"])));
61
- var templateObject_1, templateObject_2, templateObject_3;
@@ -1 +0,0 @@
1
- export * from './HorizontalCarousel';
@@ -1,34 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import { forwardRef, createRef } from 'react';
25
- import { mergeRefs } from '../../utils';
26
- import { NumberInput } from './NumberInput';
27
- var CurrencyInput = forwardRef(function (_a, ref) {
28
- var _b = _a.currency, currency = _b === void 0 ? 'GBP' : _b, invalid = _a.invalid, _c = _a.accessibilityLabel, accessibilityLabel = _c === void 0 ? '' : _c, rest = __rest(_a, ["currency", "invalid", "accessibilityLabel"]);
29
- var inputRef = createRef();
30
- var updatedAccessibilityLabel = "".concat(accessibilityLabel, " ").concat(currency === 'GBP' ? 'pounds' : currency === 'EUR' ? 'euro' : 'dollar').trim();
31
- var iconName = currency === 'GBP' ? 'pound' : currency === 'EUR' ? 'euro' : 'dollar';
32
- return (_jsx(NumberInput, __assign({}, rest, { invalid: invalid, accessibilityLabel: updatedAccessibilityLabel, ref: mergeRefs(ref, inputRef), iconLeft: iconName })));
33
- });
34
- export { CurrencyInput };
@@ -1,16 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { forwardRef } from 'react';
14
- import { Input } from './Input';
15
- var EmailInput = forwardRef(function (props, ref) { return (_jsx(Input, __assign({}, props, { keyboardType: "email-address", autoCapitalize: "none", autoCorrect: false, ref: ref }))); });
16
- export { EmailInput };
@@ -1,16 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { forwardRef } from 'react';
14
- import { Input } from './Input';
15
- var NumberInput = forwardRef(function (props, ref) { return (_jsx(Input, __assign({}, props, { keyboardType: "numeric", autoCapitalize: "none", autoCorrect: false, ref: ref }))); });
16
- export { NumberInput };
@@ -1,32 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import { forwardRef } from 'react';
25
- import { Input } from './Input';
26
- import { PasswordVisibilityToggle, useTogglePasswordVisibility, } from './PasswordVisibilityToggle';
27
- var PasswordInput = forwardRef(function (_a, ref) {
28
- var props = __rest(_a, []);
29
- var _b = useTogglePasswordVisibility(), isPasswordVisible = _b.isPasswordVisible, handlePasswordVisibility = _b.handlePasswordVisibility;
30
- return (_jsx(Input, __assign({}, props, { rightSlot: props.hasVisibilityToggle ? (_jsx(PasswordVisibilityToggle, { iconName: isPasswordVisible ? 'hide' : 'show', visibilityToggleLabel: isPasswordVisible ? 'Hide password' : 'Show password', handlePasswordVisibility: handlePasswordVisibility })) : null, keyboardType: "default", autoCapitalize: "none", autoCorrect: false, blurOnSubmit: false, secureTextEntry: !isPasswordVisible, ref: ref })));
31
- });
32
- export { PasswordInput };
@@ -1,11 +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
- import { Pressable } from 'react-native';
6
- import styled, { css } from '../../styled.native';
7
- export var StyledPressable = styled(Pressable)(function (_a) {
8
- var core = _a.theme.core, focused = _a.focused;
9
- return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n position: absolute;\n width: ", ";\n z-index: 1;\n top: ", ";\n right: ", ";\n "], ["\n display: flex;\n align-items: center;\n position: absolute;\n width: ", ";\n z-index: 1;\n top: ", ";\n right: ", ";\n "])), core.space[4], focused ? '16px' : '14px', core.space[3]);
10
- });
11
- var templateObject_1;
@@ -1,34 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { useState } from 'react';
14
- import { Icon } from '../Icon';
15
- import { StyledPressable } from './PasswordInput.styled';
16
- export var useTogglePasswordVisibility = function () {
17
- var _a = useState(false), isPasswordVisible = _a[0], setIsPasswordVisible = _a[1];
18
- var handlePasswordVisibility = function () {
19
- setIsPasswordVisible(!isPasswordVisible);
20
- };
21
- return {
22
- isPasswordVisible: isPasswordVisible,
23
- handlePasswordVisibility: handlePasswordVisibility,
24
- };
25
- };
26
- export var PasswordVisibilityToggle = function (_a) {
27
- var iconName = _a.iconName, visibilityToggleLabel = _a.visibilityToggleLabel, handlePasswordVisibility = _a.handlePasswordVisibility;
28
- var _b = useState(false), focused = _b[0], setFocused = _b[1];
29
- return (_jsx(StyledPressable, __assign({ testID: "password-input-visibility-toggle", focused: focused, accessibilityRole: "button", accessibilityLabel: visibilityToggleLabel, onPress: handlePasswordVisibility, hitSlop: 16, onFocus: function () {
30
- setFocused(true);
31
- }, onBlur: function () {
32
- setFocused(false);
33
- } }, { children: _jsx(Icon, { name: iconName, size: 16, pointerEvents: "none" }) })));
34
- };
@@ -1,16 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { forwardRef } from 'react';
14
- import { Input } from './Input';
15
- var PhoneInput = forwardRef(function (props, ref) { return (_jsx(Input, __assign({}, props, { keyboardType: "phone-pad", autoCapitalize: "none", autoCorrect: false, ref: ref }))); });
16
- export { PhoneInput };
@@ -1,15 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import React, { forwardRef } from 'react';
13
- import { Input } from './Input';
14
- var TelInput = forwardRef(function (props, ref) { return (React.createElement(Input, __assign({}, props, { keyboardType: "phone-pad", autoCapitalize: "none", autoCorrect: false, ref: ref }))); });
15
- export { TelInput };
@@ -1,16 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { forwardRef } from 'react';
14
- import { Input } from './Input';
15
- var TextInput = forwardRef(function (props, ref) { return (_jsx(Input, __assign({}, props, { keyboardType: "default", ref: ref }))); });
16
- export { TextInput };
@@ -1,41 +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 { forwardRef } from 'react';
29
- import styled, { css } from '../../styled.native';
30
- import { pxToNumber } from '../../utils';
31
- import { Input } from './Input';
32
- var StyledInput = styled(Input)(function (_a) {
33
- var core = _a.theme.core, rows = _a.rows;
34
- return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: ", " ", " ", " ", ";\n height: ", "px;\n "], ["\n padding: ", " ", " ", " ", ";\n height: ", "px;\n "])), core.space[3], core.space[2], core.space[2], core.space[2], pxToNumber(core.space[8]) * rows);
35
- });
36
- var TextareaInput = forwardRef(function (_a, ref) {
37
- var _b = _a.rows, rows = _b === void 0 ? 3 : _b, rest = __rest(_a, ["rows"]);
38
- return (_jsx(StyledInput, __assign({}, rest, { keyboardType: "default", multiline: true, textAlignVertical: "top", rows: rows, ref: ref })));
39
- });
40
- export { TextareaInput };
41
- var templateObject_1;
@@ -1,7 +0,0 @@
1
- export { CurrencyInput } from './CurrencyInput';
2
- export { EmailInput } from './EmailInput';
3
- export { NumberInput } from './NumberInput';
4
- export { PhoneInput } from './PhoneInput';
5
- export { TextInput } from './TextInput';
6
- export { PasswordInput } from './PasswordInput';
7
- export { TextareaInput } from './TextareaInput';
@@ -1 +0,0 @@
1
- export {};
@@ -1,7 +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
- import styled from '../../styled.native';
6
- export var Skeleton = styled.View(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
7
- var templateObject_1;
@@ -1,42 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { useEffect, useRef } from 'react';
14
- import { View, Animated, Platform } from 'react-native';
15
- export var SkeletonAnimation = function (_a) {
16
- var children = _a.children, _b = _a.animation, animation = _b === void 0 ? 'pulse' : _b, testID = _a.testID;
17
- var animationRef = useRef(new Animated.Value(0));
18
- var animationLoop = useRef();
19
- useEffect(function () {
20
- animationLoop.current = Animated.timing(animationRef.current, {
21
- toValue: 2,
22
- delay: 400,
23
- duration: 1500,
24
- useNativeDriver: !!Platform.select({
25
- web: false,
26
- native: true,
27
- }),
28
- });
29
- animationRef.current.setValue(0);
30
- Animated.loop(animationLoop.current).start();
31
- }, []);
32
- return (_jsx(View, __assign({ accessibilityRole: "none", accessibilityLabel: "loading...", accessible: false, testID: testID }, { children: animation === 'pulse' ? (_jsx(Animated.View, __assign({ style: [
33
- {
34
- height: '100%',
35
- width: '100%',
36
- opacity: animationRef.current.interpolate({
37
- inputRange: [0.25, 1, 2],
38
- outputRange: [1, 0.25, 1],
39
- }),
40
- },
41
- ] }, { children: children }))) : (_jsx(View, { children: children })) })));
42
- };
@@ -1,35 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import styled from '../../styled.native';
25
- import { P } from '../Text';
26
- import { Skeleton } from './Skeleton';
27
- import { SkeletonAnimation } from './SkeletonAnimation';
28
- var StyledSkeletonCTA = styled(Skeleton)(function (_a) {
29
- var core = _a.theme.core, size = _a.size;
30
- return "\n background-color: ".concat(core.color.neutral.light, ";\n width: ").concat(size, ";\n height: ").concat(core.space[12], ";\n ");
31
- });
32
- export var SkeletonCTA = function (_a) {
33
- var _b = _a.size, size = _b === void 0 ? '250px' : _b, rest = __rest(_a, ["size"]);
34
- return (_jsx(SkeletonAnimation, { children: _jsx(StyledSkeletonCTA, __assign({ as: P, size: size }, rest)) }));
35
- };
@@ -1,39 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import styled from '../../styled.native';
25
- import { pxToNumber } from '../../utils';
26
- import { Skeleton } from './Skeleton';
27
- import { SkeletonAnimation } from './SkeletonAnimation';
28
- var StyledSkeletonCircleWrapper = styled(Skeleton)(function (_a) {
29
- var size = _a.size;
30
- return "width: ".concat(size, "; max-width: 100%;");
31
- });
32
- var StyledSkeletonCircle = styled(Skeleton)(function (_a) {
33
- var core = _a.theme.core, size = _a.size;
34
- return "\n background-color: ".concat(core.color.neutral.light, ";\n height: 0;\n padding-bottom: 100%;\n border-radius: ").concat(pxToNumber(size) / 2, "px;\n ");
35
- });
36
- export var SkeletonCircle = function (_a) {
37
- var _b = _a.size, size = _b === void 0 ? '120px' : _b, rest = __rest(_a, ["size"]);
38
- return (_jsx(SkeletonAnimation, { children: _jsx(StyledSkeletonCircleWrapper, __assign({ size: size }, rest, { children: _jsx(StyledSkeletonCircle, { size: size }) })) }));
39
- };
@@ -1,35 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import styled from '../../styled.native';
25
- import { Heading3 } from '../Heading';
26
- import { Skeleton } from './Skeleton';
27
- import { SkeletonAnimation } from './SkeletonAnimation';
28
- var StyledSkeletonHeading = styled(Skeleton)(function (_a) {
29
- var core = _a.theme.core, size = _a.size;
30
- return "\n background-color: ".concat(core.color.neutral.light, ";\n width: ").concat(size, ";\n ");
31
- });
32
- export var SkeletonHeading = function (_a) {
33
- var _b = _a.size, size = _b === void 0 ? '70%' : _b, _c = _a.headingComponent, Heading = _c === void 0 ? Heading3 : _c, rest = __rest(_a, ["size", "headingComponent"]);
34
- return (_jsx(SkeletonAnimation, { children: _jsx(StyledSkeletonHeading, __assign({ "aria-hidden": "true", size: size, as: Heading }, rest, { children: "\u00A0" })) }));
35
- };
@@ -1,41 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import { useBreakpoint } from '../../hooks';
25
- import styled from '../../styled.native';
26
- import { P } from '../Text';
27
- import { Skeleton } from './Skeleton';
28
- import { SkeletonAnimation } from './SkeletonAnimation';
29
- var StyledSkeletonText = styled(Skeleton)(function (_a) {
30
- var core = _a.theme.core, aboveSmallBreakpoint = _a.aboveSmallBreakpoint, short = _a.short;
31
- return "\n background-color: ".concat(core.color.neutral.light, ";\n margin-bottom: ").concat(core.space[2], ";\n height: ").concat(aboveSmallBreakpoint ? core.fontSize.body.large : core.fontSize.body.small, ";\n\n ").concat(short ? 'width: 50%' : '', ";\n ");
32
- });
33
- export var SkeletonText = function (_a) {
34
- var _b = _a.lines, lines = _b === void 0 ? 1 : _b, rest = __rest(_a, ["lines"]);
35
- var generatedLines = [];
36
- var smallAndUp = useBreakpoint().smallAndUp;
37
- for (var i = 1; i <= lines; i++) {
38
- generatedLines.push(_jsx(StyledSkeletonText, { short: i === lines, aboveSmallBreakpoint: smallAndUp }, "line-".concat(i)));
39
- }
40
- return (_jsx(P, __assign({ as: SkeletonAnimation }, rest, { children: generatedLines })));
41
- };
@@ -1,5 +0,0 @@
1
- export * from './Skeleton';
2
- export * from './SkeletonCircle';
3
- export * from './SkeletonCTA';
4
- export * from './SkeletonHeading';
5
- export * from './SkeletonText';
@@ -1,43 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
24
- import { Children, cloneElement } from 'react';
25
- import { Dd, Dl, Dt } from '../List';
26
- /**
27
- * @deprecated This component has been deprecated and will be removed in a future release.
28
- * Please use the Description List (List/Dl) component instead.
29
- * */
30
- var SummaryList = function (_a) {
31
- var children = _a.children, rest = __rest(_a, ["children"]);
32
- console.warn('SummaryList component has been deprecated and will be removed in a future release. Please use the DescriptionList component instead.');
33
- return (_jsx(Dl, __assign({}, rest, { children: Children.map(children, function (child, index) {
34
- return cloneElement(child, {
35
- index: index,
36
- });
37
- }) })));
38
- };
39
- var SummaryItem = function (_a) {
40
- var label = _a.label, children = _a.children, index = _a.index, rest = __rest(_a, ["label", "children", "index"]);
41
- return (_jsxs(_Fragment, { children: [_jsx(Dt, __assign({ style: index === 0 ? { marginTop: 0 } : undefined }, { children: label })), _jsx(Dd, __assign({}, rest, { children: children }))] }));
42
- };
43
- export { SummaryList, SummaryItem };
@@ -1 +0,0 @@
1
- export { SummaryList, SummaryItem } from './SummaryList';