@ovotech/element-native 2.0.0-beta.1 → 2.0.0

package/dist/components/index.js

@@ -1,43 +0,0 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Accordion"), exports);
-__exportStar(require("./Badge"), exports);
-__exportStar(require("./Card"), exports);
-__exportStar(require("./Checkbox"), exports);
-__exportStar(require("./CTAButton"), exports);
-__exportStar(require("./CTALink"), exports);
-__exportStar(require("./DateField"), exports);
-__exportStar(require("./Disclosure"), exports);
-__exportStar(require("./ErrorSummaryNotification"), exports);
-__exportStar(require("./Field"), exports);
-__exportStar(require("./Grid"), exports);
-__exportStar(require("./NavHeader"), exports);
-__exportStar(require("./Heading"), exports);
-__exportStar(require("./Icon"), exports);
-__exportStar(require("./Input"), exports);
-__exportStar(require("./List"), exports);
-__exportStar(require("./Margin"), exports);
-__exportStar(require("./Notification"), exports);
-__exportStar(require("./Radio"), exports);
-__exportStar(require("./SummaryList"), exports);
-__exportStar(require("./Stack"), exports);
-__exportStar(require("./Tabs"), exports);
-__exportStar(require("./Text"), exports);
-__exportStar(require("./TextField"), exports);
-__exportStar(require("./TextLink"), exports);
-__exportStar(require("./DataTable"), exports);
-__exportStar(require("./SkeletonLoading"), exports);

package/dist/esm/components/Accordion/Accordion.js

@@ -1,111 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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);
-};
-import React, { useCallback, useMemo, useEffect } from 'react';
-import { View, TouchableOpacity } from 'react-native';
-import Animated, { useSharedValue, useAnimatedStyle, useDerivedValue, withTiming, runOnUI, interpolateColor, } from 'react-native-reanimated';
-import { theme } from '../../theme';
-import { Heading3 } from '../Heading';
-import { AccordionIcon } from './Icon';
-import { useLayout } from './hooks';
-import { styles } from './styles';
-var _a = theme.colors, canvas = _a.canvas, canvasMuted = _a.canvasMuted, primary = _a.primary, greyDarker = _a.brand.grey.darker;
-export function withAnimated(WrappedComponent) {
-    var displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
-    // eslint-disable-next-line react/prefer-stateless-function
-    var WithAnimated = /** @class */ (function (_super) {
-        __extends(WithAnimated, _super);
-        function WithAnimated() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        WithAnimated.prototype.render = function () {
-            return React.createElement(WrappedComponent, __assign({}, this.props));
-        };
-        WithAnimated.displayName = "WithAnimated(".concat(displayName, ")");
-        return WithAnimated;
-    }(React.Component));
-    return Animated.createAnimatedComponent(WithAnimated);
-}
-export var Accordion = function (_a) {
-    var _b = _a.expanded, expanded = _b === void 0 ? false : _b, first = _a.first, _c = _a.headingComponent, headingComponent = _c === void 0 ? Heading3 : _c, last = _a.last, title = _a.title, children = _a.children, onToggle = _a.onToggle;
-    var AnimatedHeading = useMemo(function () { return withAnimated(headingComponent); }, [
-        headingComponent,
-    ]);
-    var _d = useLayout(0), layout = _d[0], onLayout = _d[1];
-    var open = useSharedValue(expanded);
-    var handleHeightContent = useMemo(function () { return layout.height || 100; }, [
-        layout.height,
-    ]);
-    var size = useSharedValue(handleHeightContent);
-    useEffect(function () {
-        runOnUI(function () {
-            'worklet';
-            if (expanded && handleHeightContent) {
-                size.value = handleHeightContent;
-            }
-        })();
-    }, [handleHeightContent, expanded, size]);
-    useEffect(function () {
-        runOnUI(function () {
-            'worklet';
-            if (handleHeightContent) {
-                size.value = handleHeightContent;
-            }
-        })();
-    }, [handleHeightContent, size]);
-    var progress = useDerivedValue(function () { return withTiming(open.value ? 1 : 0); });
-    var style = useAnimatedStyle(function () { return ({
-        height: size.value * progress.value + 1,
-    }); });
-    var toggleOpen = useCallback(function () {
-        onToggle === null || onToggle === void 0 ? void 0 : onToggle(!open.value);
-        if (size.value === 0) {
-            runOnUI(function () {
-                'worklet';
-                size.value = handleHeightContent;
-            })();
-        }
-        open.value = !open.value;
-    }, [handleHeightContent, open, size]);
-    var containerAnimatedStyle = useMemo(function () { return [styles.content, style]; }, [style]);
-    var headerStyle = useAnimatedStyle(function () { return ({
-        color: interpolateColor(progress.value, [0, 1], [greyDarker, primary]),
-    }); });
-    var backgroundStyle = useAnimatedStyle(function () { return ({
-        backgroundColor: interpolateColor(progress.value, [0, 1], [canvas, canvasMuted]),
-    }); });
-    return (React.createElement(Animated.View, { style: [
-            backgroundStyle,
-            styles.accordion,
-            first ? styles.topItem : null,
-            last ? styles.bottomItem : null,
-        ] },
-        React.createElement(TouchableOpacity, { accessibilityState: { expanded: expanded }, onPress: toggleOpen, style: styles.accordionHeader },
-            React.createElement(AnimatedHeading, { style: [headerStyle, styles.accordionHeaderText] }, title),
-            React.createElement(AccordionIcon, { animationTiming: progress })),
-        React.createElement(Animated.View, { style: containerAnimatedStyle },
-            React.createElement(View, { onLayout: onLayout, style: styles.container }, children))));
-};

