@ovotech/element-native 2.2.0-canary-ccbf178-84 → 2.2.0-canary-bfd528c-86

package/dist/components/Accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentClass } from 'react';
+import { ComponentClass, ComponentType } from 'react';
 import { AnimateProps } from 'react-native-reanimated';
 import { AccordionProps } from './types';
-export declare function withAnimated<T extends object>(WrappedComponent: React.ComponentType<T>): ComponentClass<AnimateProps<T>>;
+export declare function withAnimated<T extends object>(WrappedComponent: ComponentType<T>): ComponentClass<AnimateProps<T>>;
 export declare const Accordion: ({ expanded, first, headingComponent, last, title, children, onToggle, }: AccordionProps) => JSX.Element;

package/dist/components/Accordion/Accordion.js

@@ -50,7 +50,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Accordion = exports.withAnimated = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
 var styled_native_1 = require("../../styled.native");
 var utils_1 = require("../../utils");
@@ -67,11 +68,11 @@ function withAnimated(WrappedComponent) {
             return _super !== null && _super.apply(this, arguments) || this;
         }
         WithAnimated.prototype.render = function () {
-            return react_1.default.createElement(WrappedComponent, __assign({}, this.props));
+            return (0, jsx_runtime_1.jsx)(WrappedComponent, __assign({}, this.props));
         };
         WithAnimated.displayName = "WithAnimated(".concat(displayName, ")");
         return WithAnimated;
-    }(react_1.default.Component));
+    }(react_1.Component));
     return react_native_reanimated_1.default.createAnimatedComponent(WithAnimated);
 }
 exports.withAnimated = withAnimated;
@@ -121,20 +122,15 @@ var Accordion = function (_a) {
     var headerStyle = (0, react_native_reanimated_1.useAnimatedStyle)(function () { return ({
         color: (0, react_native_reanimated_1.interpolateColor)(progress.value, [0, 1], [semantic.message.branded, semantic.message.base]),
     }); });
-    return (react_1.default.createElement(styles_1.StyledAccordion, { first: first, last: last },
-        react_1.default.createElement(styles_1.StyledAccordionHeader, { accessibilityState: { expanded: open }, onPress: toggleOpen, testID: "accordionTitle" },
-            react_1.default.createElement(AnimatedHeading, { style: [
-                    headerStyle,
-                    {
-                        paddingTop: (0, utils_1.pxToNumber)(core.space[1]),
-                        paddingRight: (0, utils_1.pxToNumber)(core.space[3]),
-                        marginTop: 0,
-                        marginBottom: 0,
-                        flexShrink: 1,
-                    },
-                ] }, title),
-            react_1.default.createElement(Icon_1.AccordionIcon, { animationTiming: progress })),
-        react_1.default.createElement(react_native_reanimated_1.default.View, { style: containerAnimatedStyle },
-            react_1.default.createElement(styles_1.StyledContainer, { onLayout: onLayout }, children))));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledAccordion, __assign({ first: first, last: last }, { children: [(0, jsx_runtime_1.jsxs)(styles_1.StyledAccordionHeader, __assign({ accessibilityState: { expanded: open }, onPress: toggleOpen, testID: "accordionTitle" }, { children: [(0, jsx_runtime_1.jsx)(AnimatedHeading, __assign({ style: [
+                            headerStyle,
+                            {
+                                paddingTop: (0, utils_1.pxToNumber)(core.space[1]),
+                                paddingRight: (0, utils_1.pxToNumber)(core.space[3]),
+                                marginTop: 0,
+                                marginBottom: 0,
+                                flexShrink: 1,
+                            },
+                        ] }, { children: title })), (0, jsx_runtime_1.jsx)(Icon_1.AccordionIcon, { animationTiming: progress })] })), (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, __assign({ style: containerAnimatedStyle }, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledContainer, __assign({ onLayout: onLayout }, { children: children })) }))] })));
 };
 exports.Accordion = Accordion;

