@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,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,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';
|