package/dist/esm/components/Accordion/Group.js

@@ -1,14 +0,0 @@
-import React, { Children, cloneElement, isValidElement, } from 'react';
-import { View } from 'react-native';
-export var AccordionGroup = function (_a) {
-    var children = _a.children;
-    var childCount = Children.count(children);
-    return (React.createElement(View, null, Children.map(children, function (child, i) {
-        return isValidElement(child)
-            ? cloneElement(child, {
-                first: i === 0,
-                last: i === childCount - 1,
-            })
-            : child;
-    })));
-};

package/dist/esm/components/Accordion/Icon.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import Animated, { useAnimatedStyle, interpolateColor, useAnimatedProps, } from 'react-native-reanimated';
-import { Path, Svg } from 'react-native-svg';
-import { theme } from '../../theme';
-var _a = theme.colors, canvas = _a.canvas, primary = _a.primary, primaryMuted = _a.primaryMuted;
-var OVO_LOGO_ANGLE = 105;
-var AnimatedPath = Animated.createAnimatedComponent(Path);
-export function AccordionIcon(_a) {
-    var animationTiming = _a.animationTiming;
-    var outerAnimatedStyles = useAnimatedStyle(function () { return ({
-        backgroundColor: interpolateColor(animationTiming.value, [0, 1], [primaryMuted, primary]),
-        height: 36 - animationTiming.value * 4,
-        margin: 2 * animationTiming.value,
-        transform: [{ rotateZ: animationTiming.value * -OVO_LOGO_ANGLE + 'deg' }],
-    }); });
-    var innerAnimatedStyles = useAnimatedStyle(function () { return ({
-        transform: [{ rotateZ: animationTiming.value * OVO_LOGO_ANGLE + 'deg' }],
-    }); });
-    var plusAnimatedProps = useAnimatedProps(function () { return ({
-        opacity: 1 - animationTiming.value,
-    }); });
-    var minusAnimatedProps = useAnimatedProps(function () { return ({
-        opacity: animationTiming.value,
-    }); });
-    return (React.createElement(Animated.View, { style: [
-            {
-                backgroundColor: primaryMuted,
-                aspectRatio: 1,
-                alignItems: 'center',
-                justifyContent: 'center',
-            },
-            outerAnimatedStyles,
-        ] },
-        React.createElement(Animated.View, { style: innerAnimatedStyles },
-            React.createElement(Svg, { width: "16", height: "16", viewBox: "0 0 16 16" },
-                React.createElement(AnimatedPath, { animatedProps: plusAnimatedProps, d: "M9 9H16V6.99H9V0H6.99V7H0V9.01H7V16.01H9.01V9.01L9 9Z", fill: primary }),
-                React.createElement(AnimatedPath, { animatedProps: minusAnimatedProps, d: "M16.3826 9.66663V7.66663H0.462646V9.66663H16.3826Z", fill: canvas })))));
-}

package/dist/esm/components/Accordion/hooks.js