package/dist/components/Accordion/Group.js

@@ -1,41 +1,19 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccordionGroup = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var react_native_1 = require("react-native");
 var AccordionGroup = function (_a) {
     var children = _a.children;
     var childCount = react_1.Children.count(children);
-    return (react_1.default.createElement(react_native_1.View, null, react_1.Children.map(children, function (child, i) {
-        return (0, react_1.isValidElement)(child)
-            ? (0, react_1.cloneElement)(child, {
-                first: i === 0,
-                last: i === childCount - 1,
-            })
-            : child;
-    })));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { children: react_1.Children.map(children, function (child, i) {
+            return (0, react_1.isValidElement)(child)
+                ? (0, react_1.cloneElement)(child, {
+                    first: i === 0,
+                    last: i === childCount - 1,
+                })
+                : child;
+        }) }));
 };
 exports.AccordionGroup = AccordionGroup;

package/dist/components/Accordion/Icon.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -24,7 +35,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccordionIcon = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
 var react_native_svg_1 = require("react-native-svg");
 var styled_native_1 = require("../../styled.native");
@@ -48,7 +60,7 @@ function AccordionIcon(_a) {
     var minusAnimatedProps = (0, react_native_reanimated_1.useAnimatedProps)(function () { return ({
         opacity: animationTiming.value,
     }); });
-    return (react_1.default.createElement(react_native_reanimated_1.default.View, { style: [
+    return ((0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, __assign({ style: [
             {
                 backgroundColor: semantic.surface.cutout,
                 aspectRatio: 1,
@@ -56,10 +68,6 @@ function AccordionIcon(_a) {
                 justifyContent: 'center',
             },
             outerAnimatedStyles,
-        ] },
-        react_1.default.createElement(react_native_reanimated_1.default.View, { style: innerAnimatedStyles },
-            react_1.default.createElement(react_native_svg_1.Svg, { width: "16", height: "16", viewBox: "0 0 16 16" },
-                react_1.default.createElement(AnimatedPath, { animatedProps: plusAnimatedProps, d: "M9 9H16V6.99H9V0H6.99V7H0V9.01H7V16.01H9.01V9.01L9 9Z", fill: semantic.message.secondary }),
-                react_1.default.createElement(AnimatedPath, { animatedProps: minusAnimatedProps, d: "M16.3826 9.66663V7.66663H0.462646V9.66663H16.3826Z", fill: core.color.brand.white })))));
+        ] }, { children: (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, __assign({ style: innerAnimatedStyles }, { children: (0, jsx_runtime_1.jsxs)(react_native_svg_1.Svg, __assign({ width: "16", height: "16", viewBox: "0 0 16 16" }, { children: [(0, jsx_runtime_1.jsx)(AnimatedPath, { animatedProps: plusAnimatedProps, d: "M9 9H16V6.99H9V0H6.99V7H0V9.01H7V16.01H9.01V9.01L9 9Z", fill: semantic.message.secondary }), (0, jsx_runtime_1.jsx)(AnimatedPath, { animatedProps: minusAnimatedProps, d: "M16.3826 9.66663V7.66663H0.462646V9.66663H16.3826Z", fill: core.color.brand.white })] })) })) })));
 }
 exports.AccordionIcon = AccordionIcon;

package/dist/components/Accordion/hooks.d.ts

@@ -1,4 +1,4 @@
-import type { LayoutChangeEvent } from 'react-native';
+import { LayoutChangeEvent } from 'react-native';
 export declare const useLayout: (defaultHeight?: number) => readonly [{
     height: number;
     width: number;

package/dist/components/Accordion/hooks.js

@@ -1,33 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLayout = void 0;
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var useLayout = function (defaultHeight) {
     var _a = (0, react_1.useState)({ height: defaultHeight || 0, width: 0, measured: false }), layout = _a[0], setLayout = _a[1];
-    var onLayout = react_1.default.useCallback(function (e) {
+    var onLayout = (0, react_1.useCallback)(function (e) {
         var _a = e.nativeEvent.layout, height = _a.height, width = _a.width;
         if (height === layout.height && width === layout.width) {
             return;
@@ -35,7 +12,7 @@ var useLayout = function (defaultHeight) {
         setLayout({
             height: height,
             width: width,
-            measured: true
+            measured: true,
         });
     }, [layout.height, layout.width]);
     return [layout, onLayout];

package/dist/components/Badge/Badge.js

@@ -48,12 +48,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Badge = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_native_1 = __importStar(require("../../styled.native"));
 var StyledBadge = styled_native_1.default.View(function (_a) {
     var _b = _a.theme, core = _b.core, semantic = _b.semantic, component = _b.component, _c = _a.variant, variant = _c === void 0 ? 'info' : _c, _d = _a.inverted, inverted = _d === void 0 ? false : _d, customVariant = _a.customVariant;
@@ -93,8 +90,7 @@ var StyledBadgeText = styled_native_1.default.Text(function (_a) {
 });
 var Badge = function (_a) {
     var children = _a.children, variant = _a.variant, inverted = _a.inverted, rest = __rest(_a, ["children", "variant", "inverted"]);
-    return (react_1.default.createElement(StyledBadge, __assign({ variant: variant, inverted: inverted }, rest),
-        react_1.default.createElement(StyledBadgeText, { variant: variant, inverted: inverted }, children)));
+    return ((0, jsx_runtime_1.jsx)(StyledBadge, __assign({ variant: variant, inverted: inverted }, rest, { children: (0, jsx_runtime_1.jsx)(StyledBadgeText, __assign({ variant: variant, inverted: inverted }, { children: children })) })));
 };
 exports.Badge = Badge;
 var templateObject_1, templateObject_2;

package/dist/components/CTAButton/CTAButton.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentProps, PropsWithChildren, Ref } from 'react';
+import { ComponentProps, PropsWithChildren, Ref } from 'react';
 import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
 import { IconName } from '../../providers/types';
 export declare type CTAVariantName = 'primary' | 'secondary' | 'destructive';
@@ -13,7 +13,7 @@ declare const CTAButton: ({ iconLeft, iconRight, children, fullWidth, variant, .
 declare type CTAProps = Omit<ComponentProps<typeof CTAButton>, 'variant' | 'ref'> & {
     ref: Ref<TouchableOpacity>;
 };
-declare const PrimaryCTAButton: React.ForwardRefExoticComponent<Pick<CTAProps, keyof TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & React.RefAttributes<TouchableOpacity>>;
-declare const SecondaryCTAButton: React.ForwardRefExoticComponent<Pick<CTAProps, keyof TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & React.RefAttributes<TouchableOpacity>>;
-declare const DestructiveCTAButton: React.ForwardRefExoticComponent<Pick<CTAProps, keyof TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & React.RefAttributes<TouchableOpacity>>;
+declare const PrimaryCTAButton: import("react").ForwardRefExoticComponent<Pick<CTAProps, keyof TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & import("react").RefAttributes<TouchableOpacity>>;
+declare const SecondaryCTAButton: import("react").ForwardRefExoticComponent<Pick<CTAProps, keyof TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & import("react").RefAttributes<TouchableOpacity>>;
+declare const DestructiveCTAButton: import("react").ForwardRefExoticComponent<Pick<CTAProps, keyof TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & import("react").RefAttributes<TouchableOpacity>>;
 export { CTAButton, PrimaryCTAButton, SecondaryCTAButton, DestructiveCTAButton, };

package/dist/components/CTAButton/CTAButton.js

@@ -50,14 +50,15 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DestructiveCTAButton = exports.SecondaryCTAButton = exports.PrimaryCTAButton = exports.CTAButton = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var hooks_1 = require("../../hooks");
 var styled_native_1 = __importStar(require("../../styled.native"));
 var Icon_1 = require("../Icon/Icon");
 var StyledCTAWrapper = styled_native_1.default.TouchableOpacity(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-self: flex-start;\n  flex-direction: row;\n  align-items: flex-start;\n"], ["\n  align-self: flex-start;\n  flex-direction: row;\n  align-items: flex-start;\n"])));
 var CTAButtonWrapper = function (_a) {
     var children = _a.children, _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'button' : _b, _c = _a.activeOpacity, activeOpacity = _c === void 0 ? 0.8 : _c, rest = __rest(_a, ["children", "accessibilityRole", "activeOpacity"]);
-    return (react_1.default.createElement(StyledCTAWrapper, __assign({ accessibilityRole: accessibilityRole, activeOpacity: activeOpacity }, rest), children));
+    return ((0, jsx_runtime_1.jsx)(StyledCTAWrapper, __assign({ accessibilityRole: accessibilityRole, activeOpacity: activeOpacity }, rest, { children: children })));
 };
 var StyledInner = styled_native_1.default.View(function (_a) {
     var _b = _a.theme, core = _b.core, component = _b.component, fullWidth = _a.fullWidth, variant = _a.variant;
@@ -90,17 +91,13 @@ var CTAButton = function (_a) {
     if (fullWidth === 'small') {
         fullWidth = smallAndUp ? 'never' : 'always';
     }
-    return (react_1.default.createElement(CTAButtonWrapper, __assign({}, rest),
-        react_1.default.createElement(StyledInner, { fullWidth: fullWidth, variant: variant },
-            iconLeft !== 'off' ? (react_1.default.createElement(StyledLeftIcon, { name: iconLeft, size: 16, variant: variant })) : null,
-            react_1.default.createElement(StyledCTAButtonText, { smallAndUp: smallAndUp, variant: variant }, children),
-            iconRight !== 'off' ? (react_1.default.createElement(StyledRightIcon, { name: iconRight, size: 16, variant: variant })) : null)));
+    return ((0, jsx_runtime_1.jsx)(CTAButtonWrapper, __assign({}, rest, { children: (0, jsx_runtime_1.jsxs)(StyledInner, __assign({ fullWidth: fullWidth, variant: variant }, { children: [iconLeft !== 'off' ? ((0, jsx_runtime_1.jsx)(StyledLeftIcon, { name: iconLeft, size: 16, variant: variant })) : null, (0, jsx_runtime_1.jsx)(StyledCTAButtonText, __assign({ smallAndUp: smallAndUp, variant: variant }, { children: children })), iconRight !== 'off' ? ((0, jsx_runtime_1.jsx)(StyledRightIcon, { name: iconRight, size: 16, variant: variant })) : null] })) })));
 };
 exports.CTAButton = CTAButton;
-var PrimaryCTAButton = (0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement(CTAButton, __assign({ variant: "primary" }, props, { ref: ref }))); });
+var PrimaryCTAButton = (0, react_1.forwardRef)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(CTAButton, __assign({ variant: "primary" }, props, { ref: ref }))); });
 exports.PrimaryCTAButton = PrimaryCTAButton;
-var SecondaryCTAButton = (0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement(CTAButton, __assign({ variant: "secondary" }, props, { ref: ref }))); });
+var SecondaryCTAButton = (0, react_1.forwardRef)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(CTAButton, __assign({ variant: "secondary" }, props, { ref: ref }))); });
 exports.SecondaryCTAButton = SecondaryCTAButton;
-var DestructiveCTAButton = (0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement(CTAButton, __assign({ variant: "destructive" }, props, { ref: ref }))); });
+var DestructiveCTAButton = (0, react_1.forwardRef)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(CTAButton, __assign({ variant: "destructive" }, props, { ref: ref }))); });
 exports.DestructiveCTAButton = DestructiveCTAButton;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/components/CTALink/CTALink.d.ts

