@ovotech/element-native 3.8.1 → 4.0.0-canary-a872093-246

package/dist/components/CTAButton/CTAButton.js

@@ -1,182 +1,119 @@
-import { jsx as p, jsxs as u } from "react/jsx-runtime";
-import { n as e } from "../../utils-HsZygzDh.js";
-import { forwardRef as c } from "react";
-import { useBreakpoint as y } from "../../hooks/use-breakpoint.js";
-import { s as a, c as s } from "../../styled.native-KEscfVp7.js";
-import { Icon as d } from "../Icon/Icon.js";
-import "react-native";
-import "../../providers/IconsProvider.js";
-import "../../providers/icons/Address.js";
-import "react-native-svg";
-import "../../providers/icons/Advice.js";
-import "../../providers/icons/Archive.js";
-import "../../providers/icons/ArrowDown.js";
-import "../../providers/icons/ArrowLeft.js";
-import "../../providers/icons/ArrowRight.js";
-import "../../providers/icons/ArrowUp.js";
-import "../../providers/icons/Award.js";
-import "../../providers/icons/Battery.js";
-import "../../providers/icons/Cal.js";
-import "../../providers/icons/CalBook.js";
-import "../../providers/icons/CaretDown.js";
-import "../../providers/icons/CaretLeft.js";
-import "../../providers/icons/CaretRight.js";
-import "../../providers/icons/CaretUp.js";
-import "../../providers/icons/Chart.js";
-import "../../providers/icons/ChartFilled.js";
-import "../../providers/icons/Check.js";
-import "../../providers/icons/CheckCircle.js";
-import "../../providers/icons/ChevronDown.js";
-import "../../providers/icons/ChevronLeft.js";
-import "../../providers/icons/ChevronLeftSmall.js";
-import "../../providers/icons/ChevronLeftSmallFirst.js";
-import "../../providers/icons/ChevronRight.js";
-import "../../providers/icons/ChevronRightSmall.js";
-import "../../providers/icons/ChevronRightSmallLast.js";
-import "../../providers/icons/ChevronUp.js";
-import "../../providers/icons/Circle.js";
-import "../../providers/icons/CloseCircle.js";
-import "../../providers/icons/Cross.js";
-import "../../providers/icons/Doc.js";
-import "../../providers/icons/Dollar.js";
-import "../../providers/icons/Download.js";
-import "../../providers/icons/Eco.js";
-import "../../providers/icons/EcoHome.js";
-import "../../providers/icons/Edit.js";
-import "../../providers/icons/ElectricCar.js";
-import "../../providers/icons/ElectricHome.js";
-import "../../providers/icons/Electricity.js";
-import "../../providers/icons/EnergyAdvice.js";
-import "../../providers/icons/Equals.js";
-import "../../providers/icons/Euro.js";
-import "../../providers/icons/Gas.js";
-import "../../providers/icons/GlobeAddress.js";
-import "../../providers/icons/Help.js";
-import "../../providers/icons/Hide.js";
-import "../../providers/icons/Home.js";
-import "../../providers/icons/HomeFilled.js";
-import "../../providers/icons/HydroPower.js";
-import "../../providers/icons/Info.js";
-import "../../providers/icons/Link.js";
-import "../../providers/icons/Logo.js";
-import "../../providers/icons/Mail.js";
-import "../../providers/icons/MailOpen.js";
-import "../../providers/icons/Menu.js";
-import "../../providers/icons/Message.js";
-import "../../providers/icons/MessageFilled.js";
-import "../../providers/icons/Minus.js";
-import "../../providers/icons/Mobile.js";
-import "../../providers/icons/NewWindow.js";
-import "../../providers/icons/PaymentCard.js";
-import "../../providers/icons/Phone.js";
-import "../../providers/icons/Plus.js";
-import "../../providers/icons/Pound.js";
-import "../../providers/icons/Pricing.js";
-import "../../providers/icons/Search.js";
-import "../../providers/icons/Security.js";
-import "../../providers/icons/Show.js";
-import "../../providers/icons/SmartHome.js";
-import "../../providers/icons/SmartMeter.js";
-import "../../providers/icons/Solar.js";
-import "../../providers/icons/Star.js";
-import "../../providers/icons/Sun.js";
-import "../../providers/icons/Torch.js";
-import "../../providers/icons/Trees.js";
-import "../../providers/icons/Tune.js";
-import "../../providers/icons/User.js";
-import "../../providers/icons/UserFilled.js";
-import "../../providers/icons/Wallet.js";
-import "../../providers/icons/WalletFilled.js";
-import "../../providers/icons/WarmHome.js";
-import "../../providers/icons/Warning.js";
-import "../../providers/icons/WebAddress.js";
-import "../../providers/icons/WindPower.js";
-const g = a.TouchableOpacity`
-  align-self: flex-start;
-  flex-direction: row;
-  align-items: flex-start;
-`, $ = ({
-  children: t,
-  accessibilityRole: r = "button",
-  activeOpacity: i = 0.8,
-  ...o
-}) => /* @__PURE__ */ p(
-  g,
-  {
-    accessibilityRole: r,
-    activeOpacity: i,
-    ...o,
-    children: t
-  }
-), x = a.View(({ theme: { core: t, component: r }, fullWidth: i, variant: o }) => {
-  const m = r.cta[o], n = t.space[11] / 2 + "px";
-  return s`
-    padding: ${e(t.space[2])} ${e(t.space[4])};
-    background-color: ${m.surface};
-    border-radius: ${n};
-    min-height: ${e(t.space[11])};
-    border: ${o === "secondary" ? `solid ${e(t.borderWidth.small)} ${t.color.brand.forest}` : "none"};
-    justify-content: center;
-    align-items: center;
-    flex-direction: row;
-    flex-grow: 1;
-
-    ${i === "never" ? s`
-          flex-grow: 0;
-        ` : ""};
-  `;
-}), h = a(d)(({
-  theme: { core: t, component: r },
-  variant: i
-}) => {
-  const o = r.cta[i];
-  return s`
-    margin-left: ${e(t.space[1])};
-    color: ${o.message};
-  `;
-}), b = a(d)(({
-  theme: { core: t, component: r },
-  variant: i
-}) => {
-  const o = r.cta[i];
-  return s`
-    margin-right: ${e(t.space[1])};
-    color: ${o.message};
-  `;
-}), T = a.Text(({ theme: { core: t, component: r }, smallAndUp: i, variant: o }) => {
-  const m = i ? t.fontSize.body.large : t.fontSize.body.small, n = r.cta[o];
-  return s`
-    color: ${n.message};
-    font-family: ${t.fontFamily.bodyBold.native};
-    font-size: ${e(m)};
-    line-height: ${e(t.lineHeight.body.small)};
-    text-align: center;
-    flex-shrink: 2;
-  `;
-}), l = ({
-  iconLeft: t = "off",
-  iconRight: r = "off",
-  children: i,
-  fullWidth: o = "small",
-  variant: m = "primary",
-  ...n
-}) => {
-  const { smallAndUp: f } = y();
-  return o === "small" && (o = f ? "never" : "always"), /* @__PURE__ */ p($, { ...n, children: /* @__PURE__ */ u(x, { fullWidth: o, variant: m, children: [
-    t !== "off" ? /* @__PURE__ */ p(b, { name: t, size: 16, variant: m }) : null,
-    /* @__PURE__ */ p(T, { smallAndUp: f, variant: m, children: i }),
-    r !== "off" ? /* @__PURE__ */ p(h, { name: r, size: 16, variant: m }) : null
-  ] }) });
-}, nr = c(
-  (t, r) => /* @__PURE__ */ p(l, { variant: "primary", ...t, ref: r })
-), sr = c(
-  (t, r) => /* @__PURE__ */ p(l, { variant: "secondary", ...t, ref: r })
-), ar = c(
-  (t, r) => /* @__PURE__ */ p(l, { variant: "destructive", ...t, ref: r })
-);
-export {
-  l as CTAButton,
-  ar as DestructiveCTAButton,
-  nr as PrimaryCTAButton,
-  sr as SecondaryCTAButton
+"use strict";
+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 __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)
+        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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DestructiveCTAButton = exports.SecondaryCTAButton = exports.PrimaryCTAButton = exports.CTAButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var element_core_1 = require("@ovotech/element-core");
+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 ((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, inverted = _a.inverted;
+    var currentVariant = component.cta[variant];
+    var borderRadius = core.space[11] / 2 + 'px';
+    var backgroundColor = variant === 'secondary'
+        ? 'transparent'
+        : inverted
+            ? currentVariant.surfaceInverted
+            : currentVariant.surface;
+    var borderColor = inverted
+        ? core.color.brand.white
+        : core.color.brand.forest;
+    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding: ", " ", ";\n    background-color: ", ";\n    border-radius: ", ";\n    min-height: ", ";\n    border: ", ";\n    justify-content: center;\n    align-items: center;\n    flex-direction: row;\n    flex-grow: ", ";\n  "], ["\n    padding: ", " ", ";\n    background-color: ", ";\n    border-radius: ", ";\n    min-height: ", ";\n    border: ", ";\n    justify-content: center;\n    align-items: center;\n    flex-direction: row;\n    flex-grow: ", ";\n  "])), (0, element_core_1.numToPx)(core.space[2]), (0, element_core_1.numToPx)(core.space[4]), backgroundColor, borderRadius, (0, element_core_1.numToPx)(core.space[11]), variant === 'secondary'
+        ? "solid ".concat((0, element_core_1.numToPx)(core.borderWidth.small), " ").concat(borderColor)
+        : 'none', fullWidth ? '1' : '0');
+});
+var StyledRightIcon = (0, styled_native_1.default)(Icon_1.Icon)(function (_a) {
+    var _b = _a.theme, core = _b.core, component = _b.component, variant = _a.variant, inverted = _a.inverted;
+    var currentVariant = component.cta[variant];
+    var color = inverted
+        ? currentVariant.messageInverted
+        : currentVariant.message;
+    return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    margin-left: ", ";\n    color: ", ";\n  "], ["\n    margin-left: ", ";\n    color: ", ";\n  "])), (0, element_core_1.numToPx)(core.space[1]), color);
+});
+var StyledLeftIcon = (0, styled_native_1.default)(Icon_1.Icon)(function (_a) {
+    var _b = _a.theme, core = _b.core, component = _b.component, variant = _a.variant, inverted = _a.inverted;
+    var currentVariant = component.cta[variant];
+    var color = inverted
+        ? currentVariant.messageInverted
+        : currentVariant.message;
+    return (0, styled_native_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    margin-right: ", ";\n    color: ", ";\n  "], ["\n    margin-right: ", ";\n    color: ", ";\n  "])), (0, element_core_1.numToPx)(core.space[1]), color);
+});
+var StyledCTAButtonText = styled_native_1.default.Text(function (_a) {
+    var _b = _a.theme, core = _b.core, component = _b.component, smallAndUp = _a.smallAndUp, variant = _a.variant, inverted = _a.inverted;
+    var fontSize = smallAndUp
+        ? core.fontSize.body.large
+        : core.fontSize.body.small;
+    var currentVariant = component.cta[variant];
+    var color = inverted
+        ? currentVariant.messageInverted
+        : currentVariant.message;
+    return (0, styled_native_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    color: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    text-align: center;\n    flex-shrink: 2;\n  "], ["\n    color: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    text-align: center;\n    flex-shrink: 2;\n  "])), color, core.fontFamily.bodyBold.native, (0, element_core_1.numToPx)(fontSize), (0, element_core_1.numToPx)(core.lineHeight.body.small));
+});
+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 ? false : _d, _e = _a.variant, variant = _e === void 0 ? 'primary' : _e, _f = _a.inverted, inverted = _f === void 0 ? false : _f, rest = __rest(_a, ["iconLeft", "iconRight", "children", "fullWidth", "variant", "inverted"]);
+    var smallAndUp = (0, hooks_1.useBreakpoint)().smallAndUp;
+    return ((0, jsx_runtime_1.jsx)(CTAButtonWrapper, __assign({}, rest, { children: (0, jsx_runtime_1.jsxs)(StyledInner, { fullWidth: fullWidth, variant: variant, inverted: inverted, children: [iconLeft !== 'off' ? ((0, jsx_runtime_1.jsx)(StyledLeftIcon, { name: iconLeft, size: 16, variant: variant, inverted: inverted })) : null, (0, jsx_runtime_1.jsx)(StyledCTAButtonText, { smallAndUp: smallAndUp, variant: variant, inverted: inverted, children: children }), iconRight !== 'off' ? ((0, jsx_runtime_1.jsx)(StyledRightIcon, { name: iconRight, size: 16, variant: variant, inverted: inverted })) : null] }) })));
+};
+exports.CTAButton = CTAButton;
+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 ((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 ((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;

package/dist/components/CTAButton/index.js

@@ -1,100 +1,8 @@
-import { CTAButton as Mt, DestructiveCTAButton as Nt, PrimaryCTAButton as Ot, SecondaryCTAButton as Qt } from "./CTAButton.js";
-import "react/jsx-runtime";
-import "../../utils-HsZygzDh.js";
-import "react";
-import "../../hooks/use-breakpoint.js";
-import "react-native";
-import "../../styled.native-KEscfVp7.js";
-import "../Icon/Icon.js";
-import "../../providers/IconsProvider.js";
-import "../../providers/icons/Address.js";
-import "react-native-svg";
-import "../../providers/icons/Advice.js";
-import "../../providers/icons/Archive.js";
-import "../../providers/icons/ArrowDown.js";
-import "../../providers/icons/ArrowLeft.js";
-import "../../providers/icons/ArrowRight.js";
-import "../../providers/icons/ArrowUp.js";
-import "../../providers/icons/Award.js";
-import "../../providers/icons/Battery.js";
-import "../../providers/icons/Cal.js";
-import "../../providers/icons/CalBook.js";
-import "../../providers/icons/CaretDown.js";
-import "../../providers/icons/CaretLeft.js";
-import "../../providers/icons/CaretRight.js";
-import "../../providers/icons/CaretUp.js";
-import "../../providers/icons/Chart.js";
-import "../../providers/icons/ChartFilled.js";
-import "../../providers/icons/Check.js";
-import "../../providers/icons/CheckCircle.js";
-import "../../providers/icons/ChevronDown.js";
-import "../../providers/icons/ChevronLeft.js";
-import "../../providers/icons/ChevronLeftSmall.js";
-import "../../providers/icons/ChevronLeftSmallFirst.js";
-import "../../providers/icons/ChevronRight.js";
-import "../../providers/icons/ChevronRightSmall.js";
-import "../../providers/icons/ChevronRightSmallLast.js";
-import "../../providers/icons/ChevronUp.js";
-import "../../providers/icons/Circle.js";
-import "../../providers/icons/CloseCircle.js";
-import "../../providers/icons/Cross.js";
-import "../../providers/icons/Doc.js";
-import "../../providers/icons/Dollar.js";
-import "../../providers/icons/Download.js";
-import "../../providers/icons/Eco.js";
-import "../../providers/icons/EcoHome.js";
-import "../../providers/icons/Edit.js";
-import "../../providers/icons/ElectricCar.js";
-import "../../providers/icons/ElectricHome.js";
-import "../../providers/icons/Electricity.js";
-import "../../providers/icons/EnergyAdvice.js";
-import "../../providers/icons/Equals.js";
-import "../../providers/icons/Euro.js";
-import "../../providers/icons/Gas.js";
-import "../../providers/icons/GlobeAddress.js";
-import "../../providers/icons/Help.js";
-import "../../providers/icons/Hide.js";
-import "../../providers/icons/Home.js";
-import "../../providers/icons/HomeFilled.js";
-import "../../providers/icons/HydroPower.js";
-import "../../providers/icons/Info.js";
-import "../../providers/icons/Link.js";
-import "../../providers/icons/Logo.js";
-import "../../providers/icons/Mail.js";
-import "../../providers/icons/MailOpen.js";
-import "../../providers/icons/Menu.js";
-import "../../providers/icons/Message.js";
-import "../../providers/icons/MessageFilled.js";
-import "../../providers/icons/Minus.js";
-import "../../providers/icons/Mobile.js";
-import "../../providers/icons/NewWindow.js";
-import "../../providers/icons/PaymentCard.js";
-import "../../providers/icons/Phone.js";
-import "../../providers/icons/Plus.js";
-import "../../providers/icons/Pound.js";
-import "../../providers/icons/Pricing.js";
-import "../../providers/icons/Search.js";
-import "../../providers/icons/Security.js";
-import "../../providers/icons/Show.js";
-import "../../providers/icons/SmartHome.js";
-import "../../providers/icons/SmartMeter.js";
-import "../../providers/icons/Solar.js";
-import "../../providers/icons/Star.js";
-import "../../providers/icons/Sun.js";
-import "../../providers/icons/Torch.js";
-import "../../providers/icons/Trees.js";
-import "../../providers/icons/Tune.js";
-import "../../providers/icons/User.js";
-import "../../providers/icons/UserFilled.js";
-import "../../providers/icons/Wallet.js";
-import "../../providers/icons/WalletFilled.js";
-import "../../providers/icons/WarmHome.js";
-import "../../providers/icons/Warning.js";
-import "../../providers/icons/WebAddress.js";
-import "../../providers/icons/WindPower.js";
-export {
-  Mt as CTAButton,
-  Nt as DestructiveCTAButton,
-  Ot as PrimaryCTAButton,
-  Qt as SecondaryCTAButton
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecondaryCTAButton = exports.PrimaryCTAButton = exports.DestructiveCTAButton = exports.CTAButton = void 0;
+var CTAButton_1 = require("./CTAButton");
+Object.defineProperty(exports, "CTAButton", { enumerable: true, get: function () { return CTAButton_1.CTAButton; } });
+Object.defineProperty(exports, "DestructiveCTAButton", { enumerable: true, get: function () { return CTAButton_1.DestructiveCTAButton; } });
+Object.defineProperty(exports, "PrimaryCTAButton", { enumerable: true, get: function () { return CTAButton_1.PrimaryCTAButton; } });
+Object.defineProperty(exports, "SecondaryCTAButton", { enumerable: true, get: function () { return CTAButton_1.SecondaryCTAButton; } });

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

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

package/dist/components/CTALink/CTALink.js

@@ -1,106 +1,23 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { CTAButton as p } from "../CTAButton/CTAButton.js";
-import "../../utils-HsZygzDh.js";
-import "../../hooks/use-breakpoint.js";
-import "react-native";
-import "../../styled.native-KEscfVp7.js";
-import "../Icon/Icon.js";
-import "../../providers/IconsProvider.js";
-import "../../providers/icons/Address.js";
-import "react-native-svg";
-import "../../providers/icons/Advice.js";
-import "../../providers/icons/Archive.js";
-import "../../providers/icons/ArrowDown.js";
-import "../../providers/icons/ArrowLeft.js";
-import "../../providers/icons/ArrowRight.js";
-import "../../providers/icons/ArrowUp.js";
-import "../../providers/icons/Award.js";
-import "../../providers/icons/Battery.js";
-import "../../providers/icons/Cal.js";
-import "../../providers/icons/CalBook.js";
-import "../../providers/icons/CaretDown.js";
-import "../../providers/icons/CaretLeft.js";
-import "../../providers/icons/CaretRight.js";
-import "../../providers/icons/CaretUp.js";
-import "../../providers/icons/Chart.js";
-import "../../providers/icons/ChartFilled.js";
-import "../../providers/icons/Check.js";
-import "../../providers/icons/CheckCircle.js";
-import "../../providers/icons/ChevronDown.js";
-import "../../providers/icons/ChevronLeft.js";
-import "../../providers/icons/ChevronLeftSmall.js";
-import "../../providers/icons/ChevronLeftSmallFirst.js";
-import "../../providers/icons/ChevronRight.js";
-import "../../providers/icons/ChevronRightSmall.js";
-import "../../providers/icons/ChevronRightSmallLast.js";
-import "../../providers/icons/ChevronUp.js";
-import "../../providers/icons/Circle.js";
-import "../../providers/icons/CloseCircle.js";
-import "../../providers/icons/Cross.js";
-import "../../providers/icons/Doc.js";
-import "../../providers/icons/Dollar.js";
-import "../../providers/icons/Download.js";
-import "../../providers/icons/Eco.js";
-import "../../providers/icons/EcoHome.js";
-import "../../providers/icons/Edit.js";
-import "../../providers/icons/ElectricCar.js";
-import "../../providers/icons/ElectricHome.js";
-import "../../providers/icons/Electricity.js";
-import "../../providers/icons/EnergyAdvice.js";
-import "../../providers/icons/Equals.js";
-import "../../providers/icons/Euro.js";
-import "../../providers/icons/Gas.js";
-import "../../providers/icons/GlobeAddress.js";
-import "../../providers/icons/Help.js";
-import "../../providers/icons/Hide.js";
-import "../../providers/icons/Home.js";
-import "../../providers/icons/HomeFilled.js";
-import "../../providers/icons/HydroPower.js";
-import "../../providers/icons/Info.js";
-import "../../providers/icons/Link.js";
-import "../../providers/icons/Logo.js";
-import "../../providers/icons/Mail.js";
-import "../../providers/icons/MailOpen.js";
-import "../../providers/icons/Menu.js";
-import "../../providers/icons/Message.js";
-import "../../providers/icons/MessageFilled.js";
-import "../../providers/icons/Minus.js";
-import "../../providers/icons/Mobile.js";
-import "../../providers/icons/NewWindow.js";
-import "../../providers/icons/PaymentCard.js";
-import "../../providers/icons/Phone.js";
-import "../../providers/icons/Plus.js";
-import "../../providers/icons/Pound.js";
-import "../../providers/icons/Pricing.js";
-import "../../providers/icons/Search.js";
-import "../../providers/icons/Security.js";
-import "../../providers/icons/Show.js";
-import "../../providers/icons/SmartHome.js";
-import "../../providers/icons/SmartMeter.js";
-import "../../providers/icons/Solar.js";
-import "../../providers/icons/Star.js";
-import "../../providers/icons/Sun.js";
-import "../../providers/icons/Torch.js";
-import "../../providers/icons/Trees.js";
-import "../../providers/icons/Tune.js";
-import "../../providers/icons/User.js";
-import "../../providers/icons/UserFilled.js";
-import "../../providers/icons/Wallet.js";
-import "../../providers/icons/WalletFilled.js";
-import "../../providers/icons/WarmHome.js";
-import "../../providers/icons/Warning.js";
-import "../../providers/icons/WebAddress.js";
-import "../../providers/icons/WindPower.js";
-const m = i(
-  (r, o) => /* @__PURE__ */ t(p, { ...r, ref: o })
-), Ur = i(
-  (r, o) => /* @__PURE__ */ t(m, { variant: "primary", ref: o, ...r })
-), Vr = i(
-  (r, o) => /* @__PURE__ */ t(m, { variant: "secondary", ref: o, ...r })
-);
-export {
-  m as CTALink,
-  Ur as PrimaryCTALink,
-  Vr as SecondaryCTALink
+"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);
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecondaryCTALink = exports.PrimaryCTALink = exports.CTALink = void 0;
+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 (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 (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 ((0, jsx_runtime_1.jsx)(CTALink, __assign({ variant: "secondary", ref: ref }, props))); });
+exports.SecondaryCTALink = SecondaryCTALink;