@@ -1,16 +0,0 @@
-import React, { useState } from 'react';
-export var useLayout = function (defaultHeight) {
-    var _a = useState({ height: defaultHeight || 0, width: 0, measured: false }), layout = _a[0], setLayout = _a[1];
-    var onLayout = React.useCallback(function (e) {
-        var _a = e.nativeEvent.layout, height = _a.height, width = _a.width;
-        if (height === layout.height && width === layout.width) {
-            return;
-        }
-        setLayout({
-            height: height,
-            width: width,
-            measured: true
-        });
-    }, [layout.height, layout.width]);
-    return [layout, onLayout];
-};

package/dist/esm/components/Accordion/index.js

@@ -1,3 +0,0 @@
-export { Accordion } from './Accordion';
-export { AccordionGroup } from './Group';
-export { AccordionIcon } from './Icon';

package/dist/esm/components/Accordion/styles.js

@@ -1,49 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { theme } from '../../theme';
-var greyBase = theme.colors.brand.grey.base;
-var styles = StyleSheet.create({
-    accordion: {
-        width: '100%',
-        borderWidth: parseInt(theme.borderWidths.standard),
-        borderBottomWidth: 0,
-        borderColor: greyBase,
-    },
-    topItem: {
-        borderTopLeftRadius: parseInt(theme.radii.small),
-        borderTopRightRadius: parseInt(theme.radii.small),
-    },
-    bottomItem: {
-        borderBottomLeftRadius: parseInt(theme.radii.small),
-        borderBottomRightRadius: parseInt(theme.radii.small),
-        borderBottomWidth: parseInt(theme.borderWidths.standard),
-    },
-    accordionHeader: {
-        paddingTop: parseInt(theme.space[5]),
-        paddingRight: 18,
-        paddingBottom: 18,
-        paddingLeft: parseInt(theme.space[3]),
-        flexDirection: 'row',
-        alignItems: 'flex-start',
-        justifyContent: 'space-between',
-    },
-    accordionHeaderText: {
-        paddingRight: parseInt(theme.space[3]),
-        marginTop: 0,
-        marginBottom: 0,
-        flexShrink: 1,
-    },
-    content: {
-        overflow: 'hidden',
-    },
-    container: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        paddingTop: 0,
-        paddingRight: parseInt(theme.space[12]),
-        paddingBottom: parseInt(theme.space[6]),
-        paddingLeft: parseInt(theme.space[3]),
-    },
-});
-export { styles };

package/dist/esm/components/Accordion/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/components/Badge/Badge.js

@@ -1,49 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 __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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { useBreakpoint } from '../../hooks';
-import styled, { css } from '../../styled.native';
-import { calculateLineHeight } from '../../theme';
-var StyledBadge = styled.View(function (_a) {
-    var badge = _a.theme.badge, _b = _a.variant, variant = _b === void 0 ? 'default' : _b;
-    // @ts-ignore to support additional palettes.
-    var currentVariant = badge.variants[variant];
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: 0 ", ";\n    border-radius: ", ";\n    background-color: ", ";\n    align-self: flex-start;\n  "], ["\n    padding: 0 ", ";\n    border-radius: ", ";\n    background-color: ", ";\n    align-self: flex-start;\n  "])), badge.paddingHorizontal, badge.borderRadius, currentVariant.background);
-});
-var StyledBadgeText = styled.Text(function (_a) {
-    var badge = _a.theme.badge, _b = _a.variant, variant = _b === void 0 ? 'default' : _b;
-    // @ts-ignore to support additional palettes.
-    var currentVariant = badge.variants[variant];
-    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-family: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    color: ", ";\n    font-size: ", ";\n  "], ["\n    font-family: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    color: ", ";\n    font-size: ", ";\n  "])), badge.fontFamily, badge.fontWeight, calculateLineHeight(badge.fontSize[1], badge.lineHeight), currentVariant.foreground, badge.fontSize[1]);
-});
-export var Badge = function (_a) {
-    var children = _a.children, variant = _a.variant, rest = __rest(_a, ["children", "variant"]);
-    var smallAndUp = useBreakpoint().smallAndUp;
-    return (React.createElement(StyledBadge, __assign({}, rest, { variant: variant }),
-        React.createElement(StyledBadgeText, { variant: variant, smallAndUp: smallAndUp }, children)));
-};
-var templateObject_1, templateObject_2;

package/dist/esm/components/Badge/index.js

@@ -1 +0,0 @@
-export { Badge } from './Badge';