@@ -1,11 +1,11 @@
-import React, { ComponentProps, Ref } from 'react';
+import { ComponentProps, Ref } from 'react';
 import { TouchableOpacity } from 'react-native';
 import { CTAButton } from '../CTAButton';
 declare type CTALinkProps = Omit<ComponentProps<typeof CTAButton>, 'ref'> & {
     ref: Ref<TouchableOpacity>;
 };
-declare const CTALink: React.ForwardRefExoticComponent<Pick<CTALinkProps, "variant" | keyof import("react-native/types").TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & React.RefAttributes<TouchableOpacity>>;
+declare const CTALink: import("react").ForwardRefExoticComponent<Pick<CTALinkProps, "variant" | keyof import("react-native/types").TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & import("react").RefAttributes<TouchableOpacity>>;
 declare type CTAProps = Omit<ComponentProps<typeof CTALink>, 'variant'>;
-declare const PrimaryCTALink: React.ForwardRefExoticComponent<Pick<CTAProps, "key" | keyof import("react-native/types").TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & React.RefAttributes<TouchableOpacity>>;
-declare const SecondaryCTALink: React.ForwardRefExoticComponent<Pick<CTAProps, "key" | keyof import("react-native/types").TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & React.RefAttributes<TouchableOpacity>>;
+declare const PrimaryCTALink: import("react").ForwardRefExoticComponent<Pick<CTAProps, "key" | keyof import("react-native/types").TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & import("react").RefAttributes<TouchableOpacity>>;
+declare const SecondaryCTALink: import("react").ForwardRefExoticComponent<Pick<CTAProps, "key" | keyof import("react-native/types").TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & import("react").RefAttributes<TouchableOpacity>>;
 export { CTALink, PrimaryCTALink, SecondaryCTALink };