package/dist/esm/components/CTAButton/CTAButton.js

@@ -1,78 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 __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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useContext, forwardRef, } from 'react';
-import { useBreakpoint } from '../../hooks';
-import styled, { css, ThemeContext } from '../../styled.native';
-import { calculateLineHeight } from '../../theme';
-import { Icon } from '../Icon/Icon';
-var StyledCTAWrapper = styled.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.createElement(StyledCTAWrapper, __assign({ accessibilityRole: accessibilityRole, activeOpacity: activeOpacity }, rest), children));
-};
-var StyledInner = styled.View(function (_a) {
-    var cta = _a.theme.cta, fullWidth = _a.fullWidth, variant = _a.variant;
-    // @ts-ignore to support additional palettes.
-    var currentVariant = cta.variants[variant];
-    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    padding: ", " ", ";\n    border-color: ", ";\n    background-color: ", ";\n    border-width: ", ";\n    border-radius: ", ";\n    min-height: ", ";\n    border-style: solid;\n    justify-content: center;\n    align-items: center;\n    flex-direction: row;\n    flex-grow: 1;\n\n    ", ";\n  "], ["\n    padding: ", " ", ";\n    border-color: ", ";\n    background-color: ", ";\n    border-width: ", ";\n    border-radius: ", ";\n    min-height: ", ";\n    border-style: solid;\n    justify-content: center;\n    align-items: center;\n    flex-direction: row;\n    flex-grow: 1;\n\n    ", ";\n  "])), cta.paddingVertical, cta.paddingHorizontal, currentVariant.border, currentVariant.background, cta.borderWidth, cta.borderRadius, cta.minHeight, fullWidth === 'never'
-        ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          flex-grow: 0;\n        "], ["\n          flex-grow: 0;\n        "]))) : '');
-});
-var StyledRightIcon = styled(Icon)(function (_a) {
-    var cta = _a.theme.cta;
-    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    margin-left: ", ";\n  "], ["\n    margin-left: ", ";\n  "])), cta.iconGap);
-});
-var StyledLeftIcon = styled(Icon)(function (_a) {
-    var cta = _a.theme.cta;
-    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    margin-right: ", ";\n  "], ["\n    margin-right: ", ";\n  "])), cta.iconGap);
-});
-var StyledCTAButtonText = styled.Text(function (_a) {
-    var cta = _a.theme.cta, smallAndUp = _a.smallAndUp, variant = _a.variant;
-    var fontSize = smallAndUp ? cta.fontSize[1] : cta.fontSize[0];
-    // @ts-ignore to support additional palettes.
-    var currentVariant = cta.variants[variant];
-    return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    color: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    text-align: left;\n    flex-shrink: 2;\n  "], ["\n    color: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    text-align: left;\n    flex-shrink: 2;\n  "])), currentVariant.foreground, cta.fontFamily, fontSize, cta.fontWeight, calculateLineHeight(fontSize, cta.lineHeight));
-});
-var CTAButton = function (_a) {
-    var _b = _a.iconLeft, iconLeft = _b === void 0 ? 'off' : _b, _c = _a.iconRight, iconRight = _c === void 0 ? 'off' : _c, children = _a.children, _d = _a.fullWidth, fullWidth = _d === void 0 ? 'small' : _d, _e = _a.variant, variant = _e === void 0 ? 'primary' : _e, rest = __rest(_a, ["iconLeft", "iconRight", "children", "fullWidth", "variant"]);
-    var cta = useContext(ThemeContext).cta;
-    var smallAndUp = useBreakpoint().smallAndUp;
-    // @ts-ignore to support additional palettes.
-    var currentVariant = cta.variants[variant];
-    if (fullWidth === 'small') {
-        fullWidth = smallAndUp ? 'never' : 'always';
-    }
-    return (React.createElement(CTAButtonWrapper, __assign({}, rest),
-        React.createElement(StyledInner, { fullWidth: fullWidth, variant: variant },
-            iconLeft !== 'off' ? (React.createElement(StyledLeftIcon, { name: iconLeft, size: 16, color: currentVariant.foreground })) : null,
-            React.createElement(StyledCTAButtonText, { smallAndUp: smallAndUp, variant: variant }, children),
-            iconRight !== 'off' ? (React.createElement(StyledRightIcon, { name: iconRight, size: 16, color: currentVariant.foreground })) : null)));
-};
-var PrimaryCTAButton = forwardRef(function (props, ref) { return (React.createElement(CTAButton, __assign({ variant: "primary" }, props, { ref: ref }))); });
-var SecondaryCTAButton = forwardRef(function (props, ref) { return (React.createElement(CTAButton, __assign({ variant: "secondary" }, props, { ref: ref }))); });
-var DestructiveCTAButton = forwardRef(function (props, ref) { return (React.createElement(CTAButton, __assign({ variant: "destructive" }, props, { ref: ref }))); });
-export { CTAButton, PrimaryCTAButton, SecondaryCTAButton, DestructiveCTAButton, };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/esm/components/CTAButton/index.js