package/dist/components/CTALink/CTALink.js

@@ -10,36 +10,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SecondaryCTALink = exports.PrimaryCTALink = exports.CTALink = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var CTAButton_1 = require("../CTAButton");
-var CTALink = (0, react_1.forwardRef)(function (props, ref) { return react_1.default.createElement(CTAButton_1.CTAButton, __assign({}, props, { ref: ref })); });
+var CTALink = (0, react_1.forwardRef)(function (props, ref) { return (0, jsx_runtime_1.jsx)(CTAButton_1.CTAButton, __assign({}, props, { ref: ref })); });
 exports.CTALink = CTALink;
-var PrimaryCTALink = (0, react_1.forwardRef)(function (props, ref) { return react_1.default.createElement(CTALink, __assign({ variant: "primary", ref: ref }, props)); });
+var PrimaryCTALink = (0, react_1.forwardRef)(function (props, ref) { return (0, jsx_runtime_1.jsx)(CTALink, __assign({ variant: "primary", ref: ref }, props)); });
 exports.PrimaryCTALink = PrimaryCTALink;
-var SecondaryCTALink = (0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement(CTALink, __assign({ variant: "secondary", ref: ref }, props))); });
+var SecondaryCTALink = (0, react_1.forwardRef)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(CTALink, __assign({ variant: "secondary", ref: ref }, props))); });
 exports.SecondaryCTALink = SecondaryCTALink;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<TouchableOpacityProps, "children"> & {
+declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<TouchableOpacityProps, "children"> & {
     label: string;
     checked: boolean;
     hint?: ReactNode;
@@ -8,5 +8,5 @@ declare const Checkbox: React.ForwardRefExoticComponent<Omit<TouchableOpacityPro
     optional?: boolean | undefined;
     invalid?: boolean | undefined;
     activeOpacity?: number | undefined;
-} & React.RefAttributes<TouchableOpacity>>;
+} & import("react").RefAttributes<TouchableOpacity>>;
 export { Checkbox };