@@ -1 +0,0 @@
-export { CTAButton, DestructiveCTAButton, PrimaryCTAButton, SecondaryCTAButton, } from './CTAButton';

package/dist/esm/components/CTALink/CTALink.js

@@ -1,17 +0,0 @@
-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);
-};
-import React, { forwardRef } from 'react';
-import { CTAButton } from '../CTAButton';
-var CTALink = forwardRef(function (props, ref) { return React.createElement(CTAButton, __assign({}, props, { ref: ref })); });
-var PrimaryCTALink = forwardRef(function (props, ref) { return React.createElement(CTALink, __assign({ variant: "primary", ref: ref }, props)); });
-var SecondaryCTALink = forwardRef(function (props, ref) { return (React.createElement(CTALink, __assign({ variant: "secondary", ref: ref }, props))); });
-export { CTALink, PrimaryCTALink, SecondaryCTALink };

package/dist/esm/components/CTALink/index.js

@@ -1 +0,0 @@
-export { CTALink, PrimaryCTALink, SecondaryCTALink } from './CTALink';

package/dist/esm/components/Card/Card.js

@@ -1,27 +0,0 @@
-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);
-};
-import React from 'react';
-import { useBreakpoint } from '../../hooks';
-import styled from '../../styled.native';
-var StyledCard = styled.View(function (_a) {
-    var _b = _a.theme, card = _b.card, radii = _b.radii, smallAndUp = _a.smallAndUp, _c = _a.inline, inline = _c === void 0 ? false : _c;
-    var padding = smallAndUp
-        ? "".concat(card.padding[2], " ").concat(card.padding[1])
-        : "".concat(card.padding[1], " ").concat(card.padding[0]);
-    var borderRadius = smallAndUp ? radii.medium : radii.small;
-    return "\n      background: ".concat(card.background, ";\n      border: ").concat(inline ? "".concat(card.borderWidth, " solid ").concat(card.borderColor) : 'none', ";\n      padding: ").concat(padding, ";\n      border-radius: ").concat(borderRadius, ";\n    ");
-});
-var Card = function (props) {
-    var breakpoints = useBreakpoint();
-    return React.createElement(StyledCard, __assign({}, breakpoints, props));
-};
-export { Card };

package/dist/esm/components/Card/index.js

@@ -1 +0,0 @@
-export { Card } from './Card';

package/dist/esm/components/Checkbox/Checkbox.js

@@ -1,95 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 __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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { forwardRef, useContext, } from 'react';
-import { TouchableOpacity, View, } from 'react-native';
-import styled, { ThemeContext } from '../../styled.native';
-import { pxToNumber } from '../../utils';
-import { ErrorText } from '../ErrorText';
-import { FormGroup } from '../FormGroup';
-import { HintText } from '../HintText';
-import { Icon } from '../Icon/Icon';
-import { LabelText } from '../LabelText';
-import { Stack } from '../Stack';
-var StyledCheckboxInputWrapper = styled.View(function (_a) {
-    var checkbox = _a.theme.checkbox;
-    var checkboxSize = pxToNumber(checkbox.size);
-    var gap = pxToNumber(checkbox.gap);
-    return "\n      width: ".concat(checkboxSize + gap, "px;\n      height: ").concat(checkbox.touchSize, ";\n    ");
-});
-var StyledCheckboxInput = styled.View(function (_a) {
-    var checkbox = _a.theme.checkbox, invalid = _a.invalid, checked = _a.checked;
-    var touchSize = pxToNumber(checkbox.touchSize);
-    var checkboxSize = pxToNumber(checkbox.size);
-    var checkboxDistance = (touchSize - checkboxSize) / 2;
-    return "\n      width: ".concat(checkbox.size, ";\n      height: ").concat(checkbox.size, ";\n      border: ").concat(checkbox.borderWidth, " solid;\n      margin-top: ").concat(checkboxDistance, "px;\n      border-radius: ").concat(checkbox.borderRadius, ";\n      border-color: ").concat(invalid
-        ? checkbox.errorColor
-        : checked
-            ? checkbox.checkColor
-            : checkbox.borderColor, ";\n      background: ").concat(checked ? checkbox.checkedBackground : checkbox.background, ";\n    ");
-});
-var CheckboxCheck = function (props) {
-    var checkbox = useContext(ThemeContext).checkbox;
-    return (React.createElement(Icon, __assign({ name: "check", size: pxToNumber(checkbox.checkSize), color: checkbox.checkColor }, props)));
-};
-var StyledCheckboxInputCheck = styled(CheckboxCheck)(function (_a) {
-    var checkbox = _a.theme.checkbox, checked = _a.checked;
-    var checkboxSize = pxToNumber(checkbox.size);
-    var checkSize = pxToNumber(checkbox.checkSize);
-    var borderWidth = pxToNumber(checkbox.borderWidth);
-    var checkDistance = (checkboxSize - checkSize) / 2 - borderWidth;
-    return "\n      margin-top: ".concat(checkDistance, "px;\n      margin-left: ").concat(checkDistance, "px;\n      opacity: ").concat(checked ? 1 : 0, ";\n    ");
-});
-var Input = function (_a) {
-    var checked = _a.checked, invalid = _a.invalid, rest = __rest(_a, ["checked", "invalid"]);
-    return (React.createElement(StyledCheckboxInputWrapper, __assign({}, rest),
-        React.createElement(StyledCheckboxInput, { invalid: invalid, checked: checked },
-            React.createElement(StyledCheckboxInputCheck, { checked: checked }))));
-};
-var CheckLabelText = styled(LabelText)(function (_a) {
-    var checkbox = _a.theme.checkbox;
-    return "\n    padding-top: ".concat(checkbox.paddingTop, ";\n  ");
-});
-var StyledWrapper = styled.View(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex-direction: row;\n"], ["\n  flex-direction: row;\n"])));
-var Checkbox = 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, rest = __rest(_a, ["label", "hint", "error", "checked", "optional", "invalid", "activeOpacity"]);
-    var hasError = !!error;
-    return (React.createElement(FormGroup, { error: hasError },
-        React.createElement(Stack, { spaceBetween: 1 },
-            error ? React.createElement(ErrorText, null, error) : null,
-            React.createElement(TouchableOpacity, __assign({ ref: ref, accessibilityRole: "checkbox", activeOpacity: activeOpacity, accessibilityState: { checked: checked }, 
-                // @ts-ignore
-                invalid: hasError || invalid }, rest),
-                React.createElement(StyledWrapper, null,
-                    React.createElement(Input, { checked: checked, invalid: hasError || invalid }),
-                    React.createElement(View, { style: { flexShrink: 1 } },
-                        React.createElement(CheckLabelText, null,
-                            label,
-                            optional ? ' (optional)' : null),
-                        hint ? React.createElement(HintText, null, hint) : null))))));
-});
-export { Checkbox };
-var templateObject_1;

package/dist/esm/components/Checkbox/CheckboxField.js

@@ -1,47 +0,0 @@
-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 __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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { Children, cloneElement, } from 'react';
-import { View } from 'react-native';
-import { ErrorText } from '../ErrorText';
-import { FormGroup } from '../FormGroup';
-import { HintText } from '../HintText';
-import { LabelText } from '../LabelText';
-import { Stack } from '../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.createElement(FormGroup, __assign({}, rest, { error: hasError }),
-        React.createElement(Stack, { spaceBetween: 1 },
-            React.createElement(View, null,
-                React.createElement(LabelText, null,
-                    label,
-                    optional ? ' (optional)' : null),
-                hint ? React.createElement(HintText, null, hint) : null,
-                error ? React.createElement(ErrorText, null, error) : null),
-            React.createElement(View, null, Children.map(children, function (child) {
-                return cloneElement(child, {
-                    invalid: hasError ? true : child.props.invalid,
-                });
-            })))));
-};
-export { CheckboxField };

package/dist/esm/components/Checkbox/index.js

@@ -1,2 +0,0 @@
-export { Checkbox } from './Checkbox';
-export { CheckboxField } from './CheckboxField';