package/dist/components/Checkbox/Checkbox.js

@@ -14,29 +14,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -53,7 +30,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var react_native_1 = require("react-native");
 var styled_native_1 = __importDefault(require("../../styled.native"));
 var utils_1 = require("../../utils");
@@ -78,7 +56,7 @@ var StyledCheckboxInput = styled_native_1.default.View(function (_a) {
             : semantic.border.functional, ";\n      background: ").concat(checked ? core.color.blue.lightest : 'transparent', ";\n    ");
 });
 var CheckboxCheck = function (props) {
-    return react_1.default.createElement(Icon_1.Icon, __assign({ name: "check", size: 16 }, props));
+    return (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ name: "check", size: 16 }, props));
 };
 var StyledCheckboxInputCheck = (0, styled_native_1.default)(CheckboxCheck)(function (_a) {
     var core = _a.theme.core, checked = _a.checked;
@@ -86,9 +64,7 @@ var StyledCheckboxInputCheck = (0, styled_native_1.default)(CheckboxCheck)(funct
 });
 var Input = function (_a) {
     var checked = _a.checked, invalid = _a.invalid, testID = _a.testID, rest = __rest(_a, ["checked", "invalid", "testID"]);
-    return (react_1.default.createElement(StyledCheckboxInputWrapper, __assign({}, rest),
-        react_1.default.createElement(StyledCheckboxInput, { invalid: invalid, checked: checked, testID: testID },
-            react_1.default.createElement(StyledCheckboxInputCheck, { checked: checked }))));
+    return ((0, jsx_runtime_1.jsx)(StyledCheckboxInputWrapper, __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(StyledCheckboxInput, __assign({ invalid: invalid, checked: checked, testID: testID }, { children: (0, jsx_runtime_1.jsx)(StyledCheckboxInputCheck, { checked: checked }) })) })));
 };
 var CheckLabelText = (0, styled_native_1.default)(LabelText_1.LabelText)(function (_a) {
     var core = _a.theme.core;
@@ -98,17 +74,7 @@ var StyledWrapper = styled_native_1.default.View(templateObject_1 || (templateOb
 var Checkbox = (0, react_1.forwardRef)(function (_a, ref) {
     var label = _a.label, hint = _a.hint, error = _a.error, checked = _a.checked, optional = _a.optional, invalid = _a.invalid, _b = _a.activeOpacity, activeOpacity = _b === void 0 ? 0.8 : _b, testID = _a.testID, rest = __rest(_a, ["label", "hint", "error", "checked", "optional", "invalid", "activeOpacity", "testID"]);
     var hasError = !!error;
-    return (react_1.default.createElement(FormGroup_1.FormGroup, { error: hasError },
-        react_1.default.createElement(Stack_1.Stack, { spaceBetween: 1 },
-            error ? react_1.default.createElement(ErrorText_1.ErrorText, null, error) : null,
-            react_1.default.createElement(react_native_1.TouchableOpacity, __assign({ ref: ref, accessibilityRole: "checkbox", activeOpacity: activeOpacity, accessibilityState: { checked: checked } }, rest),
-                react_1.default.createElement(StyledWrapper, null,
-                    react_1.default.createElement(Input, { checked: checked, invalid: hasError || invalid, testID: testID }),
-                    react_1.default.createElement(react_native_1.View, { style: { flexShrink: 1 } },
-                        react_1.default.createElement(CheckLabelText, null,
-                            label,
-                            optional ? ' (optional)' : null),
-                        hint ? react_1.default.createElement(HintText_1.HintText, null, hint) : null))))));
+    return ((0, jsx_runtime_1.jsx)(FormGroup_1.FormGroup, __assign({ error: hasError }, { children: (0, jsx_runtime_1.jsxs)(Stack_1.Stack, __assign({ spaceBetween: 1 }, { children: [error ? (0, jsx_runtime_1.jsx)(ErrorText_1.ErrorText, { children: error }) : null, (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, __assign({ ref: ref, accessibilityRole: "checkbox", activeOpacity: activeOpacity, accessibilityState: { checked: checked } }, rest, { children: (0, jsx_runtime_1.jsxs)(StyledWrapper, { children: [(0, jsx_runtime_1.jsx)(Input, { checked: checked, invalid: hasError || invalid, testID: testID }), (0, jsx_runtime_1.jsxs)(react_native_1.View, __assign({ style: { flexShrink: 1 } }, { children: [(0, jsx_runtime_1.jsxs)(CheckLabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? (0, jsx_runtime_1.jsx)(HintText_1.HintText, { children: hint }) : null] }))] }) }))] })) })));
 });
 exports.Checkbox = Checkbox;
 var templateObject_1;

package/dist/components/Checkbox/CheckboxField.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -46,7 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxField = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var react_native_1 = require("react-native");
 var ErrorText_1 = require("../ErrorText");
 var FormGroup_1 = require("../FormGroup");
@@ -56,18 +34,10 @@ var Stack_1 = require("../Stack");
 var CheckboxField = function (_a) {
     var label = _a.label, hint = _a.hint, error = _a.error, children = _a.children, _b = _a.optional, optional = _b === void 0 ? false : _b, rest = __rest(_a, ["label", "hint", "error", "children", "optional"]);
     var hasError = !!error;
-    return (react_1.default.createElement(FormGroup_1.FormGroup, __assign({}, rest, { error: hasError }),
-        react_1.default.createElement(Stack_1.Stack, { spaceBetween: 1 },
-            react_1.default.createElement(react_native_1.View, null,
-                react_1.default.createElement(LabelText_1.LabelText, null,
-                    label,
-                    optional ? ' (optional)' : null),
-                hint ? react_1.default.createElement(HintText_1.HintText, null, hint) : null,
-                error ? react_1.default.createElement(ErrorText_1.ErrorText, null, error) : null),
-            react_1.default.createElement(react_native_1.View, null, react_1.Children.map(children, function (child) {
-                return (0, react_1.cloneElement)(child, {
-                    invalid: hasError ? true : child.props.invalid,
-                });
-            })))));
+    return ((0, jsx_runtime_1.jsx)(FormGroup_1.FormGroup, __assign({}, rest, { error: hasError }, { children: (0, jsx_runtime_1.jsxs)(Stack_1.Stack, __assign({ spaceBetween: 1 }, { children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [(0, jsx_runtime_1.jsxs)(LabelText_1.LabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? (0, jsx_runtime_1.jsx)(HintText_1.HintText, { children: hint }) : null, error ? (0, jsx_runtime_1.jsx)(ErrorText_1.ErrorText, { children: error }) : null] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { children: react_1.Children.map(children, function (child) {
+                        return (0, react_1.cloneElement)(child, {
+                            invalid: hasError ? true : child.props.invalid,
+                        });
+                    }) })] })) })));
 };
 exports.CheckboxField = CheckboxField;

package/dist/components/DataTable/DataTable.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { View } from 'react-native';
 import { TableProps } from './types';
-export declare const DataTable: React.ForwardRefExoticComponent<Pick<TableProps, "caption" | "rowHeadings" | "striped" | "columnWidths" | "items" | "columnHeadings"> & React.RefAttributes<View>>;
+export declare const DataTable: import("react").ForwardRefExoticComponent<Pick<TableProps, "caption" | "rowHeadings" | "striped" | "columnWidths" | "items" | "columnHeadings"> & import("react").RefAttributes<View>>;

package/dist/components/DataTable/DataTable.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -46,14 +23,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataTable = void 0;
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_2 = require("react");
 var react_is_1 = require("react-is");
 var react_native_1 = require("react-native");
 var hooks_1 = require("../../hooks");
 var utils_1 = require("../../utils");
 var TableRow_1 = require("./TableRow");
 var styles_1 = require("./styles");
-exports.DataTable = (0, react_1.forwardRef)(function (_a, ref) {
+exports.DataTable = (0, react_2.forwardRef)(function (_a, ref) {
     var items = _a.items, columnHeadings = _a.columnHeadings, caption = _a.caption, rowHeadings = _a.rowHeadings, columnWidths = _a.columnWidths, _b = _a.striped, striped = _b === void 0 ? true : _b, rest = __rest(_a, ["items", "columnHeadings", "caption", "rowHeadings", "columnWidths", "striped"]);
     var breakpoints = (0, hooks_1.useBreakpoint)();
     var columnLabel = columnHeadings
@@ -63,9 +42,5 @@ exports.DataTable = (0, react_1.forwardRef)(function (_a, ref) {
         ? (0, utils_1.getText)(caption)
         : caption;
     var accessibilityLabel = "data table,".concat(columnLabel, " ").concat(items.length, " rows, ").concat(accessibilityLabelText);
-    return (react_1.default.createElement(react_native_1.ScrollView, { horizontal: true, alwaysBounceHorizontal: false, contentContainerStyle: { flexGrow: 1 } },
-        react_1.default.createElement(styles_1.StyledTableContainer, __assign({}, rest, { ref: ref }),
-            caption ? (react_1.default.createElement(styles_1.TableCaption, __assign({}, breakpoints), (0, react_is_1.isElement)(caption) ? (caption) : (react_1.default.createElement(styles_1.TableCaptionText, __assign({}, breakpoints, { accessibilityLabel: accessibilityLabel }), caption)))) : null,
-            columnHeadings ? (react_1.default.createElement(styles_1.TableRowHeading, null, columnHeadings.map(function (columnHeading, index) { return (react_1.default.createElement(styles_1.TableHeader, __assign({}, breakpoints, { key: index, cellWidth: columnWidths[index] }), (0, react_is_1.isElement)(columnHeading) ? (columnHeading) : (react_1.default.createElement(styles_1.TableHeaderText, __assign({}, breakpoints), columnHeading)))); }))) : null,
-            react_1.default.createElement(styles_1.TableBody, null, items.map(function (rowData, index) { return (react_1.default.createElement(TableRow_1.TableRow, { key: index, data: rowData, index: index, rowHeadings: rowHeadings, columnWidths: columnWidths, striped: striped })); })))));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.ScrollView, __assign({ horizontal: true, alwaysBounceHorizontal: false, contentContainerStyle: { flexGrow: 1 } }, { children: (0, jsx_runtime_1.jsxs)(styles_1.StyledTableContainer, __assign({}, rest, { ref: ref }, { children: [caption ? ((0, jsx_runtime_1.jsx)(styles_1.TableCaption, __assign({}, breakpoints, { children: (0, react_is_1.isElement)(caption) ? (caption) : ((0, jsx_runtime_1.jsx)(styles_1.TableCaptionText, __assign({}, breakpoints, { accessibilityLabel: accessibilityLabel }, { children: caption }))) }))) : null, columnHeadings ? ((0, jsx_runtime_1.jsx)(styles_1.TableRowHeading, { children: columnHeadings.map(function (columnHeading, index) { return ((0, react_1.createElement)(styles_1.TableHeader, __assign({}, breakpoints, { key: index, cellWidth: columnWidths[index] }), (0, react_is_1.isElement)(columnHeading) ? (columnHeading) : ((0, jsx_runtime_1.jsx)(styles_1.TableHeaderText, __assign({}, breakpoints, { children: columnHeading }))))); }) })) : null, (0, jsx_runtime_1.jsx)(styles_1.TableBody, { children: items.map(function (rowData, index) { return ((0, jsx_runtime_1.jsx)(TableRow_1.TableRow, { data: rowData, index: index, rowHeadings: rowHeadings, columnWidths: columnWidths, striped: striped }, index)); }) })] })) })));
 });